npm - @primer/primitives - Versions diffs - 11.0.0 → 11.1.0-rc.27a415da - Mend

@primer/primitives 11.0.0 → 11.1.0-rc.27a415da

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (74) hide show

package/dist/css/functional/themes/dark-colorblind-high-contrast.css +58 -0
package/dist/css/functional/themes/dark-colorblind.css +60 -2
package/dist/css/functional/themes/dark-dimmed-high-contrast.css +58 -0
package/dist/css/functional/themes/dark-dimmed.css +60 -2
package/dist/css/functional/themes/dark-high-contrast.css +58 -0
package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +58 -0
package/dist/css/functional/themes/dark-tritanopia.css +60 -2
package/dist/css/functional/themes/dark.css +60 -2
package/dist/css/functional/themes/light-colorblind-high-contrast.css +58 -0
package/dist/css/functional/themes/light-colorblind.css +60 -2
package/dist/css/functional/themes/light-high-contrast.css +58 -0
package/dist/css/functional/themes/light-tritanopia-high-contrast.css +58 -0
package/dist/css/functional/themes/light-tritanopia.css +60 -2
package/dist/css/functional/themes/light.css +60 -2
package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +3280 -243
package/dist/docs/functional/themes/dark-colorblind.json +3269 -232
package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +3280 -243
package/dist/docs/functional/themes/dark-dimmed.json +3269 -232
package/dist/docs/functional/themes/dark-high-contrast.json +3280 -243
package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +3280 -243
package/dist/docs/functional/themes/dark-tritanopia.json +3269 -232
package/dist/docs/functional/themes/dark.json +3269 -232
package/dist/docs/functional/themes/light-colorblind-high-contrast.json +3280 -243
package/dist/docs/functional/themes/light-colorblind.json +3270 -233
package/dist/docs/functional/themes/light-high-contrast.json +3280 -243
package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +3280 -243
package/dist/docs/functional/themes/light-tritanopia.json +3270 -233
package/dist/docs/functional/themes/light.json +3270 -233
package/dist/figma/themes/dark-colorblind-high-contrast.json +464 -0
package/dist/figma/themes/dark-colorblind.json +468 -4
package/dist/figma/themes/dark-dimmed-high-contrast.json +464 -0
package/dist/figma/themes/dark-dimmed.json +468 -4
package/dist/figma/themes/dark-high-contrast.json +464 -0
package/dist/figma/themes/dark-tritanopia-high-contrast.json +464 -0
package/dist/figma/themes/dark-tritanopia.json +468 -4
package/dist/figma/themes/dark.json +468 -4
package/dist/figma/themes/light-colorblind-high-contrast.json +464 -0
package/dist/figma/themes/light-colorblind.json +468 -4
package/dist/figma/themes/light-high-contrast.json +464 -0
package/dist/figma/themes/light-tritanopia-high-contrast.json +464 -0
package/dist/figma/themes/light-tritanopia.json +468 -4
package/dist/figma/themes/light.json +468 -4
package/dist/internalCss/dark-colorblind-high-contrast.css +58 -0
package/dist/internalCss/dark-colorblind.css +60 -2
package/dist/internalCss/dark-dimmed-high-contrast.css +58 -0
package/dist/internalCss/dark-dimmed.css +60 -2
package/dist/internalCss/dark-high-contrast.css +58 -0
package/dist/internalCss/dark-tritanopia-high-contrast.css +58 -0
package/dist/internalCss/dark-tritanopia.css +60 -2
package/dist/internalCss/dark.css +60 -2
package/dist/internalCss/light-colorblind-high-contrast.css +58 -0
package/dist/internalCss/light-colorblind.css +60 -2
package/dist/internalCss/light-high-contrast.css +58 -0
package/dist/internalCss/light-tritanopia-high-contrast.css +58 -0
package/dist/internalCss/light-tritanopia.css +60 -2
package/dist/internalCss/light.css +60 -2
package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +3279 -242
package/dist/styleLint/functional/themes/dark-colorblind.json +3268 -231
package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +3279 -242
package/dist/styleLint/functional/themes/dark-dimmed.json +3268 -231
package/dist/styleLint/functional/themes/dark-high-contrast.json +3279 -242
package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +3279 -242
package/dist/styleLint/functional/themes/dark-tritanopia.json +3268 -231
package/dist/styleLint/functional/themes/dark.json +3268 -231
package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +3279 -242
package/dist/styleLint/functional/themes/light-colorblind.json +3269 -232
package/dist/styleLint/functional/themes/light-high-contrast.json +3279 -242
package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +3279 -242
package/dist/styleLint/functional/themes/light-tritanopia.json +3269 -232
package/dist/styleLint/functional/themes/light.json +3269 -232
package/package.json +2 -2
package/src/tokens/component/label.json5 +760 -0
package/src/tokens/component/progressBar.json5 +145 -0
package/src/tokens/functional/color/control.json5 +9 -2

package/dist/docs/functional/themes/dark-dimmed.json CHANGED Viewed

@@ -16978,13 +16978,20 @@
         "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#656c76"
+        "dark": "#3d444d",
+        "dark-dimmed-high-contrast": "#656c76",
+        "light-high-contrast": "#656c76",
+        "light-tritanopia-high-contrast": "#656c76",
+        "light-protanopia-deuteranopia-high-contrast": "#656c76",
+        "dark-high-contrast": "#656c76",
+        "dark-tritanopia-high-contrast": "#656c76",
+        "dark-protanopia-deuteranopia-high-contrast": "#656c76"
       }
     },
     "filePath": "src/tokens/functional/color/control.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.borderColor.emphasis}",
+      "$value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16993,7 +17000,14 @@
           "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{control.borderColor.emphasis}"
+          "dark": "{control.borderColor.rest}",
+          "dark-dimmed-high-contrast": "{control.borderColor.emphasis}",
+          "light-high-contrast": "{control.borderColor.emphasis}",
+          "light-tritanopia-high-contrast": "{control.borderColor.emphasis}",
+          "light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}",
+          "dark-high-contrast": "{control.borderColor.emphasis}",
+          "dark-tritanopia-high-contrast": "{control.borderColor.emphasis}",
+          "dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}"
         }
       },
       "key": "{controlKnob.borderColor.rest}"
@@ -17001,7 +17015,7 @@
     "name": "controlKnob-borderColor-rest",
     "attributes": {},
     "path": ["controlKnob", "borderColor", "rest"],
-    "value": "#656c76",
+    "value": "#3d444d",
     "type": "color"
   },
   "controlTrack-bgColor-active": {
@@ -36110,6 +36124,147 @@
     "value": "#271817",
     "type": "color"
   },
+  "label-auburn-borderColor": {
+    "key": "{label.auburn.borderColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#bf9592",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#bf9592",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#bf9592",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#bf9592",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#bf9592",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#bf9592",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#bf9592",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.auburn.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.auburn.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.auburn.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.auburn.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.auburn.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.auburn.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.auburn.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.auburn.borderColor}"
+    },
+    "name": "label-auburn-borderColor",
+    "attributes": {},
+    "path": ["label", "auburn", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
   "label-auburn-fgColor-active": {
     "key": "{label.auburn.fgColor.active}",
     "$extensions": {
@@ -36380,17 +36535,65 @@
     "value": "#001a47",
     "type": "color"
   },
-  "label-blue-fgColor-active": {
-    "key": "{label.blue.fgColor.active}",
+  "label-blue-borderColor": {
+    "key": "{label.blue.borderColor}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#85c2ff",
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#4da0ff",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#4da0ff",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#4da0ff",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#4da0ff",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#4da0ff",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#4da0ff",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#4da0ff",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -36400,33 +36603,81 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.blue.8}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["fgColor"]
+          "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.blue.8}",
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.blue.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.blue.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.blue.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.blue.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.blue.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.blue.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.blue.fgColor.rest}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
           }
         }
       },
-      "key": "{label.blue.fgColor.active}"
+      "key": "{label.blue.borderColor}"
     },
-    "name": "label-blue-fgColor-active",
+    "name": "label-blue-borderColor",
     "attributes": {},
-    "path": ["label", "blue", "fgColor", "active"],
-    "value": "#85c2ff",
+    "path": ["label", "blue", "borderColor"],
+    "value": "#00000000",
     "type": "color"
   },
-  "label-blue-fgColor-hover": {
-    "key": "{label.blue.fgColor.hover}",
+  "label-blue-fgColor-active": {
+    "key": "{label.blue.fgColor.active}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -36435,7 +36686,7 @@
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#61adff",
+          "$value": "#85c2ff",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -36445,7 +36696,7 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.blue.7}",
+      "$value": "{base.display.color.blue.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -36455,7 +36706,52 @@
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.blue.7}",
+            "$value": "{base.display.color.blue.8}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.blue.fgColor.active}"
+    },
+    "name": "label-blue-fgColor-active",
+    "attributes": {},
+    "path": ["label", "blue", "fgColor", "active"],
+    "value": "#85c2ff",
+    "type": "color"
+  },
+  "label-blue-fgColor-hover": {
+    "key": "{label.blue.fgColor.hover}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#61adff",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.blue.7}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.blue.7}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
@@ -36650,6 +36946,147 @@
     "value": "#241c14",
     "type": "color"
   },
+  "label-brown-borderColor": {
+    "key": "{label.brown.borderColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#b69a6d",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#b69a6d",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#b69a6d",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#b69a6d",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#b69a6d",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#b69a6d",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#b69a6d",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.brown.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.brown.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.brown.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.brown.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.brown.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.brown.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.brown.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.brown.borderColor}"
+    },
+    "name": "label-brown-borderColor",
+    "attributes": {},
+    "path": ["label", "brown", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
   "label-brown-fgColor-active": {
     "key": "{label.brown.fgColor.active}",
     "$extensions": {
@@ -36920,17 +37357,65 @@
     "value": "#351008",
     "type": "color"
   },
-  "label-coral-fgColor-active": {
-    "key": "{label.coral.fgColor.active}",
+  "label-coral-borderColor": {
+    "key": "{label.coral.borderColor}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#fdaa86",
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#f7794b",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#f7794b",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#f7794b",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#f7794b",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#f7794b",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#f7794b",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#f7794b",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -36940,42 +37425,135 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.coral.8}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["fgColor"]
+          "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.coral.8}",
+            "$value": "{base.color.transparent}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
-          }
-        }
-      },
-      "key": "{label.coral.fgColor.active}"
-    },
-    "name": "label-coral-fgColor-active",
-    "attributes": {},
-    "path": ["label", "coral", "fgColor", "active"],
-    "value": "#fdaa86",
-    "type": "color"
-  },
-  "label-coral-fgColor-hover": {
-    "key": "{label.coral.fgColor.hover}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["fgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": {
-          "$value": "#fa8c61",
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.coral.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.coral.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.coral.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.coral.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.coral.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.coral.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.coral.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.coral.borderColor}"
+    },
+    "name": "label-coral-borderColor",
+    "attributes": {},
+    "path": ["label", "coral", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
+  "label-coral-fgColor-active": {
+    "key": "{label.coral.fgColor.active}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#fdaa86",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.coral.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.coral.8}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.coral.fgColor.active}"
+    },
+    "name": "label-coral-fgColor-active",
+    "attributes": {},
+    "path": ["label", "coral", "fgColor", "active"],
+    "value": "#fdaa86",
+    "type": "color"
+  },
+  "label-coral-fgColor-hover": {
+    "key": "{label.coral.fgColor.hover}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#fa8c61",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -37190,6 +37768,147 @@
     "value": "#001f29",
     "type": "color"
   },
+  "label-cyan-borderColor": {
+    "key": "{label.cyan.borderColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#07ace4",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#07ace4",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#07ace4",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#07ace4",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#07ace4",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#07ace4",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#07ace4",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.cyan.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.cyan.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.cyan.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.cyan.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.cyan.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.cyan.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.cyan.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.cyan.borderColor}"
+    },
+    "name": "label-cyan-borderColor",
+    "attributes": {},
+    "path": ["label", "cyan", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
   "label-cyan-fgColor-active": {
     "key": "{label.cyan.fgColor.active}",
     "$extensions": {
@@ -37460,37 +38179,178 @@
     "value": "#1c1c1c",
     "type": "color"
   },
-  "label-gray-fgColor-active": {
-    "key": "{label.gray.fgColor.active}",
+  "label-gray-borderColor": {
+    "key": "{label.gray.borderColor}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#b3c0d1",
+          "$value": "#00000000",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
-        }
-      }
-    },
-    "filePath": "src/tokens/component/label.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.display.color.gray.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["fgColor"]
         },
-        "org.primer.overrides": {
-          "dark": {
-            "$value": "{base.display.color.gray.8}",
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#92a1b5",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#92a1b5",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#92a1b5",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#92a1b5",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#92a1b5",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#92a1b5",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#92a1b5",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.gray.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.gray.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.gray.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.gray.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.gray.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.gray.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.gray.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.gray.borderColor}"
+    },
+    "name": "label-gray-borderColor",
+    "attributes": {},
+    "path": ["label", "gray", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
+  "label-gray-fgColor-active": {
+    "key": "{label.gray.fgColor.active}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#b3c0d1",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.gray.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.gray.8}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
@@ -37730,17 +38590,65 @@
     "value": "#122117",
     "type": "color"
   },
-  "label-green-fgColor-active": {
-    "key": "{label.green.fgColor.active}",
+  "label-green-borderColor": {
+    "key": "{label.green.borderColor}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#75d36f",
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#41b445",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#41b445",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#41b445",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#41b445",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#41b445",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#41b445",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#41b445",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -37750,34 +38658,127 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.green.8}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["fgColor"]
+          "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.green.8}",
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.green.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.green.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.green.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.green.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.green.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.green.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.green.fgColor.rest}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
           }
         }
       },
-      "key": "{label.green.fgColor.active}"
+      "key": "{label.green.borderColor}"
     },
-    "name": "label-green-fgColor-active",
+    "name": "label-green-borderColor",
     "attributes": {},
-    "path": ["label", "green", "fgColor", "active"],
-    "value": "#75d36f",
+    "path": ["label", "green", "borderColor"],
+    "value": "#00000000",
     "type": "color"
   },
-  "label-green-fgColor-hover": {
-    "key": "{label.green.fgColor.hover}",
-    "$extensions": {
+  "label-green-fgColor-active": {
+    "key": "{label.green.fgColor.active}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#75d36f",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.green.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.green.8}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.green.fgColor.active}"
+    },
+    "name": "label-green-fgColor-active",
+    "attributes": {},
+    "path": ["label", "green", "fgColor", "active"],
+    "value": "#75d36f",
+    "type": "color"
+  },
+  "label-green-fgColor-hover": {
+    "key": "{label.green.fgColor.hover}",
+    "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
@@ -38000,6 +39001,147 @@
     "value": "#1b183f",
     "type": "color"
   },
+  "label-indigo-borderColor": {
+    "key": "{label.indigo.borderColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#9899ec",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#9899ec",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#9899ec",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#9899ec",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#9899ec",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#9899ec",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#9899ec",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.indigo.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.indigo.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.indigo.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.indigo.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.indigo.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.indigo.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.indigo.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.indigo.borderColor}"
+    },
+    "name": "label-indigo-borderColor",
+    "attributes": {},
+    "path": ["label", "indigo", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
   "label-indigo-fgColor-active": {
     "key": "{label.indigo.fgColor.active}",
     "$extensions": {
@@ -38270,17 +39412,65 @@
     "value": "#291d00",
     "type": "color"
   },
-  "label-lemon-fgColor-active": {
-    "key": "{label.lemon.fgColor.active}",
+  "label-lemon-borderColor": {
+    "key": "{label.lemon.borderColor}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#d7bc1d",
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#ba9b12",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#ba9b12",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#ba9b12",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#ba9b12",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#ba9b12",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#ba9b12",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#ba9b12",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -38290,39 +39480,132 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.lemon.8}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["fgColor"]
+          "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.lemon.8}",
+            "$value": "{base.color.transparent}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
-          }
-        }
-      },
-      "key": "{label.lemon.fgColor.active}"
-    },
-    "name": "label-lemon-fgColor-active",
-    "attributes": {},
-    "path": ["label", "lemon", "fgColor", "active"],
-    "value": "#d7bc1d",
-    "type": "color"
-  },
-  "label-lemon-fgColor-hover": {
-    "key": "{label.lemon.fgColor.hover}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["fgColor"]
-      },
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.lemon.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.lemon.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.lemon.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.lemon.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.lemon.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.lemon.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.lemon.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.lemon.borderColor}"
+    },
+    "name": "label-lemon-borderColor",
+    "attributes": {},
+    "path": ["label", "lemon", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
+  "label-lemon-fgColor-active": {
+    "key": "{label.lemon.fgColor.active}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#d7bc1d",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.lemon.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.lemon.8}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.lemon.fgColor.active}"
+    },
+    "name": "label-lemon-fgColor-active",
+    "attributes": {},
+    "path": ["label", "lemon", "fgColor", "active"],
+    "value": "#d7bc1d",
+    "type": "color"
+  },
+  "label-lemon-fgColor-hover": {
+    "key": "{label.lemon.fgColor.hover}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
       "org.primer.overrides": {
         "dark": {
           "$value": "#c4a717",
@@ -38540,6 +39823,147 @@
     "value": "#141f0f",
     "type": "color"
   },
+  "label-lime-borderColor": {
+    "key": "{label.lime.borderColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#7dae37",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#7dae37",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#7dae37",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#7dae37",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#7dae37",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#7dae37",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#7dae37",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.lime.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.lime.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.lime.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.lime.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.lime.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.lime.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.lime.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.lime.borderColor}"
+    },
+    "name": "label-lime-borderColor",
+    "attributes": {},
+    "path": ["label", "lime", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
   "label-lime-fgColor-active": {
     "key": "{label.lime.fgColor.active}",
     "$extensions": {
@@ -38810,40 +40234,181 @@
     "value": "#171e0b",
     "type": "color"
   },
-  "label-olive-fgColor-active": {
-    "key": "{label.olive.fgColor.active}",
+  "label-olive-borderColor": {
+    "key": "{label.olive.borderColor}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#cbc025",
+          "$value": "#00000000",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
-        }
-      }
-    },
-    "filePath": "src/tokens/component/label.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.display.color.olive.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["fgColor"]
         },
-        "org.primer.overrides": {
-          "dark": {
-            "$value": "{base.display.color.olive.8}",
-            "filePath": "src/tokens/component/label.json5",
-            "isSource": true,
-            "$type": "color"
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#a2a626",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#a2a626",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#a2a626",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#a2a626",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#a2a626",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#a2a626",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#a2a626",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.olive.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.olive.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.olive.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.olive.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.olive.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.olive.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.olive.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.olive.borderColor}"
+    },
+    "name": "label-olive-borderColor",
+    "attributes": {},
+    "path": ["label", "olive", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
+  "label-olive-fgColor-active": {
+    "key": "{label.olive.fgColor.active}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#cbc025",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.olive.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.olive.8}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
           }
         }
       },
@@ -39080,17 +40645,65 @@
     "value": "#311708",
     "type": "color"
   },
-  "label-orange-fgColor-active": {
-    "key": "{label.orange.fgColor.active}",
+  "label-orange-borderColor": {
+    "key": "{label.orange.borderColor}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#f6b06a",
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#ed8326",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#ed8326",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#ed8326",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#ed8326",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#ed8326",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#ed8326",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#ed8326",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -39100,29 +40713,122 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.orange.8}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["fgColor"]
+          "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.orange.8}",
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.orange.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.orange.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.orange.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.orange.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.orange.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.orange.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.orange.fgColor.rest}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
           }
         }
       },
-      "key": "{label.orange.fgColor.active}"
+      "key": "{label.orange.borderColor}"
     },
-    "name": "label-orange-fgColor-active",
+    "name": "label-orange-borderColor",
     "attributes": {},
-    "path": ["label", "orange", "fgColor", "active"],
-    "value": "#f6b06a",
+    "path": ["label", "orange", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
+  "label-orange-fgColor-active": {
+    "key": "{label.orange.fgColor.active}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#f6b06a",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.orange.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.orange.8}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.orange.fgColor.active}"
+    },
+    "name": "label-orange-fgColor-active",
+    "attributes": {},
+    "path": ["label", "orange", "fgColor", "active"],
+    "value": "#f6b06a",
     "type": "color"
   },
   "label-orange-fgColor-hover": {
@@ -39350,6 +41056,147 @@
     "value": "#082119",
     "type": "color"
   },
+  "label-pine-borderColor": {
+    "key": "{label.pine.borderColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#1bb673",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#1bb673",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#1bb673",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#1bb673",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#1bb673",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#1bb673",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#1bb673",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.pine.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.pine.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.pine.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.pine.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.pine.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.pine.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.pine.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.pine.borderColor}"
+    },
+    "name": "label-pine-borderColor",
+    "attributes": {},
+    "path": ["label", "pine", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
   "label-pine-fgColor-active": {
     "key": "{label.pine.fgColor.active}",
     "$extensions": {
@@ -39620,17 +41467,65 @@
     "value": "#2d1524",
     "type": "color"
   },
-  "label-pink-fgColor-active": {
-    "key": "{label.pink.fgColor.active}",
+  "label-pink-borderColor": {
+    "key": "{label.pink.borderColor}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#f4a9cd",
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#e57bb2",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#e57bb2",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#e57bb2",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#e57bb2",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#e57bb2",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#e57bb2",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#e57bb2",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -39640,42 +41535,135 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.pink.8}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["fgColor"]
+          "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.pink.8}",
+            "$value": "{base.color.transparent}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
-          }
-        }
-      },
-      "key": "{label.pink.fgColor.active}"
-    },
-    "name": "label-pink-fgColor-active",
-    "attributes": {},
-    "path": ["label", "pink", "fgColor", "active"],
-    "value": "#f4a9cd",
-    "type": "color"
-  },
-  "label-pink-fgColor-hover": {
-    "key": "{label.pink.fgColor.hover}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["fgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": {
-          "$value": "#ec8dbd",
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.pink.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.pink.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.pink.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.pink.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.pink.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.pink.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.pink.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.pink.borderColor}"
+    },
+    "name": "label-pink-borderColor",
+    "attributes": {},
+    "path": ["label", "pink", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
+  "label-pink-fgColor-active": {
+    "key": "{label.pink.fgColor.active}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#f4a9cd",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.pink.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.pink.8}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.pink.fgColor.active}"
+    },
+    "name": "label-pink-fgColor-active",
+    "attributes": {},
+    "path": ["label", "pink", "fgColor", "active"],
+    "value": "#f4a9cd",
+    "type": "color"
+  },
+  "label-pink-fgColor-hover": {
+    "key": "{label.pink.fgColor.hover}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#ec8dbd",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -39890,6 +41878,147 @@
     "value": "#2a0e3f",
     "type": "color"
   },
+  "label-plum-borderColor": {
+    "key": "{label.plum.borderColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#d07ef7",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#d07ef7",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#d07ef7",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#d07ef7",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#d07ef7",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#d07ef7",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#d07ef7",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.plum.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.plum.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.plum.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.plum.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.plum.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.plum.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.plum.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.plum.borderColor}"
+    },
+    "name": "label-plum-borderColor",
+    "attributes": {},
+    "path": ["label", "plum", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
   "label-plum-fgColor-active": {
     "key": "{label.plum.fgColor.active}",
     "$extensions": {
@@ -40160,37 +42289,178 @@
     "value": "#211047",
     "type": "color"
   },
-  "label-purple-fgColor-active": {
-    "key": "{label.purple.fgColor.active}",
+  "label-purple-borderColor": {
+    "key": "{label.purple.borderColor}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#d2affd",
+          "$value": "#00000000",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
-        }
-      }
-    },
-    "filePath": "src/tokens/component/label.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.display.color.purple.8}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["fgColor"]
         },
-        "org.primer.overrides": {
-          "dark": {
-            "$value": "{base.display.color.purple.8}",
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#b687f7",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#b687f7",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#b687f7",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#b687f7",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#b687f7",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#b687f7",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#b687f7",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.purple.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.purple.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.purple.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.purple.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.purple.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.purple.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.purple.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.purple.borderColor}"
+    },
+    "name": "label-purple-borderColor",
+    "attributes": {},
+    "path": ["label", "purple", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
+  "label-purple-fgColor-active": {
+    "key": "{label.purple.fgColor.active}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#d2affd",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.purple.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.purple.8}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
@@ -40430,17 +42700,65 @@
     "value": "#3c0614",
     "type": "color"
   },
-  "label-red-fgColor-active": {
-    "key": "{label.red.fgColor.active}",
+  "label-red-borderColor": {
+    "key": "{label.red.borderColor}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#f7adab",
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#f27d83",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#f27d83",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#f27d83",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#f27d83",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#f27d83",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#f27d83",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#f27d83",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -40450,34 +42768,127 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.red.8}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["fgColor"]
+          "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.red.8}",
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.red.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.red.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.red.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.red.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.red.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.red.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.red.fgColor.rest}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
           }
         }
       },
-      "key": "{label.red.fgColor.active}"
+      "key": "{label.red.borderColor}"
     },
-    "name": "label-red-fgColor-active",
+    "name": "label-red-borderColor",
     "attributes": {},
-    "path": ["label", "red", "fgColor", "active"],
-    "value": "#f7adab",
+    "path": ["label", "red", "borderColor"],
+    "value": "#00000000",
     "type": "color"
   },
-  "label-red-fgColor-hover": {
-    "key": "{label.red.fgColor.hover}",
-    "$extensions": {
+  "label-red-fgColor-active": {
+    "key": "{label.red.fgColor.active}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#f7adab",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.red.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.red.8}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.red.fgColor.active}"
+    },
+    "name": "label-red-fgColor-active",
+    "attributes": {},
+    "path": ["label", "red", "fgColor", "active"],
+    "value": "#f7adab",
+    "type": "color"
+  },
+  "label-red-fgColor-hover": {
+    "key": "{label.red.fgColor.hover}",
+    "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
@@ -40700,6 +43111,147 @@
     "value": "#041f25",
     "type": "color"
   },
+  "label-teal-borderColor": {
+    "key": "{label.teal.borderColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#1cb0ab",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#1cb0ab",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#1cb0ab",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#1cb0ab",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#1cb0ab",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#1cb0ab",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#1cb0ab",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.teal.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.teal.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.teal.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.teal.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.teal.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.teal.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.teal.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.teal.borderColor}"
+    },
+    "name": "label-teal-borderColor",
+    "attributes": {},
+    "path": ["label", "teal", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
   "label-teal-fgColor-active": {
     "key": "{label.teal.fgColor.active}",
     "$extensions": {
@@ -40970,17 +43522,65 @@
     "value": "#2e1a00",
     "type": "color"
   },
-  "label-yellow-fgColor-active": {
-    "key": "{label.yellow.fgColor.active}",
+  "label-yellow-borderColor": {
+    "key": "{label.yellow.borderColor}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#edb431",
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#00000000",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#d3910d",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#d3910d",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#d3910d",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#d3910d",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#d3910d",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#d3910d",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#d3910d",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -40990,39 +43590,132 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.yellow.8}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["fgColor"]
+          "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.yellow.8}",
+            "$value": "{base.color.transparent}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
-          }
-        }
-      },
-      "key": "{label.yellow.fgColor.active}"
-    },
-    "name": "label-yellow-fgColor-active",
-    "attributes": {},
-    "path": ["label", "yellow", "fgColor", "active"],
-    "value": "#edb431",
-    "type": "color"
-  },
-  "label-yellow-fgColor-hover": {
-    "key": "{label.yellow.fgColor.hover}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["fgColor"]
-      },
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.yellow.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.yellow.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.yellow.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.yellow.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.yellow.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.yellow.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.yellow.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.yellow.borderColor}"
+    },
+    "name": "label-yellow-borderColor",
+    "attributes": {},
+    "path": ["label", "yellow", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
+  "label-yellow-fgColor-active": {
+    "key": "{label.yellow.fgColor.active}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#edb431",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.yellow.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.yellow.8}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.yellow.fgColor.active}"
+    },
+    "name": "label-yellow-fgColor-active",
+    "attributes": {},
+    "path": ["label", "yellow", "fgColor", "active"],
+    "value": "#edb431",
+    "type": "color"
+  },
+  "label-yellow-fgColor-hover": {
+    "key": "{label.yellow.fgColor.hover}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
       "org.primer.overrides": {
         "dark": {
           "$value": "#df9e11",
@@ -41432,6 +44125,350 @@
     "value": "#212830",
     "type": "color"
   },
+  "progressBar-bgColor-accent": {
+    "key": "{progressBar.bgColor.accent}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{progressBar.bgColor.accent}"
+    },
+    "name": "progressBar-bgColor-accent",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "accent"],
+    "value": "#316dca",
+    "type": "color"
+  },
+  "progressBar-bgColor-attention": {
+    "key": "{progressBar.bgColor.attention}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.attention.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{progressBar.bgColor.attention}"
+    },
+    "name": "progressBar-bgColor-attention",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "attention"],
+    "value": "#966600",
+    "type": "color"
+  },
+  "progressBar-bgColor-danger": {
+    "key": "{progressBar.bgColor.danger}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.danger.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{progressBar.bgColor.danger}"
+    },
+    "name": "progressBar-bgColor-danger",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "danger"],
+    "value": "#c93c37",
+    "type": "color"
+  },
+  "progressBar-bgColor-done": {
+    "key": "{progressBar.bgColor.done}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.done.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{progressBar.bgColor.done}"
+    },
+    "name": "progressBar-bgColor-done",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "done"],
+    "value": "#8256d0",
+    "type": "color"
+  },
+  "progressBar-bgColor-neutral": {
+    "key": "{progressBar.bgColor.neutral}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": "#656c76",
+        "dark-dimmed-high-contrast": "#656c76",
+        "dark-protanopia-deuteranopia-high-contrast": "#656c76",
+        "dark-tritanopia-high-contrast": "#656c76",
+        "light-high-contrast": "#656c76",
+        "light-protanopia-deuteranopia-high-contrast": "#656c76",
+        "light-tritanopia-high-contrast": "#656c76"
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.neutral.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": "{base.color.neutral.8}",
+          "dark-dimmed-high-contrast": "{base.color.neutral.8}",
+          "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
+          "dark-tritanopia-high-contrast": "{base.color.neutral.8}",
+          "light-high-contrast": "{base.color.neutral.8}",
+          "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
+          "light-tritanopia-high-contrast": "{base.color.neutral.8}"
+        }
+      },
+      "key": "{progressBar.bgColor.neutral}"
+    },
+    "name": "progressBar-bgColor-neutral",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "neutral"],
+    "value": "#656c76",
+    "type": "color"
+  },
+  "progressBar-bgColor-severe": {
+    "key": "{progressBar.bgColor.severe}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.severe.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{progressBar.bgColor.severe}"
+    },
+    "name": "progressBar-bgColor-severe",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "severe"],
+    "value": "#ae5622",
+    "type": "color"
+  },
+  "progressBar-bgColor-sponsors": {
+    "key": "{progressBar.bgColor.sponsors}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.sponsors.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{progressBar.bgColor.sponsors}"
+    },
+    "name": "progressBar-bgColor-sponsors",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "sponsors"],
+    "value": "#ae4c82",
+    "type": "color"
+  },
+  "progressBar-bgColor-success": {
+    "key": "{progressBar.bgColor.success}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.success.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{progressBar.bgColor.success}"
+    },
+    "name": "progressBar-bgColor-success",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "success"],
+    "value": "#347d39",
+    "type": "color"
+  },
+  "progressBar-track-bgColor": {
+    "key": "{progressBar.track.bgColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": "#cdd9e5",
+        "dark-dimmed-high-contrast": "#cdd9e5",
+        "dark-protanopia-deuteranopia-high-contrast": "#cdd9e5",
+        "dark-tritanopia-high-contrast": "#cdd9e5",
+        "light-high-contrast": "#212830",
+        "light-protanopia-deuteranopia-high-contrast": "#212830",
+        "light-tritanopia-high-contrast": "#212830"
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{borderColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": "{bgColor.inverse}",
+          "dark-dimmed-high-contrast": "{bgColor.inverse}",
+          "dark-protanopia-deuteranopia-high-contrast": "{bgColor.inverse}",
+          "dark-tritanopia-high-contrast": "{bgColor.inverse}",
+          "light-high-contrast": "{bgColor.default}",
+          "light-protanopia-deuteranopia-high-contrast": "{bgColor.default}",
+          "light-tritanopia-high-contrast": "{bgColor.default}"
+        }
+      },
+      "key": "{progressBar.track.bgColor}"
+    },
+    "name": "progressBar-track-bgColor",
+    "attributes": {},
+    "path": ["progressBar", "track", "bgColor"],
+    "value": "#3d444d",
+    "type": "color"
+  },
+  "progressBar-track-borderColor": {
+    "key": "{progressBar.track.borderColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": "#3d444d",
+        "dark-dimmed-high-contrast": "#3d444d",
+        "dark-protanopia-deuteranopia-high-contrast": "#3d444d",
+        "dark-tritanopia-high-contrast": "#3d444d",
+        "light-high-contrast": "#d1d7e0",
+        "light-protanopia-deuteranopia-high-contrast": "#d1d7e0",
+        "light-tritanopia-high-contrast": "#d1d7e0"
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": "{progressBar.track.bgColor}",
+          "dark-dimmed-high-contrast": "{progressBar.track.bgColor}",
+          "dark-protanopia-deuteranopia-high-contrast": "{progressBar.track.bgColor}",
+          "dark-tritanopia-high-contrast": "{progressBar.track.bgColor}",
+          "light-high-contrast": "{base.color.neutral.11}",
+          "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}",
+          "light-tritanopia-high-contrast": "{base.color.neutral.11}"
+        }
+      },
+      "key": "{progressBar.track.borderColor}"
+    },
+    "name": "progressBar-track-borderColor",
+    "attributes": {},
+    "path": ["progressBar", "track", "borderColor"],
+    "value": "#00000000",
+    "type": "color"
+  },
   "reactionButton-selected-bgColor-hover": {
     "key": "{reactionButton.selected.bgColor.hover}",
     "$extensions": {