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

@primer/primitives 11.0.0 → 11.1.0-rc.f0583fc7

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 (73) hide show

package/dist/css/functional/themes/dark-colorblind-high-contrast.css +38 -0
package/dist/css/functional/themes/dark-colorblind.css +40 -2
package/dist/css/functional/themes/dark-dimmed-high-contrast.css +38 -0
package/dist/css/functional/themes/dark-dimmed.css +40 -2
package/dist/css/functional/themes/dark-high-contrast.css +38 -0
package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +38 -0
package/dist/css/functional/themes/dark-tritanopia.css +40 -2
package/dist/css/functional/themes/dark.css +40 -2
package/dist/css/functional/themes/light-colorblind-high-contrast.css +38 -0
package/dist/css/functional/themes/light-colorblind.css +40 -2
package/dist/css/functional/themes/light-high-contrast.css +38 -0
package/dist/css/functional/themes/light-tritanopia-high-contrast.css +38 -0
package/dist/css/functional/themes/light-tritanopia.css +40 -2
package/dist/css/functional/themes/light.css +40 -2
package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +2713 -20
package/dist/docs/functional/themes/dark-colorblind.json +2882 -189
package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +2713 -20
package/dist/docs/functional/themes/dark-dimmed.json +2882 -189
package/dist/docs/functional/themes/dark-high-contrast.json +2713 -20
package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +2713 -20
package/dist/docs/functional/themes/dark-tritanopia.json +2882 -189
package/dist/docs/functional/themes/dark.json +2882 -189
package/dist/docs/functional/themes/light-colorblind-high-contrast.json +2713 -20
package/dist/docs/functional/themes/light-colorblind.json +2883 -190
package/dist/docs/functional/themes/light-high-contrast.json +2713 -20
package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +2713 -20
package/dist/docs/functional/themes/light-tritanopia.json +2883 -190
package/dist/docs/functional/themes/light.json +2883 -190
package/dist/figma/themes/dark-colorblind-high-contrast.json +304 -0
package/dist/figma/themes/dark-colorblind.json +308 -4
package/dist/figma/themes/dark-dimmed-high-contrast.json +304 -0
package/dist/figma/themes/dark-dimmed.json +308 -4
package/dist/figma/themes/dark-high-contrast.json +304 -0
package/dist/figma/themes/dark-tritanopia-high-contrast.json +304 -0
package/dist/figma/themes/dark-tritanopia.json +308 -4
package/dist/figma/themes/dark.json +308 -4
package/dist/figma/themes/light-colorblind-high-contrast.json +304 -0
package/dist/figma/themes/light-colorblind.json +308 -4
package/dist/figma/themes/light-high-contrast.json +304 -0
package/dist/figma/themes/light-tritanopia-high-contrast.json +304 -0
package/dist/figma/themes/light-tritanopia.json +308 -4
package/dist/figma/themes/light.json +308 -4
package/dist/internalCss/dark-colorblind-high-contrast.css +38 -0
package/dist/internalCss/dark-colorblind.css +40 -2
package/dist/internalCss/dark-dimmed-high-contrast.css +38 -0
package/dist/internalCss/dark-dimmed.css +40 -2
package/dist/internalCss/dark-high-contrast.css +38 -0
package/dist/internalCss/dark-tritanopia-high-contrast.css +38 -0
package/dist/internalCss/dark-tritanopia.css +40 -2
package/dist/internalCss/dark.css +40 -2
package/dist/internalCss/light-colorblind-high-contrast.css +38 -0
package/dist/internalCss/light-colorblind.css +40 -2
package/dist/internalCss/light-high-contrast.css +38 -0
package/dist/internalCss/light-tritanopia-high-contrast.css +38 -0
package/dist/internalCss/light-tritanopia.css +40 -2
package/dist/internalCss/light.css +40 -2
package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +2713 -20
package/dist/styleLint/functional/themes/dark-colorblind.json +2881 -188
package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +2713 -20
package/dist/styleLint/functional/themes/dark-dimmed.json +2881 -188
package/dist/styleLint/functional/themes/dark-high-contrast.json +2713 -20
package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +2713 -20
package/dist/styleLint/functional/themes/dark-tritanopia.json +2881 -188
package/dist/styleLint/functional/themes/dark.json +2881 -188
package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +2713 -20
package/dist/styleLint/functional/themes/light-colorblind.json +2882 -189
package/dist/styleLint/functional/themes/light-high-contrast.json +2713 -20
package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +2713 -20
package/dist/styleLint/functional/themes/light-tritanopia.json +2882 -189
package/dist/styleLint/functional/themes/light.json +2882 -189
package/package.json +2 -2
package/src/tokens/component/label.json5 +760 -0
package/src/tokens/functional/color/control.json5 +9 -2

package/dist/styleLint/functional/themes/light.json CHANGED Viewed

@@ -16953,7 +16953,7 @@
   },
   "controlKnob-borderColor-rest": {
     "key": "{controlKnob.borderColor.rest}",
-    "$value": "#818b98",
+    "$value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16962,13 +16962,20 @@
         "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#818b98"
+        "dark": "#d1d9e0",
+        "dark-dimmed-high-contrast": "#818b98",
+        "light-high-contrast": "#818b98",
+        "light-tritanopia-high-contrast": "#818b98",
+        "light-protanopia-deuteranopia-high-contrast": "#818b98",
+        "dark-high-contrast": "#818b98",
+        "dark-tritanopia-high-contrast": "#818b98",
+        "dark-protanopia-deuteranopia-high-contrast": "#818b98"
       }
     },
     "filePath": "src/tokens/functional/color/control.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.borderColor.emphasis}",
+      "$value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16977,7 +16984,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}"
@@ -36078,6 +36092,147 @@
     "attributes": {},
     "path": ["label", "auburn", "bgColor", "rest"]
   },
+  "label-auburn-borderColor": {
+    "key": "{label.auburn.borderColor}",
+    "$value": "#ffffff00",
+    "$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": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.auburn.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.auburn.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.auburn.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.auburn.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.auburn.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.auburn.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.auburn.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.auburn.borderColor}"
+    },
+    "name": "label-auburn-borderColor",
+    "attributes": {},
+    "path": ["label", "auburn", "borderColor"]
+  },
   "label-auburn-fgColor-active": {
     "key": "{label.auburn.fgColor.active}",
     "$value": "#5d3937",
@@ -36348,19 +36503,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": "#ffffff00",
     "$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"
@@ -36370,32 +36573,80 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.blue.8}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["fgColor"]
+          "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.blue.8}",
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.blue.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.blue.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.blue.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.blue.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.blue.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.blue.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.blue.fgColor.rest}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
           }
         }
       },
-      "key": "{label.blue.fgColor.active}"
+      "key": "{label.blue.borderColor}"
     },
-    "name": "label-blue-fgColor-active",
+    "name": "label-blue-borderColor",
     "attributes": {},
-    "path": ["label", "blue", "fgColor", "active"]
+    "path": ["label", "blue", "borderColor"]
   },
-  "label-blue-fgColor-hover": {
-    "key": "{label.blue.fgColor.hover}",
-    "$value": "#004db3",
+  "label-blue-fgColor-active": {
+    "key": "{label.blue.fgColor.active}",
+    "$value": "#003d99",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -36405,7 +36656,7 @@
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#004db3",
+          "$value": "#003d99",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -36415,7 +36666,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": {
@@ -36425,7 +36676,52 @@
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.blue.7}",
+            "$value": "{base.display.color.blue.8}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.blue.fgColor.active}"
+    },
+    "name": "label-blue-fgColor-active",
+    "attributes": {},
+    "path": ["label", "blue", "fgColor", "active"]
+  },
+  "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"
@@ -36618,6 +36914,147 @@
     "attributes": {},
     "path": ["label", "brown", "bgColor", "rest"]
   },
+  "label-brown-borderColor": {
+    "key": "{label.brown.borderColor}",
+    "$value": "#ffffff00",
+    "$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": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.brown.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.brown.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.brown.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.brown.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.brown.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.brown.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.brown.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.brown.borderColor}"
+    },
+    "name": "label-brown-borderColor",
+    "attributes": {},
+    "path": ["label", "brown", "borderColor"]
+  },
   "label-brown-fgColor-active": {
     "key": "{label.brown.fgColor.active}",
     "$value": "#51412f",
@@ -36888,19 +37325,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": "#ffffff00",
     "$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"
@@ -36910,39 +37395,132 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.coral.8}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["fgColor"]
+          "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.coral.8}",
+            "$value": "{base.color.transparent}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
-          }
-        }
-      },
-      "key": "{label.coral.fgColor.active}"
-    },
-    "name": "label-coral-fgColor-active",
-    "attributes": {},
-    "path": ["label", "coral", "fgColor", "active"]
-  },
-  "label-coral-fgColor-hover": {
-    "key": "{label.coral.fgColor.hover}",
-    "$value": "#9b2712",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["fgColor"]
-      },
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.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",
@@ -37158,6 +37736,147 @@
     "attributes": {},
     "path": ["label", "cyan", "bgColor", "rest"]
   },
+  "label-cyan-borderColor": {
+    "key": "{label.cyan.borderColor}",
+    "$value": "#ffffff00",
+    "$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": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.cyan.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.cyan.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.cyan.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.cyan.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.cyan.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.cyan.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.cyan.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.cyan.borderColor}"
+    },
+    "name": "label-cyan-borderColor",
+    "attributes": {},
+    "path": ["label", "cyan", "borderColor"]
+  },
   "label-cyan-fgColor-active": {
     "key": "{label.cyan.fgColor.active}",
     "$value": "#004857",
@@ -37428,40 +38147,181 @@
     "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": "#ffffff00",
     "$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": {
-            "$value": "{base.display.color.gray.8}",
-            "filePath": "src/tokens/component/label.json5",
+        "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": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.gray.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.gray.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.gray.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.gray.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.gray.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.gray.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.gray.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.gray.borderColor}"
+    },
+    "name": "label-gray-borderColor",
+    "attributes": {},
+    "path": ["label", "gray", "borderColor"]
+  },
+  "label-gray-fgColor-active": {
+    "key": "{label.gray.fgColor.active}",
+    "$value": "#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,
             "$type": "color"
           }
@@ -37692,11 +38552,152 @@
           }
         }
       },
-      "key": "{label.green.bgColor.rest}"
+      "key": "{label.green.bgColor.rest}"
+    },
+    "name": "label-green-bgColor-rest",
+    "attributes": {},
+    "path": ["label", "green", "bgColor", "rest"]
+  },
+  "label-green-borderColor": {
+    "key": "{label.green.borderColor}",
+    "$value": "#ffffff00",
+    "$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": "#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"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.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.borderColor}"
     },
-    "name": "label-green-bgColor-rest",
+    "name": "label-green-borderColor",
     "attributes": {},
-    "path": ["label", "green", "bgColor", "rest"]
+    "path": ["label", "green", "borderColor"]
   },
   "label-green-fgColor-active": {
     "key": "{label.green.fgColor.active}",
@@ -37968,6 +38969,147 @@
     "attributes": {},
     "path": ["label", "indigo", "bgColor", "rest"]
   },
+  "label-indigo-borderColor": {
+    "key": "{label.indigo.borderColor}",
+    "$value": "#ffffff00",
+    "$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": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.indigo.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.indigo.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.indigo.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.indigo.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.indigo.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.indigo.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.indigo.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.indigo.borderColor}"
+    },
+    "name": "label-indigo-borderColor",
+    "attributes": {},
+    "path": ["label", "indigo", "borderColor"]
+  },
   "label-indigo-fgColor-active": {
     "key": "{label.indigo.fgColor.active}",
     "$value": "#2d2db4",
@@ -38178,34 +39320,127 @@
           "group": "component",
           "scopes": ["bgColor"]
         },
-        "org.primer.overrides": {
-          "dark": {
-            "$value": "{base.display.color.lemon.1}",
-            "filePath": "src/tokens/component/label.json5",
-            "isSource": true,
-            "$type": "color"
-          }
-        }
-      },
-      "key": "{label.lemon.bgColor.hover}"
-    },
-    "name": "label-lemon-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "lemon", "bgColor", "hover"]
-  },
-  "label-lemon-bgColor-rest": {
-    "key": "{label.lemon.bgColor.rest}",
-    "$value": "#f7eea1",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": {
-          "$value": "#f7eea1",
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.lemon.1}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.lemon.bgColor.hover}"
+    },
+    "name": "label-lemon-bgColor-hover",
+    "attributes": {},
+    "path": ["label", "lemon", "bgColor", "hover"]
+  },
+  "label-lemon-bgColor-rest": {
+    "key": "{label.lemon.bgColor.rest}",
+    "$value": "#f7eea1",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#f7eea1",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.lemon.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.lemon.0}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.lemon.bgColor.rest}"
+    },
+    "name": "label-lemon-bgColor-rest",
+    "attributes": {},
+    "path": ["label", "lemon", "bgColor", "rest"]
+  },
+  "label-lemon-borderColor": {
+    "key": "{label.lemon.borderColor}",
+    "$value": "#ffffff00",
+    "$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": "#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"
@@ -38215,28 +39450,76 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.lemon.0}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.lemon.0}",
+            "$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.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.bgColor.rest}"
+      "key": "{label.lemon.borderColor}"
     },
-    "name": "label-lemon-bgColor-rest",
+    "name": "label-lemon-borderColor",
     "attributes": {},
-    "path": ["label", "lemon", "bgColor", "rest"]
+    "path": ["label", "lemon", "borderColor"]
   },
   "label-lemon-fgColor-active": {
     "key": "{label.lemon.fgColor.active}",
@@ -38508,6 +39791,147 @@
     "attributes": {},
     "path": ["label", "lime", "bgColor", "rest"]
   },
+  "label-lime-borderColor": {
+    "key": "{label.lime.borderColor}",
+    "$value": "#ffffff00",
+    "$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": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.lime.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.lime.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.lime.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.lime.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.lime.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.lime.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.lime.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.lime.borderColor}"
+    },
+    "name": "label-lime-borderColor",
+    "attributes": {},
+    "path": ["label", "lime", "borderColor"]
+  },
   "label-lime-fgColor-active": {
     "key": "{label.lime.fgColor.active}",
     "$value": "#2f4a21",
@@ -38686,11 +40110,56 @@
     },
     "name": "label-olive-bgColor-active",
     "attributes": {},
-    "path": ["label", "olive", "bgColor", "active"]
+    "path": ["label", "olive", "bgColor", "active"]
+  },
+  "label-olive-bgColor-hover": {
+    "key": "{label.olive.bgColor.hover}",
+    "$value": "#dbe170",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#dbe170",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.olive.1}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.olive.1}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.olive.bgColor.hover}"
+    },
+    "name": "label-olive-bgColor-hover",
+    "attributes": {},
+    "path": ["label", "olive", "bgColor", "hover"]
   },
-  "label-olive-bgColor-hover": {
-    "key": "{label.olive.bgColor.hover}",
-    "$value": "#dbe170",
+  "label-olive-bgColor-rest": {
+    "key": "{label.olive.bgColor.rest}",
+    "$value": "#f0f0ad",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -38700,7 +40169,7 @@
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#dbe170",
+          "$value": "#f0f0ad",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -38710,7 +40179,7 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.olive.1}",
+      "$value": "{base.display.color.olive.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -38720,32 +40189,80 @@
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.olive.1}",
+            "$value": "{base.display.color.olive.0}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
           }
         }
       },
-      "key": "{label.olive.bgColor.hover}"
+      "key": "{label.olive.bgColor.rest}"
     },
-    "name": "label-olive-bgColor-hover",
+    "name": "label-olive-bgColor-rest",
     "attributes": {},
-    "path": ["label", "olive", "bgColor", "hover"]
+    "path": ["label", "olive", "bgColor", "rest"]
   },
-  "label-olive-bgColor-rest": {
-    "key": "{label.olive.bgColor.rest}",
-    "$value": "#f0f0ad",
+  "label-olive-borderColor": {
+    "key": "{label.olive.borderColor}",
+    "$value": "#ffffff00",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#f0f0ad",
+          "$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": "#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"
@@ -38755,28 +40272,76 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.olive.0}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.olive.0}",
+            "$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.bgColor.rest}"
+      "key": "{label.olive.borderColor}"
     },
-    "name": "label-olive-bgColor-rest",
+    "name": "label-olive-borderColor",
     "attributes": {},
-    "path": ["label", "olive", "bgColor", "rest"]
+    "path": ["label", "olive", "borderColor"]
   },
   "label-olive-fgColor-active": {
     "key": "{label.olive.fgColor.active}",
@@ -39042,11 +40607,152 @@
           }
         }
       },
-      "key": "{label.orange.bgColor.rest}"
+      "key": "{label.orange.bgColor.rest}"
+    },
+    "name": "label-orange-bgColor-rest",
+    "attributes": {},
+    "path": ["label", "orange", "bgColor", "rest"]
+  },
+  "label-orange-borderColor": {
+    "key": "{label.orange.borderColor}",
+    "$value": "#ffffff00",
+    "$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": "#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"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.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.borderColor}"
     },
-    "name": "label-orange-bgColor-rest",
+    "name": "label-orange-borderColor",
     "attributes": {},
-    "path": ["label", "orange", "bgColor", "rest"]
+    "path": ["label", "orange", "borderColor"]
   },
   "label-orange-fgColor-active": {
     "key": "{label.orange.fgColor.active}",
@@ -39318,6 +41024,147 @@
     "attributes": {},
     "path": ["label", "pine", "bgColor", "rest"]
   },
+  "label-pine-borderColor": {
+    "key": "{label.pine.borderColor}",
+    "$value": "#ffffff00",
+    "$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": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.pine.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.pine.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.pine.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.pine.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.pine.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.pine.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.pine.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.pine.borderColor}"
+    },
+    "name": "label-pine-borderColor",
+    "attributes": {},
+    "path": ["label", "pine", "borderColor"]
+  },
   "label-pine-fgColor-active": {
     "key": "{label.pine.fgColor.active}",
     "$value": "#114b36",
@@ -39582,11 +41429,152 @@
           }
         }
       },
-      "key": "{label.pink.bgColor.rest}"
+      "key": "{label.pink.bgColor.rest}"
+    },
+    "name": "label-pink-bgColor-rest",
+    "attributes": {},
+    "path": ["label", "pink", "bgColor", "rest"]
+  },
+  "label-pink-borderColor": {
+    "key": "{label.pink.borderColor}",
+    "$value": "#ffffff00",
+    "$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": "#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"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.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-bgColor-rest",
+    "name": "label-pink-borderColor",
     "attributes": {},
-    "path": ["label", "pink", "bgColor", "rest"]
+    "path": ["label", "pink", "borderColor"]
   },
   "label-pink-fgColor-active": {
     "key": "{label.pink.fgColor.active}",
@@ -39858,6 +41846,147 @@
     "attributes": {},
     "path": ["label", "plum", "bgColor", "rest"]
   },
+  "label-plum-borderColor": {
+    "key": "{label.plum.borderColor}",
+    "$value": "#ffffff00",
+    "$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": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.plum.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{label.plum.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{label.plum.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{label.plum.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.plum.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{label.plum.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{label.plum.fgColor.rest}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.plum.borderColor}"
+    },
+    "name": "label-plum-borderColor",
+    "attributes": {},
+    "path": ["label", "plum", "borderColor"]
+  },
   "label-plum-fgColor-active": {
     "key": "{label.plum.fgColor.active}",
     "$value": "#651d96",
@@ -40068,34 +42197,127 @@
           "group": "component",
           "scopes": ["bgColor"]
         },
-        "org.primer.overrides": {
-          "dark": {
-            "$value": "{base.display.color.purple.1}",
-            "filePath": "src/tokens/component/label.json5",
-            "isSource": true,
-            "$type": "color"
-          }
-        }
-      },
-      "key": "{label.purple.bgColor.hover}"
-    },
-    "name": "label-purple-bgColor-hover",
-    "attributes": {},
-    "path": ["label", "purple", "bgColor", "hover"]
-  },
-  "label-purple-bgColor-rest": {
-    "key": "{label.purple.bgColor.rest}",
-    "$value": "#f1e5ff",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": {
-          "$value": "#f1e5ff",
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.purple.1}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.purple.bgColor.hover}"
+    },
+    "name": "label-purple-bgColor-hover",
+    "attributes": {},
+    "path": ["label", "purple", "bgColor", "hover"]
+  },
+  "label-purple-bgColor-rest": {
+    "key": "{label.purple.bgColor.rest}",
+    "$value": "#f1e5ff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#f1e5ff",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.purple.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.purple.0}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.purple.bgColor.rest}"
+    },
+    "name": "label-purple-bgColor-rest",
+    "attributes": {},
+    "path": ["label", "purple", "bgColor", "rest"]
+  },
+  "label-purple-borderColor": {
+    "key": "{label.purple.borderColor}",
+    "$value": "#ffffff00",
+    "$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": "#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"
@@ -40105,28 +42327,76 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.purple.0}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.purple.0}",
+            "$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.bgColor.rest}"
+      "key": "{label.purple.borderColor}"
     },
-    "name": "label-purple-bgColor-rest",
+    "name": "label-purple-borderColor",
     "attributes": {},
-    "path": ["label", "purple", "bgColor", "rest"]
+    "path": ["label", "purple", "borderColor"]
   },
   "label-purple-fgColor-active": {
     "key": "{label.purple.fgColor.active}",
@@ -40398,6 +42668,147 @@
     "attributes": {},
     "path": ["label", "red", "bgColor", "rest"]
   },
+  "label-red-borderColor": {
+    "key": "{label.red.borderColor}",
+    "$value": "#ffffff00",
+    "$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": "#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"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.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.borderColor}"
+    },
+    "name": "label-red-borderColor",
+    "attributes": {},
+    "path": ["label", "red", "borderColor"]
+  },
   "label-red-fgColor-active": {
     "key": "{label.red.fgColor.active}",
     "$value": "#880c27",
@@ -40576,11 +42987,56 @@
     },
     "name": "label-teal-bgColor-active",
     "attributes": {},
-    "path": ["label", "teal", "bgColor", "active"]
+    "path": ["label", "teal", "bgColor", "active"]
+  },
+  "label-teal-bgColor-hover": {
+    "key": "{label.teal.bgColor.hover}",
+    "$value": "#89ebe1",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#89ebe1",
+          "filePath": "src/tokens/component/label.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.display.color.teal.1}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.display.color.teal.1}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{label.teal.bgColor.hover}"
+    },
+    "name": "label-teal-bgColor-hover",
+    "attributes": {},
+    "path": ["label", "teal", "bgColor", "hover"]
   },
-  "label-teal-bgColor-hover": {
-    "key": "{label.teal.bgColor.hover}",
-    "$value": "#89ebe1",
+  "label-teal-bgColor-rest": {
+    "key": "{label.teal.bgColor.rest}",
+    "$value": "#c7f5ef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -40590,7 +43046,7 @@
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#89ebe1",
+          "$value": "#c7f5ef",
           "filePath": "src/tokens/component/label.json5",
           "isSource": true,
           "$type": "color"
@@ -40600,7 +43056,7 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.teal.1}",
+      "$value": "{base.display.color.teal.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -40610,32 +43066,80 @@
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.teal.1}",
+            "$value": "{base.display.color.teal.0}",
             "filePath": "src/tokens/component/label.json5",
             "isSource": true,
             "$type": "color"
           }
         }
       },
-      "key": "{label.teal.bgColor.hover}"
+      "key": "{label.teal.bgColor.rest}"
     },
-    "name": "label-teal-bgColor-hover",
+    "name": "label-teal-bgColor-rest",
     "attributes": {},
-    "path": ["label", "teal", "bgColor", "hover"]
+    "path": ["label", "teal", "bgColor", "rest"]
   },
-  "label-teal-bgColor-rest": {
-    "key": "{label.teal.bgColor.rest}",
-    "$value": "#c7f5ef",
+  "label-teal-borderColor": {
+    "key": "{label.teal.borderColor}",
+    "$value": "#ffffff00",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#c7f5ef",
+          "$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"
@@ -40645,28 +43149,76 @@
     "filePath": "src/tokens/component/label.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.display.color.teal.0}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "{base.display.color.teal.0}",
+            "$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.bgColor.rest}"
+      "key": "{label.teal.borderColor}"
     },
-    "name": "label-teal-bgColor-rest",
+    "name": "label-teal-borderColor",
     "attributes": {},
-    "path": ["label", "teal", "bgColor", "rest"]
+    "path": ["label", "teal", "borderColor"]
   },
   "label-teal-fgColor-active": {
     "key": "{label.teal.fgColor.active}",
@@ -40938,6 +43490,147 @@
     "attributes": {},
     "path": ["label", "yellow", "bgColor", "rest"]
   },
+  "label-yellow-borderColor": {
+    "key": "{label.yellow.borderColor}",
+    "$value": "#ffffff00",
+    "$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": "#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"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/label.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.transparent}",
+            "filePath": "src/tokens/component/label.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{label.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",