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