@primer/primitives 11.2.2-rc.fc1eacf3 → 11.3.0

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

@@ -10823,6 +10823,1379 @@
     "value": "#002d1133",
     "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": "#1f232866",
+    "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": "#eff2f5",
+    "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": "#1f232833",
+    "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": "#eff2f5",
+    "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": "#1f232826",
+    "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": "#818b981a",
+    "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": "#1f2328",
+          "alpha": 0.1,
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#1f2328",
+          "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,
+    "original": {
+      "$value": "{borderColor.translucent}",
+      "$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"
+          }
+        }
+      },
+      "key": "{buttonKeybindingHint.danger.borderColor.hover}"
+    },
+    "name": "buttonKeybindingHint-danger-borderColor-hover",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "danger", "borderColor", "hover"],
+    "value": "#1f232826",
+    "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": "#d1d9e0b3",
+    "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": "#818b98",
+    "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": "#59636e",
+    "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": "#eff2f5",
+    "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": "#dae0e7",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": "#e0e6eb",
+        "dark-protanopia-deuteranopia-high-contrast": "#e0e6eb",
+        "dark-tritanopia-high-contrast": "#e0e6eb"
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.neutral.2}",
+      "$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": "#eff2f5",
+    "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": "#818b981a",
+    "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": "#d1d9e0b3",
+    "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": "#818b98",
+    "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": "#59636e",
+    "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": "#dae0e7",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": "#e0e6eb",
+        "dark-protanopia-deuteranopia-high-contrast": "#e0e6eb",
+        "dark-tritanopia-high-contrast": "#e0e6eb"
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.neutral.2}",
+      "$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": "#eff2f5",
+    "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": "#d1d9e0b3",
+    "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": "#59636e",
+    "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": "#818b9826",
+    "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": "#ffffff00",
+    "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": "#818b981a",
+    "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": "#eff2f5",
+    "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": "#818b981a",
+    "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": "#d1d9e0b3",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#d1d9e0b3",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#d1d9e0b3",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-high-contrast": {
+          "$value": "#d1d9e0b3",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#d1d9e0b3",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#d1d9e0b3",
+          "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": "#ffffff00",
+    "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": "#818b98",
+    "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": "#59636e",
+    "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": "#002d111a",
+    "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": "#002d1133",
+    "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": "#818b981a",
+    "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": "#002d1133",
+          "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": "#002d1133",
+          "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,
+    "original": {
+      "$value": "{borderColor.translucent}",
+      "$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"
+          }
+        }
+      },
+      "key": "{buttonKeybindingHint.primary.borderColor.rest}"
+    },
+    "name": "buttonKeybindingHint-primary-borderColor-rest",
+    "attributes": {},
+    "path": ["buttonKeybindingHint", "primary", "borderColor", "rest"],
+    "value": "#1f232826",
+    "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": "#ffffffcc",
+    "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": {