@primer/primitives 10.1.0-rc.f1589f93 → 10.1.0

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

@@ -118,7 +118,6 @@
       }
     },
     "alpha": 0.15,
-    "mix": null,
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
@@ -131,8 +130,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.15,
-      "mix": null
+      "alpha": 0.15
     },
     "name": "diffBlob-additionLine-bgColor",
     "attributes": {},
@@ -287,7 +285,6 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": null,
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
@@ -299,8 +296,7 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": null
+      }
     },
     "name": "diffBlob-deletionLine-bgColor",
     "attributes": {},
@@ -4769,7 +4765,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{borderColor.default}",
+      "$value": "#3d444d",
       "$type": "color"
     },
     "name": "control-borderColor-rest",
@@ -4806,25 +4802,13 @@
     "type": "color"
   },
   "control-borderColor-disabled": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["borderColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "alpha": 0.1,
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{borderColor.disabled}",
+      "$value": "{base.color.neutral.8}",
       "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["borderColor"]
-        }
-      }
+      "alpha": 0.1
     },
     "name": "control-borderColor-disabled",
     "attributes": {},
@@ -5285,33 +5269,11 @@
     "type": "color"
   },
   "control-checked-bgColor-hover": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "mix": {
-      "color": "#539bf5",
-      "weight": 0.2
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.accent.emphasis}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      },
-      "mix": {
-        "color": "{base.color.blue.3}",
-        "weight": 0.2
-      }
+      "$value": "#3876d3",
+      "$type": "color"
     },
     "name": "control-checked-bgColor-hover",
     "attributes": {},
@@ -5320,33 +5282,11 @@
     "type": "color"
   },
   "control-checked-bgColor-active": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "mix": {
-      "color": "#539bf5",
-      "weight": 0.4
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.accent.emphasis}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      },
-      "mix": {
-        "color": "{base.color.blue.3}",
-        "weight": 0.4
-      }
+      "$value": "#3f7fdb",
+      "$type": "color"
     },
     "name": "control-checked-bgColor-active",
     "attributes": {},
@@ -5463,25 +5403,11 @@
     "type": "color"
   },
   "control-checked-borderColor-hover": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["borderColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.checked.bgColor.hover}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["borderColor"]
-        }
-      }
+      "$value": "#3876d3",
+      "$type": "color"
     },
     "name": "control-checked-borderColor-hover",
     "attributes": {},
@@ -5490,25 +5416,11 @@
     "type": "color"
   },
   "control-checked-borderColor-active": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["borderColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.checked.bgColor.active}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["borderColor"]
-        }
-      }
+      "$value": "#3f7fdb",
+      "$type": "color"
     },
     "name": "control-checked-borderColor-active",
     "attributes": {},
@@ -5664,25 +5576,11 @@
     "type": "color"
   },
   "controlTrack-borderColor-rest": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component (internal)",
-        "scopes": ["borderColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{borderColor.default}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component (internal)",
-          "scopes": ["borderColor"]
-        }
-      }
+      "$value": "{base.color.neutral.7}",
+      "$type": "color"
     },
     "name": "controlTrack-borderColor-rest",
     "attributes": {},
@@ -6348,33 +6246,11 @@
     "type": "color"
   },
   "button-primary-bgColor-hover": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component (internal)",
-        "scopes": ["bgColor"]
-      }
-    },
-    "mix": {
-      "color": "#57ab5a",
-      "weight": 0.2
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.success.emphasis}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component (internal)",
-          "scopes": ["bgColor"]
-        }
-      },
-      "mix": {
-        "color": "{base.color.green.3}",
-        "weight": 0.2
-      }
+      "$value": "#3b8640",
+      "$type": "color"
     },
     "name": "button-primary-bgColor-hover",
     "attributes": {},
@@ -6383,33 +6259,11 @@
     "type": "color"
   },
   "button-primary-bgColor-active": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component (internal)",
-        "scopes": ["bgColor"]
-      }
-    },
-    "mix": {
-      "color": "#57ab5a",
-      "weight": 0.4
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.success.emphasis}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component (internal)",
-          "scopes": ["bgColor"]
-        }
-      },
-      "mix": {
-        "color": "{base.color.green.3}",
-        "weight": 0.4
-      }
+      "$value": "#428f46",
+      "$type": "color"
     },
     "name": "button-primary-bgColor-active",
     "attributes": {},
@@ -6418,19 +6272,11 @@
     "type": "color"
   },
   "button-primary-bgColor-disabled": {
-    "mix": {
-      "color": "#57ab5a",
-      "weight": 0.6
-    },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.green.4}",
-      "$type": "color",
-      "mix": {
-        "color": "{base.color.green.3}",
-        "weight": 0.6
-      }
+      "$value": "#50a254",
+      "$type": "color"
     },
     "name": "button-primary-bgColor-disabled",
     "attributes": {},
@@ -6522,25 +6368,11 @@
     "type": "color"
   },
   "button-primary-borderColor-disabled": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component (internal)",
-        "scopes": ["borderColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{button.primary.bgColor.disabled}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component (internal)",
-          "scopes": ["borderColor"]
-        }
-      }
+      "$value": "#50a254",
+      "$type": "color"
     },
     "name": "button-primary-borderColor-disabled",
     "attributes": {},
@@ -6836,7 +6668,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.transparent.bgColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6849,7 +6681,7 @@
     "name": "button-invisible-bgColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "bgColor", "disabled"],
-    "value": "#2a313c",
+    "value": "#00000000",
     "type": "color"
   },
   "button-invisible-borderColor-rest": {
@@ -6917,7 +6749,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.borderColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6930,7 +6762,7 @@
     "name": "button-invisible-borderColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "borderColor", "disabled"],
-    "value": "#656c761a",
+    "value": "#00000000",
     "type": "color"
   },
   "button-outline-fgColor-rest": {
@@ -7015,27 +6847,11 @@
     "type": "color"
   },
   "button-outline-fgColor-disabled": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component (internal)",
-        "scopes": ["fgColor"]
-      }
-    },
-    "alpha": 0.5,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{fgColor.accent}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component (internal)",
-          "scopes": ["fgColor"]
-        }
-      },
-      "alpha": 0.5
+      "$value": "#478be680",
+      "$type": "color"
     },
     "name": "button-outline-fgColor-disabled",
     "attributes": {},
@@ -7241,33 +7057,11 @@
     "type": "shadow"
   },
   "button-danger-fgColor-rest": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component (internal)",
-        "scopes": ["fgColor"]
-      }
-    },
-    "mix": {
-      "color": "#f47067",
-      "weight": 0.3
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.4}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component (internal)",
-          "scopes": ["fgColor"]
-        }
-      },
-      "mix": {
-        "color": "{base.color.red.3}",
-        "weight": 0.3
-      }
+      "$value": "#ea5c53",
+      "$type": "color"
     },
     "name": "button-danger-fgColor-rest",
     "attributes": {},
@@ -7359,25 +7153,11 @@
     "type": "color"
   },
   "button-danger-iconColor-rest": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component (internal)",
-        "scopes": ["fgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{button.danger.fgColor.rest}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component (internal)",
-          "scopes": ["fgColor"]
-        }
-      }
+      "$value": "#ea5c53",
+      "$type": "color"
     },
     "name": "button-danger-iconColor-rest",
     "attributes": {},
@@ -7467,33 +7247,11 @@
     "type": "color"
   },
   "button-danger-bgColor-active": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component (internal)",
-        "scopes": ["bgColor"]
-      }
-    },
-    "mix": {
-      "color": "#e5534b",
-      "weight": 0.4
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.6}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component (internal)",
-          "scopes": ["bgColor"]
-        }
-      },
-      "mix": {
-        "color": "{base.color.red.4}",
-        "weight": 0.4
-      }
+      "$value": "#c33d38",
+      "$type": "color"
     },
     "name": "button-danger-bgColor-active",
     "attributes": {},
@@ -8150,35 +7908,13 @@
     "type": "color"
   },
   "reactionButton-selected-bgColor-hover": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component (internal)",
-        "scopes": ["bgColor"]
-      }
-    },
-    "mix": {
-      "color": "#6cb6ff",
-      "weight": 0.2
-    },
-    "alpha": 0.2,
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "alpha": 0.36,
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{reactionButton.selected.bgColor.rest}",
+      "$value": "#4285e5",
       "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component (internal)",
-          "scopes": ["bgColor"]
-        }
-      },
-      "mix": {
-        "color": "{base.color.blue.2}",
-        "weight": 0.2
-      },
-      "alpha": 0.2
+      "alpha": 0.36
     },
     "name": "reactionButton-selected-bgColor-hover",
     "attributes": {},
@@ -8267,6 +8003,23 @@
     "value": "#316dca",
     "type": "color"
   },
+  "focus-outline": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{focus.outlineColor}",
+        "style": "solid",
+        "width": "2px"
+      },
+      "$type": "border"
+    },
+    "name": "focus-outline",
+    "attributes": {},
+    "path": ["focus", "outline"],
+    "value": "2px solid #316dca",
+    "type": "border"
+  },
   "menu-bgColor-active": {
     "$extensions": {
       "org.primer.figma": {
@@ -8308,23 +8061,13 @@
     "type": "color"
   },
   "overlay-borderColor": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component (internal)"
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "alpha": 0.7,
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{borderColor.muted}",
+      "$value": "{base.color.neutral.7}",
       "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component (internal)"
-        }
-      }
+      "alpha": 0.7
     },
     "name": "overlay-borderColor",
     "attributes": {},
@@ -11982,39 +11725,11 @@
     "type": "color"
   },
   "fgColor-accent": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "semantic",
-        "scopes": ["fgColor"],
-        "codeSyntax": {
-          "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
-        }
-      }
-    },
-    "mix": {
-      "color": "#316dca",
-      "weight": 0.35
-    },
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.blue.3}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "semantic",
-          "scopes": ["fgColor"],
-          "codeSyntax": {
-            "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
-          }
-        }
-      },
-      "mix": {
-        "color": "{base.color.blue.5}",
-        "weight": 0.35
-      }
+      "$value": "#478be6",
+      "$type": "color"
     },
     "name": "fgColor-accent",
     "attributes": {},
@@ -13241,31 +12956,11 @@
     "type": "color"
   },
   "borderColor-default": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "semantic",
-        "scopes": ["borderColor"],
-        "codeSyntax": {
-          "web": "var(--borderColor-default) /* utility class: .color-border-default */"
-        }
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.neutral.7}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "semantic",
-          "scopes": ["borderColor"],
-          "codeSyntax": {
-            "web": "var(--borderColor-default) /* utility class: .color-border-default */"
-          }
-        }
-      }
+      "$type": "color"
     },
     "name": "borderColor-default",
     "attributes": {},
@@ -13274,32 +12969,12 @@
     "type": "color"
   },
   "borderColor-muted": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "semantic",
-        "scopes": ["borderColor"],
-        "codeSyntax": {
-          "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
-        }
-      }
-    },
     "alpha": 0.7,
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{borderColor.default}",
+      "$value": "{base.color.neutral.7}",
       "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "semantic",
-          "scopes": ["borderColor"],
-          "codeSyntax": {
-            "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
-          }
-        }
-      },
       "alpha": 0.7
     },
     "name": "borderColor-muted",
@@ -13336,26 +13011,12 @@
     "type": "color"
   },
   "borderColor-disabled": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "semantic",
-        "scopes": ["borderColor"]
-      }
-    },
     "alpha": 0.1,
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.neutral.8}",
       "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "semantic",
-          "scopes": ["borderColor"]
-        }
-      },
       "alpha": 0.1
     },
     "name": "borderColor-disabled",
@@ -13421,25 +13082,13 @@
     "type": "color"
   },
   "borderColor-neutral-muted": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "semantic",
-        "scopes": ["borderColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "alpha": 0.7,
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
     "isSource": true,
     "original": {
-      "$value": "{borderColor.muted}",
+      "$value": "{base.color.neutral.7}",
       "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "semantic",
-          "scopes": ["borderColor"]
-        }
-      }
+      "alpha": 0.7
     },
     "name": "borderColor-neutral-muted",
     "attributes": {},
@@ -15706,21 +15355,447 @@
     "value": "0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866",
     "type": "shadow"
   },
-  "outline-focus": {
-    "filePath": "src/tokens/functional/border/dark.json5",
+  "border-default": {
+    "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
     "original": {
       "$value": {
-        "color": "{focus.outlineColor}",
+        "color": "{borderColor.default}",
         "style": "solid",
-        "width": "2px"
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-default",
+    "attributes": {},
+    "path": ["border", "default"],
+    "value": "0.0625rem solid #3d444d",
+    "type": "border"
+  },
+  "border-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-muted",
+    "attributes": {},
+    "path": ["border", "muted"],
+    "value": "0.0625rem solid #3d444db3",
+    "type": "border"
+  },
+  "border-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-emphasis",
+    "attributes": {},
+    "path": ["border", "emphasis"],
+    "value": "0.0625rem solid #656c76",
+    "type": "border"
+  },
+  "border-disabled": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.disabled}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-disabled",
+    "attributes": {},
+    "path": ["border", "disabled"],
+    "value": "0.0625rem solid #656c761a",
+    "type": "border"
+  },
+  "border-transparent": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.transparent}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-transparent",
+    "attributes": {},
+    "path": ["border", "transparent"],
+    "value": "0.0625rem solid #00000000",
+    "type": "border"
+  },
+  "border-neutral-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.neutral.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-neutral-emphasis",
+    "attributes": {},
+    "path": ["border", "neutral", "emphasis"],
+    "value": "0.0625rem solid #656c76",
+    "type": "border"
+  },
+  "border-neutral-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.neutral.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-neutral-muted",
+    "attributes": {},
+    "path": ["border", "neutral", "muted"],
+    "value": "0.0625rem solid #3d444db3",
+    "type": "border"
+  },
+  "border-accent-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.accent.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-accent-emphasis",
+    "attributes": {},
+    "path": ["border", "accent", "emphasis"],
+    "value": "0.0625rem solid #316dca",
+    "type": "border"
+  },
+  "border-accent-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.accent.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-accent-muted",
+    "attributes": {},
+    "path": ["border", "accent", "muted"],
+    "value": "0.0625rem solid #4184e466",
+    "type": "border"
+  },
+  "border-success-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.success.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-success-emphasis",
+    "attributes": {},
+    "path": ["border", "success", "emphasis"],
+    "value": "0.0625rem solid #347d39",
+    "type": "border"
+  },
+  "border-success-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.success.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-success-muted",
+    "attributes": {},
+    "path": ["border", "success", "muted"],
+    "value": "0.0625rem solid #46954a66",
+    "type": "border"
+  },
+  "border-open-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{border.success.emphasis}",
+      "$type": "border"
+    },
+    "name": "border-open-emphasis",
+    "attributes": {},
+    "path": ["border", "open", "emphasis"],
+    "value": "0.0625rem solid #347d39",
+    "type": "border"
+  },
+  "border-open-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{border.success.muted}",
+      "$type": "border"
+    },
+    "name": "border-open-muted",
+    "attributes": {},
+    "path": ["border", "open", "muted"],
+    "value": "0.0625rem solid #46954a66",
+    "type": "border"
+  },
+  "border-danger-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.danger.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-danger-emphasis",
+    "attributes": {},
+    "path": ["border", "danger", "emphasis"],
+    "value": "0.0625rem solid #c93c37",
+    "type": "border"
+  },
+  "border-danger-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.danger.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-danger-muted",
+    "attributes": {},
+    "path": ["border", "danger", "muted"],
+    "value": "0.0625rem solid #e5534b66",
+    "type": "border"
+  },
+  "border-closed-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{border.danger.emphasis}",
+      "$type": "border"
+    },
+    "name": "border-closed-emphasis",
+    "attributes": {},
+    "path": ["border", "closed", "emphasis"],
+    "value": "0.0625rem solid #c93c37",
+    "type": "border"
+  },
+  "border-closed-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{border.danger.muted}",
+      "$type": "border"
+    },
+    "name": "border-closed-muted",
+    "attributes": {},
+    "path": ["border", "closed", "muted"],
+    "value": "0.0625rem solid #e5534b66",
+    "type": "border"
+  },
+  "border-attention-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.attention.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-attention-emphasis",
+    "attributes": {},
+    "path": ["border", "attention", "emphasis"],
+    "value": "0.0625rem solid #966600",
+    "type": "border"
+  },
+  "border-attention-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.attention.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-attention-muted",
+    "attributes": {},
+    "path": ["border", "attention", "muted"],
+    "value": "0.0625rem solid #ae7c1466",
+    "type": "border"
+  },
+  "border-severe-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.severe.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-severe-emphasis",
+    "attributes": {},
+    "path": ["border", "severe", "emphasis"],
+    "value": "0.0625rem solid #ae5622",
+    "type": "border"
+  },
+  "border-severe-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.severe.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-severe-muted",
+    "attributes": {},
+    "path": ["border", "severe", "muted"],
+    "value": "0.0625rem solid #cc6b2c66",
+    "type": "border"
+  },
+  "border-done-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.done.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-done-emphasis",
+    "attributes": {},
+    "path": ["border", "done", "emphasis"],
+    "value": "0.0625rem solid #8256d0",
+    "type": "border"
+  },
+  "border-done-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.done.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-done-muted",
+    "attributes": {},
+    "path": ["border", "done", "muted"],
+    "value": "0.0625rem solid #986ee266",
+    "type": "border"
+  },
+  "border-upsell-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.upsell.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-upsell-emphasis",
+    "attributes": {},
+    "path": ["border", "upsell", "emphasis"],
+    "value": "0.0625rem solid #8256d0",
+    "type": "border"
+  },
+  "border-upsell-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.upsell.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-upsell-muted",
+    "attributes": {},
+    "path": ["border", "upsell", "muted"],
+    "value": "0.0625rem solid #986ee266",
+    "type": "border"
+  },
+  "border-sponsors-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.sponsors.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-sponsors-emphasis",
+    "attributes": {},
+    "path": ["border", "sponsors", "emphasis"],
+    "value": "0.0625rem solid #ae4c82",
+    "type": "border"
+  },
+  "border-sponsors-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.sponsors.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
       },
       "$type": "border"
     },
-    "name": "outline-focus",
+    "name": "border-sponsors-muted",
     "attributes": {},
-    "path": ["outline", "focus"],
-    "value": "#316dca solid 2px",
+    "path": ["border", "sponsors", "muted"],
+    "value": "0.0625rem solid #c9619866",
     "type": "border"
   }
 }