npm - @gitlab/ui - Versions diffs - 132.0.3 → 132.2.0 - Mend

@gitlab/ui 132.0.3 → 132.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (233) hide show

package/src/tokens/deprecated/deprecated.color.tokens.json CHANGED Viewed

@@ -1,26 +1,8 @@
 {
   "black": {
     "$value": {
-      "default": {
-        "colorSpace": "srgb",
-        "components": [
-          0.0196078431372549,
-          0.0196078431372549,
-          0.023529411764705882
-        ],
-        "alpha": 1,
-        "hex": "#050506"
-      },
-      "dark": {
-        "colorSpace": "srgb",
-        "components": [
-          1,
-          1,
-          1
-        ],
-        "alpha": 1,
-        "hex": "#fff"
-      }
+      "default": "{color.neutral.1000}",
+      "dark": "{color.neutral.0}"
     },
     "$type": "color",
     "$extensions": {
@@ -32,26 +14,8 @@
   },
   "white": {
     "$value": {
-      "default": {
-        "colorSpace": "srgb",
-        "components": [
-          1,
-          1,
-          1
-        ],
-        "alpha": 1,
-        "hex": "#fff"
-      },
-      "dark": {
-        "colorSpace": "srgb",
-        "components": [
-          0.1568627450980392,
-          0.15294117647058825,
-          0.17647058823529413
-        ],
-        "alpha": 1,
-        "hex": "#28272d"
-      }
+      "default": "{color.neutral.0}",
+      "dark": "{color.neutral.900}"
     },
     "$type": "color",
     "$extensions": {
@@ -64,26 +28,8 @@
   "blue": {
     "50": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9137254901960784,
-            0.9529411764705882,
-            0.9882352941176471
-          ],
-          "alpha": 1,
-          "hex": "#e9f3fc"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.011764705882352941,
-            0.20392156862745098,
-            0.39215686274509803
-          ],
-          "alpha": 1,
-          "hex": "#033464"
-        }
+        "default": "{color.blue.50}",
+        "dark": "{color.blue.900}"
       },
       "$type": "color",
       "$extensions": {
@@ -95,26 +41,8 @@
     },
     "100": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.796078431372549,
-            0.8862745098039215,
-            0.9764705882352941
-          ],
-          "alpha": 1,
-          "hex": "#cbe2f9"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.023529411764705882,
-            0.2784313725490196,
-            0.5294117647058824
-          ],
-          "alpha": 1,
-          "hex": "#064787"
-        }
+        "default": "{color.blue.100}",
+        "dark": "{color.blue.800}"
       },
       "$type": "color",
       "$extensions": {
@@ -126,26 +54,8 @@
     },
     "200": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.615686274509804,
-            0.7803921568627451,
-            0.9450980392156862
-          ],
-          "alpha": 1,
-          "hex": "#9dc7f1"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.043137254901960784,
-            0.3607843137254902,
-            0.6784313725490196
-          ],
-          "alpha": 1,
-          "hex": "#0b5cad"
-        }
+        "default": "{color.blue.200}",
+        "dark": "{color.blue.700}"
       },
       "$type": "color",
       "$extensions": {
@@ -157,26 +67,8 @@
     },
     "300": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.38823529411764707,
-            0.6509803921568628,
-            0.9137254901960784
-          ],
-          "alpha": 1,
-          "hex": "#63a6e9"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.06274509803921569,
-            0.40784313725490196,
-            0.7490196078431373
-          ],
-          "alpha": 1,
-          "hex": "#1068bf"
-        }
+        "default": "{color.blue.300}",
+        "dark": "{color.blue.600}"
       },
       "$type": "color",
       "$extensions": {
@@ -188,26 +80,8 @@
     },
     "400": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.25882352941176473,
-            0.5607843137254902,
-            0.8627450980392157
-          ],
-          "alpha": 1,
-          "hex": "#428fdc"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.12156862745098039,
-            0.4588235294117647,
-            0.796078431372549
-          ],
-          "alpha": 1,
-          "hex": "#1f75cb"
-        }
+        "default": "{color.blue.400}",
+        "dark": "{color.blue.500}"
       },
       "$type": "color",
       "$extensions": {
@@ -219,26 +93,8 @@
     },
     "500": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.12156862745098039,
-            0.4588235294117647,
-            0.796078431372549
-          ],
-          "alpha": 1,
-          "hex": "#1f75cb"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.25882352941176473,
-            0.5607843137254902,
-            0.8627450980392157
-          ],
-          "alpha": 1,
-          "hex": "#428fdc"
-        }
+        "default": "{color.blue.500}",
+        "dark": "{color.blue.400}"
       },
       "$type": "color",
       "$extensions": {
@@ -250,26 +106,8 @@
     },
     "600": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.1843137254901961,
-            0.40784313725490196,
-            0.7058823529411765
-          ],
-          "alpha": 1,
-          "hex": "#2f68b4"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.38823529411764707,
-            0.6509803921568628,
-            0.9137254901960784
-          ],
-          "alpha": 1,
-          "hex": "#63a6e9"
-        }
+        "default": "{color.blue.600}",
+        "dark": "{color.blue.300}"
       },
       "$type": "color",
       "$extensions": {
@@ -281,26 +119,8 @@
     },
     "700": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.1843137254901961,
-            0.3607843137254902,
-            0.6274509803921569
-          ],
-          "alpha": 1,
-          "hex": "#2f5ca0"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.615686274509804,
-            0.7803921568627451,
-            0.9450980392156862
-          ],
-          "alpha": 1,
-          "hex": "#9dc7f1"
-        }
+        "default": "{color.blue.700}",
+        "dark": "{color.blue.200}"
       },
       "$type": "color",
       "$extensions": {
@@ -312,26 +132,8 @@
     },
     "800": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.1568627450980392,
-            0.2784313725490196,
-            0.4745098039215686
-          ],
-          "alpha": 1,
-          "hex": "#284779"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.796078431372549,
-            0.8862745098039215,
-            0.9764705882352941
-          ],
-          "alpha": 1,
-          "hex": "#cbe2f9"
-        }
+        "default": "{color.blue.800}",
+        "dark": "{color.blue.100}"
       },
       "$type": "color",
       "$extensions": {
@@ -343,26 +145,8 @@
     },
     "900": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.12941176470588237,
-            0.20392156862745098,
-            0.32941176470588235
-          ],
-          "alpha": 1,
-          "hex": "#213454"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9137254901960784,
-            0.9529411764705882,
-            0.9882352941176471
-          ],
-          "alpha": 1,
-          "hex": "#e9f3fc"
-        }
+        "default": "{color.blue.900}",
+        "dark": "{color.blue.50}"
       },
       "$type": "color",
       "$extensions": {
@@ -374,16 +158,7 @@
     },
     "950": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.11372549019607843,
-            0.1568627450980392,
-            0.24313725490196078
-          ],
-          "alpha": 1,
-          "hex": "#1d283e"
-        },
+        "default": "{color.blue.950}",
         "dark": {
           "colorSpace": "srgb",
           "components": [
@@ -407,26 +182,8 @@
   "gray": {
     "10": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.984313725490196,
-            0.9803921568627451,
-            0.9921568627450981
-          ],
-          "alpha": 1,
-          "hex": "#fbfafd"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.09411764705882353,
-            0.09019607843137255,
-            0.11372549019607843
-          ],
-          "alpha": 1,
-          "hex": "#18171d"
-        }
+        "default": "{color.neutral.10}",
+        "dark": "{color.neutral.950}"
       },
       "$type": "color",
       "$extensions": {
@@ -438,26 +195,8 @@
     },
     "50": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9254901960784314,
-            0.9254901960784314,
-            0.9372549019607843
-          ],
-          "alpha": 1,
-          "hex": "#ececef"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.1568627450980392,
-            0.15294117647058825,
-            0.17647058823529413
-          ],
-          "alpha": 1,
-          "hex": "#28272d"
-        }
+        "default": "{color.neutral.50}",
+        "dark": "{color.neutral.900}"
       },
       "$type": "color",
       "$extensions": {
@@ -469,26 +208,8 @@
     },
     "100": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.8627450980392157,
-            0.8627450980392157,
-            0.8705882352941177
-          ],
-          "alpha": 1,
-          "hex": "#dcdcde"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.22745098039215686,
-            0.2196078431372549,
-            0.24705882352941178
-          ],
-          "alpha": 1,
-          "hex": "#3a383f"
-        }
+        "default": "{color.neutral.100}",
+        "dark": "{color.neutral.800}"
       },
       "$type": "color",
       "$extensions": {
@@ -500,26 +221,8 @@
     },
     "200": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.7490196078431373,
-            0.7490196078431373,
-            0.7647058823529411
-          ],
-          "alpha": 1,
-          "hex": "#bfbfc3"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.2980392156862745,
-            0.29411764705882354,
-            0.3176470588235294
-          ],
-          "alpha": 1,
-          "hex": "#4c4b51"
-        }
+        "default": "{color.neutral.200}",
+        "dark": "{color.neutral.700}"
       },
       "$type": "color",
       "$extensions": {
@@ -531,26 +234,8 @@
     },
     "300": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.6431372549019608,
-            0.6392156862745098,
-            0.6588235294117647
-          ],
-          "alpha": 1,
-          "hex": "#a4a3a8"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.3843137254901961,
-            0.3803921568627451,
-            0.40784313725490196
-          ],
-          "alpha": 1,
-          "hex": "#626168"
-        }
+        "default": "{color.neutral.300}",
+        "dark": "{color.neutral.600}"
       },
       "$type": "color",
       "$extensions": {
@@ -562,26 +247,8 @@
     },
     "400": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.5372549019607843,
-            0.5333333333333333,
-            0.5529411764705883
-          ],
-          "alpha": 1,
-          "hex": "#89888d"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.45098039215686275,
-            0.4470588235294118,
-            0.47058823529411764
-          ],
-          "alpha": 1,
-          "hex": "#737278"
-        }
+        "default": "{color.neutral.400}",
+        "dark": "{color.neutral.500}"
       },
       "$type": "color",
       "$extensions": {
@@ -593,26 +260,8 @@
     },
     "500": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.45098039215686275,
-            0.4470588235294118,
-            0.47058823529411764
-          ],
-          "alpha": 1,
-          "hex": "#737278"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.5372549019607843,
-            0.5333333333333333,
-            0.5529411764705883
-          ],
-          "alpha": 1,
-          "hex": "#89888d"
-        }
+        "default": "{color.neutral.500}",
+        "dark": "{color.neutral.400}"
       },
       "$type": "color",
       "$extensions": {
@@ -624,26 +273,8 @@
     },
     "600": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.3843137254901961,
-            0.3803921568627451,
-            0.40784313725490196
-          ],
-          "alpha": 1,
-          "hex": "#626168"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.6431372549019608,
-            0.6392156862745098,
-            0.6588235294117647
-          ],
-          "alpha": 1,
-          "hex": "#a4a3a8"
-        }
+        "default": "{color.neutral.600}",
+        "dark": "{color.neutral.300}"
       },
       "$type": "color",
       "$extensions": {
@@ -655,26 +286,8 @@
     },
     "700": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.2980392156862745,
-            0.29411764705882354,
-            0.3176470588235294
-          ],
-          "alpha": 1,
-          "hex": "#4c4b51"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.7490196078431373,
-            0.7490196078431373,
-            0.7647058823529411
-          ],
-          "alpha": 1,
-          "hex": "#bfbfc3"
-        }
+        "default": "{color.neutral.700}",
+        "dark": "{color.neutral.200}"
       },
       "$type": "color",
       "$extensions": {
@@ -686,26 +299,8 @@
     },
     "800": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.22745098039215686,
-            0.2196078431372549,
-            0.24705882352941178
-          ],
-          "alpha": 1,
-          "hex": "#3a383f"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.8627450980392157,
-            0.8627450980392157,
-            0.8705882352941177
-          ],
-          "alpha": 1,
-          "hex": "#dcdcde"
-        }
+        "default": "{color.neutral.800}",
+        "dark": "{color.neutral.100}"
       },
       "$type": "color",
       "$extensions": {
@@ -717,26 +312,8 @@
     },
     "900": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.1568627450980392,
-            0.15294117647058825,
-            0.17647058823529413
-          ],
-          "alpha": 1,
-          "hex": "#28272d"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9254901960784314,
-            0.9254901960784314,
-            0.9372549019607843
-          ],
-          "alpha": 1,
-          "hex": "#ececef"
-        }
+        "default": "{color.neutral.900}",
+        "dark": "{color.neutral.50}"
       },
       "$type": "color",
       "$extensions": {
@@ -748,26 +325,8 @@
     },
     "950": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.09411764705882353,
-            0.09019607843137255,
-            0.11372549019607843
-          ],
-          "alpha": 1,
-          "hex": "#18171d"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.984313725490196,
-            0.9803921568627451,
-            0.9921568627450981
-          ],
-          "alpha": 1,
-          "hex": "#fbfafd"
-        }
+        "default": "{color.neutral.950}",
+        "dark": "{color.neutral.10}"
       },
       "$type": "color",
       "$extensions": {
@@ -781,26 +340,8 @@
   "green": {
     "50": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9254901960784314,
-            0.9568627450980393,
-            0.9333333333333333
-          ],
-          "alpha": 1,
-          "hex": "#ecf4ee"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.0392156862745098,
-            0.25098039215686274,
-            0.12549019607843137
-          ],
-          "alpha": 1,
-          "hex": "#0a4020"
-        }
+        "default": "{color.green.50}",
+        "dark": "{color.green.900}"
       },
       "$type": "color",
       "$extensions": {
@@ -812,26 +353,8 @@
     },
     "100": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.7647058823529411,
-            0.9019607843137255,
-            0.803921568627451
-          ],
-          "alpha": 1,
-          "hex": "#c3e6cd"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.050980392156862744,
-            0.3254901960784314,
-            0.16470588235294117
-          ],
-          "alpha": 1,
-          "hex": "#0d532a"
-        }
+        "default": "{color.green.100}",
+        "dark": "{color.green.800}"
       },
       "$type": "color",
       "$extensions": {
@@ -843,26 +366,8 @@
     },
     "200": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.5686274509803921,
-            0.8313725490196079,
-            0.6588235294117647
-          ],
-          "alpha": 1,
-          "hex": "#91d4a8"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.1411764705882353,
-            0.4,
-            0.23137254901960785
-          ],
-          "alpha": 1,
-          "hex": "#24663b"
-        }
+        "default": "{color.green.200}",
+        "dark": "{color.green.700}"
       },
       "$type": "color",
       "$extensions": {
@@ -874,26 +379,8 @@
     },
     "300": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.3215686274509804,
-            0.7215686274509804,
-            0.47843137254901963
-          ],
-          "alpha": 1,
-          "hex": "#52b87a"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.12941176470588237,
-            0.4627450980392157,
-            0.27058823529411763
-          ],
-          "alpha": 1,
-          "hex": "#217645"
-        }
+        "default": "{color.green.300}",
+        "dark": "{color.green.600}"
       },
       "$type": "color",
       "$extensions": {
@@ -905,26 +392,8 @@
     },
     "400": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.17647058823529413,
-            0.6313725490196078,
-            0.3764705882352941
-          ],
-          "alpha": 1,
-          "hex": "#2da160"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.06274509803921569,
-            0.5215686274509804,
-            0.2823529411764706
-          ],
-          "alpha": 1,
-          "hex": "#108548"
-        }
+        "default": "{color.green.400}",
+        "dark": "{color.green.500}"
       },
       "$type": "color",
       "$extensions": {
@@ -936,26 +405,8 @@
     },
     "500": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.06274509803921569,
-            0.5215686274509804,
-            0.2823529411764706
-          ],
-          "alpha": 1,
-          "hex": "#108548"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.17647058823529413,
-            0.6313725490196078,
-            0.3764705882352941
-          ],
-          "alpha": 1,
-          "hex": "#2da160"
-        }
+        "default": "{color.green.500}",
+        "dark": "{color.green.400}"
       },
       "$type": "color",
       "$extensions": {
@@ -967,26 +418,8 @@
     },
     "600": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.1843137254901961,
-            0.4588235294117647,
-            0.28627450980392155
-          ],
-          "alpha": 1,
-          "hex": "#2f7549"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.3215686274509804,
-            0.7215686274509804,
-            0.47843137254901963
-          ],
-          "alpha": 1,
-          "hex": "#52b87a"
-        }
+        "default": "{color.green.600}",
+        "dark": "{color.green.300}"
       },
       "$type": "color",
       "$extensions": {
@@ -998,26 +431,8 @@
     },
     "700": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.18823529411764706,
-            0.39215686274509803,
-            0.25098039215686274
-          ],
-          "alpha": 1,
-          "hex": "#306440"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.5686274509803921,
-            0.8313725490196079,
-            0.6588235294117647
-          ],
-          "alpha": 1,
-          "hex": "#91d4a8"
-        }
+        "default": "{color.green.700}",
+        "dark": "{color.green.200}"
       },
       "$type": "color",
       "$extensions": {
@@ -1029,26 +444,8 @@
     },
     "800": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.13333333333333333,
-            0.3176470588235294,
-            0.19215686274509805
-          ],
-          "alpha": 1,
-          "hex": "#225131"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.7647058823529411,
-            0.9019607843137255,
-            0.803921568627451
-          ],
-          "alpha": 1,
-          "hex": "#c3e6cd"
-        }
+        "default": "{color.green.800}",
+        "dark": "{color.green.100}"
       },
       "$type": "color",
       "$extensions": {
@@ -1060,26 +457,8 @@
     },
     "900": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.11764705882352941,
-            0.24313725490196078,
-            0.1568627450980392
-          ],
-          "alpha": 1,
-          "hex": "#1e3e28"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9254901960784314,
-            0.9568627450980393,
-            0.9333333333333333
-          ],
-          "alpha": 1,
-          "hex": "#ecf4ee"
-        }
+        "default": "{color.green.900}",
+        "dark": "{color.green.50}"
       },
       "$type": "color",
       "$extensions": {
@@ -1091,16 +470,7 @@
     },
     "950": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.09019607843137255,
-            0.1607843137254902,
-            0.10980392156862745
-          ],
-          "alpha": 1,
-          "hex": "#17291c"
-        },
+        "default": "{color.green.950}",
         "dark": {
           "colorSpace": "srgb",
           "components": [
@@ -1124,26 +494,8 @@
   "orange": {
     "50": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9921568627450981,
-            0.9450980392156862,
-            0.8666666666666667
-          ],
-          "alpha": 1,
-          "hex": "#fdf1dd"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.3607843137254902,
-            0.1607843137254902,
-            0
-          ],
-          "alpha": 1,
-          "hex": "#5c2900"
-        }
+        "default": "{color.orange.50}",
+        "dark": "{color.orange.900}"
       },
       "$type": "color",
       "$extensions": {
@@ -1155,26 +507,8 @@
     },
     "100": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9607843137254902,
-            0.8509803921568627,
-            0.6588235294117647
-          ],
-          "alpha": 1,
-          "hex": "#f5d9a8"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.4392156862745098,
-            0.2196078431372549,
-            0
-          ],
-          "alpha": 1,
-          "hex": "#703800"
-        }
+        "default": "{color.orange.100}",
+        "dark": "{color.orange.800}"
       },
       "$type": "color",
       "$extensions": {
@@ -1186,26 +520,8 @@
     },
     "200": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9137254901960784,
-            0.7450980392156863,
-            0.4549019607843137
-          ],
-          "alpha": 1,
-          "hex": "#e9be74"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.5607843137254902,
-            0.2784313725490196,
-            0
-          ],
-          "alpha": 1,
-          "hex": "#8f4700"
-        }
+        "default": "{color.orange.200}",
+        "dark": "{color.orange.700}"
       },
       "$type": "color",
       "$extensions": {
@@ -1217,26 +533,8 @@
     },
     "300": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.8509803921568627,
-            0.5843137254901961,
-            0.18823529411764706
-          ],
-          "alpha": 1,
-          "hex": "#d99530"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.6196078431372549,
-            0.32941176470588235,
-            0
-          ],
-          "alpha": 1,
-          "hex": "#9e5400"
-        }
+        "default": "{color.orange.300}",
+        "dark": "{color.orange.600}"
       },
       "$type": "color",
       "$extensions": {
@@ -1248,26 +546,8 @@
     },
     "400": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.7568627450980392,
-            0.49019607843137253,
-            0.06274509803921569
-          ],
-          "alpha": 1,
-          "hex": "#c17d10"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.6705882352941176,
-            0.3803921568627451,
-            0
-          ],
-          "alpha": 1,
-          "hex": "#ab6100"
-        }
+        "default": "{color.orange.400}",
+        "dark": "{color.orange.500}"
       },
       "$type": "color",
       "$extensions": {
@@ -1279,26 +559,8 @@
     },
     "500": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.6705882352941176,
-            0.3803921568627451,
-            0
-          ],
-          "alpha": 1,
-          "hex": "#ab6100"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.7568627450980392,
-            0.49019607843137253,
-            0.06274509803921569
-          ],
-          "alpha": 1,
-          "hex": "#c17d10"
-        }
+        "default": "{color.orange.500}",
+        "dark": "{color.orange.400}"
       },
       "$type": "color",
       "$extensions": {
@@ -1310,26 +572,8 @@
     },
     "600": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.6,
-            0.3411764705882353,
-            0.08235294117647059
-          ],
-          "alpha": 1,
-          "hex": "#995715"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.8509803921568627,
-            0.5843137254901961,
-            0.18823529411764706
-          ],
-          "alpha": 1,
-          "hex": "#d99530"
-        }
+        "default": "{color.orange.600}",
+        "dark": "{color.orange.300}"
       },
       "$type": "color",
       "$extensions": {
@@ -1341,26 +585,8 @@
     },
     "700": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.5372549019607843,
-            0.29411764705882354,
-            0.08627450980392157
-          ],
-          "alpha": 1,
-          "hex": "#894b16"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9137254901960784,
-            0.7450980392156863,
-            0.4549019607843137
-          ],
-          "alpha": 1,
-          "hex": "#e9be74"
-        }
+        "default": "{color.orange.700}",
+        "dark": "{color.orange.200}"
       },
       "$type": "color",
       "$extensions": {
@@ -1372,26 +598,8 @@
     },
     "800": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.4117647058823529,
-            0.23529411764705882,
-            0.0784313725490196
-          ],
-          "alpha": 1,
-          "hex": "#693c14"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9607843137254902,
-            0.8509803921568627,
-            0.6588235294117647
-          ],
-          "alpha": 1,
-          "hex": "#f5d9a8"
-        }
+        "default": "{color.orange.800}",
+        "dark": "{color.orange.100}"
       },
       "$type": "color",
       "$extensions": {
@@ -1403,26 +611,8 @@
     },
     "900": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.3254901960784314,
-            0.1803921568627451,
-            0.08627450980392157
-          ],
-          "alpha": 1,
-          "hex": "#532e16"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9921568627450981,
-            0.9450980392156862,
-            0.8666666666666667
-          ],
-          "alpha": 1,
-          "hex": "#fdf1dd"
-        }
+        "default": "{color.orange.900}",
+        "dark": "{color.orange.50}"
       },
       "$type": "color",
       "$extensions": {
@@ -1434,16 +624,7 @@
     },
     "950": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.2196078431372549,
-            0.13725490196078433,
-            0.08235294117647059
-          ],
-          "alpha": 1,
-          "hex": "#382315"
-        },
+        "default": "{color.orange.950}",
         "dark": {
           "colorSpace": "srgb",
           "components": [
@@ -1467,26 +648,8 @@
   "purple": {
     "50": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9568627450980393,
-            0.9411764705882353,
-            1
-          ],
-          "alpha": 1,
-          "hex": "#f4f0ff"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.13725490196078433,
-            0.12941176470588237,
-            0.3137254901960784
-          ],
-          "alpha": 1,
-          "hex": "#232150"
-        }
+        "default": "{color.purple.50}",
+        "dark": "{color.purple.900}"
       },
       "$type": "color",
       "$extensions": {
@@ -1498,26 +661,8 @@
     },
     "100": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.8823529411764706,
-            0.8470588235294118,
-            0.9764705882352941
-          ],
-          "alpha": 1,
-          "hex": "#e1d8f9"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.1843137254901961,
-            0.16470588235294117,
-            0.4196078431372549
-          ],
-          "alpha": 1,
-          "hex": "#2f2a6b"
-        }
+        "default": "{color.purple.100}",
+        "dark": "{color.purple.800}"
       },
       "$type": "color",
       "$extensions": {
@@ -1529,26 +674,8 @@
     },
     "200": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.796078431372549,
-            0.7333333333333333,
-            0.9490196078431372
-          ],
-          "alpha": 1,
-          "hex": "#cbbbf2"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.27058823529411763,
-            0.2196078431372549,
-            0.5803921568627451
-          ],
-          "alpha": 1,
-          "hex": "#453894"
-        }
+        "default": "{color.purple.200}",
+        "dark": "{color.purple.700}"
       },
       "$type": "color",
       "$extensions": {
@@ -1560,26 +687,8 @@
     },
     "300": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.6745098039215687,
-            0.5764705882352941,
-            0.9019607843137255
-          ],
-          "alpha": 1,
-          "hex": "#ac93e6"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.34901960784313724,
-            0.2627450980392157,
-            0.7137254901960784
-          ],
-          "alpha": 1,
-          "hex": "#5943b6"
-        }
+        "default": "{color.purple.300}",
+        "dark": "{color.purple.600}"
       },
       "$type": "color",
       "$extensions": {
@@ -1591,26 +700,8 @@
     },
     "400": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.5803921568627451,
-            0.4588235294117647,
-            0.8588235294117647
-          ],
-          "alpha": 1,
-          "hex": "#9475db"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.4117647058823529,
-            0.2980392156862745,
-            0.7529411764705882
-          ],
-          "alpha": 1,
-          "hex": "#694cc0"
-        }
+        "default": "{color.purple.400}",
+        "dark": "{color.purple.500}"
       },
       "$type": "color",
       "$extensions": {
@@ -1622,26 +713,8 @@
     },
     "500": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.4823529411764706,
-            0.34509803921568627,
-            0.8117647058823529
-          ],
-          "alpha": 1,
-          "hex": "#7b58cf"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.4823529411764706,
-            0.34509803921568627,
-            0.8117647058823529
-          ],
-          "alpha": 1,
-          "hex": "#7b58cf"
-        }
+        "default": "{color.purple.500}",
+        "dark": "{color.purple.500}"
       },
       "$type": "color",
       "$extensions": {
@@ -1653,26 +726,8 @@
     },
     "600": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.41568627450980394,
-            0.30980392156862746,
-            0.7058823529411765
-          ],
-          "alpha": 1,
-          "hex": "#6a4fb4"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.5803921568627451,
-            0.4588235294117647,
-            0.8588235294117647
-          ],
-          "alpha": 1,
-          "hex": "#9475db"
-        }
+        "default": "{color.purple.600}",
+        "dark": "{color.purple.400}"
       },
       "$type": "color",
       "$extensions": {
@@ -1684,26 +739,8 @@
     },
     "700": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.3607843137254902,
-            0.2784313725490196,
-            0.6509803921568628
-          ],
-          "alpha": 1,
-          "hex": "#5c47a6"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.6745098039215687,
-            0.5764705882352941,
-            0.9019607843137255
-          ],
-          "alpha": 1,
-          "hex": "#ac93e6"
-        }
+        "default": "{color.purple.700}",
+        "dark": "{color.purple.300}"
       },
       "$type": "color",
       "$extensions": {
@@ -1715,26 +752,8 @@
     },
     "800": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.28627450980392155,
-            0.23529411764705882,
-            0.5137254901960784
-          ],
-          "alpha": 1,
-          "hex": "#493c83"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.796078431372549,
-            0.7333333333333333,
-            0.9490196078431372
-          ],
-          "alpha": 1,
-          "hex": "#cbbbf2"
-        }
+        "default": "{color.purple.800}",
+        "dark": "{color.purple.200}"
       },
       "$type": "color",
       "$extensions": {
@@ -1746,26 +765,8 @@
     },
     "900": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.20392156862745098,
-            0.17647058823529413,
-            0.34901960784313724
-          ],
-          "alpha": 1,
-          "hex": "#342d59"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.8823529411764706,
-            0.8470588235294118,
-            0.9764705882352941
-          ],
-          "alpha": 1,
-          "hex": "#e1d8f9"
-        }
+        "default": "{color.purple.900}",
+        "dark": "{color.purple.100}"
       },
       "$type": "color",
       "$extensions": {
@@ -1777,26 +778,8 @@
     },
     "950": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.15294117647058825,
-            0.1411764705882353,
-            0.24313725490196078
-          ],
-          "alpha": 1,
-          "hex": "#27243e"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9568627450980393,
-            0.9411764705882353,
-            1
-          ],
-          "alpha": 1,
-          "hex": "#f4f0ff"
-        }
+        "default": "{color.purple.950}",
+        "dark": "{color.purple.50}"
       },
       "$type": "color",
       "$extensions": {
@@ -1810,26 +793,8 @@
   "red": {
     "50": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9882352941176471,
-            0.9450980392156862,
-            0.9372549019607843
-          ],
-          "alpha": 1,
-          "hex": "#fcf1ef"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.4,
-            0.054901960784313725,
-            0
-          ],
-          "alpha": 1,
-          "hex": "#660e00"
-        }
+        "default": "{color.red.50}",
+        "dark": "{color.red.900}"
       },
       "$type": "color",
       "$extensions": {
@@ -1841,26 +806,8 @@
     },
     "100": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9921568627450981,
-            0.8313725490196079,
-            0.803921568627451
-          ],
-          "alpha": 1,
-          "hex": "#fdd4cd"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.5529411764705883,
-            0.07450980392156863,
-            0
-          ],
-          "alpha": 1,
-          "hex": "#8d1300"
-        }
+        "default": "{color.red.100}",
+        "dark": "{color.red.800}"
       },
       "$type": "color",
       "$extensions": {
@@ -1872,26 +819,8 @@
     },
     "200": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9882352941176471,
-            0.7098039215686275,
-            0.6666666666666666
-          ],
-          "alpha": 1,
-          "hex": "#fcb5aa"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.6823529411764706,
-            0.09411764705882353,
-            0
-          ],
-          "alpha": 1,
-          "hex": "#ae1800"
-        }
+        "default": "{color.red.200}",
+        "dark": "{color.red.700}"
       },
       "$type": "color",
       "$extensions": {
@@ -1903,26 +832,8 @@
     },
     "300": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9607843137254902,
-            0.4980392156862745,
-            0.4235294117647059
-          ],
-          "alpha": 1,
-          "hex": "#f57f6c"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.788235294117647,
-            0.10980392156862745,
-            0
-          ],
-          "alpha": 1,
-          "hex": "#c91c00"
-        }
+        "default": "{color.red.300}",
+        "dark": "{color.red.600}"
       },
       "$type": "color",
       "$extensions": {
@@ -1934,26 +845,8 @@
     },
     "400": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9254901960784314,
-            0.34901960784313724,
-            0.2549019607843137
-          ],
-          "alpha": 1,
-          "hex": "#ec5941"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.8666666666666667,
-            0.16862745098039217,
-            0.054901960784313725
-          ],
-          "alpha": 1,
-          "hex": "#dd2b0e"
-        }
+        "default": "{color.red.400}",
+        "dark": "{color.red.500}"
       },
       "$type": "color",
       "$extensions": {
@@ -1965,26 +858,8 @@
     },
     "500": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.8666666666666667,
-            0.16862745098039217,
-            0.054901960784313725
-          ],
-          "alpha": 1,
-          "hex": "#dd2b0e"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9254901960784314,
-            0.34901960784313724,
-            0.2549019607843137
-          ],
-          "alpha": 1,
-          "hex": "#ec5941"
-        }
+        "default": "{color.red.500}",
+        "dark": "{color.red.400}"
       },
       "$type": "color",
       "$extensions": {
@@ -1996,26 +871,8 @@
     },
     "600": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.7529411764705882,
-            0.1843137254901961,
-            0.07058823529411765
-          ],
-          "alpha": 1,
-          "hex": "#c02f12"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9607843137254902,
-            0.4980392156862745,
-            0.4235294117647059
-          ],
-          "alpha": 1,
-          "hex": "#f57f6c"
-        }
+        "default": "{color.red.600}",
+        "dark": "{color.red.300}"
       },
       "$type": "color",
       "$extensions": {
@@ -2027,26 +884,8 @@
     },
     "700": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.6392156862745098,
-            0.17254901960784313,
-            0.07058823529411765
-          ],
-          "alpha": 1,
-          "hex": "#a32c12"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9882352941176471,
-            0.7098039215686275,
-            0.6666666666666666
-          ],
-          "alpha": 1,
-          "hex": "#fcb5aa"
-        }
+        "default": "{color.red.700}",
+        "dark": "{color.red.200}"
       },
       "$type": "color",
       "$extensions": {
@@ -2058,26 +897,8 @@
     },
     "800": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.5058823529411764,
-            0.15294117647058825,
-            0.07450980392156863
-          ],
-          "alpha": 1,
-          "hex": "#812713"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9921568627450981,
-            0.8313725490196079,
-            0.803921568627451
-          ],
-          "alpha": 1,
-          "hex": "#fdd4cd"
-        }
+        "default": "{color.red.800}",
+        "dark": "{color.red.100}"
       },
       "$type": "color",
       "$extensions": {
@@ -2089,26 +910,8 @@
     },
     "900": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.34509803921568627,
-            0.12549019607843137,
-            0.0784313725490196
-          ],
-          "alpha": 1,
-          "hex": "#582014"
-        },
-        "dark": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9882352941176471,
-            0.9450980392156862,
-            0.9372549019607843
-          ],
-          "alpha": 1,
-          "hex": "#fcf1ef"
-        }
+        "default": "{color.red.900}",
+        "dark": "{color.red.50}"
       },
       "$type": "color",
       "$extensions": {
@@ -2120,16 +923,7 @@
     },
     "950": {
       "$value": {
-        "default": {
-          "colorSpace": "srgb",
-          "components": [
-            0.24313725490196078,
-            0.10196078431372549,
-            0.0784313725490196
-          ],
-          "alpha": 1,
-          "hex": "#3e1a14"
-        },
+        "default": "{color.red.950}",
         "dark": {
           "colorSpace": "srgb",
           "components": [