refactor: omit .value in token reference

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

Hide file tree

Showing 39 changed files with 275 additions and 275 deletions.
diff --git a/proprietary/Common/src/denhaag/focus.tokens.json b/proprietary/Common/src/denhaag/focus.tokens.json
@@ -2,11 +2,11 @@
   "denhaag": {
     "focus": {
       "background-color": {},
-      "border-color": { "value": "{denhaag.color.ocher.4.value}" },
+      "border-color": { "value": "{denhaag.color.ocher.4}" },
       "border-width": { "value": "2px" },
       "border-style": { "value": "dashed" },
       "border": {
-        "value": "{denhaag.focus.border-width.value} {denhaag.focus.border-style.value} {denhaag.focus.border-color.value}"
+        "value": "{denhaag.focus.border-width} {denhaag.focus.border-style} {denhaag.focus.border-color}"
       },
       "color": {}
     }

diff --git a/proprietary/Common/src/utrecht/document.tokens.json b/proprietary/Common/src/utrecht/document.tokens.json
@@ -1,10 +1,10 @@
 {
   "utrecht": {
     "document": {
-      "background-color": { "value": "{denhaag.color.white.value}" },
-      "color": { "value": "{denhaag.color.black.value}" },
-      "font-family": { "value": "{denhaag.typography.sans-serif.font-family.value}" },
-      "font-size": { "value": "{denhaag.typography.scale.base.font-size.value}" }
+      "background-color": { "value": "{denhaag.color.white}" },
+      "color": { "value": "{denhaag.color.black}" },
+      "font-family": { "value": "{denhaag.typography.sans-serif.font-family}" },
+      "font-size": { "value": "{denhaag.typography.scale.base.font-size}" }
     }
   }
 }
diff --git a/proprietary/Common/src/utrecht/feedback-variant.tokens.json b/proprietary/Common/src/utrecht/feedback-variant.tokens.json
@@ -3,26 +3,26 @@
     "feedback": {
       "danger": {
         "fill": {
-          "background-color": { "value": "{denhaag.color.red.1.value}" },
-          "color": { "value": "{denhaag.color.red.4.value}" }
+          "background-color": { "value": "{denhaag.color.red.1}" },
+          "color": { "value": "{denhaag.color.red.4}" }
         }
       },
       "warning": {
         "fill": {
-          "background-color": { "value": "{denhaag.color.orange.1.value}" },
-          "color": { "value": "{denhaag.color.orange.4.value}" }
+          "background-color": { "value": "{denhaag.color.orange.1}" },
+          "color": { "value": "{denhaag.color.orange.4}" }
         }
       },
       "safe": {
         "fill": {
-          "background-color": { "value": "{denhaag.color.green.1.value}" },
-          "color": { "value": "{denhaag.color.green.4.value}" }
+          "background-color": { "value": "{denhaag.color.green.1}" },
+          "color": { "value": "{denhaag.color.green.4}" }
         }
       },
       "neutral": {
         "fill": {
-          "background-color": { "value": "{denhaag.color.blue.1.value}" },
-          "color": { "value": "{denhaag.color.blue.4.value}" }
+          "background-color": { "value": "{denhaag.color.blue.1}" },
+          "color": { "value": "{denhaag.color.blue.4}" }
         }
       }
     }

diff --git a/proprietary/Common/src/utrecht/feedback.tokens.json b/proprietary/Common/src/utrecht/feedback.tokens.json
@@ -2,20 +2,20 @@
   "utrecht": {
     "feedback": {
       "danger": {
-        "background-color": { "value": "{denhaag.color.red.1.value}" },
-        "color": { "value": "{denhaag.color.red.4.value}" }
+        "background-color": { "value": "{denhaag.color.red.1}" },
+        "color": { "value": "{denhaag.color.red.4}" }
       },
       "warning": {
-        "background-color": { "value": "{denhaag.color.orange.1.value}" },
-        "color": { "value": "{denhaag.color.orange.4.value}" }
+        "background-color": { "value": "{denhaag.color.orange.1}" },
+        "color": { "value": "{denhaag.color.orange.4}" }
       },
       "safe": {
-        "background-color": { "value": "{denhaag.color.green.1.value}" },
-        "color": { "value": "{denhaag.color.green.4.value}" }
+        "background-color": { "value": "{denhaag.color.green.1}" },
+        "color": { "value": "{denhaag.color.green.4}" }
       },
       "neutral": {
-        "background-color": { "value": "{denhaag.color.blue.1.value}" },
-        "color": { "value": "{denhaag.color.blue.4.value}" }
+        "background-color": { "value": "{denhaag.color.blue.1}" },
+        "color": { "value": "{denhaag.color.blue.4}" }
       }
     }
   }

diff --git a/proprietary/Common/src/utrecht/focus.tokens.json b/proprietary/Common/src/utrecht/focus.tokens.json
@@ -1,11 +1,11 @@
 {
   "utrecht": {
     "focus": {
-      "border-color": { "value": "{denhaag.focus.border-color.value}" },
-      "border-style": { "value": "{denhaag.focus.border-style.value}" },
-      "outline-color": { "value": "{denhaag.focus.border-color.value}" },
-      "outline-style": { "value": "{denhaag.focus.border-style.value}" },
-      "outline-width": { "value": "{denhaag.focus.border-width.value}" }
+      "border-color": { "value": "{denhaag.focus.border-color}" },
+      "border-style": { "value": "{denhaag.focus.border-style}" },
+      "outline-color": { "value": "{denhaag.focus.border-color}" },
+      "outline-style": { "value": "{denhaag.focus.border-style}" },
+      "outline-width": { "value": "{denhaag.focus.border-width}" }
     }
   }
 }
diff --git a/proprietary/Components/src/denhaag/alert.tokens.json b/proprietary/Components/src/denhaag/alert.tokens.json
@@ -2,20 +2,20 @@
   "denhaag": {
     "alert": {
       "border-radius": { "value": "1px" },
-      "padding-block-start": { "value": "{denhaag.space.block.xl.value}" },
-      "padding-block-end": { "value": "{denhaag.space.block.xl.value}" },
-      "padding-inline-start": { "value": "{denhaag.space.block.xl.value}" },
-      "padding-inline-end": { "value": "{denhaag.space.block.xl.value}" },
+      "padding-block-start": { "value": "{denhaag.space.block.xl}" },
+      "padding-block-end": { "value": "{denhaag.space.block.xl}" },
+      "padding-inline-start": { "value": "{denhaag.space.block.xl}" },
+      "padding-inline-end": { "value": "{denhaag.space.block.xl}" },
       "content": {
         "margin-inline": {
-          "start": { "value": "{denhaag.space.block.xl.value}" },
-          "end": { "value": "{denhaag.space.block.xl.value}" }
+          "start": { "value": "{denhaag.space.block.xl}" },
+          "end": { "value": "{denhaag.space.block.xl}" }
         }
       },
       "action": {
         "padding": {
           "block": {
-            "start": { "value": "{denhaag.space.block.md.value}" }
+            "start": { "value": "{denhaag.space.block.md}" }
           }
         }
       },
@@ -28,99 +28,99 @@
         }
       },
       "error": {
-        "background-color": { "value": "{denhaag.color.red.1.value}" },
+        "background-color": { "value": "{denhaag.color.red.1}" },
         "title": {
-          "color": { "value": "{denhaag.color.red.5.value}" }
+          "color": { "value": "{denhaag.color.red.5}" }
         },
         "paragraph": {
-          "color": { "value": "{denhaag.color.red.5.value}" }
+          "color": { "value": "{denhaag.color.red.5}" }
         },
         "icon": {
-          "color": { "value": "{denhaag.color.red.3.value}" }
+          "color": { "value": "{denhaag.color.red.3}" }
         },
         "action": {
           "button": {
-            "color": { "value": "{denhaag.color.white.value}" },
-            "background-color": { "value": "{denhaag.color.red.3.value}" },
+            "color": { "value": "{denhaag.color.white}" },
+            "background-color": { "value": "{denhaag.color.red.3}" },
             "hover-background": {
-              "color": { "value": "{denhaag.color.red.4.value}" }
+              "color": { "value": "{denhaag.color.red.4}" }
             }
           }
         },
         "close-icon": {
-          "color": { "value": "{denhaag.color.red.5.value}" }
+          "color": { "value": "{denhaag.color.red.5}" }
         }
       },
       "info": {
-        "background-color": { "value": "{denhaag.color.blue.1.value}" },
+        "background-color": { "value": "{denhaag.color.blue.1}" },
         "title": {
-          "color": { "value": "{denhaag.color.blue.5.value}" }
+          "color": { "value": "{denhaag.color.blue.5}" }
         },
         "paragraph": {
-          "color": { "value": "{denhaag.color.blue.5.value}" }
+          "color": { "value": "{denhaag.color.blue.5}" }
         },
         "icon": {
-          "color": { "value": "{denhaag.color.blue.3.value}" }
+          "color": { "value": "{denhaag.color.blue.3}" }
         },
         "action": {
           "button": {
-            "color": { "value": "{denhaag.color.white.value}" },
-            "background-color": { "value": "{denhaag.color.blue.3.value}" },
+            "color": { "value": "{denhaag.color.white}" },
+            "background-color": { "value": "{denhaag.color.blue.3}" },
             "hover": {
-              "background-color": { "value": "{denhaag.color.blue.4.value}" }
+              "background-color": { "value": "{denhaag.color.blue.4}" }
             }
           }
         },
         "close-icon": {
-          "color": { "value": "{denhaag.color.blue.5.value}" }
+          "color": { "value": "{denhaag.color.blue.5}" }
         }
       },
       "success": {
-        "background-color": { "value": "{denhaag.color.green.1.value}" },
+        "background-color": { "value": "{denhaag.color.green.1}" },
         "title": {
-          "color": { "value": "{denhaag.color.green.5.value}" }
+          "color": { "value": "{denhaag.color.green.5}" }
         },
         "paragraph": {
-          "color": { "value": "{denhaag.color.green.5.value}" }
+          "color": { "value": "{denhaag.color.green.5}" }
         },
         "icon": {
-          "color": { "value": "{denhaag.color.green.3.value}" }
+          "color": { "value": "{denhaag.color.green.3}" }
         },
         "action": {
           "button": {
-            "color": { "value": "{denhaag.color.white.value}" },
-            "background-color": { "value": "{denhaag.color.green.3.value}" },
+            "color": { "value": "{denhaag.color.white}" },
+            "background-color": { "value": "{denhaag.color.green.3}" },
             "hover": {
-              "background-color": { "value": "{denhaag.color.green.4.value}" }
+              "background-color": { "value": "{denhaag.color.green.4}" }
             }
           }
         },
         "close-icon": {
-          "color": { "value": "{denhaag.color.green.5.value}" }
+          "color": { "value": "{denhaag.color.green.5}" }
         }
       },
       "warning": {
-        "background-color": { "value": "{denhaag.color.orange.1.value}" },
+        "background-color": { "value": "{denhaag.color.orange.1}" },
         "title": {
-          "color": { "value": "{denhaag.color.orange.5.value}" }
+          "color": { "value": "{denhaag.color.orange.5}" }
         },
         "paragraph": {
-          "color": { "value": "{denhaag.color.orange.5.value}" }
+          "color": { "value": "{denhaag.color.orange.5}" }
         },
         "icon": {
-          "color": { "value": "{denhaag.color.orange.5.value}" }
+          "color": { "value": "{denhaag.color.orange.5}" }
         },
         "action": {
           "button": {
-            "color": { "value": "{denhaag.color.white.value}" },
-            "background-color": { "value": "{denhaag.color.orange.5.value}" },
+            "color": { "value": "{denhaag.color.white}" },
+            "background-color": { "value": "{denhaag.color.orange.5}" },
             "hover": {
-              "background-color": { "value": "{denhaag.color.orange.5.value}" }
+              "background-color": { "value": "{denhaag.color.orange.5}" }
             }
           }
         },
         "close-icon": {
-          "color": { "value": "{denhaag.color.orange.5.value}" }
+          "color": { "value": "{denhaag.color.orange.5}" }
         }
       }
     }

diff --git a/proprietary/Components/src/denhaag/breadcrumb.tokens.json b/proprietary/Components/src/denhaag/breadcrumb.tokens.json
@@ -2,47 +2,47 @@
   "denhaag": {
     "breadcrumb": {
       "color": {
-        "value": "{denhaag.color.grey.4.value}"
+        "value": "{denhaag.color.grey.4}"
       },
       "spacing": {
-        "value": "{denhaag.space.inline.xs.value}"
+        "value": "{denhaag.space.inline.xs}"
       },
       "current": {
         "color": {
-          "value": "{denhaag.color.grey.4.value}"
+          "value": "{denhaag.color.grey.4}"
         }
       },
       "dots": {
         "background-color": {
-          "value": "{denhaag.color.grey.1.value}"
+          "value": "{denhaag.color.grey.1}"
         },
         "border-radius": {
-          "value": "{denhaag.border-radius.value}"
+          "value": "{denhaag.border-radius}"
         },
         "color": {
-          "value": "{denhaag.color.grey.3.value}"
+          "value": "{denhaag.color.grey.3}"
         },
         "hover": {
           "background-color": {
-            "value": "{denhaag.color.grey.2.value}"
+            "value": "{denhaag.color.grey.2}"
           }
         }
       },
       "link": {
         "color": {
-          "value": "{denhaag.color.blue.3.value}"
+          "value": "{denhaag.color.blue.3}"
         },
         "focus": {
           "color": {
-            "value": "{denhaag.color.blue.4.value}"
+            "value": "{denhaag.color.blue.4}"
           },
           "outline": {
-            "value": "{denhaag.focus.border.value}"
+            "value": "{denhaag.focus.border}"
           }
         },
         "hover": {
           "color": {
-            "value": "{denhaag.color.blue.4.value}"
+            "value": "{denhaag.color.blue.4}"
           }
         }
       }