@primer/primitives 11.2.2-rc.fc1eacf3 → 11.3.0

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

@@ -10837,6 +10837,1383 @@
     "value": "#04260f33",
     "type": "color"
   },
+  "buttonKeybindingHint-danger-bgColor-active": {
+    "key": "{buttonKeybindingHint.danger.bgColor.active}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.4,
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.4,
+      "key": "{buttonKeybindingHint.danger.bgColor.active}"
+    },
+    "name": "buttonKeybindingHint-danger-bgColor-active",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "danger", "bgColor", "active"],
+    "value": "#01040966",
+    "type": "color"
+  },
+  "buttonKeybindingHint-danger-bgColor-disabled": {
+    "key": "{buttonKeybindingHint.danger.bgColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{buttonKeybindingHint.default.bgColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.danger.bgColor.disabled}"
+    },
+    "name": "buttonKeybindingHint-danger-bgColor-disabled",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "danger", "bgColor", "disabled"],
+    "value": "#2a313c",
+    "type": "color"
+  },
+  "buttonKeybindingHint-danger-bgColor-hover": {
+    "key": "{buttonKeybindingHint.danger.bgColor.hover}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.2,
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.2,
+      "key": "{buttonKeybindingHint.danger.bgColor.hover}"
+    },
+    "name": "buttonKeybindingHint-danger-bgColor-hover",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "danger", "bgColor", "hover"],
+    "value": "#01040933",
+    "type": "color"
+  },
+  "buttonKeybindingHint-danger-bgColor-rest": {
+    "key": "{buttonKeybindingHint.danger.bgColor.rest}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{buttonKeybindingHint.default.bgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.danger.bgColor.rest}"
+    },
+    "name": "buttonKeybindingHint-danger-bgColor-rest",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "danger", "bgColor", "rest"],
+    "value": "#2a313c",
+    "type": "color"
+  },
+  "buttonKeybindingHint-danger-borderColor-active": {
+    "key": "{buttonKeybindingHint.danger.borderColor.active}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{buttonKeybindingHint.danger.borderColor.hover}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.danger.borderColor.active}"
+    },
+    "name": "buttonKeybindingHint-danger-borderColor-active",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "danger", "borderColor", "active"],
+    "value": "#0104091a",
+    "type": "color"
+  },
+  "buttonKeybindingHint-danger-borderColor-disabled": {
+    "key": "{buttonKeybindingHint.danger.borderColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{buttonKeybindingHint.default.borderColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.danger.borderColor.disabled}"
+    },
+    "name": "buttonKeybindingHint-danger-borderColor-disabled",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "danger", "borderColor", "disabled"],
+    "value": "#656c761a",
+    "type": "color"
+  },
+  "buttonKeybindingHint-danger-borderColor-hover": {
+    "key": "{buttonKeybindingHint.danger.borderColor.hover}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#010409",
+          "alpha": 0.1,
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#010409",
+          "alpha": 0.1,
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "alpha": 0.1,
+    "original": {
+      "$value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.black}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{base.color.black}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{base.color.white}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{base.color.white}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{base.color.white}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{base.color.white}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.white}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{base.color.white}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{base.color.white}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "alpha": 0.1,
+      "key": "{buttonKeybindingHint.danger.borderColor.hover}"
+    },
+    "name": "buttonKeybindingHint-danger-borderColor-hover",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "danger", "borderColor", "hover"],
+    "value": "#0104091a",
+    "type": "color"
+  },
+  "buttonKeybindingHint-danger-borderColor-rest": {
+    "key": "{buttonKeybindingHint.danger.borderColor.rest}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{buttonKeybindingHint.default.borderColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.danger.borderColor.rest}"
+    },
+    "name": "buttonKeybindingHint-danger-borderColor-rest",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "danger", "borderColor", "rest"],
+    "value": "#3d444db3",
+    "type": "color"
+  },
+  "buttonKeybindingHint-danger-fgColor-active": {
+    "key": "{buttonKeybindingHint.danger.fgColor.active}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.onEmphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.danger.fgColor.active}"
+    },
+    "name": "buttonKeybindingHint-danger-fgColor-active",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "danger", "fgColor", "active"],
+    "value": "#ffffff",
+    "type": "color"
+  },
+  "buttonKeybindingHint-danger-fgColor-disabled": {
+    "key": "{buttonKeybindingHint.danger.fgColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{buttonKeybindingHint.default.fgColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.danger.fgColor.disabled}"
+    },
+    "name": "buttonKeybindingHint-danger-fgColor-disabled",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "danger", "fgColor", "disabled"],
+    "value": "#656c76",
+    "type": "color"
+  },
+  "buttonKeybindingHint-danger-fgColor-hover": {
+    "key": "{buttonKeybindingHint.danger.fgColor.hover}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.onEmphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.danger.fgColor.hover}"
+    },
+    "name": "buttonKeybindingHint-danger-fgColor-hover",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "danger", "fgColor", "hover"],
+    "value": "#ffffff",
+    "type": "color"
+  },
+  "buttonKeybindingHint-danger-fgColor-rest": {
+    "key": "{buttonKeybindingHint.danger.fgColor.rest}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{buttonKeybindingHint.default.fgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.danger.fgColor.rest}"
+    },
+    "name": "buttonKeybindingHint-danger-fgColor-rest",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "danger", "fgColor", "rest"],
+    "value": "#9198a1",
+    "type": "color"
+  },
+  "buttonKeybindingHint-default-bgColor-disabled": {
+    "key": "{buttonKeybindingHint.default.bgColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{buttonKeybindingHint.default.bgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.default.bgColor.disabled}"
+    },
+    "name": "buttonKeybindingHint-default-bgColor-disabled",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "default", "bgColor", "disabled"],
+    "value": "#2a313c",
+    "type": "color"
+  },
+  "buttonKeybindingHint-default-bgColor-rest": {
+    "key": "{buttonKeybindingHint.default.bgColor.rest}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#2a313c",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": "#262c36",
+        "dark-protanopia-deuteranopia-high-contrast": "#262c36",
+        "dark-tritanopia-high-contrast": "#262c36"
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.neutral.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.neutral.5}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": "{base.color.neutral.4}",
+          "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}",
+          "dark-tritanopia-high-contrast": "{base.color.neutral.4}"
+        }
+      },
+      "key": "{buttonKeybindingHint.default.bgColor.rest}"
+    },
+    "name": "buttonKeybindingHint-default-bgColor-rest",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "default", "bgColor", "rest"],
+    "value": "#2a313c",
+    "type": "color"
+  },
+  "buttonKeybindingHint-default-borderColor-disabled": {
+    "key": "{buttonKeybindingHint.default.borderColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.borderColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.default.borderColor.disabled}"
+    },
+    "name": "buttonKeybindingHint-default-borderColor-disabled",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "default", "borderColor", "disabled"],
+    "value": "#656c761a",
+    "type": "color"
+  },
+  "buttonKeybindingHint-default-borderColor-rest": {
+    "key": "{buttonKeybindingHint.default.borderColor.rest}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{borderColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.default.borderColor.rest}"
+    },
+    "name": "buttonKeybindingHint-default-borderColor-rest",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "default", "borderColor", "rest"],
+    "value": "#3d444db3",
+    "type": "color"
+  },
+  "buttonKeybindingHint-default-fgColor-disabled": {
+    "key": "{buttonKeybindingHint.default.fgColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.default.fgColor.disabled}"
+    },
+    "name": "buttonKeybindingHint-default-fgColor-disabled",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "default", "fgColor", "disabled"],
+    "value": "#656c76",
+    "type": "color"
+  },
+  "buttonKeybindingHint-default-fgColor-rest": {
+    "key": "{buttonKeybindingHint.default.fgColor.rest}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.default.fgColor.rest}"
+    },
+    "name": "buttonKeybindingHint-default-fgColor-rest",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "default", "fgColor", "rest"],
+    "value": "#9198a1",
+    "type": "color"
+  },
+  "buttonKeybindingHint-inactive-bgColor": {
+    "key": "{buttonKeybindingHint.inactive.bgColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#2a313c",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": "#262c36",
+        "dark-protanopia-deuteranopia-high-contrast": "#262c36",
+        "dark-tritanopia-high-contrast": "#262c36"
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.neutral.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.neutral.5}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": "{base.color.neutral.4}",
+          "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}",
+          "dark-tritanopia-high-contrast": "{base.color.neutral.4}"
+        }
+      },
+      "key": "{buttonKeybindingHint.inactive.bgColor}"
+    },
+    "name": "buttonKeybindingHint-inactive-bgColor",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "inactive", "bgColor"],
+    "value": "#2a313c",
+    "type": "color"
+  },
+  "buttonKeybindingHint-inactive-borderColor": {
+    "key": "{buttonKeybindingHint.inactive.borderColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{borderColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.inactive.borderColor}"
+    },
+    "name": "buttonKeybindingHint-inactive-borderColor",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "inactive", "borderColor"],
+    "value": "#3d444db3",
+    "type": "color"
+  },
+  "buttonKeybindingHint-inactive-fgColor": {
+    "key": "{buttonKeybindingHint.inactive.fgColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{button.inactive.fgColor}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.inactive.fgColor}"
+    },
+    "name": "buttonKeybindingHint-inactive-fgColor",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "inactive", "fgColor"],
+    "value": "#9198a1",
+    "type": "color"
+  },
+  "buttonKeybindingHint-invisible-bgColor-active": {
+    "key": "{buttonKeybindingHint.invisible.bgColor.active}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.transparent.bgColor.active}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.invisible.bgColor.active}"
+    },
+    "name": "buttonKeybindingHint-invisible-bgColor-active",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "invisible", "bgColor", "active"],
+    "value": "#656c7640",
+    "type": "color"
+  },
+  "buttonKeybindingHint-invisible-bgColor-disabled": {
+    "key": "{buttonKeybindingHint.invisible.bgColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{button.invisible.bgColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.invisible.bgColor.disabled}"
+    },
+    "name": "buttonKeybindingHint-invisible-bgColor-disabled",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "invisible", "bgColor", "disabled"],
+    "value": "#00000000",
+    "type": "color"
+  },
+  "buttonKeybindingHint-invisible-bgColor-hover": {
+    "key": "{buttonKeybindingHint.invisible.bgColor.hover}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.transparent.bgColor.hover}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.invisible.bgColor.hover}"
+    },
+    "name": "buttonKeybindingHint-invisible-bgColor-hover",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "invisible", "bgColor", "hover"],
+    "value": "#656c7633",
+    "type": "color"
+  },
+  "buttonKeybindingHint-invisible-bgColor-rest": {
+    "key": "{buttonKeybindingHint.invisible.bgColor.rest}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{buttonKeybindingHint.default.bgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.invisible.bgColor.rest}"
+    },
+    "name": "buttonKeybindingHint-invisible-bgColor-rest",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "invisible", "bgColor", "rest"],
+    "value": "#2a313c",
+    "type": "color"
+  },
+  "buttonKeybindingHint-invisible-borderColor-disabled": {
+    "key": "{buttonKeybindingHint.invisible.borderColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.borderColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.invisible.borderColor.disabled}"
+    },
+    "name": "buttonKeybindingHint-invisible-borderColor-disabled",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "invisible", "borderColor", "disabled"],
+    "value": "#656c761a",
+    "type": "color"
+  },
+  "buttonKeybindingHint-invisible-borderColor-rest": {
+    "key": "{buttonKeybindingHint.invisible.borderColor.rest}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": {
+          "$value": "#3d444db3",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#3d444db3",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#3d444db3",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#3d444db3",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#3d444db3",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#3d444db3",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": {
+            "$value": "{borderColor.muted}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{borderColor.muted}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{borderColor.muted}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{borderColor.muted}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{borderColor.muted}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{borderColor.muted}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{buttonKeybindingHint.invisible.borderColor.rest}"
+    },
+    "name": "buttonKeybindingHint-invisible-borderColor-rest",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "invisible", "borderColor", "rest"],
+    "value": "#00000000",
+    "type": "color"
+  },
+  "buttonKeybindingHint-invisible-fgColor-disabled": {
+    "key": "{buttonKeybindingHint.invisible.fgColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.invisible.fgColor.disabled}"
+    },
+    "name": "buttonKeybindingHint-invisible-fgColor-disabled",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "invisible", "fgColor", "disabled"],
+    "value": "#656c76",
+    "type": "color"
+  },
+  "buttonKeybindingHint-invisible-fgColor-rest": {
+    "key": "{buttonKeybindingHint.invisible.fgColor.rest}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.invisible.fgColor.rest}"
+    },
+    "name": "buttonKeybindingHint-invisible-fgColor-rest",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "invisible", "fgColor", "rest"],
+    "value": "#9198a1",
+    "type": "color"
+  },
+  "buttonKeybindingHint-primary-bgColor-disabled": {
+    "key": "{buttonKeybindingHint.primary.bgColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.1,
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{buttonCounter.primary.bgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.1,
+      "key": "{buttonKeybindingHint.primary.bgColor.disabled}"
+    },
+    "name": "buttonKeybindingHint-primary-bgColor-disabled",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "primary", "bgColor", "disabled"],
+    "value": "#04260f1a",
+    "type": "color"
+  },
+  "buttonKeybindingHint-primary-bgColor-rest": {
+    "key": "{buttonKeybindingHint.primary.bgColor.rest}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{buttonCounter.primary.bgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.primary.bgColor.rest}"
+    },
+    "name": "buttonKeybindingHint-primary-bgColor-rest",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "primary", "bgColor", "rest"],
+    "value": "#04260f33",
+    "type": "color"
+  },
+  "buttonKeybindingHint-primary-borderColor-disabled": {
+    "key": "{buttonKeybindingHint.primary.borderColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.borderColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.primary.borderColor.disabled}"
+    },
+    "name": "buttonKeybindingHint-primary-borderColor-disabled",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "primary", "borderColor", "disabled"],
+    "value": "#656c761a",
+    "type": "color"
+  },
+  "buttonKeybindingHint-primary-borderColor-rest": {
+    "key": "{buttonKeybindingHint.primary.borderColor.rest}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark-dimmed": {
+          "$value": "#04260f33",
+          "alpha": 0.1,
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark": {
+          "$value": "#04260f33",
+          "alpha": 0.1,
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#ffffff",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "alpha": 0.1,
+    "original": {
+      "$value": "{buttonCounter.primary.bgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark-dimmed": {
+            "$value": "{buttonCounter.primary.bgColor.rest}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{base.color.white}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark": {
+            "$value": "{buttonCounter.primary.bgColor.rest}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{base.color.white}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{base.color.white}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{base.color.white}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-high-contrast": {
+            "$value": "{base.color.white}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{base.color.white}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{base.color.white}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "alpha": 0.1,
+      "key": "{buttonKeybindingHint.primary.borderColor.rest}"
+    },
+    "name": "buttonKeybindingHint-primary-borderColor-rest",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "primary", "borderColor", "rest"],
+    "value": "#04260f1a",
+    "type": "color"
+  },
+  "buttonKeybindingHint-primary-fgColor-disabled": {
+    "key": "{buttonKeybindingHint.primary.fgColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{button.primary.fgColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.primary.fgColor.disabled}"
+    },
+    "name": "buttonKeybindingHint-primary-fgColor-disabled",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "primary", "fgColor", "disabled"],
+    "value": "#ffffff66",
+    "type": "color"
+  },
+  "buttonKeybindingHint-primary-fgColor-rest": {
+    "key": "{buttonKeybindingHint.primary.fgColor.rest}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.onEmphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      },
+      "key": "{buttonKeybindingHint.primary.fgColor.rest}"
+    },
+    "name": "buttonKeybindingHint-primary-fgColor-rest",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "primary", "fgColor", "rest"],
+    "value": "#ffffff",
+    "type": "color"
+  },
   "card-bgColor": {
     "key": "{card.bgColor}",
     "$extensions": {