refactor: omit .value in token reference

supported since style-dictionary@3.1.0 amzn/style-dictionary#746
nl-design-system · Jan 4, 2022 · c172ebc · c172ebc
1 parent ef89a7b
commit c172ebc
Show file tree

Hide file tree

Showing 282 changed files with 1,110 additions and 1,110 deletions.
diff --git a/proprietary/amsterdam-design-tokens/src/common/action-variant.tokens.json b/proprietary/amsterdam-design-tokens/src/common/action-variant.tokens.json
@@ -7,10 +7,10 @@
         },
         "fill": {
           "background-color": {
-            "value": "{amsterdam.action.primary.color.value}"
+            "value": "{amsterdam.action.primary.color}"
           },
           "color": {
-            "value": "{amsterdam.color.white.value}"
+            "value": "{amsterdam.color.white}"
           }
         }
       },
@@ -20,20 +20,20 @@
         },
         "fill": {
           "background-color": {
-            "value": "{amsterdam.action.secondary.color.value}"
+            "value": "{amsterdam.action.secondary.color}"
           },
           "color": {
-            "value": "{amsterdam.color.white.value}"
+            "value": "{amsterdam.color.white}"
           }
         }
       },
       "disabled": {
         "fill": {
           "background-color": {
-            "value": "{amsterdam.color.grey.90.value}"
+            "value": "{amsterdam.color.grey.90}"
           },
           "color": {
-            "value": "{amsterdam.color.grey.70.value}"
+            "value": "{amsterdam.color.grey.70}"
           }
         }
       }

diff --git a/proprietary/amsterdam-design-tokens/src/component/utrecht/badge-counter.tokens.json b/proprietary/amsterdam-design-tokens/src/component/utrecht/badge-counter.tokens.json
@@ -2,13 +2,13 @@
   "utrecht": {
     "badge-counter": {
       "background-color": {
-        "value": "{amsterdam.color.red.50.value}"
+        "value": "{amsterdam.color.red.50}"
       },
       "border-radius": {
         "value": "3ex"
       },
       "color": {
-        "value": "{amsterdam.color.white.value}"
+        "value": "{amsterdam.color.white}"
       },
       "font-weight": {},
       "padding-block": {

diff --git a/proprietary/amsterdam-design-tokens/src/component/utrecht/badge.tokens.json b/proprietary/amsterdam-design-tokens/src/component/utrecht/badge.tokens.json
@@ -2,22 +2,22 @@
   "utrecht": {
     "badge": {
       "background-color": {
-        "value": "{amsterdam.color.grey.50.value}"
+        "value": "{amsterdam.color.grey.50}"
       },
       "border-radius": {
         "value": "0"
       },
       "color": {
-        "value": "{amsterdam.color.white.value}"
+        "value": "{amsterdam.color.white}"
       },
       "font-weight": {
-        "value": "{amsterdam.typography.weight-scale.semi-bold.font-weight.value}"
+        "value": "{amsterdam.typography.weight-scale.semi-bold.font-weight}"
       },
       "padding-block": {
         "value": "6px"
       },
       "padding-inline": {
-        "value": "{utrecht.space.inline.md.value}"
+        "value": "{utrecht.space.inline.md}"
       }
     }
   }

diff --git a/proprietary/amsterdam-design-tokens/src/component/utrecht/button.tokens.json b/proprietary/amsterdam-design-tokens/src/component/utrecht/button.tokens.json
@@ -3,30 +3,30 @@
     "button": {
       "border-width": { "value": "0" },
       "border-radius": { "value": "0" },
-      "font-family": { "value": "{amsterdam.typography.sans-serif.font-family.value}" },
-      "font-size": { "value": "{amsterdam.typography.scale.md.font-size.value}" },
-      "padding-inline-start": { "value": "{utrecht.space.inline.lg.value}" },
-      "padding-inline-end": { "value": "{utrecht.space.inline.lg.value}" },
-      "padding-block-start": { "value": "{utrecht.space.block.sm.value}" },
-      "padding-block-end": { "value": "{utrecht.space.block.sm.value}" },
+      "font-family": { "value": "{amsterdam.typography.sans-serif.font-family}" },
+      "font-size": { "value": "{amsterdam.typography.scale.md.font-size}" },
+      "padding-inline-start": { "value": "{utrecht.space.inline.lg}" },
+      "padding-inline-end": { "value": "{utrecht.space.inline.lg}" },
+      "padding-block-start": { "value": "{utrecht.space.block.sm}" },
+      "padding-block-end": { "value": "{utrecht.space.block.sm}" },
       "margin-inline-start": { "value": "0" },
       "margin-inline-end": { "value": "0" },
-      "margin-block-start": { "value": "{utrecht.space.row.xs.value}" },
-      "margin-block-end": { "value": "{utrecht.space.row.xs.value}" },
-      "background-color": { "value": "{amsterdam.action.primary.fill.background-color.value}" },
-      "color": { "value": "{amsterdam.action.primary.fill.color.value}" },
+      "margin-block-start": { "value": "{utrecht.space.row.xs}" },
+      "margin-block-end": { "value": "{utrecht.space.row.xs}" },
+      "background-color": { "value": "{amsterdam.action.primary.fill.background-color}" },
+      "color": { "value": "{amsterdam.action.primary.fill.color}" },
       "primary-action": {
-        "background-color": { "value": "{amsterdam.action.primary.fill.background-color.value}" },
-        "color": { "value": "{amsterdam.action.primary.fill.color.value}" },
+        "background-color": { "value": "{amsterdam.action.primary.fill.background-color}" },
+        "color": { "value": "{amsterdam.action.primary.fill.color}" },
         "hover": {
           "background-color": {},
           "color": {},
           "border-color": {}
         }
       },
       "secondary-action": {
-        "background-color": { "value": "{amsterdam.action.secondary.fill.background-color.value}" },
-        "color": { "value": "{amsterdam.action.secondary.fill.color.value}" },
+        "background-color": { "value": "{amsterdam.action.secondary.fill.background-color}" },
+        "color": { "value": "{amsterdam.action.secondary.fill.color}" },
         "border-color": {},
         "border-width": {},
         "hover": {
@@ -35,13 +35,13 @@
         }
       },
       "focus": {
-        "border-color": { "value": "{amsterdam.color.black.value}" },
+        "border-color": { "value": "{amsterdam.color.black}" },
         "border-width": {},
         "transform-scale": {}
       },
       "disabled": {
-        "background-color": { "value": "{amsterdam.action.disabled.fill.background-color.value}" },
-        "color": { "value": "{amsterdam.action.disabled.fill.color.value}" }
+        "background-color": { "value": "{amsterdam.action.disabled.fill.background-color}" },
+        "color": { "value": "{amsterdam.action.disabled.fill.color}" }
       }
     }
   }

diff --git a/proprietary/amsterdam-design-tokens/src/component/utrecht/custom-checkbox.tokens.json b/proprietary/amsterdam-design-tokens/src/component/utrecht/custom-checkbox.tokens.json
@@ -2,10 +2,10 @@
   "utrecht": {
     "custom-checkbox": {
       "size": { "value": "24px" },
-      "border-color": { "value": "{amsterdam.color.grey.50.value}" },
-      "color": { "value": "{amsterdam.color.black.value}" },
+      "border-color": { "value": "{amsterdam.color.grey.50}" },
+      "color": { "value": "{amsterdam.color.black}" },
       "border-width": { "value": "1px" },
-      "background-color": { "value": "{amsterdam.color.white.value}" },
+      "background-color": { "value": "{amsterdam.color.white}" },
       "border-radius": { "value": "0" },
       "padding": { "value": "0" },
       "active": {
@@ -20,16 +20,16 @@
         "background-color": {}
       },
       "disabled": {
-        "border-color": { "value": "{amsterdam.color.grey.70.value}" },
+        "border-color": { "value": "{amsterdam.color.grey.70}" },
         "border-width": { "value": "2px" },
         "background-color": {},
-        "color": { "value": "{amsterdam.color.grey.70.value}" }
+        "color": { "value": "{amsterdam.color.grey.70}" }
       },
       "checked": {
-        "border-color": { "value": "{amsterdam.color.black.value}" },
+        "border-color": { "value": "{amsterdam.color.black}" },
         "border-width": {},
-        "background-color": { "value": "{amsterdam.color.black.value}" },
-        "color": { "value": "{amsterdam.color.white.value}" },
+        "background-color": { "value": "{amsterdam.color.black}" },
+        "color": { "value": "{amsterdam.color.white}" },
         "active": {
           "border-color": {},
           "background-color": {}
@@ -39,11 +39,11 @@
         "size": { "value": "15px" }
       },
       "indeterminate": {
-        "background-color": { "value": "{amsterdam.color.black.value}" },
-        "color": { "value": "{amsterdam.color.white.value}" }
+        "background-color": { "value": "{amsterdam.color.black}" },
+        "color": { "value": "{amsterdam.color.white}" }
       },
       "invalid": {
-        "border-color": { "value": "{amsterdam.color.red.50.value}" },
+        "border-color": { "value": "{amsterdam.color.red.50}" },
         "border-width": {},
         "background-color": {},
         "color": {},

diff --git a/proprietary/amsterdam-design-tokens/src/component/utrecht/document.tokens.json b/proprietary/amsterdam-design-tokens/src/component/utrecht/document.tokens.json
@@ -1,9 +1,9 @@
 {
   "utrecht": {
     "document": {
-      "background-color": { "value": "{amsterdam.color.white.value}" },
-      "color": { "value": "{amsterdam.color.black.value}" },
-      "font-family": { "value": "{amsterdam.typography.sans-serif.font-family.value}" },
+      "background-color": { "value": "{amsterdam.color.white}" },
+      "color": { "value": "{amsterdam.color.black}" },
+      "font-family": { "value": "{amsterdam.typography.sans-serif.font-family}" },
       "font-size": { "value": "16px" },
       "line-height": { "value": "22px" }
     }

diff --git a/proprietary/amsterdam-design-tokens/src/component/utrecht/form-field.tokens.json b/proprietary/amsterdam-design-tokens/src/component/utrecht/form-field.tokens.json
@@ -1,8 +1,8 @@
 {
   "utrecht": {
     "form-field": {
-      "margin-block-start": { "value": "{utrecht.space.block.2xs.value}" },
-      "margin-block-end": { "value": "{utrecht.space.block.2xs.value}" }
+      "margin-block-start": { "value": "{utrecht.space.block.2xs}" },
+      "margin-block-end": { "value": "{utrecht.space.block.2xs}" }
     }
   }
 }
diff --git a/proprietary/amsterdam-design-tokens/src/component/utrecht/form-input.tokens.json b/proprietary/amsterdam-design-tokens/src/component/utrecht/form-input.tokens.json
@@ -2,12 +2,12 @@
   "utrecht": {
     "form-input": {
       "block-size": { "value": "44px" },
-      "color": { "value": "{amsterdam.color.black.value}" },
-      "border-color": { "value": "{amsterdam.color.grey.50.value}" },
-      "font-family": { "value": "{amsterdam.typography.sans-serif.font-family.value}" },
+      "color": { "value": "{amsterdam.color.black}" },
+      "border-color": { "value": "{amsterdam.color.grey.50}" },
+      "font-family": { "value": "{amsterdam.typography.sans-serif.font-family}" },
       "line-height": { "value": "18px" },
       "placeholder": {
-        "color": { "value": "{amsterdam.color.grey.70.value}" }
+        "color": { "value": "{amsterdam.color.grey.70}" }
       },
       "focus": {
         "border-color": {}

diff --git a/proprietary/amsterdam-design-tokens/src/component/utrecht/form-label.tokens.json b/proprietary/amsterdam-design-tokens/src/component/utrecht/form-label.tokens.json
@@ -4,15 +4,15 @@
       "font-size": {},
       "font-weight": {},
       "checkbox": {
-        "font-weight": { "value": "{amsterdam.typography.weight-scale.normal.font-weight.value}" }
+        "font-weight": { "value": "{amsterdam.typography.weight-scale.normal.font-weight}" }
       },
       "checkbox-checked": {
         "font-weight": {
           "comment": "FIXME: new"
         }
       },
       "radio": {
-        "font-weight": { "value": "{amsterdam.typography.weight-scale.normal.font-weight.value}" }
+        "font-weight": { "value": "{amsterdam.typography.weight-scale.normal.font-weight}" }
       }
     }
   }

diff --git a/proprietary/amsterdam-design-tokens/src/component/utrecht/form-select.tokens.json b/proprietary/amsterdam-design-tokens/src/component/utrecht/form-select.tokens.json
@@ -1,17 +1,17 @@
 {
   "utrecht": {
     "form-select": {
-      "background-color": { "value": "{amsterdam.color.grey.100.value}" },
+      "background-color": { "value": "{amsterdam.color.grey.100}" },
       "background-image": { "comment": "TODO: amsterdam.icon.dropdown-expand.value" },
-      "border-color": { "value": "{amsterdam.color.grey.50.value}" },
+      "border-color": { "value": "{amsterdam.color.grey.50}" },
       "border-width": { "value": "1px" },
-      "color": { "value": "{amsterdam.color.grey.0.value}" },
+      "color": { "value": "{amsterdam.color.grey.0}" },
       "font-size": { "value": "1rem" },
       "max-inline-size": { "value": "100%" },
-      "padding-block-end": { "value": "{utrecht.space.block.xs.value}" },
-      "padding-block-start": { "value": "{utrecht.space.block.xs.value}" },
-      "padding-inline-end": { "value": "{utrecht.space.block.sm.value}" },
-      "padding-inline-start": { "value": "{utrecht.space.block.sm.value}" }
+      "padding-block-end": { "value": "{utrecht.space.block.xs}" },
+      "padding-block-start": { "value": "{utrecht.space.block.xs}" },
+      "padding-inline-end": { "value": "{utrecht.space.block.sm}" },
+      "padding-inline-start": { "value": "{utrecht.space.block.sm}" }
     }
   }
 }
diff --git a/proprietary/amsterdam-design-tokens/src/component/utrecht/heading.tokens.json b/proprietary/amsterdam-design-tokens/src/component/utrecht/heading.tokens.json
@@ -3,7 +3,7 @@
     "heading": {
       "color": {},
       "font-family": {},
-      "font-weight": { "value": "{amsterdam.typography.weight-scale.bold.font-weight.value}" }
+      "font-weight": { "value": "{amsterdam.typography.weight-scale.bold.font-weight}" }
     },
     "heading-1": {
       "color": {},

diff --git a/proprietary/amsterdam-design-tokens/src/component/utrecht/link.tokens.json b/proprietary/amsterdam-design-tokens/src/component/utrecht/link.tokens.json
@@ -1,7 +1,7 @@
 {
   "utrecht": {
     "link": {
-      "color": { "value": "{amsterdam.color.blue.30.value}" },
+      "color": { "value": "{amsterdam.color.blue.30}" },
       "text-decoration": { "value": "underline" },
       "active": {
         "color": {}
@@ -11,7 +11,7 @@
         "text-decoration": {}
       },
       "hover": {
-        "color": { "value": "{amsterdam.color.red.50.value}" },
+        "color": { "value": "{amsterdam.color.red.50}" },
         "text-decoration": {}
       },
       "visited": {

diff --git a/proprietary/amsterdam-design-tokens/src/component/utrecht/page-footer.tokens.json b/proprietary/amsterdam-design-tokens/src/component/utrecht/page-footer.tokens.json
@@ -1,13 +1,13 @@
 {
   "utrecht": {
     "page-footer": {
-      "background-color": { "value": "{amsterdam.color.grey.50.value}", "comment": "FIXME new" },
-      "color": { "value": "{amsterdam.color.grey.100.value}", "comment": "FIXME new" },
+      "background-color": { "value": "{amsterdam.color.grey.50}", "comment": "FIXME new" },
+      "color": { "value": "{amsterdam.color.grey.100}", "comment": "FIXME new" },
       "padding-block-start": { "value": "30px" },
       "padding-block-end": { "value": "30px" },
       "content": {
         "max-inline-size": {
-          "value": "{utrecht.page.max-inline-size.value}"
+          "value": "{utrecht.page.max-inline-size}"
         }
       }
     }

diff --git a/proprietary/amsterdam-design-tokens/src/component/utrecht/paragraph.tokens.json b/proprietary/amsterdam-design-tokens/src/component/utrecht/paragraph.tokens.json
@@ -2,14 +2,14 @@
   "utrecht": {
     "paragraph": {
       "font-family": {},
-      "font-size": { "value": "{amsterdam.typography.scale.md.font-size.value}" },
-      "font-weight": { "value": "{amsterdam.typography.weight-scale.normal.font-weight.value}" },
+      "font-size": { "value": "{amsterdam.typography.scale.md.font-size}" },
+      "font-weight": { "value": "{amsterdam.typography.weight-scale.normal.font-weight}" },
       "line-height": { "value": "22px" },
       "margin-block-start": {},
       "margin-block-end": {},
       "lead": {
         "font-size": {},
-        "font-weight": { "value": "{amsterdam.typography.weight-scale.semi-bold.font-weight.value}" },
+        "font-weight": { "value": "{amsterdam.typography.weight-scale.semi-bold.font-weight}" },
         "line-height": {}
       }
     }

diff --git a/proprietary/amsterdam-design-tokens/src/component/utrecht/textarea.tokens.json b/proprietary/amsterdam-design-tokens/src/component/utrecht/textarea.tokens.json
@@ -2,19 +2,19 @@
   "utrecht": {
     "textarea": {
       "border-bottom-width": {},
-      "border-color": { "value": "{utrecht.textbox.border-color.value}" },
-      "border-radius": { "value": "{utrecht.textbox.border-radius.value}" },
-      "border-width": { "value": "{utrecht.textbox.border-width.value}" },
-      "color": { "value": "{utrecht.textbox.color.value}" },
-      "font-family": { "value": "{utrecht.textbox.font-family.value}" },
-      "font-size": { "value": "{utrecht.textbox.font-size.value}" },
-      "min-inline-size": { "value": "{utrecht.textbox.min-inline-size.value}" },
-      "max-inline-size": { "value": "{utrecht.textbox.max-inline-size.value}" },
+      "border-color": { "value": "{utrecht.textbox.border-color}" },
+      "border-radius": { "value": "{utrecht.textbox.border-radius}" },
+      "border-width": { "value": "{utrecht.textbox.border-width}" },
+      "color": { "value": "{utrecht.textbox.color}" },
+      "font-family": { "value": "{utrecht.textbox.font-family}" },
+      "font-size": { "value": "{utrecht.textbox.font-size}" },
+      "min-inline-size": { "value": "{utrecht.textbox.min-inline-size}" },
+      "max-inline-size": { "value": "{utrecht.textbox.max-inline-size}" },
       "min-block-size": { "value": "95px" },
-      "padding-block-end": { "value": "{utrecht.textbox.padding-block-end.value}" },
-      "padding-block-start": { "value": "{utrecht.textbox.padding-block-start.value}" },
-      "padding-inline-end": { "value": "{utrecht.textbox.padding-inline-end.value}" },
-      "padding-inline-start": { "value": "{utrecht.textbox.padding-inline-start.value}" }
+      "padding-block-end": { "value": "{utrecht.textbox.padding-block-end}" },
+      "padding-block-start": { "value": "{utrecht.textbox.padding-block-start}" },
+      "padding-inline-end": { "value": "{utrecht.textbox.padding-inline-end}" },
+      "padding-inline-start": { "value": "{utrecht.textbox.padding-inline-start}" }
     }
   }
 }