@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
@@ -120,7 +120,6 @@
120
120
  }
121
121
  },
122
122
  "alpha": 0.15,
123
- "mix": null,
124
123
  "filePath": "src/tokens/functional/color/dark/app-dark.json5",
125
124
  "isSource": true,
126
125
  "original": {
@@ -133,8 +132,7 @@
133
132
  "scopes": ["bgColor"]
134
133
  }
135
134
  },
136
- "alpha": 0.15,
137
- "mix": null
135
+ "alpha": 0.15
138
136
  },
139
137
  "name": "diffBlob-additionLine-bgColor",
140
138
  "attributes": {},
@@ -289,7 +287,6 @@
289
287
  "scopes": ["bgColor"]
290
288
  }
291
289
  },
292
- "mix": null,
293
290
  "filePath": "src/tokens/functional/color/dark/app-dark.json5",
294
291
  "isSource": true,
295
292
  "original": {
@@ -301,8 +298,7 @@
301
298
  "group": "component",
302
299
  "scopes": ["bgColor"]
303
300
  }
304
- },
305
- "mix": null
301
+ }
306
302
  },
307
303
  "name": "diffBlob-deletionLine-bgColor",
308
304
  "attributes": {},
@@ -4771,7 +4767,7 @@
4771
4767
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
4772
4768
  "isSource": true,
4773
4769
  "original": {
4774
- "$value": "{borderColor.default}",
4770
+ "$value": "#3d444d",
4775
4771
  "$type": "color"
4776
4772
  },
4777
4773
  "name": "control-borderColor-rest",
@@ -4808,25 +4804,13 @@
4808
4804
  "control-borderColor-disabled": {
4809
4805
  "$value": "#656c761a",
4810
4806
  "$type": "color",
4811
- "$extensions": {
4812
- "org.primer.figma": {
4813
- "collection": "mode",
4814
- "group": "component",
4815
- "scopes": ["borderColor"]
4816
- }
4817
- },
4818
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4807
+ "alpha": 0.1,
4808
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
4819
4809
  "isSource": true,
4820
4810
  "original": {
4821
- "$value": "{borderColor.disabled}",
4811
+ "$value": "{base.color.neutral.8}",
4822
4812
  "$type": "color",
4823
- "$extensions": {
4824
- "org.primer.figma": {
4825
- "collection": "mode",
4826
- "group": "component",
4827
- "scopes": ["borderColor"]
4828
- }
4829
- }
4813
+ "alpha": 0.1
4830
4814
  },
4831
4815
  "name": "control-borderColor-disabled",
4832
4816
  "attributes": {},
@@ -5287,33 +5271,11 @@
5287
5271
  "control-checked-bgColor-hover": {
5288
5272
  "$value": "#3876d3",
5289
5273
  "$type": "color",
5290
- "$extensions": {
5291
- "org.primer.figma": {
5292
- "collection": "mode",
5293
- "group": "component",
5294
- "scopes": ["bgColor"]
5295
- }
5296
- },
5297
- "mix": {
5298
- "color": "#539bf5",
5299
- "weight": 0.2
5300
- },
5301
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5274
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
5302
5275
  "isSource": true,
5303
5276
  "original": {
5304
- "$value": "{bgColor.accent.emphasis}",
5305
- "$type": "color",
5306
- "$extensions": {
5307
- "org.primer.figma": {
5308
- "collection": "mode",
5309
- "group": "component",
5310
- "scopes": ["bgColor"]
5311
- }
5312
- },
5313
- "mix": {
5314
- "color": "{base.color.blue.3}",
5315
- "weight": 0.2
5316
- }
5277
+ "$value": "#3876d3",
5278
+ "$type": "color"
5317
5279
  },
5318
5280
  "name": "control-checked-bgColor-hover",
5319
5281
  "attributes": {},
@@ -5322,33 +5284,11 @@
5322
5284
  "control-checked-bgColor-active": {
5323
5285
  "$value": "#3f7fdb",
5324
5286
  "$type": "color",
5325
- "$extensions": {
5326
- "org.primer.figma": {
5327
- "collection": "mode",
5328
- "group": "component",
5329
- "scopes": ["bgColor"]
5330
- }
5331
- },
5332
- "mix": {
5333
- "color": "#539bf5",
5334
- "weight": 0.4
5335
- },
5336
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5287
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
5337
5288
  "isSource": true,
5338
5289
  "original": {
5339
- "$value": "{bgColor.accent.emphasis}",
5340
- "$type": "color",
5341
- "$extensions": {
5342
- "org.primer.figma": {
5343
- "collection": "mode",
5344
- "group": "component",
5345
- "scopes": ["bgColor"]
5346
- }
5347
- },
5348
- "mix": {
5349
- "color": "{base.color.blue.3}",
5350
- "weight": 0.4
5351
- }
5290
+ "$value": "#3f7fdb",
5291
+ "$type": "color"
5352
5292
  },
5353
5293
  "name": "control-checked-bgColor-active",
5354
5294
  "attributes": {},
@@ -5465,25 +5405,11 @@
5465
5405
  "control-checked-borderColor-hover": {
5466
5406
  "$value": "#3876d3",
5467
5407
  "$type": "color",
5468
- "$extensions": {
5469
- "org.primer.figma": {
5470
- "collection": "mode",
5471
- "group": "component",
5472
- "scopes": ["borderColor"]
5473
- }
5474
- },
5475
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5408
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
5476
5409
  "isSource": true,
5477
5410
  "original": {
5478
- "$value": "{control.checked.bgColor.hover}",
5479
- "$type": "color",
5480
- "$extensions": {
5481
- "org.primer.figma": {
5482
- "collection": "mode",
5483
- "group": "component",
5484
- "scopes": ["borderColor"]
5485
- }
5486
- }
5411
+ "$value": "#3876d3",
5412
+ "$type": "color"
5487
5413
  },
5488
5414
  "name": "control-checked-borderColor-hover",
5489
5415
  "attributes": {},
@@ -5492,25 +5418,11 @@
5492
5418
  "control-checked-borderColor-active": {
5493
5419
  "$value": "#3f7fdb",
5494
5420
  "$type": "color",
5495
- "$extensions": {
5496
- "org.primer.figma": {
5497
- "collection": "mode",
5498
- "group": "component",
5499
- "scopes": ["borderColor"]
5500
- }
5501
- },
5502
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5421
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
5503
5422
  "isSource": true,
5504
5423
  "original": {
5505
- "$value": "{control.checked.bgColor.active}",
5506
- "$type": "color",
5507
- "$extensions": {
5508
- "org.primer.figma": {
5509
- "collection": "mode",
5510
- "group": "component",
5511
- "scopes": ["borderColor"]
5512
- }
5513
- }
5424
+ "$value": "#3f7fdb",
5425
+ "$type": "color"
5514
5426
  },
5515
5427
  "name": "control-checked-borderColor-active",
5516
5428
  "attributes": {},
@@ -5666,25 +5578,11 @@
5666
5578
  "controlTrack-borderColor-rest": {
5667
5579
  "$value": "#3d444d",
5668
5580
  "$type": "color",
5669
- "$extensions": {
5670
- "org.primer.figma": {
5671
- "collection": "mode",
5672
- "group": "component (internal)",
5673
- "scopes": ["borderColor"]
5674
- }
5675
- },
5676
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5581
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
5677
5582
  "isSource": true,
5678
5583
  "original": {
5679
- "$value": "{borderColor.default}",
5680
- "$type": "color",
5681
- "$extensions": {
5682
- "org.primer.figma": {
5683
- "collection": "mode",
5684
- "group": "component (internal)",
5685
- "scopes": ["borderColor"]
5686
- }
5687
- }
5584
+ "$value": "{base.color.neutral.7}",
5585
+ "$type": "color"
5688
5586
  },
5689
5587
  "name": "controlTrack-borderColor-rest",
5690
5588
  "attributes": {},
@@ -6350,33 +6248,11 @@
6350
6248
  "button-primary-bgColor-hover": {
6351
6249
  "$value": "#3b8640",
6352
6250
  "$type": "color",
6353
- "$extensions": {
6354
- "org.primer.figma": {
6355
- "collection": "mode",
6356
- "group": "component (internal)",
6357
- "scopes": ["bgColor"]
6358
- }
6359
- },
6360
- "mix": {
6361
- "color": "#57ab5a",
6362
- "weight": 0.2
6363
- },
6364
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6251
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
6365
6252
  "isSource": true,
6366
6253
  "original": {
6367
- "$value": "{bgColor.success.emphasis}",
6368
- "$type": "color",
6369
- "$extensions": {
6370
- "org.primer.figma": {
6371
- "collection": "mode",
6372
- "group": "component (internal)",
6373
- "scopes": ["bgColor"]
6374
- }
6375
- },
6376
- "mix": {
6377
- "color": "{base.color.green.3}",
6378
- "weight": 0.2
6379
- }
6254
+ "$value": "#3b8640",
6255
+ "$type": "color"
6380
6256
  },
6381
6257
  "name": "button-primary-bgColor-hover",
6382
6258
  "attributes": {},
@@ -6385,33 +6261,11 @@
6385
6261
  "button-primary-bgColor-active": {
6386
6262
  "$value": "#428f46",
6387
6263
  "$type": "color",
6388
- "$extensions": {
6389
- "org.primer.figma": {
6390
- "collection": "mode",
6391
- "group": "component (internal)",
6392
- "scopes": ["bgColor"]
6393
- }
6394
- },
6395
- "mix": {
6396
- "color": "#57ab5a",
6397
- "weight": 0.4
6398
- },
6399
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6264
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
6400
6265
  "isSource": true,
6401
6266
  "original": {
6402
- "$value": "{bgColor.success.emphasis}",
6403
- "$type": "color",
6404
- "$extensions": {
6405
- "org.primer.figma": {
6406
- "collection": "mode",
6407
- "group": "component (internal)",
6408
- "scopes": ["bgColor"]
6409
- }
6410
- },
6411
- "mix": {
6412
- "color": "{base.color.green.3}",
6413
- "weight": 0.4
6414
- }
6267
+ "$value": "#428f46",
6268
+ "$type": "color"
6415
6269
  },
6416
6270
  "name": "button-primary-bgColor-active",
6417
6271
  "attributes": {},
@@ -6420,19 +6274,11 @@
6420
6274
  "button-primary-bgColor-disabled": {
6421
6275
  "$value": "#50a254",
6422
6276
  "$type": "color",
6423
- "mix": {
6424
- "color": "#57ab5a",
6425
- "weight": 0.6
6426
- },
6427
6277
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
6428
6278
  "isSource": true,
6429
6279
  "original": {
6430
- "$value": "{base.color.green.4}",
6431
- "$type": "color",
6432
- "mix": {
6433
- "color": "{base.color.green.3}",
6434
- "weight": 0.6
6435
- }
6280
+ "$value": "#50a254",
6281
+ "$type": "color"
6436
6282
  },
6437
6283
  "name": "button-primary-bgColor-disabled",
6438
6284
  "attributes": {},
@@ -6524,25 +6370,11 @@
6524
6370
  "button-primary-borderColor-disabled": {
6525
6371
  "$value": "#50a254",
6526
6372
  "$type": "color",
6527
- "$extensions": {
6528
- "org.primer.figma": {
6529
- "collection": "mode",
6530
- "group": "component (internal)",
6531
- "scopes": ["borderColor"]
6532
- }
6533
- },
6534
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6373
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
6535
6374
  "isSource": true,
6536
6375
  "original": {
6537
- "$value": "{button.primary.bgColor.disabled}",
6538
- "$type": "color",
6539
- "$extensions": {
6540
- "org.primer.figma": {
6541
- "collection": "mode",
6542
- "group": "component (internal)",
6543
- "scopes": ["borderColor"]
6544
- }
6545
- }
6376
+ "$value": "#50a254",
6377
+ "$type": "color"
6546
6378
  },
6547
6379
  "name": "button-primary-borderColor-disabled",
6548
6380
  "attributes": {},
@@ -6826,7 +6658,7 @@
6826
6658
  "path": ["button", "invisible", "bgColor", "active"]
6827
6659
  },
6828
6660
  "button-invisible-bgColor-disabled": {
6829
- "$value": "#2a313c",
6661
+ "$value": "#00000000",
6830
6662
  "$type": "color",
6831
6663
  "$extensions": {
6832
6664
  "org.primer.figma": {
@@ -6838,7 +6670,7 @@
6838
6670
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6839
6671
  "isSource": true,
6840
6672
  "original": {
6841
- "$value": "{control.transparent.bgColor.disabled}",
6673
+ "$value": "{base.color.transparent}",
6842
6674
  "$type": "color",
6843
6675
  "$extensions": {
6844
6676
  "org.primer.figma": {
@@ -6907,7 +6739,7 @@
6907
6739
  "path": ["button", "invisible", "borderColor", "hover"]
6908
6740
  },
6909
6741
  "button-invisible-borderColor-disabled": {
6910
- "$value": "#656c761a",
6742
+ "$value": "#00000000",
6911
6743
  "$type": "color",
6912
6744
  "$extensions": {
6913
6745
  "org.primer.figma": {
@@ -6919,7 +6751,7 @@
6919
6751
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6920
6752
  "isSource": true,
6921
6753
  "original": {
6922
- "$value": "{control.borderColor.disabled}",
6754
+ "$value": "{base.color.transparent}",
6923
6755
  "$type": "color",
6924
6756
  "$extensions": {
6925
6757
  "org.primer.figma": {
@@ -7017,27 +6849,11 @@
7017
6849
  "button-outline-fgColor-disabled": {
7018
6850
  "$value": "#478be680",
7019
6851
  "$type": "color",
7020
- "$extensions": {
7021
- "org.primer.figma": {
7022
- "collection": "mode",
7023
- "group": "component (internal)",
7024
- "scopes": ["fgColor"]
7025
- }
7026
- },
7027
- "alpha": 0.5,
7028
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6852
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
7029
6853
  "isSource": true,
7030
6854
  "original": {
7031
- "$value": "{fgColor.accent}",
7032
- "$type": "color",
7033
- "$extensions": {
7034
- "org.primer.figma": {
7035
- "collection": "mode",
7036
- "group": "component (internal)",
7037
- "scopes": ["fgColor"]
7038
- }
7039
- },
7040
- "alpha": 0.5
6855
+ "$value": "#478be680",
6856
+ "$type": "color"
7041
6857
  },
7042
6858
  "name": "button-outline-fgColor-disabled",
7043
6859
  "attributes": {},
@@ -7243,33 +7059,11 @@
7243
7059
  "button-danger-fgColor-rest": {
7244
7060
  "$value": "#ea5c53",
7245
7061
  "$type": "color",
7246
- "$extensions": {
7247
- "org.primer.figma": {
7248
- "collection": "mode",
7249
- "group": "component (internal)",
7250
- "scopes": ["fgColor"]
7251
- }
7252
- },
7253
- "mix": {
7254
- "color": "#f47067",
7255
- "weight": 0.3
7256
- },
7257
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7062
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
7258
7063
  "isSource": true,
7259
7064
  "original": {
7260
- "$value": "{base.color.red.4}",
7261
- "$type": "color",
7262
- "$extensions": {
7263
- "org.primer.figma": {
7264
- "collection": "mode",
7265
- "group": "component (internal)",
7266
- "scopes": ["fgColor"]
7267
- }
7268
- },
7269
- "mix": {
7270
- "color": "{base.color.red.3}",
7271
- "weight": 0.3
7272
- }
7065
+ "$value": "#ea5c53",
7066
+ "$type": "color"
7273
7067
  },
7274
7068
  "name": "button-danger-fgColor-rest",
7275
7069
  "attributes": {},
@@ -7361,25 +7155,11 @@
7361
7155
  "button-danger-iconColor-rest": {
7362
7156
  "$value": "#ea5c53",
7363
7157
  "$type": "color",
7364
- "$extensions": {
7365
- "org.primer.figma": {
7366
- "collection": "mode",
7367
- "group": "component (internal)",
7368
- "scopes": ["fgColor"]
7369
- }
7370
- },
7371
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7158
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
7372
7159
  "isSource": true,
7373
7160
  "original": {
7374
- "$value": "{button.danger.fgColor.rest}",
7375
- "$type": "color",
7376
- "$extensions": {
7377
- "org.primer.figma": {
7378
- "collection": "mode",
7379
- "group": "component (internal)",
7380
- "scopes": ["fgColor"]
7381
- }
7382
- }
7161
+ "$value": "#ea5c53",
7162
+ "$type": "color"
7383
7163
  },
7384
7164
  "name": "button-danger-iconColor-rest",
7385
7165
  "attributes": {},
@@ -7469,33 +7249,11 @@
7469
7249
  "button-danger-bgColor-active": {
7470
7250
  "$value": "#c33d38",
7471
7251
  "$type": "color",
7472
- "$extensions": {
7473
- "org.primer.figma": {
7474
- "collection": "mode",
7475
- "group": "component (internal)",
7476
- "scopes": ["bgColor"]
7477
- }
7478
- },
7479
- "mix": {
7480
- "color": "#e5534b",
7481
- "weight": 0.4
7482
- },
7483
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7252
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
7484
7253
  "isSource": true,
7485
7254
  "original": {
7486
- "$value": "{base.color.red.6}",
7487
- "$type": "color",
7488
- "$extensions": {
7489
- "org.primer.figma": {
7490
- "collection": "mode",
7491
- "group": "component (internal)",
7492
- "scopes": ["bgColor"]
7493
- }
7494
- },
7495
- "mix": {
7496
- "color": "{base.color.red.4}",
7497
- "weight": 0.4
7498
- }
7255
+ "$value": "#c33d38",
7256
+ "$type": "color"
7499
7257
  },
7500
7258
  "name": "button-danger-bgColor-active",
7501
7259
  "attributes": {},
@@ -8152,35 +7910,13 @@
8152
7910
  "reactionButton-selected-bgColor-hover": {
8153
7911
  "$value": "#4285e55c",
8154
7912
  "$type": "color",
8155
- "$extensions": {
8156
- "org.primer.figma": {
8157
- "collection": "mode",
8158
- "group": "component (internal)",
8159
- "scopes": ["bgColor"]
8160
- }
8161
- },
8162
- "mix": {
8163
- "color": "#6cb6ff",
8164
- "weight": 0.2
8165
- },
8166
- "alpha": 0.2,
8167
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7913
+ "alpha": 0.36,
7914
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
8168
7915
  "isSource": true,
8169
7916
  "original": {
8170
- "$value": "{reactionButton.selected.bgColor.rest}",
7917
+ "$value": "#4285e5",
8171
7918
  "$type": "color",
8172
- "$extensions": {
8173
- "org.primer.figma": {
8174
- "collection": "mode",
8175
- "group": "component (internal)",
8176
- "scopes": ["bgColor"]
8177
- }
8178
- },
8179
- "mix": {
8180
- "color": "{base.color.blue.2}",
8181
- "weight": 0.2
8182
- },
8183
- "alpha": 0.2
7919
+ "alpha": 0.36
8184
7920
  },
8185
7921
  "name": "reactionButton-selected-bgColor-hover",
8186
7922
  "attributes": {},
@@ -8267,6 +8003,23 @@
8267
8003
  "attributes": {},
8268
8004
  "path": ["focus", "outlineColor"]
8269
8005
  },
8006
+ "focus-outline": {
8007
+ "$value": "2px solid #316dca",
8008
+ "$type": "border",
8009
+ "filePath": "src/tokens/functional/border/border.json5",
8010
+ "isSource": true,
8011
+ "original": {
8012
+ "$value": {
8013
+ "color": "{focus.outlineColor}",
8014
+ "style": "solid",
8015
+ "width": "2px"
8016
+ },
8017
+ "$type": "border"
8018
+ },
8019
+ "name": "focus-outline",
8020
+ "attributes": {},
8021
+ "path": ["focus", "outline"]
8022
+ },
8270
8023
  "menu-bgColor-active": {
8271
8024
  "$value": "#151b23",
8272
8025
  "$type": "color",
@@ -8310,23 +8063,13 @@
8310
8063
  "overlay-borderColor": {
8311
8064
  "$value": "#3d444db3",
8312
8065
  "$type": "color",
8313
- "$extensions": {
8314
- "org.primer.figma": {
8315
- "collection": "mode",
8316
- "group": "component (internal)"
8317
- }
8318
- },
8319
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8066
+ "alpha": 0.7,
8067
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
8320
8068
  "isSource": true,
8321
8069
  "original": {
8322
- "$value": "{borderColor.muted}",
8070
+ "$value": "{base.color.neutral.7}",
8323
8071
  "$type": "color",
8324
- "$extensions": {
8325
- "org.primer.figma": {
8326
- "collection": "mode",
8327
- "group": "component (internal)"
8328
- }
8329
- }
8072
+ "alpha": 0.7
8330
8073
  },
8331
8074
  "name": "overlay-borderColor",
8332
8075
  "attributes": {},
@@ -11984,39 +11727,11 @@
11984
11727
  "fgColor-accent": {
11985
11728
  "$value": "#478be6",
11986
11729
  "$type": "color",
11987
- "$extensions": {
11988
- "org.primer.figma": {
11989
- "collection": "mode",
11990
- "group": "semantic",
11991
- "scopes": ["fgColor"],
11992
- "codeSyntax": {
11993
- "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
11994
- }
11995
- }
11996
- },
11997
- "mix": {
11998
- "color": "#316dca",
11999
- "weight": 0.35
12000
- },
12001
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
11730
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
12002
11731
  "isSource": true,
12003
11732
  "original": {
12004
- "$value": "{base.color.blue.3}",
12005
- "$type": "color",
12006
- "$extensions": {
12007
- "org.primer.figma": {
12008
- "collection": "mode",
12009
- "group": "semantic",
12010
- "scopes": ["fgColor"],
12011
- "codeSyntax": {
12012
- "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
12013
- }
12014
- }
12015
- },
12016
- "mix": {
12017
- "color": "{base.color.blue.5}",
12018
- "weight": 0.35
12019
- }
11733
+ "$value": "#478be6",
11734
+ "$type": "color"
12020
11735
  },
12021
11736
  "name": "fgColor-accent",
12022
11737
  "attributes": {},
@@ -13243,31 +12958,11 @@
13243
12958
  "borderColor-default": {
13244
12959
  "$value": "#3d444d",
13245
12960
  "$type": "color",
13246
- "$extensions": {
13247
- "org.primer.figma": {
13248
- "collection": "mode",
13249
- "group": "semantic",
13250
- "scopes": ["borderColor"],
13251
- "codeSyntax": {
13252
- "web": "var(--borderColor-default) /* utility class: .color-border-default */"
13253
- }
13254
- }
13255
- },
13256
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12961
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
13257
12962
  "isSource": true,
13258
12963
  "original": {
13259
12964
  "$value": "{base.color.neutral.7}",
13260
- "$type": "color",
13261
- "$extensions": {
13262
- "org.primer.figma": {
13263
- "collection": "mode",
13264
- "group": "semantic",
13265
- "scopes": ["borderColor"],
13266
- "codeSyntax": {
13267
- "web": "var(--borderColor-default) /* utility class: .color-border-default */"
13268
- }
13269
- }
13270
- }
12965
+ "$type": "color"
13271
12966
  },
13272
12967
  "name": "borderColor-default",
13273
12968
  "attributes": {},
@@ -13276,32 +12971,12 @@
13276
12971
  "borderColor-muted": {
13277
12972
  "$value": "#3d444db3",
13278
12973
  "$type": "color",
13279
- "$extensions": {
13280
- "org.primer.figma": {
13281
- "collection": "mode",
13282
- "group": "semantic",
13283
- "scopes": ["borderColor"],
13284
- "codeSyntax": {
13285
- "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
13286
- }
13287
- }
13288
- },
13289
12974
  "alpha": 0.7,
13290
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12975
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
13291
12976
  "isSource": true,
13292
12977
  "original": {
13293
- "$value": "{borderColor.default}",
12978
+ "$value": "{base.color.neutral.7}",
13294
12979
  "$type": "color",
13295
- "$extensions": {
13296
- "org.primer.figma": {
13297
- "collection": "mode",
13298
- "group": "semantic",
13299
- "scopes": ["borderColor"],
13300
- "codeSyntax": {
13301
- "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
13302
- }
13303
- }
13304
- },
13305
12980
  "alpha": 0.7
13306
12981
  },
13307
12982
  "name": "borderColor-muted",
@@ -13338,26 +13013,12 @@
13338
13013
  "borderColor-disabled": {
13339
13014
  "$value": "#656c761a",
13340
13015
  "$type": "color",
13341
- "$extensions": {
13342
- "org.primer.figma": {
13343
- "collection": "mode",
13344
- "group": "semantic",
13345
- "scopes": ["borderColor"]
13346
- }
13347
- },
13348
13016
  "alpha": 0.1,
13349
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13017
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
13350
13018
  "isSource": true,
13351
13019
  "original": {
13352
13020
  "$value": "{base.color.neutral.8}",
13353
13021
  "$type": "color",
13354
- "$extensions": {
13355
- "org.primer.figma": {
13356
- "collection": "mode",
13357
- "group": "semantic",
13358
- "scopes": ["borderColor"]
13359
- }
13360
- },
13361
13022
  "alpha": 0.1
13362
13023
  },
13363
13024
  "name": "borderColor-disabled",
@@ -13423,25 +13084,13 @@
13423
13084
  "borderColor-neutral-muted": {
13424
13085
  "$value": "#3d444db3",
13425
13086
  "$type": "color",
13426
- "$extensions": {
13427
- "org.primer.figma": {
13428
- "collection": "mode",
13429
- "group": "semantic",
13430
- "scopes": ["borderColor"]
13431
- }
13432
- },
13433
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13087
+ "alpha": 0.7,
13088
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
13434
13089
  "isSource": true,
13435
13090
  "original": {
13436
- "$value": "{borderColor.muted}",
13091
+ "$value": "{base.color.neutral.7}",
13437
13092
  "$type": "color",
13438
- "$extensions": {
13439
- "org.primer.figma": {
13440
- "collection": "mode",
13441
- "group": "semantic",
13442
- "scopes": ["borderColor"]
13443
- }
13444
- }
13093
+ "alpha": 0.7
13445
13094
  },
13446
13095
  "name": "borderColor-neutral-muted",
13447
13096
  "attributes": {},
@@ -15706,21 +15355,447 @@
15706
15355
  "attributes": {},
15707
15356
  "path": ["shadow", "floating", "legacy"]
15708
15357
  },
15709
- "outline-focus": {
15710
- "$value": "#316dca solid 2px",
15358
+ "border-default": {
15359
+ "$value": "0.00390625rem,0.0625px solid #3d444d",
15711
15360
  "$type": "border",
15712
- "filePath": "src/tokens/functional/border/dark.json5",
15361
+ "filePath": "src/tokens/functional/border/border.json5",
15713
15362
  "isSource": true,
15714
15363
  "original": {
15715
15364
  "$value": {
15716
- "color": "{focus.outlineColor}",
15365
+ "color": "{borderColor.default}",
15717
15366
  "style": "solid",
15718
- "width": "2px"
15367
+ "width": "{borderWidth.default}"
15368
+ },
15369
+ "$type": "border"
15370
+ },
15371
+ "name": "border-default",
15372
+ "attributes": {},
15373
+ "path": ["border", "default"]
15374
+ },
15375
+ "border-muted": {
15376
+ "$value": "0.00390625rem,0.0625px solid #3d444db3",
15377
+ "$type": "border",
15378
+ "filePath": "src/tokens/functional/border/border.json5",
15379
+ "isSource": true,
15380
+ "original": {
15381
+ "$value": {
15382
+ "color": "{borderColor.muted}",
15383
+ "style": "solid",
15384
+ "width": "{borderWidth.default}"
15385
+ },
15386
+ "$type": "border"
15387
+ },
15388
+ "name": "border-muted",
15389
+ "attributes": {},
15390
+ "path": ["border", "muted"]
15391
+ },
15392
+ "border-emphasis": {
15393
+ "$value": "0.00390625rem,0.0625px solid #656c76",
15394
+ "$type": "border",
15395
+ "filePath": "src/tokens/functional/border/border.json5",
15396
+ "isSource": true,
15397
+ "original": {
15398
+ "$value": {
15399
+ "color": "{borderColor.emphasis}",
15400
+ "style": "solid",
15401
+ "width": "{borderWidth.default}"
15402
+ },
15403
+ "$type": "border"
15404
+ },
15405
+ "name": "border-emphasis",
15406
+ "attributes": {},
15407
+ "path": ["border", "emphasis"]
15408
+ },
15409
+ "border-disabled": {
15410
+ "$value": "0.00390625rem,0.0625px solid #656c761a",
15411
+ "$type": "border",
15412
+ "filePath": "src/tokens/functional/border/border.json5",
15413
+ "isSource": true,
15414
+ "original": {
15415
+ "$value": {
15416
+ "color": "{borderColor.disabled}",
15417
+ "style": "solid",
15418
+ "width": "{borderWidth.default}"
15419
+ },
15420
+ "$type": "border"
15421
+ },
15422
+ "name": "border-disabled",
15423
+ "attributes": {},
15424
+ "path": ["border", "disabled"]
15425
+ },
15426
+ "border-transparent": {
15427
+ "$value": "0.00390625rem,0.0625px solid #00000000",
15428
+ "$type": "border",
15429
+ "filePath": "src/tokens/functional/border/border.json5",
15430
+ "isSource": true,
15431
+ "original": {
15432
+ "$value": {
15433
+ "color": "{borderColor.transparent}",
15434
+ "style": "solid",
15435
+ "width": "{borderWidth.default}"
15436
+ },
15437
+ "$type": "border"
15438
+ },
15439
+ "name": "border-transparent",
15440
+ "attributes": {},
15441
+ "path": ["border", "transparent"]
15442
+ },
15443
+ "border-neutral-emphasis": {
15444
+ "$value": "0.00390625rem,0.0625px solid #656c76",
15445
+ "$type": "border",
15446
+ "filePath": "src/tokens/functional/border/border.json5",
15447
+ "isSource": true,
15448
+ "original": {
15449
+ "$value": {
15450
+ "color": "{borderColor.neutral.emphasis}",
15451
+ "style": "solid",
15452
+ "width": "{borderWidth.default}"
15453
+ },
15454
+ "$type": "border"
15455
+ },
15456
+ "name": "border-neutral-emphasis",
15457
+ "attributes": {},
15458
+ "path": ["border", "neutral", "emphasis"]
15459
+ },
15460
+ "border-neutral-muted": {
15461
+ "$value": "0.00390625rem,0.0625px solid #3d444db3",
15462
+ "$type": "border",
15463
+ "filePath": "src/tokens/functional/border/border.json5",
15464
+ "isSource": true,
15465
+ "original": {
15466
+ "$value": {
15467
+ "color": "{borderColor.neutral.muted}",
15468
+ "style": "solid",
15469
+ "width": "{borderWidth.default}"
15470
+ },
15471
+ "$type": "border"
15472
+ },
15473
+ "name": "border-neutral-muted",
15474
+ "attributes": {},
15475
+ "path": ["border", "neutral", "muted"]
15476
+ },
15477
+ "border-accent-emphasis": {
15478
+ "$value": "0.00390625rem,0.0625px solid #316dca",
15479
+ "$type": "border",
15480
+ "filePath": "src/tokens/functional/border/border.json5",
15481
+ "isSource": true,
15482
+ "original": {
15483
+ "$value": {
15484
+ "color": "{borderColor.accent.emphasis}",
15485
+ "style": "solid",
15486
+ "width": "{borderWidth.default}"
15487
+ },
15488
+ "$type": "border"
15489
+ },
15490
+ "name": "border-accent-emphasis",
15491
+ "attributes": {},
15492
+ "path": ["border", "accent", "emphasis"]
15493
+ },
15494
+ "border-accent-muted": {
15495
+ "$value": "0.00390625rem,0.0625px solid #4184e466",
15496
+ "$type": "border",
15497
+ "filePath": "src/tokens/functional/border/border.json5",
15498
+ "isSource": true,
15499
+ "original": {
15500
+ "$value": {
15501
+ "color": "{borderColor.accent.muted}",
15502
+ "style": "solid",
15503
+ "width": "{borderWidth.default}"
15504
+ },
15505
+ "$type": "border"
15506
+ },
15507
+ "name": "border-accent-muted",
15508
+ "attributes": {},
15509
+ "path": ["border", "accent", "muted"]
15510
+ },
15511
+ "border-success-emphasis": {
15512
+ "$value": "0.00390625rem,0.0625px solid #347d39",
15513
+ "$type": "border",
15514
+ "filePath": "src/tokens/functional/border/border.json5",
15515
+ "isSource": true,
15516
+ "original": {
15517
+ "$value": {
15518
+ "color": "{borderColor.success.emphasis}",
15519
+ "style": "solid",
15520
+ "width": "{borderWidth.default}"
15521
+ },
15522
+ "$type": "border"
15523
+ },
15524
+ "name": "border-success-emphasis",
15525
+ "attributes": {},
15526
+ "path": ["border", "success", "emphasis"]
15527
+ },
15528
+ "border-success-muted": {
15529
+ "$value": "0.00390625rem,0.0625px solid #46954a66",
15530
+ "$type": "border",
15531
+ "filePath": "src/tokens/functional/border/border.json5",
15532
+ "isSource": true,
15533
+ "original": {
15534
+ "$value": {
15535
+ "color": "{borderColor.success.muted}",
15536
+ "style": "solid",
15537
+ "width": "{borderWidth.default}"
15538
+ },
15539
+ "$type": "border"
15540
+ },
15541
+ "name": "border-success-muted",
15542
+ "attributes": {},
15543
+ "path": ["border", "success", "muted"]
15544
+ },
15545
+ "border-open-emphasis": {
15546
+ "$value": "0.00390625rem,0.0625px solid #347d39",
15547
+ "$type": "border",
15548
+ "filePath": "src/tokens/functional/border/border.json5",
15549
+ "isSource": true,
15550
+ "original": {
15551
+ "$value": "{border.success.emphasis}",
15552
+ "$type": "border"
15553
+ },
15554
+ "name": "border-open-emphasis",
15555
+ "attributes": {},
15556
+ "path": ["border", "open", "emphasis"]
15557
+ },
15558
+ "border-open-muted": {
15559
+ "$value": "0.00390625rem,0.0625px solid #46954a66",
15560
+ "$type": "border",
15561
+ "filePath": "src/tokens/functional/border/border.json5",
15562
+ "isSource": true,
15563
+ "original": {
15564
+ "$value": "{border.success.muted}",
15565
+ "$type": "border"
15566
+ },
15567
+ "name": "border-open-muted",
15568
+ "attributes": {},
15569
+ "path": ["border", "open", "muted"]
15570
+ },
15571
+ "border-danger-emphasis": {
15572
+ "$value": "0.00390625rem,0.0625px solid #c93c37",
15573
+ "$type": "border",
15574
+ "filePath": "src/tokens/functional/border/border.json5",
15575
+ "isSource": true,
15576
+ "original": {
15577
+ "$value": {
15578
+ "color": "{borderColor.danger.emphasis}",
15579
+ "style": "solid",
15580
+ "width": "{borderWidth.default}"
15581
+ },
15582
+ "$type": "border"
15583
+ },
15584
+ "name": "border-danger-emphasis",
15585
+ "attributes": {},
15586
+ "path": ["border", "danger", "emphasis"]
15587
+ },
15588
+ "border-danger-muted": {
15589
+ "$value": "0.00390625rem,0.0625px solid #e5534b66",
15590
+ "$type": "border",
15591
+ "filePath": "src/tokens/functional/border/border.json5",
15592
+ "isSource": true,
15593
+ "original": {
15594
+ "$value": {
15595
+ "color": "{borderColor.danger.muted}",
15596
+ "style": "solid",
15597
+ "width": "{borderWidth.default}"
15598
+ },
15599
+ "$type": "border"
15600
+ },
15601
+ "name": "border-danger-muted",
15602
+ "attributes": {},
15603
+ "path": ["border", "danger", "muted"]
15604
+ },
15605
+ "border-closed-emphasis": {
15606
+ "$value": "0.00390625rem,0.0625px solid #c93c37",
15607
+ "$type": "border",
15608
+ "filePath": "src/tokens/functional/border/border.json5",
15609
+ "isSource": true,
15610
+ "original": {
15611
+ "$value": "{border.danger.emphasis}",
15612
+ "$type": "border"
15613
+ },
15614
+ "name": "border-closed-emphasis",
15615
+ "attributes": {},
15616
+ "path": ["border", "closed", "emphasis"]
15617
+ },
15618
+ "border-closed-muted": {
15619
+ "$value": "0.00390625rem,0.0625px solid #e5534b66",
15620
+ "$type": "border",
15621
+ "filePath": "src/tokens/functional/border/border.json5",
15622
+ "isSource": true,
15623
+ "original": {
15624
+ "$value": "{border.danger.muted}",
15625
+ "$type": "border"
15626
+ },
15627
+ "name": "border-closed-muted",
15628
+ "attributes": {},
15629
+ "path": ["border", "closed", "muted"]
15630
+ },
15631
+ "border-attention-emphasis": {
15632
+ "$value": "0.00390625rem,0.0625px solid #966600",
15633
+ "$type": "border",
15634
+ "filePath": "src/tokens/functional/border/border.json5",
15635
+ "isSource": true,
15636
+ "original": {
15637
+ "$value": {
15638
+ "color": "{borderColor.attention.emphasis}",
15639
+ "style": "solid",
15640
+ "width": "{borderWidth.default}"
15641
+ },
15642
+ "$type": "border"
15643
+ },
15644
+ "name": "border-attention-emphasis",
15645
+ "attributes": {},
15646
+ "path": ["border", "attention", "emphasis"]
15647
+ },
15648
+ "border-attention-muted": {
15649
+ "$value": "0.00390625rem,0.0625px solid #ae7c1466",
15650
+ "$type": "border",
15651
+ "filePath": "src/tokens/functional/border/border.json5",
15652
+ "isSource": true,
15653
+ "original": {
15654
+ "$value": {
15655
+ "color": "{borderColor.attention.muted}",
15656
+ "style": "solid",
15657
+ "width": "{borderWidth.default}"
15658
+ },
15659
+ "$type": "border"
15660
+ },
15661
+ "name": "border-attention-muted",
15662
+ "attributes": {},
15663
+ "path": ["border", "attention", "muted"]
15664
+ },
15665
+ "border-severe-emphasis": {
15666
+ "$value": "0.00390625rem,0.0625px solid #ae5622",
15667
+ "$type": "border",
15668
+ "filePath": "src/tokens/functional/border/border.json5",
15669
+ "isSource": true,
15670
+ "original": {
15671
+ "$value": {
15672
+ "color": "{borderColor.severe.emphasis}",
15673
+ "style": "solid",
15674
+ "width": "{borderWidth.default}"
15675
+ },
15676
+ "$type": "border"
15677
+ },
15678
+ "name": "border-severe-emphasis",
15679
+ "attributes": {},
15680
+ "path": ["border", "severe", "emphasis"]
15681
+ },
15682
+ "border-severe-muted": {
15683
+ "$value": "0.00390625rem,0.0625px solid #cc6b2c66",
15684
+ "$type": "border",
15685
+ "filePath": "src/tokens/functional/border/border.json5",
15686
+ "isSource": true,
15687
+ "original": {
15688
+ "$value": {
15689
+ "color": "{borderColor.severe.muted}",
15690
+ "style": "solid",
15691
+ "width": "{borderWidth.default}"
15692
+ },
15693
+ "$type": "border"
15694
+ },
15695
+ "name": "border-severe-muted",
15696
+ "attributes": {},
15697
+ "path": ["border", "severe", "muted"]
15698
+ },
15699
+ "border-done-emphasis": {
15700
+ "$value": "0.00390625rem,0.0625px solid #8256d0",
15701
+ "$type": "border",
15702
+ "filePath": "src/tokens/functional/border/border.json5",
15703
+ "isSource": true,
15704
+ "original": {
15705
+ "$value": {
15706
+ "color": "{borderColor.done.emphasis}",
15707
+ "style": "solid",
15708
+ "width": "{borderWidth.default}"
15709
+ },
15710
+ "$type": "border"
15711
+ },
15712
+ "name": "border-done-emphasis",
15713
+ "attributes": {},
15714
+ "path": ["border", "done", "emphasis"]
15715
+ },
15716
+ "border-done-muted": {
15717
+ "$value": "0.00390625rem,0.0625px solid #986ee266",
15718
+ "$type": "border",
15719
+ "filePath": "src/tokens/functional/border/border.json5",
15720
+ "isSource": true,
15721
+ "original": {
15722
+ "$value": {
15723
+ "color": "{borderColor.done.muted}",
15724
+ "style": "solid",
15725
+ "width": "{borderWidth.default}"
15726
+ },
15727
+ "$type": "border"
15728
+ },
15729
+ "name": "border-done-muted",
15730
+ "attributes": {},
15731
+ "path": ["border", "done", "muted"]
15732
+ },
15733
+ "border-upsell-emphasis": {
15734
+ "$value": "0.00390625rem,0.0625px solid #8256d0",
15735
+ "$type": "border",
15736
+ "filePath": "src/tokens/functional/border/border.json5",
15737
+ "isSource": true,
15738
+ "original": {
15739
+ "$value": {
15740
+ "color": "{borderColor.upsell.emphasis}",
15741
+ "style": "solid",
15742
+ "width": "{borderWidth.default}"
15743
+ },
15744
+ "$type": "border"
15745
+ },
15746
+ "name": "border-upsell-emphasis",
15747
+ "attributes": {},
15748
+ "path": ["border", "upsell", "emphasis"]
15749
+ },
15750
+ "border-upsell-muted": {
15751
+ "$value": "0.00390625rem,0.0625px solid #986ee266",
15752
+ "$type": "border",
15753
+ "filePath": "src/tokens/functional/border/border.json5",
15754
+ "isSource": true,
15755
+ "original": {
15756
+ "$value": {
15757
+ "color": "{borderColor.upsell.muted}",
15758
+ "style": "solid",
15759
+ "width": "{borderWidth.default}"
15760
+ },
15761
+ "$type": "border"
15762
+ },
15763
+ "name": "border-upsell-muted",
15764
+ "attributes": {},
15765
+ "path": ["border", "upsell", "muted"]
15766
+ },
15767
+ "border-sponsors-emphasis": {
15768
+ "$value": "0.00390625rem,0.0625px solid #ae4c82",
15769
+ "$type": "border",
15770
+ "filePath": "src/tokens/functional/border/border.json5",
15771
+ "isSource": true,
15772
+ "original": {
15773
+ "$value": {
15774
+ "color": "{borderColor.sponsors.emphasis}",
15775
+ "style": "solid",
15776
+ "width": "{borderWidth.default}"
15777
+ },
15778
+ "$type": "border"
15779
+ },
15780
+ "name": "border-sponsors-emphasis",
15781
+ "attributes": {},
15782
+ "path": ["border", "sponsors", "emphasis"]
15783
+ },
15784
+ "border-sponsors-muted": {
15785
+ "$value": "0.00390625rem,0.0625px solid #c9619866",
15786
+ "$type": "border",
15787
+ "filePath": "src/tokens/functional/border/border.json5",
15788
+ "isSource": true,
15789
+ "original": {
15790
+ "$value": {
15791
+ "color": "{borderColor.sponsors.muted}",
15792
+ "style": "solid",
15793
+ "width": "{borderWidth.default}"
15719
15794
  },
15720
15795
  "$type": "border"
15721
15796
  },
15722
- "name": "outline-focus",
15797
+ "name": "border-sponsors-muted",
15723
15798
  "attributes": {},
15724
- "path": ["outline", "focus"]
15799
+ "path": ["border", "sponsors", "muted"]
15725
15800
  }
15726
15801
  }