@primer/primitives 7.16.0-rc.f109b0ca → 7.16.0-rc.fe16fd19

package/dist/figma/themes/light.json

@@ -988,6 +988,45 @@
       "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
     }
   },
+  {
+    "name": "borderColor/upsell-emphasis",
+    "value": {
+      "r": 0.5098039215686274,
+      "g": 0.3137254901960784,
+      "b": 0.8745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/upsell-emphasis",
+    "reference": "base/color/light/base/color/purple/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-upsell-emphasis)"
+    }
+  },
+  {
+    "name": "borderColor/upsell-muted",
+    "value": {
+      "r": 0.7607843137254902,
+      "g": 0.592156862745098,
+      "b": 1,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/upsell-muted",
+    "reference": "base/color/light/base/color/purple/3",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-upsell-muted)"
+    }
+  },
   {
     "name": "borderColor/done-emphasis",
     "value": {
@@ -1004,7 +1043,7 @@
     "group": "semantic",
     "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
+      "web": "var(--borderColor-done-emphasis)"
     }
   },
   {
@@ -1383,6 +1422,44 @@
       "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
     }
   },
+  {
+    "name": "bgColor/upsell-emphasis",
+    "value": {
+      "r": 0.5098039215686274,
+      "g": 0.3137254901960784,
+      "b": 0.8745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/upsell-emphasis",
+    "reference": "base/color/light/base/color/purple/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-upsell-emphasis)"
+    }
+  },
+  {
+    "name": "bgColor/upsell-muted",
+    "value": {
+      "r": 0.984313725490196,
+      "g": 0.9372549019607843,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/upsell-muted",
+    "reference": "base/color/light/base/color/purple/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-upsell-muted)"
+    }
+  },
   {
     "name": "bgColor/done-emphasis",
     "value": {
@@ -1799,305 +1876,2148 @@
     "reference": "base/color/light/base/color/gray/0",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */"
-    }
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */"
+    }
+  },
+  {
+    "name": "bgColor/muted",
+    "value": {
+      "r": 0.9647058823529412,
+      "g": 0.9725490196078431,
+      "b": 0.9803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/muted",
+    "reference": "base/color/light/base/color/gray/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */"
+    }
+  },
+  {
+    "name": "bgColor/default",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/default",
+    "reference": "base/color/light/base/color/white",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--bgColor-default) /* utility class: .color-bg-default */"
+    }
+  },
+  {
+    "name": "fgColor/sponsors",
+    "value": {
+      "r": 0.7490196078431373,
+      "g": 0.2235294117647059,
+      "b": 0.5372549019607843,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/sponsors",
+    "reference": "base/color/light/base/color/pink/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
+    }
+  },
+  {
+    "name": "fgColor/upsell",
+    "value": {
+      "r": 0.5098039215686274,
+      "g": 0.3137254901960784,
+      "b": 0.8745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/upsell",
+    "reference": "base/color/light/base/color/purple/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-upsell)"
+    }
+  },
+  {
+    "name": "fgColor/done",
+    "value": {
+      "r": 0.5098039215686274,
+      "g": 0.3137254901960784,
+      "b": 0.8745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/done",
+    "reference": "base/color/light/base/color/purple/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-done) /* utility class: .color-fg-done */"
+    }
+  },
+  {
+    "name": "fgColor/danger",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.1411764705882353,
+      "b": 0.1843137254901961,
+      "a": 1
+    },
+    "type": "COLOR",
+    "isMix": true,
+    "refId": "mode/fgColor/danger",
+    "reference": "base/color/light/base/color/red/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
+    }
+  },
+  {
+    "name": "fgColor/severe",
+    "value": {
+      "r": 0.7372549019607844,
+      "g": 0.2980392156862745,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/severe",
+    "reference": "base/color/light/base/color/orange/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
+    }
+  },
+  {
+    "name": "fgColor/attention",
+    "value": {
+      "r": 0.6039215686274509,
+      "g": 0.403921568627451,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/attention",
+    "reference": "base/color/light/base/color/yellow/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
+    }
+  },
+  {
+    "name": "fgColor/success",
+    "value": {
+      "r": 0.10196078431372549,
+      "g": 0.4980392156862745,
+      "b": 0.21568627450980393,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/success",
+    "reference": "base/color/light/base/color/green/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-success) /* utility class: .color-fg-success */"
+    }
+  },
+  {
+    "name": "fgColor/accent",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/accent",
+    "reference": "base/color/light/base/color/blue/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
+    }
+  },
+  {
+    "name": "fgColor/neutral",
+    "value": {
+      "r": 0.43137254901960786,
+      "g": 0.4666666666666667,
+      "b": 0.5058823529411764,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/neutral",
+    "reference": "base/color/light/base/color/gray/5",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "fgColor/disabled",
+    "value": {
+      "r": 0.5490196078431373,
+      "g": 0.5843137254901961,
+      "b": 0.6235294117647059,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/disabled",
+    "reference": "base/color/light/base/color/gray/4",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "fgColor/black",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/black",
+    "reference": "base/color/light/base/color/black",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "reference": "base/color/light/base/color/white",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "fgColor/onEmphasis",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onEmphasis",
+    "reference": "base/color/light/base/color/white",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
+    }
+  },
+  {
+    "name": "fgColor/muted",
+    "value": {
+      "r": 0.38823529411764707,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "isMix": true,
+    "refId": "mode/fgColor/muted",
+    "reference": "base/color/light/base/color/gray/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
+    }
+  },
+  {
+    "name": "fgColor/default",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/default",
+    "reference": "base/color/light/base/color/black",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
+    }
+  },
+  {
+    "name": "label/coral/fgColor/active",
+    "value": {
+      "r": 0.49411764705882355,
+      "g": 0.12549019607843137,
+      "b": 0.06666666666666667,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/coral/fgColor/active",
+    "reference": "base/color/light/base/display/color/coral/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/coral/fgColor/hover",
+    "value": {
+      "r": 0.6078431372549019,
+      "g": 0.15294117647058825,
+      "b": 0.07058823529411765,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/coral/fgColor/hover",
+    "reference": "base/color/light/base/display/color/coral/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/coral/fgColor/rest",
+    "value": {
+      "r": 0.7294117647058823,
+      "g": 0.1803921568627451,
+      "b": 0.07058823529411765,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/coral/fgColor/rest",
+    "reference": "base/color/light/base/display/color/coral/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/coral/bgColor/active",
+    "value": {
+      "r": 0.9882352941176471,
+      "g": 0.6705882352941176,
+      "b": 0.5725490196078431,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/coral/bgColor/active",
+    "reference": "base/color/light/base/display/color/coral/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/coral/bgColor/hover",
+    "value": {
+      "r": 0.996078431372549,
+      "g": 0.807843137254902,
+      "b": 0.7450980392156863,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/coral/bgColor/hover",
+    "reference": "base/color/light/base/display/color/coral/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/coral/bgColor/rest",
+    "value": {
+      "r": 1,
+      "g": 0.8980392156862745,
+      "b": 0.8588235294117647,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/coral/bgColor/rest",
+    "reference": "base/color/light/base/display/color/coral/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pink/fgColor/active",
+    "value": {
+      "r": 0.43137254901960786,
+      "g": 0.16862745098039217,
+      "b": 0.3254901960784314,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pink/fgColor/active",
+    "reference": "base/color/light/base/display/color/pink/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pink/fgColor/hover",
+    "value": {
+      "r": 0.5568627450980392,
+      "g": 0.1803921568627451,
+      "b": 0.4,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pink/fgColor/hover",
+    "reference": "base/color/light/base/display/color/pink/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pink/fgColor/rest",
+    "value": {
+      "r": 0.6941176470588235,
+      "g": 0.1843137254901961,
+      "b": 0.4745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pink/fgColor/rest",
+    "reference": "base/color/light/base/display/color/pink/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pink/bgColor/active",
+    "value": {
+      "r": 0.9725490196078431,
+      "g": 0.6470588235294118,
+      "b": 0.8117647058823529,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pink/bgColor/active",
+    "reference": "base/color/light/base/display/color/pink/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pink/bgColor/hover",
+    "value": {
+      "r": 0.9921568627450981,
+      "g": 0.788235294117647,
+      "b": 0.8862745098039215,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pink/bgColor/hover",
+    "reference": "base/color/light/base/display/color/pink/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pink/bgColor/rest",
+    "value": {
+      "r": 1,
+      "g": 0.8980392156862745,
+      "b": 0.9450980392156862,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pink/bgColor/rest",
+    "reference": "base/color/light/base/display/color/pink/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/plum/fgColor/active",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.11372549019607843,
+      "b": 0.5882352941176471,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/plum/fgColor/active",
+    "reference": "base/color/light/base/display/color/plum/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/plum/fgColor/hover",
+    "value": {
+      "r": 0.49019607843137253,
+      "g": 0.11764705882352941,
+      "b": 0.7215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/plum/fgColor/hover",
+    "reference": "base/color/light/base/display/color/plum/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/plum/fgColor/rest",
+    "value": {
+      "r": 0.5882352941176471,
+      "g": 0.11764705882352941,
+      "b": 0.8627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/plum/fgColor/rest",
+    "reference": "base/color/light/base/display/color/plum/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/plum/bgColor/active",
+    "value": {
+      "r": 0.8862745098039215,
+      "g": 0.6549019607843137,
+      "b": 0.984313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/plum/bgColor/active",
+    "reference": "base/color/light/base/display/color/plum/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/plum/bgColor/hover",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.803921568627451,
+      "b": 0.996078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/plum/bgColor/hover",
+    "reference": "base/color/light/base/display/color/plum/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/plum/bgColor/rest",
+    "value": {
+      "r": 0.9725490196078431,
+      "g": 0.8980392156862745,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/plum/bgColor/rest",
+    "reference": "base/color/light/base/display/color/plum/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/blue/fgColor/active",
+    "value": {
+      "r": 0,
+      "g": 0.23921568627450981,
+      "b": 0.6,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/blue/fgColor/active",
+    "reference": "base/color/light/base/display/color/blue/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/blue/fgColor/hover",
+    "value": {
+      "r": 0,
+      "g": 0.30196078431372547,
+      "b": 0.7019607843137254,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/blue/fgColor/hover",
+    "reference": "base/color/light/base/display/color/blue/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/blue/fgColor/rest",
+    "value": {
+      "r": 0,
+      "g": 0.37254901960784315,
+      "b": 0.8,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/blue/fgColor/rest",
+    "reference": "base/color/light/base/display/color/blue/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/blue/bgColor/active",
+    "value": {
+      "r": 0.4588235294117647,
+      "g": 0.7843137254901961,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/blue/bgColor/active",
+    "reference": "base/color/light/base/display/color/blue/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/blue/bgColor/hover",
+    "value": {
+      "r": 0.6784313725490196,
+      "g": 0.8823529411764706,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/blue/bgColor/hover",
+    "reference": "base/color/light/base/display/color/blue/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/blue/bgColor/rest",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.9411764705882353,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/blue/bgColor/rest",
+    "reference": "base/color/light/base/display/color/blue/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/indigo/fgColor/active",
+    "value": {
+      "r": 0.17647058823529413,
+      "g": 0.17647058823529413,
+      "b": 0.7058823529411765,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/indigo/fgColor/active",
+    "reference": "base/color/light/base/display/color/indigo/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/indigo/fgColor/hover",
+    "value": {
+      "r": 0.2235294117647059,
+      "g": 0.23529411764705882,
+      "b": 0.8352941176470589,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/indigo/fgColor/hover",
+    "reference": "base/color/light/base/display/color/indigo/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/indigo/fgColor/rest",
+    "value": {
+      "r": 0.28627450980392155,
+      "g": 0.3058823529411765,
+      "b": 0.8745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/indigo/fgColor/rest",
+    "reference": "base/color/light/base/display/color/indigo/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/indigo/bgColor/active",
+    "value": {
+      "r": 0.6941176470588235,
+      "g": 0.7254901960784313,
+      "b": 0.984313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/indigo/bgColor/active",
+    "reference": "base/color/light/base/display/color/indigo/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/indigo/bgColor/hover",
+    "value": {
+      "r": 0.8235294117647058,
+      "g": 0.8431372549019608,
+      "b": 0.996078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/indigo/bgColor/hover",
+    "reference": "base/color/light/base/display/color/indigo/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/indigo/bgColor/rest",
+    "value": {
+      "r": 0.8980392156862745,
+      "g": 0.9137254901960784,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/indigo/bgColor/rest",
+    "reference": "base/color/light/base/display/color/indigo/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/cyan/fgColor/active",
+    "value": {
+      "r": 0,
+      "g": 0.2823529411764706,
+      "b": 0.3411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/cyan/fgColor/active",
+    "reference": "base/color/light/base/display/color/cyan/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/cyan/fgColor/hover",
+    "value": {
+      "r": 0,
+      "g": 0.34901960784313724,
+      "b": 0.4196078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/cyan/fgColor/hover",
+    "reference": "base/color/light/base/display/color/cyan/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/cyan/fgColor/rest",
+    "value": {
+      "r": 0,
+      "g": 0.41568627450980394,
+      "b": 0.5019607843137255,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/cyan/fgColor/rest",
+    "reference": "base/color/light/base/display/color/cyan/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/cyan/bgColor/active",
+    "value": {
+      "r": 0,
+      "g": 0.8156862745098039,
+      "b": 0.9803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/cyan/bgColor/active",
+    "reference": "base/color/light/base/display/color/cyan/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/cyan/bgColor/hover",
+    "value": {
+      "r": 0.47843137254901963,
+      "g": 0.9137254901960784,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/cyan/bgColor/hover",
+    "reference": "base/color/light/base/display/color/cyan/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/cyan/bgColor/rest",
+    "value": {
+      "r": 0.7411764705882353,
+      "g": 0.9568627450980393,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/cyan/bgColor/rest",
+    "reference": "base/color/light/base/display/color/cyan/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/teal/fgColor/active",
+    "value": {
+      "r": 0.0392156862745098,
+      "g": 0.2823529411764706,
+      "b": 0.3215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/teal/fgColor/active",
+    "reference": "base/color/light/base/display/color/teal/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/teal/fgColor/hover",
+    "value": {
+      "r": 0.050980392156862744,
+      "g": 0.3568627450980392,
+      "b": 0.38823529411764707,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/teal/fgColor/hover",
+    "reference": "base/color/light/base/display/color/teal/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/teal/fgColor/rest",
+    "value": {
+      "r": 0.06274509803921569,
+      "g": 0.43137254901960786,
+      "b": 0.4588235294117647,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/teal/fgColor/rest",
+    "reference": "base/color/light/base/display/color/teal/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/teal/bgColor/active",
+    "value": {
+      "r": 0.13333333333333333,
+      "g": 0.8274509803921568,
+      "b": 0.7803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/teal/bgColor/active",
+    "reference": "base/color/light/base/display/color/teal/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/teal/bgColor/hover",
+    "value": {
+      "r": 0.5372549019607843,
+      "g": 0.9215686274509803,
+      "b": 0.8823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/teal/bgColor/hover",
+    "reference": "base/color/light/base/display/color/teal/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/teal/bgColor/rest",
+    "value": {
+      "r": 0.7803921568627451,
+      "g": 0.9607843137254902,
+      "b": 0.9372549019607843,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/teal/bgColor/rest",
+    "reference": "base/color/light/base/display/color/teal/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pine/fgColor/active",
+    "value": {
+      "r": 0.06666666666666667,
+      "g": 0.29411764705882354,
+      "b": 0.21176470588235294,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pine/fgColor/active",
+    "reference": "base/color/light/base/display/color/pine/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pine/fgColor/hover",
+    "value": {
+      "r": 0.07450980392156863,
+      "g": 0.36470588235294116,
+      "b": 0.2549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pine/fgColor/hover",
+    "reference": "base/color/light/base/display/color/pine/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pine/fgColor/rest",
+    "value": {
+      "r": 0.08235294117647059,
+      "g": 0.43529411764705883,
+      "b": 0.29411764705882354,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pine/fgColor/rest",
+    "reference": "base/color/light/base/display/color/pine/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pine/bgColor/active",
+    "value": {
+      "r": 0.11372549019607843,
+      "g": 0.8431372549019608,
+      "b": 0.5058823529411764,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pine/bgColor/active",
+    "reference": "base/color/light/base/display/color/pine/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pine/bgColor/hover",
+    "value": {
+      "r": 0.5019607843137255,
+      "g": 0.9372549019607843,
+      "b": 0.7254901960784313,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pine/bgColor/hover",
+    "reference": "base/color/light/base/display/color/pine/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pine/bgColor/rest",
+    "value": {
+      "r": 0.7490196078431373,
+      "g": 0.9725490196078431,
+      "b": 0.8588235294117647,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pine/bgColor/rest",
+    "reference": "base/color/light/base/display/color/pine/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lime/fgColor/active",
+    "value": {
+      "r": 0.1843137254901961,
+      "g": 0.2901960784313726,
+      "b": 0.12941176470588237,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lime/fgColor/active",
+    "reference": "base/color/light/base/display/color/lime/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lime/fgColor/hover",
+    "value": {
+      "r": 0.22745098039215686,
+      "g": 0.3568627450980392,
+      "b": 0.1450980392156863,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lime/fgColor/hover",
+    "reference": "base/color/light/base/display/color/lime/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lime/fgColor/rest",
+    "value": {
+      "r": 0.2784313725490196,
+      "g": 0.4235294117647059,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lime/fgColor/rest",
+    "reference": "base/color/light/base/display/color/lime/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lime/bgColor/active",
+    "value": {
+      "r": 0.6078431372549019,
+      "g": 0.8156862745098039,
+      "b": 0.2235294117647059,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lime/bgColor/active",
+    "reference": "base/color/light/base/display/color/lime/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lime/bgColor/hover",
+    "value": {
+      "r": 0.7803921568627451,
+      "g": 0.8980392156862745,
+      "b": 0.5019607843137255,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lime/bgColor/hover",
+    "reference": "base/color/light/base/display/color/lime/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lime/bgColor/rest",
+    "value": {
+      "r": 0.8901960784313725,
+      "g": 0.9490196078431372,
+      "b": 0.7098039215686275,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lime/bgColor/rest",
+    "reference": "base/color/light/base/display/color/lime/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/olive/fgColor/active",
+    "value": {
+      "r": 0.23137254901960785,
+      "g": 0.28627450980392155,
+      "b": 0.15294117647058825,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/olive/fgColor/active",
+    "reference": "base/color/light/base/display/color/olive/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/olive/fgColor/hover",
+    "value": {
+      "r": 0.28627450980392155,
+      "g": 0.35294117647058826,
+      "b": 0.16862745098039217,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/olive/fgColor/hover",
+    "reference": "base/color/light/base/display/color/olive/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/olive/fgColor/rest",
+    "value": {
+      "r": 0.33725490196078434,
+      "g": 0.40784313725490196,
+      "b": 0.17254901960784313,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/olive/fgColor/rest",
+    "reference": "base/color/light/base/display/color/olive/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/olive/bgColor/active",
+    "value": {
+      "r": 0.7254901960784313,
+      "g": 0.7843137254901961,
+      "b": 0.19607843137254902,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/olive/bgColor/active",
+    "reference": "base/color/light/base/display/color/olive/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/olive/bgColor/hover",
+    "value": {
+      "r": 0.8588235294117647,
+      "g": 0.8823529411764706,
+      "b": 0.4392156862745098,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/olive/bgColor/hover",
+    "reference": "base/color/light/base/display/color/olive/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/olive/bgColor/rest",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9411764705882353,
+      "b": 0.6784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/olive/bgColor/rest",
+    "reference": "base/color/light/base/display/color/olive/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lemon/fgColor/active",
+    "value": {
+      "r": 0.3215686274509804,
+      "g": 0.24705882352941178,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lemon/fgColor/active",
+    "reference": "base/color/light/base/display/color/lemon/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lemon/fgColor/hover",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.30980392156862746,
+      "b": 0.00392156862745098,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lemon/fgColor/hover",
+    "reference": "base/color/light/base/display/color/lemon/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lemon/fgColor/rest",
+    "value": {
+      "r": 0.47058823529411764,
+      "g": 0.3764705882352941,
+      "b": 0.00784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lemon/fgColor/rest",
+    "reference": "base/color/light/base/display/color/lemon/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lemon/bgColor/active",
+    "value": {
+      "r": 0.8470588235294118,
+      "g": 0.7411764705882353,
+      "b": 0.054901960784313725,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lemon/bgColor/active",
+    "reference": "base/color/light/base/display/color/lemon/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lemon/bgColor/hover",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.8588235294117647,
+      "b": 0.23921568627450981,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lemon/bgColor/hover",
+    "reference": "base/color/light/base/display/color/lemon/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lemon/bgColor/rest",
+    "value": {
+      "r": 0.9686274509803922,
+      "g": 0.9333333333333333,
+      "b": 0.6313725490196078,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lemon/bgColor/rest",
+    "reference": "base/color/light/base/display/color/lemon/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/brown/fgColor/active",
+    "value": {
+      "r": 0.3176470588235294,
+      "g": 0.2549019607843137,
+      "b": 0.1843137254901961,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/brown/fgColor/active",
+    "reference": "base/color/light/base/display/color/brown/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/brown/fgColor/hover",
+    "value": {
+      "r": 0.39215686274509803,
+      "g": 0.3176470588235294,
+      "b": 0.22745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/brown/fgColor/hover",
+    "reference": "base/color/light/base/display/color/brown/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/brown/fgColor/rest",
+    "value": {
+      "r": 0.4588235294117647,
+      "g": 0.37254901960784315,
+      "b": 0.2627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/brown/fgColor/rest",
+    "reference": "base/color/light/base/display/color/brown/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/brown/bgColor/active",
+    "value": {
+      "r": 0.796078431372549,
+      "g": 0.7411764705882353,
+      "b": 0.6431372549019608,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/brown/bgColor/active",
+    "reference": "base/color/light/base/display/color/brown/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/brown/bgColor/hover",
+    "value": {
+      "r": 0.8745098039215686,
+      "g": 0.8431372549019608,
+      "b": 0.7843137254901961,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/brown/bgColor/hover",
+    "reference": "base/color/light/base/display/color/brown/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/brown/bgColor/rest",
+    "value": {
+      "r": 0.9333333333333333,
+      "g": 0.9176470588235294,
+      "b": 0.8862745098039215,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/brown/bgColor/rest",
+    "reference": "base/color/light/base/display/color/brown/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/auburn/fgColor/active",
+    "value": {
+      "r": 0.36470588235294116,
+      "g": 0.2235294117647059,
+      "b": 0.21568627450980393,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/auburn/fgColor/active",
+    "reference": "base/color/light/base/display/color/auburn/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/auburn/fgColor/hover",
+    "value": {
+      "r": 0.4549019607843137,
+      "g": 0.2784313725490196,
+      "b": 0.26666666666666666,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/auburn/fgColor/hover",
+    "reference": "base/color/light/base/display/color/auburn/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/auburn/fgColor/rest",
+    "value": {
+      "r": 0.5411764705882353,
+      "g": 0.3333333333333333,
+      "b": 0.3176470588235294,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/auburn/fgColor/rest",
+    "reference": "base/color/light/base/display/color/auburn/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/auburn/bgColor/active",
+    "value": {
+      "r": 0.8313725490196079,
+      "g": 0.7176470588235294,
+      "b": 0.7098039215686275,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/auburn/bgColor/active",
+    "reference": "base/color/light/base/display/color/auburn/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/auburn/bgColor/hover",
+    "value": {
+      "r": 0.9019607843137255,
+      "g": 0.8392156862745098,
+      "b": 0.8352941176470589,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/auburn/bgColor/hover",
+    "reference": "base/color/light/base/display/color/auburn/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/auburn/bgColor/rest",
+    "value": {
+      "r": 0.9490196078431372,
+      "g": 0.9137254901960784,
+      "b": 0.9137254901960784,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/auburn/bgColor/rest",
+    "reference": "base/color/light/base/display/color/auburn/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/gray/fgColor/active",
+    "value": {
+      "r": 0.25882352941176473,
+      "g": 0.26666666666666666,
+      "b": 0.2823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/gray/fgColor/active",
+    "reference": "base/color/light/base/display/color/gray/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/gray/fgColor/hover",
+    "value": {
+      "r": 0.3058823529411765,
+      "g": 0.3254901960784314,
+      "b": 0.35294117647058826,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/gray/fgColor/hover",
+    "reference": "base/color/light/base/display/color/gray/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/gray/fgColor/rest",
+    "value": {
+      "r": 0.3607843137254902,
+      "g": 0.396078431372549,
+      "b": 0.4392156862745098,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/gray/fgColor/rest",
+    "reference": "base/color/light/base/display/color/gray/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/gray/bgColor/active",
+    "value": {
+      "r": 0.7058823529411765,
+      "g": 0.7529411764705882,
+      "b": 0.8117647058823529,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/gray/bgColor/active",
+    "reference": "base/color/light/base/display/color/gray/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/gray/bgColor/hover",
+    "value": {
+      "r": 0.8235294117647058,
+      "g": 0.8549019607843137,
+      "b": 0.8941176470588236,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/gray/bgColor/hover",
+    "reference": "base/color/light/base/display/color/gray/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/gray/bgColor/rest",
+    "value": {
+      "r": 0.9098039215686274,
+      "g": 0.9254901960784314,
+      "b": 0.9490196078431372,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/gray/bgColor/rest",
+    "reference": "base/color/light/base/display/color/gray/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/yellow/fgColor/active",
+    "value": {
+      "r": 0.3607843137254902,
+      "g": 0.23921568627450981,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/yellow/fgColor/active",
+    "reference": "base/color/light/base/display/color/yellow/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/yellow/fgColor/hover",
+    "value": {
+      "r": 0.4392156862745098,
+      "g": 0.30196078431372547,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/yellow/fgColor/hover",
+    "reference": "base/color/light/base/display/color/yellow/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/yellow/fgColor/rest",
+    "value": {
+      "r": 0.5019607843137255,
+      "g": 0.34901960784313724,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/yellow/fgColor/rest",
+    "reference": "base/color/light/base/display/color/yellow/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/yellow/bgColor/active",
+    "value": {
+      "r": 0.9215686274509803,
+      "g": 0.7058823529411765,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/yellow/bgColor/active",
+    "reference": "base/color/light/base/display/color/yellow/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/yellow/bgColor/hover",
+    "value": {
+      "r": 1,
+      "g": 0.8392156862745098,
+      "b": 0.25882352941176473,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/yellow/bgColor/hover",
+    "reference": "base/color/light/base/display/color/yellow/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/yellow/bgColor/rest",
+    "value": {
+      "r": 1,
+      "g": 0.9254901960784314,
+      "b": 0.6196078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/yellow/bgColor/rest",
+    "reference": "base/color/light/base/display/color/yellow/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/red/fgColor/active",
+    "value": {
+      "r": 0.5333333333333333,
+      "g": 0.047058823529411764,
+      "b": 0.15294117647058825,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/red/fgColor/active",
+    "reference": "base/color/light/base/display/color/red/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/red/fgColor/hover",
+    "value": {
+      "r": 0.6509803921568628,
+      "g": 0.047058823529411764,
+      "b": 0.1607843137254902,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/red/fgColor/hover",
+    "reference": "base/color/light/base/display/color/red/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/red/fgColor/rest",
+    "value": {
+      "r": 0.7725490196078432,
+      "g": 0.050980392156862744,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/red/fgColor/rest",
+    "reference": "base/color/light/base/display/color/red/6",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/red/bgColor/active",
+    "value": {
+      "r": 0.9921568627450981,
+      "g": 0.6470588235294118,
+      "b": 0.6549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/red/bgColor/active",
+    "reference": "base/color/light/base/display/color/red/2",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/red/bgColor/hover",
+    "value": {
+      "r": 0.996078431372549,
+      "g": 0.803921568627451,
+      "b": 0.803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/red/bgColor/hover",
+    "reference": "base/color/light/base/display/color/red/1",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/red/bgColor/rest",
+    "value": {
+      "r": 1,
+      "g": 0.8862745098039215,
+      "b": 0.8784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/red/bgColor/rest",
+    "reference": "base/color/light/base/display/color/red/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/purple/fgColor/active",
+    "value": {
+      "r": 0.30980392156862746,
+      "g": 0.12941176470588237,
+      "b": 0.6705882352941176,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/purple/fgColor/active",
+    "reference": "base/color/light/base/display/color/purple/8",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/purple/fgColor/hover",
+    "value": {
+      "r": 0.3843137254901961,
+      "g": 0.13725490196078433,
+      "b": 0.8431372549019608,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/purple/fgColor/hover",
+    "reference": "base/color/light/base/display/color/purple/7",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/muted",
+    "name": "label/purple/fgColor/rest",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
+      "r": 0.47058823529411764,
+      "g": 0.22745098039215686,
+      "b": 0.8941176470588236,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/muted",
-    "reference": "base/color/light/base/color/gray/0",
+    "refId": "mode/label/purple/fgColor/rest",
+    "reference": "base/color/light/base/display/color/purple/6",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */"
-    }
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/default",
+    "name": "label/purple/bgColor/active",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
+      "r": 0.8196078431372549,
+      "g": 0.6941176470588235,
+      "b": 0.9882352941176471,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/default",
-    "reference": "base/color/light/base/color/white",
+    "refId": "mode/label/purple/bgColor/active",
+    "reference": "base/color/light/base/display/color/purple/2",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--bgColor-default) /* utility class: .color-bg-default */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/sponsors",
+    "name": "label/purple/bgColor/hover",
     "value": {
-      "r": 0.7490196078431373,
-      "g": 0.2235294117647059,
-      "b": 0.5372549019607843,
+      "r": 0.9019607843137255,
+      "g": 0.8235294117647058,
+      "b": 0.996078431372549,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/sponsors",
-    "reference": "base/color/light/base/color/pink/5",
+    "refId": "mode/label/purple/bgColor/hover",
+    "reference": "base/color/light/base/display/color/purple/1",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/done",
+    "name": "label/purple/bgColor/rest",
     "value": {
-      "r": 0.5098039215686274,
-      "g": 0.3137254901960784,
-      "b": 0.8745098039215686,
+      "r": 0.9450980392156862,
+      "g": 0.8980392156862745,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/done",
-    "reference": "base/color/light/base/color/purple/5",
+    "refId": "mode/label/purple/bgColor/rest",
+    "reference": "base/color/light/base/display/color/purple/0",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-done) /* utility class: .color-fg-done */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/danger",
+    "name": "label/orange/fgColor/active",
     "value": {
-      "r": 0.8196078431372549,
-      "g": 0.1411764705882353,
-      "b": 0.1843137254901961,
+      "r": 0.4392156862745098,
+      "g": 0.18823529411764706,
+      "b": 0.058823529411764705,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/fgColor/danger",
-    "reference": "base/color/light/base/color/red/5",
+    "refId": "mode/label/orange/fgColor/active",
+    "reference": "base/color/light/base/display/color/orange/8",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
-    }
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/severe",
+    "name": "label/orange/fgColor/hover",
     "value": {
-      "r": 0.7372549019607844,
-      "g": 0.2980392156862745,
-      "b": 0,
+      "r": 0.5529411764705883,
+      "g": 0.23529411764705882,
+      "b": 0.06666666666666667,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/severe",
-    "reference": "base/color/light/base/color/orange/5",
+    "refId": "mode/label/orange/fgColor/hover",
+    "reference": "base/color/light/base/display/color/orange/7",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
-    }
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/attention",
+    "name": "label/orange/fgColor/rest",
     "value": {
-      "r": 0.6039215686274509,
-      "g": 0.403921568627451,
-      "b": 0,
+      "r": 0.6352941176470588,
+      "g": 0.27450980392156865,
+      "b": 0.06274509803921569,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/attention",
-    "reference": "base/color/light/base/color/yellow/5",
+    "refId": "mode/label/orange/fgColor/rest",
+    "reference": "base/color/light/base/display/color/orange/6",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
-    }
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/success",
+    "name": "label/orange/bgColor/active",
     "value": {
-      "r": 0.10196078431372549,
-      "g": 0.4980392156862745,
-      "b": 0.21568627450980393,
+      "r": 0.984313725490196,
+      "g": 0.6862745098039216,
+      "b": 0.4549019607843137,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/success",
-    "reference": "base/color/light/base/color/green/5",
+    "refId": "mode/label/orange/bgColor/active",
+    "reference": "base/color/light/base/display/color/orange/2",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-success) /* utility class: .color-fg-success */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/accent",
+    "name": "label/orange/bgColor/hover",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 0.996078431372549,
+      "g": 0.8117647058823529,
+      "b": 0.6666666666666666,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/accent",
-    "reference": "base/color/light/base/color/blue/5",
+    "refId": "mode/label/orange/bgColor/hover",
+    "reference": "base/color/light/base/display/color/orange/1",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/neutral",
+    "name": "label/orange/bgColor/rest",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4666666666666667,
-      "b": 0.5058823529411764,
+      "r": 1,
+      "g": 0.9058823529411765,
+      "b": 0.8196078431372549,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/neutral",
-    "reference": "base/color/light/base/color/gray/5",
+    "refId": "mode/label/orange/bgColor/rest",
+    "reference": "base/color/light/base/display/color/orange/0",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/disabled",
+    "name": "label/green/fgColor/active",
     "value": {
-      "r": 0.5490196078431373,
-      "g": 0.5843137254901961,
-      "b": 0.6235294117647059,
+      "r": 0.1450980392156863,
+      "g": 0.29411764705882354,
+      "b": 0.20392156862745098,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/disabled",
-    "reference": "base/color/light/base/color/gray/4",
+    "refId": "mode/label/green/fgColor/active",
+    "reference": "base/color/light/base/display/color/green/8",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/black",
+    "name": "label/green/fgColor/hover",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
+      "r": 0.1568627450980392,
+      "g": 0.3607843137254902,
+      "b": 0.23137254901960785,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/black",
-    "reference": "base/color/light/base/color/black",
+    "refId": "mode/label/green/fgColor/hover",
+    "reference": "base/color/light/base/display/color/green/7",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/white",
+    "name": "label/green/fgColor/rest",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
+      "r": 0.16862745098039217,
+      "g": 0.43137254901960786,
+      "b": 0.24705882352941178,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/white",
-    "reference": "base/color/light/base/color/white",
+    "refId": "mode/label/green/fgColor/rest",
+    "reference": "base/color/light/base/display/color/green/6",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/onEmphasis",
+    "name": "label/green/bgColor/active",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
+      "r": 0.32941176470588235,
+      "g": 0.8509803921568627,
+      "b": 0.3803921568627451,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/onEmphasis",
-    "reference": "base/color/light/base/color/white",
+    "refId": "mode/label/green/bgColor/active",
+    "reference": "base/color/light/base/display/color/green/2",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/muted",
+    "name": "label/green/bgColor/hover",
     "value": {
-      "r": 0.38823529411764707,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
+      "r": 0.611764705882353,
+      "g": 0.9294117647058824,
+      "b": 0.6274509803921569,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/fgColor/muted",
-    "reference": "base/color/light/base/color/gray/6",
+    "refId": "mode/label/green/bgColor/hover",
+    "reference": "base/color/light/base/display/color/green/1",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/default",
+    "name": "label/green/bgColor/rest",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
+      "r": 0.792156862745098,
+      "g": 0.9686274509803922,
+      "b": 0.792156862745098,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/default",
-    "reference": "base/color/light/base/color/black",
+    "refId": "mode/label/green/bgColor/rest",
+    "reference": "base/color/light/base/display/color/green/0",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
     "name": "underlineNav/borderColor/active",
@@ -5310,6 +7230,22 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "card/bgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/card/bgColor",
+    "reference": "mode/bgColor/default",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "selection/bgColor",
     "value": {