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/light-colorblind-high-contrast.json CHANGED Viewed

@@ -16968,7 +16968,14 @@
         "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#454c54"
+        "dark": "#454c54",
+        "dark-dimmed-high-contrast": "#454c54",
+        "light-high-contrast": "#454c54",
+        "light-tritanopia-high-contrast": "#454c54",
+        "light-protanopia-deuteranopia-high-contrast": "#454c54",
+        "dark-high-contrast": "#454c54",
+        "dark-tritanopia-high-contrast": "#454c54",
+        "dark-protanopia-deuteranopia-high-contrast": "#454c54"
       }
     },
     "filePath": "src/tokens/functional/color/control.json5",
@@ -16983,7 +16990,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}"
@@ -36084,6 +36098,147 @@
     "attributes": {},
     "path": ["label", "auburn", "bgColor", "rest"]
   },
+  "label-auburn-borderColor": {
+    "key": "{label.auburn.borderColor}",
+    "$value": "#8a5551",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#8a5551",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#8a5551",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#8a5551",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#8a5551",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#8a5551",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#8a5551",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#8a5551",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{label.auburn.fgColor.rest}",
+      "$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": "#5d3937",
@@ -36354,19 +36509,67 @@
     "attributes": {},
     "path": ["label", "blue", "bgColor", "rest"]
   },
-  "label-blue-fgColor-active": {
-    "key": "{label.blue.fgColor.active}",
-    "$value": "#003d99",
+  "label-blue-borderColor": {
+    "key": "{label.blue.borderColor}",
+    "$value": "#005fcc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#003d99",
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#005fcc",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#005fcc",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#005fcc",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#005fcc",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#005fcc",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#005fcc",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#005fcc",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -36376,32 +36579,80 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.blue.8}",
+      "$value": "{label.blue.fgColor.rest}",
       "$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": "#004db3",
+  "label-blue-fgColor-active": {
+    "key": "{label.blue.fgColor.active}",
+    "$value": "#003d99",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -36411,7 +36662,7 @@
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#004db3",
+          "$value": "#003d99",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -36421,7 +36672,7 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.blue.7}",
+      "$value": "{base.display.color.blue.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -36431,14 +36682,59 @@
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.blue.7}",
+            "$value": "{base.display.color.blue.8}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
           }
         }
       },
-      "key": "{label.blue.fgColor.hover}"
+      "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": "#004db3",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#004db3",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.blue.7}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.blue.7}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.blue.fgColor.hover}"
     },
     "name": "label-blue-fgColor-hover",
     "attributes": {},
@@ -36624,6 +36920,147 @@
     "attributes": {},
     "path": ["label", "brown", "bgColor", "rest"]
   },
+  "label-brown-borderColor": {
+    "key": "{label.brown.borderColor}",
+    "$value": "#755f43",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#755f43",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#755f43",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#755f43",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#755f43",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#755f43",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#755f43",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#755f43",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{label.brown.fgColor.rest}",
+      "$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": "#51412f",
@@ -36894,19 +37331,67 @@
     "attributes": {},
     "path": ["label", "coral", "bgColor", "rest"]
   },
-  "label-coral-fgColor-active": {
-    "key": "{label.coral.fgColor.active}",
-    "$value": "#7e2011",
+  "label-coral-borderColor": {
+    "key": "{label.coral.borderColor}",
+    "$value": "#ba2e12",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#7e2011",
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#ba2e12",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#ba2e12",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#ba2e12",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#ba2e12",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#ba2e12",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#ba2e12",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#ba2e12",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -36916,42 +37401,135 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.coral.8}",
+      "$value": "{label.coral.fgColor.rest}",
       "$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": "#9b2712",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["fgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": {
-          "$value": "#9b2712",
+          },
+          "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": "#7e2011",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#7e2011",
+          "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": "#9b2712",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#9b2712",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -37164,6 +37742,147 @@
     "attributes": {},
     "path": ["label", "cyan", "bgColor", "rest"]
   },
+  "label-cyan-borderColor": {
+    "key": "{label.cyan.borderColor}",
+    "$value": "#006a80",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#006a80",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#006a80",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#006a80",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#006a80",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#006a80",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#006a80",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#006a80",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{label.cyan.fgColor.rest}",
+      "$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": "#004857",
@@ -37434,38 +38153,179 @@
     "attributes": {},
     "path": ["label", "gray", "bgColor", "rest"]
   },
-  "label-gray-fgColor-active": {
-    "key": "{label.gray.fgColor.active}",
-    "$value": "#424448",
+  "label-gray-borderColor": {
+    "key": "{label.gray.borderColor}",
+    "$value": "#5c6570",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#424448",
+          "$value": "#ffffff00",
           "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": {
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#5c6570",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#5c6570",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#5c6570",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#5c6570",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#5c6570",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#5c6570",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#5c6570",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{label.gray.fgColor.rest}",
+      "$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": "#424448",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#424448",
+          "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,
@@ -37704,19 +38564,67 @@
     "attributes": {},
     "path": ["label", "green", "bgColor", "rest"]
   },
-  "label-green-fgColor-active": {
-    "key": "{label.green.fgColor.active}",
-    "$value": "#254b34",
+  "label-green-borderColor": {
+    "key": "{label.green.borderColor}",
+    "$value": "#2b6e3f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#254b34",
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#2b6e3f",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#2b6e3f",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#2b6e3f",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#2b6e3f",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#2b6e3f",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#2b6e3f",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#2b6e3f",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -37726,32 +38634,125 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.green.8}",
+      "$value": "{label.green.fgColor.rest}",
       "$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": "#285c3b",
+  "label-green-fgColor-active": {
+    "key": "{label.green.fgColor.active}",
+    "$value": "#254b34",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#254b34",
+          "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": "#285c3b",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -37974,6 +38975,147 @@
     "attributes": {},
     "path": ["label", "indigo", "bgColor", "rest"]
   },
+  "label-indigo-borderColor": {
+    "key": "{label.indigo.borderColor}",
+    "$value": "#494edf",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#494edf",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#494edf",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#494edf",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#494edf",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#494edf",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#494edf",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#494edf",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{label.indigo.fgColor.rest}",
+      "$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": "#2d2db4",
@@ -38244,19 +39386,67 @@
     "attributes": {},
     "path": ["label", "lemon", "bgColor", "rest"]
   },
-  "label-lemon-fgColor-active": {
-    "key": "{label.lemon.fgColor.active}",
-    "$value": "#523f00",
+  "label-lemon-borderColor": {
+    "key": "{label.lemon.borderColor}",
+    "$value": "#786002",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#523f00",
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#786002",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#786002",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#786002",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#786002",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#786002",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#786002",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#786002",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -38266,42 +39456,135 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.lemon.8}",
+      "$value": "{label.lemon.fgColor.rest}",
       "$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": "#654f01",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["fgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": {
-          "$value": "#654f01",
+          },
+          "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": "#523f00",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#523f00",
+          "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": "#654f01",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#654f01",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -38514,6 +39797,147 @@
     "attributes": {},
     "path": ["label", "lime", "bgColor", "rest"]
   },
+  "label-lime-borderColor": {
+    "key": "{label.lime.borderColor}",
+    "$value": "#476c28",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#476c28",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#476c28",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#476c28",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#476c28",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#476c28",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#476c28",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#476c28",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{label.lime.fgColor.rest}",
+      "$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": "#2f4a21",
@@ -38784,38 +40208,179 @@
     "attributes": {},
     "path": ["label", "olive", "bgColor", "rest"]
   },
-  "label-olive-fgColor-active": {
-    "key": "{label.olive.fgColor.active}",
-    "$value": "#3b4927",
+  "label-olive-borderColor": {
+    "key": "{label.olive.borderColor}",
+    "$value": "#56682c",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#3b4927",
+          "$value": "#ffffff00",
           "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": {
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#56682c",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#56682c",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#56682c",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#56682c",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#56682c",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#56682c",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#56682c",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{label.olive.fgColor.rest}",
+      "$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": "#3b4927",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#3b4927",
+          "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,
@@ -39054,19 +40619,67 @@
     "attributes": {},
     "path": ["label", "orange", "bgColor", "rest"]
   },
-  "label-orange-fgColor-active": {
-    "key": "{label.orange.fgColor.active}",
-    "$value": "#70300f",
+  "label-orange-borderColor": {
+    "key": "{label.orange.borderColor}",
+    "$value": "#a24610",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#70300f",
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#a24610",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#a24610",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#a24610",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#a24610",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#a24610",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#a24610",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#a24610",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -39076,32 +40689,125 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.orange.8}",
+      "$value": "{label.orange.fgColor.rest}",
       "$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-hover": {
-    "key": "{label.orange.fgColor.hover}",
-    "$value": "#8d3c11",
+  "label-orange-fgColor-active": {
+    "key": "{label.orange.fgColor.active}",
+    "$value": "#70300f",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#70300f",
+          "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}",
+    "$value": "#8d3c11",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -39324,6 +41030,147 @@
     "attributes": {},
     "path": ["label", "pine", "bgColor", "rest"]
   },
+  "label-pine-borderColor": {
+    "key": "{label.pine.borderColor}",
+    "$value": "#156f4b",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#156f4b",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#156f4b",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#156f4b",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#156f4b",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#156f4b",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#156f4b",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#156f4b",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{label.pine.fgColor.rest}",
+      "$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": "#114b36",
@@ -39594,19 +41441,67 @@
     "attributes": {},
     "path": ["label", "pink", "bgColor", "rest"]
   },
-  "label-pink-fgColor-active": {
-    "key": "{label.pink.fgColor.active}",
-    "$value": "#6e2b53",
+  "label-pink-borderColor": {
+    "key": "{label.pink.borderColor}",
+    "$value": "#b12f79",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#6e2b53",
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#b12f79",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#b12f79",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#b12f79",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#b12f79",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#b12f79",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#b12f79",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#b12f79",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -39616,42 +41511,135 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.pink.8}",
+      "$value": "{label.pink.fgColor.rest}",
       "$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": "#8e2e66",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["fgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": {
-          "$value": "#8e2e66",
+          },
+          "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": "#6e2b53",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#6e2b53",
+          "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": "#8e2e66",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#8e2e66",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -39864,6 +41852,147 @@
     "attributes": {},
     "path": ["label", "plum", "bgColor", "rest"]
   },
+  "label-plum-borderColor": {
+    "key": "{label.plum.borderColor}",
+    "$value": "#961edc",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#961edc",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#961edc",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#961edc",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#961edc",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#961edc",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#961edc",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#961edc",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{label.plum.fgColor.rest}",
+      "$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": "#651d96",
@@ -40134,38 +42263,179 @@
     "attributes": {},
     "path": ["label", "purple", "bgColor", "rest"]
   },
-  "label-purple-fgColor-active": {
-    "key": "{label.purple.fgColor.active}",
-    "$value": "#4f21ab",
+  "label-purple-borderColor": {
+    "key": "{label.purple.borderColor}",
+    "$value": "#783ae4",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#4f21ab",
+          "$value": "#ffffff00",
           "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": {
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#783ae4",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#783ae4",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#783ae4",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#783ae4",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#783ae4",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#783ae4",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#783ae4",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{label.purple.fgColor.rest}",
+      "$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": "#4f21ab",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#4f21ab",
+          "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,
@@ -40404,19 +42674,67 @@
     "attributes": {},
     "path": ["label", "red", "bgColor", "rest"]
   },
-  "label-red-fgColor-active": {
-    "key": "{label.red.fgColor.active}",
-    "$value": "#880c27",
+  "label-red-borderColor": {
+    "key": "{label.red.borderColor}",
+    "$value": "#c50d28",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#880c27",
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#c50d28",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#c50d28",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#c50d28",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#c50d28",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#c50d28",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#c50d28",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#c50d28",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -40426,32 +42744,125 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.red.8}",
+      "$value": "{label.red.fgColor.rest}",
       "$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": "#a60c29",
+  "label-red-fgColor-active": {
+    "key": "{label.red.fgColor.active}",
+    "$value": "#880c27",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#880c27",
+          "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": "#a60c29",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -40674,6 +43085,147 @@
     "attributes": {},
     "path": ["label", "teal", "bgColor", "rest"]
   },
+  "label-teal-borderColor": {
+    "key": "{label.teal.borderColor}",
+    "$value": "#106e75",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#106e75",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#106e75",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#106e75",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#106e75",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#106e75",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#106e75",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#106e75",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{label.teal.fgColor.rest}",
+      "$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": "#0a4852",
@@ -40944,19 +43496,67 @@
     "attributes": {},
     "path": ["label", "yellow", "bgColor", "rest"]
   },
-  "label-yellow-fgColor-active": {
-    "key": "{label.yellow.fgColor.active}",
-    "$value": "#5c3d00",
+  "label-yellow-borderColor": {
+    "key": "{label.yellow.borderColor}",
+    "$value": "#805900",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#5c3d00",
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#ffffff00",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#805900",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#805900",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#805900",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#805900",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#805900",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#805900",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#805900",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -40966,42 +43566,135 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.yellow.8}",
+      "$value": "{label.yellow.fgColor.rest}",
       "$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": "#704d00",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["fgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": {
-          "$value": "#704d00",
+          },
+          "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": "#5c3d00",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#5c3d00",
+          "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": "#704d00",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#704d00",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -41406,6 +44099,350 @@
     "attributes": {},
     "path": ["page", "header", "bgColor"]
   },
+  "progressBar-bgColor-accent": {
+    "key": "{progressBar.bgColor.accent}",
+    "$value": "#0349b4",
+    "$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": "#744500",
+    "$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": "#873800",
+    "$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": "#622cbc",
+    "$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": "#818b98",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": "#818b98",
+        "dark-dimmed-high-contrast": "#818b98",
+        "dark-protanopia-deuteranopia-high-contrast": "#818b98",
+        "dark-tritanopia-high-contrast": "#818b98",
+        "light-high-contrast": "#818b98",
+        "light-protanopia-deuteranopia-high-contrast": "#818b98",
+        "light-tritanopia-high-contrast": "#818b98"
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.neutral.8}",
+      "$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": "#873800",
+    "$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": "#971368",
+    "$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": "#0349b4",
+    "$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": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": "#25292e",
+        "dark-dimmed-high-contrast": "#25292e",
+        "dark-protanopia-deuteranopia-high-contrast": "#25292e",
+        "dark-tritanopia-high-contrast": "#25292e",
+        "light-high-contrast": "#ffffff",
+        "light-protanopia-deuteranopia-high-contrast": "#ffffff",
+        "light-tritanopia-high-contrast": "#ffffff"
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.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": "#393f46",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "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": "#393f46",
+        "light-protanopia-deuteranopia-high-contrast": "#393f46",
+        "light-tritanopia-high-contrast": "#393f46"
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.neutral.11}",
+      "$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": "#caecff",