fix: resolve Style Dictionary build warnings

Property Value Collisions: Collision detected at: utrecht.form-field.margin-block-start.css! Original value: <length>, New value: <length> Collision detected at: utrecht.form-field.margin-block-start.css! Original value: true, New value: true Collision detected at: utrecht.form-field.margin-block-end.css! Original value: <length>, New value: <length> Collision detected at: utrecht.form-field.margin-block-end.css! Original value: true, New value: true Collision detected at: utrecht.button.disabled.color.css! Original value: <color>, New value: <color> Collision detected at: utrecht.button.disabled.color.css! Original value: true, New value: true Collision detected at: utrecht.button.disabled.hover-background-color.css! Original value: <color>, New value: <color> Collision detected at: utrecht.button.disabled.hover-background-color.css! Original value: true, New value: true Collision detected at: utrecht.button.primary-action.background-color.css! Original value: <color>, New value: <color> Collision detected at: utrecht.button.primary-action.background-color.css! Original value: true, New value: true Collision detected at: utrecht.button.primary-action.color.css! Original value: <color>, New value: <color> Collision detected at: utrecht.button.primary-action.color.css! Original value: true, New value: true Collision detected at: utrecht.button.primary-action.hover-background-color.css! Original value: <color>, New value: <color> Collision detected at: utrecht.button.primary-action.hover-background-color.css! Original value: true, New value: true Collision detected at: utrecht.space.block.3xs! Original value: Extra Small 3, New value: 12.5% / Extra Small 3 Collision detected at: utrecht.space.block.2xs! Original value: Extra Small 2, New value: 25% / Extra Small 2 Collision detected at: utrecht.space.block.xs! Original value: Extra Small, New value: 50% / Extra Small Collision detected at: utrecht.space.block.sm! Original value: Small, New value: 75% / Small Collision detected at: utrecht.space.block.md! Original value: Medium, New value: 100% / Medium Collision detected at: utrecht.space.block.lg! Original value: Large, New value: 150% / Large Collision detected at: utrecht.space.block.xl! Original value: Extra Large, New value: 175% / Extra Large Collision detected at: utrecht.space.block.2xl! Original value: Extra Large 2, New value: 200% / Extra Large 2 Collision detected at: utrecht.space.block.3xl! Original value: Extra Large 3, New value: 300% / Extra Large 3 Collision detected at: utrecht.space.block.4xl! Original value: Extra Large 4, New value: 400% / Extra Large 4 Collision detected at: utrecht.space.block.5xl! Original value: Extra Large 5, New value: 500% / Extra Large 5 Collision detected at: utrecht.space.inline.3xs! Original value: Extra Small 3, New value: 12.5% / Extra Small 3 Collision detected at: utrecht.space.inline.2xs! Original value: Extra Small 2, New value: 25% / Extra Small 2 Collision detected at: utrecht.space.inline.xs! Original value: Extra Small, New value: 50% / Extra Small Collision detected at: utrecht.space.inline.sm! Original value: Small, New value: 75% / Small Collision detected at: utrecht.space.inline.md! Original value: Medium, New value: 100% / Medium Collision detected at: utrecht.space.inline.lg! Original value: Large, New value: 150% / Large Collision detected at: utrecht.space.inline.xl! Original value: Extra Large, New value: 175% / Extra Large Collision detected at: utrecht.space.inline.2xl! Original value: Extra Large 2, New value: 200% / Extra Large 2 Collision detected at: utrecht.space.inline.3xl! Original value: Extra Large 3, New value: 300% / Extra Large 3 Collision detected at: utrecht.space.text.3xs! Original value: Extra Small 3, New value: 12.5% / Extra Small 3 Collision detected at: utrecht.space.text.2xs! Original value: Extra Small 2, New value: 25% / Extra Small 2 Collision detected at: utrecht.space.text.xs! Original value: Extra Small, New value: 50% / Extra Small Collision detected at: utrecht.space.text.sm! Original value: Small, New value: 75% / Small Collision detected at: utrecht.space.text.md! Original value: Medium, New value: 100% / Medium Collision detected at: utrecht.space.text.lg! Original value: Large, New value: 150% / Large Collision detected at: utrecht.space.text.xl! Original value: Extra Large, New value: 175% / Extra Large Collision detected at: utrecht.space.text.2xl! Original value: Extra Large 2, New value: 200% / Extra Large 2 Collision detected at: utrecht.space.text.3xl! Original value: Extra Large 3, New value: 300% / Extra Large 3 Collision detected at: utrecht.space.row.4xs! Original value: Extra Small 4, New value: 6.25% / Extra Small 4 Collision detected at: utrecht.space.row.3xs! Original value: Extra Small 3, New value: 12.5% / Extra Small 3 Collision detected at: utrecht.space.row.2xs! Original value: Extra Small 2, New value: 25% / Extra Small 2 Collision detected at: utrecht.space.row.xs! Original value: Extra Small, New value: 50% / Extra Small Collision detected at: utrecht.space.row.sm! Original value: Small, New value: 75% / Small Collision detected at: utrecht.space.row.md! Original value: Medium, New value: 100% / Medium Collision detected at: utrecht.space.row.lg! Original value: Large, New value: 150% / Large Collision detected at: utrecht.space.row.xl! Original value: Extra Large, New value: 175% / Extra Large Collision detected at: utrecht.space.row.2xl! Original value: Extra Large 2, New value: 200% / Extra Large 2 Collision detected at: utrecht.space.row.3xl! Original value: Extra Large 3, New value: 300% / Extra Large 3 Collision detected at: utrecht.space.row.4xl! Original value: Extra Large 4, New value: 400% / Extra Large 4 Collision detected at: utrecht.space.row.5xl! Original value: Extra Large 5, New value: 500% / Extra Large 5 Collision detected at: utrecht.space.column.4xs! Original value: Extra Small 4, New value: 6.25% / Extra Small 4 Collision detected at: utrecht.space.column.3xs! Original value: Extra Small 3, New value: 12.5% / Extra Small 3 Collision detected at: utrecht.space.column.2xs! Original value: Extra Small 2, New value: 25% / Extra Small 2 Collision detected at: utrecht.space.column.xs! Original value: Extra Small, New value: 50% / Extra Small Collision detected at: utrecht.space.column.sm! Original value: Small, New value: 75% / Small Collision detected at: utrecht.space.column.md! Original value: Medium, New value: 100% / Medium Collision detected at: utrecht.space.column.lg! Original value: Large, New value: 150% / Large Collision detected at: utrecht.space.column.xl! Original value: Extra Large, New value: 175% / Extra Large Collision detected at: utrecht.space.column.2xl! Original value: Extra Large 2, New value: 200% / Extra Large 2 Collision detected at: utrecht.space.column.3xl! Original value: Extra Large 3, New value: 300% / Extra Large 3 Collision detected at: utrecht.space.column.4xl! Original value: Extra Large 4, New value: 400% / Extra Large 4 Collision detected at: utrecht.space.column.5xl! Original value: Extra Large 5, New value: 500% / Extra Large 5 Collision detected at: utrecht.mapcontrolbutton.disabled.background-color! Original value: {utrecht.color.grey.80.value}, New value: {utrecht.color.grey.90.value} Collision detected at: utrecht.mapcontrolbutton.disabled.background-color! Original value: ./src/component/utrecht/mapcontrolbutton/modifier-state.style-dictionary.json, New value: ./src/component/utrecht/mapcontrolbutton/state.style-dictionary.json Collision detected at: utrecht.mapcontrolbutton.disabled.background-color! Original value: true, New value: true Collision detected at: utrecht.mapcontrolbutton.disabled.color! Original value: {utrecht.color.grey.80.value}, New value: {utrecht.color.grey.80.value} Collision detected at: utrecht.mapcontrolbutton.disabled.color! Original value: ./src/component/utrecht/mapcontrolbutton/modifier-state.style-dictionary.json, New value: ./src/component/utrecht/mapcontrolbutton/state.style-dictionary.json Collision detected at: utrecht.mapcontrolbutton.disabled.color! Original value: true, New value: true Collision detected at: utrecht.mapcontrolbutton.disabled.border-color! Original value: {utrecht.color.grey.80.value}, New value: {utrecht.color.grey.80.value} Collision detected at: utrecht.mapcontrolbutton.disabled.border-color! Original value: ./src/component/utrecht/mapcontrolbutton/modifier-state.style-dictionary.json, New value: ./src/component/utrecht/mapcontrolbutton/state.style-dictionary.json Collision detected at: utrecht.mapcontrolbutton.disabled.border-color! Original value: true, New value: true
nl-design-system · Jul 26, 2021 · 0b51cc9 · 0b51cc9
1 parent 40801f4
commit 0b51cc9
Show file tree

Hide file tree

Showing 7 changed files with 61 additions and 96 deletions.
diff --git a/components/form-field-radio-group/block.style-dictionary.json b/components/form-field-radio-group/block.style-dictionary.json
diff --git a/components/mapcontrolbutton/modifier.style-dictionary.json b/components/mapcontrolbutton/modifier.style-dictionary.json
@@ -1,6 +1,6 @@
 {
   "utrecht": {
-    "button": {
+    "mapcontrolbutton": {
       "disabled": {
         "color": {
           "css": {

diff --git a/proprietary/design-tokens/src/common/utrecht/space.style-dictionary.json b/proprietary/design-tokens/src/common/utrecht/space.style-dictionary.json
@@ -2,67 +2,67 @@
   "utrecht": {
     "space": {
       "block": {
-        "3xs": { "value": "2px", "comment": "12.5% / Extra Small 3" },
-        "2xs": { "value": "4px", "comment": "25% / Extra Small 2" },
-        "xs": { "value": "8px", "comment": "50% / Extra Small" },
-        "sm": { "value": "12px", "comment": "75% / Small" },
-        "md": { "value": "16px", "comment": "100% / Medium" },
-        "lg": { "value": "24px", "comment": "150% / Large" },
-        "xl": { "value": "28px", "comment": "175% / Extra Large" },
-        "2xl": { "value": "32px", "comment": "200% / Extra Large 2" },
-        "3xl": { "value": "48px", "comment": "300% / Extra Large 3" },
-        "4xl": { "value": "64px", "comment": "400% / Extra Large 4" },
-        "5xl": { "value": "80px", "comment": "500% / Extra Large 5" }
+        "3xs": { "value": "2px" },
+        "2xs": { "value": "4px" },
+        "xs": { "value": "8px" },
+        "sm": { "value": "12px" },
+        "md": { "value": "16px" },
+        "lg": { "value": "24px" },
+        "xl": { "value": "28px" },
+        "2xl": { "value": "32px" },
+        "3xl": { "value": "48px" },
+        "4xl": { "value": "64px" },
+        "5xl": { "value": "80px" }
       },
       "inline": {
-        "3xs": { "value": "2px", "comment": "12.5% / Extra Small 3" },
-        "2xs": { "value": "4px", "comment": "25% / Extra Small 2" },
-        "xs": { "value": "8px", "comment": "50% / Extra Small" },
-        "sm": { "value": "12px", "comment": "75% / Small" },
-        "md": { "value": "16px", "comment": "100% / Medium" },
-        "lg": { "value": "24px", "comment": "150% / Large" },
-        "xl": { "value": "28px", "comment": "175% / Extra Large" },
-        "2xl": { "value": "32px", "comment": "200% / Extra Large 2" },
-        "3xl": { "value": "48px", "comment": "300% / Extra Large 3" }
+        "3xs": { "value": "2px" },
+        "2xs": { "value": "4px" },
+        "xs": { "value": "8px" },
+        "sm": { "value": "12px" },
+        "md": { "value": "16px" },
+        "lg": { "value": "24px" },
+        "xl": { "value": "28px" },
+        "2xl": { "value": "32px" },
+        "3xl": { "value": "48px" }
       },
       "text": {
-        "3xs": { "value": "0.125ch", "comment": "12.5% / Extra Small 3" },
-        "2xs": { "value": "0.25ch", "comment": "25% / Extra Small 2" },
-        "xs": { "value": "0.5ch", "comment": "50% / Extra Small" },
-        "sm": { "value": "0.75ch", "comment": "75% / Small" },
-        "md": { "value": "1ch", "comment": "100% / Medium" },
-        "lg": { "value": "1.5ch", "comment": "150% / Large" },
-        "xl": { "value": "1.75ch", "comment": "175% / Extra Large" },
-        "2xl": { "value": "2ch", "comment": "200% / Extra Large 2" },
-        "3xl": { "value": "3ch", "comment": "300% / Extra Large 3" }
+        "3xs": { "value": "0.125ch" },
+        "2xs": { "value": "0.25ch" },
+        "xs": { "value": "0.5ch" },
+        "sm": { "value": "0.75ch" },
+        "md": { "value": "1ch" },
+        "lg": { "value": "1.5ch" },
+        "xl": { "value": "1.75ch" },
+        "2xl": { "value": "2ch" },
+        "3xl": { "value": "3ch" }
       },
       "row": {
-        "4xs": { "value": "1px", "comment": "6.25% / Extra Small 4" },
-        "3xs": { "value": "2px", "comment": "12.5% / Extra Small 3" },
-        "2xs": { "value": "4px", "comment": "25% / Extra Small 2" },
-        "xs": { "value": "8px", "comment": "50% / Extra Small" },
-        "sm": { "value": "12px", "comment": "75% / Small" },
-        "md": { "value": "16px", "comment": "100% / Medium" },
-        "lg": { "value": "24px", "comment": "150% / Large" },
-        "xl": { "value": "28px", "comment": "175% / Extra Large" },
-        "2xl": { "value": "32px", "comment": "200% / Extra Large 2" },
-        "3xl": { "value": "48px", "comment": "300% / Extra Large 3" },
-        "4xl": { "value": "64px", "comment": "400% / Extra Large 4" },
-        "5xl": { "value": "80px", "comment": "500% / Extra Large 5" }
+        "4xs": { "value": "1px" },
+        "3xs": { "value": "2px" },
+        "2xs": { "value": "4px" },
+        "xs": { "value": "8px" },
+        "sm": { "value": "12px" },
+        "md": { "value": "16px" },
+        "lg": { "value": "24px" },
+        "xl": { "value": "28px" },
+        "2xl": { "value": "32px" },
+        "3xl": { "value": "48px" },
+        "4xl": { "value": "64px" },
+        "5xl": { "value": "80px" }
       },
       "column": {
-        "4xs": { "value": "1px", "comment": "6.25% / Extra Small 4" },
-        "3xs": { "value": "2px", "comment": "12.5% / Extra Small 3" },
-        "2xs": { "value": "4px", "comment": "25% / Extra Small 2" },
-        "xs": { "value": "8px", "comment": "50% / Extra Small" },
-        "sm": { "value": "12px", "comment": "75% / Small" },
-        "md": { "value": "16px", "comment": "100% / Medium" },
-        "lg": { "value": "24px", "comment": "150% / Large" },
-        "xl": { "value": "28px", "comment": "175% / Extra Large" },
-        "2xl": { "value": "32px", "comment": "200% / Extra Large 2" },
-        "3xl": { "value": "48px", "comment": "300% / Extra Large 3" },
-        "4xl": { "value": "64px", "comment": "400% / Extra Large 4" },
-        "5xl": { "value": "80px", "comment": "500% / Extra Large 5" }
+        "4xs": { "value": "1px" },
+        "3xs": { "value": "2px" },
+        "2xs": { "value": "4px" },
+        "xs": { "value": "8px" },
+        "sm": { "value": "12px" },
+        "md": { "value": "16px" },
+        "lg": { "value": "24px" },
+        "xl": { "value": "28px" },
+        "2xl": { "value": "32px" },
+        "3xl": { "value": "48px" },
+        "4xl": { "value": "64px" },
+        "5xl": { "value": "80px" }
       }
     }
   }

diff --git a/proprietary/design-tokens/src/component/utrecht/mapcontrolbutton/block.style-dictionary.json b/proprietary/design-tokens/src/component/utrecht/mapcontrolbutton/block.style-dictionary.json
@@ -1,8 +1,11 @@
 {
   "utrecht": {
     "mapcontrolbutton": {
+      "background-color": { "value": "{utrecht.color.white.value}" },
+      "color": { "value": "{utrecht.color.grey.40.value}" },
       "width": { "value": "{utrecht.space.block.2xl.value}" },
       "height": { "value": "{utrecht.space.block.2xl.value}" },
+      "border-color": { "value": "{utrecht.color.grey.40.value}" },
       "border-width": { "value": "{utrecht.border-width.sm.value}" },
       "border-radius": { "value": "0" },
       "border-style": { "value": "{utrecht.border-style.solid.value}" },

diff --git a/...design-tokens/src/component/utrecht/mapcontrolbutton/modifier-state.style-dictionary.json b/...design-tokens/src/component/utrecht/mapcontrolbutton/modifier-state.style-dictionary.json
diff --git a/...etary/design-tokens/src/component/utrecht/mapcontrolbutton/modifier.style-dictionary.json b/...etary/design-tokens/src/component/utrecht/mapcontrolbutton/modifier.style-dictionary.json
diff --git a/proprietary/design-tokens/src/component/utrecht/mapcontrolbutton/state.style-dictionary.json b/proprietary/design-tokens/src/component/utrecht/mapcontrolbutton/state.style-dictionary.json
@@ -10,6 +10,10 @@
         "outline-color": { "value": "{utrecht.focus.outline-color.value}" },
         "border-color": { "value": "{utrecht.focus.border-color.value}" }
       },
+      "hover": {
+        "background-color": { "value": "{utrecht.color.grey.90.value}" },
+        "color": { "value": "{utrecht.color.white.value}" }
+      },
       "disabled": {
         "background-color": { "value": "{utrecht.color.grey.90.value}" },
         "color": { "value": "{utrecht.color.grey.80.value}" },