` for layout.** Use Mistica layout components: `Box`, `Stack`, `Inline`,
`Align`, `ResponsiveLayout`, `GridLayout`, `Grid`.
3. **NEVER set font sizes manually.** Use text components: `Text1`-`Text10`, `Title1`-`Title4`. If those don't
@@ -88,7 +88,7 @@ npm install @telefonica/mistica
import '@telefonica/mistica/css/mistica.css';
import {
ThemeContextProvider,
- getMovistarNewSkin,
+ getMovistarSkin,
skinVars,
ResponsiveLayout,
Box,
@@ -99,7 +99,7 @@ import {
} from '@telefonica/mistica';
const misticaTheme = {
- skin: getMovistarNewSkin(),
+ skin: getMovistarSkin(),
i18n: {locale: 'es-ES', phoneNumberFormattingRegionCode: 'ES'},
};
@@ -107,7 +107,7 @@ const misticaTheme = {
const GlobalStyles = () => (
@@ -152,13 +152,13 @@ type ThemeConfig = {
};
```
-Available skins: `getMovistarNewSkin()`, `getVivoSkin()`, `getVivoEvolutionSkin()`, `getO2Skin()`,
-`getTelefonicaSkin()`, `getBlauSkin()`, and others via `getSkinByName()`. The legacy Movistar variant without
-the `New` suffix also exists (`getMovistarSkin()`); prefer the `New` version for new projects. You can also
-create a custom skin. If you need to customize default component colors, radii, or other visual tokens beyond
-the props exposed by a component, prefer extending a skin over overriding component styles. Built-in palette
-exports such as `movistarNewPalette`, `o2Palette`, `vivoPalette`, etc. are available for skin authoring, and
-custom skins may also define their own palette colors from scratch.
+Available skins: `getMovistarSkin()`, `getVivoSkin()`, `getVivoEvolutionSkin()`, `getO2Skin()`,
+`getTelefonicaSkin()`, `getBlauSkin()`, and others via `getSkinByName()`. You can also create a custom skin.
+
+If you need to customize default component colors, radii, or other visual tokens beyond the props exposed by a
+component, prefer extending a skin over overriding component styles. Built-in palette exports such as
+`movistarPalette`, `o2Palette`, `vivoPalette`, etc. are available for skin authoring, and custom skins may
+also define their own palette colors from scratch.
Built-in Link integrations: `Next12`, `Next13`, `Next14`, `ReactRouter5`, `ReactRouter6`.
@@ -288,7 +288,7 @@ All tokens via `skinVars` from `@telefonica/mistica`:
- **Colors**: `skinVars.colors.*` (286 tokens for backgrounds, text, borders, controls, status, tags)
- **Raw colors**: `skinVars.rawColors.*` (same tokens as RGB values, for use with `applyAlpha`)
-- **Palettes for skin authoring**: built-in palette exports such as `movistarNewPalette`, `o2Palette`,
+- **Palettes for skin authoring**: built-in palette exports such as `movistarPalette`, `o2Palette`,
`vivoPalette`, etc. Use these only when creating/extending a `Skin`, not for styling app components
directly.
- **Border radii**: `skinVars.borderRadii.*` (container, button, input, popup, chip, sheet, avatar, tag, etc.)
diff --git a/doc/patterns.md b/doc/patterns.md
index 1418ecf4e7..da0cada70e 100644
--- a/doc/patterns.md
+++ b/doc/patterns.md
@@ -554,7 +554,7 @@ return (
import Link from 'next/link';
const theme = {
- skin: getMovistarNewSkin(),
+ skin: getMovistarSkin(),
i18n: {locale: 'es-ES', phoneNumberFormattingRegionCode: 'ES'},
Link: {type: 'Next14', Component: Link},
};
@@ -566,7 +566,7 @@ const theme = {
import {Link} from 'react-router-dom';
const theme = {
- skin: getMovistarNewSkin(),
+ skin: getMovistarSkin(),
i18n: {locale: 'es-ES', phoneNumberFormattingRegionCode: 'ES'},
Link: {type: 'ReactRouter6', Component: Link},
};
diff --git a/doc/theme-config.md b/doc/theme-config.md
index f7935d7657..32e24ee6d7 100644
--- a/doc/theme-config.md
+++ b/doc/theme-config.md
@@ -98,8 +98,8 @@ implements the `Skin` interface (you need to define all the required color const
If you need to customize default component colors, border radii, or similar visual tokens and there is no
component prop for that, prefer a custom skin over ad hoc CSS/style overrides. You can:
-- start from a built-in skin like `getMovistarNewSkin()` and override the tokens you need
-- start from a built-in palette export like `movistarNewPalette`
+- start from a built-in skin like `getMovistarSkin()` and override the tokens you need
+- start from a built-in palette export like `movistarPalette`
- define your own palette/colors from scratch
```ts
@@ -131,11 +131,11 @@ const skin: Skin = {
You can also extend an existing skin instead of defining everything from scratch:
```ts
-import {getMovistarNewSkin, movistarNewPalette, type Skin} from '@telefonica/mistica';
+import {getMovistarSkin, movistarPalette, type Skin} from '@telefonica/mistica';
-const baseSkin = getMovistarNewSkin();
+const baseSkin = getMovistarSkin();
const palette = {
- ...movistarNewPalette,
+ ...movistarPalette,
brandPrimary: '#0050D8',
};
diff --git a/packages/generate-design-tokens/index.js b/packages/generate-design-tokens/index.js
index 42d60d4e36..708de23e86 100644
--- a/packages/generate-design-tokens/index.js
+++ b/packages/generate-design-tokens/index.js
@@ -25,16 +25,7 @@ console.log('Using design tokens from:', DESIGN_TOKENS_FOLDER);
const SKINS_FOLDER = path.join(import.meta.dirname, '..', '..', 'src', 'skins');
const CSS_FOLDER = path.join(import.meta.dirname, '..', '..', 'css');
-const KNOWN_SKINS = [
- 'blau',
- 'movistar',
- 'movistar-new',
- 'o2',
- 'telefonica',
- 'vivo',
- 'vivo-evolution',
- 'esimflag',
-];
+const KNOWN_SKINS = ['blau', 'movistar', 'o2', 'o2-new', 'telefonica', 'vivo', 'vivo-new', 'tu', 'esimflag'];
const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
const toCamelCase = (str) => str.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
diff --git a/playroom/components/index.tsx b/playroom/components/index.tsx
index eaedc76a22..56929e5535 100644
--- a/playroom/components/index.tsx
+++ b/playroom/components/index.tsx
@@ -8,7 +8,7 @@ import {
Tabs,
ThemeContextProvider,
skinVars,
- MovistarNewLogo,
+ MovistarLogo,
VivoLogo,
TelefonicaLogo,
BlauLogo,
@@ -21,7 +21,7 @@ import {
O2Logo,
EsimflagLogo,
} from '../../src';
-import {Movistar_New, Telefonica, Blau, Vivo, Vivo_Evolution, O2, Esimflag} from '../themes';
+import {Movistar, Telefonica, Blau, Vivo, Vivo_Evolution, O2, Esimflag} from '../themes';
import {useOverrideTheme} from '../frame-component';
import IconSun from '../icons/icon-sun';
import IconMoon from '../icons/icon-moon';
@@ -39,7 +39,7 @@ export * from '../../src/community';
export {default as Loader} from './loader';
export {default as Animation} from './animation';
-type ValidSkinName = Exclude
;
+type ValidSkinName = KnownSkinName;
const BrandIcon = ({Logo}: {Logo: React.ComponentType<{size: number; color?: string}>}) => {
const {isDarkMode} = useTheme();
@@ -53,10 +53,10 @@ const themesMap: {
Icon: (props: IconProps) => JSX.Element;
};
} = {
- 'Movistar-new': {
+ Movistar: {
text: 'Movistar',
- themeConfig: Movistar_New,
- Icon: () => ,
+ themeConfig: Movistar,
+ Icon: () => ,
},
Vivo: {
text: 'Vivo',
@@ -321,7 +321,7 @@ const PreviewToolsComponent = ({
return {
...themesMap[skinName].themeConfig,
platformOverrides: {platform: os},
- // Dont override mediaqueries for PreviewToolsControls, to avoid using Select instead of Tabs in desktop
+ // Don't override media queries for PreviewToolsControls, to avoid using Select instead of Tabs in desktop
enableTabFocus: false,
colorScheme,
dimensions: {
diff --git a/playroom/frame-component.tsx b/playroom/frame-component.tsx
index f0d8bafc6e..a037e0cecd 100644
--- a/playroom/frame-component.tsx
+++ b/playroom/frame-component.tsx
@@ -15,12 +15,11 @@ import {
TELEFONICA_SKIN,
O2_SKIN,
MOVISTAR_SKIN,
- MOVISTAR_NEW_SKIN,
ESIMFLAG_SKIN,
VIVO_SKIN,
BLAU_SKIN,
} from '../src';
-import {Movistar_New as defaultThemeConfig} from './themes';
+import {Movistar as defaultThemeConfig} from './themes';
import {CYBER_SKIN} from '../src/community';
import type {ThemeConfig} from '../src';
@@ -56,7 +55,6 @@ const skinToLang: Record = {
[BLAU_SKIN]: 'de-DE',
[TELEFONICA_SKIN]: 'es-ES',
[MOVISTAR_SKIN]: 'es-ES',
- [MOVISTAR_NEW_SKIN]: 'es-ES',
[O2_SKIN]: 'en-GB',
[ESIMFLAG_SKIN]: 'es-ES',
[CYBER_SKIN]: 'es-ES',
@@ -89,12 +87,8 @@ const App = ({children, skinName}: {children: React.ReactNode; skinName: string}
${skinName === VIVO_SKIN || skinName === VIVO_EVOLUTION_SKIN ? 'body {font-family: "Vivo Type"}' : ''}
${skinName === TELEFONICA_SKIN ? 'body {font-family: "Telefonica Sans"}' : ''}
- ${
- skinName === MOVISTAR_SKIN || skinName === O2_SKIN || skinName === ESIMFLAG_SKIN
- ? 'body {font-family: "On Air"}'
- : ''
- }
- ${skinName === MOVISTAR_NEW_SKIN ? 'body {font-family: "Movistar Sans"}' : ''}
+ ${skinName === O2_SKIN || skinName === ESIMFLAG_SKIN ? 'body {font-family: "On Air"}' : ''}
+ ${skinName === MOVISTAR_SKIN ? 'body {font-family: "Movistar Sans"}' : ''}
`;
return (
diff --git a/playroom/themes.tsx b/playroom/themes.tsx
index 763b1b0cbd..5e161d37bf 100644
--- a/playroom/themes.tsx
+++ b/playroom/themes.tsx
@@ -10,7 +10,7 @@ const common: Partial = {
},
} as const;
-export const Movistar_New: ThemeConfig = {...themes.Movistar_New, ...common};
+export const Movistar: ThemeConfig = {...themes.Movistar, ...common};
export const Vivo: ThemeConfig = {...themes.Vivo, ...common};
export const Vivo_Evolution: ThemeConfig = {...themes.Vivo_Evolution, ...common};
export const O2: ThemeConfig = {...themes.O2, ...common};
@@ -19,7 +19,7 @@ export const Blau: ThemeConfig = {...themes.Blau, ...common};
export const Esimflag: ThemeConfig = {...themes.Esimflag, ...common};
export const Community_Cyber: ThemeConfig = {...themes.Cyber, ...common};
-export const Movistar_New_iOS: ThemeConfig = {...Movistar_New, platformOverrides: {platform: 'ios'}};
+export const Movistar_iOS: ThemeConfig = {...Movistar, platformOverrides: {platform: 'ios'}};
export const Vivo_iOS: ThemeConfig = {...Vivo, platformOverrides: {platform: 'ios'}};
export const Vivo_Evolution_iOS: ThemeConfig = {...Vivo_Evolution, platformOverrides: {platform: 'ios'}};
export const O2_iOS: ThemeConfig = {...O2, platformOverrides: {platform: 'ios'}};
diff --git a/src/__screenshot_tests__/__image_snapshots__/card-screenshot-test-tsx-card-cover-footer-with-image-background-movistar-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/card-screenshot-test-tsx-card-cover-footer-with-image-background-movistar-1-snap.png
index 2384fab1da..6fcb0604a1 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/card-screenshot-test-tsx-card-cover-footer-with-image-background-movistar-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/card-screenshot-test-tsx-card-cover-footer-with-image-background-movistar-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/counter-screenshot-test-tsx-counter-default-skin-movistar-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/counter-screenshot-test-tsx-counter-default-skin-movistar-1-snap.png
index cecbd5952c..a88a05398d 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/counter-screenshot-test-tsx-counter-default-skin-movistar-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/counter-screenshot-test-tsx-counter-default-skin-movistar-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-errorfeedbackscreen-error-screen-appears-properly-on-movistar-and-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-errorfeedbackscreen-error-screen-appears-properly-on-movistar-and-desktop-1-snap.png
index edc5568df4..526e96305a 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-errorfeedbackscreen-error-screen-appears-properly-on-movistar-and-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-errorfeedbackscreen-error-screen-appears-properly-on-movistar-and-desktop-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-errorfeedbackscreen-error-screen-appears-properly-on-movistar-and-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-errorfeedbackscreen-error-screen-appears-properly-on-movistar-and-mobile-ios-1-snap.png
index 5380f8aac6..908a4fbdc9 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-errorfeedbackscreen-error-screen-appears-properly-on-movistar-and-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-errorfeedbackscreen-error-screen-appears-properly-on-movistar-and-mobile-ios-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-infofeedbackscreen-info-screen-appears-properly-on-movistar-and-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-infofeedbackscreen-info-screen-appears-properly-on-movistar-and-desktop-1-snap.png
index aca91016cf..61f21c00c2 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-infofeedbackscreen-info-screen-appears-properly-on-movistar-and-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-infofeedbackscreen-info-screen-appears-properly-on-movistar-and-desktop-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-infofeedbackscreen-info-screen-appears-properly-on-movistar-and-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-infofeedbackscreen-info-screen-appears-properly-on-movistar-and-mobile-ios-1-snap.png
index 0239bc5a4b..f87f93d115 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-infofeedbackscreen-info-screen-appears-properly-on-movistar-and-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-infofeedbackscreen-info-screen-appears-properly-on-movistar-and-mobile-ios-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-screen-with-large-font-size-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-screen-with-large-font-size-1-snap.png
index e7c9c2168c..fe7046d4e4 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-screen-with-large-font-size-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-screen-with-large-font-size-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-successfeedbackscreen-success-screen-appears-properly-on-movistar-and-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-successfeedbackscreen-success-screen-appears-properly-on-movistar-and-desktop-1-snap.png
index 831907029e..7ad0f59bac 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-successfeedbackscreen-success-screen-appears-properly-on-movistar-and-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-successfeedbackscreen-success-screen-appears-properly-on-movistar-and-desktop-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-successfeedbackscreen-success-screen-appears-properly-on-movistar-and-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-successfeedbackscreen-success-screen-appears-properly-on-movistar-and-mobile-ios-1-snap.png
index 88fd36c24b..b6d0e41266 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-successfeedbackscreen-success-screen-appears-properly-on-movistar-and-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-successfeedbackscreen-success-screen-appears-properly-on-movistar-and-mobile-ios-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-info-feedback-screen-with-custom-icon-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-info-feedback-screen-with-custom-icon-1-snap.png
index 63fe0a3cb5..f975dd2cac 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-info-feedback-screen-with-custom-icon-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-info-feedback-screen-with-custom-icon-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-filled-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-filled-1-snap.png
index 67dc1b9ed5..7e71f9e0a6 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-filled-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-filled-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-light-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-light-1-snap.png
index 9323e8144b..838b6303cb 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-light-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-light-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-regular-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-regular-1-snap.png
index f50cd056ab..1ee18c5aa2 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-regular-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/icons-screenshot-test-tsx-icons-catalog-for-movistar-regular-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/input-fields-screenshot-test-tsx-phone-number-field-654834455-in-movistar-skin-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/input-fields-screenshot-test-tsx-phone-number-field-654834455-in-movistar-skin-1-snap.png
index b8b78a0d05..a2c83b22fe 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/input-fields-screenshot-test-tsx-phone-number-field-654834455-in-movistar-skin-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/input-fields-screenshot-test-tsx-phone-number-field-654834455-in-movistar-skin-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/input-fields-screenshot-test-tsx-phone-number-field-lite-654834455-in-movistar-skin-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/input-fields-screenshot-test-tsx-phone-number-field-lite-654834455-in-movistar-skin-1-snap.png
index af68e9570f..5d30cf9d3a 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/input-fields-screenshot-test-tsx-phone-number-field-lite-654834455-in-movistar-skin-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/input-fields-screenshot-test-tsx-phone-number-field-lite-654834455-in-movistar-skin-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-imagotype-is-inverse-false-is-dark-mode-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-imagotype-is-inverse-false-is-dark-mode-false-1-snap.png
deleted file mode 100644
index a8dd48571d..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-imagotype-is-inverse-false-is-dark-mode-false-1-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-imagotype-is-inverse-false-is-dark-mode-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-imagotype-is-inverse-false-is-dark-mode-true-1-snap.png
deleted file mode 100644
index c15af8a747..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-imagotype-is-inverse-false-is-dark-mode-true-1-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-imagotype-is-inverse-true-is-dark-mode-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-imagotype-is-inverse-true-is-dark-mode-false-1-snap.png
deleted file mode 100644
index 197eace7c4..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-imagotype-is-inverse-true-is-dark-mode-false-1-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-imagotype-is-inverse-true-is-dark-mode-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-imagotype-is-inverse-true-is-dark-mode-true-1-snap.png
deleted file mode 100644
index c15af8a747..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-imagotype-is-inverse-true-is-dark-mode-true-1-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-isotype-is-inverse-false-is-dark-mode-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-isotype-is-inverse-false-is-dark-mode-false-1-snap.png
deleted file mode 100644
index e7ca8af490..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-isotype-is-inverse-false-is-dark-mode-false-1-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-isotype-is-inverse-false-is-dark-mode-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-isotype-is-inverse-false-is-dark-mode-true-1-snap.png
deleted file mode 100644
index c96b0407f4..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-isotype-is-inverse-false-is-dark-mode-true-1-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-isotype-is-inverse-true-is-dark-mode-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-isotype-is-inverse-true-is-dark-mode-false-1-snap.png
deleted file mode 100644
index 634e8cc6d8..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-isotype-is-inverse-true-is-dark-mode-false-1-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-isotype-is-inverse-true-is-dark-mode-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-isotype-is-inverse-true-is-dark-mode-true-1-snap.png
deleted file mode 100644
index c96b0407f4..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-isotype-is-inverse-true-is-dark-mode-true-1-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-vertical-is-inverse-false-is-dark-mode-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-vertical-is-inverse-false-is-dark-mode-false-1-snap.png
deleted file mode 100644
index c23e63d186..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-vertical-is-inverse-false-is-dark-mode-false-1-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-vertical-is-inverse-false-is-dark-mode-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-vertical-is-inverse-false-is-dark-mode-true-1-snap.png
deleted file mode 100644
index a8fbf31e28..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-vertical-is-inverse-false-is-dark-mode-true-1-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-vertical-is-inverse-true-is-dark-mode-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-vertical-is-inverse-true-is-dark-mode-false-1-snap.png
deleted file mode 100644
index de5d15c7b4..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-vertical-is-inverse-true-is-dark-mode-false-1-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-vertical-is-inverse-true-is-dark-mode-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-vertical-is-inverse-true-is-dark-mode-true-1-snap.png
deleted file mode 100644
index a8fbf31e28..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-new-type-vertical-is-inverse-true-is-dark-mode-true-1-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-false-is-dark-mode-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-false-is-dark-mode-false-1-snap.png
index b15577ca2f..a8dd48571d 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-false-is-dark-mode-false-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-false-is-dark-mode-false-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-false-is-dark-mode-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-false-is-dark-mode-true-1-snap.png
index 972fcba1a6..c15af8a747 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-false-is-dark-mode-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-false-is-dark-mode-true-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-true-is-dark-mode-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-true-is-dark-mode-false-1-snap.png
index 8f5066a6a3..197eace7c4 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-true-is-dark-mode-false-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-true-is-dark-mode-false-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-true-is-dark-mode-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-true-is-dark-mode-true-1-snap.png
index 972fcba1a6..c15af8a747 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-true-is-dark-mode-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-imagotype-is-inverse-true-is-dark-mode-true-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-isotype-is-inverse-false-is-dark-mode-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-isotype-is-inverse-false-is-dark-mode-false-1-snap.png
index c9fb9fc287..e7ca8af490 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-isotype-is-inverse-false-is-dark-mode-false-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-isotype-is-inverse-false-is-dark-mode-false-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-isotype-is-inverse-false-is-dark-mode-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-isotype-is-inverse-false-is-dark-mode-true-1-snap.png
index 8fb73b1866..c96b0407f4 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-isotype-is-inverse-false-is-dark-mode-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-isotype-is-inverse-false-is-dark-mode-true-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-isotype-is-inverse-true-is-dark-mode-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-isotype-is-inverse-true-is-dark-mode-true-1-snap.png
index 8fb73b1866..c96b0407f4 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-isotype-is-inverse-true-is-dark-mode-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-isotype-is-inverse-true-is-dark-mode-true-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-false-is-dark-mode-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-false-is-dark-mode-false-1-snap.png
index a31b263763..c23e63d186 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-false-is-dark-mode-false-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-false-is-dark-mode-false-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-false-is-dark-mode-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-false-is-dark-mode-true-1-snap.png
index 30ff3fa527..a8fbf31e28 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-false-is-dark-mode-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-false-is-dark-mode-true-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-true-is-dark-mode-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-true-is-dark-mode-false-1-snap.png
index 568b8585bc..de5d15c7b4 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-true-is-dark-mode-false-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-true-is-dark-mode-false-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-true-is-dark-mode-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-true-is-dark-mode-true-1-snap.png
index 30ff3fa527..a8fbf31e28 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-true-is-dark-mode-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-brand-movistar-type-vertical-is-inverse-true-is-dark-mode-true-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-default-brand-with-skin-movistar-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-default-brand-with-skin-movistar-1-snap.png
index 68256b8ba4..e7ca8af490 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-default-brand-with-skin-movistar-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-default-brand-with-skin-movistar-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-default-brand-with-skin-movistar-new-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-default-brand-with-skin-movistar-new-1-snap.png
deleted file mode 100644
index e7ca8af490..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-default-brand-with-skin-movistar-new-1-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-with-color-override-skin-movistar-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-with-color-override-skin-movistar-1-snap.png
index 712cb104d2..cd709e70aa 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-with-color-override-skin-movistar-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-with-color-override-skin-movistar-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-with-color-override-skin-movistar-new-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-with-color-override-skin-movistar-new-1-snap.png
deleted file mode 100644
index cd709e70aa..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/logo-screenshot-test-tsx-logo-with-color-override-skin-movistar-new-1-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/popover-screenshot-test-tsx-popover-appears-properly-on-mobile-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/popover-screenshot-test-tsx-popover-appears-properly-on-mobile-1-snap.png
index 651038030d..31bd7d1107 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/popover-screenshot-test-tsx-popover-appears-properly-on-mobile-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/popover-screenshot-test-tsx-popover-appears-properly-on-mobile-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/popover-screenshot-test-tsx-popover-inverse-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/popover-screenshot-test-tsx-popover-inverse-1-snap.png
index 857855b179..af6f80265c 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/popover-screenshot-test-tsx-popover-inverse-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/popover-screenshot-test-tsx-popover-inverse-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-1-snap.png
index e0bddb47ca..0c98b10fbc 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-2-snap.png
index c9a21c26ab..992c8404d9 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-2-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-2-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-3-snap.png
index fed5f66207..f52320a4e6 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-3-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-3-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-4-snap.png
index d8c1c02970..b441661a50 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-4-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-1-snap.png
index b5a10aa2f5..1c45eb5e0c 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-2-snap.png
index 7e2a2bbd18..80ddd4cd29 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-2-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-2-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-3-snap.png
index 8bb8a0abbc..0a502d97d2 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-3-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-3-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-4-snap.png
index 256ac34b64..41871b3c1c 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-alternative-4-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-1-snap.png
index 6892c8ba30..1f9de36bad 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-2-snap.png
index a293c5f674..bc071056b6 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-2-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-2-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-3-snap.png
index 8eb13bef66..db6f710d1c 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-3-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-3-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-4-snap.png
index 1394692df0..a445f2ecc3 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-dark-mode-4-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-1-snap.png
index 970d2bbc78..67b8a11e9f 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-2-snap.png
index 9e26d50a89..9702e6d387 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-2-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-2-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-3-snap.png
index 14540f49c2..7b860075a5 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-3-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-3-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-4-snap.png
index 4b8763efe9..ecd51f7eea 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-4-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-1-snap.png
index 5d592343e8..4ccbe22dc8 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-2-snap.png
index 1c6cb26215..c47936426c 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-2-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-2-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-3-snap.png
index 0036e23308..0dd866537f 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-3-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-3-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-4-snap.png
index 92538725ff..cffe72477f 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-4-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-movistar-inverse-and-dark-mode-4-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-2-snap.png
deleted file mode 100644
index 23971e1a43..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-2-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-3-snap.png
deleted file mode 100644
index 72159a151a..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-3-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-4-snap.png
deleted file mode 100644
index 5e1a17f8d9..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-4-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-alternative-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-alternative-2-snap.png
deleted file mode 100644
index b521e60bd4..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-alternative-2-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-alternative-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-alternative-3-snap.png
deleted file mode 100644
index 5eb3c6e7c9..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-alternative-3-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-alternative-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-alternative-4-snap.png
deleted file mode 100644
index 44c5c83303..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-alternative-4-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-dark-mode-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-dark-mode-2-snap.png
deleted file mode 100644
index 10e0ad5524..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-dark-mode-2-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-dark-mode-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-dark-mode-3-snap.png
deleted file mode 100644
index c1e10c5f15..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-dark-mode-3-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-2-snap.png
deleted file mode 100644
index ab33921440..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-2-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-3-snap.png
deleted file mode 100644
index 72095d482a..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-3-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-4-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-4-snap.png
deleted file mode 100644
index 5716a27362..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-4-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-and-dark-mode-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-and-dark-mode-2-snap.png
deleted file mode 100644
index 792ade5d48..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-and-dark-mode-2-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-and-dark-mode-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-and-dark-mode-3-snap.png
deleted file mode 100644
index 9b98a35421..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-o-2-new-inverse-and-dark-mode-3-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-2-snap.png
deleted file mode 100644
index 221ba289f9..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-2-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-3-snap.png
deleted file mode 100644
index 0b98593dbe..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-3-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-alternative-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-alternative-2-snap.png
deleted file mode 100644
index da80cc2152..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-alternative-2-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-alternative-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-alternative-3-snap.png
deleted file mode 100644
index 5ef89a272d..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-alternative-3-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-dark-mode-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-dark-mode-2-snap.png
deleted file mode 100644
index 712d7af145..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-dark-mode-2-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-dark-mode-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-dark-mode-3-snap.png
deleted file mode 100644
index 781be59098..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-dark-mode-3-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-2-snap.png
deleted file mode 100644
index c39bff9f6a..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-2-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-3-snap.png
deleted file mode 100644
index ea16863a39..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-3-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-and-dark-mode-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-and-dark-mode-2-snap.png
deleted file mode 100644
index a516e68a33..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-and-dark-mode-2-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-and-dark-mode-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-and-dark-mode-3-snap.png
deleted file mode 100644
index 3e0e0b3015..0000000000
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-skin-components-screenshot-test-tsx-components-in-tu-inverse-and-dark-mode-3-snap.png and /dev/null differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-desktop-1-snap.png
index aed34a7241..9ad8ed6dd8 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-desktop-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-mobile-ios-1-snap.png
index f53a83f8c2..621ae2ad4f 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-text-preset-vars-screenshot-test-tsx-text-presets-as-css-vars-in-movistar-mobile-ios-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/success-feedback-screen-with-navbar-screenshot-test-tsx-success-feedback-screen-with-navigation-bar-movistar-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/success-feedback-screen-with-navbar-screenshot-test-tsx-success-feedback-screen-with-navigation-bar-movistar-desktop-1-snap.png
index 23c75ce861..95cbf49e70 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/success-feedback-screen-with-navbar-screenshot-test-tsx-success-feedback-screen-with-navigation-bar-movistar-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/success-feedback-screen-with-navbar-screenshot-test-tsx-success-feedback-screen-with-navigation-bar-movistar-desktop-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/success-feedback-screen-with-navbar-screenshot-test-tsx-success-feedback-screen-with-navigation-bar-movistar-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/success-feedback-screen-with-navbar-screenshot-test-tsx-success-feedback-screen-with-navigation-bar-movistar-mobile-ios-1-snap.png
index 30f3094d84..dd166566fa 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/success-feedback-screen-with-navbar-screenshot-test-tsx-success-feedback-screen-with-navigation-bar-movistar-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/success-feedback-screen-with-navbar-screenshot-test-tsx-success-feedback-screen-with-navigation-bar-movistar-mobile-ios-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-as-a-success-header-on-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-as-a-success-header-on-desktop-1-snap.png
index 112295af1f..bbfbb38e51 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-as-a-success-header-on-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-as-a-success-header-on-desktop-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-as-a-success-header-on-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-as-a-success-header-on-mobile-ios-1-snap.png
index 69dce221a2..a6631c55d2 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-as-a-success-header-on-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-as-a-success-header-on-mobile-ios-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-on-movistar-and-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-on-movistar-and-desktop-1-snap.png
index 1f8ecbfa2e..dcf62b467e 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-on-movistar-and-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-on-movistar-and-desktop-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-on-movistar-and-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-on-movistar-and-mobile-ios-1-snap.png
index 71b84b2739..84ea2c496e 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-on-movistar-and-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-on-movistar-and-mobile-ios-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/text-screenshot-test-tsx-text-in-desktop-with-movistar-skin-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/text-screenshot-test-tsx-text-in-desktop-with-movistar-skin-1-snap.png
index 1571870d53..85f1a8e0be 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/text-screenshot-test-tsx-text-in-desktop-with-movistar-skin-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/text-screenshot-test-tsx-text-in-desktop-with-movistar-skin-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/text-screenshot-test-tsx-text-in-mobile-ios-with-movistar-skin-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/text-screenshot-test-tsx-text-in-mobile-ios-with-movistar-skin-1-snap.png
index 19c7f47756..2356635917 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/text-screenshot-test-tsx-text-in-mobile-ios-with-movistar-skin-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/text-screenshot-test-tsx-text-in-mobile-ios-with-movistar-skin-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/tooltip-screenshot-test-tsx-tooltip-appears-properly-on-mobile-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/tooltip-screenshot-test-tsx-tooltip-appears-properly-on-mobile-1-snap.png
index 66b196c0cf..f0347347a2 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/tooltip-screenshot-test-tsx-tooltip-appears-properly-on-mobile-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/tooltip-screenshot-test-tsx-tooltip-appears-properly-on-mobile-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/tooltip-screenshot-test-tsx-tooltip-inverse-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/tooltip-screenshot-test-tsx-tooltip-inverse-1-snap.png
index 22a18fe375..e0d54a5a68 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/tooltip-screenshot-test-tsx-tooltip-inverse-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/tooltip-screenshot-test-tsx-tooltip-inverse-1-snap.png differ
diff --git a/src/__screenshot_tests__/logo-screenshot-test.tsx b/src/__screenshot_tests__/logo-screenshot-test.tsx
index 12f1d94fda..a4d323695f 100644
--- a/src/__screenshot_tests__/logo-screenshot-test.tsx
+++ b/src/__screenshot_tests__/logo-screenshot-test.tsx
@@ -4,7 +4,6 @@ import type {KnownSkinName} from '../skins/types';
const SKINS: Array = [
'Movistar',
- 'Movistar-new',
'O2',
'Vivo',
'Vivo-evolution',
diff --git a/src/__screenshot_tests__/popover-screenshot-test.tsx b/src/__screenshot_tests__/popover-screenshot-test.tsx
index 14602cbcbe..a838b34386 100644
--- a/src/__screenshot_tests__/popover-screenshot-test.tsx
+++ b/src/__screenshot_tests__/popover-screenshot-test.tsx
@@ -19,7 +19,8 @@ test('Popover - appears properly on mobile', async () => {
const page = await openStoryPage({
id: 'components-popover--default',
device: 'MOBILE_IOS',
- skin: 'Movistar', // TODO: investigate why the test is instable with Movistar-new skin
+ // todo https://github.com/Telefonica/mistica-web/issues/1621 Popover unstable on Movistar skin
+ skin: 'O2',
});
await page.click(await screen.findByTestId('target'));
@@ -32,7 +33,8 @@ test('Popover - inverse', async () => {
const page = await openStoryPage({
id: 'components-popover--default',
device: 'MOBILE_IOS',
- skin: 'Movistar', // TODO: investigate why the test is instable with Movistar-new skin
+ // todo https://github.com/Telefonica/mistica-web/issues/1621 Popover unstable on Movistar skin
+ skin: 'O2',
args: {variantOutside: 'brand'},
});
diff --git a/src/__screenshot_tests__/tooltip-screenshot-test.tsx b/src/__screenshot_tests__/tooltip-screenshot-test.tsx
index 9b96389e7f..2268913ccf 100644
--- a/src/__screenshot_tests__/tooltip-screenshot-test.tsx
+++ b/src/__screenshot_tests__/tooltip-screenshot-test.tsx
@@ -38,7 +38,8 @@ test('Tooltip - appears properly on mobile', async () => {
const page = await openStoryPage({
id: 'components-tooltip--default',
device: 'MOBILE_IOS',
- skin: 'Movistar', // TODO: investigate why the test is instable with Movistar-new skin
+ // todo https://github.com/Telefonica/mistica-web/issues/1621 Tooltip unstable on Movistar skin
+ skin: 'O2',
});
await page.click(await screen.findByTestId('target'));
@@ -51,7 +52,8 @@ test('Tooltip - inverse', async () => {
const page = await openStoryPage({
id: 'components-tooltip--default',
device: 'MOBILE_IOS',
- skin: 'Movistar', // TODO: investigate why the test is instable with Movistar-new skin
+ // todo https://github.com/Telefonica/mistica-web/issues/1621 Tooltip unstable on Movistar skin
+ skin: 'O2',
args: {variantOutside: 'brand'},
});
diff --git a/src/__stories__/logo-story.tsx b/src/__stories__/logo-story.tsx
index 9659eb894c..716128b18b 100644
--- a/src/__stories__/logo-story.tsx
+++ b/src/__stories__/logo-story.tsx
@@ -1,14 +1,5 @@
import * as React from 'react';
-import {
- BlauLogo,
- Logo,
- MovistarLogo,
- MovistarNewLogo,
- O2Logo,
- TelefonicaLogo,
- VivoLogo,
- EsimflagLogo,
-} from '../logo';
+import {BlauLogo, Logo, MovistarLogo, O2Logo, TelefonicaLogo, VivoLogo, EsimflagLogo} from '../logo';
import {Box, ResponsiveLayout, useTheme} from '../index';
import type {Variant} from '../theme-variant-context';
@@ -35,7 +26,7 @@ type Args = {
variantOutside: Variant;
action: 'none' | 'onPress' | 'href' | 'to';
forceBrandLogo: boolean;
- brand: 'Movistar' | 'Movistar-new' | 'O2' | 'Vivo' | 'Telefonica' | 'Blau' | 'Esimflag';
+ brand: 'Movistar' | 'O2' | 'Vivo' | 'Telefonica' | 'Blau' | 'Esimflag';
color: (typeof COLOR_OPTIONS)[number];
};
@@ -82,7 +73,6 @@ export const Default: StoryComponent = ({
const CurrentLogo = {
default: Logo,
Movistar: MovistarLogo,
- 'Movistar-new': MovistarNewLogo,
Vivo: VivoLogo,
O2: O2Logo,
Telefonica: TelefonicaLogo,
@@ -113,7 +103,7 @@ Default.args = {
Default.argTypes = {
brand: {
- options: ['Movistar', 'Movistar-new', 'O2', 'Vivo', 'Telefonica', 'Blau', 'Esimflag'],
+ options: ['Movistar', 'O2', 'Vivo', 'Telefonica', 'Blau', 'Esimflag'],
control: {type: 'select'},
if: {arg: 'forceBrandLogo'},
},
diff --git a/src/index.tsx b/src/index.tsx
index d2ce74ca2e..44bdeab7b1 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -113,16 +113,7 @@ export {
NavigationBarActionGroup,
NavigationBarAction,
} from './navigation-bar';
-export {
- Logo,
- MovistarLogo,
- MovistarNewLogo,
- VivoLogo,
- O2Logo,
- TelefonicaLogo,
- BlauLogo,
- EsimflagLogo,
-} from './logo';
+export {Logo, MovistarLogo, VivoLogo, O2Logo, TelefonicaLogo, BlauLogo, EsimflagLogo} from './logo';
export {default as Image} from './image';
export {default as Chip} from './chip';
export {default as Video} from './video';
@@ -230,7 +221,6 @@ export {
VIVO_EVOLUTION_SKIN,
O2_SKIN,
MOVISTAR_SKIN,
- MOVISTAR_NEW_SKIN,
TELEFONICA_SKIN,
BLAU_SKIN,
ESIMFLAG_SKIN,
@@ -239,7 +229,6 @@ export {getSkinByName} from './skins/utils';
export {getVivoSkin} from './skins/vivo';
export {getVivoEvolutionSkin} from './skins/vivo-evolution';
export {getMovistarSkin} from './skins/movistar';
-export {getMovistarNewSkin} from './skins/movistar-new';
export {getO2Skin} from './skins/o2';
export {getTelefonicaSkin} from './skins/telefonica';
export {getBlauSkin} from './skins/blau';
@@ -247,7 +236,6 @@ export {getEsimflagSkin} from './skins/esimflag';
export {palette as vivoPalette} from './skins/vivo';
export {palette as vivoEvolutionPalette} from './skins/vivo-evolution';
export {palette as movistarPalette} from './skins/movistar';
-export {palette as movistarNewPalette} from './skins/movistar-new';
export {palette as o2Palette} from './skins/o2';
export {palette as telefonicaPalette} from './skins/telefonica';
export {palette as blauPalette} from './skins/blau';
diff --git a/src/logo-movistar-new-shell.tsx b/src/logo-movistar-new-shell.tsx
deleted file mode 100644
index a097e850fa..0000000000
--- a/src/logo-movistar-new-shell.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import * as React from 'react';
-import * as styles from './logo.css';
-import {calcInlineVars} from './logo-common';
-import {applyCssVars} from './utils/css';
-
-import type {LogoType} from './logo-common';
-import type {ByBreakpoint} from './utils/types';
-
-type Props = {
- size: ByBreakpoint;
- type: LogoType;
- children: React.ReactNode;
-};
-
-const MovistarNewLogoShell = ({size, type, children}: Props): JSX.Element => {
- const viewBox = type === 'imagotype' ? '0 0 203 72' : '0 0 72 72';
-
- return (
-
- );
-};
-
-export default MovistarNewLogoShell;
diff --git a/src/logo-movistar-new.tsx b/src/logo-movistar-new.tsx
deleted file mode 100644
index c69a3c08ec..0000000000
--- a/src/logo-movistar-new.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import * as React from 'react';
-import {getMovistarNewSkin} from './skins/movistar-new';
-
-import type {LogoImageProps} from './logo-common';
-
-const MovistarNewLogoImage = ({
- type,
- isDarkMode,
- themeVariant,
- color: colorProp,
-}: LogoImageProps): JSX.Element => {
- const {colors, darkModeColors} = getMovistarNewSkin();
- const color =
- colorProp ||
- (isDarkMode
- ? colors.brand
- : {
- default: colors.brand,
- alternative: colors.brand,
- brand: colors.neutralHighBrand,
- media: colors.neutralHighBrand,
- negative: colors.neutralHighNegative,
- }[themeVariant]);
- const wordmarkColor =
- colorProp ||
- (isDarkMode
- ? darkModeColors?.neutralHigh
- : {
- default: colors.neutralHigh,
- alternative: colors.neutralHigh,
- brand: colors.neutralHighBrand,
- media: colors.neutralHighBrand,
- negative: colors.neutralHighNegative,
- }[themeVariant]);
-
- if (type === 'vertical') {
- return (
- <>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-
- if (type === 'imagotype') {
- return (
- <>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-
- return (
-
-
-
- );
-};
-
-export default MovistarNewLogoImage;
diff --git a/src/logo-movistar-shell.tsx b/src/logo-movistar-shell.tsx
index 630219621b..59d6d5ec64 100644
--- a/src/logo-movistar-shell.tsx
+++ b/src/logo-movistar-shell.tsx
@@ -13,7 +13,7 @@ type Props = {
};
const MovistarLogoShell = ({size, type, children}: Props): JSX.Element => {
- const viewBox = type === 'imagotype' ? '0 0 195 72' : '0 0 72 72';
+ const viewBox = type === 'imagotype' ? '0 0 203 72' : '0 0 72 72';
return (