@primer/primitives 10.1.0-rc.f1589f93 → 10.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/README.md +0 -21
  2. package/dist/build/filters/index.d.ts +0 -1
  3. package/dist/build/filters/index.js +0 -1
  4. package/dist/build/formats/jsonFigma.js +1 -2
  5. package/dist/build/platforms/css.js +6 -7
  6. package/dist/build/platforms/docJson.js +0 -1
  7. package/dist/build/platforms/fallbacks.js +0 -1
  8. package/dist/build/platforms/javascript.js +0 -1
  9. package/dist/build/platforms/json.js +0 -1
  10. package/dist/build/platforms/styleLint.js +0 -1
  11. package/dist/build/platforms/typescript.js +0 -1
  12. package/dist/build/primerStyleDictionary.js +7 -3
  13. package/dist/build/schemas/colorToken.d.ts +0 -18
  14. package/dist/build/schemas/colorToken.js +0 -7
  15. package/dist/build/transformers/borderToCss.js +2 -2
  16. package/dist/build/transformers/colorToRgbaFloat.js +2 -12
  17. package/dist/build/transformers/index.d.ts +0 -1
  18. package/dist/build/transformers/index.js +0 -1
  19. package/dist/css/functional/size/border.css +7 -6
  20. package/dist/css/functional/themes/dark-colorblind.css +60 -6
  21. package/dist/css/functional/themes/dark-dimmed.css +60 -6
  22. package/dist/css/functional/themes/dark-high-contrast.css +60 -6
  23. package/dist/css/functional/themes/dark-tritanopia.css +60 -6
  24. package/dist/css/functional/themes/dark.css +60 -6
  25. package/dist/css/functional/themes/light-colorblind.css +60 -6
  26. package/dist/css/functional/themes/light-high-contrast.css +60 -6
  27. package/dist/css/functional/themes/light-tritanopia.css +60 -6
  28. package/dist/css/functional/themes/light.css +60 -6
  29. package/dist/css/primitives.css +7 -6
  30. package/dist/docs/base/size/size.json +19 -19
  31. package/dist/docs/base/typography/typography.json +4 -4
  32. package/dist/docs/functional/size/border.json +41 -28
  33. package/dist/docs/functional/size/breakpoints.json +6 -6
  34. package/dist/docs/functional/size/size-coarse.json +3 -3
  35. package/dist/docs/functional/size/size-fine.json +3 -3
  36. package/dist/docs/functional/size/size.json +66 -66
  37. package/dist/docs/functional/size/viewport.json +6 -6
  38. package/dist/docs/functional/themes/dark-colorblind.json +475 -128
  39. package/dist/docs/functional/themes/dark-dimmed.json +519 -444
  40. package/dist/docs/functional/themes/dark-high-contrast.json +490 -241
  41. package/dist/docs/functional/themes/dark-tritanopia.json +485 -200
  42. package/dist/docs/functional/themes/dark.json +469 -102
  43. package/dist/docs/functional/themes/light-colorblind.json +463 -94
  44. package/dist/docs/functional/themes/light-high-contrast.json +487 -274
  45. package/dist/docs/functional/themes/light-tritanopia.json +463 -102
  46. package/dist/docs/functional/themes/light.json +460 -105
  47. package/dist/docs/functional/typography/typography.json +46 -46
  48. package/dist/fallbacks/functional/size/border.json +7 -6
  49. package/dist/figma/themes/dark-colorblind.json +14 -54
  50. package/dist/figma/themes/dark-dimmed.json +15 -356
  51. package/dist/figma/themes/dark-high-contrast.json +10 -129
  52. package/dist/figma/themes/dark-tritanopia.json +14 -111
  53. package/dist/figma/themes/dark.json +14 -34
  54. package/dist/figma/themes/light-colorblind.json +10 -20
  55. package/dist/figma/themes/light-high-contrast.json +10 -177
  56. package/dist/figma/themes/light-tritanopia.json +10 -24
  57. package/dist/figma/themes/light.json +10 -32
  58. package/dist/internalCss/dark-colorblind.css +88 -6
  59. package/dist/internalCss/dark-dimmed.css +88 -6
  60. package/dist/internalCss/dark-high-contrast.css +88 -6
  61. package/dist/internalCss/dark-tritanopia.css +88 -6
  62. package/dist/internalCss/dark.css +88 -6
  63. package/dist/internalCss/light-colorblind.css +88 -6
  64. package/dist/internalCss/light-high-contrast.css +88 -6
  65. package/dist/internalCss/light-tritanopia.css +88 -6
  66. package/dist/internalCss/light.css +88 -6
  67. package/dist/styleLint/base/size/size.json +19 -19
  68. package/dist/styleLint/base/typography/typography.json +4 -4
  69. package/dist/styleLint/functional/size/border.json +41 -28
  70. package/dist/styleLint/functional/size/breakpoints.json +6 -6
  71. package/dist/styleLint/functional/size/size-coarse.json +3 -3
  72. package/dist/styleLint/functional/size/size-fine.json +3 -3
  73. package/dist/styleLint/functional/size/size.json +66 -66
  74. package/dist/styleLint/functional/size/viewport.json +6 -6
  75. package/dist/styleLint/functional/themes/dark-colorblind.json +475 -128
  76. package/dist/styleLint/functional/themes/dark-dimmed.json +519 -444
  77. package/dist/styleLint/functional/themes/dark-high-contrast.json +490 -241
  78. package/dist/styleLint/functional/themes/dark-tritanopia.json +485 -200
  79. package/dist/styleLint/functional/themes/dark.json +469 -102
  80. package/dist/styleLint/functional/themes/light-colorblind.json +463 -94
  81. package/dist/styleLint/functional/themes/light-high-contrast.json +487 -274
  82. package/dist/styleLint/functional/themes/light-tritanopia.json +463 -102
  83. package/dist/styleLint/functional/themes/light.json +460 -105
  84. package/dist/styleLint/functional/typography/typography.json +46 -46
  85. package/package.json +1 -1
  86. package/src/tokens/base/typography/typography.json5 +48 -0
  87. package/src/tokens/functional/border/border.json5 +236 -0
  88. package/src/tokens/functional/color/dark/app-dark.json5 +0 -2
  89. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +120 -6
  90. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +46 -29
  91. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +15 -20
  92. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +32 -18
  93. package/src/tokens/functional/color/dark/patterns-dark.json5 +13 -45
  94. package/src/tokens/functional/color/dark/primitives-dark.json5 +1 -6
  95. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +67 -20
  96. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +4 -21
  97. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -16
  98. package/src/tokens/functional/color/light/patterns-light.json5 +11 -47
  99. package/src/tokens/functional/color/light/primitives-light.json5 +2 -10
  100. package/src/tokens/functional/size/border.json5 +115 -0
  101. package/src/tokens/functional/typography/typography.json5 +527 -0
  102. package/dist/build/filters/isColorWithMix.d.ts +0 -7
  103. package/dist/build/filters/isColorWithMix.js +0 -24
  104. package/dist/build/transformers/colorToHexMix.d.ts +0 -8
  105. package/dist/build/transformers/colorToHexMix.js +0 -20
  106. package/dist/build/transformers/utilities/mix.d.ts +0 -5
  107. package/dist/build/transformers/utilities/mix.js +0 -38
  108. package/src/tokens/base/typography/typography.json +0 -48
  109. package/src/tokens/functional/border/dark.json5 +0 -12
  110. package/src/tokens/functional/border/light.json5 +0 -12
  111. package/src/tokens/functional/color/dark/patterns-dark.json +0 -3963
  112. package/src/tokens/functional/size/border.json +0 -111
  113. package/src/tokens/functional/typography/typography.json +0 -527
  114. /package/src/tokens/base/size/{size.json → size.json5} +0 -0
  115. /package/src/tokens/functional/size/{breakpoints.json → breakpoints.json5} +0 -0
  116. /package/src/tokens/functional/size/{size-coarse.json → size-coarse.json5} +0 -0
  117. /package/src/tokens/functional/size/{size-fine.json → size-fine.json5} +0 -0
  118. /package/src/tokens/functional/size/{size.json → size.json5} +0 -0
  119. /package/src/tokens/functional/size/{viewport.json → viewport.json5} +0 -0
@@ -136,14 +136,12 @@
136
136
  "diffBlob-additionWord-bgColor": {
137
137
  "$value": "#055d20",
138
138
  "$type": "color",
139
- "mix": null,
140
139
  "alpha": 1,
141
140
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
142
141
  "isSource": true,
143
142
  "original": {
144
143
  "$value": "{base.color.green.5}",
145
144
  "$type": "color",
146
- "mix": null,
147
145
  "alpha": 1
148
146
  },
149
147
  "name": "diffBlob-additionWord-bgColor",
@@ -274,14 +272,12 @@
274
272
  "diffBlob-deletionWord-bgColor": {
275
273
  "$value": "#a0111f",
276
274
  "$type": "color",
277
- "mix": null,
278
275
  "alpha": 1,
279
276
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
280
277
  "isSource": true,
281
278
  "original": {
282
279
  "$value": "{base.color.red.5}",
283
280
  "$type": "color",
284
- "mix": null,
285
281
  "alpha": 1
286
282
  },
287
283
  "name": "diffBlob-deletionWord-bgColor",
@@ -4231,14 +4227,12 @@
4231
4227
  "$value": "#a0111f",
4232
4228
  "$type": "color",
4233
4229
  "alpha": null,
4234
- "mix": null,
4235
4230
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4236
4231
  "isSource": true,
4237
4232
  "original": {
4238
4233
  "$value": "{bgColor.danger.emphasis}",
4239
4234
  "$type": "color",
4240
- "alpha": null,
4241
- "mix": null
4235
+ "alpha": null
4242
4236
  },
4243
4237
  "name": "control-danger-bgColor-hover",
4244
4238
  "attributes": {},
@@ -4247,21 +4241,11 @@
4247
4241
  "control-danger-bgColor-active": {
4248
4242
  "$value": "#8c0b1d",
4249
4243
  "$type": "color",
4250
- "alpha": null,
4251
- "mix": {
4252
- "color": "#6e011a",
4253
- "weight": 0.4
4254
- },
4255
4244
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4256
4245
  "isSource": true,
4257
4246
  "original": {
4258
- "$value": "{bgColor.danger.emphasis}",
4259
- "$type": "color",
4260
- "alpha": null,
4261
- "mix": {
4262
- "color": "{base.color.red.7}",
4263
- "weight": 0.4
4264
- }
4247
+ "$value": "#8c0b1d",
4248
+ "$type": "color"
4265
4249
  },
4266
4250
  "name": "control-danger-bgColor-active",
4267
4251
  "attributes": {},
@@ -4297,33 +4281,11 @@
4297
4281
  "control-checked-bgColor-hover": {
4298
4282
  "$value": "#0344a8",
4299
4283
  "$type": "color",
4300
- "$extensions": {
4301
- "org.primer.figma": {
4302
- "collection": "mode",
4303
- "group": "component",
4304
- "scopes": ["bgColor"]
4305
- }
4306
- },
4307
- "mix": {
4308
- "color": "#022f7a",
4309
- "weight": 0.2
4310
- },
4311
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4284
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4312
4285
  "isSource": true,
4313
4286
  "original": {
4314
- "$value": "{bgColor.accent.emphasis}",
4315
- "$type": "color",
4316
- "$extensions": {
4317
- "org.primer.figma": {
4318
- "collection": "mode",
4319
- "group": "component",
4320
- "scopes": ["bgColor"]
4321
- }
4322
- },
4323
- "mix": {
4324
- "color": "{base.color.blue.7}",
4325
- "weight": 0.2
4326
- }
4287
+ "$value": "#0344a8",
4288
+ "$type": "color"
4327
4289
  },
4328
4290
  "name": "control-checked-bgColor-hover",
4329
4291
  "attributes": {},
@@ -4332,33 +4294,11 @@
4332
4294
  "control-checked-bgColor-active": {
4333
4295
  "$value": "#033f9d",
4334
4296
  "$type": "color",
4335
- "$extensions": {
4336
- "org.primer.figma": {
4337
- "collection": "mode",
4338
- "group": "component",
4339
- "scopes": ["bgColor"]
4340
- }
4341
- },
4342
- "mix": {
4343
- "color": "#022f7a",
4344
- "weight": 0.4
4345
- },
4346
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4297
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4347
4298
  "isSource": true,
4348
4299
  "original": {
4349
- "$value": "{bgColor.accent.emphasis}",
4350
- "$type": "color",
4351
- "$extensions": {
4352
- "org.primer.figma": {
4353
- "collection": "mode",
4354
- "group": "component",
4355
- "scopes": ["bgColor"]
4356
- }
4357
- },
4358
- "mix": {
4359
- "color": "{base.color.blue.7}",
4360
- "weight": 0.4
4361
- }
4300
+ "$value": "#033f9d",
4301
+ "$type": "color"
4362
4302
  },
4363
4303
  "name": "control-checked-bgColor-active",
4364
4304
  "attributes": {},
@@ -4475,25 +4415,11 @@
4475
4415
  "control-checked-borderColor-hover": {
4476
4416
  "$value": "#0344a8",
4477
4417
  "$type": "color",
4478
- "$extensions": {
4479
- "org.primer.figma": {
4480
- "collection": "mode",
4481
- "group": "component",
4482
- "scopes": ["borderColor"]
4483
- }
4484
- },
4485
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4418
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4486
4419
  "isSource": true,
4487
4420
  "original": {
4488
- "$value": "{control.checked.bgColor.hover}",
4489
- "$type": "color",
4490
- "$extensions": {
4491
- "org.primer.figma": {
4492
- "collection": "mode",
4493
- "group": "component",
4494
- "scopes": ["borderColor"]
4495
- }
4496
- }
4421
+ "$value": "#0344a8",
4422
+ "$type": "color"
4497
4423
  },
4498
4424
  "name": "control-checked-borderColor-hover",
4499
4425
  "attributes": {},
@@ -4502,25 +4428,11 @@
4502
4428
  "control-checked-borderColor-active": {
4503
4429
  "$value": "#033f9d",
4504
4430
  "$type": "color",
4505
- "$extensions": {
4506
- "org.primer.figma": {
4507
- "collection": "mode",
4508
- "group": "component",
4509
- "scopes": ["borderColor"]
4510
- }
4511
- },
4512
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4431
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4513
4432
  "isSource": true,
4514
4433
  "original": {
4515
- "$value": "{control.checked.bgColor.active}",
4516
- "$type": "color",
4517
- "$extensions": {
4518
- "org.primer.figma": {
4519
- "collection": "mode",
4520
- "group": "component",
4521
- "scopes": ["borderColor"]
4522
- }
4523
- }
4434
+ "$value": "#033f9d",
4435
+ "$type": "color"
4524
4436
  },
4525
4437
  "name": "control-checked-borderColor-active",
4526
4438
  "attributes": {},
@@ -5336,19 +5248,11 @@
5336
5248
  "button-primary-bgColor-hover": {
5337
5249
  "$value": "#04571e",
5338
5250
  "$type": "color",
5339
- "mix": {
5340
- "color": "#013d14",
5341
- "weight": 0.2
5342
- },
5343
5251
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
5344
5252
  "isSource": true,
5345
5253
  "original": {
5346
- "$value": "{base.color.green.5}",
5347
- "$type": "color",
5348
- "mix": {
5349
- "color": "{base.color.green.7}",
5350
- "weight": 0.2
5351
- }
5254
+ "$value": "#04571e",
5255
+ "$type": "color"
5352
5256
  },
5353
5257
  "name": "button-primary-bgColor-hover",
5354
5258
  "attributes": {},
@@ -5357,19 +5261,11 @@
5357
5261
  "button-primary-bgColor-active": {
5358
5262
  "$value": "#03501b",
5359
5263
  "$type": "color",
5360
- "mix": {
5361
- "color": "#013d14",
5362
- "weight": 0.4
5363
- },
5364
5264
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
5365
5265
  "isSource": true,
5366
5266
  "original": {
5367
- "$value": "{base.color.green.5}",
5368
- "$type": "color",
5369
- "mix": {
5370
- "color": "{base.color.green.7}",
5371
- "weight": 0.4
5372
- }
5267
+ "$value": "#03501b",
5268
+ "$type": "color"
5373
5269
  },
5374
5270
  "name": "button-primary-bgColor-active",
5375
5271
  "attributes": {},
@@ -5378,33 +5274,11 @@
5378
5274
  "button-primary-bgColor-disabled": {
5379
5275
  "$value": "#85cb97",
5380
5276
  "$type": "color",
5381
- "$extensions": {
5382
- "org.primer.figma": {
5383
- "collection": "mode",
5384
- "group": "component (internal)",
5385
- "scopes": ["bgColor"]
5386
- }
5387
- },
5388
- "mix": {
5389
- "color": "#d2fedb",
5390
- "weight": 0.6
5391
- },
5392
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5277
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
5393
5278
  "isSource": true,
5394
5279
  "original": {
5395
- "$value": "{base.color.green.4}",
5396
- "$type": "color",
5397
- "$extensions": {
5398
- "org.primer.figma": {
5399
- "collection": "mode",
5400
- "group": "component (internal)",
5401
- "scopes": ["bgColor"]
5402
- }
5403
- },
5404
- "mix": {
5405
- "color": "{base.color.green.0}",
5406
- "weight": 0.6
5407
- }
5280
+ "$value": "#85cb97",
5281
+ "$type": "color"
5408
5282
  },
5409
5283
  "name": "button-primary-bgColor-disabled",
5410
5284
  "attributes": {},
@@ -5458,25 +5332,11 @@
5458
5332
  "button-primary-borderColor-disabled": {
5459
5333
  "$value": "#85cb97",
5460
5334
  "$type": "color",
5461
- "$extensions": {
5462
- "org.primer.figma": {
5463
- "collection": "mode",
5464
- "group": "component (internal)",
5465
- "scopes": ["borderColor"]
5466
- }
5467
- },
5468
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5335
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
5469
5336
  "isSource": true,
5470
5337
  "original": {
5471
- "$value": "{button.primary.bgColor.disabled}",
5472
- "$type": "color",
5473
- "$extensions": {
5474
- "org.primer.figma": {
5475
- "collection": "mode",
5476
- "group": "component (internal)",
5477
- "scopes": ["borderColor"]
5478
- }
5479
- }
5338
+ "$value": "#85cb97",
5339
+ "$type": "color"
5480
5340
  },
5481
5341
  "name": "button-primary-borderColor-disabled",
5482
5342
  "attributes": {},
@@ -5760,7 +5620,7 @@
5760
5620
  "path": ["button", "invisible", "bgColor", "active"]
5761
5621
  },
5762
5622
  "button-invisible-bgColor-disabled": {
5763
- "$value": "#e0e6eb",
5623
+ "$value": "#ffffff00",
5764
5624
  "$type": "color",
5765
5625
  "$extensions": {
5766
5626
  "org.primer.figma": {
@@ -5772,7 +5632,7 @@
5772
5632
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5773
5633
  "isSource": true,
5774
5634
  "original": {
5775
- "$value": "{control.transparent.bgColor.disabled}",
5635
+ "$value": "{base.color.transparent}",
5776
5636
  "$type": "color",
5777
5637
  "$extensions": {
5778
5638
  "org.primer.figma": {
@@ -5841,7 +5701,7 @@
5841
5701
  "path": ["button", "invisible", "borderColor", "hover"]
5842
5702
  },
5843
5703
  "button-invisible-borderColor-disabled": {
5844
- "$value": "#59636e1f",
5704
+ "$value": "#ffffff00",
5845
5705
  "$type": "color",
5846
5706
  "$extensions": {
5847
5707
  "org.primer.figma": {
@@ -5853,7 +5713,7 @@
5853
5713
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5854
5714
  "isSource": true,
5855
5715
  "original": {
5856
- "$value": "{control.borderColor.disabled}",
5716
+ "$value": "{base.color.transparent}",
5857
5717
  "$type": "color",
5858
5718
  "$extensions": {
5859
5719
  "org.primer.figma": {
@@ -6034,33 +5894,11 @@
6034
5894
  "button-outline-bgColor-active": {
6035
5895
  "$value": "#033f9d",
6036
5896
  "$type": "color",
6037
- "$extensions": {
6038
- "org.primer.figma": {
6039
- "collection": "mode",
6040
- "group": "component (internal)",
6041
- "scopes": ["bgColor"]
6042
- }
6043
- },
6044
- "mix": {
6045
- "color": "#022f7a",
6046
- "weight": 0.4
6047
- },
6048
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5897
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
6049
5898
  "isSource": true,
6050
5899
  "original": {
6051
- "$value": "{bgColor.accent.emphasis}",
6052
- "$type": "color",
6053
- "$extensions": {
6054
- "org.primer.figma": {
6055
- "collection": "mode",
6056
- "group": "component (internal)",
6057
- "scopes": ["bgColor"]
6058
- }
6059
- },
6060
- "mix": {
6061
- "color": "{base.color.blue.7}",
6062
- "weight": 0.4
6063
- }
5900
+ "$value": "#033f9d",
5901
+ "$type": "color"
6064
5902
  },
6065
5903
  "name": "button-outline-bgColor-active",
6066
5904
  "attributes": {},
@@ -6403,33 +6241,11 @@
6403
6241
  "button-danger-bgColor-active": {
6404
6242
  "$value": "#74041a",
6405
6243
  "$type": "color",
6406
- "$extensions": {
6407
- "org.primer.figma": {
6408
- "collection": "mode",
6409
- "group": "component (internal)",
6410
- "scopes": ["bgColor"]
6411
- }
6412
- },
6413
- "mix": {
6414
- "color": "#5a0016",
6415
- "weight": 0.4
6416
- },
6417
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6244
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
6418
6245
  "isSource": true,
6419
6246
  "original": {
6420
- "$value": "{base.color.red.6}",
6421
- "$type": "color",
6422
- "$extensions": {
6423
- "org.primer.figma": {
6424
- "collection": "mode",
6425
- "group": "component (internal)",
6426
- "scopes": ["bgColor"]
6427
- }
6428
- },
6429
- "mix": {
6430
- "color": "{base.color.red.8}",
6431
- "weight": 0.4
6432
- }
6247
+ "$value": "#74041a",
6248
+ "$type": "color"
6433
6249
  },
6434
6250
  "name": "button-danger-bgColor-active",
6435
6251
  "attributes": {},
@@ -6974,33 +6790,11 @@
6974
6790
  "buttonCounter-danger-fgColor-rest": {
6975
6791
  "$value": "#980e1e",
6976
6792
  "$type": "color",
6977
- "$extensions": {
6978
- "org.primer.figma": {
6979
- "collection": "mode",
6980
- "group": "component (internal)",
6981
- "scopes": ["fgColor"]
6982
- }
6983
- },
6984
- "mix": {
6985
- "color": "#86061d",
6986
- "weight": 0.3
6987
- },
6988
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6793
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
6989
6794
  "isSource": true,
6990
6795
  "original": {
6991
- "$value": "{base.color.red.5}",
6992
- "$type": "color",
6993
- "$extensions": {
6994
- "org.primer.figma": {
6995
- "collection": "mode",
6996
- "group": "component (internal)",
6997
- "scopes": ["fgColor"]
6998
- }
6999
- },
7000
- "mix": {
7001
- "color": "{base.color.red.6}",
7002
- "weight": 0.3
7003
- }
6796
+ "$value": "#980e1e",
6797
+ "$type": "color"
7004
6798
  },
7005
6799
  "name": "buttonCounter-danger-fgColor-rest",
7006
6800
  "attributes": {},
@@ -7092,33 +6886,11 @@
7092
6886
  "reactionButton-selected-bgColor-hover": {
7093
6887
  "$value": "#c7e9ff",
7094
6888
  "$type": "color",
7095
- "$extensions": {
7096
- "org.primer.figma": {
7097
- "collection": "mode",
7098
- "group": "component (internal)",
7099
- "scopes": ["bgColor"]
7100
- }
7101
- },
7102
- "mix": {
7103
- "color": "#67b3fd",
7104
- "weight": 0.2
7105
- },
7106
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6889
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
7107
6890
  "isSource": true,
7108
6891
  "original": {
7109
- "$value": "{reactionButton.selected.bgColor.rest}",
7110
- "$type": "color",
7111
- "$extensions": {
7112
- "org.primer.figma": {
7113
- "collection": "mode",
7114
- "group": "component (internal)",
7115
- "scopes": ["bgColor"]
7116
- }
7117
- },
7118
- "mix": {
7119
- "color": "{base.color.blue.2}",
7120
- "weight": 0.2
7121
- }
6892
+ "$value": "#c7e9ff",
6893
+ "$type": "color"
7122
6894
  },
7123
6895
  "name": "reactionButton-selected-bgColor-hover",
7124
6896
  "attributes": {},
@@ -7206,9 +6978,9 @@
7206
6978
  "path": ["focus", "outlineColor"]
7207
6979
  },
7208
6980
  "focus-outline": {
7209
- "$value": "#0349b4 solid 2px",
6981
+ "$value": "2px solid #0349b4",
7210
6982
  "$type": "border",
7211
- "filePath": "src/tokens/functional/border/light.json5",
6983
+ "filePath": "src/tokens/functional/border/border.json5",
7212
6984
  "isSource": true,
7213
6985
  "original": {
7214
6986
  "$value": {
@@ -11483,13 +11255,11 @@
11483
11255
  "bgColor-success-emphasis": {
11484
11256
  "$value": "#055d20",
11485
11257
  "$type": "color",
11486
- "mix": null,
11487
11258
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
11488
11259
  "isSource": true,
11489
11260
  "original": {
11490
11261
  "$value": "{base.color.green.5}",
11491
- "$type": "color",
11492
- "mix": null
11262
+ "$type": "color"
11493
11263
  },
11494
11264
  "name": "bgColor-success-emphasis",
11495
11265
  "attributes": {},
@@ -14134,5 +13904,448 @@
14134
13904
  "name": "shadow-floating-legacy",
14135
13905
  "attributes": {},
14136
13906
  "path": ["shadow", "floating", "legacy"]
13907
+ },
13908
+ "border-default": {
13909
+ "$value": "0.00390625rem,0.0625px solid #454c54",
13910
+ "$type": "border",
13911
+ "filePath": "src/tokens/functional/border/border.json5",
13912
+ "isSource": true,
13913
+ "original": {
13914
+ "$value": {
13915
+ "color": "{borderColor.default}",
13916
+ "style": "solid",
13917
+ "width": "{borderWidth.default}"
13918
+ },
13919
+ "$type": "border"
13920
+ },
13921
+ "name": "border-default",
13922
+ "attributes": {},
13923
+ "path": ["border", "default"]
13924
+ },
13925
+ "border-muted": {
13926
+ "$value": "0.00390625rem,0.0625px solid #454c54",
13927
+ "$type": "border",
13928
+ "filePath": "src/tokens/functional/border/border.json5",
13929
+ "isSource": true,
13930
+ "original": {
13931
+ "$value": {
13932
+ "color": "{borderColor.muted}",
13933
+ "style": "solid",
13934
+ "width": "{borderWidth.default}"
13935
+ },
13936
+ "$type": "border"
13937
+ },
13938
+ "name": "border-muted",
13939
+ "attributes": {},
13940
+ "path": ["border", "muted"]
13941
+ },
13942
+ "border-emphasis": {
13943
+ "$value": "0.00390625rem,0.0625px solid #454c54",
13944
+ "$type": "border",
13945
+ "filePath": "src/tokens/functional/border/border.json5",
13946
+ "isSource": true,
13947
+ "original": {
13948
+ "$value": {
13949
+ "color": "{borderColor.emphasis}",
13950
+ "style": "solid",
13951
+ "width": "{borderWidth.default}"
13952
+ },
13953
+ "$type": "border"
13954
+ },
13955
+ "name": "border-emphasis",
13956
+ "attributes": {},
13957
+ "path": ["border", "emphasis"]
13958
+ },
13959
+ "border-disabled": {
13960
+ "$value": "0.00390625rem,0.0625px solid #59636e1f",
13961
+ "$type": "border",
13962
+ "filePath": "src/tokens/functional/border/border.json5",
13963
+ "isSource": true,
13964
+ "original": {
13965
+ "$value": {
13966
+ "color": "{borderColor.disabled}",
13967
+ "style": "solid",
13968
+ "width": "{borderWidth.default}"
13969
+ },
13970
+ "$type": "border"
13971
+ },
13972
+ "name": "border-disabled",
13973
+ "attributes": {},
13974
+ "path": ["border", "disabled"]
13975
+ },
13976
+ "border-transparent": {
13977
+ "$value": "0.00390625rem,0.0625px solid #ffffff00",
13978
+ "$type": "border",
13979
+ "filePath": "src/tokens/functional/border/border.json5",
13980
+ "isSource": true,
13981
+ "original": {
13982
+ "$value": {
13983
+ "color": "{borderColor.transparent}",
13984
+ "style": "solid",
13985
+ "width": "{borderWidth.default}"
13986
+ },
13987
+ "$type": "border"
13988
+ },
13989
+ "name": "border-transparent",
13990
+ "attributes": {},
13991
+ "path": ["border", "transparent"]
13992
+ },
13993
+ "border-neutral-emphasis": {
13994
+ "$value": "0.00390625rem,0.0625px solid #59636e",
13995
+ "$type": "border",
13996
+ "filePath": "src/tokens/functional/border/border.json5",
13997
+ "isSource": true,
13998
+ "original": {
13999
+ "$value": {
14000
+ "color": "{borderColor.neutral.emphasis}",
14001
+ "style": "solid",
14002
+ "width": "{borderWidth.default}"
14003
+ },
14004
+ "$type": "border"
14005
+ },
14006
+ "name": "border-neutral-emphasis",
14007
+ "attributes": {},
14008
+ "path": ["border", "neutral", "emphasis"]
14009
+ },
14010
+ "border-neutral-muted": {
14011
+ "$value": "0.00390625rem,0.0625px solid #454c54",
14012
+ "$type": "border",
14013
+ "filePath": "src/tokens/functional/border/border.json5",
14014
+ "isSource": true,
14015
+ "original": {
14016
+ "$value": {
14017
+ "color": "{borderColor.neutral.muted}",
14018
+ "style": "solid",
14019
+ "width": "{borderWidth.default}"
14020
+ },
14021
+ "$type": "border"
14022
+ },
14023
+ "name": "border-neutral-muted",
14024
+ "attributes": {},
14025
+ "path": ["border", "neutral", "muted"]
14026
+ },
14027
+ "border-accent-emphasis": {
14028
+ "$value": "0.00390625rem,0.0625px solid #0349b4",
14029
+ "$type": "border",
14030
+ "filePath": "src/tokens/functional/border/border.json5",
14031
+ "isSource": true,
14032
+ "original": {
14033
+ "$value": {
14034
+ "color": "{borderColor.accent.emphasis}",
14035
+ "style": "solid",
14036
+ "width": "{borderWidth.default}"
14037
+ },
14038
+ "$type": "border"
14039
+ },
14040
+ "name": "border-accent-emphasis",
14041
+ "attributes": {},
14042
+ "path": ["border", "accent", "emphasis"]
14043
+ },
14044
+ "border-accent-muted": {
14045
+ "$value": "0.00390625rem,0.0625px solid #368cf9",
14046
+ "$type": "border",
14047
+ "filePath": "src/tokens/functional/border/border.json5",
14048
+ "isSource": true,
14049
+ "original": {
14050
+ "$value": {
14051
+ "color": "{borderColor.accent.muted}",
14052
+ "style": "solid",
14053
+ "width": "{borderWidth.default}"
14054
+ },
14055
+ "$type": "border"
14056
+ },
14057
+ "name": "border-accent-muted",
14058
+ "attributes": {},
14059
+ "path": ["border", "accent", "muted"]
14060
+ },
14061
+ "border-success-emphasis": {
14062
+ "$value": "0.00390625rem,0.0625px solid #055d20",
14063
+ "$type": "border",
14064
+ "filePath": "src/tokens/functional/border/border.json5",
14065
+ "isSource": true,
14066
+ "original": {
14067
+ "$value": {
14068
+ "color": "{borderColor.success.emphasis}",
14069
+ "style": "solid",
14070
+ "width": "{borderWidth.default}"
14071
+ },
14072
+ "$type": "border"
14073
+ },
14074
+ "name": "border-success-emphasis",
14075
+ "attributes": {},
14076
+ "path": ["border", "success", "emphasis"]
14077
+ },
14078
+ "border-success-muted": {
14079
+ "$value": "0.00390625rem,0.0625px solid #26a148",
14080
+ "$type": "border",
14081
+ "filePath": "src/tokens/functional/border/border.json5",
14082
+ "isSource": true,
14083
+ "original": {
14084
+ "$value": {
14085
+ "color": "{borderColor.success.muted}",
14086
+ "style": "solid",
14087
+ "width": "{borderWidth.default}"
14088
+ },
14089
+ "$type": "border"
14090
+ },
14091
+ "name": "border-success-muted",
14092
+ "attributes": {},
14093
+ "path": ["border", "success", "muted"]
14094
+ },
14095
+ "border-open-emphasis": {
14096
+ "$value": "0.00390625rem,0.0625px solid #055d20",
14097
+ "$type": "border",
14098
+ "filePath": "src/tokens/functional/border/border.json5",
14099
+ "isSource": true,
14100
+ "original": {
14101
+ "$value": "{border.success.emphasis}",
14102
+ "$type": "border"
14103
+ },
14104
+ "name": "border-open-emphasis",
14105
+ "attributes": {},
14106
+ "path": ["border", "open", "emphasis"]
14107
+ },
14108
+ "border-open-muted": {
14109
+ "$value": "0.00390625rem,0.0625px solid #26a148",
14110
+ "$type": "border",
14111
+ "filePath": "src/tokens/functional/border/border.json5",
14112
+ "isSource": true,
14113
+ "original": {
14114
+ "$value": "{border.success.muted}",
14115
+ "$type": "border"
14116
+ },
14117
+ "name": "border-open-muted",
14118
+ "attributes": {},
14119
+ "path": ["border", "open", "muted"]
14120
+ },
14121
+ "border-danger-emphasis": {
14122
+ "$value": "0.00390625rem,0.0625px solid #a0111f",
14123
+ "$type": "border",
14124
+ "filePath": "src/tokens/functional/border/border.json5",
14125
+ "isSource": true,
14126
+ "original": {
14127
+ "$value": {
14128
+ "color": "{borderColor.danger.emphasis}",
14129
+ "style": "solid",
14130
+ "width": "{borderWidth.default}"
14131
+ },
14132
+ "$type": "border"
14133
+ },
14134
+ "name": "border-danger-emphasis",
14135
+ "attributes": {},
14136
+ "path": ["border", "danger", "emphasis"]
14137
+ },
14138
+ "border-danger-muted": {
14139
+ "$value": "0.00390625rem,0.0625px solid #ee5a5d",
14140
+ "$type": "border",
14141
+ "filePath": "src/tokens/functional/border/border.json5",
14142
+ "isSource": true,
14143
+ "original": {
14144
+ "$value": {
14145
+ "color": "{borderColor.danger.muted}",
14146
+ "style": "solid",
14147
+ "width": "{borderWidth.default}"
14148
+ },
14149
+ "$type": "border"
14150
+ },
14151
+ "name": "border-danger-muted",
14152
+ "attributes": {},
14153
+ "path": ["border", "danger", "muted"]
14154
+ },
14155
+ "border-closed-emphasis": {
14156
+ "$value": "0.00390625rem,0.0625px solid #a0111f",
14157
+ "$type": "border",
14158
+ "filePath": "src/tokens/functional/border/border.json5",
14159
+ "isSource": true,
14160
+ "original": {
14161
+ "$value": "{border.danger.emphasis}",
14162
+ "$type": "border"
14163
+ },
14164
+ "name": "border-closed-emphasis",
14165
+ "attributes": {},
14166
+ "path": ["border", "closed", "emphasis"]
14167
+ },
14168
+ "border-closed-muted": {
14169
+ "$value": "0.00390625rem,0.0625px solid #ee5a5d",
14170
+ "$type": "border",
14171
+ "filePath": "src/tokens/functional/border/border.json5",
14172
+ "isSource": true,
14173
+ "original": {
14174
+ "$value": "{border.danger.muted}",
14175
+ "$type": "border"
14176
+ },
14177
+ "name": "border-closed-muted",
14178
+ "attributes": {},
14179
+ "path": ["border", "closed", "muted"]
14180
+ },
14181
+ "border-attention-emphasis": {
14182
+ "$value": "0.00390625rem,0.0625px solid #744500",
14183
+ "$type": "border",
14184
+ "filePath": "src/tokens/functional/border/border.json5",
14185
+ "isSource": true,
14186
+ "original": {
14187
+ "$value": {
14188
+ "color": "{borderColor.attention.emphasis}",
14189
+ "style": "solid",
14190
+ "width": "{borderWidth.default}"
14191
+ },
14192
+ "$type": "border"
14193
+ },
14194
+ "name": "border-attention-emphasis",
14195
+ "attributes": {},
14196
+ "path": ["border", "attention", "emphasis"]
14197
+ },
14198
+ "border-attention-muted": {
14199
+ "$value": "0.00390625rem,0.0625px solid #b58407",
14200
+ "$type": "border",
14201
+ "filePath": "src/tokens/functional/border/border.json5",
14202
+ "isSource": true,
14203
+ "original": {
14204
+ "$value": {
14205
+ "color": "{borderColor.attention.muted}",
14206
+ "style": "solid",
14207
+ "width": "{borderWidth.default}"
14208
+ },
14209
+ "$type": "border"
14210
+ },
14211
+ "name": "border-attention-muted",
14212
+ "attributes": {},
14213
+ "path": ["border", "attention", "muted"]
14214
+ },
14215
+ "border-severe-emphasis": {
14216
+ "$value": "0.00390625rem,0.0625px solid #873800",
14217
+ "$type": "border",
14218
+ "filePath": "src/tokens/functional/border/border.json5",
14219
+ "isSource": true,
14220
+ "original": {
14221
+ "$value": {
14222
+ "color": "{borderColor.severe.emphasis}",
14223
+ "style": "solid",
14224
+ "width": "{borderWidth.default}"
14225
+ },
14226
+ "$type": "border"
14227
+ },
14228
+ "name": "border-severe-emphasis",
14229
+ "attributes": {},
14230
+ "path": ["border", "severe", "emphasis"]
14231
+ },
14232
+ "border-severe-muted": {
14233
+ "$value": "0.00390625rem,0.0625px solid #dc6d1a",
14234
+ "$type": "border",
14235
+ "filePath": "src/tokens/functional/border/border.json5",
14236
+ "isSource": true,
14237
+ "original": {
14238
+ "$value": {
14239
+ "color": "{borderColor.severe.muted}",
14240
+ "style": "solid",
14241
+ "width": "{borderWidth.default}"
14242
+ },
14243
+ "$type": "border"
14244
+ },
14245
+ "name": "border-severe-muted",
14246
+ "attributes": {},
14247
+ "path": ["border", "severe", "muted"]
14248
+ },
14249
+ "border-done-emphasis": {
14250
+ "$value": "0.00390625rem,0.0625px solid #622cbc",
14251
+ "$type": "border",
14252
+ "filePath": "src/tokens/functional/border/border.json5",
14253
+ "isSource": true,
14254
+ "original": {
14255
+ "$value": {
14256
+ "color": "{borderColor.done.emphasis}",
14257
+ "style": "solid",
14258
+ "width": "{borderWidth.default}"
14259
+ },
14260
+ "$type": "border"
14261
+ },
14262
+ "name": "border-done-emphasis",
14263
+ "attributes": {},
14264
+ "path": ["border", "done", "emphasis"]
14265
+ },
14266
+ "border-done-muted": {
14267
+ "$value": "0.00390625rem,0.0625px solid #a371f7",
14268
+ "$type": "border",
14269
+ "filePath": "src/tokens/functional/border/border.json5",
14270
+ "isSource": true,
14271
+ "original": {
14272
+ "$value": {
14273
+ "color": "{borderColor.done.muted}",
14274
+ "style": "solid",
14275
+ "width": "{borderWidth.default}"
14276
+ },
14277
+ "$type": "border"
14278
+ },
14279
+ "name": "border-done-muted",
14280
+ "attributes": {},
14281
+ "path": ["border", "done", "muted"]
14282
+ },
14283
+ "border-upsell-emphasis": {
14284
+ "$value": "0.00390625rem,0.0625px solid #622cbc",
14285
+ "$type": "border",
14286
+ "filePath": "src/tokens/functional/border/border.json5",
14287
+ "isSource": true,
14288
+ "original": {
14289
+ "$value": {
14290
+ "color": "{borderColor.upsell.emphasis}",
14291
+ "style": "solid",
14292
+ "width": "{borderWidth.default}"
14293
+ },
14294
+ "$type": "border"
14295
+ },
14296
+ "name": "border-upsell-emphasis",
14297
+ "attributes": {},
14298
+ "path": ["border", "upsell", "emphasis"]
14299
+ },
14300
+ "border-upsell-muted": {
14301
+ "$value": "0.00390625rem,0.0625px solid #a371f7",
14302
+ "$type": "border",
14303
+ "filePath": "src/tokens/functional/border/border.json5",
14304
+ "isSource": true,
14305
+ "original": {
14306
+ "$value": {
14307
+ "color": "{borderColor.upsell.muted}",
14308
+ "style": "solid",
14309
+ "width": "{borderWidth.default}"
14310
+ },
14311
+ "$type": "border"
14312
+ },
14313
+ "name": "border-upsell-muted",
14314
+ "attributes": {},
14315
+ "path": ["border", "upsell", "muted"]
14316
+ },
14317
+ "border-sponsors-emphasis": {
14318
+ "$value": "0.00390625rem,0.0625px solid #971368",
14319
+ "$type": "border",
14320
+ "filePath": "src/tokens/functional/border/border.json5",
14321
+ "isSource": true,
14322
+ "original": {
14323
+ "$value": {
14324
+ "color": "{borderColor.sponsors.emphasis}",
14325
+ "style": "solid",
14326
+ "width": "{borderWidth.default}"
14327
+ },
14328
+ "$type": "border"
14329
+ },
14330
+ "name": "border-sponsors-emphasis",
14331
+ "attributes": {},
14332
+ "path": ["border", "sponsors", "emphasis"]
14333
+ },
14334
+ "border-sponsors-muted": {
14335
+ "$value": "0.00390625rem,0.0625px solid #ed4baf",
14336
+ "$type": "border",
14337
+ "filePath": "src/tokens/functional/border/border.json5",
14338
+ "isSource": true,
14339
+ "original": {
14340
+ "$value": {
14341
+ "color": "{borderColor.sponsors.muted}",
14342
+ "style": "solid",
14343
+ "width": "{borderWidth.default}"
14344
+ },
14345
+ "$type": "border"
14346
+ },
14347
+ "name": "border-sponsors-muted",
14348
+ "attributes": {},
14349
+ "path": ["border", "sponsors", "muted"]
14137
14350
  }
14138
14351
  }