@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
@@ -3821,13 +3821,11 @@
3821
3821
  "control-borderColor-emphasis": {
3822
3822
  "$value": "#b7bdc8",
3823
3823
  "$type": "color",
3824
- "mix": null,
3825
3824
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
3826
3825
  "isSource": true,
3827
3826
  "original": {
3828
3827
  "$value": "{borderColor.emphasis}",
3829
- "$type": "color",
3830
- "mix": null
3828
+ "$type": "color"
3831
3829
  },
3832
3830
  "name": "control-borderColor-emphasis",
3833
3831
  "attributes": {},
@@ -4218,20 +4216,12 @@
4218
4216
  "$value": "#c51120",
4219
4217
  "$type": "color",
4220
4218
  "alpha": 1,
4221
- "mix": {
4222
- "color": "#e82a2f",
4223
- "weight": 0.4
4224
- },
4225
4219
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
4226
4220
  "isSource": true,
4227
4221
  "original": {
4228
- "$value": "{bgColor.danger.emphasis}",
4222
+ "$value": "#c51120",
4229
4223
  "$type": "color",
4230
- "alpha": 1,
4231
- "mix": {
4232
- "color": "{base.color.red.7}",
4233
- "weight": 0.4
4234
- }
4224
+ "alpha": 1
4235
4225
  },
4236
4226
  "name": "control-danger-bgColor-active",
4237
4227
  "attributes": {},
@@ -4267,33 +4257,11 @@
4267
4257
  "control-checked-bgColor-hover": {
4268
4258
  "$value": "#2b64c1",
4269
4259
  "$type": "color",
4270
- "$extensions": {
4271
- "org.primer.figma": {
4272
- "collection": "mode",
4273
- "group": "component",
4274
- "scopes": ["bgColor"]
4275
- }
4276
- },
4277
- "mix": {
4278
- "color": "#71b7ff",
4279
- "weight": 0.2
4280
- },
4281
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4260
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
4282
4261
  "isSource": true,
4283
4262
  "original": {
4284
- "$value": "{bgColor.accent.emphasis}",
4285
- "$type": "color",
4286
- "$extensions": {
4287
- "org.primer.figma": {
4288
- "collection": "mode",
4289
- "group": "component",
4290
- "scopes": ["bgColor"]
4291
- }
4292
- },
4293
- "mix": {
4294
- "color": "{base.color.blue.3}",
4295
- "weight": 0.2
4296
- }
4263
+ "$value": "#2b64c1",
4264
+ "$type": "color"
4297
4265
  },
4298
4266
  "name": "control-checked-bgColor-hover",
4299
4267
  "attributes": {},
@@ -4302,33 +4270,11 @@
4302
4270
  "control-checked-bgColor-active": {
4303
4271
  "$value": "#3c79d0",
4304
4272
  "$type": "color",
4305
- "$extensions": {
4306
- "org.primer.figma": {
4307
- "collection": "mode",
4308
- "group": "component",
4309
- "scopes": ["bgColor"]
4310
- }
4311
- },
4312
- "mix": {
4313
- "color": "#71b7ff",
4314
- "weight": 0.4
4315
- },
4316
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4273
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
4317
4274
  "isSource": true,
4318
4275
  "original": {
4319
- "$value": "{bgColor.accent.emphasis}",
4320
- "$type": "color",
4321
- "$extensions": {
4322
- "org.primer.figma": {
4323
- "collection": "mode",
4324
- "group": "component",
4325
- "scopes": ["bgColor"]
4326
- }
4327
- },
4328
- "mix": {
4329
- "color": "{base.color.blue.3}",
4330
- "weight": 0.4
4331
- }
4276
+ "$value": "#3c79d0",
4277
+ "$type": "color"
4332
4278
  },
4333
4279
  "name": "control-checked-bgColor-active",
4334
4280
  "attributes": {},
@@ -5276,33 +5222,11 @@
5276
5222
  "button-primary-bgColor-hover": {
5277
5223
  "$value": "#08792b",
5278
5224
  "$type": "color",
5279
- "$extensions": {
5280
- "org.primer.figma": {
5281
- "collection": "mode",
5282
- "group": "component (internal)",
5283
- "scopes": ["bgColor"]
5284
- }
5285
- },
5286
- "mix": {
5287
- "color": "#28d751",
5288
- "weight": 0.2
5289
- },
5290
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5225
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
5291
5226
  "isSource": true,
5292
5227
  "original": {
5293
- "$value": "{bgColor.success.emphasis}",
5294
- "$type": "color",
5295
- "$extensions": {
5296
- "org.primer.figma": {
5297
- "collection": "mode",
5298
- "group": "component (internal)",
5299
- "scopes": ["bgColor"]
5300
- }
5301
- },
5302
- "mix": {
5303
- "color": "{base.color.green.3}",
5304
- "weight": 0.2
5305
- }
5228
+ "$value": "#08792b",
5229
+ "$type": "color"
5306
5230
  },
5307
5231
  "name": "button-primary-bgColor-hover",
5308
5232
  "attributes": {},
@@ -5311,33 +5235,11 @@
5311
5235
  "button-primary-bgColor-active": {
5312
5236
  "$value": "#109135",
5313
5237
  "$type": "color",
5314
- "$extensions": {
5315
- "org.primer.figma": {
5316
- "collection": "mode",
5317
- "group": "component (internal)",
5318
- "scopes": ["bgColor"]
5319
- }
5320
- },
5321
- "mix": {
5322
- "color": "#28d751",
5323
- "weight": 0.4
5324
- },
5325
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5238
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
5326
5239
  "isSource": true,
5327
5240
  "original": {
5328
- "$value": "{bgColor.success.emphasis}",
5329
- "$type": "color",
5330
- "$extensions": {
5331
- "org.primer.figma": {
5332
- "collection": "mode",
5333
- "group": "component (internal)",
5334
- "scopes": ["bgColor"]
5335
- }
5336
- },
5337
- "mix": {
5338
- "color": "{base.color.green.3}",
5339
- "weight": 0.4
5340
- }
5241
+ "$value": "#109135",
5242
+ "$type": "color"
5341
5243
  },
5342
5244
  "name": "button-primary-bgColor-active",
5343
5245
  "attributes": {},
@@ -5346,33 +5248,11 @@
5346
5248
  "button-primary-bgColor-disabled": {
5347
5249
  "$value": "#048f2f",
5348
5250
  "$type": "color",
5349
- "$extensions": {
5350
- "org.primer.figma": {
5351
- "collection": "mode",
5352
- "group": "component (internal)",
5353
- "scopes": ["bgColor"]
5354
- }
5355
- },
5356
- "mix": {
5357
- "color": "#007728",
5358
- "weight": 0.6
5359
- },
5360
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5251
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
5361
5252
  "isSource": true,
5362
5253
  "original": {
5363
- "$value": "{base.color.green.5}",
5364
- "$type": "color",
5365
- "$extensions": {
5366
- "org.primer.figma": {
5367
- "collection": "mode",
5368
- "group": "component (internal)",
5369
- "scopes": ["bgColor"]
5370
- }
5371
- },
5372
- "mix": {
5373
- "color": "{base.color.green.8}",
5374
- "weight": 0.6
5375
- }
5254
+ "$value": "#048f2f",
5255
+ "$type": "color"
5376
5256
  },
5377
5257
  "name": "button-primary-bgColor-disabled",
5378
5258
  "attributes": {},
@@ -5665,14 +5545,12 @@
5665
5545
  "$value": "#151b23",
5666
5546
  "$type": "color",
5667
5547
  "alpha": null,
5668
- "mix": null,
5669
5548
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
5670
5549
  "isSource": true,
5671
5550
  "original": {
5672
5551
  "$value": "{base.color.neutral.2}",
5673
5552
  "$type": "color",
5674
- "alpha": null,
5675
- "mix": null
5553
+ "alpha": null
5676
5554
  },
5677
5555
  "name": "button-invisible-bgColor-hover",
5678
5556
  "attributes": {},
@@ -5682,21 +5560,19 @@
5682
5560
  "$value": "#212830",
5683
5561
  "$type": "color",
5684
5562
  "alpha": null,
5685
- "mix": null,
5686
5563
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
5687
5564
  "isSource": true,
5688
5565
  "original": {
5689
5566
  "$value": "{base.color.neutral.3}",
5690
5567
  "$type": "color",
5691
- "alpha": null,
5692
- "mix": null
5568
+ "alpha": null
5693
5569
  },
5694
5570
  "name": "button-invisible-bgColor-active",
5695
5571
  "attributes": {},
5696
5572
  "path": ["button", "invisible", "bgColor", "active"]
5697
5573
  },
5698
5574
  "button-invisible-bgColor-disabled": {
5699
- "$value": "#262c36",
5575
+ "$value": "#00000000",
5700
5576
  "$type": "color",
5701
5577
  "$extensions": {
5702
5578
  "org.primer.figma": {
@@ -5708,7 +5584,7 @@
5708
5584
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5709
5585
  "isSource": true,
5710
5586
  "original": {
5711
- "$value": "{control.transparent.bgColor.disabled}",
5587
+ "$value": "{base.color.transparent}",
5712
5588
  "$type": "color",
5713
5589
  "$extensions": {
5714
5590
  "org.primer.figma": {
@@ -5777,7 +5653,7 @@
5777
5653
  "path": ["button", "invisible", "borderColor", "hover"]
5778
5654
  },
5779
5655
  "button-invisible-borderColor-disabled": {
5780
- "$value": "#9198a11f",
5656
+ "$value": "#00000000",
5781
5657
  "$type": "color",
5782
5658
  "$extensions": {
5783
5659
  "org.primer.figma": {
@@ -5789,7 +5665,7 @@
5789
5665
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5790
5666
  "isSource": true,
5791
5667
  "original": {
5792
- "$value": "{control.borderColor.disabled}",
5668
+ "$value": "{base.color.transparent}",
5793
5669
  "$type": "color",
5794
5670
  "$extensions": {
5795
5671
  "org.primer.figma": {
@@ -6223,25 +6099,11 @@
6223
6099
  "button-danger-iconColor-rest": {
6224
6100
  "$value": "#ffb1af",
6225
6101
  "$type": "color",
6226
- "$extensions": {
6227
- "org.primer.figma": {
6228
- "collection": "mode",
6229
- "group": "component (internal)",
6230
- "scopes": ["fgColor"]
6231
- }
6232
- },
6233
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6102
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
6234
6103
  "isSource": true,
6235
6104
  "original": {
6236
- "$value": "{button.danger.fgColor.rest}",
6237
- "$type": "color",
6238
- "$extensions": {
6239
- "org.primer.figma": {
6240
- "collection": "mode",
6241
- "group": "component (internal)",
6242
- "scopes": ["fgColor"]
6243
- }
6244
- }
6105
+ "$value": "#ffb1af",
6106
+ "$type": "color"
6245
6107
  },
6246
6108
  "name": "button-danger-iconColor-rest",
6247
6109
  "attributes": {},
@@ -6317,13 +6179,11 @@
6317
6179
  "button-danger-bgColor-active": {
6318
6180
  "$value": "#ad0116",
6319
6181
  "$type": "color",
6320
- "mix": null,
6321
6182
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
6322
6183
  "isSource": true,
6323
6184
  "original": {
6324
6185
  "$value": "{bgColor.danger.emphasis}",
6325
- "$type": "color",
6326
- "mix": null
6186
+ "$type": "color"
6327
6187
  },
6328
6188
  "name": "button-danger-bgColor-active",
6329
6189
  "attributes": {},
@@ -6914,35 +6774,13 @@
6914
6774
  "reactionButton-selected-bgColor-hover": {
6915
6775
  "$value": "#5dadff5c",
6916
6776
  "$type": "color",
6917
- "$extensions": {
6918
- "org.primer.figma": {
6919
- "collection": "mode",
6920
- "group": "component (internal)",
6921
- "scopes": ["bgColor"]
6922
- }
6923
- },
6924
- "mix": {
6925
- "color": "#91cbff",
6926
- "weight": 0.2
6927
- },
6928
- "alpha": 0.2,
6929
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6777
+ "alpha": 0.36,
6778
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
6930
6779
  "isSource": true,
6931
6780
  "original": {
6932
- "$value": "{reactionButton.selected.bgColor.rest}",
6781
+ "$value": "#5dadff",
6933
6782
  "$type": "color",
6934
- "$extensions": {
6935
- "org.primer.figma": {
6936
- "collection": "mode",
6937
- "group": "component (internal)",
6938
- "scopes": ["bgColor"]
6939
- }
6940
- },
6941
- "mix": {
6942
- "color": "{base.color.blue.2}",
6943
- "weight": 0.2
6944
- },
6945
- "alpha": 0.2
6783
+ "alpha": 0.36
6946
6784
  },
6947
6785
  "name": "reactionButton-selected-bgColor-hover",
6948
6786
  "attributes": {},
@@ -7029,6 +6867,23 @@
7029
6867
  "attributes": {},
7030
6868
  "path": ["focus", "outlineColor"]
7031
6869
  },
6870
+ "focus-outline": {
6871
+ "$value": "2px solid #409eff",
6872
+ "$type": "border",
6873
+ "filePath": "src/tokens/functional/border/border.json5",
6874
+ "isSource": true,
6875
+ "original": {
6876
+ "$value": {
6877
+ "color": "{focus.outlineColor}",
6878
+ "style": "solid",
6879
+ "width": "2px"
6880
+ },
6881
+ "$type": "border"
6882
+ },
6883
+ "name": "focus-outline",
6884
+ "attributes": {},
6885
+ "path": ["focus", "outline"]
6886
+ },
7032
6887
  "menu-bgColor-active": {
7033
6888
  "$value": "#151b23",
7034
6889
  "$type": "color",
@@ -10706,19 +10561,11 @@
10706
10561
  "fgColor-accent": {
10707
10562
  "$value": "#74b9ff",
10708
10563
  "$type": "color",
10709
- "mix": {
10710
- "color": "#91cbff",
10711
- "weight": 0.08
10712
- },
10713
10564
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
10714
10565
  "isSource": true,
10715
10566
  "original": {
10716
- "$value": "{base.color.blue.3}",
10717
- "$type": "color",
10718
- "mix": {
10719
- "color": "{base.color.blue.2}",
10720
- "weight": 0.08
10721
- }
10567
+ "$value": "#74B9FF",
10568
+ "$type": "color"
10722
10569
  },
10723
10570
  "name": "fgColor-accent",
10724
10571
  "attributes": {},
@@ -10727,19 +10574,11 @@
10727
10574
  "fgColor-success": {
10728
10575
  "$value": "#2bd853",
10729
10576
  "$type": "color",
10730
- "mix": {
10731
- "color": "#4ae168",
10732
- "weight": 0.08
10733
- },
10734
10577
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
10735
10578
  "isSource": true,
10736
10579
  "original": {
10737
- "$value": "{base.color.green.3}",
10738
- "$type": "color",
10739
- "mix": {
10740
- "color": "{base.color.green.2}",
10741
- "weight": 0.08
10742
- }
10580
+ "$value": "#2BD853",
10581
+ "$type": "color"
10743
10582
  },
10744
10583
  "name": "fgColor-success",
10745
10584
  "attributes": {},
@@ -10873,19 +10712,11 @@
10873
10712
  "fgColor-done": {
10874
10713
  "$value": "#d3abff",
10875
10714
  "$type": "color",
10876
- "mix": {
10877
- "color": "#dbb7ff",
10878
- "weight": 0.5
10879
- },
10880
10715
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
10881
10716
  "isSource": true,
10882
10717
  "original": {
10883
- "$value": "{base.color.purple.3}",
10884
- "$type": "color",
10885
- "mix": {
10886
- "color": "{base.color.purple.2}",
10887
- "weight": 0.5
10888
- }
10718
+ "$value": "#D3ABFF",
10719
+ "$type": "color"
10889
10720
  },
10890
10721
  "name": "fgColor-done",
10891
10722
  "attributes": {},
@@ -10927,19 +10758,11 @@
10927
10758
  "fgColor-sponsors": {
10928
10759
  "$value": "#ff90c8",
10929
10760
  "$type": "color",
10930
- "mix": {
10931
- "color": "#ffadd4",
10932
- "weight": 0.08
10933
- },
10934
10761
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
10935
10762
  "isSource": true,
10936
10763
  "original": {
10937
- "$value": "{base.color.pink.3}",
10938
- "$type": "color",
10939
- "mix": {
10940
- "color": "{base.color.pink.2}",
10941
- "weight": 0.08
10942
- }
10764
+ "$value": "#FF90C8",
10765
+ "$type": "color"
10943
10766
  },
10944
10767
  "name": "fgColor-sponsors",
10945
10768
  "attributes": {},
@@ -13916,21 +13739,447 @@
13916
13739
  "attributes": {},
13917
13740
  "path": ["shadow", "floating", "legacy"]
13918
13741
  },
13919
- "outline-focus": {
13920
- "$value": "#409eff solid 2px",
13742
+ "border-default": {
13743
+ "$value": "0.00390625rem,0.0625px solid #b7bdc8",
13921
13744
  "$type": "border",
13922
- "filePath": "src/tokens/functional/border/dark.json5",
13745
+ "filePath": "src/tokens/functional/border/border.json5",
13923
13746
  "isSource": true,
13924
13747
  "original": {
13925
13748
  "$value": {
13926
- "color": "{focus.outlineColor}",
13749
+ "color": "{borderColor.default}",
13927
13750
  "style": "solid",
13928
- "width": "2px"
13751
+ "width": "{borderWidth.default}"
13752
+ },
13753
+ "$type": "border"
13754
+ },
13755
+ "name": "border-default",
13756
+ "attributes": {},
13757
+ "path": ["border", "default"]
13758
+ },
13759
+ "border-muted": {
13760
+ "$value": "0.00390625rem,0.0625px solid #b7bdc8",
13761
+ "$type": "border",
13762
+ "filePath": "src/tokens/functional/border/border.json5",
13763
+ "isSource": true,
13764
+ "original": {
13765
+ "$value": {
13766
+ "color": "{borderColor.muted}",
13767
+ "style": "solid",
13768
+ "width": "{borderWidth.default}"
13769
+ },
13770
+ "$type": "border"
13771
+ },
13772
+ "name": "border-muted",
13773
+ "attributes": {},
13774
+ "path": ["border", "muted"]
13775
+ },
13776
+ "border-emphasis": {
13777
+ "$value": "0.00390625rem,0.0625px solid #b7bdc8",
13778
+ "$type": "border",
13779
+ "filePath": "src/tokens/functional/border/border.json5",
13780
+ "isSource": true,
13781
+ "original": {
13782
+ "$value": {
13783
+ "color": "{borderColor.emphasis}",
13784
+ "style": "solid",
13785
+ "width": "{borderWidth.default}"
13786
+ },
13787
+ "$type": "border"
13788
+ },
13789
+ "name": "border-emphasis",
13790
+ "attributes": {},
13791
+ "path": ["border", "emphasis"]
13792
+ },
13793
+ "border-disabled": {
13794
+ "$value": "0.00390625rem,0.0625px solid #9198a11f",
13795
+ "$type": "border",
13796
+ "filePath": "src/tokens/functional/border/border.json5",
13797
+ "isSource": true,
13798
+ "original": {
13799
+ "$value": {
13800
+ "color": "{borderColor.disabled}",
13801
+ "style": "solid",
13802
+ "width": "{borderWidth.default}"
13803
+ },
13804
+ "$type": "border"
13805
+ },
13806
+ "name": "border-disabled",
13807
+ "attributes": {},
13808
+ "path": ["border", "disabled"]
13809
+ },
13810
+ "border-transparent": {
13811
+ "$value": "0.00390625rem,0.0625px solid #00000000",
13812
+ "$type": "border",
13813
+ "filePath": "src/tokens/functional/border/border.json5",
13814
+ "isSource": true,
13815
+ "original": {
13816
+ "$value": {
13817
+ "color": "{borderColor.transparent}",
13818
+ "style": "solid",
13819
+ "width": "{borderWidth.default}"
13820
+ },
13821
+ "$type": "border"
13822
+ },
13823
+ "name": "border-transparent",
13824
+ "attributes": {},
13825
+ "path": ["border", "transparent"]
13826
+ },
13827
+ "border-neutral-emphasis": {
13828
+ "$value": "0.00390625rem,0.0625px solid #b7bdc8",
13829
+ "$type": "border",
13830
+ "filePath": "src/tokens/functional/border/border.json5",
13831
+ "isSource": true,
13832
+ "original": {
13833
+ "$value": {
13834
+ "color": "{borderColor.neutral.emphasis}",
13835
+ "style": "solid",
13836
+ "width": "{borderWidth.default}"
13837
+ },
13838
+ "$type": "border"
13839
+ },
13840
+ "name": "border-neutral-emphasis",
13841
+ "attributes": {},
13842
+ "path": ["border", "neutral", "emphasis"]
13843
+ },
13844
+ "border-neutral-muted": {
13845
+ "$value": "0.00390625rem,0.0625px solid #b7bdc8",
13846
+ "$type": "border",
13847
+ "filePath": "src/tokens/functional/border/border.json5",
13848
+ "isSource": true,
13849
+ "original": {
13850
+ "$value": {
13851
+ "color": "{borderColor.neutral.muted}",
13852
+ "style": "solid",
13853
+ "width": "{borderWidth.default}"
13854
+ },
13855
+ "$type": "border"
13856
+ },
13857
+ "name": "border-neutral-muted",
13858
+ "attributes": {},
13859
+ "path": ["border", "neutral", "muted"]
13860
+ },
13861
+ "border-accent-emphasis": {
13862
+ "$value": "0.00390625rem,0.0625px solid #409eff",
13863
+ "$type": "border",
13864
+ "filePath": "src/tokens/functional/border/border.json5",
13865
+ "isSource": true,
13866
+ "original": {
13867
+ "$value": {
13868
+ "color": "{borderColor.accent.emphasis}",
13869
+ "style": "solid",
13870
+ "width": "{borderWidth.default}"
13871
+ },
13872
+ "$type": "border"
13873
+ },
13874
+ "name": "border-accent-emphasis",
13875
+ "attributes": {},
13876
+ "path": ["border", "accent", "emphasis"]
13877
+ },
13878
+ "border-accent-muted": {
13879
+ "$value": "0.00390625rem,0.0625px solid #5cacff",
13880
+ "$type": "border",
13881
+ "filePath": "src/tokens/functional/border/border.json5",
13882
+ "isSource": true,
13883
+ "original": {
13884
+ "$value": {
13885
+ "color": "{borderColor.accent.muted}",
13886
+ "style": "solid",
13887
+ "width": "{borderWidth.default}"
13888
+ },
13889
+ "$type": "border"
13890
+ },
13891
+ "name": "border-accent-muted",
13892
+ "attributes": {},
13893
+ "path": ["border", "accent", "muted"]
13894
+ },
13895
+ "border-success-emphasis": {
13896
+ "$value": "0.00390625rem,0.0625px solid #09b43a",
13897
+ "$type": "border",
13898
+ "filePath": "src/tokens/functional/border/border.json5",
13899
+ "isSource": true,
13900
+ "original": {
13901
+ "$value": {
13902
+ "color": "{borderColor.success.emphasis}",
13903
+ "style": "solid",
13904
+ "width": "{borderWidth.default}"
13905
+ },
13906
+ "$type": "border"
13907
+ },
13908
+ "name": "border-success-emphasis",
13909
+ "attributes": {},
13910
+ "path": ["border", "success", "emphasis"]
13911
+ },
13912
+ "border-success-muted": {
13913
+ "$value": "0.00390625rem,0.0625px solid #0ac740",
13914
+ "$type": "border",
13915
+ "filePath": "src/tokens/functional/border/border.json5",
13916
+ "isSource": true,
13917
+ "original": {
13918
+ "$value": {
13919
+ "color": "{borderColor.success.muted}",
13920
+ "style": "solid",
13921
+ "width": "{borderWidth.default}"
13922
+ },
13923
+ "$type": "border"
13924
+ },
13925
+ "name": "border-success-muted",
13926
+ "attributes": {},
13927
+ "path": ["border", "success", "muted"]
13928
+ },
13929
+ "border-open-emphasis": {
13930
+ "$value": "0.00390625rem,0.0625px solid #09b43a",
13931
+ "$type": "border",
13932
+ "filePath": "src/tokens/functional/border/border.json5",
13933
+ "isSource": true,
13934
+ "original": {
13935
+ "$value": "{border.success.emphasis}",
13936
+ "$type": "border"
13937
+ },
13938
+ "name": "border-open-emphasis",
13939
+ "attributes": {},
13940
+ "path": ["border", "open", "emphasis"]
13941
+ },
13942
+ "border-open-muted": {
13943
+ "$value": "0.00390625rem,0.0625px solid #0ac740",
13944
+ "$type": "border",
13945
+ "filePath": "src/tokens/functional/border/border.json5",
13946
+ "isSource": true,
13947
+ "original": {
13948
+ "$value": "{border.success.muted}",
13949
+ "$type": "border"
13950
+ },
13951
+ "name": "border-open-muted",
13952
+ "attributes": {},
13953
+ "path": ["border", "open", "muted"]
13954
+ },
13955
+ "border-danger-emphasis": {
13956
+ "$value": "0.00390625rem,0.0625px solid #ff6a69",
13957
+ "$type": "border",
13958
+ "filePath": "src/tokens/functional/border/border.json5",
13959
+ "isSource": true,
13960
+ "original": {
13961
+ "$value": {
13962
+ "color": "{borderColor.danger.emphasis}",
13963
+ "style": "solid",
13964
+ "width": "{borderWidth.default}"
13965
+ },
13966
+ "$type": "border"
13967
+ },
13968
+ "name": "border-danger-emphasis",
13969
+ "attributes": {},
13970
+ "path": ["border", "danger", "emphasis"]
13971
+ },
13972
+ "border-danger-muted": {
13973
+ "$value": "0.00390625rem,0.0625px solid #ff8080",
13974
+ "$type": "border",
13975
+ "filePath": "src/tokens/functional/border/border.json5",
13976
+ "isSource": true,
13977
+ "original": {
13978
+ "$value": {
13979
+ "color": "{borderColor.danger.muted}",
13980
+ "style": "solid",
13981
+ "width": "{borderWidth.default}"
13982
+ },
13983
+ "$type": "border"
13984
+ },
13985
+ "name": "border-danger-muted",
13986
+ "attributes": {},
13987
+ "path": ["border", "danger", "muted"]
13988
+ },
13989
+ "border-closed-emphasis": {
13990
+ "$value": "0.00390625rem,0.0625px solid #ff6a69",
13991
+ "$type": "border",
13992
+ "filePath": "src/tokens/functional/border/border.json5",
13993
+ "isSource": true,
13994
+ "original": {
13995
+ "$value": "{border.danger.emphasis}",
13996
+ "$type": "border"
13997
+ },
13998
+ "name": "border-closed-emphasis",
13999
+ "attributes": {},
14000
+ "path": ["border", "closed", "emphasis"]
14001
+ },
14002
+ "border-closed-muted": {
14003
+ "$value": "0.00390625rem,0.0625px solid #ff8080",
14004
+ "$type": "border",
14005
+ "filePath": "src/tokens/functional/border/border.json5",
14006
+ "isSource": true,
14007
+ "original": {
14008
+ "$value": "{border.danger.muted}",
14009
+ "$type": "border"
14010
+ },
14011
+ "name": "border-closed-muted",
14012
+ "attributes": {},
14013
+ "path": ["border", "closed", "muted"]
14014
+ },
14015
+ "border-attention-emphasis": {
14016
+ "$value": "0.00390625rem,0.0625px solid #e09b13",
14017
+ "$type": "border",
14018
+ "filePath": "src/tokens/functional/border/border.json5",
14019
+ "isSource": true,
14020
+ "original": {
14021
+ "$value": {
14022
+ "color": "{borderColor.attention.emphasis}",
14023
+ "style": "solid",
14024
+ "width": "{borderWidth.default}"
14025
+ },
14026
+ "$type": "border"
14027
+ },
14028
+ "name": "border-attention-emphasis",
14029
+ "attributes": {},
14030
+ "path": ["border", "attention", "emphasis"]
14031
+ },
14032
+ "border-attention-muted": {
14033
+ "$value": "0.00390625rem,0.0625px solid #edaa27",
14034
+ "$type": "border",
14035
+ "filePath": "src/tokens/functional/border/border.json5",
14036
+ "isSource": true,
14037
+ "original": {
14038
+ "$value": {
14039
+ "color": "{borderColor.attention.muted}",
14040
+ "style": "solid",
14041
+ "width": "{borderWidth.default}"
14042
+ },
14043
+ "$type": "border"
14044
+ },
14045
+ "name": "border-attention-muted",
14046
+ "attributes": {},
14047
+ "path": ["border", "attention", "muted"]
14048
+ },
14049
+ "border-severe-emphasis": {
14050
+ "$value": "0.00390625rem,0.0625px solid #e7811d",
14051
+ "$type": "border",
14052
+ "filePath": "src/tokens/functional/border/border.json5",
14053
+ "isSource": true,
14054
+ "original": {
14055
+ "$value": {
14056
+ "color": "{borderColor.severe.emphasis}",
14057
+ "style": "solid",
14058
+ "width": "{borderWidth.default}"
14059
+ },
14060
+ "$type": "border"
14061
+ },
14062
+ "name": "border-severe-emphasis",
14063
+ "attributes": {},
14064
+ "path": ["border", "severe", "emphasis"]
14065
+ },
14066
+ "border-severe-muted": {
14067
+ "$value": "0.00390625rem,0.0625px solid #f48b25",
14068
+ "$type": "border",
14069
+ "filePath": "src/tokens/functional/border/border.json5",
14070
+ "isSource": true,
14071
+ "original": {
14072
+ "$value": {
14073
+ "color": "{borderColor.severe.muted}",
14074
+ "style": "solid",
14075
+ "width": "{borderWidth.default}"
14076
+ },
14077
+ "$type": "border"
14078
+ },
14079
+ "name": "border-severe-muted",
14080
+ "attributes": {},
14081
+ "path": ["border", "severe", "muted"]
14082
+ },
14083
+ "border-done-emphasis": {
14084
+ "$value": "0.00390625rem,0.0625px solid #b87fff",
14085
+ "$type": "border",
14086
+ "filePath": "src/tokens/functional/border/border.json5",
14087
+ "isSource": true,
14088
+ "original": {
14089
+ "$value": {
14090
+ "color": "{borderColor.done.emphasis}",
14091
+ "style": "solid",
14092
+ "width": "{borderWidth.default}"
14093
+ },
14094
+ "$type": "border"
14095
+ },
14096
+ "name": "border-done-emphasis",
14097
+ "attributes": {},
14098
+ "path": ["border", "done", "emphasis"]
14099
+ },
14100
+ "border-done-muted": {
14101
+ "$value": "0.00390625rem,0.0625px solid #bf8fff",
14102
+ "$type": "border",
14103
+ "filePath": "src/tokens/functional/border/border.json5",
14104
+ "isSource": true,
14105
+ "original": {
14106
+ "$value": {
14107
+ "color": "{borderColor.done.muted}",
14108
+ "style": "solid",
14109
+ "width": "{borderWidth.default}"
14110
+ },
14111
+ "$type": "border"
14112
+ },
14113
+ "name": "border-done-muted",
14114
+ "attributes": {},
14115
+ "path": ["border", "done", "muted"]
14116
+ },
14117
+ "border-upsell-emphasis": {
14118
+ "$value": "0.00390625rem,0.0625px solid #b87fff",
14119
+ "$type": "border",
14120
+ "filePath": "src/tokens/functional/border/border.json5",
14121
+ "isSource": true,
14122
+ "original": {
14123
+ "$value": {
14124
+ "color": "{borderColor.upsell.emphasis}",
14125
+ "style": "solid",
14126
+ "width": "{borderWidth.default}"
14127
+ },
14128
+ "$type": "border"
14129
+ },
14130
+ "name": "border-upsell-emphasis",
14131
+ "attributes": {},
14132
+ "path": ["border", "upsell", "emphasis"]
14133
+ },
14134
+ "border-upsell-muted": {
14135
+ "$value": "0.00390625rem,0.0625px solid #bf8fff",
14136
+ "$type": "border",
14137
+ "filePath": "src/tokens/functional/border/border.json5",
14138
+ "isSource": true,
14139
+ "original": {
14140
+ "$value": {
14141
+ "color": "{borderColor.upsell.muted}",
14142
+ "style": "solid",
14143
+ "width": "{borderWidth.default}"
14144
+ },
14145
+ "$type": "border"
14146
+ },
14147
+ "name": "border-upsell-muted",
14148
+ "attributes": {},
14149
+ "path": ["border", "upsell", "muted"]
14150
+ },
14151
+ "border-sponsors-emphasis": {
14152
+ "$value": "0.00390625rem,0.0625px solid #ef6eb1",
14153
+ "$type": "border",
14154
+ "filePath": "src/tokens/functional/border/border.json5",
14155
+ "isSource": true,
14156
+ "original": {
14157
+ "$value": {
14158
+ "color": "{borderColor.sponsors.emphasis}",
14159
+ "style": "solid",
14160
+ "width": "{borderWidth.default}"
14161
+ },
14162
+ "$type": "border"
14163
+ },
14164
+ "name": "border-sponsors-emphasis",
14165
+ "attributes": {},
14166
+ "path": ["border", "sponsors", "emphasis"]
14167
+ },
14168
+ "border-sponsors-muted": {
14169
+ "$value": "0.00390625rem,0.0625px solid #f87cbd",
14170
+ "$type": "border",
14171
+ "filePath": "src/tokens/functional/border/border.json5",
14172
+ "isSource": true,
14173
+ "original": {
14174
+ "$value": {
14175
+ "color": "{borderColor.sponsors.muted}",
14176
+ "style": "solid",
14177
+ "width": "{borderWidth.default}"
13929
14178
  },
13930
14179
  "$type": "border"
13931
14180
  },
13932
- "name": "outline-focus",
14181
+ "name": "border-sponsors-muted",
13933
14182
  "attributes": {},
13934
- "path": ["outline", "focus"]
14183
+ "path": ["border", "sponsors", "muted"]
13935
14184
  }
13936
14185
  }