@primer/primitives 10.1.0-rc.f1589f93 → 10.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/README.md +0 -21
  2. package/dist/build/filters/index.d.ts +0 -1
  3. package/dist/build/filters/index.js +0 -1
  4. package/dist/build/formats/jsonFigma.js +1 -2
  5. package/dist/build/platforms/css.js +6 -7
  6. package/dist/build/platforms/docJson.js +0 -1
  7. package/dist/build/platforms/fallbacks.js +0 -1
  8. package/dist/build/platforms/javascript.js +0 -1
  9. package/dist/build/platforms/json.js +0 -1
  10. package/dist/build/platforms/styleLint.js +0 -1
  11. package/dist/build/platforms/typescript.js +0 -1
  12. package/dist/build/primerStyleDictionary.js +7 -3
  13. package/dist/build/schemas/colorToken.d.ts +0 -18
  14. package/dist/build/schemas/colorToken.js +0 -7
  15. package/dist/build/transformers/borderToCss.js +2 -2
  16. package/dist/build/transformers/colorToRgbaFloat.js +2 -12
  17. package/dist/build/transformers/index.d.ts +0 -1
  18. package/dist/build/transformers/index.js +0 -1
  19. package/dist/css/functional/size/border.css +7 -6
  20. package/dist/css/functional/themes/dark-colorblind.css +60 -6
  21. package/dist/css/functional/themes/dark-dimmed.css +60 -6
  22. package/dist/css/functional/themes/dark-high-contrast.css +60 -6
  23. package/dist/css/functional/themes/dark-tritanopia.css +60 -6
  24. package/dist/css/functional/themes/dark.css +60 -6
  25. package/dist/css/functional/themes/light-colorblind.css +60 -6
  26. package/dist/css/functional/themes/light-high-contrast.css +60 -6
  27. package/dist/css/functional/themes/light-tritanopia.css +60 -6
  28. package/dist/css/functional/themes/light.css +60 -6
  29. package/dist/css/primitives.css +7 -6
  30. package/dist/docs/base/size/size.json +19 -19
  31. package/dist/docs/base/typography/typography.json +4 -4
  32. package/dist/docs/functional/size/border.json +41 -28
  33. package/dist/docs/functional/size/breakpoints.json +6 -6
  34. package/dist/docs/functional/size/size-coarse.json +3 -3
  35. package/dist/docs/functional/size/size-fine.json +3 -3
  36. package/dist/docs/functional/size/size.json +66 -66
  37. package/dist/docs/functional/size/viewport.json +6 -6
  38. package/dist/docs/functional/themes/dark-colorblind.json +475 -128
  39. package/dist/docs/functional/themes/dark-dimmed.json +519 -444
  40. package/dist/docs/functional/themes/dark-high-contrast.json +490 -241
  41. package/dist/docs/functional/themes/dark-tritanopia.json +485 -200
  42. package/dist/docs/functional/themes/dark.json +469 -102
  43. package/dist/docs/functional/themes/light-colorblind.json +463 -94
  44. package/dist/docs/functional/themes/light-high-contrast.json +487 -274
  45. package/dist/docs/functional/themes/light-tritanopia.json +463 -102
  46. package/dist/docs/functional/themes/light.json +460 -105
  47. package/dist/docs/functional/typography/typography.json +46 -46
  48. package/dist/fallbacks/functional/size/border.json +7 -6
  49. package/dist/figma/themes/dark-colorblind.json +14 -54
  50. package/dist/figma/themes/dark-dimmed.json +15 -356
  51. package/dist/figma/themes/dark-high-contrast.json +10 -129
  52. package/dist/figma/themes/dark-tritanopia.json +14 -111
  53. package/dist/figma/themes/dark.json +14 -34
  54. package/dist/figma/themes/light-colorblind.json +10 -20
  55. package/dist/figma/themes/light-high-contrast.json +10 -177
  56. package/dist/figma/themes/light-tritanopia.json +10 -24
  57. package/dist/figma/themes/light.json +10 -32
  58. package/dist/internalCss/dark-colorblind.css +88 -6
  59. package/dist/internalCss/dark-dimmed.css +88 -6
  60. package/dist/internalCss/dark-high-contrast.css +88 -6
  61. package/dist/internalCss/dark-tritanopia.css +88 -6
  62. package/dist/internalCss/dark.css +88 -6
  63. package/dist/internalCss/light-colorblind.css +88 -6
  64. package/dist/internalCss/light-high-contrast.css +88 -6
  65. package/dist/internalCss/light-tritanopia.css +88 -6
  66. package/dist/internalCss/light.css +88 -6
  67. package/dist/styleLint/base/size/size.json +19 -19
  68. package/dist/styleLint/base/typography/typography.json +4 -4
  69. package/dist/styleLint/functional/size/border.json +41 -28
  70. package/dist/styleLint/functional/size/breakpoints.json +6 -6
  71. package/dist/styleLint/functional/size/size-coarse.json +3 -3
  72. package/dist/styleLint/functional/size/size-fine.json +3 -3
  73. package/dist/styleLint/functional/size/size.json +66 -66
  74. package/dist/styleLint/functional/size/viewport.json +6 -6
  75. package/dist/styleLint/functional/themes/dark-colorblind.json +475 -128
  76. package/dist/styleLint/functional/themes/dark-dimmed.json +519 -444
  77. package/dist/styleLint/functional/themes/dark-high-contrast.json +490 -241
  78. package/dist/styleLint/functional/themes/dark-tritanopia.json +485 -200
  79. package/dist/styleLint/functional/themes/dark.json +469 -102
  80. package/dist/styleLint/functional/themes/light-colorblind.json +463 -94
  81. package/dist/styleLint/functional/themes/light-high-contrast.json +487 -274
  82. package/dist/styleLint/functional/themes/light-tritanopia.json +463 -102
  83. package/dist/styleLint/functional/themes/light.json +460 -105
  84. package/dist/styleLint/functional/typography/typography.json +46 -46
  85. package/package.json +1 -1
  86. package/src/tokens/base/typography/typography.json5 +48 -0
  87. package/src/tokens/functional/border/border.json5 +236 -0
  88. package/src/tokens/functional/color/dark/app-dark.json5 +0 -2
  89. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +120 -6
  90. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +46 -29
  91. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +15 -20
  92. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +32 -18
  93. package/src/tokens/functional/color/dark/patterns-dark.json5 +13 -45
  94. package/src/tokens/functional/color/dark/primitives-dark.json5 +1 -6
  95. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +67 -20
  96. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +4 -21
  97. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -16
  98. package/src/tokens/functional/color/light/patterns-light.json5 +11 -47
  99. package/src/tokens/functional/color/light/primitives-light.json5 +2 -10
  100. package/src/tokens/functional/size/border.json5 +115 -0
  101. package/src/tokens/functional/typography/typography.json5 +527 -0
  102. package/dist/build/filters/isColorWithMix.d.ts +0 -7
  103. package/dist/build/filters/isColorWithMix.js +0 -24
  104. package/dist/build/transformers/colorToHexMix.d.ts +0 -8
  105. package/dist/build/transformers/colorToHexMix.js +0 -20
  106. package/dist/build/transformers/utilities/mix.d.ts +0 -5
  107. package/dist/build/transformers/utilities/mix.js +0 -38
  108. package/src/tokens/base/typography/typography.json +0 -48
  109. package/src/tokens/functional/border/dark.json5 +0 -12
  110. package/src/tokens/functional/border/light.json5 +0 -12
  111. package/src/tokens/functional/color/dark/patterns-dark.json +0 -3963
  112. package/src/tokens/functional/size/border.json +0 -111
  113. package/src/tokens/functional/typography/typography.json +0 -527
  114. /package/src/tokens/base/size/{size.json → size.json5} +0 -0
  115. /package/src/tokens/functional/size/{breakpoints.json → breakpoints.json5} +0 -0
  116. /package/src/tokens/functional/size/{size-coarse.json → size-coarse.json5} +0 -0
  117. /package/src/tokens/functional/size/{size-fine.json → size-fine.json5} +0 -0
  118. /package/src/tokens/functional/size/{size.json → size.json5} +0 -0
  119. /package/src/tokens/functional/size/{viewport.json → viewport.json5} +0 -0
@@ -120,7 +120,6 @@
120
120
  }
121
121
  },
122
122
  "alpha": 0.15,
123
- "mix": null,
124
123
  "filePath": "src/tokens/functional/color/dark/app-dark.json5",
125
124
  "isSource": true,
126
125
  "original": {
@@ -133,8 +132,7 @@
133
132
  "scopes": ["bgColor"]
134
133
  }
135
134
  },
136
- "alpha": 0.15,
137
- "mix": null
135
+ "alpha": 0.15
138
136
  },
139
137
  "name": "diffBlob-additionLine-bgColor",
140
138
  "attributes": {},
@@ -289,7 +287,6 @@
289
287
  "scopes": ["bgColor"]
290
288
  }
291
289
  },
292
- "mix": null,
293
290
  "filePath": "src/tokens/functional/color/dark/app-dark.json5",
294
291
  "isSource": true,
295
292
  "original": {
@@ -301,8 +298,7 @@
301
298
  "group": "component",
302
299
  "scopes": ["bgColor"]
303
300
  }
304
- },
305
- "mix": null
301
+ }
306
302
  },
307
303
  "name": "diffBlob-deletionLine-bgColor",
308
304
  "attributes": {},
@@ -5392,14 +5388,10 @@
5392
5388
  "scopes": ["bgColor"]
5393
5389
  }
5394
5390
  },
5395
- "mix": {
5396
- "color": "#58a6ff",
5397
- "weight": 0.2
5398
- },
5399
5391
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5400
5392
  "isSource": true,
5401
5393
  "original": {
5402
- "$value": "{bgColor.accent.emphasis}",
5394
+ "$value": "#2A7AEF",
5403
5395
  "$type": "color",
5404
5396
  "$extensions": {
5405
5397
  "org.primer.figma": {
@@ -5407,10 +5399,6 @@
5407
5399
  "group": "component",
5408
5400
  "scopes": ["bgColor"]
5409
5401
  }
5410
- },
5411
- "mix": {
5412
- "color": "{base.color.blue.3}",
5413
- "weight": 0.2
5414
5402
  }
5415
5403
  },
5416
5404
  "name": "control-checked-bgColor-hover",
@@ -5427,14 +5415,10 @@
5427
5415
  "scopes": ["bgColor"]
5428
5416
  }
5429
5417
  },
5430
- "mix": {
5431
- "color": "#58a6ff",
5432
- "weight": 0.4
5433
- },
5434
5418
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5435
5419
  "isSource": true,
5436
5420
  "original": {
5437
- "$value": "{bgColor.accent.emphasis}",
5421
+ "$value": "#3685F3",
5438
5422
  "$type": "color",
5439
5423
  "$extensions": {
5440
5424
  "org.primer.figma": {
@@ -5442,10 +5426,6 @@
5442
5426
  "group": "component",
5443
5427
  "scopes": ["bgColor"]
5444
5428
  }
5445
- },
5446
- "mix": {
5447
- "color": "{base.color.blue.3}",
5448
- "weight": 0.4
5449
5429
  }
5450
5430
  },
5451
5431
  "name": "control-checked-bgColor-active",
@@ -6525,14 +6505,10 @@
6525
6505
  "scopes": ["bgColor"]
6526
6506
  }
6527
6507
  },
6528
- "mix": {
6529
- "color": "#3fb950",
6530
- "weight": 0.2
6531
- },
6532
6508
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6533
6509
  "isSource": true,
6534
6510
  "original": {
6535
- "$value": "{bgColor.success.emphasis}",
6511
+ "$value": "#29903B",
6536
6512
  "$type": "color",
6537
6513
  "$extensions": {
6538
6514
  "org.primer.figma": {
@@ -6540,10 +6516,6 @@
6540
6516
  "group": "component (internal)",
6541
6517
  "scopes": ["bgColor"]
6542
6518
  }
6543
- },
6544
- "mix": {
6545
- "color": "{base.color.green.3}",
6546
- "weight": 0.2
6547
6519
  }
6548
6520
  },
6549
6521
  "name": "button-primary-bgColor-hover",
@@ -6560,14 +6532,10 @@
6560
6532
  "scopes": ["bgColor"]
6561
6533
  }
6562
6534
  },
6563
- "mix": {
6564
- "color": "#3fb950",
6565
- "weight": 0.4
6566
- },
6567
6535
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6568
6536
  "isSource": true,
6569
6537
  "original": {
6570
- "$value": "{bgColor.success.emphasis}",
6538
+ "$value": "#2E9A40",
6571
6539
  "$type": "color",
6572
6540
  "$extensions": {
6573
6541
  "org.primer.figma": {
@@ -6575,10 +6543,6 @@
6575
6543
  "group": "component (internal)",
6576
6544
  "scopes": ["bgColor"]
6577
6545
  }
6578
- },
6579
- "mix": {
6580
- "color": "{base.color.green.3}",
6581
- "weight": 0.4
6582
6546
  }
6583
6547
  },
6584
6548
  "name": "button-primary-bgColor-active",
@@ -6595,14 +6559,10 @@
6595
6559
  "scopes": ["bgColor"]
6596
6560
  }
6597
6561
  },
6598
- "mix": {
6599
- "color": "#033a16",
6600
- "weight": 0.6
6601
- },
6602
6562
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6603
6563
  "isSource": true,
6604
6564
  "original": {
6605
- "$value": "{base.color.green.5}",
6565
+ "$value": "#105823",
6606
6566
  "$type": "color",
6607
6567
  "$extensions": {
6608
6568
  "org.primer.figma": {
@@ -6610,10 +6570,6 @@
6610
6570
  "group": "component (internal)",
6611
6571
  "scopes": ["bgColor"]
6612
6572
  }
6613
- },
6614
- "mix": {
6615
- "color": "{base.color.green.8}",
6616
- "weight": 0.6
6617
6573
  }
6618
6574
  },
6619
6575
  "name": "button-primary-bgColor-disabled",
@@ -6716,7 +6672,7 @@
6716
6672
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6717
6673
  "isSource": true,
6718
6674
  "original": {
6719
- "$value": "{button.primary.bgColor.disabled}",
6675
+ "$value": "#105823",
6720
6676
  "$type": "color",
6721
6677
  "$extensions": {
6722
6678
  "org.primer.figma": {
@@ -7036,7 +6992,7 @@
7036
6992
  "path": ["button", "invisible", "bgColor", "active"]
7037
6993
  },
7038
6994
  "button-invisible-bgColor-disabled": {
7039
- "$value": "#212830",
6995
+ "$value": "#00000000",
7040
6996
  "$type": "color",
7041
6997
  "$extensions": {
7042
6998
  "org.primer.figma": {
@@ -7048,7 +7004,7 @@
7048
7004
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7049
7005
  "isSource": true,
7050
7006
  "original": {
7051
- "$value": "{control.transparent.bgColor.disabled}",
7007
+ "$value": "{base.color.transparent}",
7052
7008
  "$type": "color",
7053
7009
  "$extensions": {
7054
7010
  "org.primer.figma": {
@@ -7117,7 +7073,7 @@
7117
7073
  "path": ["button", "invisible", "borderColor", "hover"]
7118
7074
  },
7119
7075
  "button-invisible-borderColor-disabled": {
7120
- "$value": "#656c761a",
7076
+ "$value": "#00000000",
7121
7077
  "$type": "color",
7122
7078
  "$extensions": {
7123
7079
  "org.primer.figma": {
@@ -7129,7 +7085,7 @@
7129
7085
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7130
7086
  "isSource": true,
7131
7087
  "original": {
7132
- "$value": "{control.borderColor.disabled}",
7088
+ "$value": "{base.color.transparent}",
7133
7089
  "$type": "color",
7134
7090
  "$extensions": {
7135
7091
  "org.primer.figma": {
@@ -7460,14 +7416,10 @@
7460
7416
  "scopes": ["fgColor"]
7461
7417
  }
7462
7418
  },
7463
- "mix": {
7464
- "color": "#ff7b72",
7465
- "weight": 0.3
7466
- },
7467
7419
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7468
7420
  "isSource": true,
7469
7421
  "original": {
7470
- "$value": "{base.color.red.4}",
7422
+ "$value": "#FA5E55",
7471
7423
  "$type": "color",
7472
7424
  "$extensions": {
7473
7425
  "org.primer.figma": {
@@ -7475,10 +7427,6 @@
7475
7427
  "group": "component (internal)",
7476
7428
  "scopes": ["fgColor"]
7477
7429
  }
7478
- },
7479
- "mix": {
7480
- "color": "{base.color.red.3}",
7481
- "weight": 0.3
7482
7430
  }
7483
7431
  },
7484
7432
  "name": "button-danger-fgColor-rest",
@@ -7581,7 +7529,7 @@
7581
7529
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7582
7530
  "isSource": true,
7583
7531
  "original": {
7584
- "$value": "{button.danger.fgColor.rest}",
7532
+ "$value": "#FA5E55",
7585
7533
  "$type": "color",
7586
7534
  "$extensions": {
7587
7535
  "org.primer.figma": {
@@ -7686,14 +7634,10 @@
7686
7634
  "scopes": ["bgColor"]
7687
7635
  }
7688
7636
  },
7689
- "mix": {
7690
- "color": "#f85149",
7691
- "weight": 0.4
7692
- },
7693
7637
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7694
7638
  "isSource": true,
7695
7639
  "original": {
7696
- "$value": "{base.color.red.6}",
7640
+ "$value": "#D03533",
7697
7641
  "$type": "color",
7698
7642
  "$extensions": {
7699
7643
  "org.primer.figma": {
@@ -7701,10 +7645,6 @@
7701
7645
  "group": "component (internal)",
7702
7646
  "scopes": ["bgColor"]
7703
7647
  }
7704
- },
7705
- "mix": {
7706
- "color": "{base.color.red.4}",
7707
- "weight": 0.4
7708
7648
  }
7709
7649
  },
7710
7650
  "name": "button-danger-bgColor-active",
@@ -8397,15 +8337,11 @@
8397
8337
  "scopes": ["bgColor"]
8398
8338
  }
8399
8339
  },
8400
- "mix": {
8401
- "color": "#79c0ff",
8402
- "weight": 0.2
8403
- },
8404
- "alpha": 0.2,
8340
+ "alpha": 0.36,
8405
8341
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8406
8342
  "isSource": true,
8407
8343
  "original": {
8408
- "$value": "{reactionButton.selected.bgColor.rest}",
8344
+ "$value": "#3a8cfd",
8409
8345
  "$type": "color",
8410
8346
  "$extensions": {
8411
8347
  "org.primer.figma": {
@@ -8414,11 +8350,7 @@
8414
8350
  "scopes": ["bgColor"]
8415
8351
  }
8416
8352
  },
8417
- "mix": {
8418
- "color": "{base.color.blue.2}",
8419
- "weight": 0.2
8420
- },
8421
- "alpha": 0.2
8353
+ "alpha": 0.36
8422
8354
  },
8423
8355
  "name": "reactionButton-selected-bgColor-hover",
8424
8356
  "attributes": {},
@@ -8505,6 +8437,23 @@
8505
8437
  "attributes": {},
8506
8438
  "path": ["focus", "outlineColor"]
8507
8439
  },
8440
+ "focus-outline": {
8441
+ "$value": "2px solid #1f6feb",
8442
+ "$type": "border",
8443
+ "filePath": "src/tokens/functional/border/border.json5",
8444
+ "isSource": true,
8445
+ "original": {
8446
+ "$value": {
8447
+ "color": "{focus.outlineColor}",
8448
+ "style": "solid",
8449
+ "width": "2px"
8450
+ },
8451
+ "$type": "border"
8452
+ },
8453
+ "name": "focus-outline",
8454
+ "attributes": {},
8455
+ "path": ["focus", "outline"]
8456
+ },
8508
8457
  "menu-bgColor-active": {
8509
8458
  "$value": "#151b23",
8510
8459
  "$type": "color",
@@ -12328,14 +12277,10 @@
12328
12277
  }
12329
12278
  }
12330
12279
  },
12331
- "mix": {
12332
- "color": "#1f6feb",
12333
- "weight": 0.35
12334
- },
12335
12280
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12336
12281
  "isSource": true,
12337
12282
  "original": {
12338
- "$value": "{base.color.blue.3}",
12283
+ "$value": "#4493F8",
12339
12284
  "$type": "color",
12340
12285
  "$extensions": {
12341
12286
  "org.primer.figma": {
@@ -12346,10 +12291,6 @@
12346
12291
  "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
12347
12292
  }
12348
12293
  }
12349
- },
12350
- "mix": {
12351
- "color": "{base.color.blue.5}",
12352
- "weight": 0.35
12353
12294
  }
12354
12295
  },
12355
12296
  "name": "fgColor-accent",
@@ -16128,21 +16069,447 @@
16128
16069
  "attributes": {},
16129
16070
  "path": ["shadow", "floating", "legacy"]
16130
16071
  },
16131
- "outline-focus": {
16132
- "$value": "#1f6feb solid 2px",
16072
+ "border-default": {
16073
+ "$value": "0.00390625rem,0.0625px solid #3d444d",
16133
16074
  "$type": "border",
16134
- "filePath": "src/tokens/functional/border/dark.json5",
16075
+ "filePath": "src/tokens/functional/border/border.json5",
16135
16076
  "isSource": true,
16136
16077
  "original": {
16137
16078
  "$value": {
16138
- "color": "{focus.outlineColor}",
16079
+ "color": "{borderColor.default}",
16139
16080
  "style": "solid",
16140
- "width": "2px"
16081
+ "width": "{borderWidth.default}"
16082
+ },
16083
+ "$type": "border"
16084
+ },
16085
+ "name": "border-default",
16086
+ "attributes": {},
16087
+ "path": ["border", "default"]
16088
+ },
16089
+ "border-muted": {
16090
+ "$value": "0.00390625rem,0.0625px solid #3d444db3",
16091
+ "$type": "border",
16092
+ "filePath": "src/tokens/functional/border/border.json5",
16093
+ "isSource": true,
16094
+ "original": {
16095
+ "$value": {
16096
+ "color": "{borderColor.muted}",
16097
+ "style": "solid",
16098
+ "width": "{borderWidth.default}"
16099
+ },
16100
+ "$type": "border"
16101
+ },
16102
+ "name": "border-muted",
16103
+ "attributes": {},
16104
+ "path": ["border", "muted"]
16105
+ },
16106
+ "border-emphasis": {
16107
+ "$value": "0.00390625rem,0.0625px solid #656c76",
16108
+ "$type": "border",
16109
+ "filePath": "src/tokens/functional/border/border.json5",
16110
+ "isSource": true,
16111
+ "original": {
16112
+ "$value": {
16113
+ "color": "{borderColor.emphasis}",
16114
+ "style": "solid",
16115
+ "width": "{borderWidth.default}"
16116
+ },
16117
+ "$type": "border"
16118
+ },
16119
+ "name": "border-emphasis",
16120
+ "attributes": {},
16121
+ "path": ["border", "emphasis"]
16122
+ },
16123
+ "border-disabled": {
16124
+ "$value": "0.00390625rem,0.0625px solid #656c761a",
16125
+ "$type": "border",
16126
+ "filePath": "src/tokens/functional/border/border.json5",
16127
+ "isSource": true,
16128
+ "original": {
16129
+ "$value": {
16130
+ "color": "{borderColor.disabled}",
16131
+ "style": "solid",
16132
+ "width": "{borderWidth.default}"
16133
+ },
16134
+ "$type": "border"
16135
+ },
16136
+ "name": "border-disabled",
16137
+ "attributes": {},
16138
+ "path": ["border", "disabled"]
16139
+ },
16140
+ "border-transparent": {
16141
+ "$value": "0.00390625rem,0.0625px solid #00000000",
16142
+ "$type": "border",
16143
+ "filePath": "src/tokens/functional/border/border.json5",
16144
+ "isSource": true,
16145
+ "original": {
16146
+ "$value": {
16147
+ "color": "{borderColor.transparent}",
16148
+ "style": "solid",
16149
+ "width": "{borderWidth.default}"
16150
+ },
16151
+ "$type": "border"
16152
+ },
16153
+ "name": "border-transparent",
16154
+ "attributes": {},
16155
+ "path": ["border", "transparent"]
16156
+ },
16157
+ "border-neutral-emphasis": {
16158
+ "$value": "0.00390625rem,0.0625px solid #656c76",
16159
+ "$type": "border",
16160
+ "filePath": "src/tokens/functional/border/border.json5",
16161
+ "isSource": true,
16162
+ "original": {
16163
+ "$value": {
16164
+ "color": "{borderColor.neutral.emphasis}",
16165
+ "style": "solid",
16166
+ "width": "{borderWidth.default}"
16167
+ },
16168
+ "$type": "border"
16169
+ },
16170
+ "name": "border-neutral-emphasis",
16171
+ "attributes": {},
16172
+ "path": ["border", "neutral", "emphasis"]
16173
+ },
16174
+ "border-neutral-muted": {
16175
+ "$value": "0.00390625rem,0.0625px solid #3d444db3",
16176
+ "$type": "border",
16177
+ "filePath": "src/tokens/functional/border/border.json5",
16178
+ "isSource": true,
16179
+ "original": {
16180
+ "$value": {
16181
+ "color": "{borderColor.neutral.muted}",
16182
+ "style": "solid",
16183
+ "width": "{borderWidth.default}"
16184
+ },
16185
+ "$type": "border"
16186
+ },
16187
+ "name": "border-neutral-muted",
16188
+ "attributes": {},
16189
+ "path": ["border", "neutral", "muted"]
16190
+ },
16191
+ "border-accent-emphasis": {
16192
+ "$value": "0.00390625rem,0.0625px solid #1f6feb",
16193
+ "$type": "border",
16194
+ "filePath": "src/tokens/functional/border/border.json5",
16195
+ "isSource": true,
16196
+ "original": {
16197
+ "$value": {
16198
+ "color": "{borderColor.accent.emphasis}",
16199
+ "style": "solid",
16200
+ "width": "{borderWidth.default}"
16201
+ },
16202
+ "$type": "border"
16203
+ },
16204
+ "name": "border-accent-emphasis",
16205
+ "attributes": {},
16206
+ "path": ["border", "accent", "emphasis"]
16207
+ },
16208
+ "border-accent-muted": {
16209
+ "$value": "0.00390625rem,0.0625px solid #388bfd66",
16210
+ "$type": "border",
16211
+ "filePath": "src/tokens/functional/border/border.json5",
16212
+ "isSource": true,
16213
+ "original": {
16214
+ "$value": {
16215
+ "color": "{borderColor.accent.muted}",
16216
+ "style": "solid",
16217
+ "width": "{borderWidth.default}"
16218
+ },
16219
+ "$type": "border"
16220
+ },
16221
+ "name": "border-accent-muted",
16222
+ "attributes": {},
16223
+ "path": ["border", "accent", "muted"]
16224
+ },
16225
+ "border-success-emphasis": {
16226
+ "$value": "0.00390625rem,0.0625px solid #238636",
16227
+ "$type": "border",
16228
+ "filePath": "src/tokens/functional/border/border.json5",
16229
+ "isSource": true,
16230
+ "original": {
16231
+ "$value": {
16232
+ "color": "{borderColor.success.emphasis}",
16233
+ "style": "solid",
16234
+ "width": "{borderWidth.default}"
16235
+ },
16236
+ "$type": "border"
16237
+ },
16238
+ "name": "border-success-emphasis",
16239
+ "attributes": {},
16240
+ "path": ["border", "success", "emphasis"]
16241
+ },
16242
+ "border-success-muted": {
16243
+ "$value": "0.00390625rem,0.0625px solid #2ea04366",
16244
+ "$type": "border",
16245
+ "filePath": "src/tokens/functional/border/border.json5",
16246
+ "isSource": true,
16247
+ "original": {
16248
+ "$value": {
16249
+ "color": "{borderColor.success.muted}",
16250
+ "style": "solid",
16251
+ "width": "{borderWidth.default}"
16252
+ },
16253
+ "$type": "border"
16254
+ },
16255
+ "name": "border-success-muted",
16256
+ "attributes": {},
16257
+ "path": ["border", "success", "muted"]
16258
+ },
16259
+ "border-open-emphasis": {
16260
+ "$value": "0.00390625rem,0.0625px solid #238636",
16261
+ "$type": "border",
16262
+ "filePath": "src/tokens/functional/border/border.json5",
16263
+ "isSource": true,
16264
+ "original": {
16265
+ "$value": "{border.success.emphasis}",
16266
+ "$type": "border"
16267
+ },
16268
+ "name": "border-open-emphasis",
16269
+ "attributes": {},
16270
+ "path": ["border", "open", "emphasis"]
16271
+ },
16272
+ "border-open-muted": {
16273
+ "$value": "0.00390625rem,0.0625px solid #2ea04366",
16274
+ "$type": "border",
16275
+ "filePath": "src/tokens/functional/border/border.json5",
16276
+ "isSource": true,
16277
+ "original": {
16278
+ "$value": "{border.success.muted}",
16279
+ "$type": "border"
16280
+ },
16281
+ "name": "border-open-muted",
16282
+ "attributes": {},
16283
+ "path": ["border", "open", "muted"]
16284
+ },
16285
+ "border-danger-emphasis": {
16286
+ "$value": "0.00390625rem,0.0625px solid #da3633",
16287
+ "$type": "border",
16288
+ "filePath": "src/tokens/functional/border/border.json5",
16289
+ "isSource": true,
16290
+ "original": {
16291
+ "$value": {
16292
+ "color": "{borderColor.danger.emphasis}",
16293
+ "style": "solid",
16294
+ "width": "{borderWidth.default}"
16295
+ },
16296
+ "$type": "border"
16297
+ },
16298
+ "name": "border-danger-emphasis",
16299
+ "attributes": {},
16300
+ "path": ["border", "danger", "emphasis"]
16301
+ },
16302
+ "border-danger-muted": {
16303
+ "$value": "0.00390625rem,0.0625px solid #f8514966",
16304
+ "$type": "border",
16305
+ "filePath": "src/tokens/functional/border/border.json5",
16306
+ "isSource": true,
16307
+ "original": {
16308
+ "$value": {
16309
+ "color": "{borderColor.danger.muted}",
16310
+ "style": "solid",
16311
+ "width": "{borderWidth.default}"
16312
+ },
16313
+ "$type": "border"
16314
+ },
16315
+ "name": "border-danger-muted",
16316
+ "attributes": {},
16317
+ "path": ["border", "danger", "muted"]
16318
+ },
16319
+ "border-closed-emphasis": {
16320
+ "$value": "0.00390625rem,0.0625px solid #da3633",
16321
+ "$type": "border",
16322
+ "filePath": "src/tokens/functional/border/border.json5",
16323
+ "isSource": true,
16324
+ "original": {
16325
+ "$value": "{border.danger.emphasis}",
16326
+ "$type": "border"
16327
+ },
16328
+ "name": "border-closed-emphasis",
16329
+ "attributes": {},
16330
+ "path": ["border", "closed", "emphasis"]
16331
+ },
16332
+ "border-closed-muted": {
16333
+ "$value": "0.00390625rem,0.0625px solid #f8514966",
16334
+ "$type": "border",
16335
+ "filePath": "src/tokens/functional/border/border.json5",
16336
+ "isSource": true,
16337
+ "original": {
16338
+ "$value": "{border.danger.muted}",
16339
+ "$type": "border"
16340
+ },
16341
+ "name": "border-closed-muted",
16342
+ "attributes": {},
16343
+ "path": ["border", "closed", "muted"]
16344
+ },
16345
+ "border-attention-emphasis": {
16346
+ "$value": "0.00390625rem,0.0625px solid #9e6a03",
16347
+ "$type": "border",
16348
+ "filePath": "src/tokens/functional/border/border.json5",
16349
+ "isSource": true,
16350
+ "original": {
16351
+ "$value": {
16352
+ "color": "{borderColor.attention.emphasis}",
16353
+ "style": "solid",
16354
+ "width": "{borderWidth.default}"
16355
+ },
16356
+ "$type": "border"
16357
+ },
16358
+ "name": "border-attention-emphasis",
16359
+ "attributes": {},
16360
+ "path": ["border", "attention", "emphasis"]
16361
+ },
16362
+ "border-attention-muted": {
16363
+ "$value": "0.00390625rem,0.0625px solid #bb800966",
16364
+ "$type": "border",
16365
+ "filePath": "src/tokens/functional/border/border.json5",
16366
+ "isSource": true,
16367
+ "original": {
16368
+ "$value": {
16369
+ "color": "{borderColor.attention.muted}",
16370
+ "style": "solid",
16371
+ "width": "{borderWidth.default}"
16372
+ },
16373
+ "$type": "border"
16374
+ },
16375
+ "name": "border-attention-muted",
16376
+ "attributes": {},
16377
+ "path": ["border", "attention", "muted"]
16378
+ },
16379
+ "border-severe-emphasis": {
16380
+ "$value": "0.00390625rem,0.0625px solid #bd561d",
16381
+ "$type": "border",
16382
+ "filePath": "src/tokens/functional/border/border.json5",
16383
+ "isSource": true,
16384
+ "original": {
16385
+ "$value": {
16386
+ "color": "{borderColor.severe.emphasis}",
16387
+ "style": "solid",
16388
+ "width": "{borderWidth.default}"
16389
+ },
16390
+ "$type": "border"
16391
+ },
16392
+ "name": "border-severe-emphasis",
16393
+ "attributes": {},
16394
+ "path": ["border", "severe", "emphasis"]
16395
+ },
16396
+ "border-severe-muted": {
16397
+ "$value": "0.00390625rem,0.0625px solid #db6d2866",
16398
+ "$type": "border",
16399
+ "filePath": "src/tokens/functional/border/border.json5",
16400
+ "isSource": true,
16401
+ "original": {
16402
+ "$value": {
16403
+ "color": "{borderColor.severe.muted}",
16404
+ "style": "solid",
16405
+ "width": "{borderWidth.default}"
16406
+ },
16407
+ "$type": "border"
16408
+ },
16409
+ "name": "border-severe-muted",
16410
+ "attributes": {},
16411
+ "path": ["border", "severe", "muted"]
16412
+ },
16413
+ "border-done-emphasis": {
16414
+ "$value": "0.00390625rem,0.0625px solid #8957e5",
16415
+ "$type": "border",
16416
+ "filePath": "src/tokens/functional/border/border.json5",
16417
+ "isSource": true,
16418
+ "original": {
16419
+ "$value": {
16420
+ "color": "{borderColor.done.emphasis}",
16421
+ "style": "solid",
16422
+ "width": "{borderWidth.default}"
16423
+ },
16424
+ "$type": "border"
16425
+ },
16426
+ "name": "border-done-emphasis",
16427
+ "attributes": {},
16428
+ "path": ["border", "done", "emphasis"]
16429
+ },
16430
+ "border-done-muted": {
16431
+ "$value": "0.00390625rem,0.0625px solid #ab7df866",
16432
+ "$type": "border",
16433
+ "filePath": "src/tokens/functional/border/border.json5",
16434
+ "isSource": true,
16435
+ "original": {
16436
+ "$value": {
16437
+ "color": "{borderColor.done.muted}",
16438
+ "style": "solid",
16439
+ "width": "{borderWidth.default}"
16440
+ },
16441
+ "$type": "border"
16442
+ },
16443
+ "name": "border-done-muted",
16444
+ "attributes": {},
16445
+ "path": ["border", "done", "muted"]
16446
+ },
16447
+ "border-upsell-emphasis": {
16448
+ "$value": "0.00390625rem,0.0625px solid #8957e5",
16449
+ "$type": "border",
16450
+ "filePath": "src/tokens/functional/border/border.json5",
16451
+ "isSource": true,
16452
+ "original": {
16453
+ "$value": {
16454
+ "color": "{borderColor.upsell.emphasis}",
16455
+ "style": "solid",
16456
+ "width": "{borderWidth.default}"
16457
+ },
16458
+ "$type": "border"
16459
+ },
16460
+ "name": "border-upsell-emphasis",
16461
+ "attributes": {},
16462
+ "path": ["border", "upsell", "emphasis"]
16463
+ },
16464
+ "border-upsell-muted": {
16465
+ "$value": "0.00390625rem,0.0625px solid #ab7df866",
16466
+ "$type": "border",
16467
+ "filePath": "src/tokens/functional/border/border.json5",
16468
+ "isSource": true,
16469
+ "original": {
16470
+ "$value": {
16471
+ "color": "{borderColor.upsell.muted}",
16472
+ "style": "solid",
16473
+ "width": "{borderWidth.default}"
16474
+ },
16475
+ "$type": "border"
16476
+ },
16477
+ "name": "border-upsell-muted",
16478
+ "attributes": {},
16479
+ "path": ["border", "upsell", "muted"]
16480
+ },
16481
+ "border-sponsors-emphasis": {
16482
+ "$value": "0.00390625rem,0.0625px solid #bf4b8a",
16483
+ "$type": "border",
16484
+ "filePath": "src/tokens/functional/border/border.json5",
16485
+ "isSource": true,
16486
+ "original": {
16487
+ "$value": {
16488
+ "color": "{borderColor.sponsors.emphasis}",
16489
+ "style": "solid",
16490
+ "width": "{borderWidth.default}"
16491
+ },
16492
+ "$type": "border"
16493
+ },
16494
+ "name": "border-sponsors-emphasis",
16495
+ "attributes": {},
16496
+ "path": ["border", "sponsors", "emphasis"]
16497
+ },
16498
+ "border-sponsors-muted": {
16499
+ "$value": "0.00390625rem,0.0625px solid #db61a266",
16500
+ "$type": "border",
16501
+ "filePath": "src/tokens/functional/border/border.json5",
16502
+ "isSource": true,
16503
+ "original": {
16504
+ "$value": {
16505
+ "color": "{borderColor.sponsors.muted}",
16506
+ "style": "solid",
16507
+ "width": "{borderWidth.default}"
16141
16508
  },
16142
16509
  "$type": "border"
16143
16510
  },
16144
- "name": "outline-focus",
16511
+ "name": "border-sponsors-muted",
16145
16512
  "attributes": {},
16146
- "path": ["outline", "focus"]
16513
+ "path": ["border", "sponsors", "muted"]
16147
16514
  }
16148
16515
  }