@primer/primitives 11.2.2-rc.fc1eacf3 → 11.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +70 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +70 -0
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +70 -0
  4. package/dist/css/functional/themes/dark-dimmed.css +70 -0
  5. package/dist/css/functional/themes/dark-high-contrast.css +70 -0
  6. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +70 -0
  7. package/dist/css/functional/themes/dark-tritanopia.css +70 -0
  8. package/dist/css/functional/themes/dark.css +70 -0
  9. package/dist/css/functional/themes/light-colorblind-high-contrast.css +70 -0
  10. package/dist/css/functional/themes/light-colorblind.css +70 -0
  11. package/dist/css/functional/themes/light-high-contrast.css +70 -0
  12. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +70 -0
  13. package/dist/css/functional/themes/light-tritanopia.css +70 -0
  14. package/dist/css/functional/themes/light.css +70 -0
  15. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +1373 -0
  16. package/dist/docs/functional/themes/dark-colorblind.json +1377 -0
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +1373 -0
  18. package/dist/docs/functional/themes/dark-dimmed.json +1377 -0
  19. package/dist/docs/functional/themes/dark-high-contrast.json +1373 -0
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +1373 -0
  21. package/dist/docs/functional/themes/dark-tritanopia.json +1377 -0
  22. package/dist/docs/functional/themes/dark.json +1377 -0
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +1373 -0
  24. package/dist/docs/functional/themes/light-colorblind.json +1373 -0
  25. package/dist/docs/functional/themes/light-high-contrast.json +1373 -0
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +1373 -0
  27. package/dist/docs/functional/themes/light-tritanopia.json +1373 -0
  28. package/dist/docs/functional/themes/light.json +1373 -0
  29. package/dist/figma/themes/dark-colorblind.json +565 -0
  30. package/dist/figma/themes/dark-dimmed.json +565 -0
  31. package/dist/figma/themes/dark-high-contrast.json +563 -0
  32. package/dist/figma/themes/dark-tritanopia.json +565 -0
  33. package/dist/figma/themes/dark.json +565 -0
  34. package/dist/figma/themes/light-colorblind.json +563 -0
  35. package/dist/figma/themes/light-high-contrast.json +563 -0
  36. package/dist/figma/themes/light-tritanopia.json +563 -0
  37. package/dist/figma/themes/light.json +563 -0
  38. package/dist/internalCss/dark-colorblind-high-contrast.css +70 -0
  39. package/dist/internalCss/dark-colorblind.css +70 -0
  40. package/dist/internalCss/dark-dimmed-high-contrast.css +70 -0
  41. package/dist/internalCss/dark-dimmed.css +70 -0
  42. package/dist/internalCss/dark-high-contrast.css +70 -0
  43. package/dist/internalCss/dark-tritanopia-high-contrast.css +70 -0
  44. package/dist/internalCss/dark-tritanopia.css +70 -0
  45. package/dist/internalCss/dark.css +70 -0
  46. package/dist/internalCss/light-colorblind-high-contrast.css +70 -0
  47. package/dist/internalCss/light-colorblind.css +70 -0
  48. package/dist/internalCss/light-high-contrast.css +70 -0
  49. package/dist/internalCss/light-tritanopia-high-contrast.css +70 -0
  50. package/dist/internalCss/light-tritanopia.css +70 -0
  51. package/dist/internalCss/light.css +70 -0
  52. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +1373 -0
  53. package/dist/styleLint/functional/themes/dark-colorblind.json +1377 -0
  54. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +1373 -0
  55. package/dist/styleLint/functional/themes/dark-dimmed.json +1377 -0
  56. package/dist/styleLint/functional/themes/dark-high-contrast.json +1373 -0
  57. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +1373 -0
  58. package/dist/styleLint/functional/themes/dark-tritanopia.json +1377 -0
  59. package/dist/styleLint/functional/themes/dark.json +1377 -0
  60. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +1373 -0
  61. package/dist/styleLint/functional/themes/light-colorblind.json +1373 -0
  62. package/dist/styleLint/functional/themes/light-high-contrast.json +1373 -0
  63. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +1373 -0
  64. package/dist/styleLint/functional/themes/light-tritanopia.json +1373 -0
  65. package/dist/styleLint/functional/themes/light.json +1373 -0
  66. package/package.json +1 -1
  67. package/src/tokens/component/button.json5 +522 -0
@@ -10843,6 +10843,1379 @@
10843
10843
  "attributes": {},
10844
10844
  "path": ["buttonCounter", "primary", "bgColor", "rest"]
10845
10845
  },
10846
+ "buttonKeybindingHint-danger-bgColor-active": {
10847
+ "key": "{buttonKeybindingHint.danger.bgColor.active}",
10848
+ "$value": "#01040966",
10849
+ "$type": "color",
10850
+ "$extensions": {
10851
+ "org.primer.figma": {
10852
+ "collection": "mode",
10853
+ "group": "component (internal)",
10854
+ "scopes": ["bgColor"]
10855
+ }
10856
+ },
10857
+ "alpha": 0.4,
10858
+ "filePath": "src/tokens/component/button.json5",
10859
+ "isSource": true,
10860
+ "original": {
10861
+ "$value": "{base.color.black}",
10862
+ "$type": "color",
10863
+ "$extensions": {
10864
+ "org.primer.figma": {
10865
+ "collection": "mode",
10866
+ "group": "component (internal)",
10867
+ "scopes": ["bgColor"]
10868
+ }
10869
+ },
10870
+ "alpha": 0.4,
10871
+ "key": "{buttonKeybindingHint.danger.bgColor.active}"
10872
+ },
10873
+ "name": "buttonKeybindingHint-danger-bgColor-active",
10874
+ "attributes": {},
10875
+ "path": ["buttonKeybindingHint", "danger", "bgColor", "active"]
10876
+ },
10877
+ "buttonKeybindingHint-danger-bgColor-disabled": {
10878
+ "key": "{buttonKeybindingHint.danger.bgColor.disabled}",
10879
+ "$value": "#2a313c",
10880
+ "$type": "color",
10881
+ "$extensions": {
10882
+ "org.primer.figma": {
10883
+ "collection": "mode",
10884
+ "group": "component (internal)",
10885
+ "scopes": ["bgColor"]
10886
+ }
10887
+ },
10888
+ "filePath": "src/tokens/component/button.json5",
10889
+ "isSource": true,
10890
+ "original": {
10891
+ "$value": "{buttonKeybindingHint.default.bgColor.disabled}",
10892
+ "$type": "color",
10893
+ "$extensions": {
10894
+ "org.primer.figma": {
10895
+ "collection": "mode",
10896
+ "group": "component (internal)",
10897
+ "scopes": ["bgColor"]
10898
+ }
10899
+ },
10900
+ "key": "{buttonKeybindingHint.danger.bgColor.disabled}"
10901
+ },
10902
+ "name": "buttonKeybindingHint-danger-bgColor-disabled",
10903
+ "attributes": {},
10904
+ "path": ["buttonKeybindingHint", "danger", "bgColor", "disabled"]
10905
+ },
10906
+ "buttonKeybindingHint-danger-bgColor-hover": {
10907
+ "key": "{buttonKeybindingHint.danger.bgColor.hover}",
10908
+ "$value": "#01040933",
10909
+ "$type": "color",
10910
+ "$extensions": {
10911
+ "org.primer.figma": {
10912
+ "collection": "mode",
10913
+ "group": "component (internal)",
10914
+ "scopes": ["bgColor"]
10915
+ }
10916
+ },
10917
+ "alpha": 0.2,
10918
+ "filePath": "src/tokens/component/button.json5",
10919
+ "isSource": true,
10920
+ "original": {
10921
+ "$value": "{base.color.black}",
10922
+ "$type": "color",
10923
+ "$extensions": {
10924
+ "org.primer.figma": {
10925
+ "collection": "mode",
10926
+ "group": "component (internal)",
10927
+ "scopes": ["bgColor"]
10928
+ }
10929
+ },
10930
+ "alpha": 0.2,
10931
+ "key": "{buttonKeybindingHint.danger.bgColor.hover}"
10932
+ },
10933
+ "name": "buttonKeybindingHint-danger-bgColor-hover",
10934
+ "attributes": {},
10935
+ "path": ["buttonKeybindingHint", "danger", "bgColor", "hover"]
10936
+ },
10937
+ "buttonKeybindingHint-danger-bgColor-rest": {
10938
+ "key": "{buttonKeybindingHint.danger.bgColor.rest}",
10939
+ "$value": "#2a313c",
10940
+ "$type": "color",
10941
+ "$extensions": {
10942
+ "org.primer.figma": {
10943
+ "collection": "mode",
10944
+ "group": "component (internal)",
10945
+ "scopes": ["bgColor"]
10946
+ }
10947
+ },
10948
+ "filePath": "src/tokens/component/button.json5",
10949
+ "isSource": true,
10950
+ "original": {
10951
+ "$value": "{buttonKeybindingHint.default.bgColor.rest}",
10952
+ "$type": "color",
10953
+ "$extensions": {
10954
+ "org.primer.figma": {
10955
+ "collection": "mode",
10956
+ "group": "component (internal)",
10957
+ "scopes": ["bgColor"]
10958
+ }
10959
+ },
10960
+ "key": "{buttonKeybindingHint.danger.bgColor.rest}"
10961
+ },
10962
+ "name": "buttonKeybindingHint-danger-bgColor-rest",
10963
+ "attributes": {},
10964
+ "path": ["buttonKeybindingHint", "danger", "bgColor", "rest"]
10965
+ },
10966
+ "buttonKeybindingHint-danger-borderColor-active": {
10967
+ "key": "{buttonKeybindingHint.danger.borderColor.active}",
10968
+ "$value": "#cdd9e5",
10969
+ "$type": "color",
10970
+ "$extensions": {
10971
+ "org.primer.figma": {
10972
+ "collection": "mode",
10973
+ "group": "component (internal)",
10974
+ "scopes": ["borderColor"]
10975
+ }
10976
+ },
10977
+ "filePath": "src/tokens/component/button.json5",
10978
+ "isSource": true,
10979
+ "original": {
10980
+ "$value": "{buttonKeybindingHint.danger.borderColor.hover}",
10981
+ "$type": "color",
10982
+ "$extensions": {
10983
+ "org.primer.figma": {
10984
+ "collection": "mode",
10985
+ "group": "component (internal)",
10986
+ "scopes": ["borderColor"]
10987
+ }
10988
+ },
10989
+ "key": "{buttonKeybindingHint.danger.borderColor.active}"
10990
+ },
10991
+ "name": "buttonKeybindingHint-danger-borderColor-active",
10992
+ "attributes": {},
10993
+ "path": ["buttonKeybindingHint", "danger", "borderColor", "active"]
10994
+ },
10995
+ "buttonKeybindingHint-danger-borderColor-disabled": {
10996
+ "key": "{buttonKeybindingHint.danger.borderColor.disabled}",
10997
+ "$value": "#656c761a",
10998
+ "$type": "color",
10999
+ "$extensions": {
11000
+ "org.primer.figma": {
11001
+ "collection": "mode",
11002
+ "group": "component (internal)",
11003
+ "scopes": ["borderColor"]
11004
+ }
11005
+ },
11006
+ "filePath": "src/tokens/component/button.json5",
11007
+ "isSource": true,
11008
+ "original": {
11009
+ "$value": "{buttonKeybindingHint.default.borderColor.disabled}",
11010
+ "$type": "color",
11011
+ "$extensions": {
11012
+ "org.primer.figma": {
11013
+ "collection": "mode",
11014
+ "group": "component (internal)",
11015
+ "scopes": ["borderColor"]
11016
+ }
11017
+ },
11018
+ "key": "{buttonKeybindingHint.danger.borderColor.disabled}"
11019
+ },
11020
+ "name": "buttonKeybindingHint-danger-borderColor-disabled",
11021
+ "attributes": {},
11022
+ "path": ["buttonKeybindingHint", "danger", "borderColor", "disabled"]
11023
+ },
11024
+ "buttonKeybindingHint-danger-borderColor-hover": {
11025
+ "key": "{buttonKeybindingHint.danger.borderColor.hover}",
11026
+ "$value": "#cdd9e5",
11027
+ "$type": "color",
11028
+ "$extensions": {
11029
+ "org.primer.figma": {
11030
+ "collection": "mode",
11031
+ "group": "component (internal)",
11032
+ "scopes": ["borderColor"]
11033
+ },
11034
+ "org.primer.overrides": {
11035
+ "dark": {
11036
+ "$value": "#010409",
11037
+ "alpha": 0.1,
11038
+ "filePath": "src/tokens/component/button.json5",
11039
+ "isSource": true,
11040
+ "$type": "color"
11041
+ },
11042
+ "dark-dimmed": {
11043
+ "$value": "#010409",
11044
+ "alpha": 0.1,
11045
+ "filePath": "src/tokens/component/button.json5",
11046
+ "isSource": true,
11047
+ "$type": "color"
11048
+ },
11049
+ "dark-dimmed-high-contrast": {
11050
+ "$value": "#cdd9e5",
11051
+ "filePath": "src/tokens/component/button.json5",
11052
+ "isSource": true,
11053
+ "$type": "color"
11054
+ },
11055
+ "dark-high-contrast": {
11056
+ "$value": "#cdd9e5",
11057
+ "filePath": "src/tokens/component/button.json5",
11058
+ "isSource": true,
11059
+ "$type": "color"
11060
+ },
11061
+ "dark-tritanopia-high-contrast": {
11062
+ "$value": "#cdd9e5",
11063
+ "filePath": "src/tokens/component/button.json5",
11064
+ "isSource": true,
11065
+ "$type": "color"
11066
+ },
11067
+ "dark-protanopia-deuteranopia-high-contrast": {
11068
+ "$value": "#cdd9e5",
11069
+ "filePath": "src/tokens/component/button.json5",
11070
+ "isSource": true,
11071
+ "$type": "color"
11072
+ },
11073
+ "light-high-contrast": {
11074
+ "$value": "#cdd9e5",
11075
+ "filePath": "src/tokens/component/button.json5",
11076
+ "isSource": true,
11077
+ "$type": "color"
11078
+ },
11079
+ "light-tritanopia-high-contrast": {
11080
+ "$value": "#cdd9e5",
11081
+ "filePath": "src/tokens/component/button.json5",
11082
+ "isSource": true,
11083
+ "$type": "color"
11084
+ },
11085
+ "light-protanopia-deuteranopia-high-contrast": {
11086
+ "$value": "#cdd9e5",
11087
+ "filePath": "src/tokens/component/button.json5",
11088
+ "isSource": true,
11089
+ "$type": "color"
11090
+ }
11091
+ }
11092
+ },
11093
+ "filePath": "src/tokens/component/button.json5",
11094
+ "isSource": true,
11095
+ "original": {
11096
+ "$value": "{base.color.white}",
11097
+ "$type": "color",
11098
+ "$extensions": {
11099
+ "org.primer.figma": {
11100
+ "collection": "mode",
11101
+ "group": "component (internal)",
11102
+ "scopes": ["borderColor"]
11103
+ },
11104
+ "org.primer.overrides": {
11105
+ "dark": {
11106
+ "$value": "{base.color.black}",
11107
+ "alpha": 0.1,
11108
+ "filePath": "src/tokens/component/button.json5",
11109
+ "isSource": true,
11110
+ "$type": "color"
11111
+ },
11112
+ "dark-dimmed": {
11113
+ "$value": "{base.color.black}",
11114
+ "alpha": 0.1,
11115
+ "filePath": "src/tokens/component/button.json5",
11116
+ "isSource": true,
11117
+ "$type": "color"
11118
+ },
11119
+ "dark-dimmed-high-contrast": {
11120
+ "$value": "{base.color.white}",
11121
+ "filePath": "src/tokens/component/button.json5",
11122
+ "isSource": true,
11123
+ "$type": "color"
11124
+ },
11125
+ "dark-high-contrast": {
11126
+ "$value": "{base.color.white}",
11127
+ "filePath": "src/tokens/component/button.json5",
11128
+ "isSource": true,
11129
+ "$type": "color"
11130
+ },
11131
+ "dark-tritanopia-high-contrast": {
11132
+ "$value": "{base.color.white}",
11133
+ "filePath": "src/tokens/component/button.json5",
11134
+ "isSource": true,
11135
+ "$type": "color"
11136
+ },
11137
+ "dark-protanopia-deuteranopia-high-contrast": {
11138
+ "$value": "{base.color.white}",
11139
+ "filePath": "src/tokens/component/button.json5",
11140
+ "isSource": true,
11141
+ "$type": "color"
11142
+ },
11143
+ "light-high-contrast": {
11144
+ "$value": "{base.color.white}",
11145
+ "filePath": "src/tokens/component/button.json5",
11146
+ "isSource": true,
11147
+ "$type": "color"
11148
+ },
11149
+ "light-tritanopia-high-contrast": {
11150
+ "$value": "{base.color.white}",
11151
+ "filePath": "src/tokens/component/button.json5",
11152
+ "isSource": true,
11153
+ "$type": "color"
11154
+ },
11155
+ "light-protanopia-deuteranopia-high-contrast": {
11156
+ "$value": "{base.color.white}",
11157
+ "filePath": "src/tokens/component/button.json5",
11158
+ "isSource": true,
11159
+ "$type": "color"
11160
+ }
11161
+ }
11162
+ },
11163
+ "key": "{buttonKeybindingHint.danger.borderColor.hover}"
11164
+ },
11165
+ "name": "buttonKeybindingHint-danger-borderColor-hover",
11166
+ "attributes": {},
11167
+ "path": ["buttonKeybindingHint", "danger", "borderColor", "hover"]
11168
+ },
11169
+ "buttonKeybindingHint-danger-borderColor-rest": {
11170
+ "key": "{buttonKeybindingHint.danger.borderColor.rest}",
11171
+ "$value": "#b7bdc8",
11172
+ "$type": "color",
11173
+ "$extensions": {
11174
+ "org.primer.figma": {
11175
+ "collection": "mode",
11176
+ "group": "component (internal)",
11177
+ "scopes": ["borderColor"]
11178
+ }
11179
+ },
11180
+ "filePath": "src/tokens/component/button.json5",
11181
+ "isSource": true,
11182
+ "original": {
11183
+ "$value": "{buttonKeybindingHint.default.borderColor.rest}",
11184
+ "$type": "color",
11185
+ "$extensions": {
11186
+ "org.primer.figma": {
11187
+ "collection": "mode",
11188
+ "group": "component (internal)",
11189
+ "scopes": ["borderColor"]
11190
+ }
11191
+ },
11192
+ "key": "{buttonKeybindingHint.danger.borderColor.rest}"
11193
+ },
11194
+ "name": "buttonKeybindingHint-danger-borderColor-rest",
11195
+ "attributes": {},
11196
+ "path": ["buttonKeybindingHint", "danger", "borderColor", "rest"]
11197
+ },
11198
+ "buttonKeybindingHint-danger-fgColor-active": {
11199
+ "key": "{buttonKeybindingHint.danger.fgColor.active}",
11200
+ "$value": "#ffffff",
11201
+ "$type": "color",
11202
+ "$extensions": {
11203
+ "org.primer.figma": {
11204
+ "collection": "mode",
11205
+ "group": "component (internal)",
11206
+ "scopes": ["fgColor"]
11207
+ }
11208
+ },
11209
+ "filePath": "src/tokens/component/button.json5",
11210
+ "isSource": true,
11211
+ "original": {
11212
+ "$value": "{fgColor.onEmphasis}",
11213
+ "$type": "color",
11214
+ "$extensions": {
11215
+ "org.primer.figma": {
11216
+ "collection": "mode",
11217
+ "group": "component (internal)",
11218
+ "scopes": ["fgColor"]
11219
+ }
11220
+ },
11221
+ "key": "{buttonKeybindingHint.danger.fgColor.active}"
11222
+ },
11223
+ "name": "buttonKeybindingHint-danger-fgColor-active",
11224
+ "attributes": {},
11225
+ "path": ["buttonKeybindingHint", "danger", "fgColor", "active"]
11226
+ },
11227
+ "buttonKeybindingHint-danger-fgColor-disabled": {
11228
+ "key": "{buttonKeybindingHint.danger.fgColor.disabled}",
11229
+ "$value": "#656c76",
11230
+ "$type": "color",
11231
+ "$extensions": {
11232
+ "org.primer.figma": {
11233
+ "collection": "mode",
11234
+ "group": "component (internal)",
11235
+ "scopes": ["fgColor"]
11236
+ }
11237
+ },
11238
+ "filePath": "src/tokens/component/button.json5",
11239
+ "isSource": true,
11240
+ "original": {
11241
+ "$value": "{buttonKeybindingHint.default.fgColor.disabled}",
11242
+ "$type": "color",
11243
+ "$extensions": {
11244
+ "org.primer.figma": {
11245
+ "collection": "mode",
11246
+ "group": "component (internal)",
11247
+ "scopes": ["fgColor"]
11248
+ }
11249
+ },
11250
+ "key": "{buttonKeybindingHint.danger.fgColor.disabled}"
11251
+ },
11252
+ "name": "buttonKeybindingHint-danger-fgColor-disabled",
11253
+ "attributes": {},
11254
+ "path": ["buttonKeybindingHint", "danger", "fgColor", "disabled"]
11255
+ },
11256
+ "buttonKeybindingHint-danger-fgColor-hover": {
11257
+ "key": "{buttonKeybindingHint.danger.fgColor.hover}",
11258
+ "$value": "#ffffff",
11259
+ "$type": "color",
11260
+ "$extensions": {
11261
+ "org.primer.figma": {
11262
+ "collection": "mode",
11263
+ "group": "component (internal)",
11264
+ "scopes": ["fgColor"]
11265
+ }
11266
+ },
11267
+ "filePath": "src/tokens/component/button.json5",
11268
+ "isSource": true,
11269
+ "original": {
11270
+ "$value": "{fgColor.onEmphasis}",
11271
+ "$type": "color",
11272
+ "$extensions": {
11273
+ "org.primer.figma": {
11274
+ "collection": "mode",
11275
+ "group": "component (internal)",
11276
+ "scopes": ["fgColor"]
11277
+ }
11278
+ },
11279
+ "key": "{buttonKeybindingHint.danger.fgColor.hover}"
11280
+ },
11281
+ "name": "buttonKeybindingHint-danger-fgColor-hover",
11282
+ "attributes": {},
11283
+ "path": ["buttonKeybindingHint", "danger", "fgColor", "hover"]
11284
+ },
11285
+ "buttonKeybindingHint-danger-fgColor-rest": {
11286
+ "key": "{buttonKeybindingHint.danger.fgColor.rest}",
11287
+ "$value": "#b7bdc8",
11288
+ "$type": "color",
11289
+ "$extensions": {
11290
+ "org.primer.figma": {
11291
+ "collection": "mode",
11292
+ "group": "component (internal)",
11293
+ "scopes": ["fgColor"]
11294
+ }
11295
+ },
11296
+ "filePath": "src/tokens/component/button.json5",
11297
+ "isSource": true,
11298
+ "original": {
11299
+ "$value": "{buttonKeybindingHint.default.fgColor.rest}",
11300
+ "$type": "color",
11301
+ "$extensions": {
11302
+ "org.primer.figma": {
11303
+ "collection": "mode",
11304
+ "group": "component (internal)",
11305
+ "scopes": ["fgColor"]
11306
+ }
11307
+ },
11308
+ "key": "{buttonKeybindingHint.danger.fgColor.rest}"
11309
+ },
11310
+ "name": "buttonKeybindingHint-danger-fgColor-rest",
11311
+ "attributes": {},
11312
+ "path": ["buttonKeybindingHint", "danger", "fgColor", "rest"]
11313
+ },
11314
+ "buttonKeybindingHint-default-bgColor-disabled": {
11315
+ "key": "{buttonKeybindingHint.default.bgColor.disabled}",
11316
+ "$value": "#2a313c",
11317
+ "$type": "color",
11318
+ "$extensions": {
11319
+ "org.primer.figma": {
11320
+ "collection": "mode",
11321
+ "group": "component (internal)",
11322
+ "scopes": ["bgColor"]
11323
+ }
11324
+ },
11325
+ "filePath": "src/tokens/component/button.json5",
11326
+ "isSource": true,
11327
+ "original": {
11328
+ "$value": "{buttonKeybindingHint.default.bgColor.rest}",
11329
+ "$type": "color",
11330
+ "$extensions": {
11331
+ "org.primer.figma": {
11332
+ "collection": "mode",
11333
+ "group": "component (internal)",
11334
+ "scopes": ["bgColor"]
11335
+ }
11336
+ },
11337
+ "key": "{buttonKeybindingHint.default.bgColor.disabled}"
11338
+ },
11339
+ "name": "buttonKeybindingHint-default-bgColor-disabled",
11340
+ "attributes": {},
11341
+ "path": ["buttonKeybindingHint", "default", "bgColor", "disabled"]
11342
+ },
11343
+ "buttonKeybindingHint-default-bgColor-rest": {
11344
+ "key": "{buttonKeybindingHint.default.bgColor.rest}",
11345
+ "$value": "#2a313c",
11346
+ "$type": "color",
11347
+ "$extensions": {
11348
+ "org.primer.figma": {
11349
+ "collection": "mode",
11350
+ "group": "component (internal)",
11351
+ "scopes": ["bgColor"]
11352
+ },
11353
+ "org.primer.overrides": {
11354
+ "dark": {
11355
+ "$value": "#2a313c",
11356
+ "filePath": "src/tokens/component/button.json5",
11357
+ "isSource": true,
11358
+ "$type": "color"
11359
+ },
11360
+ "dark-high-contrast": "#262c36",
11361
+ "dark-protanopia-deuteranopia-high-contrast": "#262c36",
11362
+ "dark-tritanopia-high-contrast": "#262c36"
11363
+ }
11364
+ },
11365
+ "filePath": "src/tokens/component/button.json5",
11366
+ "isSource": true,
11367
+ "original": {
11368
+ "$value": "{base.color.neutral.5}",
11369
+ "$type": "color",
11370
+ "$extensions": {
11371
+ "org.primer.figma": {
11372
+ "collection": "mode",
11373
+ "group": "component (internal)",
11374
+ "scopes": ["bgColor"]
11375
+ },
11376
+ "org.primer.overrides": {
11377
+ "dark": {
11378
+ "$value": "{base.color.neutral.5}",
11379
+ "filePath": "src/tokens/component/button.json5",
11380
+ "isSource": true,
11381
+ "$type": "color"
11382
+ },
11383
+ "dark-high-contrast": "{base.color.neutral.4}",
11384
+ "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}",
11385
+ "dark-tritanopia-high-contrast": "{base.color.neutral.4}"
11386
+ }
11387
+ },
11388
+ "key": "{buttonKeybindingHint.default.bgColor.rest}"
11389
+ },
11390
+ "name": "buttonKeybindingHint-default-bgColor-rest",
11391
+ "attributes": {},
11392
+ "path": ["buttonKeybindingHint", "default", "bgColor", "rest"]
11393
+ },
11394
+ "buttonKeybindingHint-default-borderColor-disabled": {
11395
+ "key": "{buttonKeybindingHint.default.borderColor.disabled}",
11396
+ "$value": "#656c761a",
11397
+ "$type": "color",
11398
+ "$extensions": {
11399
+ "org.primer.figma": {
11400
+ "collection": "mode",
11401
+ "group": "component (internal)",
11402
+ "scopes": ["borderColor"]
11403
+ }
11404
+ },
11405
+ "filePath": "src/tokens/component/button.json5",
11406
+ "isSource": true,
11407
+ "original": {
11408
+ "$value": "{control.borderColor.disabled}",
11409
+ "$type": "color",
11410
+ "$extensions": {
11411
+ "org.primer.figma": {
11412
+ "collection": "mode",
11413
+ "group": "component (internal)",
11414
+ "scopes": ["borderColor"]
11415
+ }
11416
+ },
11417
+ "key": "{buttonKeybindingHint.default.borderColor.disabled}"
11418
+ },
11419
+ "name": "buttonKeybindingHint-default-borderColor-disabled",
11420
+ "attributes": {},
11421
+ "path": ["buttonKeybindingHint", "default", "borderColor", "disabled"]
11422
+ },
11423
+ "buttonKeybindingHint-default-borderColor-rest": {
11424
+ "key": "{buttonKeybindingHint.default.borderColor.rest}",
11425
+ "$value": "#b7bdc8",
11426
+ "$type": "color",
11427
+ "$extensions": {
11428
+ "org.primer.figma": {
11429
+ "collection": "mode",
11430
+ "group": "component (internal)",
11431
+ "scopes": ["borderColor"]
11432
+ }
11433
+ },
11434
+ "filePath": "src/tokens/component/button.json5",
11435
+ "isSource": true,
11436
+ "original": {
11437
+ "$value": "{borderColor.muted}",
11438
+ "$type": "color",
11439
+ "$extensions": {
11440
+ "org.primer.figma": {
11441
+ "collection": "mode",
11442
+ "group": "component (internal)",
11443
+ "scopes": ["borderColor"]
11444
+ }
11445
+ },
11446
+ "key": "{buttonKeybindingHint.default.borderColor.rest}"
11447
+ },
11448
+ "name": "buttonKeybindingHint-default-borderColor-rest",
11449
+ "attributes": {},
11450
+ "path": ["buttonKeybindingHint", "default", "borderColor", "rest"]
11451
+ },
11452
+ "buttonKeybindingHint-default-fgColor-disabled": {
11453
+ "key": "{buttonKeybindingHint.default.fgColor.disabled}",
11454
+ "$value": "#656c76",
11455
+ "$type": "color",
11456
+ "$extensions": {
11457
+ "org.primer.figma": {
11458
+ "collection": "mode",
11459
+ "group": "component (internal)",
11460
+ "scopes": ["fgColor"]
11461
+ }
11462
+ },
11463
+ "filePath": "src/tokens/component/button.json5",
11464
+ "isSource": true,
11465
+ "original": {
11466
+ "$value": "{control.fgColor.disabled}",
11467
+ "$type": "color",
11468
+ "$extensions": {
11469
+ "org.primer.figma": {
11470
+ "collection": "mode",
11471
+ "group": "component (internal)",
11472
+ "scopes": ["fgColor"]
11473
+ }
11474
+ },
11475
+ "key": "{buttonKeybindingHint.default.fgColor.disabled}"
11476
+ },
11477
+ "name": "buttonKeybindingHint-default-fgColor-disabled",
11478
+ "attributes": {},
11479
+ "path": ["buttonKeybindingHint", "default", "fgColor", "disabled"]
11480
+ },
11481
+ "buttonKeybindingHint-default-fgColor-rest": {
11482
+ "key": "{buttonKeybindingHint.default.fgColor.rest}",
11483
+ "$value": "#b7bdc8",
11484
+ "$type": "color",
11485
+ "$extensions": {
11486
+ "org.primer.figma": {
11487
+ "collection": "mode",
11488
+ "group": "component (internal)",
11489
+ "scopes": ["fgColor"]
11490
+ }
11491
+ },
11492
+ "filePath": "src/tokens/component/button.json5",
11493
+ "isSource": true,
11494
+ "original": {
11495
+ "$value": "{fgColor.muted}",
11496
+ "$type": "color",
11497
+ "$extensions": {
11498
+ "org.primer.figma": {
11499
+ "collection": "mode",
11500
+ "group": "component (internal)",
11501
+ "scopes": ["fgColor"]
11502
+ }
11503
+ },
11504
+ "key": "{buttonKeybindingHint.default.fgColor.rest}"
11505
+ },
11506
+ "name": "buttonKeybindingHint-default-fgColor-rest",
11507
+ "attributes": {},
11508
+ "path": ["buttonKeybindingHint", "default", "fgColor", "rest"]
11509
+ },
11510
+ "buttonKeybindingHint-inactive-bgColor": {
11511
+ "key": "{buttonKeybindingHint.inactive.bgColor}",
11512
+ "$value": "#2a313c",
11513
+ "$type": "color",
11514
+ "$extensions": {
11515
+ "org.primer.figma": {
11516
+ "collection": "mode",
11517
+ "group": "component (internal)",
11518
+ "scopes": ["bgColor"]
11519
+ },
11520
+ "org.primer.overrides": {
11521
+ "dark": {
11522
+ "$value": "#2a313c",
11523
+ "filePath": "src/tokens/component/button.json5",
11524
+ "isSource": true,
11525
+ "$type": "color"
11526
+ },
11527
+ "dark-high-contrast": "#262c36",
11528
+ "dark-protanopia-deuteranopia-high-contrast": "#262c36",
11529
+ "dark-tritanopia-high-contrast": "#262c36"
11530
+ }
11531
+ },
11532
+ "filePath": "src/tokens/component/button.json5",
11533
+ "isSource": true,
11534
+ "original": {
11535
+ "$value": "{base.color.neutral.5}",
11536
+ "$type": "color",
11537
+ "$extensions": {
11538
+ "org.primer.figma": {
11539
+ "collection": "mode",
11540
+ "group": "component (internal)",
11541
+ "scopes": ["bgColor"]
11542
+ },
11543
+ "org.primer.overrides": {
11544
+ "dark": {
11545
+ "$value": "{base.color.neutral.5}",
11546
+ "filePath": "src/tokens/component/button.json5",
11547
+ "isSource": true,
11548
+ "$type": "color"
11549
+ },
11550
+ "dark-high-contrast": "{base.color.neutral.4}",
11551
+ "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}",
11552
+ "dark-tritanopia-high-contrast": "{base.color.neutral.4}"
11553
+ }
11554
+ },
11555
+ "key": "{buttonKeybindingHint.inactive.bgColor}"
11556
+ },
11557
+ "name": "buttonKeybindingHint-inactive-bgColor",
11558
+ "attributes": {},
11559
+ "path": ["buttonKeybindingHint", "inactive", "bgColor"]
11560
+ },
11561
+ "buttonKeybindingHint-inactive-borderColor": {
11562
+ "key": "{buttonKeybindingHint.inactive.borderColor}",
11563
+ "$value": "#b7bdc8",
11564
+ "$type": "color",
11565
+ "$extensions": {
11566
+ "org.primer.figma": {
11567
+ "collection": "mode",
11568
+ "group": "component (internal)",
11569
+ "scopes": ["borderColor"]
11570
+ }
11571
+ },
11572
+ "filePath": "src/tokens/component/button.json5",
11573
+ "isSource": true,
11574
+ "original": {
11575
+ "$value": "{borderColor.muted}",
11576
+ "$type": "color",
11577
+ "$extensions": {
11578
+ "org.primer.figma": {
11579
+ "collection": "mode",
11580
+ "group": "component (internal)",
11581
+ "scopes": ["borderColor"]
11582
+ }
11583
+ },
11584
+ "key": "{buttonKeybindingHint.inactive.borderColor}"
11585
+ },
11586
+ "name": "buttonKeybindingHint-inactive-borderColor",
11587
+ "attributes": {},
11588
+ "path": ["buttonKeybindingHint", "inactive", "borderColor"]
11589
+ },
11590
+ "buttonKeybindingHint-inactive-fgColor": {
11591
+ "key": "{buttonKeybindingHint.inactive.fgColor}",
11592
+ "$value": "#9198a1",
11593
+ "$type": "color",
11594
+ "$extensions": {
11595
+ "org.primer.figma": {
11596
+ "collection": "mode",
11597
+ "group": "component (internal)",
11598
+ "scopes": ["fgColor"]
11599
+ }
11600
+ },
11601
+ "filePath": "src/tokens/component/button.json5",
11602
+ "isSource": true,
11603
+ "original": {
11604
+ "$value": "{button.inactive.fgColor}",
11605
+ "$type": "color",
11606
+ "$extensions": {
11607
+ "org.primer.figma": {
11608
+ "collection": "mode",
11609
+ "group": "component (internal)",
11610
+ "scopes": ["fgColor"]
11611
+ }
11612
+ },
11613
+ "key": "{buttonKeybindingHint.inactive.fgColor}"
11614
+ },
11615
+ "name": "buttonKeybindingHint-inactive-fgColor",
11616
+ "attributes": {},
11617
+ "path": ["buttonKeybindingHint", "inactive", "fgColor"]
11618
+ },
11619
+ "buttonKeybindingHint-invisible-bgColor-active": {
11620
+ "key": "{buttonKeybindingHint.invisible.bgColor.active}",
11621
+ "$value": "#3d444d",
11622
+ "$type": "color",
11623
+ "$extensions": {
11624
+ "org.primer.figma": {
11625
+ "collection": "mode",
11626
+ "group": "component (internal)",
11627
+ "scopes": ["bgColor"]
11628
+ }
11629
+ },
11630
+ "filePath": "src/tokens/component/button.json5",
11631
+ "isSource": true,
11632
+ "original": {
11633
+ "$value": "{control.transparent.bgColor.active}",
11634
+ "$type": "color",
11635
+ "$extensions": {
11636
+ "org.primer.figma": {
11637
+ "collection": "mode",
11638
+ "group": "component (internal)",
11639
+ "scopes": ["bgColor"]
11640
+ }
11641
+ },
11642
+ "key": "{buttonKeybindingHint.invisible.bgColor.active}"
11643
+ },
11644
+ "name": "buttonKeybindingHint-invisible-bgColor-active",
11645
+ "attributes": {},
11646
+ "path": ["buttonKeybindingHint", "invisible", "bgColor", "active"]
11647
+ },
11648
+ "buttonKeybindingHint-invisible-bgColor-disabled": {
11649
+ "key": "{buttonKeybindingHint.invisible.bgColor.disabled}",
11650
+ "$value": "#00000000",
11651
+ "$type": "color",
11652
+ "$extensions": {
11653
+ "org.primer.figma": {
11654
+ "collection": "mode",
11655
+ "group": "component (internal)",
11656
+ "scopes": ["bgColor"]
11657
+ }
11658
+ },
11659
+ "filePath": "src/tokens/component/button.json5",
11660
+ "isSource": true,
11661
+ "original": {
11662
+ "$value": "{button.invisible.bgColor.disabled}",
11663
+ "$type": "color",
11664
+ "$extensions": {
11665
+ "org.primer.figma": {
11666
+ "collection": "mode",
11667
+ "group": "component (internal)",
11668
+ "scopes": ["bgColor"]
11669
+ }
11670
+ },
11671
+ "key": "{buttonKeybindingHint.invisible.bgColor.disabled}"
11672
+ },
11673
+ "name": "buttonKeybindingHint-invisible-bgColor-disabled",
11674
+ "attributes": {},
11675
+ "path": ["buttonKeybindingHint", "invisible", "bgColor", "disabled"]
11676
+ },
11677
+ "buttonKeybindingHint-invisible-bgColor-hover": {
11678
+ "key": "{buttonKeybindingHint.invisible.bgColor.hover}",
11679
+ "$value": "#2f3742",
11680
+ "$type": "color",
11681
+ "$extensions": {
11682
+ "org.primer.figma": {
11683
+ "collection": "mode",
11684
+ "group": "component (internal)",
11685
+ "scopes": ["bgColor"]
11686
+ }
11687
+ },
11688
+ "filePath": "src/tokens/component/button.json5",
11689
+ "isSource": true,
11690
+ "original": {
11691
+ "$value": "{control.transparent.bgColor.hover}",
11692
+ "$type": "color",
11693
+ "$extensions": {
11694
+ "org.primer.figma": {
11695
+ "collection": "mode",
11696
+ "group": "component (internal)",
11697
+ "scopes": ["bgColor"]
11698
+ }
11699
+ },
11700
+ "key": "{buttonKeybindingHint.invisible.bgColor.hover}"
11701
+ },
11702
+ "name": "buttonKeybindingHint-invisible-bgColor-hover",
11703
+ "attributes": {},
11704
+ "path": ["buttonKeybindingHint", "invisible", "bgColor", "hover"]
11705
+ },
11706
+ "buttonKeybindingHint-invisible-bgColor-rest": {
11707
+ "key": "{buttonKeybindingHint.invisible.bgColor.rest}",
11708
+ "$value": "#2a313c",
11709
+ "$type": "color",
11710
+ "$extensions": {
11711
+ "org.primer.figma": {
11712
+ "collection": "mode",
11713
+ "group": "component (internal)",
11714
+ "scopes": ["bgColor"]
11715
+ }
11716
+ },
11717
+ "filePath": "src/tokens/component/button.json5",
11718
+ "isSource": true,
11719
+ "original": {
11720
+ "$value": "{buttonKeybindingHint.default.bgColor.rest}",
11721
+ "$type": "color",
11722
+ "$extensions": {
11723
+ "org.primer.figma": {
11724
+ "collection": "mode",
11725
+ "group": "component (internal)",
11726
+ "scopes": ["bgColor"]
11727
+ }
11728
+ },
11729
+ "key": "{buttonKeybindingHint.invisible.bgColor.rest}"
11730
+ },
11731
+ "name": "buttonKeybindingHint-invisible-bgColor-rest",
11732
+ "attributes": {},
11733
+ "path": ["buttonKeybindingHint", "invisible", "bgColor", "rest"]
11734
+ },
11735
+ "buttonKeybindingHint-invisible-borderColor-disabled": {
11736
+ "key": "{buttonKeybindingHint.invisible.borderColor.disabled}",
11737
+ "$value": "#656c761a",
11738
+ "$type": "color",
11739
+ "$extensions": {
11740
+ "org.primer.figma": {
11741
+ "collection": "mode",
11742
+ "group": "component (internal)",
11743
+ "scopes": ["borderColor"]
11744
+ }
11745
+ },
11746
+ "filePath": "src/tokens/component/button.json5",
11747
+ "isSource": true,
11748
+ "original": {
11749
+ "$value": "{control.borderColor.disabled}",
11750
+ "$type": "color",
11751
+ "$extensions": {
11752
+ "org.primer.figma": {
11753
+ "collection": "mode",
11754
+ "group": "component (internal)",
11755
+ "scopes": ["borderColor"]
11756
+ }
11757
+ },
11758
+ "key": "{buttonKeybindingHint.invisible.borderColor.disabled}"
11759
+ },
11760
+ "name": "buttonKeybindingHint-invisible-borderColor-disabled",
11761
+ "attributes": {},
11762
+ "path": ["buttonKeybindingHint", "invisible", "borderColor", "disabled"]
11763
+ },
11764
+ "buttonKeybindingHint-invisible-borderColor-rest": {
11765
+ "key": "{buttonKeybindingHint.invisible.borderColor.rest}",
11766
+ "$value": "#00000000",
11767
+ "$type": "color",
11768
+ "$extensions": {
11769
+ "org.primer.figma": {
11770
+ "collection": "mode",
11771
+ "group": "component (internal)",
11772
+ "scopes": ["borderColor"]
11773
+ },
11774
+ "org.primer.overrides": {
11775
+ "dark-high-contrast": {
11776
+ "$value": "#b7bdc8",
11777
+ "filePath": "src/tokens/component/button.json5",
11778
+ "isSource": true,
11779
+ "$type": "color"
11780
+ },
11781
+ "dark-tritanopia-high-contrast": {
11782
+ "$value": "#b7bdc8",
11783
+ "filePath": "src/tokens/component/button.json5",
11784
+ "isSource": true,
11785
+ "$type": "color"
11786
+ },
11787
+ "dark-protanopia-deuteranopia-high-contrast": {
11788
+ "$value": "#b7bdc8",
11789
+ "filePath": "src/tokens/component/button.json5",
11790
+ "isSource": true,
11791
+ "$type": "color"
11792
+ },
11793
+ "light-high-contrast": {
11794
+ "$value": "#b7bdc8",
11795
+ "filePath": "src/tokens/component/button.json5",
11796
+ "isSource": true,
11797
+ "$type": "color"
11798
+ },
11799
+ "light-tritanopia-high-contrast": {
11800
+ "$value": "#b7bdc8",
11801
+ "filePath": "src/tokens/component/button.json5",
11802
+ "isSource": true,
11803
+ "$type": "color"
11804
+ },
11805
+ "light-protanopia-deuteranopia-high-contrast": {
11806
+ "$value": "#b7bdc8",
11807
+ "filePath": "src/tokens/component/button.json5",
11808
+ "isSource": true,
11809
+ "$type": "color"
11810
+ }
11811
+ }
11812
+ },
11813
+ "filePath": "src/tokens/component/button.json5",
11814
+ "isSource": true,
11815
+ "original": {
11816
+ "$value": "{base.color.transparent}",
11817
+ "$type": "color",
11818
+ "$extensions": {
11819
+ "org.primer.figma": {
11820
+ "collection": "mode",
11821
+ "group": "component (internal)",
11822
+ "scopes": ["borderColor"]
11823
+ },
11824
+ "org.primer.overrides": {
11825
+ "dark-high-contrast": {
11826
+ "$value": "{borderColor.muted}",
11827
+ "filePath": "src/tokens/component/button.json5",
11828
+ "isSource": true,
11829
+ "$type": "color"
11830
+ },
11831
+ "dark-tritanopia-high-contrast": {
11832
+ "$value": "{borderColor.muted}",
11833
+ "filePath": "src/tokens/component/button.json5",
11834
+ "isSource": true,
11835
+ "$type": "color"
11836
+ },
11837
+ "dark-protanopia-deuteranopia-high-contrast": {
11838
+ "$value": "{borderColor.muted}",
11839
+ "filePath": "src/tokens/component/button.json5",
11840
+ "isSource": true,
11841
+ "$type": "color"
11842
+ },
11843
+ "light-high-contrast": {
11844
+ "$value": "{borderColor.muted}",
11845
+ "filePath": "src/tokens/component/button.json5",
11846
+ "isSource": true,
11847
+ "$type": "color"
11848
+ },
11849
+ "light-tritanopia-high-contrast": {
11850
+ "$value": "{borderColor.muted}",
11851
+ "filePath": "src/tokens/component/button.json5",
11852
+ "isSource": true,
11853
+ "$type": "color"
11854
+ },
11855
+ "light-protanopia-deuteranopia-high-contrast": {
11856
+ "$value": "{borderColor.muted}",
11857
+ "filePath": "src/tokens/component/button.json5",
11858
+ "isSource": true,
11859
+ "$type": "color"
11860
+ }
11861
+ }
11862
+ },
11863
+ "key": "{buttonKeybindingHint.invisible.borderColor.rest}"
11864
+ },
11865
+ "name": "buttonKeybindingHint-invisible-borderColor-rest",
11866
+ "attributes": {},
11867
+ "path": ["buttonKeybindingHint", "invisible", "borderColor", "rest"]
11868
+ },
11869
+ "buttonKeybindingHint-invisible-fgColor-disabled": {
11870
+ "key": "{buttonKeybindingHint.invisible.fgColor.disabled}",
11871
+ "$value": "#656c76",
11872
+ "$type": "color",
11873
+ "$extensions": {
11874
+ "org.primer.figma": {
11875
+ "collection": "mode",
11876
+ "group": "component (internal)",
11877
+ "scopes": ["borderColor"]
11878
+ }
11879
+ },
11880
+ "filePath": "src/tokens/component/button.json5",
11881
+ "isSource": true,
11882
+ "original": {
11883
+ "$value": "{control.fgColor.disabled}",
11884
+ "$type": "color",
11885
+ "$extensions": {
11886
+ "org.primer.figma": {
11887
+ "collection": "mode",
11888
+ "group": "component (internal)",
11889
+ "scopes": ["borderColor"]
11890
+ }
11891
+ },
11892
+ "key": "{buttonKeybindingHint.invisible.fgColor.disabled}"
11893
+ },
11894
+ "name": "buttonKeybindingHint-invisible-fgColor-disabled",
11895
+ "attributes": {},
11896
+ "path": ["buttonKeybindingHint", "invisible", "fgColor", "disabled"]
11897
+ },
11898
+ "buttonKeybindingHint-invisible-fgColor-rest": {
11899
+ "key": "{buttonKeybindingHint.invisible.fgColor.rest}",
11900
+ "$value": "#b7bdc8",
11901
+ "$type": "color",
11902
+ "$extensions": {
11903
+ "org.primer.figma": {
11904
+ "collection": "mode",
11905
+ "group": "component (internal)",
11906
+ "scopes": ["borderColor"]
11907
+ }
11908
+ },
11909
+ "filePath": "src/tokens/component/button.json5",
11910
+ "isSource": true,
11911
+ "original": {
11912
+ "$value": "{fgColor.muted}",
11913
+ "$type": "color",
11914
+ "$extensions": {
11915
+ "org.primer.figma": {
11916
+ "collection": "mode",
11917
+ "group": "component (internal)",
11918
+ "scopes": ["borderColor"]
11919
+ }
11920
+ },
11921
+ "key": "{buttonKeybindingHint.invisible.fgColor.rest}"
11922
+ },
11923
+ "name": "buttonKeybindingHint-invisible-fgColor-rest",
11924
+ "attributes": {},
11925
+ "path": ["buttonKeybindingHint", "invisible", "fgColor", "rest"]
11926
+ },
11927
+ "buttonKeybindingHint-primary-bgColor-disabled": {
11928
+ "key": "{buttonKeybindingHint.primary.bgColor.disabled}",
11929
+ "$value": "#1134171a",
11930
+ "$type": "color",
11931
+ "$extensions": {
11932
+ "org.primer.figma": {
11933
+ "collection": "mode",
11934
+ "group": "component (internal)",
11935
+ "scopes": ["bgColor"]
11936
+ }
11937
+ },
11938
+ "alpha": 0.1,
11939
+ "filePath": "src/tokens/component/button.json5",
11940
+ "isSource": true,
11941
+ "original": {
11942
+ "$value": "{buttonCounter.primary.bgColor.rest}",
11943
+ "$type": "color",
11944
+ "$extensions": {
11945
+ "org.primer.figma": {
11946
+ "collection": "mode",
11947
+ "group": "component (internal)",
11948
+ "scopes": ["bgColor"]
11949
+ }
11950
+ },
11951
+ "alpha": 0.1,
11952
+ "key": "{buttonKeybindingHint.primary.bgColor.disabled}"
11953
+ },
11954
+ "name": "buttonKeybindingHint-primary-bgColor-disabled",
11955
+ "attributes": {},
11956
+ "path": ["buttonKeybindingHint", "primary", "bgColor", "disabled"]
11957
+ },
11958
+ "buttonKeybindingHint-primary-bgColor-rest": {
11959
+ "key": "{buttonKeybindingHint.primary.bgColor.rest}",
11960
+ "$value": "#11341733",
11961
+ "$type": "color",
11962
+ "$extensions": {
11963
+ "org.primer.figma": {
11964
+ "collection": "mode",
11965
+ "group": "component (internal)",
11966
+ "scopes": ["bgColor"]
11967
+ }
11968
+ },
11969
+ "filePath": "src/tokens/component/button.json5",
11970
+ "isSource": true,
11971
+ "original": {
11972
+ "$value": "{buttonCounter.primary.bgColor.rest}",
11973
+ "$type": "color",
11974
+ "$extensions": {
11975
+ "org.primer.figma": {
11976
+ "collection": "mode",
11977
+ "group": "component (internal)",
11978
+ "scopes": ["bgColor"]
11979
+ }
11980
+ },
11981
+ "key": "{buttonKeybindingHint.primary.bgColor.rest}"
11982
+ },
11983
+ "name": "buttonKeybindingHint-primary-bgColor-rest",
11984
+ "attributes": {},
11985
+ "path": ["buttonKeybindingHint", "primary", "bgColor", "rest"]
11986
+ },
11987
+ "buttonKeybindingHint-primary-borderColor-disabled": {
11988
+ "key": "{buttonKeybindingHint.primary.borderColor.disabled}",
11989
+ "$value": "#656c761a",
11990
+ "$type": "color",
11991
+ "$extensions": {
11992
+ "org.primer.figma": {
11993
+ "collection": "mode",
11994
+ "group": "component (internal)",
11995
+ "scopes": ["borderColor"]
11996
+ }
11997
+ },
11998
+ "filePath": "src/tokens/component/button.json5",
11999
+ "isSource": true,
12000
+ "original": {
12001
+ "$value": "{control.borderColor.disabled}",
12002
+ "$type": "color",
12003
+ "$extensions": {
12004
+ "org.primer.figma": {
12005
+ "collection": "mode",
12006
+ "group": "component (internal)",
12007
+ "scopes": ["borderColor"]
12008
+ }
12009
+ },
12010
+ "key": "{buttonKeybindingHint.primary.borderColor.disabled}"
12011
+ },
12012
+ "name": "buttonKeybindingHint-primary-borderColor-disabled",
12013
+ "attributes": {},
12014
+ "path": ["buttonKeybindingHint", "primary", "borderColor", "disabled"]
12015
+ },
12016
+ "buttonKeybindingHint-primary-borderColor-rest": {
12017
+ "key": "{buttonKeybindingHint.primary.borderColor.rest}",
12018
+ "$value": "#cdd9e5",
12019
+ "$type": "color",
12020
+ "$extensions": {
12021
+ "org.primer.figma": {
12022
+ "collection": "mode",
12023
+ "group": "component (internal)",
12024
+ "scopes": ["borderColor"]
12025
+ },
12026
+ "org.primer.overrides": {
12027
+ "dark-dimmed": {
12028
+ "$value": "#11341733",
12029
+ "alpha": 0.1,
12030
+ "filePath": "src/tokens/component/button.json5",
12031
+ "isSource": true,
12032
+ "$type": "color"
12033
+ },
12034
+ "dark-dimmed-high-contrast": {
12035
+ "$value": "#cdd9e5",
12036
+ "filePath": "src/tokens/component/button.json5",
12037
+ "isSource": true,
12038
+ "$type": "color"
12039
+ },
12040
+ "dark": {
12041
+ "$value": "#11341733",
12042
+ "alpha": 0.1,
12043
+ "filePath": "src/tokens/component/button.json5",
12044
+ "isSource": true,
12045
+ "$type": "color"
12046
+ },
12047
+ "dark-high-contrast": {
12048
+ "$value": "#cdd9e5",
12049
+ "filePath": "src/tokens/component/button.json5",
12050
+ "isSource": true,
12051
+ "$type": "color"
12052
+ },
12053
+ "dark-tritanopia-high-contrast": {
12054
+ "$value": "#cdd9e5",
12055
+ "filePath": "src/tokens/component/button.json5",
12056
+ "isSource": true,
12057
+ "$type": "color"
12058
+ },
12059
+ "dark-protanopia-deuteranopia-high-contrast": {
12060
+ "$value": "#cdd9e5",
12061
+ "filePath": "src/tokens/component/button.json5",
12062
+ "isSource": true,
12063
+ "$type": "color"
12064
+ },
12065
+ "light-high-contrast": {
12066
+ "$value": "#cdd9e5",
12067
+ "filePath": "src/tokens/component/button.json5",
12068
+ "isSource": true,
12069
+ "$type": "color"
12070
+ },
12071
+ "light-tritanopia-high-contrast": {
12072
+ "$value": "#cdd9e5",
12073
+ "filePath": "src/tokens/component/button.json5",
12074
+ "isSource": true,
12075
+ "$type": "color"
12076
+ },
12077
+ "light-protanopia-deuteranopia-high-contrast": {
12078
+ "$value": "#cdd9e5",
12079
+ "filePath": "src/tokens/component/button.json5",
12080
+ "isSource": true,
12081
+ "$type": "color"
12082
+ }
12083
+ }
12084
+ },
12085
+ "filePath": "src/tokens/component/button.json5",
12086
+ "isSource": true,
12087
+ "original": {
12088
+ "$value": "{base.color.white}",
12089
+ "$type": "color",
12090
+ "$extensions": {
12091
+ "org.primer.figma": {
12092
+ "collection": "mode",
12093
+ "group": "component (internal)",
12094
+ "scopes": ["borderColor"]
12095
+ },
12096
+ "org.primer.overrides": {
12097
+ "dark-dimmed": {
12098
+ "$value": "{buttonCounter.primary.bgColor.rest}",
12099
+ "alpha": 0.1,
12100
+ "filePath": "src/tokens/component/button.json5",
12101
+ "isSource": true,
12102
+ "$type": "color"
12103
+ },
12104
+ "dark-dimmed-high-contrast": {
12105
+ "$value": "{base.color.white}",
12106
+ "filePath": "src/tokens/component/button.json5",
12107
+ "isSource": true,
12108
+ "$type": "color"
12109
+ },
12110
+ "dark": {
12111
+ "$value": "{buttonCounter.primary.bgColor.rest}",
12112
+ "alpha": 0.1,
12113
+ "filePath": "src/tokens/component/button.json5",
12114
+ "isSource": true,
12115
+ "$type": "color"
12116
+ },
12117
+ "dark-high-contrast": {
12118
+ "$value": "{base.color.white}",
12119
+ "filePath": "src/tokens/component/button.json5",
12120
+ "isSource": true,
12121
+ "$type": "color"
12122
+ },
12123
+ "dark-tritanopia-high-contrast": {
12124
+ "$value": "{base.color.white}",
12125
+ "filePath": "src/tokens/component/button.json5",
12126
+ "isSource": true,
12127
+ "$type": "color"
12128
+ },
12129
+ "dark-protanopia-deuteranopia-high-contrast": {
12130
+ "$value": "{base.color.white}",
12131
+ "filePath": "src/tokens/component/button.json5",
12132
+ "isSource": true,
12133
+ "$type": "color"
12134
+ },
12135
+ "light-high-contrast": {
12136
+ "$value": "{base.color.white}",
12137
+ "filePath": "src/tokens/component/button.json5",
12138
+ "isSource": true,
12139
+ "$type": "color"
12140
+ },
12141
+ "light-tritanopia-high-contrast": {
12142
+ "$value": "{base.color.white}",
12143
+ "filePath": "src/tokens/component/button.json5",
12144
+ "isSource": true,
12145
+ "$type": "color"
12146
+ },
12147
+ "light-protanopia-deuteranopia-high-contrast": {
12148
+ "$value": "{base.color.white}",
12149
+ "filePath": "src/tokens/component/button.json5",
12150
+ "isSource": true,
12151
+ "$type": "color"
12152
+ }
12153
+ }
12154
+ },
12155
+ "key": "{buttonKeybindingHint.primary.borderColor.rest}"
12156
+ },
12157
+ "name": "buttonKeybindingHint-primary-borderColor-rest",
12158
+ "attributes": {},
12159
+ "path": ["buttonKeybindingHint", "primary", "borderColor", "rest"]
12160
+ },
12161
+ "buttonKeybindingHint-primary-fgColor-disabled": {
12162
+ "key": "{buttonKeybindingHint.primary.fgColor.disabled}",
12163
+ "$value": "#cdd9e566",
12164
+ "$type": "color",
12165
+ "$extensions": {
12166
+ "org.primer.figma": {
12167
+ "collection": "mode",
12168
+ "group": "component (internal)",
12169
+ "scopes": ["fgColor"]
12170
+ }
12171
+ },
12172
+ "filePath": "src/tokens/component/button.json5",
12173
+ "isSource": true,
12174
+ "original": {
12175
+ "$value": "{button.primary.fgColor.disabled}",
12176
+ "$type": "color",
12177
+ "$extensions": {
12178
+ "org.primer.figma": {
12179
+ "collection": "mode",
12180
+ "group": "component (internal)",
12181
+ "scopes": ["fgColor"]
12182
+ }
12183
+ },
12184
+ "key": "{buttonKeybindingHint.primary.fgColor.disabled}"
12185
+ },
12186
+ "name": "buttonKeybindingHint-primary-fgColor-disabled",
12187
+ "attributes": {},
12188
+ "path": ["buttonKeybindingHint", "primary", "fgColor", "disabled"]
12189
+ },
12190
+ "buttonKeybindingHint-primary-fgColor-rest": {
12191
+ "key": "{buttonKeybindingHint.primary.fgColor.rest}",
12192
+ "$value": "#ffffff",
12193
+ "$type": "color",
12194
+ "$extensions": {
12195
+ "org.primer.figma": {
12196
+ "collection": "mode",
12197
+ "group": "component (internal)",
12198
+ "scopes": ["fgColor"]
12199
+ }
12200
+ },
12201
+ "filePath": "src/tokens/component/button.json5",
12202
+ "isSource": true,
12203
+ "original": {
12204
+ "$value": "{fgColor.onEmphasis}",
12205
+ "$type": "color",
12206
+ "$extensions": {
12207
+ "org.primer.figma": {
12208
+ "collection": "mode",
12209
+ "group": "component (internal)",
12210
+ "scopes": ["fgColor"]
12211
+ }
12212
+ },
12213
+ "key": "{buttonKeybindingHint.primary.fgColor.rest}"
12214
+ },
12215
+ "name": "buttonKeybindingHint-primary-fgColor-rest",
12216
+ "attributes": {},
12217
+ "path": ["buttonKeybindingHint", "primary", "fgColor", "rest"]
12218
+ },
10846
12219
  "card-bgColor": {
10847
12220
  "key": "{card.bgColor}",
10848
12221
  "$value": "#262c36",