diff --git a/mistica-web.iml b/mistica-web.iml
new file mode 100644
index 0000000000..606cf624ad
--- /dev/null
+++ b/mistica-web.iml
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/eslint-plugin-mistica-local-rules/eslint-plugin-mistica-local-rules.iml b/packages/eslint-plugin-mistica-local-rules/eslint-plugin-mistica-local-rules.iml
new file mode 100644
index 0000000000..d5015cc4e9
--- /dev/null
+++ b/packages/eslint-plugin-mistica-local-rules/eslint-plugin-mistica-local-rules.iml
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/generate-design-tokens/index.js b/packages/generate-design-tokens/index.js
index f7cec6ab6f..66cea4bc6f 100644
--- a/packages/generate-design-tokens/index.js
+++ b/packages/generate-design-tokens/index.js
@@ -193,6 +193,7 @@ const generateSkinFiles = async () => {
return;
}
+ // todo https://github.com/Telefonica/mistica-web/issues/1633 add @generated banner to generated skin files so they are not mistakenly edited by hand
const skinSrc = await formatTs(generateSkinSrc(skinName));
fs.writeFileSync(path.join(SKINS_FOLDER, `${skinName}.tsx`), skinSrc);
diff --git a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-errorfeedbackscreen-error-screen-appears-properly-on-blau-and-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-errorfeedbackscreen-error-screen-appears-properly-on-blau-and-desktop-1-snap.png
index 6d7ec2cadd..293cfed444 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-errorfeedbackscreen-error-screen-appears-properly-on-blau-and-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-errorfeedbackscreen-error-screen-appears-properly-on-blau-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-blau-and-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-infofeedbackscreen-info-screen-appears-properly-on-blau-and-desktop-1-snap.png
index 9e79453d96..a5ab6068cf 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-infofeedbackscreen-info-screen-appears-properly-on-blau-and-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-infofeedbackscreen-info-screen-appears-properly-on-blau-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-blau-and-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-successfeedbackscreen-success-screen-appears-properly-on-blau-and-desktop-1-snap.png
index 7495b73aa8..e6bb275689 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-successfeedbackscreen-success-screen-appears-properly-on-blau-and-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/feedback-screenshot-test-tsx-feedback-successfeedbackscreen-success-screen-appears-properly-on-blau-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-blau-and-desktop-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-on-blau-and-desktop-1-snap.png
index ec93ef6363..16857b76c8 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-on-blau-and-desktop-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/success-feedback-screenshot-test-tsx-success-feedback-component-appears-properly-on-blau-and-desktop-1-snap.png differ
diff --git a/src/community/skins/cyber-skin.tsx b/src/community/skins/cyber-skin.tsx
index 2f44c998a7..32a9f33418 100644
--- a/src/community/skins/cyber-skin.tsx
+++ b/src/community/skins/cyber-skin.tsx
@@ -656,7 +656,6 @@ export const getCyberSkin = (): Skin => {
chip: '24px',
tag: '24px',
input: '12px',
- legacyDisplay: '0px',
popup: '4px',
sheet: '0px',
mediaSmall: '2px',
diff --git a/src/empty-state.css.ts b/src/empty-state.css.ts
index 34b64bdc0b..e79a5af53c 100644
--- a/src/empty-state.css.ts
+++ b/src/empty-state.css.ts
@@ -21,7 +21,7 @@ export const container = style([
maxWidth: 368,
},
[mq.desktopOrBigger]: {
- borderRadius: skin.vars.borderRadii.legacyDisplay,
+ borderRadius: skin.vars.borderRadii.container,
flexDirection: 'row',
overflow: 'hidden',
backgroundColor,
diff --git a/src/feedback.tsx b/src/feedback.tsx
index d382c22f1b..9de6ea4d8c 100644
--- a/src/feedback.tsx
+++ b/src/feedback.tsx
@@ -142,7 +142,7 @@ const renderFeedback = ({
dataAttributes?: DataAttributes;
}) => (
{
chip: '24px',
tag: '24px',
input: '8px',
- legacyDisplay: '16px',
popup: '8px',
sheet: '8px',
mediaSmall: '8px',
diff --git a/src/skins/defaults.tsx b/src/skins/defaults.tsx
index 7715a5c1cc..d06100357b 100644
--- a/src/skins/defaults.tsx
+++ b/src/skins/defaults.tsx
@@ -59,7 +59,6 @@ export const defaultBorderRadiiConfig: BorderRadiiConfig = {
button: '4px',
input: '8px',
container: '8px',
- legacyDisplay: '16px',
popup: '8px',
checkbox: '2px',
indicator: '999px',
diff --git a/src/skins/esimflag.tsx b/src/skins/esimflag.tsx
index 9cd6315ac1..1a791d0637 100644
--- a/src/skins/esimflag.tsx
+++ b/src/skins/esimflag.tsx
@@ -634,7 +634,6 @@ export const getEsimflagSkin: GetKnownSkin = () => {
chip: '8px',
tag: '8px',
input: '16px',
- legacyDisplay: '20px',
popup: '16px',
sheet: '16px',
mediaSmall: '8px',
diff --git a/src/skins/movistar.tsx b/src/skins/movistar.tsx
index 52fbf372b0..8af2c84604 100644
--- a/src/skins/movistar.tsx
+++ b/src/skins/movistar.tsx
@@ -641,7 +641,6 @@ export const getMovistarSkin: GetKnownSkin = () => {
chip: '24px',
tag: '0px',
input: '12px',
- legacyDisplay: '16px',
popup: '8px',
sheet: '16px',
mediaSmall: '8px',
diff --git a/src/skins/o2.tsx b/src/skins/o2.tsx
index 144c39b297..adabcd46fd 100644
--- a/src/skins/o2.tsx
+++ b/src/skins/o2.tsx
@@ -637,7 +637,6 @@ export const getO2Skin: GetKnownSkin = () => {
chip: '24px',
tag: '24px',
input: '12px',
- legacyDisplay: '16px',
popup: '8px',
sheet: '16px',
mediaSmall: '8px',
diff --git a/src/skins/skin-contract.css.ts b/src/skins/skin-contract.css.ts
index 6f8c5956b0..1025952de8 100644
--- a/src/skins/skin-contract.css.ts
+++ b/src/skins/skin-contract.css.ts
@@ -293,7 +293,6 @@ const borderRadii: BorderRadiiConfig = {
button: '',
input: '',
container: '',
- legacyDisplay: '',
popup: '',
checkbox: '',
indicator: '',
diff --git a/src/skins/telefonica.tsx b/src/skins/telefonica.tsx
index 596d2e023c..1f0f7458d6 100644
--- a/src/skins/telefonica.tsx
+++ b/src/skins/telefonica.tsx
@@ -638,7 +638,6 @@ export const getTelefonicaSkin: GetKnownSkin = () => {
chip: '24px',
tag: '24px',
input: '8px',
- legacyDisplay: '0px',
popup: '4px',
sheet: '0px',
mediaSmall: '2px',
diff --git a/src/skins/types/index.tsx b/src/skins/types/index.tsx
index 8f2272e8e9..f78052cca8 100644
--- a/src/skins/types/index.tsx
+++ b/src/skins/types/index.tsx
@@ -96,11 +96,6 @@ export type BorderRadiiConfig = {
button: string;
input: string;
container: string;
- /**
- * This will be used for DisplayCards and PosterCards only for the moment. One day we'll unify the borderRadius in all the cards to use container.
- * @deprecated Use `container` instead
- */
- legacyDisplay: string;
popup: string;
checkbox: string;
indicator: string;
diff --git a/src/skins/vivo-evolution.tsx b/src/skins/vivo-evolution.tsx
index 9075754e47..291394ba09 100644
--- a/src/skins/vivo-evolution.tsx
+++ b/src/skins/vivo-evolution.tsx
@@ -627,7 +627,6 @@ export const getVivoEvolutionSkin: GetKnownSkin = () => {
chip: '24px',
tag: '10px',
input: '16px',
- legacyDisplay: '24px',
popup: '16px',
sheet: '24px',
mediaSmall: '12px',
diff --git a/src/skins/vivo.tsx b/src/skins/vivo.tsx
index 63eb96cf11..412840d683 100644
--- a/src/skins/vivo.tsx
+++ b/src/skins/vivo.tsx
@@ -627,7 +627,6 @@ export const getVivoSkin: GetKnownSkin = () => {
chip: '24px',
tag: '10px',
input: '16px',
- legacyDisplay: '24px',
popup: '16px',
sheet: '24px',
mediaSmall: '12px',