@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
@@ -118,7 +118,6 @@
118
118
  }
119
119
  },
120
120
  "alpha": 0.15,
121
- "mix": null,
122
121
  "filePath": "src/tokens/functional/color/dark/app-dark.json5",
123
122
  "isSource": true,
124
123
  "original": {
@@ -131,8 +130,7 @@
131
130
  "scopes": ["bgColor"]
132
131
  }
133
132
  },
134
- "alpha": 0.15,
135
- "mix": null
133
+ "alpha": 0.15
136
134
  },
137
135
  "name": "diffBlob-additionLine-bgColor",
138
136
  "attributes": {},
@@ -253,14 +251,12 @@
253
251
  },
254
252
  "diffBlob-deletionLine-bgColor": {
255
253
  "alpha": 0.15,
256
- "mix": null,
257
254
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
258
255
  "isSource": true,
259
256
  "original": {
260
257
  "$value": "{base.color.orange.4}",
261
258
  "$type": "color",
262
- "alpha": 0.15,
263
- "mix": null
259
+ "alpha": 0.15
264
260
  },
265
261
  "name": "diffBlob-deletionLine-bgColor",
266
262
  "attributes": {},
@@ -380,7 +376,6 @@
380
376
  "type": "color"
381
377
  },
382
378
  "diffBlob-hunkLine-bgColor": {
383
- "mix": null,
384
379
  "$extensions": {
385
380
  "alpha": 1
386
381
  },
@@ -389,7 +384,6 @@
389
384
  "original": {
390
385
  "$value": "{base.color.neutral.3}",
391
386
  "$type": "color",
392
- "mix": null,
393
387
  "$extensions": {
394
388
  "alpha": 1
395
389
  }
@@ -455,7 +449,6 @@
455
449
  "type": "color"
456
450
  },
457
451
  "diffBlob-hunkNum-bgColor-rest": {
458
- "mix": null,
459
452
  "$extensions": {
460
453
  "alpha": 1
461
454
  },
@@ -464,7 +457,6 @@
464
457
  "original": {
465
458
  "$value": "{base.color.neutral.6}",
466
459
  "$type": "color",
467
- "mix": null,
468
460
  "$extensions": {
469
461
  "alpha": 1
470
462
  }
@@ -476,7 +468,6 @@
476
468
  "type": "color"
477
469
  },
478
470
  "diffBlob-hunkNum-bgColor-hover": {
479
- "mix": null,
480
471
  "$extensions": {
481
472
  "alpha": 1
482
473
  },
@@ -485,7 +476,6 @@
485
476
  "original": {
486
477
  "$value": "{base.color.neutral.8}",
487
478
  "$type": "color",
488
- "mix": null,
489
479
  "$extensions": {
490
480
  "alpha": 1
491
481
  }
@@ -5262,14 +5252,10 @@
5262
5252
  "scopes": ["bgColor"]
5263
5253
  }
5264
5254
  },
5265
- "mix": {
5266
- "color": "#58a6ff",
5267
- "weight": 0.2
5268
- },
5269
5255
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5270
5256
  "isSource": true,
5271
5257
  "original": {
5272
- "$value": "{bgColor.accent.emphasis}",
5258
+ "$value": "#2A7AEF",
5273
5259
  "$type": "color",
5274
5260
  "$extensions": {
5275
5261
  "org.primer.figma": {
@@ -5277,10 +5263,6 @@
5277
5263
  "group": "component",
5278
5264
  "scopes": ["bgColor"]
5279
5265
  }
5280
- },
5281
- "mix": {
5282
- "color": "{base.color.blue.3}",
5283
- "weight": 0.2
5284
5266
  }
5285
5267
  },
5286
5268
  "name": "control-checked-bgColor-hover",
@@ -5297,14 +5279,10 @@
5297
5279
  "scopes": ["bgColor"]
5298
5280
  }
5299
5281
  },
5300
- "mix": {
5301
- "color": "#58a6ff",
5302
- "weight": 0.4
5303
- },
5304
5282
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5305
5283
  "isSource": true,
5306
5284
  "original": {
5307
- "$value": "{bgColor.accent.emphasis}",
5285
+ "$value": "#3685F3",
5308
5286
  "$type": "color",
5309
5287
  "$extensions": {
5310
5288
  "org.primer.figma": {
@@ -5312,10 +5290,6 @@
5312
5290
  "group": "component",
5313
5291
  "scopes": ["bgColor"]
5314
5292
  }
5315
- },
5316
- "mix": {
5317
- "color": "{base.color.blue.3}",
5318
- "weight": 0.4
5319
5293
  }
5320
5294
  },
5321
5295
  "name": "control-checked-bgColor-active",
@@ -6388,19 +6362,11 @@
6388
6362
  "type": "color"
6389
6363
  },
6390
6364
  "button-primary-bgColor-hover": {
6391
- "mix": {
6392
- "color": "#58a6ff",
6393
- "weight": 0.2
6394
- },
6395
6365
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
6396
6366
  "isSource": true,
6397
6367
  "original": {
6398
- "$value": "{bgColor.success.emphasis}",
6399
- "$type": "color",
6400
- "mix": {
6401
- "color": "{base.color.blue.3}",
6402
- "weight": 0.2
6403
- }
6368
+ "$value": "#2a7aef",
6369
+ "$type": "color"
6404
6370
  },
6405
6371
  "name": "button-primary-bgColor-hover",
6406
6372
  "attributes": {},
@@ -6409,19 +6375,11 @@
6409
6375
  "type": "color"
6410
6376
  },
6411
6377
  "button-primary-bgColor-active": {
6412
- "mix": {
6413
- "color": "#58a6ff",
6414
- "weight": 0.4
6415
- },
6416
6378
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
6417
6379
  "isSource": true,
6418
6380
  "original": {
6419
- "$value": "{bgColor.success.emphasis}",
6420
- "$type": "color",
6421
- "mix": {
6422
- "color": "{base.color.blue.3}",
6423
- "weight": 0.4
6424
- }
6381
+ "$value": "#3685f3",
6382
+ "$type": "color"
6425
6383
  },
6426
6384
  "name": "button-primary-bgColor-active",
6427
6385
  "attributes": {},
@@ -6430,13 +6388,11 @@
6430
6388
  "type": "color"
6431
6389
  },
6432
6390
  "button-primary-bgColor-disabled": {
6433
- "mix": null,
6434
6391
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
6435
6392
  "isSource": true,
6436
6393
  "original": {
6437
6394
  "$value": "{base.color.blue.6}",
6438
- "$type": "color",
6439
- "mix": null
6395
+ "$type": "color"
6440
6396
  },
6441
6397
  "name": "button-primary-bgColor-disabled",
6442
6398
  "attributes": {},
@@ -6528,25 +6484,11 @@
6528
6484
  "type": "color"
6529
6485
  },
6530
6486
  "button-primary-borderColor-disabled": {
6531
- "$extensions": {
6532
- "org.primer.figma": {
6533
- "collection": "mode",
6534
- "group": "component (internal)",
6535
- "scopes": ["borderColor"]
6536
- }
6537
- },
6538
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6487
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
6539
6488
  "isSource": true,
6540
6489
  "original": {
6541
- "$value": "{button.primary.bgColor.disabled}",
6542
- "$type": "color",
6543
- "$extensions": {
6544
- "org.primer.figma": {
6545
- "collection": "mode",
6546
- "group": "component (internal)",
6547
- "scopes": ["borderColor"]
6548
- }
6549
- }
6490
+ "$value": "#1158c7",
6491
+ "$type": "color"
6550
6492
  },
6551
6493
  "name": "button-primary-borderColor-disabled",
6552
6494
  "attributes": {},
@@ -6870,7 +6812,7 @@
6870
6812
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6871
6813
  "isSource": true,
6872
6814
  "original": {
6873
- "$value": "{control.transparent.bgColor.disabled}",
6815
+ "$value": "{base.color.transparent}",
6874
6816
  "$type": "color",
6875
6817
  "$extensions": {
6876
6818
  "org.primer.figma": {
@@ -6883,7 +6825,7 @@
6883
6825
  "name": "button-invisible-bgColor-disabled",
6884
6826
  "attributes": {},
6885
6827
  "path": ["button", "invisible", "bgColor", "disabled"],
6886
- "value": "#212830",
6828
+ "value": "#00000000",
6887
6829
  "type": "color"
6888
6830
  },
6889
6831
  "button-invisible-borderColor-rest": {
@@ -6951,7 +6893,7 @@
6951
6893
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6952
6894
  "isSource": true,
6953
6895
  "original": {
6954
- "$value": "{control.borderColor.disabled}",
6896
+ "$value": "{base.color.transparent}",
6955
6897
  "$type": "color",
6956
6898
  "$extensions": {
6957
6899
  "org.primer.figma": {
@@ -6964,7 +6906,7 @@
6964
6906
  "name": "button-invisible-borderColor-disabled",
6965
6907
  "attributes": {},
6966
6908
  "path": ["button", "invisible", "borderColor", "disabled"],
6967
- "value": "#656c761a",
6909
+ "value": "#00000000",
6968
6910
  "type": "color"
6969
6911
  },
6970
6912
  "button-outline-fgColor-rest": {
@@ -7371,25 +7313,11 @@
7371
7313
  "type": "color"
7372
7314
  },
7373
7315
  "button-danger-iconColor-rest": {
7374
- "$extensions": {
7375
- "org.primer.figma": {
7376
- "collection": "mode",
7377
- "group": "component (internal)",
7378
- "scopes": ["fgColor"]
7379
- }
7380
- },
7381
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7316
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
7382
7317
  "isSource": true,
7383
7318
  "original": {
7384
- "$value": "{button.danger.fgColor.rest}",
7385
- "$type": "color",
7386
- "$extensions": {
7387
- "org.primer.figma": {
7388
- "collection": "mode",
7389
- "group": "component (internal)",
7390
- "scopes": ["fgColor"]
7391
- }
7392
- }
7319
+ "$value": "#f0883e",
7320
+ "$type": "color"
7393
7321
  },
7394
7322
  "name": "button-danger-iconColor-rest",
7395
7323
  "attributes": {},
@@ -7465,19 +7393,11 @@
7465
7393
  "type": "color"
7466
7394
  },
7467
7395
  "button-danger-bgColor-active": {
7468
- "mix": {
7469
- "color": "#db6d28",
7470
- "weight": 0.4
7471
- },
7472
7396
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
7473
7397
  "isSource": true,
7474
7398
  "original": {
7475
- "$value": "{base.color.orange.6}",
7476
- "$type": "color",
7477
- "mix": {
7478
- "color": "{base.color.orange.4}",
7479
- "weight": 0.4
7480
- }
7399
+ "$value": "#b5531d",
7400
+ "$type": "color"
7481
7401
  },
7482
7402
  "name": "button-danger-bgColor-active",
7483
7403
  "attributes": {},
@@ -8169,15 +8089,11 @@
8169
8089
  "scopes": ["bgColor"]
8170
8090
  }
8171
8091
  },
8172
- "mix": {
8173
- "color": "#79c0ff",
8174
- "weight": 0.2
8175
- },
8176
- "alpha": 0.2,
8092
+ "alpha": 0.36,
8177
8093
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8178
8094
  "isSource": true,
8179
8095
  "original": {
8180
- "$value": "{reactionButton.selected.bgColor.rest}",
8096
+ "$value": "#3a8cfd",
8181
8097
  "$type": "color",
8182
8098
  "$extensions": {
8183
8099
  "org.primer.figma": {
@@ -8186,11 +8102,7 @@
8186
8102
  "scopes": ["bgColor"]
8187
8103
  }
8188
8104
  },
8189
- "mix": {
8190
- "color": "{base.color.blue.2}",
8191
- "weight": 0.2
8192
- },
8193
- "alpha": 0.2
8105
+ "alpha": 0.36
8194
8106
  },
8195
8107
  "name": "reactionButton-selected-bgColor-hover",
8196
8108
  "attributes": {},
@@ -8279,6 +8191,23 @@
8279
8191
  "value": "#1f6feb",
8280
8192
  "type": "color"
8281
8193
  },
8194
+ "focus-outline": {
8195
+ "filePath": "src/tokens/functional/border/border.json5",
8196
+ "isSource": true,
8197
+ "original": {
8198
+ "$value": {
8199
+ "color": "{focus.outlineColor}",
8200
+ "style": "solid",
8201
+ "width": "2px"
8202
+ },
8203
+ "$type": "border"
8204
+ },
8205
+ "name": "focus-outline",
8206
+ "attributes": {},
8207
+ "path": ["focus", "outline"],
8208
+ "value": "2px solid #1f6feb",
8209
+ "type": "border"
8210
+ },
8282
8211
  "menu-bgColor-active": {
8283
8212
  "$extensions": {
8284
8213
  "org.primer.figma": {
@@ -12100,14 +12029,10 @@
12100
12029
  }
12101
12030
  }
12102
12031
  },
12103
- "mix": {
12104
- "color": "#1f6feb",
12105
- "weight": 0.35
12106
- },
12107
12032
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12108
12033
  "isSource": true,
12109
12034
  "original": {
12110
- "$value": "{base.color.blue.3}",
12035
+ "$value": "#4493F8",
12111
12036
  "$type": "color",
12112
12037
  "$extensions": {
12113
12038
  "org.primer.figma": {
@@ -12118,10 +12043,6 @@
12118
12043
  "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
12119
12044
  }
12120
12045
  }
12121
- },
12122
- "mix": {
12123
- "color": "{base.color.blue.5}",
12124
- "weight": 0.35
12125
12046
  }
12126
12047
  },
12127
12048
  "name": "fgColor-accent",
@@ -15342,21 +15263,447 @@
15342
15263
  "value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
15343
15264
  "type": "shadow"
15344
15265
  },
15345
- "outline-focus": {
15346
- "filePath": "src/tokens/functional/border/dark.json5",
15266
+ "border-default": {
15267
+ "filePath": "src/tokens/functional/border/border.json5",
15347
15268
  "isSource": true,
15348
15269
  "original": {
15349
15270
  "$value": {
15350
- "color": "{focus.outlineColor}",
15271
+ "color": "{borderColor.default}",
15351
15272
  "style": "solid",
15352
- "width": "2px"
15273
+ "width": "{borderWidth.default}"
15274
+ },
15275
+ "$type": "border"
15276
+ },
15277
+ "name": "border-default",
15278
+ "attributes": {},
15279
+ "path": ["border", "default"],
15280
+ "value": "0.0625rem solid #3d444d",
15281
+ "type": "border"
15282
+ },
15283
+ "border-muted": {
15284
+ "filePath": "src/tokens/functional/border/border.json5",
15285
+ "isSource": true,
15286
+ "original": {
15287
+ "$value": {
15288
+ "color": "{borderColor.muted}",
15289
+ "style": "solid",
15290
+ "width": "{borderWidth.default}"
15291
+ },
15292
+ "$type": "border"
15293
+ },
15294
+ "name": "border-muted",
15295
+ "attributes": {},
15296
+ "path": ["border", "muted"],
15297
+ "value": "0.0625rem solid #3d444db3",
15298
+ "type": "border"
15299
+ },
15300
+ "border-emphasis": {
15301
+ "filePath": "src/tokens/functional/border/border.json5",
15302
+ "isSource": true,
15303
+ "original": {
15304
+ "$value": {
15305
+ "color": "{borderColor.emphasis}",
15306
+ "style": "solid",
15307
+ "width": "{borderWidth.default}"
15308
+ },
15309
+ "$type": "border"
15310
+ },
15311
+ "name": "border-emphasis",
15312
+ "attributes": {},
15313
+ "path": ["border", "emphasis"],
15314
+ "value": "0.0625rem solid #656c76",
15315
+ "type": "border"
15316
+ },
15317
+ "border-disabled": {
15318
+ "filePath": "src/tokens/functional/border/border.json5",
15319
+ "isSource": true,
15320
+ "original": {
15321
+ "$value": {
15322
+ "color": "{borderColor.disabled}",
15323
+ "style": "solid",
15324
+ "width": "{borderWidth.default}"
15325
+ },
15326
+ "$type": "border"
15327
+ },
15328
+ "name": "border-disabled",
15329
+ "attributes": {},
15330
+ "path": ["border", "disabled"],
15331
+ "value": "0.0625rem solid #656c761a",
15332
+ "type": "border"
15333
+ },
15334
+ "border-transparent": {
15335
+ "filePath": "src/tokens/functional/border/border.json5",
15336
+ "isSource": true,
15337
+ "original": {
15338
+ "$value": {
15339
+ "color": "{borderColor.transparent}",
15340
+ "style": "solid",
15341
+ "width": "{borderWidth.default}"
15342
+ },
15343
+ "$type": "border"
15344
+ },
15345
+ "name": "border-transparent",
15346
+ "attributes": {},
15347
+ "path": ["border", "transparent"],
15348
+ "value": "0.0625rem solid #00000000",
15349
+ "type": "border"
15350
+ },
15351
+ "border-neutral-emphasis": {
15352
+ "filePath": "src/tokens/functional/border/border.json5",
15353
+ "isSource": true,
15354
+ "original": {
15355
+ "$value": {
15356
+ "color": "{borderColor.neutral.emphasis}",
15357
+ "style": "solid",
15358
+ "width": "{borderWidth.default}"
15359
+ },
15360
+ "$type": "border"
15361
+ },
15362
+ "name": "border-neutral-emphasis",
15363
+ "attributes": {},
15364
+ "path": ["border", "neutral", "emphasis"],
15365
+ "value": "0.0625rem solid #656c76",
15366
+ "type": "border"
15367
+ },
15368
+ "border-neutral-muted": {
15369
+ "filePath": "src/tokens/functional/border/border.json5",
15370
+ "isSource": true,
15371
+ "original": {
15372
+ "$value": {
15373
+ "color": "{borderColor.neutral.muted}",
15374
+ "style": "solid",
15375
+ "width": "{borderWidth.default}"
15376
+ },
15377
+ "$type": "border"
15378
+ },
15379
+ "name": "border-neutral-muted",
15380
+ "attributes": {},
15381
+ "path": ["border", "neutral", "muted"],
15382
+ "value": "0.0625rem solid #3d444db3",
15383
+ "type": "border"
15384
+ },
15385
+ "border-accent-emphasis": {
15386
+ "filePath": "src/tokens/functional/border/border.json5",
15387
+ "isSource": true,
15388
+ "original": {
15389
+ "$value": {
15390
+ "color": "{borderColor.accent.emphasis}",
15391
+ "style": "solid",
15392
+ "width": "{borderWidth.default}"
15393
+ },
15394
+ "$type": "border"
15395
+ },
15396
+ "name": "border-accent-emphasis",
15397
+ "attributes": {},
15398
+ "path": ["border", "accent", "emphasis"],
15399
+ "value": "0.0625rem solid #1f6feb",
15400
+ "type": "border"
15401
+ },
15402
+ "border-accent-muted": {
15403
+ "filePath": "src/tokens/functional/border/border.json5",
15404
+ "isSource": true,
15405
+ "original": {
15406
+ "$value": {
15407
+ "color": "{borderColor.accent.muted}",
15408
+ "style": "solid",
15409
+ "width": "{borderWidth.default}"
15410
+ },
15411
+ "$type": "border"
15412
+ },
15413
+ "name": "border-accent-muted",
15414
+ "attributes": {},
15415
+ "path": ["border", "accent", "muted"],
15416
+ "value": "0.0625rem solid #388bfd66",
15417
+ "type": "border"
15418
+ },
15419
+ "border-success-emphasis": {
15420
+ "filePath": "src/tokens/functional/border/border.json5",
15421
+ "isSource": true,
15422
+ "original": {
15423
+ "$value": {
15424
+ "color": "{borderColor.success.emphasis}",
15425
+ "style": "solid",
15426
+ "width": "{borderWidth.default}"
15427
+ },
15428
+ "$type": "border"
15429
+ },
15430
+ "name": "border-success-emphasis",
15431
+ "attributes": {},
15432
+ "path": ["border", "success", "emphasis"],
15433
+ "value": "0.0625rem solid #1f6feb",
15434
+ "type": "border"
15435
+ },
15436
+ "border-success-muted": {
15437
+ "filePath": "src/tokens/functional/border/border.json5",
15438
+ "isSource": true,
15439
+ "original": {
15440
+ "$value": {
15441
+ "color": "{borderColor.success.muted}",
15442
+ "style": "solid",
15443
+ "width": "{borderWidth.default}"
15444
+ },
15445
+ "$type": "border"
15446
+ },
15447
+ "name": "border-success-muted",
15448
+ "attributes": {},
15449
+ "path": ["border", "success", "muted"],
15450
+ "value": "0.0625rem solid #388bfd66",
15451
+ "type": "border"
15452
+ },
15453
+ "border-open-emphasis": {
15454
+ "filePath": "src/tokens/functional/border/border.json5",
15455
+ "isSource": true,
15456
+ "original": {
15457
+ "$value": "{border.success.emphasis}",
15458
+ "$type": "border"
15459
+ },
15460
+ "name": "border-open-emphasis",
15461
+ "attributes": {},
15462
+ "path": ["border", "open", "emphasis"],
15463
+ "value": "0.0625rem solid #1f6feb",
15464
+ "type": "border"
15465
+ },
15466
+ "border-open-muted": {
15467
+ "filePath": "src/tokens/functional/border/border.json5",
15468
+ "isSource": true,
15469
+ "original": {
15470
+ "$value": "{border.success.muted}",
15471
+ "$type": "border"
15472
+ },
15473
+ "name": "border-open-muted",
15474
+ "attributes": {},
15475
+ "path": ["border", "open", "muted"],
15476
+ "value": "0.0625rem solid #388bfd66",
15477
+ "type": "border"
15478
+ },
15479
+ "border-danger-emphasis": {
15480
+ "filePath": "src/tokens/functional/border/border.json5",
15481
+ "isSource": true,
15482
+ "original": {
15483
+ "$value": {
15484
+ "color": "{borderColor.danger.emphasis}",
15485
+ "style": "solid",
15486
+ "width": "{borderWidth.default}"
15487
+ },
15488
+ "$type": "border"
15489
+ },
15490
+ "name": "border-danger-emphasis",
15491
+ "attributes": {},
15492
+ "path": ["border", "danger", "emphasis"],
15493
+ "value": "0.0625rem solid #bd561d",
15494
+ "type": "border"
15495
+ },
15496
+ "border-danger-muted": {
15497
+ "filePath": "src/tokens/functional/border/border.json5",
15498
+ "isSource": true,
15499
+ "original": {
15500
+ "$value": {
15501
+ "color": "{borderColor.danger.muted}",
15502
+ "style": "solid",
15503
+ "width": "{borderWidth.default}"
15504
+ },
15505
+ "$type": "border"
15506
+ },
15507
+ "name": "border-danger-muted",
15508
+ "attributes": {},
15509
+ "path": ["border", "danger", "muted"],
15510
+ "value": "0.0625rem solid #db6d2866",
15511
+ "type": "border"
15512
+ },
15513
+ "border-closed-emphasis": {
15514
+ "filePath": "src/tokens/functional/border/border.json5",
15515
+ "isSource": true,
15516
+ "original": {
15517
+ "$value": "{border.danger.emphasis}",
15518
+ "$type": "border"
15519
+ },
15520
+ "name": "border-closed-emphasis",
15521
+ "attributes": {},
15522
+ "path": ["border", "closed", "emphasis"],
15523
+ "value": "0.0625rem solid #bd561d",
15524
+ "type": "border"
15525
+ },
15526
+ "border-closed-muted": {
15527
+ "filePath": "src/tokens/functional/border/border.json5",
15528
+ "isSource": true,
15529
+ "original": {
15530
+ "$value": "{border.danger.muted}",
15531
+ "$type": "border"
15532
+ },
15533
+ "name": "border-closed-muted",
15534
+ "attributes": {},
15535
+ "path": ["border", "closed", "muted"],
15536
+ "value": "0.0625rem solid #db6d2866",
15537
+ "type": "border"
15538
+ },
15539
+ "border-attention-emphasis": {
15540
+ "filePath": "src/tokens/functional/border/border.json5",
15541
+ "isSource": true,
15542
+ "original": {
15543
+ "$value": {
15544
+ "color": "{borderColor.attention.emphasis}",
15545
+ "style": "solid",
15546
+ "width": "{borderWidth.default}"
15547
+ },
15548
+ "$type": "border"
15549
+ },
15550
+ "name": "border-attention-emphasis",
15551
+ "attributes": {},
15552
+ "path": ["border", "attention", "emphasis"],
15553
+ "value": "0.0625rem solid #9e6a03",
15554
+ "type": "border"
15555
+ },
15556
+ "border-attention-muted": {
15557
+ "filePath": "src/tokens/functional/border/border.json5",
15558
+ "isSource": true,
15559
+ "original": {
15560
+ "$value": {
15561
+ "color": "{borderColor.attention.muted}",
15562
+ "style": "solid",
15563
+ "width": "{borderWidth.default}"
15564
+ },
15565
+ "$type": "border"
15566
+ },
15567
+ "name": "border-attention-muted",
15568
+ "attributes": {},
15569
+ "path": ["border", "attention", "muted"],
15570
+ "value": "0.0625rem solid #bb800966",
15571
+ "type": "border"
15572
+ },
15573
+ "border-severe-emphasis": {
15574
+ "filePath": "src/tokens/functional/border/border.json5",
15575
+ "isSource": true,
15576
+ "original": {
15577
+ "$value": {
15578
+ "color": "{borderColor.severe.emphasis}",
15579
+ "style": "solid",
15580
+ "width": "{borderWidth.default}"
15581
+ },
15582
+ "$type": "border"
15583
+ },
15584
+ "name": "border-severe-emphasis",
15585
+ "attributes": {},
15586
+ "path": ["border", "severe", "emphasis"],
15587
+ "value": "0.0625rem solid #bd561d",
15588
+ "type": "border"
15589
+ },
15590
+ "border-severe-muted": {
15591
+ "filePath": "src/tokens/functional/border/border.json5",
15592
+ "isSource": true,
15593
+ "original": {
15594
+ "$value": {
15595
+ "color": "{borderColor.severe.muted}",
15596
+ "style": "solid",
15597
+ "width": "{borderWidth.default}"
15598
+ },
15599
+ "$type": "border"
15600
+ },
15601
+ "name": "border-severe-muted",
15602
+ "attributes": {},
15603
+ "path": ["border", "severe", "muted"],
15604
+ "value": "0.0625rem solid #db6d2866",
15605
+ "type": "border"
15606
+ },
15607
+ "border-done-emphasis": {
15608
+ "filePath": "src/tokens/functional/border/border.json5",
15609
+ "isSource": true,
15610
+ "original": {
15611
+ "$value": {
15612
+ "color": "{borderColor.done.emphasis}",
15613
+ "style": "solid",
15614
+ "width": "{borderWidth.default}"
15615
+ },
15616
+ "$type": "border"
15617
+ },
15618
+ "name": "border-done-emphasis",
15619
+ "attributes": {},
15620
+ "path": ["border", "done", "emphasis"],
15621
+ "value": "0.0625rem solid #8957e5",
15622
+ "type": "border"
15623
+ },
15624
+ "border-done-muted": {
15625
+ "filePath": "src/tokens/functional/border/border.json5",
15626
+ "isSource": true,
15627
+ "original": {
15628
+ "$value": {
15629
+ "color": "{borderColor.done.muted}",
15630
+ "style": "solid",
15631
+ "width": "{borderWidth.default}"
15632
+ },
15633
+ "$type": "border"
15634
+ },
15635
+ "name": "border-done-muted",
15636
+ "attributes": {},
15637
+ "path": ["border", "done", "muted"],
15638
+ "value": "0.0625rem solid #ab7df866",
15639
+ "type": "border"
15640
+ },
15641
+ "border-upsell-emphasis": {
15642
+ "filePath": "src/tokens/functional/border/border.json5",
15643
+ "isSource": true,
15644
+ "original": {
15645
+ "$value": {
15646
+ "color": "{borderColor.upsell.emphasis}",
15647
+ "style": "solid",
15648
+ "width": "{borderWidth.default}"
15649
+ },
15650
+ "$type": "border"
15651
+ },
15652
+ "name": "border-upsell-emphasis",
15653
+ "attributes": {},
15654
+ "path": ["border", "upsell", "emphasis"],
15655
+ "value": "0.0625rem solid #8957e5",
15656
+ "type": "border"
15657
+ },
15658
+ "border-upsell-muted": {
15659
+ "filePath": "src/tokens/functional/border/border.json5",
15660
+ "isSource": true,
15661
+ "original": {
15662
+ "$value": {
15663
+ "color": "{borderColor.upsell.muted}",
15664
+ "style": "solid",
15665
+ "width": "{borderWidth.default}"
15666
+ },
15667
+ "$type": "border"
15668
+ },
15669
+ "name": "border-upsell-muted",
15670
+ "attributes": {},
15671
+ "path": ["border", "upsell", "muted"],
15672
+ "value": "0.0625rem solid #ab7df866",
15673
+ "type": "border"
15674
+ },
15675
+ "border-sponsors-emphasis": {
15676
+ "filePath": "src/tokens/functional/border/border.json5",
15677
+ "isSource": true,
15678
+ "original": {
15679
+ "$value": {
15680
+ "color": "{borderColor.sponsors.emphasis}",
15681
+ "style": "solid",
15682
+ "width": "{borderWidth.default}"
15683
+ },
15684
+ "$type": "border"
15685
+ },
15686
+ "name": "border-sponsors-emphasis",
15687
+ "attributes": {},
15688
+ "path": ["border", "sponsors", "emphasis"],
15689
+ "value": "0.0625rem solid #bf4b8a",
15690
+ "type": "border"
15691
+ },
15692
+ "border-sponsors-muted": {
15693
+ "filePath": "src/tokens/functional/border/border.json5",
15694
+ "isSource": true,
15695
+ "original": {
15696
+ "$value": {
15697
+ "color": "{borderColor.sponsors.muted}",
15698
+ "style": "solid",
15699
+ "width": "{borderWidth.default}"
15353
15700
  },
15354
15701
  "$type": "border"
15355
15702
  },
15356
- "name": "outline-focus",
15703
+ "name": "border-sponsors-muted",
15357
15704
  "attributes": {},
15358
- "path": ["outline", "focus"],
15359
- "value": "#1f6feb solid 2px",
15705
+ "path": ["border", "sponsors", "muted"],
15706
+ "value": "0.0625rem solid #db61a266",
15360
15707
  "type": "border"
15361
15708
  }
15362
15709
  }