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

feat(data): New action.navigation colour category added. New token theme added for nav dark.
Sage · Aug 25, 2021 · d4e2ba2 · d4e2ba2
1 parent 085deed
commit d4e2ba2
Showing 1 changed file with 146 additions and 0 deletions.
diff --git a/data/tokens.json b/data/tokens.json
@@ -278,6 +278,64 @@
                         "type": "color"
                     }
                 },
+                "navigation": {
+                    "100": {
+                        "value": "#EAEAEA",
+                        "type": "color"
+                    },
+                    "200": {
+                        "value": "#D5D5D5",
+                        "type": "color"
+                    },
+                    "300": {
+                        "value": "#ABABAB",
+                        "type": "color"
+                    },
+                    "400": {
+                        "value": "#828282",
+                        "type": "color"
+                    },
+                    "500": {
+                        "value": "#585858",
+                        "type": "color"
+                    },
+                    "600": {
+                        "value": "#2E2E2E",
+                        "type": "color"
+                    },
+                    "700": {
+                        "value": "#252525",
+                        "type": "color"
+                    },
+                    "800": {
+                        "value": "#1c1c1c",
+                        "type": "color"
+                    },
+                    "900": {
+                        "value": "#121212",
+                        "type": "color"
+                    },
+                    "950": {
+                        "value": "#090909",
+                        "type": "color"
+                    },
+                    "1000": {
+                        "value": "#000000",
+                        "type": "color"
+                    },
+                    "000": {
+                        "value": "#FFFFFF",
+                        "type": "color"
+                    },
+                    "025": {
+                        "value": "#F6EA00",
+                        "type": "color"
+                    },
+                    "050": {
+                        "value": "F5F5F5",
+                        "type": "color"
+                    }
+                },
                 "disabled": {
                     "400": {
                         "value": "#F2F5F6",
@@ -3203,5 +3261,93 @@
                 }
             }
         }
+    },
+    "nav dark": {
+        "meta": {
+            "name": {
+                "value": "Base Theme",
+                "type": "other"
+            },
+            "base": {
+                "value": "Base Theme",
+                "type": "other"
+            }
+        },
+        "colors": {
+            "action": {
+                "navigation": {
+                    "100": {
+                        "value": "#585858",
+                        "type": "color"
+                    },
+                    "200": {
+                        "value": "#828282",
+                        "type": "color"
+                    },
+                    "300": {
+                        "value": "#ABABAB",
+                        "type": "color"
+                    },
+                    "400": {
+                        "value": "#D5D5D5",
+                        "type": "color"
+                    },
+                    "500": {
+                        "value": "#EAEAEA",
+                        "type": "color"
+                    },
+                    "600": {
+                        "value": "#F5F5F5",
+                        "type": "color"
+                    },
+                    "700": {
+                        "value": "#F5F5F5",
+                        "type": "color"
+                    },
+                    "800": {
+                        "value": "#ffffff",
+                        "type": "color"
+                    },
+                    "900": {
+                        "value": "ff00ff",
+                        "type": "color"
+                    },
+                    "950": {
+                        "value": "#F6EA00",
+                        "type": "color"
+                    },
+                    "1000": {
+                        "value": "#FFFFFF",
+                        "type": "color"
+                    },
+                    "000": {
+                        "value": "#2E2E2E",
+                        "type": "color"
+                    },
+                    "025": {
+                        "value": "#090909",
+                        "type": "color"
+                    },
+                    "050": {
+                        "value": "#121212",
+                        "type": "color"
+                    }
+                },
+                "major": {
+                    "500": {
+                        "value": "#339a6b",
+                        "type": "color"
+                    },
+                    "600": {
+                        "value": "#66b390",
+                        "type": "color"
+                    },
+                    "700": {
+                        "value": "#99cdb5",
+                        "type": "color"
+                    }
+                }
+            }
+        }
     }
 }