feat(data): Updated design tokens (#137)

feat(data): reordered colors.action.major.025 to sit in the right place in the UI. Added typography tokens for progressTracker.valueLabel
Sage · Dec 9, 2021 · 70bff54 · 70bff54
1 parent df772be
commit 70bff54
Show file tree

Hide file tree

Showing 2 changed files with 96 additions and 10 deletions.
diff --git a/data/all.json b/data/all.json
@@ -257,6 +257,11 @@
             "value": "#004D2A",
             "type": "color"
           },
+          "025": {
+            "value": "#F2F9F6",
+            "description": "Currently only used on Tile Select",
+            "type": "color"
+          },
           "transparent": {
             "value": "$colors.transparent",
             "type": "color"
@@ -284,11 +289,6 @@
               "value": "$colors.yang.100",
               "type": "color"
             }
-          },
-          "025": {
-            "value": "#F2F9F6",
-            "description": "Currently only used on Tile Select",
-            "type": "color"
           }
         },
         "minor": {
@@ -1736,6 +1736,49 @@
           }
         }
       },
+      "progressTracker": {
+        "valueLabel": {
+          "m": {
+            "value": {
+              "fontFamily": "$fontFamilies.default",
+              "fontWeight": "$fontWeights.500",
+              "lineHeight": "$lineHeights.500",
+              "fontSize": "$fontSizes.100",
+              "letterSpacing": "0%",
+              "paragraphSpacing": "0",
+              "textDecoration": "none",
+              "textCase": "none"
+            },
+            "type": "typography"
+          },
+          "s": {
+            "value": {
+              "fontFamily": "$fontFamilies.default",
+              "fontWeight": "$fontWeights.500",
+              "lineHeight": "$lineHeights.500",
+              "fontSize": "$fontSizes.100",
+              "letterSpacing": "0%",
+              "paragraphSpacing": "0",
+              "textDecoration": "none",
+              "textCase": "none"
+            },
+            "type": "typography"
+          },
+          "l": {
+            "value": {
+              "fontFamily": "$fontFamilies.default",
+              "fontWeight": "$fontWeights.500",
+              "lineHeight": "$lineHeights.500",
+              "fontSize": "$fontSizes.100",
+              "letterSpacing": "0%",
+              "paragraphSpacing": "0",
+              "textDecoration": "none",
+              "textCase": "none"
+            },
+            "type": "typography"
+          }
+        }
+      },
       "switch": {
         "optionLabel": {
           "m": {

diff --git a/data/base.json b/data/base.json
@@ -256,6 +256,11 @@
           "value": "#004D2A",
           "type": "color"
         },
+        "025": {
+          "value": "#F2F9F6",
+          "description": "Currently only used on Tile Select",
+          "type": "color"
+        },
         "transparent": {
           "value": "$colors.transparent",
           "type": "color"
@@ -283,11 +288,6 @@
             "value": "$colors.yang.100",
             "type": "color"
           }
-        },
-        "025": {
-          "value": "#F2F9F6",
-          "description": "Currently only used on Tile Select",
-          "type": "color"
         }
       },
       "minor": {
@@ -1735,6 +1735,49 @@
         }
       }
     },
+    "progressTracker": {
+      "valueLabel": {
+        "m": {
+          "value": {
+            "fontFamily": "$fontFamilies.default",
+            "fontWeight": "$fontWeights.500",
+            "lineHeight": "$lineHeights.500",
+            "fontSize": "$fontSizes.100",
+            "letterSpacing": "0%",
+            "paragraphSpacing": "0",
+            "textDecoration": "none",
+            "textCase": "none"
+          },
+          "type": "typography"
+        },
+        "s": {
+          "value": {
+            "fontFamily": "$fontFamilies.default",
+            "fontWeight": "$fontWeights.500",
+            "lineHeight": "$lineHeights.500",
+            "fontSize": "$fontSizes.100",
+            "letterSpacing": "0%",
+            "paragraphSpacing": "0",
+            "textDecoration": "none",
+            "textCase": "none"
+          },
+          "type": "typography"
+        },
+        "l": {
+          "value": {
+            "fontFamily": "$fontFamilies.default",
+            "fontWeight": "$fontWeights.500",
+            "lineHeight": "$lineHeights.500",
+            "fontSize": "$fontSizes.100",
+            "letterSpacing": "0%",
+            "paragraphSpacing": "0",
+            "textDecoration": "none",
+            "textCase": "none"
+          },
+          "type": "typography"
+        }
+      }
+    },
     "switch": {
       "optionLabel": {
         "m": {