@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
@@ -134,14 +134,12 @@
134
134
  "type": "color"
135
135
  },
136
136
  "diffBlob-additionWord-bgColor": {
137
- "mix": null,
138
137
  "alpha": 1,
139
138
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
140
139
  "isSource": true,
141
140
  "original": {
142
141
  "$value": "{base.color.green.5}",
143
142
  "$type": "color",
144
- "mix": null,
145
143
  "alpha": 1
146
144
  },
147
145
  "name": "diffBlob-additionWord-bgColor",
@@ -272,14 +270,12 @@
272
270
  "type": "color"
273
271
  },
274
272
  "diffBlob-deletionWord-bgColor": {
275
- "mix": null,
276
273
  "alpha": 1,
277
274
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
278
275
  "isSource": true,
279
276
  "original": {
280
277
  "$value": "{base.color.red.5}",
281
278
  "$type": "color",
282
- "mix": null,
283
279
  "alpha": 1
284
280
  },
285
281
  "name": "diffBlob-deletionWord-bgColor",
@@ -4229,14 +4225,12 @@
4229
4225
  },
4230
4226
  "control-danger-bgColor-hover": {
4231
4227
  "alpha": null,
4232
- "mix": null,
4233
4228
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4234
4229
  "isSource": true,
4235
4230
  "original": {
4236
4231
  "$value": "{bgColor.danger.emphasis}",
4237
4232
  "$type": "color",
4238
- "alpha": null,
4239
- "mix": null
4233
+ "alpha": null
4240
4234
  },
4241
4235
  "name": "control-danger-bgColor-hover",
4242
4236
  "attributes": {},
@@ -4245,21 +4239,11 @@
4245
4239
  "type": "color"
4246
4240
  },
4247
4241
  "control-danger-bgColor-active": {
4248
- "alpha": null,
4249
- "mix": {
4250
- "color": "#6e011a",
4251
- "weight": 0.4
4252
- },
4253
4242
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4254
4243
  "isSource": true,
4255
4244
  "original": {
4256
- "$value": "{bgColor.danger.emphasis}",
4257
- "$type": "color",
4258
- "alpha": null,
4259
- "mix": {
4260
- "color": "{base.color.red.7}",
4261
- "weight": 0.4
4262
- }
4245
+ "$value": "#8c0b1d",
4246
+ "$type": "color"
4263
4247
  },
4264
4248
  "name": "control-danger-bgColor-active",
4265
4249
  "attributes": {},
@@ -4295,33 +4279,11 @@
4295
4279
  "type": "color"
4296
4280
  },
4297
4281
  "control-checked-bgColor-hover": {
4298
- "$extensions": {
4299
- "org.primer.figma": {
4300
- "collection": "mode",
4301
- "group": "component",
4302
- "scopes": ["bgColor"]
4303
- }
4304
- },
4305
- "mix": {
4306
- "color": "#022f7a",
4307
- "weight": 0.2
4308
- },
4309
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4282
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4310
4283
  "isSource": true,
4311
4284
  "original": {
4312
- "$value": "{bgColor.accent.emphasis}",
4313
- "$type": "color",
4314
- "$extensions": {
4315
- "org.primer.figma": {
4316
- "collection": "mode",
4317
- "group": "component",
4318
- "scopes": ["bgColor"]
4319
- }
4320
- },
4321
- "mix": {
4322
- "color": "{base.color.blue.7}",
4323
- "weight": 0.2
4324
- }
4285
+ "$value": "#0344a8",
4286
+ "$type": "color"
4325
4287
  },
4326
4288
  "name": "control-checked-bgColor-hover",
4327
4289
  "attributes": {},
@@ -4330,33 +4292,11 @@
4330
4292
  "type": "color"
4331
4293
  },
4332
4294
  "control-checked-bgColor-active": {
4333
- "$extensions": {
4334
- "org.primer.figma": {
4335
- "collection": "mode",
4336
- "group": "component",
4337
- "scopes": ["bgColor"]
4338
- }
4339
- },
4340
- "mix": {
4341
- "color": "#022f7a",
4342
- "weight": 0.4
4343
- },
4344
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4295
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4345
4296
  "isSource": true,
4346
4297
  "original": {
4347
- "$value": "{bgColor.accent.emphasis}",
4348
- "$type": "color",
4349
- "$extensions": {
4350
- "org.primer.figma": {
4351
- "collection": "mode",
4352
- "group": "component",
4353
- "scopes": ["bgColor"]
4354
- }
4355
- },
4356
- "mix": {
4357
- "color": "{base.color.blue.7}",
4358
- "weight": 0.4
4359
- }
4298
+ "$value": "#033f9d",
4299
+ "$type": "color"
4360
4300
  },
4361
4301
  "name": "control-checked-bgColor-active",
4362
4302
  "attributes": {},
@@ -4473,25 +4413,11 @@
4473
4413
  "type": "color"
4474
4414
  },
4475
4415
  "control-checked-borderColor-hover": {
4476
- "$extensions": {
4477
- "org.primer.figma": {
4478
- "collection": "mode",
4479
- "group": "component",
4480
- "scopes": ["borderColor"]
4481
- }
4482
- },
4483
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4416
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4484
4417
  "isSource": true,
4485
4418
  "original": {
4486
- "$value": "{control.checked.bgColor.hover}",
4487
- "$type": "color",
4488
- "$extensions": {
4489
- "org.primer.figma": {
4490
- "collection": "mode",
4491
- "group": "component",
4492
- "scopes": ["borderColor"]
4493
- }
4494
- }
4419
+ "$value": "#0344a8",
4420
+ "$type": "color"
4495
4421
  },
4496
4422
  "name": "control-checked-borderColor-hover",
4497
4423
  "attributes": {},
@@ -4500,25 +4426,11 @@
4500
4426
  "type": "color"
4501
4427
  },
4502
4428
  "control-checked-borderColor-active": {
4503
- "$extensions": {
4504
- "org.primer.figma": {
4505
- "collection": "mode",
4506
- "group": "component",
4507
- "scopes": ["borderColor"]
4508
- }
4509
- },
4510
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4429
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
4511
4430
  "isSource": true,
4512
4431
  "original": {
4513
- "$value": "{control.checked.bgColor.active}",
4514
- "$type": "color",
4515
- "$extensions": {
4516
- "org.primer.figma": {
4517
- "collection": "mode",
4518
- "group": "component",
4519
- "scopes": ["borderColor"]
4520
- }
4521
- }
4432
+ "$value": "#033f9d",
4433
+ "$type": "color"
4522
4434
  },
4523
4435
  "name": "control-checked-borderColor-active",
4524
4436
  "attributes": {},
@@ -5334,19 +5246,11 @@
5334
5246
  "type": "color"
5335
5247
  },
5336
5248
  "button-primary-bgColor-hover": {
5337
- "mix": {
5338
- "color": "#013d14",
5339
- "weight": 0.2
5340
- },
5341
5249
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
5342
5250
  "isSource": true,
5343
5251
  "original": {
5344
- "$value": "{base.color.green.5}",
5345
- "$type": "color",
5346
- "mix": {
5347
- "color": "{base.color.green.7}",
5348
- "weight": 0.2
5349
- }
5252
+ "$value": "#04571e",
5253
+ "$type": "color"
5350
5254
  },
5351
5255
  "name": "button-primary-bgColor-hover",
5352
5256
  "attributes": {},
@@ -5355,19 +5259,11 @@
5355
5259
  "type": "color"
5356
5260
  },
5357
5261
  "button-primary-bgColor-active": {
5358
- "mix": {
5359
- "color": "#013d14",
5360
- "weight": 0.4
5361
- },
5362
5262
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
5363
5263
  "isSource": true,
5364
5264
  "original": {
5365
- "$value": "{base.color.green.5}",
5366
- "$type": "color",
5367
- "mix": {
5368
- "color": "{base.color.green.7}",
5369
- "weight": 0.4
5370
- }
5265
+ "$value": "#03501b",
5266
+ "$type": "color"
5371
5267
  },
5372
5268
  "name": "button-primary-bgColor-active",
5373
5269
  "attributes": {},
@@ -5376,33 +5272,11 @@
5376
5272
  "type": "color"
5377
5273
  },
5378
5274
  "button-primary-bgColor-disabled": {
5379
- "$extensions": {
5380
- "org.primer.figma": {
5381
- "collection": "mode",
5382
- "group": "component (internal)",
5383
- "scopes": ["bgColor"]
5384
- }
5385
- },
5386
- "mix": {
5387
- "color": "#d2fedb",
5388
- "weight": 0.6
5389
- },
5390
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5275
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
5391
5276
  "isSource": true,
5392
5277
  "original": {
5393
- "$value": "{base.color.green.4}",
5394
- "$type": "color",
5395
- "$extensions": {
5396
- "org.primer.figma": {
5397
- "collection": "mode",
5398
- "group": "component (internal)",
5399
- "scopes": ["bgColor"]
5400
- }
5401
- },
5402
- "mix": {
5403
- "color": "{base.color.green.0}",
5404
- "weight": 0.6
5405
- }
5278
+ "$value": "#85cb97",
5279
+ "$type": "color"
5406
5280
  },
5407
5281
  "name": "button-primary-bgColor-disabled",
5408
5282
  "attributes": {},
@@ -5456,25 +5330,11 @@
5456
5330
  "type": "color"
5457
5331
  },
5458
5332
  "button-primary-borderColor-disabled": {
5459
- "$extensions": {
5460
- "org.primer.figma": {
5461
- "collection": "mode",
5462
- "group": "component (internal)",
5463
- "scopes": ["borderColor"]
5464
- }
5465
- },
5466
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5333
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
5467
5334
  "isSource": true,
5468
5335
  "original": {
5469
- "$value": "{button.primary.bgColor.disabled}",
5470
- "$type": "color",
5471
- "$extensions": {
5472
- "org.primer.figma": {
5473
- "collection": "mode",
5474
- "group": "component (internal)",
5475
- "scopes": ["borderColor"]
5476
- }
5477
- }
5336
+ "$value": "#85cb97",
5337
+ "$type": "color"
5478
5338
  },
5479
5339
  "name": "button-primary-borderColor-disabled",
5480
5340
  "attributes": {},
@@ -5770,7 +5630,7 @@
5770
5630
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5771
5631
  "isSource": true,
5772
5632
  "original": {
5773
- "$value": "{control.transparent.bgColor.disabled}",
5633
+ "$value": "{base.color.transparent}",
5774
5634
  "$type": "color",
5775
5635
  "$extensions": {
5776
5636
  "org.primer.figma": {
@@ -5783,7 +5643,7 @@
5783
5643
  "name": "button-invisible-bgColor-disabled",
5784
5644
  "attributes": {},
5785
5645
  "path": ["button", "invisible", "bgColor", "disabled"],
5786
- "value": "#e0e6eb",
5646
+ "value": "#ffffff00",
5787
5647
  "type": "color"
5788
5648
  },
5789
5649
  "button-invisible-borderColor-rest": {
@@ -5851,7 +5711,7 @@
5851
5711
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5852
5712
  "isSource": true,
5853
5713
  "original": {
5854
- "$value": "{control.borderColor.disabled}",
5714
+ "$value": "{base.color.transparent}",
5855
5715
  "$type": "color",
5856
5716
  "$extensions": {
5857
5717
  "org.primer.figma": {
@@ -5864,7 +5724,7 @@
5864
5724
  "name": "button-invisible-borderColor-disabled",
5865
5725
  "attributes": {},
5866
5726
  "path": ["button", "invisible", "borderColor", "disabled"],
5867
- "value": "#59636e1f",
5727
+ "value": "#ffffff00",
5868
5728
  "type": "color"
5869
5729
  },
5870
5730
  "button-outline-fgColor-rest": {
@@ -6032,33 +5892,11 @@
6032
5892
  "type": "color"
6033
5893
  },
6034
5894
  "button-outline-bgColor-active": {
6035
- "$extensions": {
6036
- "org.primer.figma": {
6037
- "collection": "mode",
6038
- "group": "component (internal)",
6039
- "scopes": ["bgColor"]
6040
- }
6041
- },
6042
- "mix": {
6043
- "color": "#022f7a",
6044
- "weight": 0.4
6045
- },
6046
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5895
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
6047
5896
  "isSource": true,
6048
5897
  "original": {
6049
- "$value": "{bgColor.accent.emphasis}",
6050
- "$type": "color",
6051
- "$extensions": {
6052
- "org.primer.figma": {
6053
- "collection": "mode",
6054
- "group": "component (internal)",
6055
- "scopes": ["bgColor"]
6056
- }
6057
- },
6058
- "mix": {
6059
- "color": "{base.color.blue.7}",
6060
- "weight": 0.4
6061
- }
5898
+ "$value": "#033f9d",
5899
+ "$type": "color"
6062
5900
  },
6063
5901
  "name": "button-outline-bgColor-active",
6064
5902
  "attributes": {},
@@ -6401,33 +6239,11 @@
6401
6239
  "type": "color"
6402
6240
  },
6403
6241
  "button-danger-bgColor-active": {
6404
- "$extensions": {
6405
- "org.primer.figma": {
6406
- "collection": "mode",
6407
- "group": "component (internal)",
6408
- "scopes": ["bgColor"]
6409
- }
6410
- },
6411
- "mix": {
6412
- "color": "#5a0016",
6413
- "weight": 0.4
6414
- },
6415
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6242
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
6416
6243
  "isSource": true,
6417
6244
  "original": {
6418
- "$value": "{base.color.red.6}",
6419
- "$type": "color",
6420
- "$extensions": {
6421
- "org.primer.figma": {
6422
- "collection": "mode",
6423
- "group": "component (internal)",
6424
- "scopes": ["bgColor"]
6425
- }
6426
- },
6427
- "mix": {
6428
- "color": "{base.color.red.8}",
6429
- "weight": 0.4
6430
- }
6245
+ "$value": "#74041a",
6246
+ "$type": "color"
6431
6247
  },
6432
6248
  "name": "button-danger-bgColor-active",
6433
6249
  "attributes": {},
@@ -6972,33 +6788,11 @@
6972
6788
  "type": "color"
6973
6789
  },
6974
6790
  "buttonCounter-danger-fgColor-rest": {
6975
- "$extensions": {
6976
- "org.primer.figma": {
6977
- "collection": "mode",
6978
- "group": "component (internal)",
6979
- "scopes": ["fgColor"]
6980
- }
6981
- },
6982
- "mix": {
6983
- "color": "#86061d",
6984
- "weight": 0.3
6985
- },
6986
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6791
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
6987
6792
  "isSource": true,
6988
6793
  "original": {
6989
- "$value": "{base.color.red.5}",
6990
- "$type": "color",
6991
- "$extensions": {
6992
- "org.primer.figma": {
6993
- "collection": "mode",
6994
- "group": "component (internal)",
6995
- "scopes": ["fgColor"]
6996
- }
6997
- },
6998
- "mix": {
6999
- "color": "{base.color.red.6}",
7000
- "weight": 0.3
7001
- }
6794
+ "$value": "#980e1e",
6795
+ "$type": "color"
7002
6796
  },
7003
6797
  "name": "buttonCounter-danger-fgColor-rest",
7004
6798
  "attributes": {},
@@ -7090,33 +6884,11 @@
7090
6884
  "type": "color"
7091
6885
  },
7092
6886
  "reactionButton-selected-bgColor-hover": {
7093
- "$extensions": {
7094
- "org.primer.figma": {
7095
- "collection": "mode",
7096
- "group": "component (internal)",
7097
- "scopes": ["bgColor"]
7098
- }
7099
- },
7100
- "mix": {
7101
- "color": "#67b3fd",
7102
- "weight": 0.2
7103
- },
7104
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6887
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
7105
6888
  "isSource": true,
7106
6889
  "original": {
7107
- "$value": "{reactionButton.selected.bgColor.rest}",
7108
- "$type": "color",
7109
- "$extensions": {
7110
- "org.primer.figma": {
7111
- "collection": "mode",
7112
- "group": "component (internal)",
7113
- "scopes": ["bgColor"]
7114
- }
7115
- },
7116
- "mix": {
7117
- "color": "{base.color.blue.2}",
7118
- "weight": 0.2
7119
- }
6890
+ "$value": "#c7e9ff",
6891
+ "$type": "color"
7120
6892
  },
7121
6893
  "name": "reactionButton-selected-bgColor-hover",
7122
6894
  "attributes": {},
@@ -7206,7 +6978,7 @@
7206
6978
  "type": "color"
7207
6979
  },
7208
6980
  "focus-outline": {
7209
- "filePath": "src/tokens/functional/border/light.json5",
6981
+ "filePath": "src/tokens/functional/border/border.json5",
7210
6982
  "isSource": true,
7211
6983
  "original": {
7212
6984
  "$value": {
@@ -7219,7 +6991,7 @@
7219
6991
  "name": "focus-outline",
7220
6992
  "attributes": {},
7221
6993
  "path": ["focus", "outline"],
7222
- "value": "#0349b4 solid 2px",
6994
+ "value": "2px solid #0349b4",
7223
6995
  "type": "border"
7224
6996
  },
7225
6997
  "menu-bgColor-active": {
@@ -11481,13 +11253,11 @@
11481
11253
  "type": "color"
11482
11254
  },
11483
11255
  "bgColor-success-emphasis": {
11484
- "mix": null,
11485
11256
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
11486
11257
  "isSource": true,
11487
11258
  "original": {
11488
11259
  "$value": "{base.color.green.5}",
11489
- "$type": "color",
11490
- "mix": null
11260
+ "$type": "color"
11491
11261
  },
11492
11262
  "name": "bgColor-success-emphasis",
11493
11263
  "attributes": {},
@@ -14134,5 +13904,448 @@
14134
13904
  "path": ["shadow", "floating", "legacy"],
14135
13905
  "value": "0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f",
14136
13906
  "type": "shadow"
13907
+ },
13908
+ "border-default": {
13909
+ "filePath": "src/tokens/functional/border/border.json5",
13910
+ "isSource": true,
13911
+ "original": {
13912
+ "$value": {
13913
+ "color": "{borderColor.default}",
13914
+ "style": "solid",
13915
+ "width": "{borderWidth.default}"
13916
+ },
13917
+ "$type": "border"
13918
+ },
13919
+ "name": "border-default",
13920
+ "attributes": {},
13921
+ "path": ["border", "default"],
13922
+ "value": "0.0625rem solid #454c54",
13923
+ "type": "border"
13924
+ },
13925
+ "border-muted": {
13926
+ "filePath": "src/tokens/functional/border/border.json5",
13927
+ "isSource": true,
13928
+ "original": {
13929
+ "$value": {
13930
+ "color": "{borderColor.muted}",
13931
+ "style": "solid",
13932
+ "width": "{borderWidth.default}"
13933
+ },
13934
+ "$type": "border"
13935
+ },
13936
+ "name": "border-muted",
13937
+ "attributes": {},
13938
+ "path": ["border", "muted"],
13939
+ "value": "0.0625rem solid #454c54",
13940
+ "type": "border"
13941
+ },
13942
+ "border-emphasis": {
13943
+ "filePath": "src/tokens/functional/border/border.json5",
13944
+ "isSource": true,
13945
+ "original": {
13946
+ "$value": {
13947
+ "color": "{borderColor.emphasis}",
13948
+ "style": "solid",
13949
+ "width": "{borderWidth.default}"
13950
+ },
13951
+ "$type": "border"
13952
+ },
13953
+ "name": "border-emphasis",
13954
+ "attributes": {},
13955
+ "path": ["border", "emphasis"],
13956
+ "value": "0.0625rem solid #454c54",
13957
+ "type": "border"
13958
+ },
13959
+ "border-disabled": {
13960
+ "filePath": "src/tokens/functional/border/border.json5",
13961
+ "isSource": true,
13962
+ "original": {
13963
+ "$value": {
13964
+ "color": "{borderColor.disabled}",
13965
+ "style": "solid",
13966
+ "width": "{borderWidth.default}"
13967
+ },
13968
+ "$type": "border"
13969
+ },
13970
+ "name": "border-disabled",
13971
+ "attributes": {},
13972
+ "path": ["border", "disabled"],
13973
+ "value": "0.0625rem solid #59636e1f",
13974
+ "type": "border"
13975
+ },
13976
+ "border-transparent": {
13977
+ "filePath": "src/tokens/functional/border/border.json5",
13978
+ "isSource": true,
13979
+ "original": {
13980
+ "$value": {
13981
+ "color": "{borderColor.transparent}",
13982
+ "style": "solid",
13983
+ "width": "{borderWidth.default}"
13984
+ },
13985
+ "$type": "border"
13986
+ },
13987
+ "name": "border-transparent",
13988
+ "attributes": {},
13989
+ "path": ["border", "transparent"],
13990
+ "value": "0.0625rem solid #ffffff00",
13991
+ "type": "border"
13992
+ },
13993
+ "border-neutral-emphasis": {
13994
+ "filePath": "src/tokens/functional/border/border.json5",
13995
+ "isSource": true,
13996
+ "original": {
13997
+ "$value": {
13998
+ "color": "{borderColor.neutral.emphasis}",
13999
+ "style": "solid",
14000
+ "width": "{borderWidth.default}"
14001
+ },
14002
+ "$type": "border"
14003
+ },
14004
+ "name": "border-neutral-emphasis",
14005
+ "attributes": {},
14006
+ "path": ["border", "neutral", "emphasis"],
14007
+ "value": "0.0625rem solid #59636e",
14008
+ "type": "border"
14009
+ },
14010
+ "border-neutral-muted": {
14011
+ "filePath": "src/tokens/functional/border/border.json5",
14012
+ "isSource": true,
14013
+ "original": {
14014
+ "$value": {
14015
+ "color": "{borderColor.neutral.muted}",
14016
+ "style": "solid",
14017
+ "width": "{borderWidth.default}"
14018
+ },
14019
+ "$type": "border"
14020
+ },
14021
+ "name": "border-neutral-muted",
14022
+ "attributes": {},
14023
+ "path": ["border", "neutral", "muted"],
14024
+ "value": "0.0625rem solid #454c54",
14025
+ "type": "border"
14026
+ },
14027
+ "border-accent-emphasis": {
14028
+ "filePath": "src/tokens/functional/border/border.json5",
14029
+ "isSource": true,
14030
+ "original": {
14031
+ "$value": {
14032
+ "color": "{borderColor.accent.emphasis}",
14033
+ "style": "solid",
14034
+ "width": "{borderWidth.default}"
14035
+ },
14036
+ "$type": "border"
14037
+ },
14038
+ "name": "border-accent-emphasis",
14039
+ "attributes": {},
14040
+ "path": ["border", "accent", "emphasis"],
14041
+ "value": "0.0625rem solid #0349b4",
14042
+ "type": "border"
14043
+ },
14044
+ "border-accent-muted": {
14045
+ "filePath": "src/tokens/functional/border/border.json5",
14046
+ "isSource": true,
14047
+ "original": {
14048
+ "$value": {
14049
+ "color": "{borderColor.accent.muted}",
14050
+ "style": "solid",
14051
+ "width": "{borderWidth.default}"
14052
+ },
14053
+ "$type": "border"
14054
+ },
14055
+ "name": "border-accent-muted",
14056
+ "attributes": {},
14057
+ "path": ["border", "accent", "muted"],
14058
+ "value": "0.0625rem solid #368cf9",
14059
+ "type": "border"
14060
+ },
14061
+ "border-success-emphasis": {
14062
+ "filePath": "src/tokens/functional/border/border.json5",
14063
+ "isSource": true,
14064
+ "original": {
14065
+ "$value": {
14066
+ "color": "{borderColor.success.emphasis}",
14067
+ "style": "solid",
14068
+ "width": "{borderWidth.default}"
14069
+ },
14070
+ "$type": "border"
14071
+ },
14072
+ "name": "border-success-emphasis",
14073
+ "attributes": {},
14074
+ "path": ["border", "success", "emphasis"],
14075
+ "value": "0.0625rem solid #055d20",
14076
+ "type": "border"
14077
+ },
14078
+ "border-success-muted": {
14079
+ "filePath": "src/tokens/functional/border/border.json5",
14080
+ "isSource": true,
14081
+ "original": {
14082
+ "$value": {
14083
+ "color": "{borderColor.success.muted}",
14084
+ "style": "solid",
14085
+ "width": "{borderWidth.default}"
14086
+ },
14087
+ "$type": "border"
14088
+ },
14089
+ "name": "border-success-muted",
14090
+ "attributes": {},
14091
+ "path": ["border", "success", "muted"],
14092
+ "value": "0.0625rem solid #26a148",
14093
+ "type": "border"
14094
+ },
14095
+ "border-open-emphasis": {
14096
+ "filePath": "src/tokens/functional/border/border.json5",
14097
+ "isSource": true,
14098
+ "original": {
14099
+ "$value": "{border.success.emphasis}",
14100
+ "$type": "border"
14101
+ },
14102
+ "name": "border-open-emphasis",
14103
+ "attributes": {},
14104
+ "path": ["border", "open", "emphasis"],
14105
+ "value": "0.0625rem solid #055d20",
14106
+ "type": "border"
14107
+ },
14108
+ "border-open-muted": {
14109
+ "filePath": "src/tokens/functional/border/border.json5",
14110
+ "isSource": true,
14111
+ "original": {
14112
+ "$value": "{border.success.muted}",
14113
+ "$type": "border"
14114
+ },
14115
+ "name": "border-open-muted",
14116
+ "attributes": {},
14117
+ "path": ["border", "open", "muted"],
14118
+ "value": "0.0625rem solid #26a148",
14119
+ "type": "border"
14120
+ },
14121
+ "border-danger-emphasis": {
14122
+ "filePath": "src/tokens/functional/border/border.json5",
14123
+ "isSource": true,
14124
+ "original": {
14125
+ "$value": {
14126
+ "color": "{borderColor.danger.emphasis}",
14127
+ "style": "solid",
14128
+ "width": "{borderWidth.default}"
14129
+ },
14130
+ "$type": "border"
14131
+ },
14132
+ "name": "border-danger-emphasis",
14133
+ "attributes": {},
14134
+ "path": ["border", "danger", "emphasis"],
14135
+ "value": "0.0625rem solid #a0111f",
14136
+ "type": "border"
14137
+ },
14138
+ "border-danger-muted": {
14139
+ "filePath": "src/tokens/functional/border/border.json5",
14140
+ "isSource": true,
14141
+ "original": {
14142
+ "$value": {
14143
+ "color": "{borderColor.danger.muted}",
14144
+ "style": "solid",
14145
+ "width": "{borderWidth.default}"
14146
+ },
14147
+ "$type": "border"
14148
+ },
14149
+ "name": "border-danger-muted",
14150
+ "attributes": {},
14151
+ "path": ["border", "danger", "muted"],
14152
+ "value": "0.0625rem solid #ee5a5d",
14153
+ "type": "border"
14154
+ },
14155
+ "border-closed-emphasis": {
14156
+ "filePath": "src/tokens/functional/border/border.json5",
14157
+ "isSource": true,
14158
+ "original": {
14159
+ "$value": "{border.danger.emphasis}",
14160
+ "$type": "border"
14161
+ },
14162
+ "name": "border-closed-emphasis",
14163
+ "attributes": {},
14164
+ "path": ["border", "closed", "emphasis"],
14165
+ "value": "0.0625rem solid #a0111f",
14166
+ "type": "border"
14167
+ },
14168
+ "border-closed-muted": {
14169
+ "filePath": "src/tokens/functional/border/border.json5",
14170
+ "isSource": true,
14171
+ "original": {
14172
+ "$value": "{border.danger.muted}",
14173
+ "$type": "border"
14174
+ },
14175
+ "name": "border-closed-muted",
14176
+ "attributes": {},
14177
+ "path": ["border", "closed", "muted"],
14178
+ "value": "0.0625rem solid #ee5a5d",
14179
+ "type": "border"
14180
+ },
14181
+ "border-attention-emphasis": {
14182
+ "filePath": "src/tokens/functional/border/border.json5",
14183
+ "isSource": true,
14184
+ "original": {
14185
+ "$value": {
14186
+ "color": "{borderColor.attention.emphasis}",
14187
+ "style": "solid",
14188
+ "width": "{borderWidth.default}"
14189
+ },
14190
+ "$type": "border"
14191
+ },
14192
+ "name": "border-attention-emphasis",
14193
+ "attributes": {},
14194
+ "path": ["border", "attention", "emphasis"],
14195
+ "value": "0.0625rem solid #744500",
14196
+ "type": "border"
14197
+ },
14198
+ "border-attention-muted": {
14199
+ "filePath": "src/tokens/functional/border/border.json5",
14200
+ "isSource": true,
14201
+ "original": {
14202
+ "$value": {
14203
+ "color": "{borderColor.attention.muted}",
14204
+ "style": "solid",
14205
+ "width": "{borderWidth.default}"
14206
+ },
14207
+ "$type": "border"
14208
+ },
14209
+ "name": "border-attention-muted",
14210
+ "attributes": {},
14211
+ "path": ["border", "attention", "muted"],
14212
+ "value": "0.0625rem solid #b58407",
14213
+ "type": "border"
14214
+ },
14215
+ "border-severe-emphasis": {
14216
+ "filePath": "src/tokens/functional/border/border.json5",
14217
+ "isSource": true,
14218
+ "original": {
14219
+ "$value": {
14220
+ "color": "{borderColor.severe.emphasis}",
14221
+ "style": "solid",
14222
+ "width": "{borderWidth.default}"
14223
+ },
14224
+ "$type": "border"
14225
+ },
14226
+ "name": "border-severe-emphasis",
14227
+ "attributes": {},
14228
+ "path": ["border", "severe", "emphasis"],
14229
+ "value": "0.0625rem solid #873800",
14230
+ "type": "border"
14231
+ },
14232
+ "border-severe-muted": {
14233
+ "filePath": "src/tokens/functional/border/border.json5",
14234
+ "isSource": true,
14235
+ "original": {
14236
+ "$value": {
14237
+ "color": "{borderColor.severe.muted}",
14238
+ "style": "solid",
14239
+ "width": "{borderWidth.default}"
14240
+ },
14241
+ "$type": "border"
14242
+ },
14243
+ "name": "border-severe-muted",
14244
+ "attributes": {},
14245
+ "path": ["border", "severe", "muted"],
14246
+ "value": "0.0625rem solid #dc6d1a",
14247
+ "type": "border"
14248
+ },
14249
+ "border-done-emphasis": {
14250
+ "filePath": "src/tokens/functional/border/border.json5",
14251
+ "isSource": true,
14252
+ "original": {
14253
+ "$value": {
14254
+ "color": "{borderColor.done.emphasis}",
14255
+ "style": "solid",
14256
+ "width": "{borderWidth.default}"
14257
+ },
14258
+ "$type": "border"
14259
+ },
14260
+ "name": "border-done-emphasis",
14261
+ "attributes": {},
14262
+ "path": ["border", "done", "emphasis"],
14263
+ "value": "0.0625rem solid #622cbc",
14264
+ "type": "border"
14265
+ },
14266
+ "border-done-muted": {
14267
+ "filePath": "src/tokens/functional/border/border.json5",
14268
+ "isSource": true,
14269
+ "original": {
14270
+ "$value": {
14271
+ "color": "{borderColor.done.muted}",
14272
+ "style": "solid",
14273
+ "width": "{borderWidth.default}"
14274
+ },
14275
+ "$type": "border"
14276
+ },
14277
+ "name": "border-done-muted",
14278
+ "attributes": {},
14279
+ "path": ["border", "done", "muted"],
14280
+ "value": "0.0625rem solid #a371f7",
14281
+ "type": "border"
14282
+ },
14283
+ "border-upsell-emphasis": {
14284
+ "filePath": "src/tokens/functional/border/border.json5",
14285
+ "isSource": true,
14286
+ "original": {
14287
+ "$value": {
14288
+ "color": "{borderColor.upsell.emphasis}",
14289
+ "style": "solid",
14290
+ "width": "{borderWidth.default}"
14291
+ },
14292
+ "$type": "border"
14293
+ },
14294
+ "name": "border-upsell-emphasis",
14295
+ "attributes": {},
14296
+ "path": ["border", "upsell", "emphasis"],
14297
+ "value": "0.0625rem solid #622cbc",
14298
+ "type": "border"
14299
+ },
14300
+ "border-upsell-muted": {
14301
+ "filePath": "src/tokens/functional/border/border.json5",
14302
+ "isSource": true,
14303
+ "original": {
14304
+ "$value": {
14305
+ "color": "{borderColor.upsell.muted}",
14306
+ "style": "solid",
14307
+ "width": "{borderWidth.default}"
14308
+ },
14309
+ "$type": "border"
14310
+ },
14311
+ "name": "border-upsell-muted",
14312
+ "attributes": {},
14313
+ "path": ["border", "upsell", "muted"],
14314
+ "value": "0.0625rem solid #a371f7",
14315
+ "type": "border"
14316
+ },
14317
+ "border-sponsors-emphasis": {
14318
+ "filePath": "src/tokens/functional/border/border.json5",
14319
+ "isSource": true,
14320
+ "original": {
14321
+ "$value": {
14322
+ "color": "{borderColor.sponsors.emphasis}",
14323
+ "style": "solid",
14324
+ "width": "{borderWidth.default}"
14325
+ },
14326
+ "$type": "border"
14327
+ },
14328
+ "name": "border-sponsors-emphasis",
14329
+ "attributes": {},
14330
+ "path": ["border", "sponsors", "emphasis"],
14331
+ "value": "0.0625rem solid #971368",
14332
+ "type": "border"
14333
+ },
14334
+ "border-sponsors-muted": {
14335
+ "filePath": "src/tokens/functional/border/border.json5",
14336
+ "isSource": true,
14337
+ "original": {
14338
+ "$value": {
14339
+ "color": "{borderColor.sponsors.muted}",
14340
+ "style": "solid",
14341
+ "width": "{borderWidth.default}"
14342
+ },
14343
+ "$type": "border"
14344
+ },
14345
+ "name": "border-sponsors-muted",
14346
+ "attributes": {},
14347
+ "path": ["border", "sponsors", "muted"],
14348
+ "value": "0.0625rem solid #ed4baf",
14349
+ "type": "border"
14137
14350
  }
14138
14351
  }