@primer/primitives 10.1.0-rc.f1589f93 → 10.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/README.md +0 -21
  2. package/dist/build/filters/index.d.ts +0 -1
  3. package/dist/build/filters/index.js +0 -1
  4. package/dist/build/formats/jsonFigma.js +1 -2
  5. package/dist/build/platforms/css.js +6 -7
  6. package/dist/build/platforms/docJson.js +0 -1
  7. package/dist/build/platforms/fallbacks.js +0 -1
  8. package/dist/build/platforms/javascript.js +0 -1
  9. package/dist/build/platforms/json.js +0 -1
  10. package/dist/build/platforms/styleLint.js +0 -1
  11. package/dist/build/platforms/typescript.js +0 -1
  12. package/dist/build/primerStyleDictionary.js +7 -3
  13. package/dist/build/schemas/colorToken.d.ts +0 -18
  14. package/dist/build/schemas/colorToken.js +0 -7
  15. package/dist/build/transformers/borderToCss.js +2 -2
  16. package/dist/build/transformers/colorToRgbaFloat.js +2 -12
  17. package/dist/build/transformers/index.d.ts +0 -1
  18. package/dist/build/transformers/index.js +0 -1
  19. package/dist/css/functional/size/border.css +7 -6
  20. package/dist/css/functional/themes/dark-colorblind.css +60 -6
  21. package/dist/css/functional/themes/dark-dimmed.css +60 -6
  22. package/dist/css/functional/themes/dark-high-contrast.css +60 -6
  23. package/dist/css/functional/themes/dark-tritanopia.css +60 -6
  24. package/dist/css/functional/themes/dark.css +60 -6
  25. package/dist/css/functional/themes/light-colorblind.css +60 -6
  26. package/dist/css/functional/themes/light-high-contrast.css +60 -6
  27. package/dist/css/functional/themes/light-tritanopia.css +60 -6
  28. package/dist/css/functional/themes/light.css +60 -6
  29. package/dist/css/primitives.css +7 -6
  30. package/dist/docs/base/size/size.json +19 -19
  31. package/dist/docs/base/typography/typography.json +4 -4
  32. package/dist/docs/functional/size/border.json +41 -28
  33. package/dist/docs/functional/size/breakpoints.json +6 -6
  34. package/dist/docs/functional/size/size-coarse.json +3 -3
  35. package/dist/docs/functional/size/size-fine.json +3 -3
  36. package/dist/docs/functional/size/size.json +66 -66
  37. package/dist/docs/functional/size/viewport.json +6 -6
  38. package/dist/docs/functional/themes/dark-colorblind.json +475 -128
  39. package/dist/docs/functional/themes/dark-dimmed.json +519 -444
  40. package/dist/docs/functional/themes/dark-high-contrast.json +490 -241
  41. package/dist/docs/functional/themes/dark-tritanopia.json +485 -200
  42. package/dist/docs/functional/themes/dark.json +469 -102
  43. package/dist/docs/functional/themes/light-colorblind.json +463 -94
  44. package/dist/docs/functional/themes/light-high-contrast.json +487 -274
  45. package/dist/docs/functional/themes/light-tritanopia.json +463 -102
  46. package/dist/docs/functional/themes/light.json +460 -105
  47. package/dist/docs/functional/typography/typography.json +46 -46
  48. package/dist/fallbacks/functional/size/border.json +7 -6
  49. package/dist/figma/themes/dark-colorblind.json +14 -54
  50. package/dist/figma/themes/dark-dimmed.json +15 -356
  51. package/dist/figma/themes/dark-high-contrast.json +10 -129
  52. package/dist/figma/themes/dark-tritanopia.json +14 -111
  53. package/dist/figma/themes/dark.json +14 -34
  54. package/dist/figma/themes/light-colorblind.json +10 -20
  55. package/dist/figma/themes/light-high-contrast.json +10 -177
  56. package/dist/figma/themes/light-tritanopia.json +10 -24
  57. package/dist/figma/themes/light.json +10 -32
  58. package/dist/internalCss/dark-colorblind.css +88 -6
  59. package/dist/internalCss/dark-dimmed.css +88 -6
  60. package/dist/internalCss/dark-high-contrast.css +88 -6
  61. package/dist/internalCss/dark-tritanopia.css +88 -6
  62. package/dist/internalCss/dark.css +88 -6
  63. package/dist/internalCss/light-colorblind.css +88 -6
  64. package/dist/internalCss/light-high-contrast.css +88 -6
  65. package/dist/internalCss/light-tritanopia.css +88 -6
  66. package/dist/internalCss/light.css +88 -6
  67. package/dist/styleLint/base/size/size.json +19 -19
  68. package/dist/styleLint/base/typography/typography.json +4 -4
  69. package/dist/styleLint/functional/size/border.json +41 -28
  70. package/dist/styleLint/functional/size/breakpoints.json +6 -6
  71. package/dist/styleLint/functional/size/size-coarse.json +3 -3
  72. package/dist/styleLint/functional/size/size-fine.json +3 -3
  73. package/dist/styleLint/functional/size/size.json +66 -66
  74. package/dist/styleLint/functional/size/viewport.json +6 -6
  75. package/dist/styleLint/functional/themes/dark-colorblind.json +475 -128
  76. package/dist/styleLint/functional/themes/dark-dimmed.json +519 -444
  77. package/dist/styleLint/functional/themes/dark-high-contrast.json +490 -241
  78. package/dist/styleLint/functional/themes/dark-tritanopia.json +485 -200
  79. package/dist/styleLint/functional/themes/dark.json +469 -102
  80. package/dist/styleLint/functional/themes/light-colorblind.json +463 -94
  81. package/dist/styleLint/functional/themes/light-high-contrast.json +487 -274
  82. package/dist/styleLint/functional/themes/light-tritanopia.json +463 -102
  83. package/dist/styleLint/functional/themes/light.json +460 -105
  84. package/dist/styleLint/functional/typography/typography.json +46 -46
  85. package/package.json +1 -1
  86. package/src/tokens/base/typography/typography.json5 +48 -0
  87. package/src/tokens/functional/border/border.json5 +236 -0
  88. package/src/tokens/functional/color/dark/app-dark.json5 +0 -2
  89. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +120 -6
  90. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +46 -29
  91. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +15 -20
  92. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +32 -18
  93. package/src/tokens/functional/color/dark/patterns-dark.json5 +13 -45
  94. package/src/tokens/functional/color/dark/primitives-dark.json5 +1 -6
  95. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +67 -20
  96. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +4 -21
  97. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -16
  98. package/src/tokens/functional/color/light/patterns-light.json5 +11 -47
  99. package/src/tokens/functional/color/light/primitives-light.json5 +2 -10
  100. package/src/tokens/functional/size/border.json5 +115 -0
  101. package/src/tokens/functional/typography/typography.json5 +527 -0
  102. package/dist/build/filters/isColorWithMix.d.ts +0 -7
  103. package/dist/build/filters/isColorWithMix.js +0 -24
  104. package/dist/build/transformers/colorToHexMix.d.ts +0 -8
  105. package/dist/build/transformers/colorToHexMix.js +0 -20
  106. package/dist/build/transformers/utilities/mix.d.ts +0 -5
  107. package/dist/build/transformers/utilities/mix.js +0 -38
  108. package/src/tokens/base/typography/typography.json +0 -48
  109. package/src/tokens/functional/border/dark.json5 +0 -12
  110. package/src/tokens/functional/border/light.json5 +0 -12
  111. package/src/tokens/functional/color/dark/patterns-dark.json +0 -3963
  112. package/src/tokens/functional/size/border.json +0 -111
  113. package/src/tokens/functional/typography/typography.json +0 -527
  114. /package/src/tokens/base/size/{size.json → size.json5} +0 -0
  115. /package/src/tokens/functional/size/{breakpoints.json → breakpoints.json5} +0 -0
  116. /package/src/tokens/functional/size/{size-coarse.json → size-coarse.json5} +0 -0
  117. /package/src/tokens/functional/size/{size-fine.json → size-fine.json5} +0 -0
  118. /package/src/tokens/functional/size/{size.json → size.json5} +0 -0
  119. /package/src/tokens/functional/size/{viewport.json → viewport.json5} +0 -0
@@ -120,7 +120,6 @@
120
120
  }
121
121
  },
122
122
  "alpha": 0.15,
123
- "mix": null,
124
123
  "filePath": "src/tokens/functional/color/dark/app-dark.json5",
125
124
  "isSource": true,
126
125
  "original": {
@@ -133,8 +132,7 @@
133
132
  "scopes": ["bgColor"]
134
133
  }
135
134
  },
136
- "alpha": 0.15,
137
- "mix": null
135
+ "alpha": 0.15
138
136
  },
139
137
  "name": "diffBlob-additionLine-bgColor",
140
138
  "attributes": {},
@@ -255,14 +253,12 @@
255
253
  "$value": "#db6d2826",
256
254
  "$type": "color",
257
255
  "alpha": 0.15,
258
- "mix": null,
259
256
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
260
257
  "isSource": true,
261
258
  "original": {
262
259
  "$value": "{base.color.orange.4}",
263
260
  "$type": "color",
264
- "alpha": 0.15,
265
- "mix": null
261
+ "alpha": 0.15
266
262
  },
267
263
  "name": "diffBlob-deletionLine-bgColor",
268
264
  "attributes": {},
@@ -382,7 +378,6 @@
382
378
  "diffBlob-hunkLine-bgColor": {
383
379
  "$value": "#212830",
384
380
  "$type": "color",
385
- "mix": null,
386
381
  "$extensions": {
387
382
  "alpha": 1
388
383
  },
@@ -391,7 +386,6 @@
391
386
  "original": {
392
387
  "$value": "{base.color.neutral.3}",
393
388
  "$type": "color",
394
- "mix": null,
395
389
  "$extensions": {
396
390
  "alpha": 1
397
391
  }
@@ -457,7 +451,6 @@
457
451
  "diffBlob-hunkNum-bgColor-rest": {
458
452
  "$value": "#2f3742",
459
453
  "$type": "color",
460
- "mix": null,
461
454
  "$extensions": {
462
455
  "alpha": 1
463
456
  },
@@ -466,7 +459,6 @@
466
459
  "original": {
467
460
  "$value": "{base.color.neutral.6}",
468
461
  "$type": "color",
469
- "mix": null,
470
462
  "$extensions": {
471
463
  "alpha": 1
472
464
  }
@@ -478,7 +470,6 @@
478
470
  "diffBlob-hunkNum-bgColor-hover": {
479
471
  "$value": "#656c76",
480
472
  "$type": "color",
481
- "mix": null,
482
473
  "$extensions": {
483
474
  "alpha": 1
484
475
  },
@@ -487,7 +478,6 @@
487
478
  "original": {
488
479
  "$value": "{base.color.neutral.8}",
489
480
  "$type": "color",
490
- "mix": null,
491
481
  "$extensions": {
492
482
  "alpha": 1
493
483
  }
@@ -5264,14 +5254,10 @@
5264
5254
  "scopes": ["bgColor"]
5265
5255
  }
5266
5256
  },
5267
- "mix": {
5268
- "color": "#58a6ff",
5269
- "weight": 0.2
5270
- },
5271
5257
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5272
5258
  "isSource": true,
5273
5259
  "original": {
5274
- "$value": "{bgColor.accent.emphasis}",
5260
+ "$value": "#2A7AEF",
5275
5261
  "$type": "color",
5276
5262
  "$extensions": {
5277
5263
  "org.primer.figma": {
@@ -5279,10 +5265,6 @@
5279
5265
  "group": "component",
5280
5266
  "scopes": ["bgColor"]
5281
5267
  }
5282
- },
5283
- "mix": {
5284
- "color": "{base.color.blue.3}",
5285
- "weight": 0.2
5286
5268
  }
5287
5269
  },
5288
5270
  "name": "control-checked-bgColor-hover",
@@ -5299,14 +5281,10 @@
5299
5281
  "scopes": ["bgColor"]
5300
5282
  }
5301
5283
  },
5302
- "mix": {
5303
- "color": "#58a6ff",
5304
- "weight": 0.4
5305
- },
5306
5284
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5307
5285
  "isSource": true,
5308
5286
  "original": {
5309
- "$value": "{bgColor.accent.emphasis}",
5287
+ "$value": "#3685F3",
5310
5288
  "$type": "color",
5311
5289
  "$extensions": {
5312
5290
  "org.primer.figma": {
@@ -5314,10 +5292,6 @@
5314
5292
  "group": "component",
5315
5293
  "scopes": ["bgColor"]
5316
5294
  }
5317
- },
5318
- "mix": {
5319
- "color": "{base.color.blue.3}",
5320
- "weight": 0.4
5321
5295
  }
5322
5296
  },
5323
5297
  "name": "control-checked-bgColor-active",
@@ -6390,19 +6364,11 @@
6390
6364
  "button-primary-bgColor-hover": {
6391
6365
  "$value": "#2a7aef",
6392
6366
  "$type": "color",
6393
- "mix": {
6394
- "color": "#58a6ff",
6395
- "weight": 0.2
6396
- },
6397
6367
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
6398
6368
  "isSource": true,
6399
6369
  "original": {
6400
- "$value": "{bgColor.success.emphasis}",
6401
- "$type": "color",
6402
- "mix": {
6403
- "color": "{base.color.blue.3}",
6404
- "weight": 0.2
6405
- }
6370
+ "$value": "#2a7aef",
6371
+ "$type": "color"
6406
6372
  },
6407
6373
  "name": "button-primary-bgColor-hover",
6408
6374
  "attributes": {},
@@ -6411,19 +6377,11 @@
6411
6377
  "button-primary-bgColor-active": {
6412
6378
  "$value": "#3685f3",
6413
6379
  "$type": "color",
6414
- "mix": {
6415
- "color": "#58a6ff",
6416
- "weight": 0.4
6417
- },
6418
6380
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
6419
6381
  "isSource": true,
6420
6382
  "original": {
6421
- "$value": "{bgColor.success.emphasis}",
6422
- "$type": "color",
6423
- "mix": {
6424
- "color": "{base.color.blue.3}",
6425
- "weight": 0.4
6426
- }
6383
+ "$value": "#3685f3",
6384
+ "$type": "color"
6427
6385
  },
6428
6386
  "name": "button-primary-bgColor-active",
6429
6387
  "attributes": {},
@@ -6432,13 +6390,11 @@
6432
6390
  "button-primary-bgColor-disabled": {
6433
6391
  "$value": "#1158c7",
6434
6392
  "$type": "color",
6435
- "mix": null,
6436
6393
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
6437
6394
  "isSource": true,
6438
6395
  "original": {
6439
6396
  "$value": "{base.color.blue.6}",
6440
- "$type": "color",
6441
- "mix": null
6397
+ "$type": "color"
6442
6398
  },
6443
6399
  "name": "button-primary-bgColor-disabled",
6444
6400
  "attributes": {},
@@ -6530,25 +6486,11 @@
6530
6486
  "button-primary-borderColor-disabled": {
6531
6487
  "$value": "#1158c7",
6532
6488
  "$type": "color",
6533
- "$extensions": {
6534
- "org.primer.figma": {
6535
- "collection": "mode",
6536
- "group": "component (internal)",
6537
- "scopes": ["borderColor"]
6538
- }
6539
- },
6540
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6489
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
6541
6490
  "isSource": true,
6542
6491
  "original": {
6543
- "$value": "{button.primary.bgColor.disabled}",
6544
- "$type": "color",
6545
- "$extensions": {
6546
- "org.primer.figma": {
6547
- "collection": "mode",
6548
- "group": "component (internal)",
6549
- "scopes": ["borderColor"]
6550
- }
6551
- }
6492
+ "$value": "#1158c7",
6493
+ "$type": "color"
6552
6494
  },
6553
6495
  "name": "button-primary-borderColor-disabled",
6554
6496
  "attributes": {},
@@ -6860,7 +6802,7 @@
6860
6802
  "path": ["button", "invisible", "bgColor", "active"]
6861
6803
  },
6862
6804
  "button-invisible-bgColor-disabled": {
6863
- "$value": "#212830",
6805
+ "$value": "#00000000",
6864
6806
  "$type": "color",
6865
6807
  "$extensions": {
6866
6808
  "org.primer.figma": {
@@ -6872,7 +6814,7 @@
6872
6814
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6873
6815
  "isSource": true,
6874
6816
  "original": {
6875
- "$value": "{control.transparent.bgColor.disabled}",
6817
+ "$value": "{base.color.transparent}",
6876
6818
  "$type": "color",
6877
6819
  "$extensions": {
6878
6820
  "org.primer.figma": {
@@ -6941,7 +6883,7 @@
6941
6883
  "path": ["button", "invisible", "borderColor", "hover"]
6942
6884
  },
6943
6885
  "button-invisible-borderColor-disabled": {
6944
- "$value": "#656c761a",
6886
+ "$value": "#00000000",
6945
6887
  "$type": "color",
6946
6888
  "$extensions": {
6947
6889
  "org.primer.figma": {
@@ -6953,7 +6895,7 @@
6953
6895
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6954
6896
  "isSource": true,
6955
6897
  "original": {
6956
- "$value": "{control.borderColor.disabled}",
6898
+ "$value": "{base.color.transparent}",
6957
6899
  "$type": "color",
6958
6900
  "$extensions": {
6959
6901
  "org.primer.figma": {
@@ -7373,25 +7315,11 @@
7373
7315
  "button-danger-iconColor-rest": {
7374
7316
  "$value": "#f0883e",
7375
7317
  "$type": "color",
7376
- "$extensions": {
7377
- "org.primer.figma": {
7378
- "collection": "mode",
7379
- "group": "component (internal)",
7380
- "scopes": ["fgColor"]
7381
- }
7382
- },
7383
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7318
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
7384
7319
  "isSource": true,
7385
7320
  "original": {
7386
- "$value": "{button.danger.fgColor.rest}",
7387
- "$type": "color",
7388
- "$extensions": {
7389
- "org.primer.figma": {
7390
- "collection": "mode",
7391
- "group": "component (internal)",
7392
- "scopes": ["fgColor"]
7393
- }
7394
- }
7321
+ "$value": "#f0883e",
7322
+ "$type": "color"
7395
7323
  },
7396
7324
  "name": "button-danger-iconColor-rest",
7397
7325
  "attributes": {},
@@ -7467,19 +7395,11 @@
7467
7395
  "button-danger-bgColor-active": {
7468
7396
  "$value": "#b5531d",
7469
7397
  "$type": "color",
7470
- "mix": {
7471
- "color": "#db6d28",
7472
- "weight": 0.4
7473
- },
7474
7398
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
7475
7399
  "isSource": true,
7476
7400
  "original": {
7477
- "$value": "{base.color.orange.6}",
7478
- "$type": "color",
7479
- "mix": {
7480
- "color": "{base.color.orange.4}",
7481
- "weight": 0.4
7482
- }
7401
+ "$value": "#b5531d",
7402
+ "$type": "color"
7483
7403
  },
7484
7404
  "name": "button-danger-bgColor-active",
7485
7405
  "attributes": {},
@@ -8171,15 +8091,11 @@
8171
8091
  "scopes": ["bgColor"]
8172
8092
  }
8173
8093
  },
8174
- "mix": {
8175
- "color": "#79c0ff",
8176
- "weight": 0.2
8177
- },
8178
- "alpha": 0.2,
8094
+ "alpha": 0.36,
8179
8095
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8180
8096
  "isSource": true,
8181
8097
  "original": {
8182
- "$value": "{reactionButton.selected.bgColor.rest}",
8098
+ "$value": "#3a8cfd",
8183
8099
  "$type": "color",
8184
8100
  "$extensions": {
8185
8101
  "org.primer.figma": {
@@ -8188,11 +8104,7 @@
8188
8104
  "scopes": ["bgColor"]
8189
8105
  }
8190
8106
  },
8191
- "mix": {
8192
- "color": "{base.color.blue.2}",
8193
- "weight": 0.2
8194
- },
8195
- "alpha": 0.2
8107
+ "alpha": 0.36
8196
8108
  },
8197
8109
  "name": "reactionButton-selected-bgColor-hover",
8198
8110
  "attributes": {},
@@ -8279,6 +8191,23 @@
8279
8191
  "attributes": {},
8280
8192
  "path": ["focus", "outlineColor"]
8281
8193
  },
8194
+ "focus-outline": {
8195
+ "$value": "2px solid #1f6feb",
8196
+ "$type": "border",
8197
+ "filePath": "src/tokens/functional/border/border.json5",
8198
+ "isSource": true,
8199
+ "original": {
8200
+ "$value": {
8201
+ "color": "{focus.outlineColor}",
8202
+ "style": "solid",
8203
+ "width": "2px"
8204
+ },
8205
+ "$type": "border"
8206
+ },
8207
+ "name": "focus-outline",
8208
+ "attributes": {},
8209
+ "path": ["focus", "outline"]
8210
+ },
8282
8211
  "menu-bgColor-active": {
8283
8212
  "$value": "#151b23",
8284
8213
  "$type": "color",
@@ -12102,14 +12031,10 @@
12102
12031
  }
12103
12032
  }
12104
12033
  },
12105
- "mix": {
12106
- "color": "#1f6feb",
12107
- "weight": 0.35
12108
- },
12109
12034
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12110
12035
  "isSource": true,
12111
12036
  "original": {
12112
- "$value": "{base.color.blue.3}",
12037
+ "$value": "#4493F8",
12113
12038
  "$type": "color",
12114
12039
  "$extensions": {
12115
12040
  "org.primer.figma": {
@@ -12120,10 +12045,6 @@
12120
12045
  "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
12121
12046
  }
12122
12047
  }
12123
- },
12124
- "mix": {
12125
- "color": "{base.color.blue.5}",
12126
- "weight": 0.35
12127
12048
  }
12128
12049
  },
12129
12050
  "name": "fgColor-accent",
@@ -15342,21 +15263,447 @@
15342
15263
  "attributes": {},
15343
15264
  "path": ["shadow", "floating", "legacy"]
15344
15265
  },
15345
- "outline-focus": {
15346
- "$value": "#1f6feb solid 2px",
15266
+ "border-default": {
15267
+ "$value": "0.00390625rem,0.0625px solid #3d444d",
15347
15268
  "$type": "border",
15348
- "filePath": "src/tokens/functional/border/dark.json5",
15269
+ "filePath": "src/tokens/functional/border/border.json5",
15349
15270
  "isSource": true,
15350
15271
  "original": {
15351
15272
  "$value": {
15352
- "color": "{focus.outlineColor}",
15273
+ "color": "{borderColor.default}",
15353
15274
  "style": "solid",
15354
- "width": "2px"
15275
+ "width": "{borderWidth.default}"
15276
+ },
15277
+ "$type": "border"
15278
+ },
15279
+ "name": "border-default",
15280
+ "attributes": {},
15281
+ "path": ["border", "default"]
15282
+ },
15283
+ "border-muted": {
15284
+ "$value": "0.00390625rem,0.0625px solid #3d444db3",
15285
+ "$type": "border",
15286
+ "filePath": "src/tokens/functional/border/border.json5",
15287
+ "isSource": true,
15288
+ "original": {
15289
+ "$value": {
15290
+ "color": "{borderColor.muted}",
15291
+ "style": "solid",
15292
+ "width": "{borderWidth.default}"
15293
+ },
15294
+ "$type": "border"
15295
+ },
15296
+ "name": "border-muted",
15297
+ "attributes": {},
15298
+ "path": ["border", "muted"]
15299
+ },
15300
+ "border-emphasis": {
15301
+ "$value": "0.00390625rem,0.0625px solid #656c76",
15302
+ "$type": "border",
15303
+ "filePath": "src/tokens/functional/border/border.json5",
15304
+ "isSource": true,
15305
+ "original": {
15306
+ "$value": {
15307
+ "color": "{borderColor.emphasis}",
15308
+ "style": "solid",
15309
+ "width": "{borderWidth.default}"
15310
+ },
15311
+ "$type": "border"
15312
+ },
15313
+ "name": "border-emphasis",
15314
+ "attributes": {},
15315
+ "path": ["border", "emphasis"]
15316
+ },
15317
+ "border-disabled": {
15318
+ "$value": "0.00390625rem,0.0625px solid #656c761a",
15319
+ "$type": "border",
15320
+ "filePath": "src/tokens/functional/border/border.json5",
15321
+ "isSource": true,
15322
+ "original": {
15323
+ "$value": {
15324
+ "color": "{borderColor.disabled}",
15325
+ "style": "solid",
15326
+ "width": "{borderWidth.default}"
15327
+ },
15328
+ "$type": "border"
15329
+ },
15330
+ "name": "border-disabled",
15331
+ "attributes": {},
15332
+ "path": ["border", "disabled"]
15333
+ },
15334
+ "border-transparent": {
15335
+ "$value": "0.00390625rem,0.0625px solid #00000000",
15336
+ "$type": "border",
15337
+ "filePath": "src/tokens/functional/border/border.json5",
15338
+ "isSource": true,
15339
+ "original": {
15340
+ "$value": {
15341
+ "color": "{borderColor.transparent}",
15342
+ "style": "solid",
15343
+ "width": "{borderWidth.default}"
15344
+ },
15345
+ "$type": "border"
15346
+ },
15347
+ "name": "border-transparent",
15348
+ "attributes": {},
15349
+ "path": ["border", "transparent"]
15350
+ },
15351
+ "border-neutral-emphasis": {
15352
+ "$value": "0.00390625rem,0.0625px solid #656c76",
15353
+ "$type": "border",
15354
+ "filePath": "src/tokens/functional/border/border.json5",
15355
+ "isSource": true,
15356
+ "original": {
15357
+ "$value": {
15358
+ "color": "{borderColor.neutral.emphasis}",
15359
+ "style": "solid",
15360
+ "width": "{borderWidth.default}"
15361
+ },
15362
+ "$type": "border"
15363
+ },
15364
+ "name": "border-neutral-emphasis",
15365
+ "attributes": {},
15366
+ "path": ["border", "neutral", "emphasis"]
15367
+ },
15368
+ "border-neutral-muted": {
15369
+ "$value": "0.00390625rem,0.0625px solid #3d444db3",
15370
+ "$type": "border",
15371
+ "filePath": "src/tokens/functional/border/border.json5",
15372
+ "isSource": true,
15373
+ "original": {
15374
+ "$value": {
15375
+ "color": "{borderColor.neutral.muted}",
15376
+ "style": "solid",
15377
+ "width": "{borderWidth.default}"
15378
+ },
15379
+ "$type": "border"
15380
+ },
15381
+ "name": "border-neutral-muted",
15382
+ "attributes": {},
15383
+ "path": ["border", "neutral", "muted"]
15384
+ },
15385
+ "border-accent-emphasis": {
15386
+ "$value": "0.00390625rem,0.0625px solid #1f6feb",
15387
+ "$type": "border",
15388
+ "filePath": "src/tokens/functional/border/border.json5",
15389
+ "isSource": true,
15390
+ "original": {
15391
+ "$value": {
15392
+ "color": "{borderColor.accent.emphasis}",
15393
+ "style": "solid",
15394
+ "width": "{borderWidth.default}"
15395
+ },
15396
+ "$type": "border"
15397
+ },
15398
+ "name": "border-accent-emphasis",
15399
+ "attributes": {},
15400
+ "path": ["border", "accent", "emphasis"]
15401
+ },
15402
+ "border-accent-muted": {
15403
+ "$value": "0.00390625rem,0.0625px solid #388bfd66",
15404
+ "$type": "border",
15405
+ "filePath": "src/tokens/functional/border/border.json5",
15406
+ "isSource": true,
15407
+ "original": {
15408
+ "$value": {
15409
+ "color": "{borderColor.accent.muted}",
15410
+ "style": "solid",
15411
+ "width": "{borderWidth.default}"
15412
+ },
15413
+ "$type": "border"
15414
+ },
15415
+ "name": "border-accent-muted",
15416
+ "attributes": {},
15417
+ "path": ["border", "accent", "muted"]
15418
+ },
15419
+ "border-success-emphasis": {
15420
+ "$value": "0.00390625rem,0.0625px solid #1f6feb",
15421
+ "$type": "border",
15422
+ "filePath": "src/tokens/functional/border/border.json5",
15423
+ "isSource": true,
15424
+ "original": {
15425
+ "$value": {
15426
+ "color": "{borderColor.success.emphasis}",
15427
+ "style": "solid",
15428
+ "width": "{borderWidth.default}"
15429
+ },
15430
+ "$type": "border"
15431
+ },
15432
+ "name": "border-success-emphasis",
15433
+ "attributes": {},
15434
+ "path": ["border", "success", "emphasis"]
15435
+ },
15436
+ "border-success-muted": {
15437
+ "$value": "0.00390625rem,0.0625px solid #388bfd66",
15438
+ "$type": "border",
15439
+ "filePath": "src/tokens/functional/border/border.json5",
15440
+ "isSource": true,
15441
+ "original": {
15442
+ "$value": {
15443
+ "color": "{borderColor.success.muted}",
15444
+ "style": "solid",
15445
+ "width": "{borderWidth.default}"
15446
+ },
15447
+ "$type": "border"
15448
+ },
15449
+ "name": "border-success-muted",
15450
+ "attributes": {},
15451
+ "path": ["border", "success", "muted"]
15452
+ },
15453
+ "border-open-emphasis": {
15454
+ "$value": "0.00390625rem,0.0625px solid #1f6feb",
15455
+ "$type": "border",
15456
+ "filePath": "src/tokens/functional/border/border.json5",
15457
+ "isSource": true,
15458
+ "original": {
15459
+ "$value": "{border.success.emphasis}",
15460
+ "$type": "border"
15461
+ },
15462
+ "name": "border-open-emphasis",
15463
+ "attributes": {},
15464
+ "path": ["border", "open", "emphasis"]
15465
+ },
15466
+ "border-open-muted": {
15467
+ "$value": "0.00390625rem,0.0625px solid #388bfd66",
15468
+ "$type": "border",
15469
+ "filePath": "src/tokens/functional/border/border.json5",
15470
+ "isSource": true,
15471
+ "original": {
15472
+ "$value": "{border.success.muted}",
15473
+ "$type": "border"
15474
+ },
15475
+ "name": "border-open-muted",
15476
+ "attributes": {},
15477
+ "path": ["border", "open", "muted"]
15478
+ },
15479
+ "border-danger-emphasis": {
15480
+ "$value": "0.00390625rem,0.0625px solid #bd561d",
15481
+ "$type": "border",
15482
+ "filePath": "src/tokens/functional/border/border.json5",
15483
+ "isSource": true,
15484
+ "original": {
15485
+ "$value": {
15486
+ "color": "{borderColor.danger.emphasis}",
15487
+ "style": "solid",
15488
+ "width": "{borderWidth.default}"
15489
+ },
15490
+ "$type": "border"
15491
+ },
15492
+ "name": "border-danger-emphasis",
15493
+ "attributes": {},
15494
+ "path": ["border", "danger", "emphasis"]
15495
+ },
15496
+ "border-danger-muted": {
15497
+ "$value": "0.00390625rem,0.0625px solid #db6d2866",
15498
+ "$type": "border",
15499
+ "filePath": "src/tokens/functional/border/border.json5",
15500
+ "isSource": true,
15501
+ "original": {
15502
+ "$value": {
15503
+ "color": "{borderColor.danger.muted}",
15504
+ "style": "solid",
15505
+ "width": "{borderWidth.default}"
15506
+ },
15507
+ "$type": "border"
15508
+ },
15509
+ "name": "border-danger-muted",
15510
+ "attributes": {},
15511
+ "path": ["border", "danger", "muted"]
15512
+ },
15513
+ "border-closed-emphasis": {
15514
+ "$value": "0.00390625rem,0.0625px solid #bd561d",
15515
+ "$type": "border",
15516
+ "filePath": "src/tokens/functional/border/border.json5",
15517
+ "isSource": true,
15518
+ "original": {
15519
+ "$value": "{border.danger.emphasis}",
15520
+ "$type": "border"
15521
+ },
15522
+ "name": "border-closed-emphasis",
15523
+ "attributes": {},
15524
+ "path": ["border", "closed", "emphasis"]
15525
+ },
15526
+ "border-closed-muted": {
15527
+ "$value": "0.00390625rem,0.0625px solid #db6d2866",
15528
+ "$type": "border",
15529
+ "filePath": "src/tokens/functional/border/border.json5",
15530
+ "isSource": true,
15531
+ "original": {
15532
+ "$value": "{border.danger.muted}",
15533
+ "$type": "border"
15534
+ },
15535
+ "name": "border-closed-muted",
15536
+ "attributes": {},
15537
+ "path": ["border", "closed", "muted"]
15538
+ },
15539
+ "border-attention-emphasis": {
15540
+ "$value": "0.00390625rem,0.0625px solid #9e6a03",
15541
+ "$type": "border",
15542
+ "filePath": "src/tokens/functional/border/border.json5",
15543
+ "isSource": true,
15544
+ "original": {
15545
+ "$value": {
15546
+ "color": "{borderColor.attention.emphasis}",
15547
+ "style": "solid",
15548
+ "width": "{borderWidth.default}"
15549
+ },
15550
+ "$type": "border"
15551
+ },
15552
+ "name": "border-attention-emphasis",
15553
+ "attributes": {},
15554
+ "path": ["border", "attention", "emphasis"]
15555
+ },
15556
+ "border-attention-muted": {
15557
+ "$value": "0.00390625rem,0.0625px solid #bb800966",
15558
+ "$type": "border",
15559
+ "filePath": "src/tokens/functional/border/border.json5",
15560
+ "isSource": true,
15561
+ "original": {
15562
+ "$value": {
15563
+ "color": "{borderColor.attention.muted}",
15564
+ "style": "solid",
15565
+ "width": "{borderWidth.default}"
15566
+ },
15567
+ "$type": "border"
15568
+ },
15569
+ "name": "border-attention-muted",
15570
+ "attributes": {},
15571
+ "path": ["border", "attention", "muted"]
15572
+ },
15573
+ "border-severe-emphasis": {
15574
+ "$value": "0.00390625rem,0.0625px solid #bd561d",
15575
+ "$type": "border",
15576
+ "filePath": "src/tokens/functional/border/border.json5",
15577
+ "isSource": true,
15578
+ "original": {
15579
+ "$value": {
15580
+ "color": "{borderColor.severe.emphasis}",
15581
+ "style": "solid",
15582
+ "width": "{borderWidth.default}"
15583
+ },
15584
+ "$type": "border"
15585
+ },
15586
+ "name": "border-severe-emphasis",
15587
+ "attributes": {},
15588
+ "path": ["border", "severe", "emphasis"]
15589
+ },
15590
+ "border-severe-muted": {
15591
+ "$value": "0.00390625rem,0.0625px solid #db6d2866",
15592
+ "$type": "border",
15593
+ "filePath": "src/tokens/functional/border/border.json5",
15594
+ "isSource": true,
15595
+ "original": {
15596
+ "$value": {
15597
+ "color": "{borderColor.severe.muted}",
15598
+ "style": "solid",
15599
+ "width": "{borderWidth.default}"
15600
+ },
15601
+ "$type": "border"
15602
+ },
15603
+ "name": "border-severe-muted",
15604
+ "attributes": {},
15605
+ "path": ["border", "severe", "muted"]
15606
+ },
15607
+ "border-done-emphasis": {
15608
+ "$value": "0.00390625rem,0.0625px solid #8957e5",
15609
+ "$type": "border",
15610
+ "filePath": "src/tokens/functional/border/border.json5",
15611
+ "isSource": true,
15612
+ "original": {
15613
+ "$value": {
15614
+ "color": "{borderColor.done.emphasis}",
15615
+ "style": "solid",
15616
+ "width": "{borderWidth.default}"
15617
+ },
15618
+ "$type": "border"
15619
+ },
15620
+ "name": "border-done-emphasis",
15621
+ "attributes": {},
15622
+ "path": ["border", "done", "emphasis"]
15623
+ },
15624
+ "border-done-muted": {
15625
+ "$value": "0.00390625rem,0.0625px solid #ab7df866",
15626
+ "$type": "border",
15627
+ "filePath": "src/tokens/functional/border/border.json5",
15628
+ "isSource": true,
15629
+ "original": {
15630
+ "$value": {
15631
+ "color": "{borderColor.done.muted}",
15632
+ "style": "solid",
15633
+ "width": "{borderWidth.default}"
15634
+ },
15635
+ "$type": "border"
15636
+ },
15637
+ "name": "border-done-muted",
15638
+ "attributes": {},
15639
+ "path": ["border", "done", "muted"]
15640
+ },
15641
+ "border-upsell-emphasis": {
15642
+ "$value": "0.00390625rem,0.0625px solid #8957e5",
15643
+ "$type": "border",
15644
+ "filePath": "src/tokens/functional/border/border.json5",
15645
+ "isSource": true,
15646
+ "original": {
15647
+ "$value": {
15648
+ "color": "{borderColor.upsell.emphasis}",
15649
+ "style": "solid",
15650
+ "width": "{borderWidth.default}"
15651
+ },
15652
+ "$type": "border"
15653
+ },
15654
+ "name": "border-upsell-emphasis",
15655
+ "attributes": {},
15656
+ "path": ["border", "upsell", "emphasis"]
15657
+ },
15658
+ "border-upsell-muted": {
15659
+ "$value": "0.00390625rem,0.0625px solid #ab7df866",
15660
+ "$type": "border",
15661
+ "filePath": "src/tokens/functional/border/border.json5",
15662
+ "isSource": true,
15663
+ "original": {
15664
+ "$value": {
15665
+ "color": "{borderColor.upsell.muted}",
15666
+ "style": "solid",
15667
+ "width": "{borderWidth.default}"
15668
+ },
15669
+ "$type": "border"
15670
+ },
15671
+ "name": "border-upsell-muted",
15672
+ "attributes": {},
15673
+ "path": ["border", "upsell", "muted"]
15674
+ },
15675
+ "border-sponsors-emphasis": {
15676
+ "$value": "0.00390625rem,0.0625px solid #bf4b8a",
15677
+ "$type": "border",
15678
+ "filePath": "src/tokens/functional/border/border.json5",
15679
+ "isSource": true,
15680
+ "original": {
15681
+ "$value": {
15682
+ "color": "{borderColor.sponsors.emphasis}",
15683
+ "style": "solid",
15684
+ "width": "{borderWidth.default}"
15685
+ },
15686
+ "$type": "border"
15687
+ },
15688
+ "name": "border-sponsors-emphasis",
15689
+ "attributes": {},
15690
+ "path": ["border", "sponsors", "emphasis"]
15691
+ },
15692
+ "border-sponsors-muted": {
15693
+ "$value": "0.00390625rem,0.0625px solid #db61a266",
15694
+ "$type": "border",
15695
+ "filePath": "src/tokens/functional/border/border.json5",
15696
+ "isSource": true,
15697
+ "original": {
15698
+ "$value": {
15699
+ "color": "{borderColor.sponsors.muted}",
15700
+ "style": "solid",
15701
+ "width": "{borderWidth.default}"
15355
15702
  },
15356
15703
  "$type": "border"
15357
15704
  },
15358
- "name": "outline-focus",
15705
+ "name": "border-sponsors-muted",
15359
15706
  "attributes": {},
15360
- "path": ["outline", "focus"]
15707
+ "path": ["border", "sponsors", "muted"]
15361
15708
  }
15362
15709
  }