feat(skin): remove legacyDisplay border radius token

mistica-web.iml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$">
+      <sourceFolder url="file://$MODULE_DIR$/src" isTestSource="false" />
+    </content>
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

packages/eslint-plugin-mistica-local-rules/eslint-plugin-mistica-local-rules.iml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$">
+      <sourceFolder url="file://$MODULE_DIR$" isTestSource="false" />
+    </content>
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

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);
 

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

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,

src/feedback.tsx

@@ -142,7 +142,7 @@ const renderFeedback = ({
     dataAttributes?: DataAttributes;
 }) => (
     <InternalBoxed
-        borderRadius={vars.borderRadii.legacyDisplay}
+        borderRadius={vars.borderRadii.container}
         desktopOnly
         variant={isBrandVariant ? 'brand' : 'default'}
         dataAttributes={dataAttributes}

src/skins/blau.tsx

@@ -630,7 +630,6 @@ export const getBlauSkin: GetKnownSkin = () => {
             chip: '24px',
             tag: '24px',
             input: '8px',
-            legacyDisplay: '16px',
             popup: '8px',
             sheet: '8px',
             mediaSmall: '8px',

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

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

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

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

src/skins/skin-contract.css.ts

@@ -293,7 +293,6 @@ const borderRadii: BorderRadiiConfig = {
     button: '',
     input: '',
     container: '',
-    legacyDisplay: '',
     popup: '',
     checkbox: '',
     indicator: '',

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

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;

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

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