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-colorblind.json CHANGED Viewed

@@ -16975,7 +16975,7 @@
   },
   "controlKnob-borderColor-rest": {
     "key": "{controlKnob.borderColor.rest}",
-    "$value": "#656c76",
+    "$value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16984,13 +16984,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": {
@@ -16999,7 +17006,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}"
@@ -36116,6 +36130,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",
@@ -36386,19 +36541,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"
@@ -36408,32 +36611,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": {
@@ -36443,7 +36694,7 @@
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#61adff",
+          "$value": "#85c2ff",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -36453,7 +36704,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": {
@@ -36656,6 +36952,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",
@@ -36926,19 +37363,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"
@@ -36948,40 +37433,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",
@@ -37196,6 +37774,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",
@@ -37466,39 +38185,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"
@@ -37736,19 +38596,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"
@@ -37758,32 +38666,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": {
@@ -38006,6 +39007,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",
@@ -38276,19 +39418,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"
@@ -38298,37 +39488,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": {
@@ -38546,6 +39829,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",
@@ -38816,42 +40240,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"
           }
         }
       },
@@ -39086,19 +40651,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"
@@ -39108,28 +40721,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}",
@@ -39356,6 +41062,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",
@@ -39626,19 +41473,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"
@@ -39648,40 +41543,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",
@@ -39896,6 +41884,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",
@@ -40166,39 +42295,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"
@@ -40436,19 +42706,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"
@@ -40458,32 +42776,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": {
@@ -40706,6 +43117,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",
@@ -40976,19 +43528,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"
@@ -40998,37 +43598,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": {
@@ -41438,6 +44131,350 @@
     "attributes": {},
     "path": ["page", "header", "bgColor"]
   },
+  "progressBar-bgColor-accent": {
+    "key": "{progressBar.bgColor.accent}",
+    "$value": "#1f6feb",
+    "$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": "#9e6a03",
+    "$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": "#bd561d",
+    "$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": "#8957e5",
+    "$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": "#bd561d",
+    "$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": "#bf4b8a",
+    "$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": "#1f6feb",
+    "$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": "#ffffff",
+        "dark-dimmed-high-contrast": "#ffffff",
+        "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
+        "dark-tritanopia-high-contrast": "#ffffff",
+        "light-high-contrast": "#0d1117",
+        "light-protanopia-deuteranopia-high-contrast": "#0d1117",
+        "light-tritanopia-high-contrast": "#0d1117"
+      }
+    },
+    "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": "#3a8cfd5c",