@primer/primitives 11.2.2-rc.d0fa0d53 → 11.3.0-rc.839041ca

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