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