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/styleLint/functional/themes/dark-dimmed.json CHANGED Viewed

@@ -16971,7 +16971,7 @@
   },
   "controlKnob-borderColor-rest": {
     "key": "{controlKnob.borderColor.rest}",
-    "$value": "#656c76",
+    "$value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16980,13 +16980,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": {
@@ -16995,7 +17002,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}"
@@ -36110,6 +36124,147 @@
     "attributes": {},
     "path": ["label", "auburn", "bgColor", "rest"]
   },
+  "label-auburn-borderColor": {
+    "key": "{label.auburn.borderColor}",
+    "$value": "#00000000",
+    "$type": "color",
+    "$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"]
+  },
   "label-auburn-fgColor-active": {
     "key": "{label.auburn.fgColor.active}",
     "$value": "#d4b7b5",
@@ -36380,19 +36535,67 @@
     "attributes": {},
     "path": ["label", "blue", "bgColor", "rest"]
   },
-  "label-blue-fgColor-active": {
-    "key": "{label.blue.fgColor.active}",
-    "$value": "#85c2ff",
+  "label-blue-borderColor": {
+    "key": "{label.blue.borderColor}",
+    "$value": "#00000000",
     "$type": "color",
     "$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"
@@ -36402,32 +36605,80 @@
     "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"]
+    "path": ["label", "blue", "borderColor"]
   },
-  "label-blue-fgColor-hover": {
-    "key": "{label.blue.fgColor.hover}",
-    "$value": "#61adff",
+  "label-blue-fgColor-active": {
+    "key": "{label.blue.fgColor.active}",
+    "$value": "#85c2ff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -36437,7 +36688,7 @@
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#61adff",
+          "$value": "#85c2ff",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -36447,7 +36698,52 @@
     "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": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$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"]
+  },
+  "label-blue-fgColor-hover": {
+    "key": "{label.blue.fgColor.hover}",
+    "$value": "#61adff",
+    "$type": "color",
+    "$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": {
@@ -36650,6 +36946,147 @@
     "attributes": {},
     "path": ["label", "brown", "bgColor", "rest"]
   },
+  "label-brown-borderColor": {
+    "key": "{label.brown.borderColor}",
+    "$value": "#00000000",
+    "$type": "color",
+    "$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"]
+  },
   "label-brown-fgColor-active": {
     "key": "{label.brown.fgColor.active}",
     "$value": "#cdbb98",
@@ -36920,19 +37357,67 @@
     "attributes": {},
     "path": ["label", "coral", "bgColor", "rest"]
   },
-  "label-coral-fgColor-active": {
-    "key": "{label.coral.fgColor.active}",
-    "$value": "#fdaa86",
+  "label-coral-borderColor": {
+    "key": "{label.coral.borderColor}",
+    "$value": "#00000000",
     "$type": "color",
     "$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"
@@ -36942,40 +37427,133 @@
     "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"]
-  },
-  "label-coral-fgColor-hover": {
-    "key": "{label.coral.fgColor.hover}",
-    "$value": "#fa8c61",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["fgColor"]
-      },
-      "org.primer.overrides": {
+          },
+          "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"]
+  },
+  "label-coral-fgColor-active": {
+    "key": "{label.coral.fgColor.active}",
+    "$value": "#fdaa86",
+    "$type": "color",
+    "$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"]
+  },
+  "label-coral-fgColor-hover": {
+    "key": "{label.coral.fgColor.hover}",
+    "$value": "#fa8c61",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
         "dark": {
           "$value": "#fa8c61",
           "filePath": "src/tokens/component/label.json5",
@@ -37190,6 +37768,147 @@
     "attributes": {},
     "path": ["label", "cyan", "bgColor", "rest"]
   },
+  "label-cyan-borderColor": {
+    "key": "{label.cyan.borderColor}",
+    "$value": "#00000000",
+    "$type": "color",
+    "$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"]
+  },
   "label-cyan-fgColor-active": {
     "key": "{label.cyan.fgColor.active}",
     "$value": "#45cbf7",
@@ -37460,39 +38179,180 @@
     "attributes": {},
     "path": ["label", "gray", "bgColor", "rest"]
   },
-  "label-gray-fgColor-active": {
-    "key": "{label.gray.fgColor.active}",
-    "$value": "#b3c0d1",
+  "label-gray-borderColor": {
+    "key": "{label.gray.borderColor}",
+    "$value": "#00000000",
     "$type": "color",
     "$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"]
+  },
+  "label-gray-fgColor-active": {
+    "key": "{label.gray.fgColor.active}",
+    "$value": "#b3c0d1",
+    "$type": "color",
+    "$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,19 +38590,67 @@
     "attributes": {},
     "path": ["label", "green", "bgColor", "rest"]
   },
-  "label-green-fgColor-active": {
-    "key": "{label.green.fgColor.active}",
-    "$value": "#75d36f",
+  "label-green-borderColor": {
+    "key": "{label.green.borderColor}",
+    "$value": "#00000000",
     "$type": "color",
     "$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"
@@ -37752,32 +38660,125 @@
     "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"]
+    "path": ["label", "green", "borderColor"]
   },
-  "label-green-fgColor-hover": {
-    "key": "{label.green.fgColor.hover}",
-    "$value": "#46c144",
+  "label-green-fgColor-active": {
+    "key": "{label.green.fgColor.active}",
+    "$value": "#75d36f",
+    "$type": "color",
+    "$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"]
+  },
+  "label-green-fgColor-hover": {
+    "key": "{label.green.fgColor.hover}",
+    "$value": "#46c144",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -38000,6 +39001,147 @@
     "attributes": {},
     "path": ["label", "indigo", "bgColor", "rest"]
   },
+  "label-indigo-borderColor": {
+    "key": "{label.indigo.borderColor}",
+    "$value": "#00000000",
+    "$type": "color",
+    "$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"]
+  },
   "label-indigo-fgColor-active": {
     "key": "{label.indigo.fgColor.active}",
     "$value": "#b7baf6",
@@ -38270,19 +39412,67 @@
     "attributes": {},
     "path": ["label", "lemon", "bgColor", "rest"]
   },
-  "label-lemon-fgColor-active": {
-    "key": "{label.lemon.fgColor.active}",
-    "$value": "#d7bc1d",
+  "label-lemon-borderColor": {
+    "key": "{label.lemon.borderColor}",
+    "$value": "#00000000",
     "$type": "color",
     "$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"
@@ -38292,37 +39482,130 @@
     "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"]
-  },
-  "label-lemon-fgColor-hover": {
-    "key": "{label.lemon.fgColor.hover}",
-    "$value": "#c4a717",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
+          },
+          "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"]
+  },
+  "label-lemon-fgColor-active": {
+    "key": "{label.lemon.fgColor.active}",
+    "$value": "#d7bc1d",
+    "$type": "color",
+    "$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"]
+  },
+  "label-lemon-fgColor-hover": {
+    "key": "{label.lemon.fgColor.hover}",
+    "$value": "#c4a717",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
         "scopes": ["fgColor"]
       },
       "org.primer.overrides": {
@@ -38540,6 +39823,147 @@
     "attributes": {},
     "path": ["label", "lime", "bgColor", "rest"]
   },
+  "label-lime-borderColor": {
+    "key": "{label.lime.borderColor}",
+    "$value": "#00000000",
+    "$type": "color",
+    "$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"]
+  },
   "label-lime-fgColor-active": {
     "key": "{label.lime.fgColor.active}",
     "$value": "#9fcc3e",
@@ -38810,42 +40234,183 @@
     "attributes": {},
     "path": ["label", "olive", "bgColor", "rest"]
   },
-  "label-olive-fgColor-active": {
-    "key": "{label.olive.fgColor.active}",
-    "$value": "#cbc025",
+  "label-olive-borderColor": {
+    "key": "{label.olive.borderColor}",
+    "$value": "#00000000",
     "$type": "color",
     "$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"]
+  },
+  "label-olive-fgColor-active": {
+    "key": "{label.olive.fgColor.active}",
+    "$value": "#cbc025",
+    "$type": "color",
+    "$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,19 +40645,67 @@
     "attributes": {},
     "path": ["label", "orange", "bgColor", "rest"]
   },
-  "label-orange-fgColor-active": {
-    "key": "{label.orange.fgColor.active}",
-    "$value": "#f6b06a",
+  "label-orange-borderColor": {
+    "key": "{label.orange.borderColor}",
+    "$value": "#00000000",
     "$type": "color",
     "$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"
@@ -39102,28 +40715,121 @@
     "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"]
+    "path": ["label", "orange", "borderColor"]
+  },
+  "label-orange-fgColor-active": {
+    "key": "{label.orange.fgColor.active}",
+    "$value": "#f6b06a",
+    "$type": "color",
+    "$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"]
   },
   "label-orange-fgColor-hover": {
     "key": "{label.orange.fgColor.hover}",
@@ -39350,6 +41056,147 @@
     "attributes": {},
     "path": ["label", "pine", "bgColor", "rest"]
   },
+  "label-pine-borderColor": {
+    "key": "{label.pine.borderColor}",
+    "$value": "#00000000",
+    "$type": "color",
+    "$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"]
+  },
   "label-pine-fgColor-active": {
     "key": "{label.pine.fgColor.active}",
     "$value": "#1bda81",
@@ -39620,19 +41467,67 @@
     "attributes": {},
     "path": ["label", "pink", "bgColor", "rest"]
   },
-  "label-pink-fgColor-active": {
-    "key": "{label.pink.fgColor.active}",
-    "$value": "#f4a9cd",
+  "label-pink-borderColor": {
+    "key": "{label.pink.borderColor}",
+    "$value": "#00000000",
     "$type": "color",
     "$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"
@@ -39642,40 +41537,133 @@
     "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"]
-  },
-  "label-pink-fgColor-hover": {
-    "key": "{label.pink.fgColor.hover}",
-    "$value": "#ec8dbd",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["fgColor"]
-      },
-      "org.primer.overrides": {
+          },
+          "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"]
+  },
+  "label-pink-fgColor-active": {
+    "key": "{label.pink.fgColor.active}",
+    "$value": "#f4a9cd",
+    "$type": "color",
+    "$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"]
+  },
+  "label-pink-fgColor-hover": {
+    "key": "{label.pink.fgColor.hover}",
+    "$value": "#ec8dbd",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
         "dark": {
           "$value": "#ec8dbd",
           "filePath": "src/tokens/component/label.json5",
@@ -39890,6 +41878,147 @@
     "attributes": {},
     "path": ["label", "plum", "bgColor", "rest"]
   },
+  "label-plum-borderColor": {
+    "key": "{label.plum.borderColor}",
+    "$value": "#00000000",
+    "$type": "color",
+    "$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"]
+  },
   "label-plum-fgColor-active": {
     "key": "{label.plum.fgColor.active}",
     "$value": "#e4a5fd",
@@ -40160,39 +42289,180 @@
     "attributes": {},
     "path": ["label", "purple", "bgColor", "rest"]
   },
-  "label-purple-fgColor-active": {
-    "key": "{label.purple.fgColor.active}",
-    "$value": "#d2affd",
+  "label-purple-borderColor": {
+    "key": "{label.purple.borderColor}",
+    "$value": "#00000000",
     "$type": "color",
     "$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"]
+  },
+  "label-purple-fgColor-active": {
+    "key": "{label.purple.fgColor.active}",
+    "$value": "#d2affd",
+    "$type": "color",
+    "$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,19 +42700,67 @@
     "attributes": {},
     "path": ["label", "red", "bgColor", "rest"]
   },
-  "label-red-fgColor-active": {
-    "key": "{label.red.fgColor.active}",
-    "$value": "#f7adab",
+  "label-red-borderColor": {
+    "key": "{label.red.borderColor}",
+    "$value": "#00000000",
     "$type": "color",
     "$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"
@@ -40452,32 +42770,125 @@
     "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"]
+    "path": ["label", "red", "borderColor"]
   },
-  "label-red-fgColor-hover": {
-    "key": "{label.red.fgColor.hover}",
-    "$value": "#f48b8d",
+  "label-red-fgColor-active": {
+    "key": "{label.red.fgColor.active}",
+    "$value": "#f7adab",
+    "$type": "color",
+    "$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"]
+  },
+  "label-red-fgColor-hover": {
+    "key": "{label.red.fgColor.hover}",
+    "$value": "#f48b8d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -40700,6 +43111,147 @@
     "attributes": {},
     "path": ["label", "teal", "bgColor", "rest"]
   },
+  "label-teal-borderColor": {
+    "key": "{label.teal.borderColor}",
+    "$value": "#00000000",
+    "$type": "color",
+    "$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"]
+  },
   "label-teal-fgColor-active": {
     "key": "{label.teal.fgColor.active}",
     "$value": "#24d6c4",
@@ -40970,19 +43522,67 @@
     "attributes": {},
     "path": ["label", "yellow", "bgColor", "rest"]
   },
-  "label-yellow-fgColor-active": {
-    "key": "{label.yellow.fgColor.active}",
-    "$value": "#edb431",
+  "label-yellow-borderColor": {
+    "key": "{label.yellow.borderColor}",
+    "$value": "#00000000",
     "$type": "color",
     "$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"
@@ -40992,37 +43592,130 @@
     "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"]
-  },
-  "label-yellow-fgColor-hover": {
-    "key": "{label.yellow.fgColor.hover}",
-    "$value": "#df9e11",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
+          },
+          "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"]
+  },
+  "label-yellow-fgColor-active": {
+    "key": "{label.yellow.fgColor.active}",
+    "$value": "#edb431",
+    "$type": "color",
+    "$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"]
+  },
+  "label-yellow-fgColor-hover": {
+    "key": "{label.yellow.fgColor.hover}",
+    "$value": "#df9e11",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
         "scopes": ["fgColor"]
       },
       "org.primer.overrides": {
@@ -41432,6 +44125,350 @@
     "attributes": {},
     "path": ["page", "header", "bgColor"]
   },
+  "progressBar-bgColor-accent": {
+    "key": "{progressBar.bgColor.accent}",
+    "$value": "#316dca",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-bgColor-attention": {
+    "key": "{progressBar.bgColor.attention}",
+    "$value": "#966600",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-bgColor-danger": {
+    "key": "{progressBar.bgColor.danger}",
+    "$value": "#c93c37",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-bgColor-done": {
+    "key": "{progressBar.bgColor.done}",
+    "$value": "#8256d0",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-bgColor-neutral": {
+    "key": "{progressBar.bgColor.neutral}",
+    "$value": "#656c76",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-bgColor-severe": {
+    "key": "{progressBar.bgColor.severe}",
+    "$value": "#ae5622",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-bgColor-sponsors": {
+    "key": "{progressBar.bgColor.sponsors}",
+    "$value": "#ae4c82",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-bgColor-success": {
+    "key": "{progressBar.bgColor.success}",
+    "$value": "#347d39",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-track-bgColor": {
+    "key": "{progressBar.track.bgColor}",
+    "$value": "#3d444d",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-track-borderColor": {
+    "key": "{progressBar.track.borderColor}",
+    "$value": "#00000000",
+    "$type": "color",
+    "$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"]
+  },
   "reactionButton-selected-bgColor-hover": {
     "key": "{reactionButton.selected.bgColor.hover}",
     "$value": "#4285e55c",