npm - @gitlab/ui - Versions diffs - 128.0.0 → 128.1.0 - Mend

@gitlab/ui 128.0.0 → 128.1.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 (40) hide show

package/dist/components/base/form/form_checkbox/form_checkbox.js +0 -3
package/dist/components/base/form/form_checkbox/form_checkbox_group.js +132 -3
package/dist/index.css +1 -1
package/dist/index.css.map +1 -1
package/dist/tailwind.css +1 -1
package/dist/tailwind.css.map +1 -1
package/dist/tokens/build/js/tokens.dark.js +127 -127
package/dist/tokens/build/js/tokens.js +110 -110
package/dist/vendor/bootstrap-vue/src/constants/components.js +1 -3
package/dist/vendor/bootstrap-vue/src/mixins/form-radio-check-group.js +1 -2
package/package.json +1 -1
package/src/tokens/build/css/tokens.css +24 -24
package/src/tokens/build/css/tokens.dark.css +26 -26
package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +82 -82
package/src/tokens/build/docs/tokens-tailwind-docs.json +81 -81
package/src/tokens/build/figma/constants.tokens.json +2245 -226
package/src/tokens/build/figma/contextual.tokens.json +753 -77
package/src/tokens/build/figma/deprecated.tokens.json +4151 -420
package/src/tokens/build/figma/semantic.tokens.json +171 -19
package/src/tokens/build/js/tokens.dark.js +130 -127
package/src/tokens/build/js/tokens.js +113 -110
package/src/tokens/build/json/tokens.dark.json +161 -161
package/src/tokens/build/json/tokens.json +142 -142
package/src/tokens/build/scss/_tokens.dark.scss +26 -26
package/src/tokens/build/scss/_tokens.scss +24 -24
package/src/tokens/constant/color.alpha.tokens.json +135 -15
package/src/tokens/constant/color.tokens.json +2110 -211
package/src/tokens/contextual/avatar.tokens.json +54 -6
package/src/tokens/contextual/button.tokens.json +90 -10
package/src/tokens/contextual/chart.tokens.json +9 -1
package/src/tokens/contextual/illustration.tokens.json +600 -60
package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +1100 -110
package/src/tokens/deprecated/deprecated.color.theme.tokens.json +1440 -144
package/src/tokens/deprecated/deprecated.color.tokens.json +1490 -149
package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +147 -43
package/src/tokens/semantic/action.tokens.json +162 -18
package/src/tokens/semantic/background.tokens.json +9 -1
package/dist/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox-group.js +0 -37
package/dist/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox.js +0 -134
package/dist/vendor/bootstrap-vue/src/components/form-checkbox/index.js +0 -2

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

@@ -1,8 +1,26 @@
 {
   "black": {
     "$value": {
-      "default": "#050506",
-      "dark": "#fff"
+      "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"
+      }
     },
     "$type": "color",
     "$extensions": {
@@ -14,8 +32,26 @@
   },
   "white": {
     "$value": {
-      "default": "#fff",
-      "dark": "#28272d"
+      "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"
+      }
     },
     "$type": "color",
     "$extensions": {
@@ -28,8 +64,26 @@
   "blue": {
     "50": {
       "$value": {
-        "default": "#e9f3fc",
-        "dark": "#033464"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -41,8 +95,26 @@
     },
     "100": {
       "$value": {
-        "default": "#cbe2f9",
-        "dark": "#064787"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -54,8 +126,26 @@
     },
     "200": {
       "$value": {
-        "default": "#9dc7f1",
-        "dark": "#0b5cad"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -67,8 +157,26 @@
     },
     "300": {
       "$value": {
-        "default": "#63a6e9",
-        "dark": "#1068bf"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -80,8 +188,26 @@
     },
     "400": {
       "$value": {
-        "default": "#428fdc",
-        "dark": "#1f75cb"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -93,8 +219,26 @@
     },
     "500": {
       "$value": {
-        "default": "#1f75cb",
-        "dark": "#428fdc"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -106,8 +250,26 @@
     },
     "600": {
       "$value": {
-        "default": "#2f68b4",
-        "dark": "#63a6e9"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -119,8 +281,26 @@
     },
     "700": {
       "$value": {
-        "default": "#2f5ca0",
-        "dark": "#9dc7f1"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -132,8 +312,26 @@
     },
     "800": {
       "$value": {
-        "default": "#284779",
-        "dark": "#cbe2f9"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -145,8 +343,26 @@
     },
     "900": {
       "$value": {
-        "default": "#213454",
-        "dark": "#e9f3fc"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -158,8 +374,26 @@
     },
     "950": {
       "$value": {
-        "default": "#1d283e",
-        "dark": "#f2f9ff"
+        "default": {
+          "colorSpace": "srgb",
+          "components": [
+            0.11372549019607843,
+            0.1568627450980392,
+            0.24313725490196078
+          ],
+          "alpha": 1,
+          "hex": "#1d283e"
+        },
+        "dark": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9490196078431372,
+            0.9764705882352941,
+            1
+          ],
+          "alpha": 1,
+          "hex": "#f2f9ff"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -173,8 +407,26 @@
   "gray": {
     "10": {
       "$value": {
-        "default": "#fbfafd",
-        "dark": "#18171d"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -186,8 +438,26 @@
     },
     "50": {
       "$value": {
-        "default": "#ececef",
-        "dark": "#28272d"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -199,8 +469,26 @@
     },
     "100": {
       "$value": {
-        "default": "#dcdcde",
-        "dark": "#3a383f"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -212,8 +500,26 @@
     },
     "200": {
       "$value": {
-        "default": "#bfbfc3",
-        "dark": "#4c4b51"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -225,8 +531,26 @@
     },
     "300": {
       "$value": {
-        "default": "#a4a3a8",
-        "dark": "#626168"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -238,8 +562,26 @@
     },
     "400": {
       "$value": {
-        "default": "#89888d",
-        "dark": "#737278"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -251,8 +593,26 @@
     },
     "500": {
       "$value": {
-        "default": "#737278",
-        "dark": "#89888d"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -264,8 +624,26 @@
     },
     "600": {
       "$value": {
-        "default": "#626168",
-        "dark": "#a4a3a8"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -277,8 +655,26 @@
     },
     "700": {
       "$value": {
-        "default": "#4c4b51",
-        "dark": "#bfbfc3"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -290,8 +686,26 @@
     },
     "800": {
       "$value": {
-        "default": "#3a383f",
-        "dark": "#dcdcde"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -303,8 +717,26 @@
     },
     "900": {
       "$value": {
-        "default": "#28272d",
-        "dark": "#ececef"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -316,8 +748,26 @@
     },
     "950": {
       "$value": {
-        "default": "#18171d",
-        "dark": "#fbfafd"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -331,8 +781,26 @@
   "green": {
     "50": {
       "$value": {
-        "default": "#ecf4ee",
-        "dark": "#0a4020"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -344,8 +812,26 @@
     },
     "100": {
       "$value": {
-        "default": "#c3e6cd",
-        "dark": "#0d532a"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -357,8 +843,26 @@
     },
     "200": {
       "$value": {
-        "default": "#91d4a8",
-        "dark": "#24663b"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -370,8 +874,26 @@
     },
     "300": {
       "$value": {
-        "default": "#52b87a",
-        "dark": "#217645"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -383,8 +905,26 @@
     },
     "400": {
       "$value": {
-        "default": "#2da160",
-        "dark": "#108548"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -396,8 +936,26 @@
     },
     "500": {
       "$value": {
-        "default": "#108548",
-        "dark": "#2da160"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -409,8 +967,26 @@
     },
     "600": {
       "$value": {
-        "default": "#2f7549",
-        "dark": "#52b87a"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -422,8 +998,26 @@
     },
     "700": {
       "$value": {
-        "default": "#306440",
-        "dark": "#91d4a8"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -435,8 +1029,26 @@
     },
     "800": {
       "$value": {
-        "default": "#225131",
-        "dark": "#c3e6cd"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -448,8 +1060,26 @@
     },
     "900": {
       "$value": {
-        "default": "#1e3e28",
-        "dark": "#ecf4ee"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -461,8 +1091,26 @@
     },
     "950": {
       "$value": {
-        "default": "#17291c",
-        "dark": "#f1fdf6"
+        "default": {
+          "colorSpace": "srgb",
+          "components": [
+            0.09019607843137255,
+            0.1607843137254902,
+            0.10980392156862745
+          ],
+          "alpha": 1,
+          "hex": "#17291c"
+        },
+        "dark": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9450980392156862,
+            0.9921568627450981,
+            0.9647058823529412
+          ],
+          "alpha": 1,
+          "hex": "#f1fdf6"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -476,8 +1124,26 @@
   "orange": {
     "50": {
       "$value": {
-        "default": "#fdf1dd",
-        "dark": "#5c2900"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -489,8 +1155,26 @@
     },
     "100": {
       "$value": {
-        "default": "#f5d9a8",
-        "dark": "#703800"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -502,8 +1186,26 @@
     },
     "200": {
       "$value": {
-        "default": "#e9be74",
-        "dark": "#8f4700"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -515,8 +1217,26 @@
     },
     "300": {
       "$value": {
-        "default": "#d99530",
-        "dark": "#9e5400"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -528,8 +1248,26 @@
     },
     "400": {
       "$value": {
-        "default": "#c17d10",
-        "dark": "#ab6100"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -541,8 +1279,26 @@
     },
     "500": {
       "$value": {
-        "default": "#ab6100",
-        "dark": "#c17d10"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -554,8 +1310,26 @@
     },
     "600": {
       "$value": {
-        "default": "#995715",
-        "dark": "#d99530"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -567,8 +1341,26 @@
     },
     "700": {
       "$value": {
-        "default": "#894b16",
-        "dark": "#e9be74"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -580,8 +1372,26 @@
     },
     "800": {
       "$value": {
-        "default": "#693c14",
-        "dark": "#f5d9a8"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -593,8 +1403,26 @@
     },
     "900": {
       "$value": {
-        "default": "#532e16",
-        "dark": "#fdf1dd"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -606,8 +1434,26 @@
     },
     "950": {
       "$value": {
-        "default": "#382315",
-        "dark": "#fff4e1"
+        "default": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2196078431372549,
+            0.13725490196078433,
+            0.08235294117647059
+          ],
+          "alpha": 1,
+          "hex": "#382315"
+        },
+        "dark": {
+          "colorSpace": "srgb",
+          "components": [
+            1,
+            0.9568627450980393,
+            0.8823529411764706
+          ],
+          "alpha": 1,
+          "hex": "#fff4e1"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -621,8 +1467,26 @@
   "purple": {
     "50": {
       "$value": {
-        "default": "#f4f0ff",
-        "dark": "#232150"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -634,8 +1498,26 @@
     },
     "100": {
       "$value": {
-        "default": "#e1d8f9",
-        "dark": "#2f2a6b"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -647,8 +1529,26 @@
     },
     "200": {
       "$value": {
-        "default": "#cbbbf2",
-        "dark": "#453894"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -660,8 +1560,26 @@
     },
     "300": {
       "$value": {
-        "default": "#ac93e6",
-        "dark": "#5943b6"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -673,8 +1591,26 @@
     },
     "400": {
       "$value": {
-        "default": "#9475db",
-        "dark": "#694cc0"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -686,8 +1622,26 @@
     },
     "500": {
       "$value": {
-        "default": "#7b58cf",
-        "dark": "#7b58cf"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -699,8 +1653,26 @@
     },
     "600": {
       "$value": {
-        "default": "#6a4fb4",
-        "dark": "#9475db"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -712,8 +1684,26 @@
     },
     "700": {
       "$value": {
-        "default": "#5c47a6",
-        "dark": "#ac93e6"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -725,8 +1715,26 @@
     },
     "800": {
       "$value": {
-        "default": "#493c83",
-        "dark": "#cbbbf2"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -738,8 +1746,26 @@
     },
     "900": {
       "$value": {
-        "default": "#342d59",
-        "dark": "#e1d8f9"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -751,8 +1777,26 @@
     },
     "950": {
       "$value": {
-        "default": "#27243e",
-        "dark": "#f4f0ff"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -766,8 +1810,26 @@
   "red": {
     "50": {
       "$value": {
-        "default": "#fcf1ef",
-        "dark": "#660e00"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -779,8 +1841,26 @@
     },
     "100": {
       "$value": {
-        "default": "#fdd4cd",
-        "dark": "#8d1300"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -792,8 +1872,26 @@
     },
     "200": {
       "$value": {
-        "default": "#fcb5aa",
-        "dark": "#ae1800"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -805,8 +1903,26 @@
     },
     "300": {
       "$value": {
-        "default": "#f57f6c",
-        "dark": "#c91c00"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -818,8 +1934,26 @@
     },
     "400": {
       "$value": {
-        "default": "#ec5941",
-        "dark": "#dd2b0e"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -831,8 +1965,26 @@
     },
     "500": {
       "$value": {
-        "default": "#dd2b0e",
-        "dark": "#ec5941"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -844,8 +1996,26 @@
     },
     "600": {
       "$value": {
-        "default": "#c02f12",
-        "dark": "#f57f6c"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -857,8 +2027,26 @@
     },
     "700": {
       "$value": {
-        "default": "#a32c12",
-        "dark": "#fcb5aa"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -870,8 +2058,26 @@
     },
     "800": {
       "$value": {
-        "default": "#812713",
-        "dark": "#fdd4cd"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -883,8 +2089,26 @@
     },
     "900": {
       "$value": {
-        "default": "#582014",
-        "dark": "#fcf1ef"
+        "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"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -896,8 +2120,26 @@
     },
     "950": {
       "$value": {
-        "default": "#3e1a14",
-        "dark": "#fff4f3"
+        "default": {
+          "colorSpace": "srgb",
+          "components": [
+            0.24313725490196078,
+            0.10196078431372549,
+            0.0784313725490196
+          ],
+          "alpha": 1,
+          "hex": "#3e1a14"
+        },
+        "dark": {
+          "colorSpace": "srgb",
+          "components": [
+            1,
+            0.9568627450980393,
+            0.9529411764705882
+          ],
+          "alpha": 1,
+          "hex": "#fff4f3"
+        }
       },
       "$type": "color",
       "$extensions": {
@@ -910,7 +2152,16 @@
   },
   "brand": {
     "charcoal": {
-      "$value": "#171321",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.09019607843137255,
+          0.07450980392156863,
+          0.12941176470588237
+        ],
+        "alpha": 1,
+        "hex": "#171321"
+      },
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -922,7 +2173,16 @@
     },
     "orange": {
       "01": {
-        "$value": "#fca326",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9882352941176471,
+            0.6392156862745098,
+            0.14901960784313725
+          ],
+          "alpha": 1,
+          "hex": "#fca326"
+        },
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -933,7 +2193,16 @@
         "$deprecated": true
       },
       "02": {
-        "$value": "#fc6d26",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9882352941176471,
+            0.42745098039215684,
+            0.14901960784313725
+          ],
+          "alpha": 1,
+          "hex": "#fc6d26"
+        },
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -944,7 +2213,16 @@
         "$deprecated": true
       },
       "03": {
-        "$value": "#e24329",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.8862745098039215,
+            0.2627450980392157,
+            0.1607843137254902
+          ],
+          "alpha": 1,
+          "hex": "#e24329"
+        },
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -957,7 +2235,16 @@
     },
     "purple": {
       "01": {
-        "$value": "#a989f5",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.6627450980392157,
+            0.5372549019607843,
+            0.9607843137254902
+          ],
+          "alpha": 1,
+          "hex": "#a989f5"
+        },
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -968,7 +2255,16 @@
         "$deprecated": true
       },
       "02": {
-        "$value": "#7759c2",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.4666666666666667,
+            0.34901960784313724,
+            0.7607843137254902
+          ],
+          "alpha": 1,
+          "hex": "#7759c2"
+        },
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -981,7 +2277,16 @@
     },
     "gray": {
       "01": {
-        "$value": "#d1d0d3",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.8196078431372549,
+            0.8156862745098039,
+            0.8274509803921568
+          ],
+          "alpha": 1,
+          "hex": "#d1d0d3"
+        },
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -992,7 +2297,16 @@
         "$deprecated": true
       },
       "02": {
-        "$value": "#a2a1a6",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.6352941176470588,
+            0.6313725490196078,
+            0.6509803921568628
+          ],
+          "alpha": 1,
+          "hex": "#a2a1a6"
+        },
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1003,7 +2317,16 @@
         "$deprecated": true
       },
       "03": {
-        "$value": "#74717a",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.4549019607843137,
+            0.44313725490196076,
+            0.47843137254901963
+          ],
+          "alpha": 1,
+          "hex": "#74717a"
+        },
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1014,7 +2337,16 @@
         "$deprecated": true
       },
       "04": {
-        "$value": "#45424d",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.27058823529411763,
+            0.25882352941176473,
+            0.30196078431372547
+          ],
+          "alpha": 1,
+          "hex": "#45424d"
+        },
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1025,7 +2357,16 @@
         "$deprecated": true
       },
       "05": {
-        "$value": "#2b2838",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.16862745098039217,
+            0.1568627450980392,
+            0.2196078431372549
+          ],
+          "alpha": 1,
+          "hex": "#2b2838"
+        },
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []