@primer/primitives 7.15.9 → 7.15.10-rc.5df07d1c

package/tokens-next-private/figma/themes/dark-high-contrast.json

@@ -1782,14 +1782,15 @@
   {
     "name": "bgColor/disabled",
     "value": {
-      "r": 0.15294117647058825,
-      "g": 0.16862745098039217,
-      "b": 0.2,
-      "a": 1
+      "r": 0.23921568627450981,
+      "g": 0.25882352941176473,
+      "b": 0.30196078431372547,
+      "a": 0.7
     },
     "type": "COLOR",
+    "alpha": 0.7,
     "refId": "mode/bgColor/disabled",
-    "reference": "base/color/dark-high-contrast/base/color/gray/8",
+    "reference": "base/color/dark-high-contrast/base/color/gray/7",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "semantic",
@@ -2059,14 +2060,14 @@
   {
     "name": "fgColor/disabled",
     "value": {
-      "r": 0.7411764705882353,
-      "g": 0.7686274509803922,
-      "b": 0.8,
+      "r": 0.6196078431372549,
+      "g": 0.6549019607843137,
+      "b": 0.7019607843137254,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/fgColor/disabled",
-    "reference": "base/color/dark-high-contrast/base/color/gray/3",
+    "reference": "base/color/dark-high-contrast/base/color/gray/4",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "semantic",
@@ -2260,22 +2261,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "overlay/borderColor",
-    "value": {
-      "r": 0.47843137254901963,
-      "g": 0.5098039215686274,
-      "b": 0.5568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/overlay/borderColor",
-    "reference": "base/color/dark-high-contrast/base/color/gray/5",
-    "collection": "mode",
-    "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["ALL_SCOPES"]
-  },
   {
     "name": "overlay/bgColor",
     "value": {
@@ -3247,22 +3232,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "control/transparent/bgColor/disabled",
-    "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/control/transparent/bgColor/disabled",
-    "reference": "base/color/dark/base/color/transparent",
-    "collection": "mode",
-    "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "control/transparent/bgColor/active",
     "value": {
@@ -3543,6 +3512,166 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/gray/color",
+    "value": {
+      "r": 0.3411764705882353,
+      "g": 0.3843137254901961,
+      "b": 0.4392156862745098,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/gray/color",
+    "reference": "base/color/dark/base/display/color/gray/4",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/red/color",
+    "value": {
+      "r": 0.9215686274509803,
+      "g": 0.2,
+      "b": 0.25882352941176473,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/red/color",
+    "reference": "base/color/dark/base/display/color/red/5",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/pink/color",
+    "value": {
+      "r": 0.8274509803921568,
+      "g": 0.27058823529411763,
+      "b": 0.5686274509803921,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/pink/color",
+    "reference": "base/color/dark/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/purple/color",
+    "value": {
+      "r": 0.592156862745098,
+      "g": 0.3568627450980392,
+      "b": 0.9450980392156862,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/purple/color",
+    "reference": "base/color/dark/base/display/color/purple/5",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/teal/color",
+    "value": {
+      "r": 0.06274509803921569,
+      "g": 0.4235294117647059,
+      "b": 0.4392156862745098,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/teal/color",
+    "reference": "base/color/dark/base/display/color/teal/4",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/green/color",
+    "value": {
+      "r": 0.1843137254901961,
+      "g": 0.43529411764705883,
+      "b": 0.21568627450980393,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/green/color",
+    "reference": "base/color/dark/base/display/color/green/4",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/yellow/color",
+    "value": {
+      "r": 0.5372549019607843,
+      "g": 0.34901960784313724,
+      "b": 0.023529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/yellow/color",
+    "reference": "base/color/dark/base/display/color/yellow/4",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/orange/color",
+    "value": {
+      "r": 0.596078431372549,
+      "g": 0.29411764705882354,
+      "b": 0.06274509803921569,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/orange/color",
+    "reference": "base/color/dark/base/display/color/orange/4",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/auburn/color",
+    "value": {
+      "r": 0.6588235294117647,
+      "g": 0.43529411764705883,
+      "b": 0.4196078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/auburn/color",
+    "reference": "base/color/dark/base/display/color/auburn/5",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/blue/color",
+    "value": {
+      "r": 0.0196078431372549,
+      "g": 0.4627450980392157,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/blue/color",
+    "reference": "base/color/dark/base/display/color/blue/5",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "headerSearch/borderColor",
     "value": {
@@ -3923,143 +4052,154 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/xlarge/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "borderColor/open-emphasis",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.7058823529411765,
+      "b": 0.22745098039215686,
+      "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": "dark 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": "dark high contrast",
+    "name": "borderColor/open-muted",
+    "value": {
+      "r": 0.0392156862745098,
+      "g": 0.7803921568627451,
+      "b": 0.25098039215686274,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/open-muted",
+    "reference": "mode/borderColor/success-muted",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark 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": "dark high contrast",
+    "name": "borderColor/disabled",
+    "value": {
+      "r": 0.23921568627450981,
+      "g": 0.25882352941176473,
+      "b": 0.30196078431372547,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/disabled",
+    "reference": "mode/bgColor/disabled",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark high contrast",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/xlarge/1/color",
+    "name": "bgColor/open-emphasis",
     "value": {
-      "r": 0.47843137254901963,
-      "g": 0.5098039215686274,
-      "b": 0.5568627450980392,
+      "r": 0.03529411764705882,
+      "g": 0.7058823529411765,
+      "b": 0.22745098039215686,
       "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark 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": "dark 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": 32,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/xlarge/2/blur",
-    "value": 64,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "bgColor/open-muted",
+    "value": {
+      "r": 0.0392156862745098,
+      "g": 0.7803921568627451,
+      "b": 0.25098039215686274,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "alpha": 0.1,
+    "refId": "mode/bgColor/open-muted",
+    "reference": "mode/bgColor/success-muted",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/xlarge/2/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
+    }
   },
   {
-    "name": "shadow/floating/xlarge/2/color",
+    "name": "fgColor/open",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
+      "r": 0.1568627450980392,
+      "g": 0.8431372549019608,
+      "b": 0.3176470588235294,
       "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark high contrast",
+    "refId": "mode/fgColor/open",
+    "reference": "mode/fgColor/success",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
+    }
   },
   {
-    "name": "shadow/floating/large/1/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "fgColor/link",
+    "value": {
+      "r": 0.3764705882352941,
+      "g": 0.6823529411764706,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/link",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/1/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark 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/spread",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "treeViewItem/leadingVisual/iconColor/rest",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9529411764705882,
+      "b": 0.9647058823529412,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/treeViewItem/leadingVisual/iconColor/rest",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/large/1/color",
+    "name": "overlay/borderColor",
     "value": {
       "r": 0.47843137254901963,
       "g": 0.5098039215686274,
@@ -4067,463 +4207,359 @@
       "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark high contrast",
+    "refId": "mode/overlay/borderColor",
+    "reference": "mode/borderColor/muted",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["ALL_SCOPES"]
   },
   {
-    "name": "shadow/floating/large/2/offsetY",
-    "value": 24,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "focus/outlineColor",
+    "value": {
+      "r": 0.25098039215686274,
+      "g": 0.6196078431372549,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/focus/outlineColor",
+    "reference": "mode/borderColor/accent-emphasis",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/2/blur",
-    "value": 48,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/large/2/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "buttonCounter/danger/fgColor/disabled",
+    "value": {
+      "r": 1,
+      "g": 0.5019607843137255,
+      "b": 0.5019607843137255,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "alpha": 0.5,
+    "refId": "mode/buttonCounter/danger/fgColor/disabled",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/large/2/color",
+    "name": "buttonCounter/danger/fgColor/rest",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
+      "r": 1,
+      "g": 0.5019607843137255,
+      "b": 0.5019607843137255,
       "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "refId": "mode/buttonCounter/danger/fgColor/rest",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/1/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/1/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "buttonCounter/danger/bgColor/disabled",
+    "value": {
+      "r": 1,
+      "g": 0.41568627450980394,
+      "b": 0.4117647058823529,
+      "a": 0.05
+    },
+    "type": "COLOR",
+    "alpha": 0.05,
+    "refId": "mode/buttonCounter/danger/bgColor/disabled",
+    "reference": "mode/bgColor/danger-emphasis",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/1/spread",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/1/color",
+    "name": "buttonCounter/outline/fgColor/disabled",
     "value": {
-      "r": 0.47843137254901963,
-      "g": 0.5098039215686274,
-      "b": 0.5568627450980392,
-      "a": 1
+      "r": 0.3764705882352941,
+      "g": 0.6823529411764706,
+      "b": 1,
+      "a": 0.5
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark high contrast",
+    "alpha": 0.5,
+    "refId": "mode/buttonCounter/outline/fgColor/disabled",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/2/offsetY",
-    "value": 8,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/2/blur",
-    "value": 16,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/2/spread",
-    "value": -4,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/2/color",
+    "name": "buttonCounter/outline/bgColor/disabled",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.4
+      "r": 0.25098039215686274,
+      "g": 0.6196078431372549,
+      "b": 1,
+      "a": 0.05
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/3/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/3/offsetY",
-    "value": 4,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/3/blur",
-    "value": 32,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "alpha": 0.05,
+    "refId": "mode/buttonCounter/outline/bgColor/disabled",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/3/spread",
-    "value": -4,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/3/color",
+    "name": "button/danger/borderColor/active",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.4
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/4/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "refId": "mode/button/danger/borderColor/active",
+    "reference": "mode/button/danger/borderColor/hover",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/4/offsetY",
-    "value": 24,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/medium/4/blur",
-    "value": 48,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "button/danger/borderColor/rest",
+    "value": {
+      "r": 0.47843137254901963,
+      "g": 0.5098039215686274,
+      "b": 0.5568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/borderColor/rest",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/4/spread",
-    "value": -12,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/medium/4/color",
+    "name": "button/danger/bgColor/rest",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.4
+      "r": 0.23921568627450981,
+      "g": 0.25882352941176473,
+      "b": 0.30196078431372547,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark high contrast",
+    "refId": "mode/button/danger/bgColor/rest",
+    "reference": "mode/control/bgColor/rest",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/5/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/5/offsetY",
-    "value": 48,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/5/blur",
-    "value": 96,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "button/danger/iconColor/rest",
+    "value": {
+      "r": 1,
+      "g": 0.5019607843137255,
+      "b": 0.5019607843137255,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/iconColor/rest",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/5/spread",
-    "value": -24,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/5/color",
+    "name": "button/danger/fgColor/disabled",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.4
+      "r": 1,
+      "g": 0.5019607843137255,
+      "b": 0.5019607843137255,
+      "a": 0.5
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "alpha": 0.5,
+    "refId": "mode/button/danger/fgColor/disabled",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/1/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/1/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "button/danger/fgColor/rest",
+    "value": {
+      "r": 1,
+      "g": 0.5019607843137255,
+      "b": 0.5019607843137255,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/fgColor/rest",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/1/spread",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/1/color",
+    "name": "button/outline/borderColor/selected",
     "value": {
-      "r": 0.47843137254901963,
-      "g": 0.5098039215686274,
-      "b": 0.5568627450980392,
-      "a": 1
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark high contrast",
+    "refId": "mode/button/outline/borderColor/selected",
+    "reference": "mode/button/outline/borderColor/hover",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark 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": "dark high contrast",
+    "name": "button/outline/fgColor/disabled",
+    "value": {
+      "r": 0.3764705882352941,
+      "g": 0.6823529411764706,
+      "b": 1,
+      "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/small/2/blur",
-    "value": 12,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/2/spread",
-    "value": -3,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "button/invisible/borderColor/rest",
+    "value": {
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/borderColor/rest",
+    "reference": "mode/control/transparent/borderColor/rest",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/small/2/color",
+    "name": "button/invisible/bgColor/rest",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.4
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark high contrast",
+    "refId": "mode/button/invisible/bgColor/rest",
+    "reference": "mode/control/transparent/bgColor/rest",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/3/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "button/invisible/iconColor/hover",
+    "value": {
+      "r": 0.0392156862745098,
+      "g": 0.047058823529411764,
+      "b": 0.06274509803921569,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/iconColor/hover",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/3/offsetY",
-    "value": 6,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "button/invisible/iconColor/rest",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9529411764705882,
+      "b": 0.9647058823529412,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/iconColor/rest",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/3/blur",
-    "value": 18,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "button/invisible/fgColor/rest",
+    "value": {
+      "r": 0.3764705882352941,
+      "g": 0.6823529411764706,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/fgColor/rest",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/3/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark high contrast",
+    "name": "button/primary/bgColor/active",
+    "value": {
+      "r": 0.08235294117647059,
+      "g": 0.7607843137254902,
+      "b": 0.2627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "isMix": true,
+    "refId": "mode/button/primary/bgColor/active",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/3/color",
+    "name": "button/primary/bgColor/hover",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.4
+      "r": 0.058823529411764705,
+      "g": 0.7333333333333333,
+      "b": 0.24705882352941178,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark high contrast",
+    "isMix": true,
+    "refId": "mode/button/primary/bgColor/hover",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "borderColor/open-emphasis",
+    "name": "button/primary/bgColor/rest",
     "value": {
       "r": 0.03529411764705882,
       "g": 0.7058823529411765,
@@ -4531,424 +4567,406 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/open-emphasis",
-    "reference": "mode/borderColor/success-emphasis",
+    "refId": "mode/button/primary/bgColor/rest",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
     "mode": "dark 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/primary/iconColor/rest",
     "value": {
       "r": 0.0392156862745098,
-      "g": 0.7803921568627451,
-      "b": 0.25098039215686274,
+      "g": 0.047058823529411764,
+      "b": 0.06274509803921569,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/open-muted",
-    "reference": "mode/borderColor/success-muted",
+    "refId": "mode/button/primary/iconColor/rest",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
-    }
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "borderColor/disabled",
+    "name": "button/primary/fgColor/disabled",
     "value": {
-      "r": 0.15294117647058825,
-      "g": 0.16862745098039217,
-      "b": 0.2,
-      "a": 1
+      "r": 0.0392156862745098,
+      "g": 0.047058823529411764,
+      "b": 0.06274509803921569,
+      "a": 0.5
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/disabled",
-    "reference": "mode/bgColor/disabled",
+    "alpha": 0.5,
+    "refId": "mode/button/primary/fgColor/disabled",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/open-emphasis",
+    "name": "button/primary/fgColor/rest",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.7058823529411765,
-      "b": 0.22745098039215686,
+      "r": 0.0392156862745098,
+      "g": 0.047058823529411764,
+      "b": 0.06274509803921569,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/open-emphasis",
-    "reference": "mode/bgColor/success-emphasis",
+    "refId": "mode/button/primary/fgColor/rest",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "dark 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": "button/default/borderColor/rest",
     "value": {
-      "r": 0.0392156862745098,
-      "g": 0.7803921568627451,
-      "b": 0.25098039215686274,
-      "a": 0.1
+      "r": 0.47843137254901963,
+      "g": 0.5098039215686274,
+      "b": 0.5568627450980392,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/bgColor/open-muted",
-    "reference": "mode/bgColor/success-muted",
+    "refId": "mode/button/default/borderColor/rest",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "dark 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/open",
+    "name": "button/default/bgColor/selected",
     "value": {
-      "r": 0.1568627450980392,
-      "g": 0.8431372549019608,
-      "b": 0.3176470588235294,
+      "r": 0.3333333333333333,
+      "g": 0.3607843137254902,
+      "b": 0.403921568627451,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/open",
-    "reference": "mode/fgColor/success",
+    "refId": "mode/button/default/bgColor/selected",
+    "reference": "mode/control/bgColor/active",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
-    }
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/link",
+    "name": "button/default/bgColor/active",
     "value": {
-      "r": 0.3764705882352941,
-      "g": 0.6823529411764706,
-      "b": 1,
+      "r": 0.3333333333333333,
+      "g": 0.3607843137254902,
+      "b": 0.403921568627451,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/link",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/button/default/bgColor/active",
+    "reference": "mode/control/bgColor/active",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
-    }
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "treeViewItem/leadingVisual/iconColor/rest",
-    "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9529411764705882,
-      "b": 0.9647058823529412,
+    "name": "button/default/bgColor/hover",
+    "value": {
+      "r": 0.28627450980392155,
+      "g": 0.30980392156862746,
+      "b": 0.35294117647058826,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/treeViewItem/leadingVisual/iconColor/rest",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/button/default/bgColor/hover",
+    "reference": "mode/control/bgColor/hover",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "focus/outlineColor",
+    "name": "button/default/bgColor/rest",
     "value": {
-      "r": 0.25098039215686274,
-      "g": 0.6196078431372549,
-      "b": 1,
+      "r": 0.23921568627450981,
+      "g": 0.25882352941176473,
+      "b": 0.30196078431372547,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/focus/outlineColor",
-    "reference": "mode/borderColor/accent-emphasis",
+    "refId": "mode/button/default/bgColor/rest",
+    "reference": "mode/control/bgColor/rest",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/danger/fgColor/disabled",
+    "name": "button/default/fgColor/rest",
     "value": {
-      "r": 1,
-      "g": 0.5019607843137255,
-      "b": 0.5019607843137255,
-      "a": 0.5
+      "r": 0.9411764705882353,
+      "g": 0.9529411764705882,
+      "b": 0.9647058823529412,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/buttonCounter/danger/fgColor/disabled",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/button/default/fgColor/rest",
+    "reference": "mode/control/fgColor/rest",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/danger/fgColor/rest",
+    "name": "controlTrack/borderColor/disabled",
     "value": {
-      "r": 1,
-      "g": 0.5019607843137255,
-      "b": 0.5019607843137255,
+      "r": 0.6196078431372549,
+      "g": 0.6549019607843137,
+      "b": 0.7019607843137254,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/buttonCounter/danger/fgColor/rest",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/controlTrack/borderColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "buttonCounter/danger/bgColor/disabled",
+    "name": "controlTrack/fgColor/disabled",
     "value": {
-      "r": 1,
-      "g": 0.41568627450980394,
-      "b": 0.4117647058823529,
-      "a": 0.05
+      "r": 0.0392156862745098,
+      "g": 0.047058823529411764,
+      "b": 0.06274509803921569,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.05,
-    "refId": "mode/buttonCounter/danger/bgColor/disabled",
-    "reference": "mode/bgColor/danger-emphasis",
+    "refId": "mode/controlTrack/fgColor/disabled",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/outline/fgColor/disabled",
+    "name": "controlTrack/fgColor/rest",
     "value": {
-      "r": 0.3764705882352941,
-      "g": 0.6823529411764706,
-      "b": 1,
-      "a": 0.5
+      "r": 0.984313725490196,
+      "g": 0.9882352941176471,
+      "b": 0.9921568627450981,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/buttonCounter/outline/fgColor/disabled",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/controlTrack/fgColor/rest",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/outline/bgColor/disabled",
+    "name": "controlTrack/bgColor/disabled",
     "value": {
-      "r": 0.25098039215686274,
-      "g": 0.6196078431372549,
-      "b": 1,
-      "a": 0.05
+      "r": 0.6196078431372549,
+      "g": 0.6549019607843137,
+      "b": 0.7019607843137254,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.05,
-    "refId": "mode/buttonCounter/outline/bgColor/disabled",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/controlTrack/bgColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/borderColor/active",
+    "name": "control/checked/borderColor/disabled",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0.1
+      "r": 0.6196078431372549,
+      "g": 0.6549019607843137,
+      "b": 0.7019607843137254,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/borderColor/active",
-    "reference": "mode/button/danger/borderColor/hover",
+    "refId": "mode/control/checked/borderColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/danger/borderColor/rest",
+    "name": "control/checked/borderColor/active",
     "value": {
-      "r": 0.47843137254901963,
-      "g": 0.5098039215686274,
-      "b": 0.5568627450980392,
+      "r": 0.32941176470588235,
+      "g": 0.6588235294117647,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/borderColor/rest",
-    "reference": "mode/borderColor/default",
+    "isMix": true,
+    "refId": "mode/control/checked/borderColor/active",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/danger/bgColor/rest",
+    "name": "control/checked/borderColor/hover",
     "value": {
-      "r": 0.23921568627450981,
-      "g": 0.25882352941176473,
-      "b": 0.30196078431372547,
+      "r": 0.2901960784313726,
+      "g": 0.6392156862745098,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/bgColor/rest",
-    "reference": "mode/control/bgColor/rest",
+    "isMix": true,
+    "refId": "mode/control/checked/borderColor/hover",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/danger/iconColor/rest",
+    "name": "control/checked/borderColor/rest",
     "value": {
-      "r": 1,
-      "g": 0.5019607843137255,
-      "b": 0.5019607843137255,
+      "r": 0.25098039215686274,
+      "g": 0.6196078431372549,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/iconColor/rest",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/control/checked/borderColor/rest",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/danger/fgColor/disabled",
+    "name": "control/checked/fgColor/rest",
     "value": {
-      "r": 1,
-      "g": 0.5019607843137255,
-      "b": 0.5019607843137255,
-      "a": 0.5
+      "r": 0.0392156862745098,
+      "g": 0.047058823529411764,
+      "b": 0.06274509803921569,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/button/danger/fgColor/disabled",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/control/checked/fgColor/rest",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/fgColor/rest",
+    "name": "control/checked/bgColor/disabled",
     "value": {
-      "r": 1,
-      "g": 0.5019607843137255,
-      "b": 0.5019607843137255,
+      "r": 0.6196078431372549,
+      "g": 0.6549019607843137,
+      "b": 0.7019607843137254,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/fgColor/rest",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/control/checked/bgColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/outline/borderColor/selected",
+    "name": "control/checked/bgColor/active",
     "value": {
-      "r": 1,
-      "g": 1,
+      "r": 0.32941176470588235,
+      "g": 0.6588235294117647,
       "b": 1,
-      "a": 0.1
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/outline/borderColor/selected",
-    "reference": "mode/button/outline/borderColor/hover",
+    "isMix": true,
+    "refId": "mode/control/checked/bgColor/active",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/outline/fgColor/disabled",
+    "name": "control/checked/bgColor/hover",
     "value": {
-      "r": 0.3764705882352941,
-      "g": 0.6823529411764706,
+      "r": 0.2901960784313726,
+      "g": 0.6392156862745098,
       "b": 1,
-      "a": 0.5
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/button/outline/fgColor/disabled",
-    "reference": "mode/fgColor/accent",
+    "isMix": true,
+    "refId": "mode/control/checked/bgColor/hover",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/borderColor/rest",
+    "name": "control/checked/bgColor/rest",
     "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
+      "r": 0.25098039215686274,
+      "g": 0.6196078431372549,
+      "b": 1,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/borderColor/rest",
-    "reference": "mode/control/transparent/borderColor/rest",
+    "refId": "mode/control/checked/bgColor/rest",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/bgColor/disabled",
-    "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
+    "name": "control/danger/bgColor/active",
+    "value": {
+      "r": 0.9647058823529412,
+      "g": 0.3137254901960784,
+      "b": 0.3215686274509804,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/disabled",
-    "reference": "mode/control/transparent/bgColor/disabled",
+    "alpha": 1,
+    "isMix": true,
+    "refId": "mode/control/danger/bgColor/active",
+    "reference": "mode/bgColor/danger-emphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/bgColor/rest",
+    "name": "control/danger/bgColor/hover",
     "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
+      "r": 1,
+      "g": 0.41568627450980394,
+      "b": 0.4117647058823529,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/rest",
-    "reference": "mode/control/transparent/bgColor/rest",
+    "refId": "mode/control/danger/bgColor/hover",
+    "reference": "mode/bgColor/danger-emphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/iconColor/hover",
+    "name": "control/danger/fgColor/hover",
     "value": {
       "r": 0.0392156862745098,
       "g": 0.047058823529411764,
@@ -4956,146 +4974,143 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/iconColor/hover",
+    "refId": "mode/control/danger/fgColor/hover",
     "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/iconColor/rest",
+    "name": "control/danger/fgColor/rest",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9529411764705882,
-      "b": 0.9647058823529412,
+      "r": 1,
+      "g": 0.5019607843137255,
+      "b": 0.5019607843137255,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/iconColor/rest",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/control/danger/fgColor/rest",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/fgColor/rest",
+    "name": "control/transparent/borderColor/hover",
     "value": {
-      "r": 0.3764705882352941,
-      "g": 0.6823529411764706,
-      "b": 1,
+      "r": 0.47843137254901963,
+      "g": 0.5098039215686274,
+      "b": 0.5568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/fgColor/rest",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/control/transparent/borderColor/hover",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/primary/bgColor/active",
+    "name": "control/transparent/bgColor/disabled",
     "value": {
-      "r": 0.08235294117647059,
-      "g": 0.7607843137254902,
-      "b": 0.2627450980392157,
-      "a": 1
+      "r": 0.23921568627450981,
+      "g": 0.25882352941176473,
+      "b": 0.30196078431372547,
+      "a": 0.7
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/button/primary/bgColor/active",
-    "reference": "mode/bgColor/success-emphasis",
+    "refId": "mode/control/transparent/bgColor/disabled",
+    "reference": "mode/bgColor/disabled",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/primary/bgColor/hover",
+    "name": "control/iconColor/rest",
     "value": {
-      "r": 0.058823529411764705,
-      "g": 0.7333333333333333,
-      "b": 0.24705882352941178,
+      "r": 0.9411764705882353,
+      "g": 0.9529411764705882,
+      "b": 0.9647058823529412,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/button/primary/bgColor/hover",
-    "reference": "mode/bgColor/success-emphasis",
+    "refId": "mode/control/iconColor/rest",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/primary/bgColor/rest",
+    "name": "control/borderColor/warning",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.7058823529411765,
-      "b": 0.22745098039215686,
+      "r": 0.8784313725490196,
+      "g": 0.6078431372549019,
+      "b": 0.07450980392156863,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/bgColor/rest",
-    "reference": "mode/bgColor/success-emphasis",
+    "refId": "mode/control/borderColor/warning",
+    "reference": "mode/borderColor/attention-emphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/primary/iconColor/rest",
+    "name": "control/borderColor/danger",
     "value": {
-      "r": 0.0392156862745098,
-      "g": 0.047058823529411764,
-      "b": 0.06274509803921569,
+      "r": 1,
+      "g": 0.41568627450980394,
+      "b": 0.4117647058823529,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/iconColor/rest",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/control/borderColor/danger",
+    "reference": "mode/borderColor/danger-emphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/primary/fgColor/disabled",
+    "name": "control/borderColor/success",
     "value": {
-      "r": 0.0392156862745098,
-      "g": 0.047058823529411764,
-      "b": 0.06274509803921569,
-      "a": 0.5
+      "r": 0.03529411764705882,
+      "g": 0.7058823529411765,
+      "b": 0.22745098039215686,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/button/primary/fgColor/disabled",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/control/borderColor/success",
+    "reference": "mode/borderColor/success-emphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/primary/fgColor/rest",
+    "name": "control/borderColor/emphasis",
     "value": {
-      "r": 0.0392156862745098,
-      "g": 0.047058823529411764,
-      "b": 0.06274509803921569,
+      "r": 0.47843137254901963,
+      "g": 0.5098039215686274,
+      "b": 0.5568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/fgColor/rest",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/control/borderColor/emphasis",
+    "reference": "mode/borderColor/emphasis",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/default/borderColor/rest",
+    "name": "control/borderColor/rest",
     "value": {
       "r": 0.47843137254901963,
       "g": 0.5098039215686274,
@@ -5103,225 +5118,239 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/borderColor/rest",
+    "refId": "mode/control/borderColor/rest",
     "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/default/bgColor/selected",
+    "name": "control/fgColor/disabled",
     "value": {
-      "r": 0.3333333333333333,
-      "g": 0.3607843137254902,
-      "b": 0.403921568627451,
+      "r": 0.6196078431372549,
+      "g": 0.6549019607843137,
+      "b": 0.7019607843137254,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/selected",
-    "reference": "mode/control/bgColor/active",
+    "refId": "mode/control/fgColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/bgColor/active",
+    "name": "control/bgColor/disabled",
     "value": {
-      "r": 0.3333333333333333,
-      "g": 0.3607843137254902,
-      "b": 0.403921568627451,
-      "a": 1
+      "r": 0.23921568627450981,
+      "g": 0.25882352941176473,
+      "b": 0.30196078431372547,
+      "a": 0.7
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/active",
-    "reference": "mode/control/bgColor/active",
+    "refId": "mode/control/bgColor/disabled",
+    "reference": "mode/bgColor/disabled",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/bgColor/hover",
+    "name": "codeMirror/lines/bgColor",
     "value": {
-      "r": 0.28627450980392155,
-      "g": 0.30980392156862746,
-      "b": 0.35294117647058826,
+      "r": 0.0392156862745098,
+      "g": 0.047058823529411764,
+      "b": 0.06274509803921569,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/hover",
-    "reference": "mode/control/bgColor/hover",
+    "refId": "mode/codeMirror/lines/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/bgColor/rest",
+    "name": "codeMirror/matchingBracket/fgColor",
     "value": {
-      "r": 0.23921568627450981,
-      "g": 0.25882352941176473,
-      "b": 0.30196078431372547,
+      "r": 0.984313725490196,
+      "g": 0.9882352941176471,
+      "b": 0.9921568627450981,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/rest",
-    "reference": "mode/control/bgColor/rest",
+    "refId": "mode/codeMirror/matchingBracket/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "codeMirror/activeline/bgColor",
+    "value": {
+      "r": 0.6196078431372549,
+      "g": 0.6549019607843137,
+      "b": 0.7019607843137254,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "refId": "mode/codeMirror/activeline/bgColor",
+    "reference": "mode/bgColor/neutral-muted",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/fgColor/rest",
+    "name": "codeMirror/cursor/fgColor",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9529411764705882,
-      "b": 0.9647058823529412,
+      "r": 0.984313725490196,
+      "g": 0.9882352941176471,
+      "b": 0.9921568627450981,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/fgColor/rest",
-    "reference": "mode/control/fgColor/rest",
+    "refId": "mode/codeMirror/cursor/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/borderColor/disabled",
+    "name": "codeMirror/lineNumber/fgColor",
     "value": {
-      "r": 0.7411764705882353,
-      "g": 0.7686274509803922,
-      "b": 0.8,
+      "r": 0.9411764705882353,
+      "g": 0.9529411764705882,
+      "b": 0.9647058823529412,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/borderColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "refId": "mode/codeMirror/lineNumber/fgColor",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/fgColor/disabled",
+    "name": "codeMirror/gutterMarker/fgColor/muted",
     "value": {
-      "r": 0.0392156862745098,
-      "g": 0.047058823529411764,
-      "b": 0.06274509803921569,
+      "r": 0.9411764705882353,
+      "g": 0.9529411764705882,
+      "b": 0.9647058823529412,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/fgColor/disabled",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/codeMirror/gutterMarker/fgColor/muted",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/fgColor/rest",
+    "name": "codeMirror/gutterMarker/fgColor/default",
     "value": {
-      "r": 0.984313725490196,
-      "g": 0.9882352941176471,
-      "b": 0.9921568627450981,
+      "r": 0.0392156862745098,
+      "g": 0.047058823529411764,
+      "b": 0.06274509803921569,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/fgColor/rest",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/codeMirror/gutterMarker/fgColor/default",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/bgColor/disabled",
+    "name": "codeMirror/gutters/bgColor",
     "value": {
-      "r": 0.7411764705882353,
-      "g": 0.7686274509803922,
-      "b": 0.8,
+      "r": 0.0392156862745098,
+      "g": 0.047058823529411764,
+      "b": 0.06274509803921569,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/bgColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "refId": "mode/codeMirror/gutters/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "dark high contrast",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/disabled",
+    "name": "codeMirror/bgColor",
     "value": {
-      "r": 0.7411764705882353,
-      "g": 0.7686274509803922,
-      "b": 0.8,
+      "r": 0.0392156862745098,
+      "g": 0.047058823529411764,
+      "b": 0.06274509803921569,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/borderColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "refId": "mode/codeMirror/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/active",
+    "name": "codeMirror/fgColor",
     "value": {
-      "r": 0.32941176470588235,
-      "g": 0.6588235294117647,
-      "b": 1,
+      "r": 0.984313725490196,
+      "g": 0.9882352941176471,
+      "b": 0.9921568627450981,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/borderColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/codeMirror/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/hover",
+    "name": "diffBlob/expander/iconColor",
     "value": {
-      "r": 0.2901960784313726,
-      "g": 0.6392156862745098,
-      "b": 1,
+      "r": 0.984313725490196,
+      "g": 0.9882352941176471,
+      "b": 0.9921568627450981,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/borderColor/hover",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/diffBlob/expander/iconColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/rest",
+    "name": "diffBlob/deletion/fgColor/num",
     "value": {
-      "r": 0.25098039215686274,
-      "g": 0.6196078431372549,
-      "b": 1,
+      "r": 0.984313725490196,
+      "g": 0.9882352941176471,
+      "b": 0.9921568627450981,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/borderColor/rest",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/diffBlob/deletion/fgColor/num",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/fgColor/rest",
+    "name": "diffBlob/deletion/fgColor/text",
     "value": {
       "r": 0.0392156862745098,
       "g": 0.047058823529411764,
@@ -5329,7 +5358,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/fgColor/rest",
+    "refId": "mode/diffBlob/deletion/fgColor/text",
     "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "dark high contrast",
@@ -5337,57 +5366,55 @@
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/bgColor/disabled",
+    "name": "diffBlob/addition/fgColor/num",
     "value": {
-      "r": 0.7411764705882353,
-      "g": 0.7686274509803922,
-      "b": 0.8,
+      "r": 0.984313725490196,
+      "g": 0.9882352941176471,
+      "b": 0.9921568627450981,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/bgColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "refId": "mode/diffBlob/addition/fgColor/num",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/bgColor/active",
+    "name": "diffBlob/addition/fgColor/text",
     "value": {
-      "r": 0.32941176470588235,
-      "g": 0.6588235294117647,
-      "b": 1,
+      "r": 0.0392156862745098,
+      "g": 0.047058823529411764,
+      "b": 0.06274509803921569,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/bgColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/diffBlob/addition/fgColor/text",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/bgColor/hover",
+    "name": "page/header/bgColor",
     "value": {
-      "r": 0.2901960784313726,
-      "g": 0.6392156862745098,
-      "b": 1,
+      "r": 0.0392156862745098,
+      "g": 0.047058823529411764,
+      "b": 0.06274509803921569,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/bgColor/hover",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/page/header/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/bgColor/rest",
+    "name": "topicTag/borderColor",
     "value": {
       "r": 0.25098039215686274,
       "g": 0.6196078431372549,
@@ -5395,81 +5422,151 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/bgColor/rest",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/topicTag/borderColor",
+    "reference": "mode/borderColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "control/danger/bgColor/active",
+    "name": "shadow/floating/xlarge/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/1/color",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.3137254901960784,
-      "b": 0.3215686274509804,
+      "r": 0.47843137254901963,
+      "g": 0.5098039215686274,
+      "b": 0.5568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "alpha": 1,
-    "isMix": true,
-    "refId": "mode/control/danger/bgColor/active",
-    "reference": "mode/bgColor/danger-emphasis",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/2/offsetY",
+    "value": 32,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/2/blur",
+    "value": 64,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark 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": 1,
-      "g": 0.41568627450980394,
-      "b": 0.4117647058823529,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/danger/bgColor/hover",
-    "reference": "mode/bgColor/danger-emphasis",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/danger/fgColor/hover",
-    "value": {
-      "r": 0.0392156862745098,
-      "g": 0.047058823529411764,
-      "b": 0.06274509803921569,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/danger/fgColor/hover",
-    "reference": "mode/fgColor/onEmphasis",
+    "name": "shadow/floating/large/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/danger/fgColor/rest",
-    "value": {
-      "r": 1,
-      "g": 0.5019607843137255,
-      "b": 0.5019607843137255,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/danger/fgColor/rest",
-    "reference": "mode/fgColor/danger",
+    "name": "shadow/floating/large/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/transparent/borderColor/hover",
+    "name": "shadow/floating/large/1/color",
     "value": {
       "r": 0.47843137254901963,
       "g": 0.5098039215686274,
@@ -5477,95 +5574,99 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/transparent/borderColor/hover",
-    "reference": "mode/borderColor/default",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/iconColor/rest",
-    "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9529411764705882,
-      "b": 0.9647058823529412,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/iconColor/rest",
-    "reference": "mode/fgColor/muted",
+    "name": "shadow/floating/large/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/2/offsetY",
+    "value": 24,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/borderColor/warning",
-    "value": {
-      "r": 0.8784313725490196,
-      "g": 0.6078431372549019,
-      "b": 0.07450980392156863,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/borderColor/warning",
-    "reference": "mode/borderColor/attention-emphasis",
+    "name": "shadow/floating/large/2/blur",
+    "value": 48,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/borderColor/danger",
+    "name": "shadow/floating/large/2/color",
     "value": {
-      "r": 1,
-      "g": 0.41568627450980394,
-      "b": 0.4117647058823529,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/borderColor/danger",
-    "reference": "mode/borderColor/danger-emphasis",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/borderColor/success",
-    "value": {
-      "r": 0.03529411764705882,
-      "g": 0.7058823529411765,
-      "b": 0.22745098039215686,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/borderColor/success",
-    "reference": "mode/borderColor/success-emphasis",
+    "name": "shadow/floating/medium/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/borderColor/emphasis",
-    "value": {
-      "r": 0.47843137254901963,
-      "g": 0.5098039215686274,
-      "b": 0.5568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/borderColor/emphasis",
-    "reference": "mode/borderColor/emphasis",
+    "name": "shadow/floating/medium/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/borderColor/rest",
+    "name": "shadow/floating/medium/1/color",
     "value": {
       "r": 0.47843137254901963,
       "g": 0.5098039215686274,
@@ -5573,316 +5674,360 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/borderColor/rest",
-    "reference": "mode/borderColor/default",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/fgColor/disabled",
-    "value": {
-      "r": 0.7411764705882353,
-      "g": 0.7686274509803922,
-      "b": 0.8,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/fgColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "name": "shadow/floating/medium/2/offsetY",
+    "value": 8,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/2/blur",
+    "value": 16,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/2/spread",
+    "value": -4,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/bgColor/disabled",
+    "name": "shadow/floating/medium/2/color",
     "value": {
-      "r": 0.15294117647058825,
-      "g": 0.16862745098039217,
-      "b": 0.2,
-      "a": 1
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/control/bgColor/disabled",
-    "reference": "mode/bgColor/disabled",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/lines/bgColor",
-    "value": {
-      "r": 0.0392156862745098,
-      "g": 0.047058823529411764,
-      "b": 0.06274509803921569,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/lines/bgColor",
-    "reference": "mode/bgColor/default",
+    "name": "shadow/floating/medium/3/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/3/offsetY",
+    "value": 4,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/matchingBracket/fgColor",
-    "value": {
-      "r": 0.984313725490196,
-      "g": 0.9882352941176471,
-      "b": 0.9921568627450981,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/matchingBracket/fgColor",
-    "reference": "mode/fgColor/default",
+    "name": "shadow/floating/medium/3/blur",
+    "value": 32,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/3/spread",
+    "value": -4,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/activeline/bgColor",
+    "name": "shadow/floating/medium/3/color",
     "value": {
-      "r": 0.6196078431372549,
-      "g": 0.6549019607843137,
-      "b": 0.7019607843137254,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/activeline/bgColor",
-    "reference": "mode/bgColor/neutral-muted",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/cursor/fgColor",
-    "value": {
-      "r": 0.984313725490196,
-      "g": 0.9882352941176471,
-      "b": 0.9921568627450981,
-      "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": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/4/offsetY",
+    "value": 24,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/lineNumber/fgColor",
-    "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9529411764705882,
-      "b": 0.9647058823529412,
-      "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": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/4/spread",
+    "value": -12,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark 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.9411764705882353,
-      "g": 0.9529411764705882,
-      "b": 0.9647058823529412,
-      "a": 1
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/gutterMarker/fgColor/muted",
-    "reference": "mode/fgColor/muted",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/5/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/gutterMarker/fgColor/default",
-    "value": {
-      "r": 0.0392156862745098,
-      "g": 0.047058823529411764,
-      "b": 0.06274509803921569,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/gutterMarker/fgColor/default",
-    "reference": "mode/bgColor/default",
+    "name": "shadow/floating/medium/5/offsetY",
+    "value": 48,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/5/blur",
+    "value": 96,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/gutters/bgColor",
+    "name": "shadow/floating/medium/5/spread",
+    "value": -24,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/5/color",
     "value": {
-      "r": 0.0392156862745098,
-      "g": 0.047058823529411764,
-      "b": 0.06274509803921569,
-      "a": 1
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/gutters/bgColor",
-    "reference": "mode/bgColor/default",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/bgColor",
-    "value": {
-      "r": 0.0392156862745098,
-      "g": 0.047058823529411764,
-      "b": 0.06274509803921569,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/bgColor",
-    "reference": "mode/bgColor/default",
+    "name": "shadow/floating/small/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/fgColor",
+    "name": "shadow/floating/small/1/color",
     "value": {
-      "r": 0.984313725490196,
-      "g": 0.9882352941176471,
-      "b": 0.9921568627450981,
+      "r": 0.47843137254901963,
+      "g": 0.5098039215686274,
+      "b": 0.5568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/fgColor",
-    "reference": "mode/fgColor/default",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/expander/iconColor",
-    "value": {
-      "r": 0.984313725490196,
-      "g": 0.9882352941176471,
-      "b": 0.9921568627450981,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/diffBlob/expander/iconColor",
-    "reference": "mode/fgColor/default",
-    "collection": "mode",
+    "name": "shadow/floating/small/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/deletion/fgColor/num",
-    "value": {
-      "r": 0.984313725490196,
-      "g": 0.9882352941176471,
-      "b": 0.9921568627450981,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/diffBlob/deletion/fgColor/num",
-    "reference": "mode/fgColor/default",
-    "collection": "mode",
+    "name": "shadow/floating/small/2/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/deletion/fgColor/text",
-    "value": {
-      "r": 0.0392156862745098,
-      "g": 0.047058823529411764,
-      "b": 0.06274509803921569,
-      "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": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/2/spread",
+    "value": -3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark 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.984313725490196,
-      "g": 0.9882352941176471,
-      "b": 0.9921568627450981,
-      "a": 1
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/addition/fgColor/num",
-    "reference": "mode/fgColor/default",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/addition/fgColor/text",
-    "value": {
-      "r": 0.0392156862745098,
-      "g": 0.047058823529411764,
-      "b": 0.06274509803921569,
-      "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": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/3/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "page/header/bgColor",
-    "value": {
-      "r": 0.0392156862745098,
-      "g": 0.047058823529411764,
-      "b": 0.06274509803921569,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/page/header/bgColor",
-    "reference": "mode/bgColor/default",
+    "name": "shadow/floating/small/3/blur",
+    "value": 18,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/3/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark 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.25098039215686274,
-      "g": 0.6196078431372549,
-      "b": 1,
-      "a": 1
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/topicTag/borderColor",
-    "reference": "mode/borderColor/accent-emphasis",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
     "name": "selection/bgColor",
@@ -5904,10 +6049,10 @@
   {
     "name": "button/danger/bgColor/disabled",
     "value": {
-      "r": 0.15294117647058825,
-      "g": 0.16862745098039217,
-      "b": 0.2,
-      "a": 1
+      "r": 0.23921568627450981,
+      "g": 0.25882352941176473,
+      "b": 0.30196078431372547,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/button/danger/bgColor/disabled",
@@ -5933,12 +6078,28 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "button/invisible/bgColor/disabled",
+    "value": {
+      "r": 0.23921568627450981,
+      "g": 0.25882352941176473,
+      "b": 0.30196078431372547,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/bgColor/disabled",
+    "reference": "mode/control/transparent/bgColor/disabled",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/invisible/iconColor/disabled",
     "value": {
-      "r": 0.7411764705882353,
-      "g": 0.7686274509803922,
-      "b": 0.8,
+      "r": 0.6196078431372549,
+      "g": 0.6549019607843137,
+      "b": 0.7019607843137254,
       "a": 1
     },
     "type": "COLOR",
@@ -5952,9 +6113,9 @@
   {
     "name": "button/invisible/fgColor/disabled",
     "value": {
-      "r": 0.7411764705882353,
-      "g": 0.7686274509803922,
-      "b": 0.8,
+      "r": 0.6196078431372549,
+      "g": 0.6549019607843137,
+      "b": 0.7019607843137254,
       "a": 1
     },
     "type": "COLOR",
@@ -6000,10 +6161,10 @@
   {
     "name": "button/default/bgColor/disabled",
     "value": {
-      "r": 0.15294117647058825,
-      "g": 0.16862745098039217,
-      "b": 0.2,
-      "a": 1
+      "r": 0.23921568627450981,
+      "g": 0.25882352941176473,
+      "b": 0.30196078431372547,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/button/default/bgColor/disabled",
@@ -6032,10 +6193,10 @@
   {
     "name": "controlKnob/borderColor/disabled",
     "value": {
-      "r": 0.15294117647058825,
-      "g": 0.16862745098039217,
-      "b": 0.2,
-      "a": 1
+      "r": 0.23921568627450981,
+      "g": 0.25882352941176473,
+      "b": 0.30196078431372547,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/controlKnob/borderColor/disabled",
@@ -6064,10 +6225,10 @@
   {
     "name": "controlKnob/bgColor/disabled",
     "value": {
-      "r": 0.15294117647058825,
-      "g": 0.16862745098039217,
-      "b": 0.2,
-      "a": 1
+      "r": 0.23921568627450981,
+      "g": 0.25882352941176473,
+      "b": 0.30196078431372547,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/controlKnob/bgColor/disabled",
@@ -6080,10 +6241,10 @@
   {
     "name": "control/borderColor/disabled",
     "value": {
-      "r": 0.15294117647058825,
-      "g": 0.16862745098039217,
-      "b": 0.2,
-      "a": 1
+      "r": 0.23921568627450981,
+      "g": 0.25882352941176473,
+      "b": 0.30196078431372547,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/control/borderColor/disabled",
@@ -6096,10 +6257,10 @@
   {
     "name": "button/invisible/borderColor/disabled",
     "value": {
-      "r": 0.15294117647058825,
-      "g": 0.16862745098039217,
-      "b": 0.2,
-      "a": 1
+      "r": 0.23921568627450981,
+      "g": 0.25882352941176473,
+      "b": 0.30196078431372547,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/borderColor/disabled",
@@ -6112,10 +6273,10 @@
   {
     "name": "button/default/borderColor/disabled",
     "value": {
-      "r": 0.15294117647058825,
-      "g": 0.16862745098039217,
-      "b": 0.2,
-      "a": 1
+      "r": 0.23921568627450981,
+      "g": 0.25882352941176473,
+      "b": 0.30196078431372547,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/button/default/borderColor/disabled",