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

package/dist/figma/themes/dark.json

@@ -1762,14 +1762,15 @@
   {
     "name": "bgColor/disabled",
     "value": {
-      "r": 0.08627450980392157,
-      "g": 0.10588235294117647,
-      "b": 0.13333333333333333,
-      "a": 1
+      "r": 0.12941176470588237,
+      "g": 0.14901960784313725,
+      "b": 0.17647058823529413,
+      "a": 0.7
     },
     "type": "COLOR",
+    "alpha": 0.7,
     "refId": "mode/bgColor/disabled",
-    "reference": "base/color/dark/base/color/gray/8",
+    "reference": "base/color/dark/base/color/gray/7",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
@@ -2039,14 +2040,14 @@
   {
     "name": "fgColor/disabled",
     "value": {
-      "r": 0.5450980392156862,
-      "g": 0.5803921568627451,
-      "b": 0.6196078431372549,
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/fgColor/disabled",
-    "reference": "base/color/dark/base/color/gray/3",
+    "reference": "base/color/dark/base/color/gray/4",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
@@ -2208,22 +2209,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "overlay/borderColor",
-    "value": {
-      "r": 0.18823529411764706,
-      "g": 0.21176470588235294,
-      "b": 0.23921568627450981,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/overlay/borderColor",
-    "reference": "base/color/dark/base/color/gray/6",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["ALL_SCOPES"]
-  },
   {
     "name": "overlay/bgColor",
     "value": {
@@ -2867,15 +2852,15 @@
   {
     "name": "button/primary/bgColor/disabled",
     "value": {
-      "r": 0.27450980392156865,
-      "g": 0.7490196078431373,
-      "b": 0.3411764705882353,
+      "r": 0.4666666666666667,
+      "g": 0.788235294117647,
+      "b": 0.5098039215686274,
       "a": 1
     },
     "type": "COLOR",
     "isMix": true,
     "refId": "mode/button/primary/bgColor/disabled",
-    "reference": "base/color/dark/base/color/green/4",
+    "reference": "base/color/dark/base/color/green/5",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -2903,10 +2888,10 @@
       "r": 1,
       "g": 1,
       "b": 1,
-      "a": 0.5
+      "a": 0.8
     },
     "type": "COLOR",
-    "alpha": 0.5,
+    "alpha": 0.8,
     "refId": "mode/button/primary/fgColor/disabled",
     "reference": "base/color/dark/base/color/white",
     "collection": "mode",
@@ -3191,22 +3176,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",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "control/transparent/bgColor/active",
     "value": {
@@ -3487,6 +3456,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",
+    "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",
+    "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",
+    "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",
+    "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",
+    "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",
+    "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",
+    "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",
+    "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",
+    "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",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "headerSearch/borderColor",
     "value": {
@@ -3849,1148 +3978,1051 @@
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/xlarge/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "name": "borderColor/open-emphasis",
+    "value": {
+      "r": 0.13725490196078433,
+      "g": 0.5254901960784314,
+      "b": 0.21176470588235294,
+      "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",
-    "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",
+    "name": "borderColor/open-muted",
+    "value": {
+      "r": 0.1803921568627451,
+      "g": 0.6274509803921569,
+      "b": 0.2627450980392157,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/open-muted",
+    "reference": "mode/borderColor/success-muted",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark",
+    "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",
+    "name": "borderColor/disabled",
+    "value": {
+      "r": 0.12941176470588237,
+      "g": 0.14901960784313725,
+      "b": 0.17647058823529413,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/disabled",
+    "reference": "mode/bgColor/disabled",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/xlarge/1/color",
+    "name": "borderColor/muted",
     "value": {
       "r": 0.18823529411764706,
       "g": 0.21176470588235294,
       "b": 0.23921568627450981,
-      "a": 1
+      "a": 0.7
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
+    "alpha": 0.7,
+    "refId": "mode/borderColor/muted",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
+    }
   },
   {
-    "name": "shadow/floating/xlarge/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "name": "bgColor/open-emphasis",
+    "value": {
+      "r": 0.13725490196078433,
+      "g": 0.5254901960784314,
+      "b": 0.21176470588235294,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/open-emphasis",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/xlarge/2/offsetY",
-    "value": 32,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "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/blur",
-    "value": 64,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "name": "bgColor/open-muted",
+    "value": {
+      "r": 0.1803921568627451,
+      "g": 0.6274509803921569,
+      "b": 0.2627450980392157,
+      "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",
-    "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.24705882352941178,
+      "g": 0.7254901960784313,
+      "b": 0.3137254901960784,
       "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "refId": "mode/fgColor/open",
+    "reference": "mode/fgColor/success",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/1/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "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/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "name": "fgColor/link",
+    "value": {
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/link",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/1/spread",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "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/color",
+    "name": "underlineNav/iconColor/rest",
     "value": {
-      "r": 0.18823529411764706,
-      "g": 0.21176470588235294,
-      "b": 0.23921568627450981,
+      "r": 0.5176470588235295,
+      "g": 0.5529411764705883,
+      "b": 0.592156862745098,
       "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "refId": "mode/underlineNav/iconColor/rest",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/2/offsetY",
-    "value": 24,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/large/2/blur",
-    "value": 48,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "name": "underlineNav/borderColor/hover",
+    "value": {
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "refId": "mode/underlineNav/borderColor/hover",
+    "reference": "mode/borderColor/neutral-muted",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/2/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/large/2/color",
+    "name": "treeViewItem/leadingVisual/iconColor/rest",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
+      "r": 0.5176470588235295,
+      "g": 0.5529411764705883,
+      "b": 0.592156862745098,
       "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
+    "refId": "mode/treeViewItem/leadingVisual/iconColor/rest",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/1/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "name": "focus/outlineColor",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/focus/outlineColor",
+    "reference": "mode/borderColor/accent-emphasis",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/1/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/medium/1/spread",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "name": "buttonCounter/danger/fgColor/disabled",
+    "value": {
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "alpha": 0.5,
+    "refId": "mode/buttonCounter/danger/fgColor/disabled",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/1/color",
+    "name": "buttonCounter/danger/fgColor/rest",
     "value": {
-      "r": 0.18823529411764706,
-      "g": 0.21176470588235294,
-      "b": 0.23921568627450981,
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
       "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "refId": "mode/buttonCounter/danger/fgColor/rest",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/2/offsetY",
-    "value": 8,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/2/blur",
-    "value": 16,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "name": "buttonCounter/danger/bgColor/disabled",
+    "value": {
+      "r": 0.8549019607843137,
+      "g": 0.21176470588235294,
+      "b": 0.2,
+      "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/2/spread",
-    "value": -4,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/2/color",
+    "name": "buttonCounter/outline/fgColor/disabled",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.4
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
+      "a": 0.5
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/3/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "alpha": 0.5,
+    "refId": "mode/buttonCounter/outline/fgColor/disabled",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/3/offsetY",
-    "value": 4,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/3/blur",
-    "value": 32,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "name": "buttonCounter/outline/bgColor/disabled",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
+      "a": 0.05
+    },
+    "type": "COLOR",
+    "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",
-    "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": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 0.1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/4/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "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",
-    "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",
+    "name": "button/danger/borderColor/rest",
+    "value": {
+      "r": 0.18823529411764706,
+      "g": 0.21176470588235294,
+      "b": 0.23921568627450981,
+      "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",
-    "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.12941176470588237,
+      "g": 0.14901960784313725,
+      "b": 0.17647058823529413,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/5/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "refId": "mode/button/danger/bgColor/rest",
+    "reference": "mode/control/bgColor/rest",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/5/offsetY",
-    "value": 48,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "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",
+    "name": "button/danger/iconColor/rest",
+    "value": {
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "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",
-    "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": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 0.5
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
+    "alpha": 0.5,
+    "refId": "mode/button/danger/fgColor/disabled",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/1/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "name": "button/danger/fgColor/rest",
+    "value": {
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/fgColor/rest",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/1/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/1/spread",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "name": "button/outline/borderColor/selected",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/outline/borderColor/selected",
+    "reference": "mode/button/outline/borderColor/hover",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/small/1/color",
+    "name": "button/outline/fgColor/disabled",
     "value": {
-      "r": 0.18823529411764706,
-      "g": 0.21176470588235294,
-      "b": 0.23921568627450981,
-      "a": 1
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
+      "a": 0.5
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
+    "alpha": 0.5,
+    "refId": "mode/button/outline/fgColor/disabled",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/2/offsetY",
-    "value": 6,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "name": "button/invisible/borderColor/hover",
+    "value": {
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/borderColor/hover",
+    "reference": "mode/control/transparent/borderColor/hover",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/2/blur",
-    "value": 12,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/small/2/spread",
-    "value": -3,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "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",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/small/2/color",
+    "name": "button/invisible/bgColor/active",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.4
+      "r": 0.6941176470588235,
+      "g": 0.7294117647058823,
+      "b": 0.7686274509803922,
+      "a": 0.2
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
+    "refId": "mode/button/invisible/bgColor/active",
+    "reference": "mode/control/transparent/bgColor/active",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/3/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/3/offsetY",
-    "value": 6,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "name": "button/invisible/bgColor/hover",
+    "value": {
+      "r": 0.6941176470588235,
+      "g": 0.7294117647058823,
+      "b": 0.7686274509803922,
+      "a": 0.12
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/bgColor/hover",
+    "reference": "mode/control/transparent/bgColor/hover",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/3/blur",
-    "value": 18,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/3/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
+    "name": "button/invisible/bgColor/rest",
+    "value": {
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/bgColor/rest",
+    "reference": "mode/control/transparent/bgColor/rest",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/3/color",
+    "name": "button/invisible/iconColor/hover",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.4
+      "r": 0.9019607843137255,
+      "g": 0.9294117647058824,
+      "b": 0.9529411764705882,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
+    "refId": "mode/button/invisible/iconColor/hover",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "borderColor/open-emphasis",
+    "name": "button/invisible/iconColor/rest",
     "value": {
-      "r": 0.13725490196078433,
-      "g": 0.5254901960784314,
-      "b": 0.21176470588235294,
+      "r": 0.5176470588235295,
+      "g": 0.5529411764705883,
+      "b": 0.592156862745098,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/open-emphasis",
-    "reference": "mode/borderColor/success-emphasis",
+    "refId": "mode/button/invisible/iconColor/rest",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
-    }
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "borderColor/open-muted",
+    "name": "button/invisible/fgColor/rest",
     "value": {
-      "r": 0.1803921568627451,
-      "g": 0.6274509803921569,
-      "b": 0.2627450980392157,
-      "a": 0.4
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/open-muted",
-    "reference": "mode/borderColor/success-muted",
+    "refId": "mode/button/invisible/fgColor/rest",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
     "mode": "dark",
-    "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/borderColor/disabled",
     "value": {
-      "r": 0.08627450980392157,
-      "g": 0.10588235294117647,
-      "b": 0.13333333333333333,
+      "r": 0.4666666666666667,
+      "g": 0.788235294117647,
+      "b": 0.5098039215686274,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/disabled",
-    "reference": "mode/bgColor/disabled",
+    "refId": "mode/button/primary/borderColor/disabled",
+    "reference": "mode/button/primary/bgColor/disabled",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
+    "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "borderColor/muted",
+    "name": "button/primary/borderColor/active",
     "value": {
-      "r": 0.18823529411764706,
-      "g": 0.21176470588235294,
-      "b": 0.23921568627450981,
-      "a": 0.7
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 0.1
     },
     "type": "COLOR",
-    "alpha": 0.7,
-    "refId": "mode/borderColor/muted",
-    "reference": "mode/borderColor/default",
+    "refId": "mode/button/primary/borderColor/active",
+    "reference": "mode/button/primary/borderColor/rest",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
-    }
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "bgColor/open-emphasis",
+    "name": "button/primary/borderColor/hover",
     "value": {
-      "r": 0.13725490196078433,
-      "g": 0.5254901960784314,
-      "b": 0.21176470588235294,
-      "a": 1
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 0.1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/open-emphasis",
-    "reference": "mode/bgColor/success-emphasis",
+    "refId": "mode/button/primary/borderColor/hover",
+    "reference": "mode/button/primary/borderColor/rest",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
-    }
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "bgColor/open-muted",
+    "name": "button/primary/bgColor/active",
     "value": {
       "r": 0.1803921568627451,
-      "g": 0.6274509803921569,
-      "b": 0.2627450980392157,
-      "a": 0.1
+      "g": 0.6039215686274509,
+      "b": 0.25098039215686274,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/bgColor/open-muted",
-    "reference": "mode/bgColor/success-muted",
+    "isMix": true,
+    "refId": "mode/button/primary/bgColor/active",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
-    }
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/open",
+    "name": "button/primary/bgColor/hover",
     "value": {
-      "r": 0.24705882352941178,
-      "g": 0.7254901960784313,
-      "b": 0.3137254901960784,
+      "r": 0.1607843137254902,
+      "g": 0.5647058823529412,
+      "b": 0.23137254901960785,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/open",
-    "reference": "mode/fgColor/success",
+    "isMix": true,
+    "refId": "mode/button/primary/bgColor/hover",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
     "mode": "dark",
-    "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/primary/bgColor/rest",
     "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
+      "r": 0.13725490196078433,
+      "g": 0.5254901960784314,
+      "b": 0.21176470588235294,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/link",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/button/primary/bgColor/rest",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
     "mode": "dark",
-    "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": "underlineNav/iconColor/rest",
+    "name": "button/default/borderColor/rest",
     "value": {
-      "r": 0.5176470588235295,
-      "g": 0.5529411764705883,
-      "b": 0.592156862745098,
+      "r": 0.18823529411764706,
+      "g": 0.21176470588235294,
+      "b": 0.23921568627450981,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/underlineNav/iconColor/rest",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/button/default/borderColor/rest",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "underlineNav/borderColor/hover",
+    "name": "button/default/bgColor/selected",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4627450980392157,
-      "b": 0.5058823529411764,
-      "a": 0.4
+      "r": 0.19215686274509805,
+      "g": 0.21176470588235294,
+      "b": 0.24313725490196078,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/underlineNav/borderColor/hover",
-    "reference": "mode/borderColor/neutral-muted",
+    "refId": "mode/button/default/bgColor/selected",
+    "reference": "mode/control/bgColor/active",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "treeViewItem/leadingVisual/iconColor/rest",
+    "name": "button/default/bgColor/active",
     "value": {
-      "r": 0.5176470588235295,
-      "g": 0.5529411764705883,
-      "b": 0.592156862745098,
+      "r": 0.19215686274509805,
+      "g": 0.21176470588235294,
+      "b": 0.24313725490196078,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/treeViewItem/leadingVisual/iconColor/rest",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/button/default/bgColor/active",
+    "reference": "mode/control/bgColor/active",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "focus/outlineColor",
+    "name": "button/default/bgColor/hover",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.43529411764705883,
-      "b": 0.9215686274509803,
+      "r": 0.1607843137254902,
+      "g": 0.1803921568627451,
+      "b": 0.21176470588235294,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/focus/outlineColor",
-    "reference": "mode/borderColor/accent-emphasis",
+    "refId": "mode/button/default/bgColor/hover",
+    "reference": "mode/control/bgColor/hover",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/danger/fgColor/disabled",
+    "name": "button/default/bgColor/rest",
     "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
-      "a": 0.5
+      "r": 0.12941176470588237,
+      "g": 0.14901960784313725,
+      "b": 0.17647058823529413,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/buttonCounter/danger/fgColor/disabled",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/button/default/bgColor/rest",
+    "reference": "mode/control/bgColor/rest",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/danger/fgColor/rest",
+    "name": "button/default/fgColor/rest",
     "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
+      "r": 0.788235294117647,
+      "g": 0.8196078431372549,
+      "b": 0.8509803921568627,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/buttonCounter/danger/fgColor/rest",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/button/default/fgColor/rest",
+    "reference": "mode/control/fgColor/rest",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/danger/bgColor/disabled",
+    "name": "controlKnob/borderColor/rest",
     "value": {
-      "r": 0.8549019607843137,
-      "g": 0.21176470588235294,
-      "b": 0.2,
-      "a": 0.05
+      "r": 0.4,
+      "g": 0.43137254901960786,
+      "b": 0.4745098039215686,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.05,
-    "refId": "mode/buttonCounter/danger/bgColor/disabled",
-    "reference": "mode/bgColor/danger-emphasis",
+    "refId": "mode/controlKnob/borderColor/rest",
+    "reference": "mode/control/borderColor/emphasis",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "buttonCounter/outline/fgColor/disabled",
+    "name": "controlTrack/borderColor/disabled",
     "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
-      "a": 0.5
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/buttonCounter/outline/fgColor/disabled",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/controlTrack/borderColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "buttonCounter/outline/bgColor/disabled",
+    "name": "controlTrack/fgColor/disabled",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.43529411764705883,
-      "b": 0.9215686274509803,
-      "a": 0.05
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.05,
-    "refId": "mode/buttonCounter/outline/bgColor/disabled",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/controlTrack/fgColor/disabled",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/borderColor/active",
+    "name": "controlTrack/fgColor/rest",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
-      "a": 0.1
+      "r": 0.5176470588235295,
+      "g": 0.5529411764705883,
+      "b": 0.592156862745098,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/borderColor/active",
-    "reference": "mode/button/danger/borderColor/hover",
+    "refId": "mode/controlTrack/fgColor/rest",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/borderColor/rest",
+    "name": "controlTrack/bgColor/disabled",
     "value": {
-      "r": 0.18823529411764706,
-      "g": 0.21176470588235294,
-      "b": 0.23921568627450981,
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/borderColor/rest",
-    "reference": "mode/borderColor/default",
+    "refId": "mode/controlTrack/bgColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/bgColor/rest",
+    "name": "control/checked/borderColor/disabled",
     "value": {
-      "r": 0.12941176470588237,
-      "g": 0.14901960784313725,
-      "b": 0.17647058823529413,
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/bgColor/rest",
-    "reference": "mode/control/bgColor/rest",
+    "refId": "mode/control/checked/borderColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/danger/iconColor/rest",
+    "name": "control/checked/borderColor/active",
     "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
+      "r": 0.21176470588235294,
+      "g": 0.5215686274509804,
+      "b": 0.9529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/iconColor/rest",
-    "reference": "mode/fgColor/danger",
+    "isMix": true,
+    "refId": "mode/control/checked/borderColor/active",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/danger/fgColor/disabled",
+    "name": "control/checked/borderColor/hover",
     "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
-      "a": 0.5
+      "r": 0.16470588235294117,
+      "g": 0.47843137254901963,
+      "b": 0.9372549019607843,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/button/danger/fgColor/disabled",
-    "reference": "mode/fgColor/danger",
+    "isMix": true,
+    "refId": "mode/control/checked/borderColor/hover",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/danger/fgColor/rest",
+    "name": "control/checked/borderColor/rest",
     "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/fgColor/rest",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/control/checked/borderColor/rest",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/outline/borderColor/selected",
+    "name": "control/checked/fgColor/rest",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
-      "a": 0.1
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/outline/borderColor/selected",
-    "reference": "mode/button/outline/borderColor/hover",
+    "refId": "mode/control/checked/fgColor/rest",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/outline/fgColor/disabled",
+    "name": "control/checked/bgColor/disabled",
     "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
-      "a": 0.5
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/button/outline/fgColor/disabled",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/control/checked/bgColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/borderColor/hover",
+    "name": "control/checked/bgColor/active",
     "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
+      "r": 0.21176470588235294,
+      "g": 0.5215686274509804,
+      "b": 0.9529411764705882,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/borderColor/hover",
-    "reference": "mode/control/transparent/borderColor/hover",
+    "isMix": true,
+    "refId": "mode/control/checked/bgColor/active",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/borderColor/rest",
+    "name": "control/checked/bgColor/hover",
     "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
+      "r": 0.16470588235294117,
+      "g": 0.47843137254901963,
+      "b": 0.9372549019607843,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/borderColor/rest",
-    "reference": "mode/control/transparent/borderColor/rest",
+    "isMix": true,
+    "refId": "mode/control/checked/bgColor/hover",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/bgColor/disabled",
+    "name": "control/checked/bgColor/rest",
     "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/disabled",
-    "reference": "mode/control/transparent/bgColor/disabled",
+    "refId": "mode/control/checked/bgColor/rest",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/bgColor/active",
+    "name": "control/danger/bgColor/active",
     "value": {
-      "r": 0.6941176470588235,
-      "g": 0.7294117647058823,
-      "b": 0.7686274509803922,
-      "a": 0.2
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/active",
-    "reference": "mode/control/transparent/bgColor/active",
+    "alpha": 0.4,
+    "refId": "mode/control/danger/bgColor/active",
+    "reference": "mode/bgColor/danger-muted",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/bgColor/hover",
+    "name": "control/danger/bgColor/hover",
     "value": {
-      "r": 0.6941176470588235,
-      "g": 0.7294117647058823,
-      "b": 0.7686274509803922,
-      "a": 0.12
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 0.1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/hover",
-    "reference": "mode/control/transparent/bgColor/hover",
+    "refId": "mode/control/danger/bgColor/hover",
+    "reference": "mode/bgColor/danger-muted",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/bgColor/rest",
+    "name": "control/danger/fgColor/rest",
     "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/rest",
-    "reference": "mode/control/transparent/bgColor/rest",
+    "refId": "mode/control/danger/fgColor/rest",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/iconColor/hover",
+    "name": "control/transparent/bgColor/disabled",
     "value": {
-      "r": 0.9019607843137255,
-      "g": 0.9294117647058824,
-      "b": 0.9529411764705882,
-      "a": 1
+      "r": 0.12941176470588237,
+      "g": 0.14901960784313725,
+      "b": 0.17647058823529413,
+      "a": 0.7
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/iconColor/hover",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/control/transparent/bgColor/disabled",
+    "reference": "mode/bgColor/disabled",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/iconColor/rest",
+    "name": "control/iconColor/rest",
     "value": {
       "r": 0.5176470588235295,
       "g": 0.5529411764705883,
@@ -4998,983 +5030,1110 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/iconColor/rest",
+    "refId": "mode/control/iconColor/rest",
     "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/fgColor/rest",
+    "name": "control/borderColor/warning",
     "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
+      "r": 0.6196078431372549,
+      "g": 0.41568627450980394,
+      "b": 0.011764705882352941,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/fgColor/rest",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/control/borderColor/warning",
+    "reference": "mode/borderColor/attention-emphasis",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/primary/borderColor/disabled",
+    "name": "control/borderColor/danger",
     "value": {
-      "r": 0.27450980392156865,
-      "g": 0.7490196078431373,
-      "b": 0.3411764705882353,
+      "r": 0.8549019607843137,
+      "g": 0.21176470588235294,
+      "b": 0.2,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/borderColor/disabled",
-    "reference": "mode/button/primary/bgColor/disabled",
+    "refId": "mode/control/borderColor/danger",
+    "reference": "mode/borderColor/danger-emphasis",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/primary/borderColor/active",
+    "name": "control/borderColor/success",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
-      "a": 0.1
+      "r": 0.13725490196078433,
+      "g": 0.5254901960784314,
+      "b": 0.21176470588235294,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/borderColor/active",
-    "reference": "mode/button/primary/borderColor/rest",
+    "refId": "mode/control/borderColor/success",
+    "reference": "mode/borderColor/success-emphasis",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/primary/borderColor/hover",
+    "name": "control/borderColor/rest",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
-      "a": 0.1
+      "r": 0.18823529411764706,
+      "g": 0.21176470588235294,
+      "b": 0.23921568627450981,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/borderColor/hover",
-    "reference": "mode/button/primary/borderColor/rest",
+    "refId": "mode/control/borderColor/rest",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/primary/bgColor/active",
+    "name": "control/fgColor/disabled",
     "value": {
-      "r": 0.1803921568627451,
-      "g": 0.6039215686274509,
-      "b": 0.25098039215686274,
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/button/primary/bgColor/active",
-    "reference": "mode/bgColor/success-emphasis",
+    "refId": "mode/control/fgColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "control/bgColor/disabled",
+    "value": {
+      "r": 0.12941176470588237,
+      "g": 0.14901960784313725,
+      "b": 0.17647058823529413,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "refId": "mode/control/bgColor/disabled",
+    "reference": "mode/bgColor/disabled",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/primary/bgColor/hover",
+    "name": "codeMirror/lines/bgColor",
+    "value": {
+      "r": 0.050980392156862744,
+      "g": 0.06666666666666667,
+      "b": 0.09019607843137255,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/codeMirror/lines/bgColor",
+    "reference": "mode/bgColor/default",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "codeMirror/matchingBracket/fgColor",
+    "value": {
+      "r": 0.9019607843137255,
+      "g": 0.9294117647058824,
+      "b": 0.9529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/codeMirror/matchingBracket/fgColor",
+    "reference": "mode/fgColor/default",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "codeMirror/activeline/bgColor",
     "value": {
-      "r": 0.1607843137254902,
-      "g": 0.5647058823529412,
-      "b": 0.23137254901960785,
-      "a": 1
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
+      "a": 0.4
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/button/primary/bgColor/hover",
-    "reference": "mode/bgColor/success-emphasis",
+    "refId": "mode/codeMirror/activeline/bgColor",
+    "reference": "mode/bgColor/neutral-muted",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/primary/bgColor/rest",
+    "name": "codeMirror/selection/bgColor",
     "value": {
-      "r": 0.13725490196078433,
-      "g": 0.5254901960784314,
-      "b": 0.21176470588235294,
-      "a": 1
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/bgColor/rest",
-    "reference": "mode/bgColor/success-emphasis",
+    "refId": "mode/codeMirror/selection/bgColor",
+    "reference": "mode/borderColor/accent-muted",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/borderColor/rest",
+    "name": "codeMirror/cursor/fgColor",
     "value": {
-      "r": 0.18823529411764706,
-      "g": 0.21176470588235294,
-      "b": 0.23921568627450981,
+      "r": 0.9019607843137255,
+      "g": 0.9294117647058824,
+      "b": 0.9529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/borderColor/rest",
-    "reference": "mode/borderColor/default",
+    "refId": "mode/codeMirror/cursor/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/bgColor/selected",
+    "name": "codeMirror/lineNumber/fgColor",
     "value": {
-      "r": 0.19215686274509805,
-      "g": 0.21176470588235294,
-      "b": 0.24313725490196078,
+      "r": 0.5176470588235295,
+      "g": 0.5529411764705883,
+      "b": 0.592156862745098,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/selected",
-    "reference": "mode/control/bgColor/active",
+    "refId": "mode/codeMirror/lineNumber/fgColor",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/bgColor/active",
+    "name": "codeMirror/gutterMarker/fgColor/muted",
     "value": {
-      "r": 0.19215686274509805,
-      "g": 0.21176470588235294,
-      "b": 0.24313725490196078,
+      "r": 0.5176470588235295,
+      "g": 0.5529411764705883,
+      "b": 0.592156862745098,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/active",
-    "reference": "mode/control/bgColor/active",
+    "refId": "mode/codeMirror/gutterMarker/fgColor/muted",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/bgColor/hover",
+    "name": "codeMirror/gutterMarker/fgColor/default",
     "value": {
-      "r": 0.1607843137254902,
-      "g": 0.1803921568627451,
-      "b": 0.21176470588235294,
+      "r": 0.050980392156862744,
+      "g": 0.06666666666666667,
+      "b": 0.09019607843137255,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/hover",
-    "reference": "mode/control/bgColor/hover",
+    "refId": "mode/codeMirror/gutterMarker/fgColor/default",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/bgColor/rest",
+    "name": "codeMirror/gutters/bgColor",
     "value": {
-      "r": 0.12941176470588237,
-      "g": 0.14901960784313725,
-      "b": 0.17647058823529413,
+      "r": 0.050980392156862744,
+      "g": 0.06666666666666667,
+      "b": 0.09019607843137255,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/rest",
-    "reference": "mode/control/bgColor/rest",
+    "refId": "mode/codeMirror/gutters/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/fgColor/rest",
+    "name": "codeMirror/bgColor",
     "value": {
-      "r": 0.788235294117647,
-      "g": 0.8196078431372549,
-      "b": 0.8509803921568627,
+      "r": 0.050980392156862744,
+      "g": 0.06666666666666667,
+      "b": 0.09019607843137255,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/fgColor/rest",
-    "reference": "mode/control/fgColor/rest",
+    "refId": "mode/codeMirror/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlKnob/borderColor/rest",
+    "name": "codeMirror/fgColor",
     "value": {
-      "r": 0.4,
-      "g": 0.43137254901960786,
-      "b": 0.4745098039215686,
+      "r": 0.9019607843137255,
+      "g": 0.9294117647058824,
+      "b": 0.9529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlKnob/borderColor/rest",
-    "reference": "mode/control/borderColor/emphasis",
+    "refId": "mode/codeMirror/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/borderColor/disabled",
+    "name": "diffBlob/expander/iconColor",
     "value": {
-      "r": 0.5450980392156862,
-      "g": 0.5803921568627451,
-      "b": 0.6196078431372549,
+      "r": 0.5176470588235295,
+      "g": 0.5529411764705883,
+      "b": 0.592156862745098,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/borderColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "refId": "mode/diffBlob/expander/iconColor",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/fgColor/disabled",
+    "name": "diffBlob/hunk/bgColor/num",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/fgColor/disabled",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/diffBlob/hunk/bgColor/num",
+    "reference": "mode/borderColor/accent-muted",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/fgColor/rest",
+    "name": "diffBlob/deletion/fgColor/num",
     "value": {
-      "r": 0.5176470588235295,
-      "g": 0.5529411764705883,
-      "b": 0.592156862745098,
+      "r": 0.9019607843137255,
+      "g": 0.9294117647058824,
+      "b": 0.9529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/fgColor/rest",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/diffBlob/deletion/fgColor/num",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/bgColor/disabled",
+    "name": "diffBlob/deletion/fgColor/text",
     "value": {
-      "r": 0.5450980392156862,
-      "g": 0.5803921568627451,
-      "b": 0.6196078431372549,
+      "r": 0.9019607843137255,
+      "g": 0.9294117647058824,
+      "b": 0.9529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/bgColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "refId": "mode/diffBlob/deletion/fgColor/text",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/disabled",
+    "name": "diffBlob/addition/fgColor/num",
     "value": {
-      "r": 0.5450980392156862,
-      "g": 0.5803921568627451,
-      "b": 0.6196078431372549,
+      "r": 0.9019607843137255,
+      "g": 0.9294117647058824,
+      "b": 0.9529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/borderColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "refId": "mode/diffBlob/addition/fgColor/num",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/active",
+    "name": "diffBlob/addition/fgColor/text",
     "value": {
-      "r": 0.21176470588235294,
-      "g": 0.5215686274509804,
+      "r": 0.9019607843137255,
+      "g": 0.9294117647058824,
       "b": 0.9529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/borderColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/diffBlob/addition/fgColor/text",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/hover",
+    "name": "page/header/bgColor",
     "value": {
-      "r": 0.16470588235294117,
-      "g": 0.47843137254901963,
-      "b": 0.9372549019607843,
+      "r": 0.050980392156862744,
+      "g": 0.06666666666666667,
+      "b": 0.09019607843137255,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/borderColor/hover",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/page/header/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/rest",
+    "name": "selection/bgColor",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.43529411764705883,
-      "b": 0.9215686274509803,
-      "a": 1
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
+      "a": 0.2
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/borderColor/rest",
-    "reference": "mode/bgColor/accent-emphasis",
+    "alpha": 0.2,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/fgColor/link",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/fgColor/rest",
+    "name": "overlay/borderColor",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
+      "r": 0.18823529411764706,
+      "g": 0.21176470588235294,
+      "b": 0.23921568627450981,
+      "a": 0.7
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/fgColor/rest",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/overlay/borderColor",
+    "reference": "mode/borderColor/muted",
     "collection": "mode",
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["ALL_SCOPES"]
   },
   {
-    "name": "control/checked/bgColor/disabled",
+    "name": "button/danger/bgColor/disabled",
     "value": {
-      "r": 0.5450980392156862,
-      "g": 0.5803921568627451,
-      "b": 0.6196078431372549,
-      "a": 1
+      "r": 0.12941176470588237,
+      "g": 0.14901960784313725,
+      "b": 0.17647058823529413,
+      "a": 0.7
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/bgColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "refId": "mode/button/danger/bgColor/disabled",
+    "reference": "mode/control/bgColor/disabled",
     "collection": "mode",
     "mode": "dark",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/bgColor/active",
+    "name": "button/invisible/bgColor/disabled",
     "value": {
-      "r": 0.21176470588235294,
-      "g": 0.5215686274509804,
-      "b": 0.9529411764705882,
-      "a": 1
+      "r": 0.12941176470588237,
+      "g": 0.14901960784313725,
+      "b": 0.17647058823529413,
+      "a": 0.7
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/bgColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/button/invisible/bgColor/disabled",
+    "reference": "mode/control/transparent/bgColor/disabled",
     "collection": "mode",
     "mode": "dark",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/bgColor/hover",
+    "name": "button/invisible/iconColor/disabled",
     "value": {
-      "r": 0.16470588235294117,
-      "g": 0.47843137254901963,
-      "b": 0.9372549019607843,
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/bgColor/hover",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/button/invisible/iconColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
     "collection": "mode",
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/bgColor/rest",
+    "name": "button/invisible/fgColor/disabled",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.43529411764705883,
-      "b": 0.9215686274509803,
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/bgColor/rest",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/button/invisible/fgColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
     "collection": "mode",
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/danger/bgColor/active",
+    "name": "button/default/borderColor/active",
     "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
-      "a": 0.4
+      "r": 0.18823529411764706,
+      "g": 0.21176470588235294,
+      "b": 0.23921568627450981,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/control/danger/bgColor/active",
-    "reference": "mode/bgColor/danger-muted",
+    "refId": "mode/button/default/borderColor/active",
+    "reference": "mode/button/default/borderColor/rest",
     "collection": "mode",
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "control/danger/bgColor/hover",
+    "name": "button/default/borderColor/hover",
     "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
-      "a": 0.1
+      "r": 0.18823529411764706,
+      "g": 0.21176470588235294,
+      "b": 0.23921568627450981,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/danger/bgColor/hover",
-    "reference": "mode/bgColor/danger-muted",
+    "refId": "mode/button/default/borderColor/hover",
+    "reference": "mode/button/default/borderColor/rest",
     "collection": "mode",
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "control/danger/fgColor/rest",
+    "name": "button/default/bgColor/disabled",
     "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
-      "a": 1
+      "r": 0.12941176470588237,
+      "g": 0.14901960784313725,
+      "b": 0.17647058823529413,
+      "a": 0.7
     },
     "type": "COLOR",
-    "refId": "mode/control/danger/fgColor/rest",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/button/default/bgColor/disabled",
+    "reference": "mode/control/bgColor/disabled",
     "collection": "mode",
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/iconColor/rest",
+    "name": "controlKnob/borderColor/checked",
     "value": {
-      "r": 0.5176470588235295,
-      "g": 0.5529411764705883,
-      "b": 0.592156862745098,
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/iconColor/rest",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/controlKnob/borderColor/checked",
+    "reference": "mode/control/checked/bgColor/rest",
     "collection": "mode",
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "control/borderColor/warning",
+    "name": "controlKnob/borderColor/disabled",
     "value": {
-      "r": 0.6196078431372549,
-      "g": 0.41568627450980394,
-      "b": 0.011764705882352941,
-      "a": 1
+      "r": 0.12941176470588237,
+      "g": 0.14901960784313725,
+      "b": 0.17647058823529413,
+      "a": 0.7
     },
     "type": "COLOR",
-    "refId": "mode/control/borderColor/warning",
-    "reference": "mode/borderColor/attention-emphasis",
+    "refId": "mode/controlKnob/borderColor/disabled",
+    "reference": "mode/control/bgColor/disabled",
     "collection": "mode",
     "mode": "dark",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "control/borderColor/danger",
+    "name": "controlKnob/bgColor/disabled",
     "value": {
-      "r": 0.8549019607843137,
-      "g": 0.21176470588235294,
-      "b": 0.2,
-      "a": 1
+      "r": 0.12941176470588237,
+      "g": 0.14901960784313725,
+      "b": 0.17647058823529413,
+      "a": 0.7
     },
     "type": "COLOR",
-    "refId": "mode/control/borderColor/danger",
-    "reference": "mode/borderColor/danger-emphasis",
+    "refId": "mode/controlKnob/bgColor/disabled",
+    "reference": "mode/control/bgColor/disabled",
     "collection": "mode",
     "mode": "dark",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/borderColor/success",
+    "name": "control/borderColor/disabled",
     "value": {
-      "r": 0.13725490196078433,
-      "g": 0.5254901960784314,
-      "b": 0.21176470588235294,
-      "a": 1
+      "r": 0.12941176470588237,
+      "g": 0.14901960784313725,
+      "b": 0.17647058823529413,
+      "a": 0.7
     },
     "type": "COLOR",
-    "refId": "mode/control/borderColor/success",
-    "reference": "mode/borderColor/success-emphasis",
+    "refId": "mode/control/borderColor/disabled",
+    "reference": "mode/borderColor/disabled",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "control/borderColor/rest",
+    "name": "avatar/borderColor",
     "value": {
       "r": 0.18823529411764706,
       "g": 0.21176470588235294,
       "b": 0.23921568627450981,
-      "a": 1
+      "a": 0.7
     },
     "type": "COLOR",
-    "refId": "mode/control/borderColor/rest",
-    "reference": "mode/borderColor/default",
+    "refId": "mode/avatar/borderColor",
+    "reference": "mode/borderColor/muted",
     "collection": "mode",
     "mode": "dark",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "control/fgColor/disabled",
+    "name": "shadow/floating/xlarge/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/1/color",
     "value": {
-      "r": 0.5450980392156862,
-      "g": 0.5803921568627451,
-      "b": 0.6196078431372549,
+      "r": 0.18823529411764706,
+      "g": 0.21176470588235294,
+      "b": 0.23921568627450981,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/fgColor/disabled",
-    "reference": "mode/fgColor/disabled",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/bgColor/disabled",
-    "value": {
-      "r": 0.08627450980392157,
-      "g": 0.10588235294117647,
-      "b": 0.13333333333333333,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/bgColor/disabled",
-    "reference": "mode/bgColor/disabled",
+    "name": "shadow/floating/xlarge/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/2/offsetY",
+    "value": 32,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/lines/bgColor",
-    "value": {
-      "r": 0.050980392156862744,
-      "g": 0.06666666666666667,
-      "b": 0.09019607843137255,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/lines/bgColor",
-    "reference": "mode/bgColor/default",
+    "name": "shadow/floating/xlarge/2/blur",
+    "value": 64,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/matchingBracket/fgColor",
+    "name": "shadow/floating/xlarge/2/color",
     "value": {
-      "r": 0.9019607843137255,
-      "g": 0.9294117647058824,
-      "b": 0.9529411764705882,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/matchingBracket/fgColor",
-    "reference": "mode/fgColor/default",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/activeline/bgColor",
-    "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4627450980392157,
-      "b": 0.5058823529411764,
-      "a": 0.4
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/activeline/bgColor",
-    "reference": "mode/bgColor/neutral-muted",
+    "name": "shadow/floating/large/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/selection/bgColor",
-    "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
-      "a": 0.4
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/selection/bgColor",
-    "reference": "mode/borderColor/accent-muted",
+    "name": "shadow/floating/large/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/cursor/fgColor",
+    "name": "shadow/floating/large/1/color",
     "value": {
-      "r": 0.9019607843137255,
-      "g": 0.9294117647058824,
-      "b": 0.9529411764705882,
+      "r": 0.18823529411764706,
+      "g": 0.21176470588235294,
+      "b": 0.23921568627450981,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/cursor/fgColor",
-    "reference": "mode/fgColor/default",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/lineNumber/fgColor",
-    "value": {
-      "r": 0.5176470588235295,
-      "g": 0.5529411764705883,
-      "b": 0.592156862745098,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/lineNumber/fgColor",
-    "reference": "mode/fgColor/muted",
+    "name": "shadow/floating/large/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/2/offsetY",
+    "value": 24,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/gutterMarker/fgColor/muted",
-    "value": {
-      "r": 0.5176470588235295,
-      "g": 0.5529411764705883,
-      "b": 0.592156862745098,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/gutterMarker/fgColor/muted",
-    "reference": "mode/fgColor/muted",
+    "name": "shadow/floating/large/2/blur",
+    "value": 48,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/gutterMarker/fgColor/default",
+    "name": "shadow/floating/large/2/color",
     "value": {
-      "r": 0.050980392156862744,
-      "g": 0.06666666666666667,
-      "b": 0.09019607843137255,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/gutterMarker/fgColor/default",
-    "reference": "mode/bgColor/default",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/gutters/bgColor",
-    "value": {
-      "r": 0.050980392156862744,
-      "g": 0.06666666666666667,
-      "b": 0.09019607843137255,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/gutters/bgColor",
-    "reference": "mode/bgColor/default",
+    "name": "shadow/floating/medium/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/bgColor",
+    "name": "shadow/floating/medium/1/color",
     "value": {
-      "r": 0.050980392156862744,
-      "g": 0.06666666666666667,
-      "b": 0.09019607843137255,
+      "r": 0.18823529411764706,
+      "g": 0.21176470588235294,
+      "b": 0.23921568627450981,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/bgColor",
-    "reference": "mode/bgColor/default",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/fgColor",
-    "value": {
-      "r": 0.9019607843137255,
-      "g": 0.9294117647058824,
-      "b": 0.9529411764705882,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/fgColor",
-    "reference": "mode/fgColor/default",
+    "name": "shadow/floating/medium/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/2/offsetY",
+    "value": 8,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/expander/iconColor",
-    "value": {
-      "r": 0.5176470588235295,
-      "g": 0.5529411764705883,
-      "b": 0.592156862745098,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/diffBlob/expander/iconColor",
-    "reference": "mode/fgColor/muted",
+    "name": "shadow/floating/medium/2/blur",
+    "value": 16,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/2/spread",
+    "value": -4,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/hunk/bgColor/num",
+    "name": "shadow/floating/medium/2/color",
     "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/hunk/bgColor/num",
-    "reference": "mode/borderColor/accent-muted",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/deletion/fgColor/num",
-    "value": {
-      "r": 0.9019607843137255,
-      "g": 0.9294117647058824,
-      "b": 0.9529411764705882,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/diffBlob/deletion/fgColor/num",
-    "reference": "mode/fgColor/default",
+    "name": "shadow/floating/medium/3/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/3/offsetY",
+    "value": 4,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/deletion/fgColor/text",
-    "value": {
-      "r": 0.9019607843137255,
-      "g": 0.9294117647058824,
-      "b": 0.9529411764705882,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/diffBlob/deletion/fgColor/text",
-    "reference": "mode/fgColor/default",
+    "name": "shadow/floating/medium/3/blur",
+    "value": 32,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/3/spread",
+    "value": -4,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/addition/fgColor/num",
+    "name": "shadow/floating/medium/3/color",
     "value": {
-      "r": 0.9019607843137255,
-      "g": 0.9294117647058824,
-      "b": 0.9529411764705882,
-      "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",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/4/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/4/offsetY",
+    "value": 24,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/addition/fgColor/text",
-    "value": {
-      "r": 0.9019607843137255,
-      "g": 0.9294117647058824,
-      "b": 0.9529411764705882,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/diffBlob/addition/fgColor/text",
-    "reference": "mode/fgColor/default",
+    "name": "shadow/floating/medium/4/blur",
+    "value": 48,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/4/spread",
+    "value": -12,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "page/header/bgColor",
+    "name": "shadow/floating/medium/4/color",
     "value": {
-      "r": 0.050980392156862744,
-      "g": 0.06666666666666667,
-      "b": 0.09019607843137255,
-      "a": 1
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/page/header/bgColor",
-    "reference": "mode/bgColor/default",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/5/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
+    "name": "shadow/floating/medium/5/offsetY",
+    "value": 48,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/5/blur",
+    "value": 96,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "button/danger/bgColor/disabled",
-    "value": {
-      "r": 0.08627450980392157,
-      "g": 0.10588235294117647,
-      "b": 0.13333333333333333,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/danger/bgColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
-    "collection": "mode",
+    "name": "shadow/floating/medium/5/spread",
+    "value": -24,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "button/invisible/iconColor/disabled",
+    "name": "shadow/floating/medium/5/color",
     "value": {
-      "r": 0.5450980392156862,
-      "g": 0.5803921568627451,
-      "b": 0.6196078431372549,
-      "a": 1
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/iconColor/disabled",
-    "reference": "mode/control/fgColor/disabled",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "button/invisible/fgColor/disabled",
-    "value": {
-      "r": 0.5450980392156862,
-      "g": 0.5803921568627451,
-      "b": 0.6196078431372549,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/invisible/fgColor/disabled",
-    "reference": "mode/control/fgColor/disabled",
+    "name": "shadow/floating/small/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "button/default/borderColor/active",
-    "value": {
-      "r": 0.18823529411764706,
-      "g": 0.21176470588235294,
-      "b": 0.23921568627450981,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/default/borderColor/active",
-    "reference": "mode/button/default/borderColor/rest",
+    "name": "shadow/floating/small/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "button/default/borderColor/hover",
+    "name": "shadow/floating/small/1/color",
     "value": {
       "r": 0.18823529411764706,
       "g": 0.21176470588235294,
@@ -5982,116 +6141,118 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/borderColor/hover",
-    "reference": "mode/button/default/borderColor/rest",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "button/default/bgColor/disabled",
-    "value": {
-      "r": 0.08627450980392157,
-      "g": 0.10588235294117647,
-      "b": 0.13333333333333333,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/default/bgColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
+    "name": "shadow/floating/small/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/2/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "controlKnob/borderColor/checked",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.43529411764705883,
-      "b": 0.9215686274509803,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/controlKnob/borderColor/checked",
-    "reference": "mode/control/checked/bgColor/rest",
+    "name": "shadow/floating/small/2/blur",
+    "value": 12,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/2/spread",
+    "value": -3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "controlKnob/borderColor/disabled",
+    "name": "shadow/floating/small/2/color",
     "value": {
-      "r": 0.08627450980392157,
-      "g": 0.10588235294117647,
-      "b": 0.13333333333333333,
-      "a": 1
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/controlKnob/borderColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "controlKnob/bgColor/disabled",
-    "value": {
-      "r": 0.08627450980392157,
-      "g": 0.10588235294117647,
-      "b": 0.13333333333333333,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/controlKnob/bgColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
+    "name": "shadow/floating/small/3/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/3/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/borderColor/disabled",
-    "value": {
-      "r": 0.08627450980392157,
-      "g": 0.10588235294117647,
-      "b": 0.13333333333333333,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/borderColor/disabled",
-    "reference": "mode/borderColor/disabled",
+    "name": "shadow/floating/small/3/blur",
+    "value": 18,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/3/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "avatar/borderColor",
+    "name": "shadow/floating/small/3/color",
     "value": {
-      "r": 0.18823529411764706,
-      "g": 0.21176470588235294,
-      "b": 0.23921568627450981,
-      "a": 0.7
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/avatar/borderColor",
-    "reference": "mode/borderColor/muted",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
     "name": "button/invisible/borderColor/disabled",
     "value": {
-      "r": 0.08627450980392157,
-      "g": 0.10588235294117647,
-      "b": 0.13333333333333333,
-      "a": 1
+      "r": 0.12941176470588237,
+      "g": 0.14901960784313725,
+      "b": 0.17647058823529413,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/borderColor/disabled",
@@ -6104,10 +6265,10 @@
   {
     "name": "button/default/borderColor/disabled",
     "value": {
-      "r": 0.08627450980392157,
-      "g": 0.10588235294117647,
-      "b": 0.13333333333333333,
-      "a": 1
+      "r": 0.12941176470588237,
+      "g": 0.14901960784313725,
+      "b": 0.17647058823529413,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/button/default/borderColor/disabled",