npm - @primer/primitives - Versions diffs - 7.15.9 → 7.15.10-rc.030246ed - Mend

@primer/primitives 7.15.9 → 7.15.10-rc.030246ed

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 (134) hide show

package/dist/figma/themes/light-high-contrast.json CHANGED Viewed

@@ -1774,14 +1774,15 @@
   {
     "name": "bgColor/disabled",
     "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9254901960784314,
-      "b": 0.9411764705882353,
-      "a": 1
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.7
     },
     "type": "COLOR",
+    "alpha": 0.7,
     "refId": "mode/bgColor/disabled",
-    "reference": "base/color/light-high-contrast/base/color/gray/1",
+    "reference": "base/color/light-high-contrast/base/color/gray/2",
     "collection": "mode",
     "mode": "light high contrast",
     "group": "semantic",
@@ -2032,14 +2033,14 @@
   {
     "name": "fgColor/disabled",
     "value": {
-      "r": 0.29411764705882354,
-      "g": 0.3254901960784314,
-      "b": 0.36470588235294116,
+      "r": 0.4,
+      "g": 0.4392156862745098,
+      "b": 0.4823529411764706,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/fgColor/disabled",
-    "reference": "base/color/light-high-contrast/base/color/gray/6",
+    "reference": "base/color/light-high-contrast/base/color/gray/5",
     "collection": "mode",
     "mode": "light high contrast",
     "group": "semantic",
@@ -2215,22 +2216,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "overlay/borderColor",
-    "value": {
-      "r": 0.12549019607843137,
-      "g": 0.1450980392156863,
-      "b": 0.17254901960784313,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/overlay/borderColor",
-    "reference": "base/color/light-high-contrast/base/color/gray/8",
-    "collection": "mode",
-    "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["ALL_SCOPES"]
-  },
   {
     "name": "overlay/bgColor",
     "value": {
@@ -3139,22 +3124,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "control/transparent/bgColor/disabled",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/control/transparent/bgColor/disabled",
-    "reference": "base/color/light/base/color/transparent",
-    "collection": "mode",
-    "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "control/transparent/bgColor/active",
     "value": {
@@ -3417,6 +3386,166 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/gray/color",
+    "value": {
+      "r": 0.5019607843137255,
+      "g": 0.5607843137254902,
+      "b": 0.6392156862745098,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/gray/color",
+    "reference": "base/color/light/base/display/color/gray/4",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/red/color",
+    "value": {
+      "r": 0.8745098039215686,
+      "g": 0.047058823529411764,
+      "b": 0.1411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/red/color",
+    "reference": "base/color/light/base/display/color/red/5",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/pink/color",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.17254901960784313,
+      "b": 0.5215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/pink/color",
+    "reference": "base/color/light/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/purple/color",
+    "value": {
+      "r": 0.5372549019607843,
+      "g": 0.2980392156862745,
+      "b": 0.9215686274509803,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/purple/color",
+    "reference": "base/color/light/base/display/color/purple/5",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/teal/color",
+    "value": {
+      "r": 0.09019607843137255,
+      "g": 0.6078431372549019,
+      "b": 0.6078431372549019,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/teal/color",
+    "reference": "base/color/light/base/display/color/teal/4",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/green/color",
+    "value": {
+      "r": 0.18823529411764706,
+      "g": 0.6313725490196078,
+      "b": 0.2784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/green/color",
+    "reference": "base/color/light/base/display/color/green/4",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/yellow/color",
+    "value": {
+      "r": 0.7215686274509804,
+      "g": 0.5294117647058824,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/yellow/color",
+    "reference": "base/color/light/base/display/color/yellow/4",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/orange/color",
+    "value": {
+      "r": 0.9215686274509803,
+      "g": 0.403921568627451,
+      "b": 0.058823529411764705,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/orange/color",
+    "reference": "base/color/light/base/display/color/orange/4",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/auburn/color",
+    "value": {
+      "r": 0.615686274509804,
+      "g": 0.3803921568627451,
+      "b": 0.3607843137254902,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/auburn/color",
+    "reference": "base/color/light/base/display/color/auburn/5",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/blue/color",
+    "value": {
+      "r": 0,
+      "g": 0.43137254901960786,
+      "b": 0.8588235294117647,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/blue/color",
+    "reference": "base/color/light/base/display/color/blue/5",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "headerSearch/borderColor",
     "value": {
@@ -3774,243 +3903,373 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/xlarge/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "borderColor/open-emphasis",
+    "value": {
+      "r": 0.0196078431372549,
+      "g": 0.36470588235294116,
+      "b": 0.12549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/open-emphasis",
+    "reference": "mode/borderColor/success-emphasis",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/xlarge/1/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
+    }
   },
   {
-    "name": "shadow/floating/xlarge/1/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "borderColor/open-muted",
+    "value": {
+      "r": 0.14901960784313725,
+      "g": 0.6313725490196078,
+      "b": 0.2823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/open-muted",
+    "reference": "mode/borderColor/success-muted",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
+    }
   },
   {
-    "name": "shadow/floating/xlarge/1/spread",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "borderColor/disabled",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/disabled",
+    "reference": "mode/bgColor/disabled",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/xlarge/1/color",
+    "name": "bgColor/open-emphasis",
     "value": {
-      "r": 0.12549019607843137,
-      "g": 0.1450980392156863,
-      "b": 0.17254901960784313,
+      "r": 0.0196078431372549,
+      "g": 0.36470588235294116,
+      "b": 0.12549019607843137,
       "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light high contrast",
+    "refId": "mode/bgColor/open-emphasis",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/xlarge/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
+    }
   },
   {
-    "name": "shadow/floating/xlarge/2/offsetY",
-    "value": 56,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "bgColor/open-muted",
+    "value": {
+      "r": 0.8235294117647058,
+      "g": 0.996078431372549,
+      "b": 0.8588235294117647,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/open-muted",
+    "reference": "mode/bgColor/success-muted",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
+    }
   },
   {
-    "name": "shadow/floating/xlarge/2/blur",
-    "value": 112,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "fgColor/closed",
+    "value": {
+      "r": 0.5411764705882353,
+      "g": 0.027450980392156862,
+      "b": 0.11764705882352941,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/closed",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
+    }
   },
   {
-    "name": "shadow/floating/xlarge/2/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "fgColor/open",
+    "value": {
+      "r": 0.0196078431372549,
+      "g": 0.36470588235294116,
+      "b": 0.12549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/open",
+    "reference": "mode/fgColor/success",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
+    }
   },
   {
-    "name": "shadow/floating/xlarge/2/color",
+    "name": "fgColor/link",
     "value": {
-      "r": 0.20392156862745098,
+      "r": 0.00784313725490196,
       "g": 0.23137254901960785,
-      "b": 0.2627450980392157,
-      "a": 0.32
+      "b": 0.5843137254901961,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light high contrast",
+    "refId": "mode/fgColor/link",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
+    }
   },
   {
-    "name": "shadow/floating/large/1/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "underlineNav/iconColor/rest",
+    "value": {
+      "r": 0.054901960784313725,
+      "g": 0.06666666666666667,
+      "b": 0.08627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/underlineNav/iconColor/rest",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/large/1/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "underlineNav/borderColor/hover",
+    "value": {
+      "r": 0.5333333333333333,
+      "g": 0.5725490196078431,
+      "b": 0.615686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/underlineNav/borderColor/hover",
+    "reference": "mode/borderColor/neutral-muted",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/large/1/spread",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "overlay/borderColor",
+    "value": {
+      "r": 0.5333333333333333,
+      "g": 0.5725490196078431,
+      "b": 0.615686274509804,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "alpha": 0.5,
+    "refId": "mode/overlay/borderColor",
+    "reference": "mode/borderColor/muted",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["ALL_SCOPES"]
   },
   {
-    "name": "shadow/floating/large/1/color",
+    "name": "focus/outlineColor",
     "value": {
-      "r": 0.12549019607843137,
-      "g": 0.1450980392156863,
-      "b": 0.17254901960784313,
+      "r": 0.011764705882352941,
+      "g": 0.28627450980392155,
+      "b": 0.7058823529411765,
       "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light high contrast",
+    "refId": "mode/focus/outlineColor",
+    "reference": "mode/borderColor/accent-emphasis",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/large/2/offsetY",
-    "value": 40,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "buttonCounter/danger/fgColor/disabled",
+    "value": {
+      "r": 0.5411764705882353,
+      "g": 0.027450980392156862,
+      "b": 0.11764705882352941,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "alpha": 0.5,
+    "refId": "mode/buttonCounter/danger/fgColor/disabled",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/large/2/blur",
-    "value": 80,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "buttonCounter/danger/bgColor/rest",
+    "value": {
+      "r": 0.6274509803921569,
+      "g": 0.06666666666666667,
+      "b": 0.12156862745098039,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "alpha": 0.1,
+    "refId": "mode/buttonCounter/danger/bgColor/rest",
+    "reference": "mode/bgColor/danger-emphasis",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/large/2/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "buttonCounter/danger/bgColor/disabled",
+    "value": {
+      "r": 0.6274509803921569,
+      "g": 0.06666666666666667,
+      "b": 0.12156862745098039,
+      "a": 0.05
+    },
+    "type": "COLOR",
+    "alpha": 0.05,
+    "refId": "mode/buttonCounter/danger/bgColor/disabled",
+    "reference": "mode/bgColor/danger-emphasis",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/large/2/color",
+    "name": "buttonCounter/outline/fgColor/disabled",
     "value": {
-      "r": 0.20392156862745098,
+      "r": 0.00784313725490196,
       "g": 0.23137254901960785,
-      "b": 0.2627450980392157,
-      "a": 0.24
+      "b": 0.5843137254901961,
+      "a": 0.5
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light high contrast",
+    "alpha": 0.5,
+    "refId": "mode/buttonCounter/outline/fgColor/disabled",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/1/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "buttonCounter/outline/bgColor/disabled",
+    "value": {
+      "r": 0.011764705882352941,
+      "g": 0.28627450980392155,
+      "b": 0.7058823529411765,
+      "a": 0.05
+    },
+    "type": "COLOR",
+    "alpha": 0.05,
+    "refId": "mode/buttonCounter/outline/bgColor/disabled",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/1/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
+    "name": "buttonCounter/outline/bgColor/rest",
+    "value": {
+      "r": 0.011764705882352941,
+      "g": 0.28627450980392155,
+      "b": 0.7058823529411765,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "alpha": 0.1,
+    "refId": "mode/buttonCounter/outline/bgColor/rest",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
     "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "buttonCounter/invisible/bgColor/rest",
+    "value": {
+      "r": 0.4,
+      "g": 0.4392156862745098,
+      "b": 0.4823529411764706,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/buttonCounter/invisible/bgColor/rest",
+    "reference": "mode/bgColor/neutral-emphasis",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/1/spread",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
+    "name": "buttonCounter/default/bgColor/rest",
+    "value": {
+      "r": 0.4,
+      "g": 0.4392156862745098,
+      "b": 0.4823529411764706,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/buttonCounter/default/bgColor/rest",
+    "reference": "mode/bgColor/neutral-emphasis",
+    "collection": "mode",
     "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "button/danger/borderColor/active",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/borderColor/active",
+    "reference": "mode/button/danger/borderColor/hover",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/medium/1/color",
+    "name": "button/danger/borderColor/rest",
     "value": {
       "r": 0.12549019607843137,
       "g": 0.1450980392156863,
@@ -4018,249 +4277,290 @@
       "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light high contrast",
+    "refId": "mode/button/danger/borderColor/rest",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/medium/2/offsetY",
-    "value": 8,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "button/danger/bgColor/rest",
+    "value": {
+      "r": 0.9058823529411765,
+      "g": 0.9254901960784314,
+      "b": 0.9411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/bgColor/rest",
+    "reference": "mode/control/bgColor/rest",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/2/blur",
-    "value": 16,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/2/spread",
-    "value": -4,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "button/danger/iconColor/rest",
+    "value": {
+      "r": 0.5411764705882353,
+      "g": 0.027450980392156862,
+      "b": 0.11764705882352941,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/iconColor/rest",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/2/color",
+    "name": "button/danger/fgColor/disabled",
     "value": {
-      "r": 0.20392156862745098,
-      "g": 0.23137254901960785,
-      "b": 0.2627450980392157,
-      "a": 0.08
+      "r": 0.5411764705882353,
+      "g": 0.027450980392156862,
+      "b": 0.11764705882352941,
+      "a": 0.5
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light high contrast",
+    "alpha": 0.5,
+    "refId": "mode/button/danger/fgColor/disabled",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/3/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/3/offsetY",
-    "value": 4,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "button/danger/fgColor/rest",
+    "value": {
+      "r": 0.5411764705882353,
+      "g": 0.027450980392156862,
+      "b": 0.11764705882352941,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/fgColor/rest",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/3/blur",
-    "value": 32,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "button/outline/borderColor/active",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "refId": "mode/button/outline/borderColor/active",
+    "reference": "mode/button/outline/borderColor/hover",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/medium/3/spread",
-    "value": -4,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "button/outline/bgColor/active",
+    "value": {
+      "r": 0.011764705882352941,
+      "g": 0.24705882352941178,
+      "b": 0.615686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "isMix": true,
+    "refId": "mode/button/outline/bgColor/active",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/3/color",
+    "name": "button/outline/bgColor/hover",
     "value": {
-      "r": 0.20392156862745098,
-      "g": 0.23137254901960785,
-      "b": 0.2627450980392157,
-      "a": 0.08
+      "r": 0.011764705882352941,
+      "g": 0.28627450980392155,
+      "b": 0.7058823529411765,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light high contrast",
+    "refId": "mode/button/outline/bgColor/hover",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/4/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "button/outline/bgColor/rest",
+    "value": {
+      "r": 0.9058823529411765,
+      "g": 0.9254901960784314,
+      "b": 0.9411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/outline/bgColor/rest",
+    "reference": "mode/control/bgColor/rest",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/4/offsetY",
-    "value": 24,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/4/blur",
-    "value": 48,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "button/outline/fgColor/disabled",
+    "value": {
+      "r": 0.00784313725490196,
+      "g": 0.23137254901960785,
+      "b": 0.5843137254901961,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "alpha": 0.5,
+    "refId": "mode/button/outline/fgColor/disabled",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/4/spread",
-    "value": -12,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/4/color",
+    "name": "button/outline/fgColor/rest",
     "value": {
-      "r": 0.20392156862745098,
+      "r": 0.00784313725490196,
       "g": 0.23137254901960785,
-      "b": 0.2627450980392157,
-      "a": 0.08
+      "b": 0.5843137254901961,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light high contrast",
+    "refId": "mode/button/outline/fgColor/rest",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/5/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "button/invisible/borderColor/rest",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/borderColor/rest",
+    "reference": "mode/control/transparent/borderColor/rest",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/medium/5/offsetY",
-    "value": 48,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "button/invisible/bgColor/rest",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/bgColor/rest",
+    "reference": "mode/control/transparent/bgColor/rest",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/5/blur",
-    "value": 96,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "button/invisible/iconColor/hover",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/iconColor/hover",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/5/spread",
-    "value": -24,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "button/invisible/iconColor/rest",
+    "value": {
+      "r": 0.054901960784313725,
+      "g": 0.06666666666666667,
+      "b": 0.08627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/iconColor/rest",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/5/color",
+    "name": "button/invisible/fgColor/rest",
     "value": {
-      "r": 0.20392156862745098,
+      "r": 0.00784313725490196,
       "g": 0.23137254901960785,
-      "b": 0.2627450980392157,
-      "a": 0.08
+      "b": 0.5843137254901961,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light high contrast",
+    "refId": "mode/button/invisible/fgColor/rest",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/1/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "button/primary/borderColor/disabled",
+    "value": {
+      "r": 0.5215686274509804,
+      "g": 0.796078431372549,
+      "b": 0.592156862745098,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/primary/borderColor/disabled",
+    "reference": "mode/button/primary/bgColor/disabled",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/1/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/small/1/spread",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "button/default/borderColor/active",
+    "value": {
+      "r": 0.12549019607843137,
+      "g": 0.1450980392156863,
+      "b": 0.17254901960784313,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/default/borderColor/active",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/small/1/color",
+    "name": "button/default/borderColor/hover",
     "value": {
       "r": 0.12549019607843137,
       "g": 0.1450980392156863,
@@ -4268,151 +4568,79 @@
       "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light high contrast",
+    "refId": "mode/button/default/borderColor/hover",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/small/2/offsetY",
-    "value": 6,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "name": "button/default/borderColor/rest",
+    "value": {
+      "r": 0.12549019607843137,
+      "g": 0.1450980392156863,
+      "b": 0.17254901960784313,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/default/borderColor/rest",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/2/blur",
-    "value": 12,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/small/2/spread",
-    "value": -3,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/2/color",
+    "name": "button/default/bgColor/selected",
     "value": {
-      "r": 0.20392156862745098,
-      "g": 0.23137254901960785,
-      "b": 0.2627450980392157,
-      "a": 0.04
+      "r": 0.8117647058823529,
+      "g": 0.8392156862745098,
+      "b": 0.8666666666666667,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/3/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/3/offsetY",
-    "value": 6,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/3/blur",
-    "value": 18,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/3/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light high contrast",
+    "refId": "mode/button/default/bgColor/selected",
+    "reference": "mode/control/bgColor/active",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/3/color",
-    "value": {
-      "r": 0.20392156862745098,
-      "g": 0.23137254901960785,
-      "b": 0.2627450980392157,
-      "a": 0.12
-    },
-    "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
     "mode": "light high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "borderColor/open-emphasis",
+    "name": "button/default/bgColor/active",
     "value": {
-      "r": 0.0196078431372549,
-      "g": 0.36470588235294116,
-      "b": 0.12549019607843137,
+      "r": 0.8117647058823529,
+      "g": 0.8392156862745098,
+      "b": 0.8666666666666667,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/open-emphasis",
-    "reference": "mode/borderColor/success-emphasis",
+    "refId": "mode/button/default/bgColor/active",
+    "reference": "mode/control/bgColor/active",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
-    }
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "borderColor/open-muted",
+    "name": "button/default/bgColor/hover",
     "value": {
-      "r": 0.14901960784313725,
-      "g": 0.6313725490196078,
-      "b": 0.2823529411764706,
+      "r": 0.8588235294117647,
+      "g": 0.8823529411764706,
+      "b": 0.9019607843137255,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/open-muted",
-    "reference": "mode/borderColor/success-muted",
+    "refId": "mode/button/default/bgColor/hover",
+    "reference": "mode/control/bgColor/hover",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
-    }
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "borderColor/disabled",
+    "name": "button/default/bgColor/rest",
     "value": {
       "r": 0.9058823529411765,
       "g": 0.9254901960784314,
@@ -4420,342 +4648,326 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/disabled",
-    "reference": "mode/bgColor/disabled",
+    "refId": "mode/button/default/bgColor/rest",
+    "reference": "mode/control/bgColor/rest",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/open-emphasis",
+    "name": "button/default/fgColor/rest",
     "value": {
-      "r": 0.0196078431372549,
-      "g": 0.36470588235294116,
-      "b": 0.12549019607843137,
+      "r": 0.054901960784313725,
+      "g": 0.06666666666666667,
+      "b": 0.08627450980392157,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/open-emphasis",
-    "reference": "mode/bgColor/success-emphasis",
+    "refId": "mode/button/default/fgColor/rest",
+    "reference": "mode/control/fgColor/rest",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
-    }
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/open-muted",
+    "name": "counter/borderColor",
     "value": {
-      "r": 0.8235294117647058,
-      "g": 0.996078431372549,
-      "b": 0.8588235294117647,
+      "r": 0.12549019607843137,
+      "g": 0.1450980392156863,
+      "b": 0.17254901960784313,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/open-muted",
-    "reference": "mode/bgColor/success-muted",
+    "refId": "mode/counter/borderColor",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
-    }
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "fgColor/closed",
+    "name": "controlTrack/borderColor/disabled",
     "value": {
-      "r": 0.5411764705882353,
-      "g": 0.027450980392156862,
-      "b": 0.11764705882352941,
+      "r": 0.4,
+      "g": 0.4392156862745098,
+      "b": 0.4823529411764706,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/closed",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/controlTrack/borderColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
-    }
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "fgColor/open",
+    "name": "controlTrack/fgColor/disabled",
     "value": {
-      "r": 0.0196078431372549,
-      "g": 0.36470588235294116,
-      "b": 0.12549019607843137,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/open",
-    "reference": "mode/fgColor/success",
+    "refId": "mode/controlTrack/fgColor/disabled",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
-    }
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/link",
+    "name": "controlTrack/fgColor/rest",
     "value": {
-      "r": 0.00784313725490196,
-      "g": 0.23137254901960785,
-      "b": 0.5843137254901961,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/link",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/controlTrack/fgColor/rest",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
-    }
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "underlineNav/iconColor/rest",
+    "name": "controlTrack/bgColor/disabled",
     "value": {
-      "r": 0.054901960784313725,
-      "g": 0.06666666666666667,
-      "b": 0.08627450980392157,
+      "r": 0.4,
+      "g": 0.4392156862745098,
+      "b": 0.4823529411764706,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/underlineNav/iconColor/rest",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/controlTrack/bgColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "light high contrast",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "underlineNav/borderColor/hover",
+    "name": "control/checked/borderColor/disabled",
     "value": {
-      "r": 0.5333333333333333,
-      "g": 0.5725490196078431,
-      "b": 0.615686274509804,
+      "r": 0.4,
+      "g": 0.4392156862745098,
+      "b": 0.4823529411764706,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/underlineNav/borderColor/hover",
-    "reference": "mode/borderColor/neutral-muted",
+    "refId": "mode/control/checked/borderColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "focus/outlineColor",
+    "name": "control/checked/borderColor/active",
     "value": {
       "r": 0.011764705882352941,
-      "g": 0.28627450980392155,
-      "b": 0.7058823529411765,
+      "g": 0.24705882352941178,
+      "b": 0.615686274509804,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/focus/outlineColor",
-    "reference": "mode/borderColor/accent-emphasis",
+    "isMix": true,
+    "refId": "mode/control/checked/borderColor/active",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "buttonCounter/danger/fgColor/disabled",
+    "name": "control/checked/borderColor/hover",
     "value": {
-      "r": 0.5411764705882353,
-      "g": 0.027450980392156862,
-      "b": 0.11764705882352941,
-      "a": 0.5
+      "r": 0.011764705882352941,
+      "g": 0.26666666666666666,
+      "b": 0.6588235294117647,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/buttonCounter/danger/fgColor/disabled",
-    "reference": "mode/fgColor/danger",
+    "isMix": true,
+    "refId": "mode/control/checked/borderColor/hover",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "buttonCounter/danger/bgColor/rest",
+    "name": "control/checked/borderColor/rest",
     "value": {
-      "r": 0.6274509803921569,
-      "g": 0.06666666666666667,
-      "b": 0.12156862745098039,
-      "a": 0.1
+      "r": 0.011764705882352941,
+      "g": 0.28627450980392155,
+      "b": 0.7058823529411765,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/buttonCounter/danger/bgColor/rest",
-    "reference": "mode/bgColor/danger-emphasis",
+    "refId": "mode/control/checked/borderColor/rest",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "buttonCounter/danger/bgColor/disabled",
+    "name": "control/checked/fgColor/disabled",
     "value": {
-      "r": 0.6274509803921569,
-      "g": 0.06666666666666667,
-      "b": 0.12156862745098039,
-      "a": 0.05
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.05,
-    "refId": "mode/buttonCounter/danger/bgColor/disabled",
-    "reference": "mode/bgColor/danger-emphasis",
+    "refId": "mode/control/checked/fgColor/disabled",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/outline/fgColor/disabled",
+    "name": "control/checked/fgColor/rest",
     "value": {
-      "r": 0.00784313725490196,
-      "g": 0.23137254901960785,
-      "b": 0.5843137254901961,
-      "a": 0.5
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/buttonCounter/outline/fgColor/disabled",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/control/checked/fgColor/rest",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/outline/bgColor/disabled",
+    "name": "control/checked/bgColor/disabled",
     "value": {
-      "r": 0.011764705882352941,
-      "g": 0.28627450980392155,
-      "b": 0.7058823529411765,
-      "a": 0.05
+      "r": 0.4,
+      "g": 0.4392156862745098,
+      "b": 0.4823529411764706,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.05,
-    "refId": "mode/buttonCounter/outline/bgColor/disabled",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/control/checked/bgColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/outline/bgColor/rest",
+    "name": "control/checked/bgColor/active",
     "value": {
       "r": 0.011764705882352941,
-      "g": 0.28627450980392155,
-      "b": 0.7058823529411765,
-      "a": 0.1
+      "g": 0.24705882352941178,
+      "b": 0.615686274509804,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/buttonCounter/outline/bgColor/rest",
+    "isMix": true,
+    "refId": "mode/control/checked/bgColor/active",
     "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/invisible/bgColor/rest",
+    "name": "control/checked/bgColor/hover",
     "value": {
-      "r": 0.4,
-      "g": 0.4392156862745098,
-      "b": 0.4823529411764706,
-      "a": 0.2
+      "r": 0.011764705882352941,
+      "g": 0.26666666666666666,
+      "b": 0.6588235294117647,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/buttonCounter/invisible/bgColor/rest",
-    "reference": "mode/bgColor/neutral-emphasis",
+    "isMix": true,
+    "refId": "mode/control/checked/bgColor/hover",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/default/bgColor/rest",
+    "name": "control/checked/bgColor/rest",
     "value": {
-      "r": 0.4,
-      "g": 0.4392156862745098,
-      "b": 0.4823529411764706,
-      "a": 0.2
+      "r": 0.011764705882352941,
+      "g": 0.28627450980392155,
+      "b": 0.7058823529411765,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/buttonCounter/default/bgColor/rest",
-    "reference": "mode/bgColor/neutral-emphasis",
+    "refId": "mode/control/checked/bgColor/rest",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/borderColor/active",
+    "name": "control/danger/bgColor/active",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.15
+      "r": 0.5490196078431373,
+      "g": 0.043137254901960784,
+      "b": 0.11372549019607843,
+      "a": null
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/borderColor/active",
-    "reference": "mode/button/danger/borderColor/hover",
+    "alpha": null,
+    "isMix": true,
+    "refId": "mode/control/danger/bgColor/active",
+    "reference": "mode/bgColor/danger-emphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/borderColor/rest",
+    "name": "control/danger/bgColor/hover",
     "value": {
-      "r": 0.12549019607843137,
-      "g": 0.1450980392156863,
-      "b": 0.17254901960784313,
-      "a": 1
+      "r": 0.6274509803921569,
+      "g": 0.06666666666666667,
+      "b": 0.12156862745098039,
+      "a": null
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/borderColor/rest",
-    "reference": "mode/borderColor/default",
+    "alpha": null,
+    "refId": "mode/control/danger/bgColor/hover",
+    "reference": "mode/bgColor/danger-emphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/bgColor/rest",
+    "name": "control/danger/fgColor/hover",
     "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9254901960784314,
-      "b": 0.9411764705882353,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/bgColor/rest",
-    "reference": "mode/control/bgColor/rest",
+    "refId": "mode/control/danger/fgColor/hover",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/iconColor/rest",
+    "name": "control/danger/fgColor/rest",
     "value": {
       "r": 0.5411764705882353,
       "g": 0.027450980392156862,
@@ -4763,194 +4975,191 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/iconColor/rest",
+    "refId": "mode/control/danger/fgColor/rest",
     "reference": "mode/fgColor/danger",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/fgColor/disabled",
+    "name": "control/transparent/borderColor/hover",
     "value": {
-      "r": 0.5411764705882353,
-      "g": 0.027450980392156862,
-      "b": 0.11764705882352941,
-      "a": 0.5
+      "r": 0.12549019607843137,
+      "g": 0.1450980392156863,
+      "b": 0.17254901960784313,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/button/danger/fgColor/disabled",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/control/transparent/borderColor/hover",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/danger/fgColor/rest",
+    "name": "control/transparent/bgColor/disabled",
     "value": {
-      "r": 0.5411764705882353,
-      "g": 0.027450980392156862,
-      "b": 0.11764705882352941,
-      "a": 1
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.7
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/fgColor/rest",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/control/transparent/bgColor/disabled",
+    "reference": "mode/bgColor/disabled",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/outline/borderColor/active",
+    "name": "control/iconColor/rest",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.15
+      "r": 0.054901960784313725,
+      "g": 0.06666666666666667,
+      "b": 0.08627450980392157,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/outline/borderColor/active",
-    "reference": "mode/button/outline/borderColor/hover",
+    "refId": "mode/control/iconColor/rest",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/outline/bgColor/active",
+    "name": "control/borderColor/warning",
     "value": {
-      "r": 0.011764705882352941,
-      "g": 0.24705882352941178,
-      "b": 0.615686274509804,
+      "r": 0.4549019607843137,
+      "g": 0.27058823529411763,
+      "b": 0,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/button/outline/bgColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/control/borderColor/warning",
+    "reference": "mode/borderColor/attention-emphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/outline/bgColor/hover",
+    "name": "control/borderColor/danger",
     "value": {
-      "r": 0.011764705882352941,
-      "g": 0.28627450980392155,
-      "b": 0.7058823529411765,
+      "r": 0.6274509803921569,
+      "g": 0.06666666666666667,
+      "b": 0.12156862745098039,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/outline/bgColor/hover",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/control/borderColor/danger",
+    "reference": "mode/borderColor/danger-emphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/outline/bgColor/rest",
+    "name": "control/borderColor/success",
     "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9254901960784314,
-      "b": 0.9411764705882353,
+      "r": 0.0196078431372549,
+      "g": 0.36470588235294116,
+      "b": 0.12549019607843137,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/outline/bgColor/rest",
-    "reference": "mode/control/bgColor/rest",
+    "refId": "mode/control/borderColor/success",
+    "reference": "mode/borderColor/success-emphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/outline/fgColor/disabled",
+    "name": "control/borderColor/emphasis",
     "value": {
-      "r": 0.00784313725490196,
-      "g": 0.23137254901960785,
-      "b": 0.5843137254901961,
-      "a": 0.5
+      "r": 0.12549019607843137,
+      "g": 0.1450980392156863,
+      "b": 0.17254901960784313,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/button/outline/fgColor/disabled",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/control/borderColor/emphasis",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/outline/fgColor/rest",
+    "name": "control/borderColor/rest",
     "value": {
-      "r": 0.00784313725490196,
-      "g": 0.23137254901960785,
-      "b": 0.5843137254901961,
+      "r": 0.12549019607843137,
+      "g": 0.1450980392156863,
+      "b": 0.17254901960784313,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/outline/fgColor/rest",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/control/borderColor/rest",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/invisible/borderColor/rest",
+    "name": "control/fgColor/disabled",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.4,
+      "g": 0.4392156862745098,
+      "b": 0.4823529411764706,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/borderColor/rest",
-    "reference": "mode/control/transparent/borderColor/rest",
+    "refId": "mode/control/fgColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/bgColor/disabled",
+    "name": "control/bgColor/disabled",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.7
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/disabled",
-    "reference": "mode/control/transparent/bgColor/disabled",
+    "refId": "mode/control/bgColor/disabled",
+    "reference": "mode/bgColor/disabled",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/bgColor/rest",
+    "name": "avatar/borderColor",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.12549019607843137,
+      "g": 0.1450980392156863,
+      "b": 0.17254901960784313,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/rest",
-    "reference": "mode/control/transparent/bgColor/rest",
+    "refId": "mode/avatar/borderColor",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "light high contrast",
     "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/invisible/iconColor/hover",
+    "name": "codeMirror/lines/bgColor",
     "value": {
       "r": 1,
       "g": 1,
@@ -4958,175 +5167,175 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/iconColor/hover",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/codeMirror/lines/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/iconColor/rest",
+    "name": "codeMirror/matchingBracket/fgColor",
     "value": {
-      "r": 0.054901960784313725,
-      "g": 0.06666666666666667,
-      "b": 0.08627450980392157,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/iconColor/rest",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/codeMirror/matchingBracket/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/fgColor/rest",
+    "name": "codeMirror/activeline/bgColor",
     "value": {
-      "r": 0.00784313725490196,
-      "g": 0.23137254901960785,
-      "b": 0.5843137254901961,
+      "r": 0.9058823529411765,
+      "g": 0.9254901960784314,
+      "b": 0.9411764705882353,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/fgColor/rest",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/codeMirror/activeline/bgColor",
+    "reference": "mode/bgColor/neutral-muted",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/primary/borderColor/disabled",
+    "name": "codeMirror/selection/bgColor",
     "value": {
-      "r": 0.5215686274509804,
-      "g": 0.796078431372549,
-      "b": 0.592156862745098,
+      "r": 0.21176470588235294,
+      "g": 0.5490196078431373,
+      "b": 0.9764705882352941,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/borderColor/disabled",
-    "reference": "mode/button/primary/bgColor/disabled",
+    "refId": "mode/codeMirror/selection/bgColor",
+    "reference": "mode/borderColor/accent-muted",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/borderColor/active",
+    "name": "codeMirror/cursor/fgColor",
     "value": {
-      "r": 0.12549019607843137,
-      "g": 0.1450980392156863,
-      "b": 0.17254901960784313,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/borderColor/active",
-    "reference": "mode/borderColor/default",
+    "refId": "mode/codeMirror/cursor/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/borderColor/hover",
+    "name": "codeMirror/lineNumber/fgColor",
     "value": {
-      "r": 0.12549019607843137,
-      "g": 0.1450980392156863,
-      "b": 0.17254901960784313,
+      "r": 0.054901960784313725,
+      "g": 0.06666666666666667,
+      "b": 0.08627450980392157,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/borderColor/hover",
-    "reference": "mode/borderColor/default",
+    "refId": "mode/codeMirror/lineNumber/fgColor",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/borderColor/rest",
+    "name": "codeMirror/gutterMarker/fgColor/muted",
     "value": {
-      "r": 0.12549019607843137,
-      "g": 0.1450980392156863,
-      "b": 0.17254901960784313,
+      "r": 0.054901960784313725,
+      "g": 0.06666666666666667,
+      "b": 0.08627450980392157,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/borderColor/rest",
-    "reference": "mode/borderColor/default",
+    "refId": "mode/codeMirror/gutterMarker/fgColor/muted",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/bgColor/selected",
+    "name": "codeMirror/gutterMarker/fgColor/default",
     "value": {
-      "r": 0.8117647058823529,
-      "g": 0.8392156862745098,
-      "b": 0.8666666666666667,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/selected",
-    "reference": "mode/control/bgColor/active",
+    "refId": "mode/codeMirror/gutterMarker/fgColor/default",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/bgColor/active",
+    "name": "codeMirror/gutters/bgColor",
     "value": {
-      "r": 0.8117647058823529,
-      "g": 0.8392156862745098,
-      "b": 0.8666666666666667,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/active",
-    "reference": "mode/control/bgColor/active",
+    "refId": "mode/codeMirror/gutters/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/bgColor/hover",
+    "name": "codeMirror/bgColor",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.8823529411764706,
-      "b": 0.9019607843137255,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/hover",
-    "reference": "mode/control/bgColor/hover",
+    "refId": "mode/codeMirror/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/bgColor/rest",
+    "name": "codeMirror/fgColor",
     "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9254901960784314,
-      "b": 0.9411764705882353,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/rest",
-    "reference": "mode/control/bgColor/rest",
+    "refId": "mode/codeMirror/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/fgColor/rest",
+    "name": "diffBlob/expander/iconColor",
     "value": {
       "r": 0.054901960784313725,
       "g": 0.06666666666666667,
@@ -5134,47 +5343,31 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/fgColor/rest",
-    "reference": "mode/control/fgColor/rest",
+    "refId": "mode/diffBlob/expander/iconColor",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "counter/borderColor",
-    "value": {
-      "r": 0.12549019607843137,
-      "g": 0.1450980392156863,
-      "b": 0.17254901960784313,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/counter/borderColor",
-    "reference": "mode/borderColor/default",
-    "collection": "mode",
-    "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
-  {
-    "name": "controlTrack/borderColor/disabled",
+    "name": "diffBlob/deletion/fgColor/num",
     "value": {
-      "r": 0.29411764705882354,
-      "g": 0.3254901960784314,
-      "b": 0.36470588235294116,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/borderColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "refId": "mode/diffBlob/deletion/fgColor/num",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/fgColor/disabled",
+    "name": "diffBlob/deletion/fgColor/text",
     "value": {
       "r": 1,
       "g": 1,
@@ -5182,15 +5375,15 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/fgColor/disabled",
+    "refId": "mode/diffBlob/deletion/fgColor/text",
     "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/fgColor/rest",
+    "name": "diffBlob/addition/fgColor/num",
     "value": {
       "r": 0.00392156862745098,
       "g": 0.01568627450980392,
@@ -5198,81 +5391,47 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/fgColor/rest",
+    "refId": "mode/diffBlob/addition/fgColor/num",
     "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "controlTrack/bgColor/disabled",
-    "value": {
-      "r": 0.29411764705882354,
-      "g": 0.3254901960784314,
-      "b": 0.36470588235294116,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/controlTrack/bgColor/disabled",
-    "reference": "mode/fgColor/disabled",
-    "collection": "mode",
-    "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "control/checked/borderColor/disabled",
-    "value": {
-      "r": 0.29411764705882354,
-      "g": 0.3254901960784314,
-      "b": 0.36470588235294116,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/checked/borderColor/disabled",
-    "reference": "mode/fgColor/disabled",
-    "collection": "mode",
-    "mode": "light high contrast",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/active",
+    "name": "diffBlob/addition/fgColor/text",
     "value": {
-      "r": 0.011764705882352941,
-      "g": 0.24705882352941178,
-      "b": 0.615686274509804,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/borderColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/diffBlob/addition/fgColor/text",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "light high contrast",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/hover",
+    "name": "page/header/bgColor",
     "value": {
-      "r": 0.011764705882352941,
-      "g": 0.26666666666666666,
-      "b": 0.6588235294117647,
+      "r": 0.9058823529411765,
+      "g": 0.9254901960784314,
+      "b": 0.9411764705882353,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/borderColor/hover",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/page/header/bgColor",
+    "reference": "mode/bgColor/muted",
     "collection": "mode",
     "mode": "light high contrast",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/rest",
+    "name": "topicTag/borderColor",
     "value": {
       "r": 0.011764705882352941,
       "g": 0.28627450980392155,
@@ -5280,625 +5439,612 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/borderColor/rest",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/topicTag/borderColor",
+    "reference": "mode/borderColor/accent-emphasis",
     "collection": "mode",
     "mode": "light high contrast",
     "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "control/checked/fgColor/disabled",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/checked/fgColor/disabled",
-    "reference": "mode/fgColor/onEmphasis",
-    "collection": "mode",
+    "name": "shadow/floating/xlarge/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/checked/fgColor/rest",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/checked/fgColor/rest",
-    "reference": "mode/fgColor/onEmphasis",
-    "collection": "mode",
+    "name": "shadow/floating/xlarge/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/checked/bgColor/disabled",
-    "value": {
-      "r": 0.29411764705882354,
-      "g": 0.3254901960784314,
-      "b": 0.36470588235294116,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/checked/bgColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "name": "shadow/floating/xlarge/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/checked/bgColor/active",
+    "name": "shadow/floating/xlarge/1/color",
     "value": {
-      "r": 0.011764705882352941,
-      "g": 0.24705882352941178,
+      "r": 0.5333333333333333,
+      "g": 0.5725490196078431,
       "b": 0.615686274509804,
-      "a": 1
+      "a": 0.5
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/bgColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/checked/bgColor/hover",
-    "value": {
-      "r": 0.011764705882352941,
-      "g": 0.26666666666666666,
-      "b": 0.6588235294117647,
-      "a": 1
-    },
-    "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/bgColor/hover",
-    "reference": "mode/bgColor/accent-emphasis",
-    "collection": "mode",
+    "name": "shadow/floating/xlarge/2/offsetY",
+    "value": 56,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/checked/bgColor/rest",
-    "value": {
-      "r": 0.011764705882352941,
-      "g": 0.28627450980392155,
-      "b": 0.7058823529411765,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/checked/bgColor/rest",
-    "reference": "mode/bgColor/accent-emphasis",
-    "collection": "mode",
+    "name": "shadow/floating/xlarge/2/blur",
+    "value": 112,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/danger/bgColor/active",
-    "value": {
-      "r": 0.5490196078431373,
-      "g": 0.043137254901960784,
-      "b": 0.11372549019607843,
-      "a": null
-    },
-    "type": "COLOR",
-    "alpha": null,
-    "isMix": true,
-    "refId": "mode/control/danger/bgColor/active",
-    "reference": "mode/bgColor/danger-emphasis",
-    "collection": "mode",
+    "name": "shadow/floating/xlarge/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/danger/bgColor/hover",
+    "name": "shadow/floating/xlarge/2/color",
     "value": {
-      "r": 0.6274509803921569,
-      "g": 0.06666666666666667,
-      "b": 0.12156862745098039,
-      "a": null
+      "r": 0.20392156862745098,
+      "g": 0.23137254901960785,
+      "b": 0.2627450980392157,
+      "a": 0.32
     },
     "type": "COLOR",
-    "alpha": null,
-    "refId": "mode/control/danger/bgColor/hover",
-    "reference": "mode/bgColor/danger-emphasis",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/danger/fgColor/hover",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/danger/fgColor/hover",
-    "reference": "mode/fgColor/onEmphasis",
-    "collection": "mode",
+    "name": "shadow/floating/large/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/danger/fgColor/rest",
-    "value": {
-      "r": 0.5411764705882353,
-      "g": 0.027450980392156862,
-      "b": 0.11764705882352941,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/danger/fgColor/rest",
-    "reference": "mode/fgColor/danger",
-    "collection": "mode",
+    "name": "shadow/floating/large/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/transparent/borderColor/hover",
-    "value": {
-      "r": 0.12549019607843137,
-      "g": 0.1450980392156863,
-      "b": 0.17254901960784313,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/transparent/borderColor/hover",
-    "reference": "mode/borderColor/default",
+    "name": "shadow/floating/large/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/iconColor/rest",
+    "name": "shadow/floating/large/1/color",
     "value": {
-      "r": 0.054901960784313725,
-      "g": 0.06666666666666667,
-      "b": 0.08627450980392157,
-      "a": 1
+      "r": 0.5333333333333333,
+      "g": 0.5725490196078431,
+      "b": 0.615686274509804,
+      "a": 0.5
     },
     "type": "COLOR",
-    "refId": "mode/control/iconColor/rest",
-    "reference": "mode/fgColor/muted",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/borderColor/warning",
-    "value": {
-      "r": 0.4549019607843137,
-      "g": 0.27058823529411763,
-      "b": 0,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/borderColor/warning",
-    "reference": "mode/borderColor/attention-emphasis",
+    "name": "shadow/floating/large/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/2/offsetY",
+    "value": 40,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/borderColor/danger",
-    "value": {
-      "r": 0.6274509803921569,
-      "g": 0.06666666666666667,
-      "b": 0.12156862745098039,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/borderColor/danger",
-    "reference": "mode/borderColor/danger-emphasis",
+    "name": "shadow/floating/large/2/blur",
+    "value": 80,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/borderColor/success",
+    "name": "shadow/floating/large/2/color",
     "value": {
-      "r": 0.0196078431372549,
-      "g": 0.36470588235294116,
-      "b": 0.12549019607843137,
-      "a": 1
+      "r": 0.20392156862745098,
+      "g": 0.23137254901960785,
+      "b": 0.2627450980392157,
+      "a": 0.24
     },
     "type": "COLOR",
-    "refId": "mode/control/borderColor/success",
-    "reference": "mode/borderColor/success-emphasis",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/borderColor/emphasis",
-    "value": {
-      "r": 0.12549019607843137,
-      "g": 0.1450980392156863,
-      "b": 0.17254901960784313,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/borderColor/emphasis",
-    "reference": "mode/borderColor/default",
+    "name": "shadow/floating/medium/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/borderColor/rest",
-    "value": {
-      "r": 0.12549019607843137,
-      "g": 0.1450980392156863,
-      "b": 0.17254901960784313,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/borderColor/rest",
-    "reference": "mode/borderColor/default",
+    "name": "shadow/floating/medium/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/fgColor/disabled",
+    "name": "shadow/floating/medium/1/color",
     "value": {
-      "r": 0.29411764705882354,
-      "g": 0.3254901960784314,
-      "b": 0.36470588235294116,
-      "a": 1
+      "r": 0.5333333333333333,
+      "g": 0.5725490196078431,
+      "b": 0.615686274509804,
+      "a": 0.5
     },
     "type": "COLOR",
-    "refId": "mode/control/fgColor/disabled",
-    "reference": "mode/fgColor/disabled",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/bgColor/disabled",
-    "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9254901960784314,
-      "b": 0.9411764705882353,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/bgColor/disabled",
-    "reference": "mode/bgColor/disabled",
+    "name": "shadow/floating/medium/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/2/offsetY",
+    "value": 8,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "avatar/borderColor",
-    "value": {
-      "r": 0.12549019607843137,
-      "g": 0.1450980392156863,
-      "b": 0.17254901960784313,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/avatar/borderColor",
-    "reference": "mode/borderColor/default",
+    "name": "shadow/floating/medium/2/blur",
+    "value": 16,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/2/spread",
+    "value": -4,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/lines/bgColor",
+    "name": "shadow/floating/medium/2/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
+      "r": 0.20392156862745098,
+      "g": 0.23137254901960785,
+      "b": 0.2627450980392157,
+      "a": 0.08
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/lines/bgColor",
-    "reference": "mode/bgColor/default",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/matchingBracket/fgColor",
-    "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/matchingBracket/fgColor",
-    "reference": "mode/fgColor/default",
+    "name": "shadow/floating/medium/3/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/3/offsetY",
+    "value": 4,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/activeline/bgColor",
-    "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9254901960784314,
-      "b": 0.9411764705882353,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/activeline/bgColor",
-    "reference": "mode/bgColor/neutral-muted",
+    "name": "shadow/floating/medium/3/blur",
+    "value": 32,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/3/spread",
+    "value": -4,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/selection/bgColor",
+    "name": "shadow/floating/medium/3/color",
     "value": {
-      "r": 0.21176470588235294,
-      "g": 0.5490196078431373,
-      "b": 0.9764705882352941,
-      "a": 1
+      "r": 0.20392156862745098,
+      "g": 0.23137254901960785,
+      "b": 0.2627450980392157,
+      "a": 0.08
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/selection/bgColor",
-    "reference": "mode/borderColor/accent-muted",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/cursor/fgColor",
-    "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/cursor/fgColor",
-    "reference": "mode/fgColor/default",
+    "name": "shadow/floating/medium/4/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/4/offsetY",
+    "value": 24,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/lineNumber/fgColor",
-    "value": {
-      "r": 0.054901960784313725,
-      "g": 0.06666666666666667,
-      "b": 0.08627450980392157,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/lineNumber/fgColor",
-    "reference": "mode/fgColor/muted",
+    "name": "shadow/floating/medium/4/blur",
+    "value": 48,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/4/spread",
+    "value": -12,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/gutterMarker/fgColor/muted",
+    "name": "shadow/floating/medium/4/color",
     "value": {
-      "r": 0.054901960784313725,
-      "g": 0.06666666666666667,
-      "b": 0.08627450980392157,
-      "a": 1
+      "r": 0.20392156862745098,
+      "g": 0.23137254901960785,
+      "b": 0.2627450980392157,
+      "a": 0.08
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/gutterMarker/fgColor/muted",
-    "reference": "mode/fgColor/muted",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/gutterMarker/fgColor/default",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/gutterMarker/fgColor/default",
-    "reference": "mode/bgColor/default",
+    "name": "shadow/floating/medium/5/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/5/offsetY",
+    "value": 48,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/gutters/bgColor",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/gutters/bgColor",
-    "reference": "mode/bgColor/default",
+    "name": "shadow/floating/medium/5/blur",
+    "value": 96,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/5/spread",
+    "value": -24,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/bgColor",
+    "name": "shadow/floating/medium/5/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
+      "r": 0.20392156862745098,
+      "g": 0.23137254901960785,
+      "b": 0.2627450980392157,
+      "a": 0.08
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/bgColor",
-    "reference": "mode/bgColor/default",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/fgColor",
-    "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/fgColor",
-    "reference": "mode/fgColor/default",
-    "collection": "mode",
+    "name": "shadow/floating/small/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/expander/iconColor",
+    "name": "shadow/floating/small/1/color",
     "value": {
-      "r": 0.054901960784313725,
-      "g": 0.06666666666666667,
-      "b": 0.08627450980392157,
-      "a": 1
+      "r": 0.5333333333333333,
+      "g": 0.5725490196078431,
+      "b": 0.615686274509804,
+      "a": 0.5
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/expander/iconColor",
-    "reference": "mode/fgColor/muted",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/deletion/fgColor/num",
-    "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/diffBlob/deletion/fgColor/num",
-    "reference": "mode/fgColor/default",
+    "name": "shadow/floating/small/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/2/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/deletion/fgColor/text",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/diffBlob/deletion/fgColor/text",
-    "reference": "mode/fgColor/onEmphasis",
+    "name": "shadow/floating/small/2/blur",
+    "value": 12,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/2/spread",
+    "value": -3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/addition/fgColor/num",
+    "name": "shadow/floating/small/2/color",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 1
+      "r": 0.20392156862745098,
+      "g": 0.23137254901960785,
+      "b": 0.2627450980392157,
+      "a": 0.04
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/addition/fgColor/num",
-    "reference": "mode/fgColor/default",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/addition/fgColor/text",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/diffBlob/addition/fgColor/text",
-    "reference": "mode/fgColor/onEmphasis",
+    "name": "shadow/floating/small/3/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/3/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "page/header/bgColor",
-    "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9254901960784314,
-      "b": 0.9411764705882353,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/page/header/bgColor",
-    "reference": "mode/bgColor/muted",
+    "name": "shadow/floating/small/3/blur",
+    "value": 18,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/3/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "topicTag/borderColor",
+    "name": "shadow/floating/small/3/color",
     "value": {
-      "r": 0.011764705882352941,
-      "g": 0.28627450980392155,
-      "b": 0.7058823529411765,
-      "a": 1
+      "r": 0.20392156862745098,
+      "g": 0.23137254901960785,
+      "b": 0.2627450980392157,
+      "a": 0.12
     },
     "type": "COLOR",
-    "refId": "mode/topicTag/borderColor",
-    "reference": "mode/borderColor/accent-emphasis",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
     "name": "selection/bgColor",
@@ -5920,10 +6066,10 @@
   {
     "name": "button/danger/bgColor/disabled",
     "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9254901960784314,
-      "b": 0.9411764705882353,
-      "a": 1
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/button/danger/bgColor/disabled",
@@ -5949,12 +6095,28 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "button/invisible/bgColor/disabled",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/bgColor/disabled",
+    "reference": "mode/control/transparent/bgColor/disabled",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/invisible/iconColor/disabled",
     "value": {
-      "r": 0.29411764705882354,
-      "g": 0.3254901960784314,
-      "b": 0.36470588235294116,
+      "r": 0.4,
+      "g": 0.4392156862745098,
+      "b": 0.4823529411764706,
       "a": 1
     },
     "type": "COLOR",
@@ -5968,9 +6130,9 @@
   {
     "name": "button/invisible/fgColor/disabled",
     "value": {
-      "r": 0.29411764705882354,
-      "g": 0.3254901960784314,
-      "b": 0.36470588235294116,
+      "r": 0.4,
+      "g": 0.4392156862745098,
+      "b": 0.4823529411764706,
       "a": 1
     },
     "type": "COLOR",
@@ -6000,10 +6162,10 @@
   {
     "name": "controlKnob/borderColor/disabled",
     "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9254901960784314,
-      "b": 0.9411764705882353,
-      "a": 1
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/controlKnob/borderColor/disabled",
@@ -6032,10 +6194,10 @@
   {
     "name": "controlKnob/bgColor/disabled",
     "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9254901960784314,
-      "b": 0.9411764705882353,
-      "a": 1
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/controlKnob/bgColor/disabled",
@@ -6048,10 +6210,10 @@
   {
     "name": "control/borderColor/disabled",
     "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9254901960784314,
-      "b": 0.9411764705882353,
-      "a": 1
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/control/borderColor/disabled",
@@ -6064,10 +6226,10 @@
   {
     "name": "button/invisible/borderColor/disabled",
     "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9254901960784314,
-      "b": 0.9411764705882353,
-      "a": 1
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/borderColor/disabled",
@@ -6080,10 +6242,10 @@
   {
     "name": "button/default/borderColor/disabled",
     "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9254901960784314,
-      "b": 0.9411764705882353,
-      "a": 1
+      "r": 0.807843137254902,
+      "g": 0.8352941176470589,
+      "b": 0.8627450980392157,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/button/default/borderColor/disabled",