chore: update color tokens to v0.0.5 (#1)

* chore: import json

* chore: generate css vars

scripts/system-token/primitive.json

@@ -8,6 +8,10 @@
       "$type": "color",
       "$value": "#e4e8f5"
     },
+    "250": {
+      "$type": "color",
+      "$value": "#dde2f1"
+    },
     "300": {
       "$type": "color",
       "$value": "#ced3e6"
@@ -16,6 +20,10 @@
       "$type": "color",
       "$value": "#b5bbd3"
     },
+    "450": {
+      "$type": "color",
+      "$value": "#a7adc5"
+    },
     "500": {
       "$type": "color",
       "$value": "#989eb7"
@@ -269,7 +277,7 @@
   "Red": {
     "100": {
       "$type": "color",
-      "$value": "#ffd2dd"
+      "$value": "#ffe6ec"
     },
     "200": {
       "$type": "color",

scripts/system-token/semantic.dark.json

@@ -36,13 +36,21 @@
       "$type": "color",
       "$value": "{Blue.400}"
     },
+    "info-on-fill": {
+      "$type": "color",
+      "$value": "{Blue.200}"
+    },
     "success": {
       "$type": "color",
-      "$value": "{Green.600}"
+      "$value": "{Green.500}"
     },
     "success-hover": {
       "$type": "color",
-      "$value": "{Green.500}"
+      "$value": "{Green.400}"
+    },
+    "success-on-fill": {
+      "$type": "color",
+      "$value": "{Green.200}"
     },
     "warning": {
       "$type": "color",
@@ -52,19 +60,31 @@
       "$type": "color",
       "$value": "{Orange.500}"
     },
-    "error": {
+    "warning-on-fill": {
       "$type": "color",
-      "$value": "{Red.500}"
+      "$value": "{Orange.200}"
     },
-    "error-hover": {
+    "error": {
       "$type": "color",
       "$value": "{Red.400}"
     },
+    "error-hover": {
+      "$type": "color",
+      "$value": "{Red.300}"
+    },
+    "error-on-fill": {
+      "$type": "color",
+      "$value": "{Red.200}"
+    },
     "featured": {
       "$type": "color",
-      "$value": "{Neutral.white}"
+      "$value": "{Purple.200}"
     },
     "featured-hover": {
+      "$type": "color",
+      "$value": "{Purple.300}"
+    },
+    "featured-on-fill": {
       "$type": "color",
       "$value": "{Purple.200}"
     }
@@ -282,11 +302,11 @@
     },
     "info-light": {
       "$type": "color",
-      "$value": "{Blue.200}"
+      "$value": "{Blue.900}"
     },
     "info-light-hover": {
       "$type": "color",
-      "$value": "{Blue.100}"
+      "$value": "{Blue.800}"
     },
     "info-thick": {
       "$type": "color",
@@ -298,11 +318,11 @@
     },
     "success-light": {
       "$type": "color",
-      "$value": "{Green.200}"
+      "$value": "{Green.900}"
     },
     "success-light-hover": {
       "$type": "color",
-      "$value": "{Green.100}"
+      "$value": "{Green.800}"
     },
     "success-thick": {
       "$type": "color",
@@ -314,19 +334,19 @@
     },
     "warning-light": {
       "$type": "color",
-      "$value": "{Orange.200}"
+      "$value": "{Orange.900}"
     },
     "warning-light-hover": {
       "$type": "color",
-      "$value": "{Orange.100}"
+      "$value": "{Orange.800}"
     },
     "error-light": {
       "$type": "color",
-      "$value": "{Red.200}"
+      "$value": "{Red.900}"
     },
     "error-light-hover": {
       "$type": "color",
-      "$value": "{Red.100}"
+      "$value": "{Red.800}"
     },
     "error-thick": {
       "$type": "color",
@@ -416,6 +436,11 @@
     }
   },
   "Surface_Container": {
+    "layer-00": {
+      "$type": "color",
+      "$value": "{Neutral.900}",
+      "$description": "Settings Side Panel"
+    },
     "layer-01": {
       "$type": "color",
       "$value": "{Neutral.850}",
@@ -1000,6 +1025,11 @@
     "text-highlight": {
       "$type": "color",
       "$value": "{Blue.200}"
+    },
+    "icon-shared": {
+      "$type": "color",
+      "$value": "{Subtle_Color.Denim.400}",
+      "$description": "Sidebar Shared Category"
     }
   },
   "Spacing": {

scripts/system-token/semantic.light.json

@@ -36,6 +36,10 @@
       "$type": "color",
       "$value": "{Blue.700}"
     },
+    "info-on-fill": {
+      "$type": "color",
+      "$value": "{Blue.700}"
+    },
     "success": {
       "$type": "color",
       "$value": "{Green.600}"
@@ -44,6 +48,10 @@
       "$type": "color",
       "$value": "{Green.700}"
     },
+    "success-on-fill": {
+      "$type": "color",
+      "$value": "{Green.700}"
+    },
     "warning": {
       "$type": "color",
       "$value": "{Orange.600}"
@@ -52,6 +60,10 @@
       "$type": "color",
       "$value": "{Orange.700}"
     },
+    "warning-on-fill": {
+      "$type": "color",
+      "$value": "{Orange.700}"
+    },
     "error": {
       "$type": "color",
       "$value": "{Red.600}"
@@ -60,6 +72,10 @@
       "$type": "color",
       "$value": "{Red.700}"
     },
+    "error-on-fill": {
+      "$type": "color",
+      "$value": "{Red.700}"
+    },
     "featured": {
       "$type": "color",
       "$value": "{Purple.500}"
@@ -67,6 +83,10 @@
     "featured-hover": {
       "$type": "color",
       "$value": "{Purple.600}"
+    },
+    "featured-on-fill": {
+      "$type": "color",
+      "$value": "{Purple.500}"
     }
   },
   "Icon": {
@@ -134,7 +154,7 @@
   "Border": {
     "primary": {
       "$type": "color",
-      "$value": "{Neutral.200}"
+      "$value": "{Neutral.250}"
     },
     "primary-hover": {
       "$type": "color",
@@ -416,6 +436,11 @@
     }
   },
   "Surface_Container": {
+    "layer-00": {
+      "$type": "color",
+      "$value": "{Neutral.100}",
+      "$description": "Settings Side Panel"
+    },
     "layer-01": {
       "$type": "color",
       "$value": "{Neutral.100}",
@@ -1000,6 +1025,11 @@
     "text-highlight": {
       "$type": "color",
       "$value": "{Blue.200}"
+    },
+    "icon-shared": {
+      "$type": "color",
+      "$value": "{Subtle_Color.Denim.500}",
+      "$description": "Sidebar Shared Category"
     }
   },
   "Spacing": {