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

package/tokens-next-private/figma/themes/light.json

@@ -1755,14 +1755,15 @@
   {
     "name": "bgColor/disabled",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
+      "r": 0.9176470588235294,
+      "g": 0.9333333333333333,
+      "b": 0.9490196078431372,
+      "a": 0.7
     },
     "type": "COLOR",
+    "alpha": 0.7,
     "refId": "mode/bgColor/disabled",
-    "reference": "base/color/light/base/color/gray/0",
+    "reference": "base/color/light/base/color/gray/1",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -2197,22 +2198,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "overlay/borderColor",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/overlay/borderColor",
-    "reference": "base/color/light/base/color/transparent",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["ALL_SCOPES"]
-  },
   {
     "name": "overlay/bgColor",
     "value": {
@@ -3019,22 +3004,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "control/transparent/bgColor/disabled",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/control/transparent/bgColor/disabled",
-    "reference": "base/color/light/base/color/transparent",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "control/transparent/bgColor/active",
     "value": {
@@ -3314,6 +3283,166 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/gray/color",
+    "value": {
+      "r": 0.5019607843137255,
+      "g": 0.5607843137254902,
+      "b": 0.6392156862745098,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/gray/color",
+    "reference": "base/color/light/base/display/color/gray/4",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/red/color",
+    "value": {
+      "r": 0.8745098039215686,
+      "g": 0.047058823529411764,
+      "b": 0.1411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/red/color",
+    "reference": "base/color/light/base/display/color/red/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/pink/color",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.17254901960784313,
+      "b": 0.5215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/pink/color",
+    "reference": "base/color/light/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/purple/color",
+    "value": {
+      "r": 0.5372549019607843,
+      "g": 0.2980392156862745,
+      "b": 0.9215686274509803,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/purple/color",
+    "reference": "base/color/light/base/display/color/purple/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/teal/color",
+    "value": {
+      "r": 0.09019607843137255,
+      "g": 0.6078431372549019,
+      "b": 0.6078431372549019,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/teal/color",
+    "reference": "base/color/light/base/display/color/teal/4",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/green/color",
+    "value": {
+      "r": 0.18823529411764706,
+      "g": 0.6313725490196078,
+      "b": 0.2784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/green/color",
+    "reference": "base/color/light/base/display/color/green/4",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/yellow/color",
+    "value": {
+      "r": 0.7215686274509804,
+      "g": 0.5294117647058824,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/yellow/color",
+    "reference": "base/color/light/base/display/color/yellow/4",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/orange/color",
+    "value": {
+      "r": 0.9215686274509803,
+      "g": 0.403921568627451,
+      "b": 0.058823529411764705,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/orange/color",
+    "reference": "base/color/light/base/display/color/orange/4",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/auburn/color",
+    "value": {
+      "r": 0.615686274509804,
+      "g": 0.3803921568627451,
+      "b": 0.3607843137254902,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/auburn/color",
+    "reference": "base/color/light/base/display/color/auburn/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "data/blue/color",
+    "value": {
+      "r": 0,
+      "g": 0.43137254901960786,
+      "b": 0.8588235294117647,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/blue/color",
+    "reference": "base/color/light/base/display/color/blue/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "headerSearch/borderColor",
     "value": {
@@ -3687,757 +3816,665 @@
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/xlarge/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "borderColor/open-emphasis",
+    "value": {
+      "r": 0.10196078431372549,
+      "g": 0.4980392156862745,
+      "b": 0.21568627450980393,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/open-emphasis",
+    "reference": "mode/borderColor/success-emphasis",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/xlarge/1/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
+    }
   },
   {
-    "name": "shadow/floating/xlarge/1/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "borderColor/open-muted",
+    "value": {
+      "r": 0.2901960784313726,
+      "g": 0.7607843137254902,
+      "b": 0.4196078431372549,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/open-muted",
+    "reference": "mode/borderColor/success-muted",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/xlarge/1/spread",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
+    }
   },
   {
-    "name": "shadow/floating/xlarge/1/color",
+    "name": "borderColor/disabled",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.9176470588235294,
+      "g": 0.9333333333333333,
+      "b": 0.9490196078431372,
+      "a": 0.7
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
+    "refId": "mode/borderColor/disabled",
+    "reference": "mode/bgColor/disabled",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/xlarge/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/xlarge/2/offsetY",
-    "value": 56,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "borderColor/muted",
+    "value": {
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "alpha": 0.7,
+    "refId": "mode/borderColor/muted",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
+    }
   },
   {
-    "name": "shadow/floating/xlarge/2/blur",
-    "value": 112,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "bgColor/open-emphasis",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.5333333333333333,
+      "b": 0.23921568627450981,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/open-emphasis",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/xlarge/2/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "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/color",
+    "name": "bgColor/open-muted",
     "value": {
-      "r": 0.25882352941176473,
-      "g": 0.2901960784313726,
-      "b": 0.3254901960784314,
-      "a": 0.32
+      "r": 0.8549019607843137,
+      "g": 0.984313725490196,
+      "b": 0.8823529411764706,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "refId": "mode/bgColor/open-muted",
+    "reference": "mode/bgColor/success-muted",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/1/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "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/large/1/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "fgColor/closed",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.1411764705882353,
+      "b": 0.1843137254901961,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/closed",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/1/spread",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
+    }
   },
   {
-    "name": "shadow/floating/large/1/color",
+    "name": "fgColor/open",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.10196078431372549,
+      "g": 0.4980392156862745,
+      "b": 0.21568627450980393,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
+    "refId": "mode/fgColor/open",
+    "reference": "mode/fgColor/success",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/2/offsetY",
-    "value": 40,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "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/2/blur",
-    "value": 80,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "fgColor/link",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/link",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/large/2/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "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/2/color",
+    "name": "underlineNav/iconColor/rest",
     "value": {
-      "r": 0.25882352941176473,
-      "g": 0.2901960784313726,
-      "b": 0.3254901960784314,
-      "a": 0.24
+      "r": 0.38823529411764707,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
+    "refId": "mode/underlineNav/iconColor/rest",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/1/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "underlineNav/borderColor/hover",
+    "value": {
+      "r": 0.6862745098039216,
+      "g": 0.7215686274509804,
+      "b": 0.7568627450980392,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "refId": "mode/underlineNav/borderColor/hover",
+    "reference": "mode/borderColor/neutral-muted",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/1/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/1/spread",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/medium/1/color",
+    "name": "focus/outlineColor",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "refId": "mode/focus/outlineColor",
+    "reference": "mode/borderColor/accent-emphasis",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/2/offsetY",
-    "value": 8,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/medium/2/blur",
-    "value": 16,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "buttonCounter/danger/fgColor/disabled",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.1411764705882353,
+      "b": 0.1843137254901961,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "alpha": 0.5,
+    "refId": "mode/buttonCounter/danger/fgColor/disabled",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/2/spread",
-    "value": -4,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/2/color",
+    "name": "buttonCounter/danger/bgColor/rest",
     "value": {
-      "r": 0.25882352941176473,
-      "g": 0.2901960784313726,
-      "b": 0.3254901960784314,
-      "a": 0.08
+      "r": 0.8117647058823529,
+      "g": 0.13333333333333333,
+      "b": 0.1803921568627451,
+      "a": 0.1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/3/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "alpha": 0.1,
+    "refId": "mode/buttonCounter/danger/bgColor/rest",
+    "reference": "mode/bgColor/danger-emphasis",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/3/offsetY",
-    "value": 4,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/3/blur",
-    "value": 32,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "buttonCounter/danger/bgColor/disabled",
+    "value": {
+      "r": 0.8117647058823529,
+      "g": 0.13333333333333333,
+      "b": 0.1803921568627451,
+      "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/3/spread",
-    "value": -4,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/3/color",
+    "name": "buttonCounter/outline/fgColor/disabled",
     "value": {
-      "r": 0.25882352941176473,
-      "g": 0.2901960784313726,
-      "b": 0.3254901960784314,
-      "a": 0.08
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 0.5
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
+    "alpha": 0.5,
+    "refId": "mode/buttonCounter/outline/fgColor/disabled",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/4/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/4/offsetY",
-    "value": 24,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "buttonCounter/outline/bgColor/disabled",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "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/4/blur",
-    "value": 48,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/4/spread",
-    "value": -12,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "buttonCounter/outline/bgColor/rest",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "alpha": 0.1,
+    "refId": "mode/buttonCounter/outline/bgColor/rest",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/4/color",
+    "name": "buttonCounter/invisible/bgColor/rest",
     "value": {
-      "r": 0.25882352941176473,
-      "g": 0.2901960784313726,
-      "b": 0.3254901960784314,
-      "a": 0.08
+      "r": 0.6862745098039216,
+      "g": 0.7215686274509804,
+      "b": 0.7568627450980392,
+      "a": 0.2
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
+    "refId": "mode/buttonCounter/invisible/bgColor/rest",
+    "reference": "mode/bgColor/neutral-muted",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/5/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/5/offsetY",
-    "value": 48,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "buttonCounter/default/bgColor/rest",
+    "value": {
+      "r": 0.6862745098039216,
+      "g": 0.7215686274509804,
+      "b": 0.7568627450980392,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "refId": "mode/buttonCounter/default/bgColor/rest",
+    "reference": "mode/bgColor/neutral-muted",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/medium/5/blur",
-    "value": 96,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/medium/5/spread",
-    "value": -24,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "button/danger/borderColor/active",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/borderColor/active",
+    "reference": "mode/button/danger/borderColor/hover",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/medium/5/color",
+    "name": "button/danger/borderColor/rest",
     "value": {
-      "r": 0.25882352941176473,
-      "g": 0.2901960784313726,
-      "b": 0.3254901960784314,
-      "a": 0.08
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
+    "refId": "mode/button/danger/borderColor/rest",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/small/1/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "button/danger/bgColor/rest",
+    "value": {
+      "r": 0.9647058823529412,
+      "g": 0.9725490196078431,
+      "b": 0.9803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/bgColor/rest",
+    "reference": "mode/control/bgColor/rest",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/1/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/1/spread",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "button/danger/iconColor/rest",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.1411764705882353,
+      "b": 0.1843137254901961,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/iconColor/rest",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/1/color",
+    "name": "button/danger/fgColor/disabled",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.8196078431372549,
+      "g": 0.1411764705882353,
+      "b": 0.1843137254901961,
+      "a": 0.5
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
+    "alpha": 0.5,
+    "refId": "mode/button/danger/fgColor/disabled",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "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": "light",
+    "name": "button/danger/fgColor/rest",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.1411764705882353,
+      "b": 0.1843137254901961,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/fgColor/rest",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/2/blur",
-    "value": 12,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/2/spread",
-    "value": -3,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "button/outline/borderColor/active",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "refId": "mode/button/outline/borderColor/active",
+    "reference": "mode/button/outline/borderColor/hover",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "shadow/floating/small/2/color",
+    "name": "button/outline/bgColor/active",
     "value": {
-      "r": 0.25882352941176473,
-      "g": 0.2901960784313726,
-      "b": 0.3254901960784314,
-      "a": 0.04
+      "r": 0.027450980392156862,
+      "g": 0.3411764705882353,
+      "b": 0.7294117647058823,
+      "a": 1
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
+    "isMix": true,
+    "refId": "mode/button/outline/bgColor/active",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/3/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "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": "light",
+    "name": "button/outline/bgColor/hover",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/outline/bgColor/hover",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/small/3/blur",
-    "value": 18,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "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": "light",
+    "name": "button/outline/bgColor/rest",
+    "value": {
+      "r": 0.9647058823529412,
+      "g": 0.9725490196078431,
+      "b": 0.9803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/outline/bgColor/rest",
+    "reference": "mode/control/bgColor/rest",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "shadow/floating/small/3/color",
+    "name": "button/outline/fgColor/disabled",
     "value": {
-      "r": 0.25882352941176473,
-      "g": 0.2901960784313726,
-      "b": 0.3254901960784314,
-      "a": 0.12
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 0.5
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
+    "alpha": 0.5,
+    "refId": "mode/button/outline/fgColor/disabled",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
-    "group": "shadow"
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "borderColor/open-emphasis",
+    "name": "button/outline/fgColor/rest",
     "value": {
-      "r": 0.10196078431372549,
-      "g": 0.4980392156862745,
-      "b": 0.21568627450980393,
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/open-emphasis",
-    "reference": "mode/borderColor/success-emphasis",
+    "refId": "mode/button/outline/fgColor/rest",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
     "mode": "light",
-    "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/borderColor/hover",
     "value": {
-      "r": 0.2901960784313726,
-      "g": 0.7607843137254902,
-      "b": 0.4196078431372549,
-      "a": 0.4
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/open-muted",
-    "reference": "mode/borderColor/success-muted",
+    "refId": "mode/button/invisible/borderColor/hover",
+    "reference": "mode/control/transparent/borderColor/hover",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
-    }
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "borderColor/disabled",
+    "name": "button/invisible/borderColor/rest",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/disabled",
-    "reference": "mode/bgColor/disabled",
+    "refId": "mode/button/invisible/borderColor/rest",
+    "reference": "mode/control/transparent/borderColor/rest",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
+    "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "borderColor/muted",
+    "name": "button/invisible/bgColor/active",
     "value": {
       "r": 0.8156862745098039,
       "g": 0.8431372549019608,
       "b": 0.8705882352941177,
-      "a": 0.7
+      "a": 0.4
     },
     "type": "COLOR",
-    "alpha": 0.7,
-    "refId": "mode/borderColor/muted",
-    "reference": "mode/borderColor/default",
+    "refId": "mode/button/invisible/bgColor/active",
+    "reference": "mode/control/transparent/bgColor/active",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
-    }
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/open-emphasis",
+    "name": "button/invisible/bgColor/hover",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.5333333333333333,
-      "b": 0.23921568627450981,
-      "a": 1
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.2
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/open-emphasis",
-    "reference": "mode/bgColor/success-emphasis",
+    "refId": "mode/button/invisible/bgColor/hover",
+    "reference": "mode/control/transparent/bgColor/hover",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
-    }
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/open-muted",
+    "name": "button/invisible/bgColor/rest",
     "value": {
-      "r": 0.8549019607843137,
-      "g": 0.984313725490196,
-      "b": 0.8823529411764706,
-      "a": 1
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/open-muted",
-    "reference": "mode/bgColor/success-muted",
+    "refId": "mode/button/invisible/bgColor/rest",
+    "reference": "mode/control/transparent/bgColor/rest",
     "collection": "mode",
     "mode": "light",
-    "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/closed",
+    "name": "button/invisible/iconColor/hover",
     "value": {
-      "r": 0.8196078431372549,
-      "g": 0.1411764705882353,
-      "b": 0.1843137254901961,
+      "r": 0.38823529411764707,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/closed",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/button/invisible/iconColor/hover",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
-    }
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/open",
+    "name": "button/invisible/iconColor/rest",
     "value": {
-      "r": 0.10196078431372549,
-      "g": 0.4980392156862745,
-      "b": 0.21568627450980393,
+      "r": 0.38823529411764707,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/open",
-    "reference": "mode/fgColor/success",
+    "refId": "mode/button/invisible/iconColor/rest",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
-    }
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/link",
+    "name": "button/invisible/fgColor/hover",
     "value": {
       "r": 0.03529411764705882,
       "g": 0.4117647058823529,
@@ -4445,232 +4482,225 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/link",
+    "refId": "mode/button/invisible/fgColor/hover",
     "reference": "mode/fgColor/accent",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
-    }
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "underlineNav/iconColor/rest",
+    "name": "button/invisible/fgColor/rest",
     "value": {
-      "r": 0.38823529411764707,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/underlineNav/iconColor/rest",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/button/invisible/fgColor/rest",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "underlineNav/borderColor/hover",
+    "name": "button/primary/borderColor/disabled",
     "value": {
-      "r": 0.6862745098039216,
-      "g": 0.7215686274509804,
-      "b": 0.7568627450980392,
-      "a": 0.2
+      "r": 0.5843137254901961,
+      "g": 0.8470588235294118,
+      "b": 0.6509803921568628,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/underlineNav/borderColor/hover",
-    "reference": "mode/borderColor/neutral-muted",
+    "refId": "mode/button/primary/borderColor/disabled",
+    "reference": "mode/button/primary/bgColor/disabled",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "focus/outlineColor",
+    "name": "button/primary/borderColor/active",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 1
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
     },
     "type": "COLOR",
-    "refId": "mode/focus/outlineColor",
-    "reference": "mode/borderColor/accent-emphasis",
+    "refId": "mode/button/primary/borderColor/active",
+    "reference": "mode/button/primary/borderColor/rest",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "buttonCounter/danger/fgColor/disabled",
+    "name": "button/primary/borderColor/hover",
     "value": {
-      "r": 0.8196078431372549,
-      "g": 0.1411764705882353,
-      "b": 0.1843137254901961,
-      "a": 0.5
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/buttonCounter/danger/fgColor/disabled",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/button/primary/borderColor/hover",
+    "reference": "mode/button/primary/borderColor/rest",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "buttonCounter/danger/bgColor/rest",
+    "name": "button/primary/bgColor/active",
     "value": {
-      "r": 0.8117647058823529,
-      "g": 0.13333333333333333,
-      "b": 0.1803921568627451,
-      "a": 0.1
+      "r": 0.09803921568627451,
+      "g": 0.4745098039215686,
+      "b": 0.20784313725490197,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/buttonCounter/danger/bgColor/rest",
-    "reference": "mode/bgColor/danger-emphasis",
+    "isMix": true,
+    "refId": "mode/button/primary/bgColor/active",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/danger/bgColor/disabled",
+    "name": "button/primary/bgColor/hover",
     "value": {
-      "r": 0.8117647058823529,
-      "g": 0.13333333333333333,
-      "b": 0.1803921568627451,
-      "a": 0.05
+      "r": 0.10980392156862745,
+      "g": 0.5058823529411764,
+      "b": 0.2235294117647059,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.05,
-    "refId": "mode/buttonCounter/danger/bgColor/disabled",
-    "reference": "mode/bgColor/danger-emphasis",
+    "isMix": true,
+    "refId": "mode/button/primary/bgColor/hover",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/outline/fgColor/disabled",
+    "name": "button/primary/bgColor/rest",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 0.5
+      "r": 0.12156862745098039,
+      "g": 0.5333333333333333,
+      "b": 0.23921568627450981,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/buttonCounter/outline/fgColor/disabled",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/button/primary/bgColor/rest",
+    "reference": "mode/bgColor/success-emphasis",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "buttonCounter/outline/bgColor/disabled",
+    "name": "button/default/borderColor/active",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 0.05
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.05,
-    "refId": "mode/buttonCounter/outline/bgColor/disabled",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/button/default/borderColor/active",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "buttonCounter/outline/bgColor/rest",
+    "name": "button/default/borderColor/hover",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 0.1
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/buttonCounter/outline/bgColor/rest",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/button/default/borderColor/hover",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "buttonCounter/invisible/bgColor/rest",
+    "name": "button/default/borderColor/rest",
     "value": {
-      "r": 0.6862745098039216,
-      "g": 0.7215686274509804,
-      "b": 0.7568627450980392,
-      "a": 0.2
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/buttonCounter/invisible/bgColor/rest",
-    "reference": "mode/bgColor/neutral-muted",
+    "refId": "mode/button/default/borderColor/rest",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "buttonCounter/default/bgColor/rest",
+    "name": "button/default/bgColor/selected",
     "value": {
-      "r": 0.6862745098039216,
-      "g": 0.7215686274509804,
-      "b": 0.7568627450980392,
-      "a": 0.2
+      "r": 0.9058823529411765,
+      "g": 0.9215686274509803,
+      "b": 0.9372549019607843,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/buttonCounter/default/bgColor/rest",
-    "reference": "mode/bgColor/neutral-muted",
+    "refId": "mode/button/default/bgColor/selected",
+    "reference": "mode/control/bgColor/active",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/borderColor/active",
+    "name": "button/default/bgColor/active",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.15
+      "r": 0.9058823529411765,
+      "g": 0.9215686274509803,
+      "b": 0.9372549019607843,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/borderColor/active",
-    "reference": "mode/button/danger/borderColor/hover",
+    "refId": "mode/button/default/bgColor/active",
+    "reference": "mode/control/bgColor/active",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/borderColor/rest",
+    "name": "button/default/bgColor/hover",
     "value": {
-      "r": 0.8156862745098039,
-      "g": 0.8431372549019608,
-      "b": 0.8705882352941177,
+      "r": 0.9333333333333333,
+      "g": 0.9450980392156862,
+      "b": 0.9568627450980393,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/borderColor/rest",
-    "reference": "mode/borderColor/default",
+    "refId": "mode/button/default/bgColor/hover",
+    "reference": "mode/control/bgColor/hover",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/bgColor/rest",
+    "name": "button/default/bgColor/rest",
     "value": {
       "r": 0.9647058823529412,
       "g": 0.9725490196078431,
@@ -4678,7 +4708,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/bgColor/rest",
+    "refId": "mode/button/default/bgColor/rest",
     "reference": "mode/control/bgColor/rest",
     "collection": "mode",
     "mode": "light",
@@ -4686,412 +4716,412 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/iconColor/rest",
+    "name": "button/default/fgColor/rest",
     "value": {
-      "r": 0.8196078431372549,
-      "g": 0.1411764705882353,
+      "r": 0.1411764705882353,
+      "g": 0.1607843137254902,
       "b": 0.1843137254901961,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/iconColor/rest",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/button/default/fgColor/rest",
+    "reference": "mode/control/fgColor/rest",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/fgColor/disabled",
+    "name": "controlKnob/borderColor/rest",
     "value": {
-      "r": 0.8196078431372549,
-      "g": 0.1411764705882353,
-      "b": 0.1843137254901961,
-      "a": 0.5
+      "r": 0.5254901960784314,
+      "g": 0.5607843137254902,
+      "b": 0.6,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/button/danger/fgColor/disabled",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/controlKnob/borderColor/rest",
+    "reference": "mode/control/borderColor/emphasis",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/danger/fgColor/rest",
+    "name": "controlTrack/borderColor/disabled",
     "value": {
-      "r": 0.8196078431372549,
-      "g": 0.1411764705882353,
-      "b": 0.1843137254901961,
+      "r": 0.5490196078431373,
+      "g": 0.5843137254901961,
+      "b": 0.6235294117647059,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/fgColor/rest",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/controlTrack/borderColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/outline/borderColor/active",
+    "name": "controlTrack/fgColor/disabled",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.15
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/outline/borderColor/active",
-    "reference": "mode/button/outline/borderColor/hover",
+    "refId": "mode/controlTrack/fgColor/disabled",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/outline/bgColor/active",
+    "name": "controlTrack/fgColor/rest",
     "value": {
-      "r": 0.027450980392156862,
-      "g": 0.3411764705882353,
-      "b": 0.7294117647058823,
+      "r": 0.38823529411764707,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/button/outline/bgColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/controlTrack/fgColor/rest",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/outline/bgColor/hover",
+    "name": "controlTrack/bgColor/disabled",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 0.5490196078431373,
+      "g": 0.5843137254901961,
+      "b": 0.6235294117647059,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/outline/bgColor/hover",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/controlTrack/bgColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/outline/bgColor/rest",
+    "name": "control/checked/borderColor/disabled",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
+      "r": 0.5490196078431373,
+      "g": 0.5843137254901961,
+      "b": 0.6235294117647059,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/outline/bgColor/rest",
-    "reference": "mode/control/bgColor/rest",
+    "refId": "mode/control/checked/borderColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/outline/fgColor/disabled",
+    "name": "control/checked/borderColor/active",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 0.5
+      "r": 0.027450980392156862,
+      "g": 0.3411764705882353,
+      "b": 0.7294117647058823,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/button/outline/fgColor/disabled",
-    "reference": "mode/fgColor/accent",
+    "isMix": true,
+    "refId": "mode/control/checked/borderColor/active",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/outline/fgColor/rest",
+    "name": "control/checked/borderColor/hover",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 0.03137254901960784,
+      "g": 0.3764705882352941,
+      "b": 0.792156862745098,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/outline/fgColor/rest",
-    "reference": "mode/fgColor/accent",
+    "isMix": true,
+    "refId": "mode/control/checked/borderColor/hover",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/invisible/borderColor/hover",
+    "name": "control/checked/borderColor/rest",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/borderColor/hover",
-    "reference": "mode/control/transparent/borderColor/hover",
+    "refId": "mode/control/checked/borderColor/rest",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/invisible/borderColor/rest",
+    "name": "control/checked/fgColor/disabled",
     "value": {
       "r": 1,
       "g": 1,
       "b": 1,
-      "a": 0
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/borderColor/rest",
-    "reference": "mode/control/transparent/borderColor/rest",
+    "refId": "mode/control/checked/fgColor/disabled",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/bgColor/disabled",
+    "name": "control/checked/fgColor/rest",
     "value": {
       "r": 1,
       "g": 1,
       "b": 1,
-      "a": 0
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/disabled",
-    "reference": "mode/control/transparent/bgColor/disabled",
+    "refId": "mode/control/checked/fgColor/rest",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/bgColor/active",
+    "name": "control/checked/bgColor/disabled",
     "value": {
-      "r": 0.8156862745098039,
-      "g": 0.8431372549019608,
-      "b": 0.8705882352941177,
-      "a": 0.4
+      "r": 0.5490196078431373,
+      "g": 0.5843137254901961,
+      "b": 0.6235294117647059,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/active",
-    "reference": "mode/control/transparent/bgColor/active",
+    "refId": "mode/control/checked/bgColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/bgColor/hover",
+    "name": "control/checked/bgColor/active",
     "value": {
-      "r": 0.8156862745098039,
-      "g": 0.8431372549019608,
-      "b": 0.8705882352941177,
-      "a": 0.2
+      "r": 0.027450980392156862,
+      "g": 0.3411764705882353,
+      "b": 0.7294117647058823,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/hover",
-    "reference": "mode/control/transparent/bgColor/hover",
+    "isMix": true,
+    "refId": "mode/control/checked/bgColor/active",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/bgColor/rest",
+    "name": "control/checked/bgColor/hover",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
+      "r": 0.03137254901960784,
+      "g": 0.3764705882352941,
+      "b": 0.792156862745098,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/rest",
-    "reference": "mode/control/transparent/bgColor/rest",
+    "isMix": true,
+    "refId": "mode/control/checked/bgColor/hover",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/iconColor/hover",
+    "name": "control/checked/bgColor/rest",
     "value": {
-      "r": 0.38823529411764707,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/iconColor/hover",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/control/checked/bgColor/rest",
+    "reference": "mode/bgColor/accent-emphasis",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/iconColor/rest",
+    "name": "control/danger/bgColor/active",
     "value": {
-      "r": 0.38823529411764707,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 1
+      "r": 1,
+      "g": 0.9215686274509803,
+      "b": 0.9137254901960784,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/iconColor/rest",
-    "reference": "mode/fgColor/muted",
+    "alpha": 0.4,
+    "refId": "mode/control/danger/bgColor/active",
+    "reference": "mode/bgColor/danger-muted",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/fgColor/hover",
+    "name": "control/danger/bgColor/hover",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 1,
+      "g": 0.9215686274509803,
+      "b": 0.9137254901960784,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/fgColor/hover",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/control/danger/bgColor/hover",
+    "reference": "mode/bgColor/danger-muted",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/fgColor/rest",
+    "name": "control/danger/fgColor/hover",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 0.8196078431372549,
+      "g": 0.1411764705882353,
+      "b": 0.1843137254901961,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/fgColor/rest",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/control/danger/fgColor/hover",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/primary/borderColor/disabled",
+    "name": "control/danger/fgColor/rest",
     "value": {
-      "r": 0.5843137254901961,
-      "g": 0.8470588235294118,
-      "b": 0.6509803921568628,
+      "r": 0.8196078431372549,
+      "g": 0.1411764705882353,
+      "b": 0.1843137254901961,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/borderColor/disabled",
-    "reference": "mode/button/primary/bgColor/disabled",
+    "refId": "mode/control/danger/fgColor/rest",
+    "reference": "mode/fgColor/danger",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/primary/borderColor/active",
+    "name": "control/transparent/bgColor/disabled",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.15
+      "r": 0.9176470588235294,
+      "g": 0.9333333333333333,
+      "b": 0.9490196078431372,
+      "a": 0.7
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/borderColor/active",
-    "reference": "mode/button/primary/borderColor/rest",
+    "refId": "mode/control/transparent/bgColor/disabled",
+    "reference": "mode/bgColor/disabled",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/primary/borderColor/hover",
+    "name": "control/iconColor/rest",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.15
+      "r": 0.38823529411764707,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/borderColor/hover",
-    "reference": "mode/button/primary/borderColor/rest",
+    "refId": "mode/control/iconColor/rest",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/primary/bgColor/active",
+    "name": "control/borderColor/warning",
     "value": {
-      "r": 0.09803921568627451,
-      "g": 0.4745098039215686,
-      "b": 0.20784313725490197,
+      "r": 0.7490196078431373,
+      "g": 0.5294117647058824,
+      "b": 0,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/button/primary/bgColor/active",
-    "reference": "mode/bgColor/success-emphasis",
+    "refId": "mode/control/borderColor/warning",
+    "reference": "mode/borderColor/attention-emphasis",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/primary/bgColor/hover",
+    "name": "control/borderColor/danger",
     "value": {
-      "r": 0.10980392156862745,
-      "g": 0.5058823529411764,
-      "b": 0.2235294117647059,
+      "r": 0.8117647058823529,
+      "g": 0.13333333333333333,
+      "b": 0.1803921568627451,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/button/primary/bgColor/hover",
-    "reference": "mode/bgColor/success-emphasis",
+    "refId": "mode/control/borderColor/danger",
+    "reference": "mode/borderColor/danger-emphasis",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/primary/bgColor/rest",
+    "name": "control/borderColor/success",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.5333333333333333,
-      "b": 0.23921568627450981,
+      "r": 0.10196078431372549,
+      "g": 0.4980392156862745,
+      "b": 0.21568627450980393,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/bgColor/rest",
-    "reference": "mode/bgColor/success-emphasis",
+    "refId": "mode/control/borderColor/success",
+    "reference": "mode/borderColor/success-emphasis",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/default/borderColor/active",
+    "name": "control/borderColor/rest",
     "value": {
       "r": 0.8156862745098039,
       "g": 0.8431372549019608,
@@ -5099,31 +5129,47 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/borderColor/active",
+    "refId": "mode/control/borderColor/rest",
     "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/default/borderColor/hover",
+    "name": "control/fgColor/disabled",
     "value": {
-      "r": 0.8156862745098039,
-      "g": 0.8431372549019608,
-      "b": 0.8705882352941177,
+      "r": 0.5490196078431373,
+      "g": 0.5843137254901961,
+      "b": 0.6235294117647059,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/borderColor/hover",
-    "reference": "mode/borderColor/default",
+    "refId": "mode/control/fgColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/borderColor/rest",
+    "name": "control/bgColor/disabled",
+    "value": {
+      "r": 0.9176470588235294,
+      "g": 0.9333333333333333,
+      "b": 0.9490196078431372,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "refId": "mode/control/bgColor/disabled",
+    "reference": "mode/bgColor/disabled",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "avatar/borderColor",
     "value": {
       "r": 0.8156862745098039,
       "g": 0.8431372549019608,
@@ -5131,7 +5177,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/borderColor/rest",
+    "refId": "mode/avatar/borderColor",
     "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "light",
@@ -5139,119 +5185,119 @@
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/default/bgColor/selected",
+    "name": "codeMirror/lines/bgColor",
     "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9215686274509803,
-      "b": 0.9372549019607843,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/selected",
-    "reference": "mode/control/bgColor/active",
+    "refId": "mode/codeMirror/lines/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/bgColor/active",
+    "name": "codeMirror/matchingBracket/fgColor",
     "value": {
-      "r": 0.9058823529411765,
-      "g": 0.9215686274509803,
-      "b": 0.9372549019607843,
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/active",
-    "reference": "mode/control/bgColor/active",
+    "refId": "mode/codeMirror/matchingBracket/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/bgColor/hover",
+    "name": "codeMirror/activeline/bgColor",
     "value": {
-      "r": 0.9333333333333333,
-      "g": 0.9450980392156862,
-      "b": 0.9568627450980393,
-      "a": 1
+      "r": 0.6862745098039216,
+      "g": 0.7215686274509804,
+      "b": 0.7568627450980392,
+      "a": 0.2
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/hover",
-    "reference": "mode/control/bgColor/hover",
+    "refId": "mode/codeMirror/activeline/bgColor",
+    "reference": "mode/bgColor/neutral-muted",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/bgColor/rest",
+    "name": "codeMirror/selection/bgColor",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
+      "r": 0.32941176470588235,
+      "g": 0.6823529411764706,
+      "b": 1,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/rest",
-    "reference": "mode/control/bgColor/rest",
+    "refId": "mode/codeMirror/selection/bgColor",
+    "reference": "mode/borderColor/accent-muted",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/fgColor/rest",
+    "name": "codeMirror/cursor/fgColor",
     "value": {
-      "r": 0.1411764705882353,
-      "g": 0.1607843137254902,
-      "b": 0.1843137254901961,
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/fgColor/rest",
-    "reference": "mode/control/fgColor/rest",
+    "refId": "mode/codeMirror/cursor/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlKnob/borderColor/rest",
+    "name": "codeMirror/lineNumber/fgColor",
     "value": {
-      "r": 0.5254901960784314,
-      "g": 0.5607843137254902,
-      "b": 0.6,
+      "r": 0.38823529411764707,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlKnob/borderColor/rest",
-    "reference": "mode/control/borderColor/emphasis",
+    "refId": "mode/codeMirror/lineNumber/fgColor",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/borderColor/disabled",
+    "name": "codeMirror/gutterMarker/fgColor/muted",
     "value": {
-      "r": 0.5490196078431373,
-      "g": 0.5843137254901961,
-      "b": 0.6235294117647059,
+      "r": 0.38823529411764707,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/borderColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "refId": "mode/codeMirror/gutterMarker/fgColor/muted",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/fgColor/disabled",
+    "name": "codeMirror/gutterMarker/fgColor/default",
     "value": {
       "r": 1,
       "g": 1,
@@ -5259,810 +5305,926 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/fgColor/disabled",
-    "reference": "mode/fgColor/onEmphasis",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "controlTrack/fgColor/rest",
-    "value": {
-      "r": 0.38823529411764707,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/controlTrack/fgColor/rest",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/codeMirror/gutterMarker/fgColor/default",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/bgColor/disabled",
+    "name": "codeMirror/gutters/bgColor",
     "value": {
-      "r": 0.5490196078431373,
-      "g": 0.5843137254901961,
-      "b": 0.6235294117647059,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/bgColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "refId": "mode/codeMirror/gutters/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/disabled",
+    "name": "codeMirror/bgColor",
     "value": {
-      "r": 0.5490196078431373,
-      "g": 0.5843137254901961,
-      "b": 0.6235294117647059,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/borderColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "refId": "mode/codeMirror/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "light",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/active",
+    "name": "codeMirror/fgColor",
     "value": {
-      "r": 0.027450980392156862,
-      "g": 0.3411764705882353,
-      "b": 0.7294117647058823,
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/borderColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/codeMirror/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/hover",
+    "name": "diffBlob/expander/iconColor",
     "value": {
-      "r": 0.03137254901960784,
-      "g": 0.3764705882352941,
-      "b": 0.792156862745098,
+      "r": 0.38823529411764707,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/borderColor/hover",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/diffBlob/expander/iconColor",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "light",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/rest",
+    "name": "diffBlob/deletion/fgColor/num",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/borderColor/rest",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/diffBlob/deletion/fgColor/num",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/fgColor/disabled",
+    "name": "diffBlob/deletion/fgColor/text",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/fgColor/disabled",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/diffBlob/deletion/fgColor/text",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light",
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/fgColor/rest",
+    "name": "diffBlob/addition/fgColor/num",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/fgColor/rest",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/diffBlob/addition/fgColor/num",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light",
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/bgColor/disabled",
+    "name": "diffBlob/addition/fgColor/text",
     "value": {
-      "r": 0.5490196078431373,
-      "g": 0.5843137254901961,
-      "b": 0.6235294117647059,
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/bgColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "refId": "mode/diffBlob/addition/fgColor/text",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light",
     "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/bgColor/active",
+    "name": "page/header/bgColor",
     "value": {
-      "r": 0.027450980392156862,
-      "g": 0.3411764705882353,
-      "b": 0.7294117647058823,
+      "r": 0.9647058823529412,
+      "g": 0.9725490196078431,
+      "b": 0.9803921568627451,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/bgColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/page/header/bgColor",
+    "reference": "mode/bgColor/muted",
     "collection": "mode",
     "mode": "light",
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/bgColor/hover",
+    "name": "selection/bgColor",
     "value": {
-      "r": 0.03137254901960784,
-      "g": 0.3764705882352941,
-      "b": 0.792156862745098,
-      "a": 1
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 0.1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/control/checked/bgColor/hover",
-    "reference": "mode/bgColor/accent-emphasis",
+    "alpha": 0.1,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/fgColor/link",
     "collection": "mode",
     "mode": "light",
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/bgColor/rest",
+    "name": "overlay/borderColor",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 1
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/bgColor/rest",
-    "reference": "mode/bgColor/accent-emphasis",
+    "alpha": 0.5,
+    "refId": "mode/overlay/borderColor",
+    "reference": "mode/borderColor/muted",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["ALL_SCOPES"]
   },
   {
-    "name": "control/danger/bgColor/active",
+    "name": "button/danger/bgColor/disabled",
     "value": {
-      "r": 1,
-      "g": 0.9215686274509803,
-      "b": 0.9137254901960784,
-      "a": 0.4
+      "r": 0.9176470588235294,
+      "g": 0.9333333333333333,
+      "b": 0.9490196078431372,
+      "a": 0.7
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/control/danger/bgColor/active",
-    "reference": "mode/bgColor/danger-muted",
+    "refId": "mode/button/danger/bgColor/disabled",
+    "reference": "mode/control/bgColor/disabled",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/danger/bgColor/hover",
+    "name": "button/invisible/bgColor/disabled",
     "value": {
-      "r": 1,
-      "g": 0.9215686274509803,
-      "b": 0.9137254901960784,
-      "a": 1
+      "r": 0.9176470588235294,
+      "g": 0.9333333333333333,
+      "b": 0.9490196078431372,
+      "a": 0.7
     },
     "type": "COLOR",
-    "refId": "mode/control/danger/bgColor/hover",
-    "reference": "mode/bgColor/danger-muted",
+    "refId": "mode/button/invisible/bgColor/disabled",
+    "reference": "mode/control/transparent/bgColor/disabled",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/danger/fgColor/hover",
+    "name": "button/invisible/iconColor/disabled",
     "value": {
-      "r": 0.8196078431372549,
-      "g": 0.1411764705882353,
-      "b": 0.1843137254901961,
+      "r": 0.5490196078431373,
+      "g": 0.5843137254901961,
+      "b": 0.6235294117647059,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/danger/fgColor/hover",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/button/invisible/iconColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/danger/fgColor/rest",
+    "name": "button/invisible/fgColor/disabled",
     "value": {
-      "r": 0.8196078431372549,
-      "g": 0.1411764705882353,
-      "b": 0.1843137254901961,
+      "r": 0.5490196078431373,
+      "g": 0.5843137254901961,
+      "b": 0.6235294117647059,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/danger/fgColor/rest",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/button/invisible/fgColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/iconColor/rest",
+    "name": "controlKnob/borderColor/checked",
     "value": {
-      "r": 0.38823529411764707,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
       "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": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "control/borderColor/warning",
+    "name": "controlKnob/borderColor/disabled",
     "value": {
-      "r": 0.7490196078431373,
-      "g": 0.5294117647058824,
-      "b": 0,
-      "a": 1
+      "r": 0.9176470588235294,
+      "g": 0.9333333333333333,
+      "b": 0.9490196078431372,
+      "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": "light",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "control/borderColor/danger",
+    "name": "controlKnob/bgColor/disabled",
     "value": {
-      "r": 0.8117647058823529,
-      "g": 0.13333333333333333,
-      "b": 0.1803921568627451,
-      "a": 1
+      "r": 0.9176470588235294,
+      "g": 0.9333333333333333,
+      "b": 0.9490196078431372,
+      "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": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "control/borderColor/disabled",
+    "value": {
+      "r": 0.9176470588235294,
+      "g": 0.9333333333333333,
+      "b": 0.9490196078431372,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "refId": "mode/control/borderColor/disabled",
+    "reference": "mode/borderColor/disabled",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "shadow/floating/xlarge/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/borderColor/success",
-    "value": {
-      "r": 0.10196078431372549,
-      "g": 0.4980392156862745,
-      "b": 0.21568627450980393,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/borderColor/success",
-    "reference": "mode/borderColor/success-emphasis",
-    "collection": "mode",
+    "name": "shadow/floating/xlarge/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/borderColor/rest",
+    "name": "shadow/floating/xlarge/1/color",
     "value": {
       "r": 0.8156862745098039,
       "g": 0.8431372549019608,
       "b": 0.8705882352941177,
-      "a": 1
+      "a": 0.5
     },
     "type": "COLOR",
-    "refId": "mode/control/borderColor/rest",
-    "reference": "mode/borderColor/default",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/2/offsetY",
+    "value": 56,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/fgColor/disabled",
-    "value": {
-      "r": 0.5490196078431373,
-      "g": 0.5843137254901961,
-      "b": 0.6235294117647059,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/fgColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "name": "shadow/floating/xlarge/2/blur",
+    "value": 112,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/xlarge/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/bgColor/disabled",
+    "name": "shadow/floating/xlarge/2/color",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
+      "r": 0.25882352941176473,
+      "g": 0.2901960784313726,
+      "b": 0.3254901960784314,
+      "a": 0.32
     },
     "type": "COLOR",
-    "refId": "mode/control/bgColor/disabled",
-    "reference": "mode/bgColor/disabled",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "avatar/borderColor",
+    "name": "shadow/floating/large/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/1/color",
     "value": {
       "r": 0.8156862745098039,
       "g": 0.8431372549019608,
       "b": 0.8705882352941177,
-      "a": 1
+      "a": 0.5
     },
     "type": "COLOR",
-    "refId": "mode/avatar/borderColor",
-    "reference": "mode/borderColor/default",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/lines/bgColor",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/lines/bgColor",
-    "reference": "mode/bgColor/default",
+    "name": "shadow/floating/large/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/2/offsetY",
+    "value": 40,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/matchingBracket/fgColor",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/matchingBracket/fgColor",
-    "reference": "mode/fgColor/default",
+    "name": "shadow/floating/large/2/blur",
+    "value": 80,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/large/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/activeline/bgColor",
+    "name": "shadow/floating/large/2/color",
     "value": {
-      "r": 0.6862745098039216,
-      "g": 0.7215686274509804,
-      "b": 0.7568627450980392,
-      "a": 0.2
+      "r": 0.25882352941176473,
+      "g": 0.2901960784313726,
+      "b": 0.3254901960784314,
+      "a": 0.24
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/activeline/bgColor",
-    "reference": "mode/bgColor/neutral-muted",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/selection/bgColor",
-    "value": {
-      "r": 0.32941176470588235,
-      "g": 0.6823529411764706,
-      "b": 1,
-      "a": 0.4
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/selection/bgColor",
-    "reference": "mode/borderColor/accent-muted",
+    "name": "shadow/floating/medium/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/cursor/fgColor",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/cursor/fgColor",
-    "reference": "mode/fgColor/default",
+    "name": "shadow/floating/medium/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/lineNumber/fgColor",
+    "name": "shadow/floating/medium/1/color",
     "value": {
-      "r": 0.38823529411764707,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 1
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/lineNumber/fgColor",
-    "reference": "mode/fgColor/muted",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/gutterMarker/fgColor/muted",
-    "value": {
-      "r": 0.38823529411764707,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/gutterMarker/fgColor/muted",
-    "reference": "mode/fgColor/muted",
+    "name": "shadow/floating/medium/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/2/offsetY",
+    "value": 8,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/gutterMarker/fgColor/default",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/gutterMarker/fgColor/default",
-    "reference": "mode/bgColor/default",
+    "name": "shadow/floating/medium/2/blur",
+    "value": 16,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/2/spread",
+    "value": -4,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/gutters/bgColor",
+    "name": "shadow/floating/medium/2/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
+      "r": 0.25882352941176473,
+      "g": 0.2901960784313726,
+      "b": 0.3254901960784314,
+      "a": 0.08
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/gutters/bgColor",
-    "reference": "mode/bgColor/default",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/bgColor",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/bgColor",
-    "reference": "mode/bgColor/default",
+    "name": "shadow/floating/medium/3/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/3/offsetY",
+    "value": 4,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/fgColor",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/fgColor",
-    "reference": "mode/fgColor/default",
+    "name": "shadow/floating/medium/3/blur",
+    "value": 32,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/3/spread",
+    "value": -4,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/expander/iconColor",
+    "name": "shadow/floating/medium/3/color",
     "value": {
-      "r": 0.38823529411764707,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 1
+      "r": 0.25882352941176473,
+      "g": 0.2901960784313726,
+      "b": 0.3254901960784314,
+      "a": 0.08
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/expander/iconColor",
-    "reference": "mode/fgColor/muted",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/4/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/deletion/fgColor/num",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/diffBlob/deletion/fgColor/num",
-    "reference": "mode/fgColor/default",
+    "name": "shadow/floating/medium/4/offsetY",
+    "value": 24,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/4/blur",
+    "value": 48,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/4/spread",
+    "value": -12,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/deletion/fgColor/text",
+    "name": "shadow/floating/medium/4/color",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
+      "r": 0.25882352941176473,
+      "g": 0.2901960784313726,
+      "b": 0.3254901960784314,
+      "a": 0.08
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/deletion/fgColor/text",
-    "reference": "mode/fgColor/default",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/5/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/5/offsetY",
+    "value": 48,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/addition/fgColor/num",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/diffBlob/addition/fgColor/num",
-    "reference": "mode/fgColor/default",
+    "name": "shadow/floating/medium/5/blur",
+    "value": 96,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/medium/5/spread",
+    "value": -24,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/addition/fgColor/text",
+    "name": "shadow/floating/medium/5/color",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
+      "r": 0.25882352941176473,
+      "g": 0.2901960784313726,
+      "b": 0.3254901960784314,
+      "a": 0.08
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/addition/fgColor/text",
-    "reference": "mode/fgColor/default",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "page/header/bgColor",
-    "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/page/header/bgColor",
-    "reference": "mode/bgColor/muted",
+    "name": "shadow/floating/small/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/1/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
+    "name": "shadow/floating/small/1/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/1/spread",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "button/danger/bgColor/disabled",
+    "name": "shadow/floating/small/1/color",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
+      "r": 0.8156862745098039,
+      "g": 0.8431372549019608,
+      "b": 0.8705882352941177,
+      "a": 0.5
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/bgColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "button/invisible/iconColor/disabled",
-    "value": {
-      "r": 0.5490196078431373,
-      "g": 0.5843137254901961,
-      "b": 0.6235294117647059,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/invisible/iconColor/disabled",
-    "reference": "mode/control/fgColor/disabled",
+    "name": "shadow/floating/small/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/2/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "button/invisible/fgColor/disabled",
-    "value": {
-      "r": 0.5490196078431373,
-      "g": 0.5843137254901961,
-      "b": 0.6235294117647059,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/invisible/fgColor/disabled",
-    "reference": "mode/control/fgColor/disabled",
+    "name": "shadow/floating/small/2/blur",
+    "value": 12,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/2/spread",
+    "value": -3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "controlKnob/borderColor/checked",
+    "name": "shadow/floating/small/2/color",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 1
+      "r": 0.25882352941176473,
+      "g": 0.2901960784313726,
+      "b": 0.3254901960784314,
+      "a": 0.04
     },
     "type": "COLOR",
-    "refId": "mode/controlKnob/borderColor/checked",
-    "reference": "mode/control/checked/bgColor/rest",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "controlKnob/borderColor/disabled",
-    "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/controlKnob/borderColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
+    "name": "shadow/floating/small/3/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/3/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "controlKnob/bgColor/disabled",
-    "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/controlKnob/bgColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
+    "name": "shadow/floating/small/3/blur",
+    "value": 18,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/small/3/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "control/borderColor/disabled",
+    "name": "shadow/floating/small/3/color",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
+      "r": 0.25882352941176473,
+      "g": 0.2901960784313726,
+      "b": 0.3254901960784314,
+      "a": 0.12
     },
     "type": "COLOR",
-    "refId": "mode/control/borderColor/disabled",
-    "reference": "mode/borderColor/disabled",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
     "name": "button/invisible/borderColor/disabled",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
+      "r": 0.9176470588235294,
+      "g": 0.9333333333333333,
+      "b": 0.9490196078431372,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/borderColor/disabled",
@@ -6075,10 +6237,10 @@
   {
     "name": "button/default/borderColor/disabled",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
+      "r": 0.9176470588235294,
+      "g": 0.9333333333333333,
+      "b": 0.9490196078431372,
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/button/default/borderColor/disabled",