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',