@primer/primitives 10.1.0 → 10.2.0-rc.285d8b6c

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 (74) hide show
  1. package/dist/build/formats/cssAdvanced.js +2 -2
  2. package/dist/build/primerStyleDictionary.js +2 -0
  3. package/dist/build/schemas/colorToken.d.ts +1 -6
  4. package/dist/build/schemas/colorToken.js +1 -1
  5. package/dist/build/transformers/colorAlphaToCss.d.ts +3 -0
  6. package/dist/build/transformers/colorAlphaToCss.js +23 -0
  7. package/dist/build/transformers/colorToHex.js +1 -2
  8. package/dist/css/base/motion/motion.css +6 -6
  9. package/dist/css/base/size/size.css +6 -6
  10. package/dist/css/base/typography/typography.css +1 -1
  11. package/dist/css/functional/motion/motion.css +1 -1
  12. package/dist/css/functional/size/border.css +9 -9
  13. package/dist/css/functional/size/breakpoints.css +3 -3
  14. package/dist/css/functional/size/size-coarse.css +1 -1
  15. package/dist/css/functional/size/size-fine.css +1 -1
  16. package/dist/css/functional/size/size.css +49 -49
  17. package/dist/css/functional/themes/dark-colorblind.css +1124 -1124
  18. package/dist/css/functional/themes/dark-dimmed.css +1124 -1124
  19. package/dist/css/functional/themes/dark-high-contrast.css +1124 -1124
  20. package/dist/css/functional/themes/dark-tritanopia.css +1124 -1124
  21. package/dist/css/functional/themes/dark.css +1124 -1124
  22. package/dist/css/functional/themes/light-colorblind.css +1124 -1124
  23. package/dist/css/functional/themes/light-high-contrast.css +1124 -1124
  24. package/dist/css/functional/themes/light-tritanopia.css +1124 -1124
  25. package/dist/css/functional/themes/light.css +1124 -1124
  26. package/dist/css/functional/typography/typography.css +28 -28
  27. package/dist/css/primitives.css +105 -105
  28. package/dist/docs/functional/themes/dark-colorblind.json +47 -59
  29. package/dist/docs/functional/themes/dark-dimmed.json +13 -5
  30. package/dist/docs/functional/themes/dark-high-contrast.json +39 -17
  31. package/dist/docs/functional/themes/dark-tritanopia.json +57 -85
  32. package/dist/docs/functional/themes/dark.json +41 -33
  33. package/dist/docs/functional/themes/light-colorblind.json +37 -33
  34. package/dist/docs/functional/themes/light-high-contrast.json +35 -13
  35. package/dist/docs/functional/themes/light-tritanopia.json +37 -33
  36. package/dist/docs/functional/themes/light.json +35 -27
  37. package/dist/figma/themes/dark-colorblind.json +25 -24
  38. package/dist/figma/themes/dark-dimmed.json +6 -4
  39. package/dist/figma/themes/dark-high-contrast.json +20 -2
  40. package/dist/figma/themes/dark-tritanopia.json +29 -27
  41. package/dist/figma/themes/dark.json +31 -28
  42. package/dist/figma/themes/light-colorblind.json +16 -16
  43. package/dist/figma/themes/light-high-contrast.json +16 -0
  44. package/dist/figma/themes/light-tritanopia.json +16 -16
  45. package/dist/figma/themes/light.json +16 -16
  46. package/dist/internalCss/dark-colorblind.css +1594 -1594
  47. package/dist/internalCss/dark-dimmed.css +1594 -1594
  48. package/dist/internalCss/dark-high-contrast.css +1594 -1594
  49. package/dist/internalCss/dark-tritanopia.css +1594 -1594
  50. package/dist/internalCss/dark.css +1594 -1594
  51. package/dist/internalCss/light-colorblind.css +1560 -1560
  52. package/dist/internalCss/light-high-contrast.css +1560 -1560
  53. package/dist/internalCss/light-tritanopia.css +1560 -1560
  54. package/dist/internalCss/light.css +1560 -1560
  55. package/dist/styleLint/functional/themes/dark-colorblind.json +47 -59
  56. package/dist/styleLint/functional/themes/dark-dimmed.json +13 -5
  57. package/dist/styleLint/functional/themes/dark-high-contrast.json +39 -17
  58. package/dist/styleLint/functional/themes/dark-tritanopia.json +57 -85
  59. package/dist/styleLint/functional/themes/dark.json +41 -33
  60. package/dist/styleLint/functional/themes/light-colorblind.json +37 -33
  61. package/dist/styleLint/functional/themes/light-high-contrast.json +35 -13
  62. package/dist/styleLint/functional/themes/light-tritanopia.json +37 -33
  63. package/dist/styleLint/functional/themes/light.json +35 -27
  64. package/package.json +1 -5
  65. package/src/tokens/component/topicTag.json5 +19 -0
  66. package/src/tokens/functional/color/dark/app-dark.json5 +0 -14
  67. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -6
  68. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -15
  69. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +9 -27
  70. package/src/tokens/functional/color/dark/primitives-dark.json5 +3 -3
  71. package/src/tokens/functional/color/light/app-light.json5 +0 -13
  72. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -6
  73. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +1 -3
  74. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +1 -3
package/dist/styleLint/functional/themes/dark-colorblind.json CHANGED
@@ -1,31 +1,4 @@
1
1
  {
2
- "topicTag-borderColor": {
3
- "$value": "#00000000",
4
- "$type": "color",
5
- "$extensions": {
6
- "org.primer.figma": {
7
- "collection": "mode",
8
- "group": "component",
9
- "scopes": ["borderColor"]
10
- }
11
- },
12
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
13
- "isSource": true,
14
- "original": {
15
- "$value": "{base.color.transparent}",
16
- "$type": "color",
17
- "$extensions": {
18
- "org.primer.figma": {
19
- "collection": "mode",
20
- "group": "component",
21
- "scopes": ["borderColor"]
22
- }
23
- }
24
- },
25
- "name": "topicTag-borderColor",
26
- "attributes": {},
27
- "path": ["topicTag", "borderColor"]
28
- },
29
2
  "highlight-neutral-bgColor": {
30
3
  "$value": "#d2992266",
31
4
  "$type": "color",
@@ -378,17 +351,13 @@
378
351
  "diffBlob-hunkLine-bgColor": {
379
352
  "$value": "#212830",
380
353
  "$type": "color",
381
- "$extensions": {
382
- "alpha": 1
383
- },
354
+ "alpha": 1,
384
355
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
385
356
  "isSource": true,
386
357
  "original": {
387
358
  "$value": "{base.color.neutral.3}",
388
359
  "$type": "color",
389
- "$extensions": {
390
- "alpha": 1
391
- }
360
+ "alpha": 1
392
361
  },
393
362
  "name": "diffBlob-hunkLine-bgColor",
394
363
  "attributes": {},
@@ -451,17 +420,13 @@
451
420
  "diffBlob-hunkNum-bgColor-rest": {
452
421
  "$value": "#2f3742",
453
422
  "$type": "color",
454
- "$extensions": {
455
- "alpha": 1
456
- },
423
+ "alpha": 1,
457
424
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
458
425
  "isSource": true,
459
426
  "original": {
460
427
  "$value": "{base.color.neutral.6}",
461
428
  "$type": "color",
462
- "$extensions": {
463
- "alpha": 1
464
- }
429
+ "alpha": 1
465
430
  },
466
431
  "name": "diffBlob-hunkNum-bgColor-rest",
467
432
  "attributes": {},
@@ -470,17 +435,13 @@
470
435
  "diffBlob-hunkNum-bgColor-hover": {
471
436
  "$value": "#656c76",
472
437
  "$type": "color",
473
- "$extensions": {
474
- "alpha": 1
475
- },
438
+ "alpha": 1,
476
439
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
477
440
  "isSource": true,
478
441
  "original": {
479
442
  "$value": "{base.color.neutral.8}",
480
443
  "$type": "color",
481
- "$extensions": {
482
- "alpha": 1
483
- }
444
+ "alpha": 1
484
445
  },
485
446
  "name": "diffBlob-hunkNum-bgColor-hover",
486
447
  "attributes": {},
@@ -11932,8 +11893,8 @@
11932
11893
  "fgColor-disabled": {
11933
11894
  "$value": "#656c7699",
11934
11895
  "$type": "color",
11896
+ "alpha": 0.6,
11935
11897
  "$extensions": {
11936
- "alpha": 0.6,
11937
11898
  "org.primer.figma": {
11938
11899
  "collection": "mode",
11939
11900
  "group": "semantic",
@@ -11945,8 +11906,8 @@
11945
11906
  "original": {
11946
11907
  "$value": "{base.color.neutral.8}",
11947
11908
  "$type": "color",
11909
+ "alpha": 0.6,
11948
11910
  "$extensions": {
11949
- "alpha": 0.6,
11950
11911
  "org.primer.figma": {
11951
11912
  "collection": "mode",
11952
11913
  "group": "semantic",
@@ -12888,17 +12849,13 @@
12888
12849
  "bgColor-closed-muted": {
12889
12850
  "$value": "#656c761a",
12890
12851
  "$type": "color",
12891
- "$extensions": {
12892
- "alpha": 0.1
12893
- },
12852
+ "alpha": 0.1,
12894
12853
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
12895
12854
  "isSource": true,
12896
12855
  "original": {
12897
12856
  "$value": "{bgColor.neutral.muted}",
12898
12857
  "$type": "color",
12899
- "$extensions": {
12900
- "alpha": 0.1
12901
- }
12858
+ "alpha": 0.1
12902
12859
  },
12903
12860
  "name": "bgColor-closed-muted",
12904
12861
  "attributes": {},
@@ -13646,17 +13603,13 @@
13646
13603
  "borderColor-closed-muted": {
13647
13604
  "$value": "#3d444d66",
13648
13605
  "$type": "color",
13649
- "$extensions": {
13650
- "alpha": 0.4
13651
- },
13606
+ "alpha": 0.4,
13652
13607
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
13653
13608
  "isSource": true,
13654
13609
  "original": {
13655
13610
  "$value": "{borderColor.muted}",
13656
13611
  "$type": "color",
13657
- "$extensions": {
13658
- "alpha": 0.4
13659
- }
13612
+ "alpha": 0.4
13660
13613
  },
13661
13614
  "name": "borderColor-closed-muted",
13662
13615
  "attributes": {},
@@ -15705,5 +15658,40 @@
15705
15658
  "name": "border-sponsors-muted",
15706
15659
  "attributes": {},
15707
15660
  "path": ["border", "sponsors", "muted"]
15661
+ },
15662
+ "topicTag-borderColor": {
15663
+ "$value": "#00000000",
15664
+ "$type": "color",
15665
+ "$extensions": {
15666
+ "org.primer.figma": {
15667
+ "collection": "mode",
15668
+ "group": "component",
15669
+ "scopes": ["borderColor"]
15670
+ },
15671
+ "org.primer.overrides": {
15672
+ "light-high-contrast": "#1f6feb",
15673
+ "dark-high-contrast": "#1f6feb"
15674
+ }
15675
+ },
15676
+ "filePath": "src/tokens/component/topicTag.json5",
15677
+ "isSource": true,
15678
+ "original": {
15679
+ "$value": "{base.color.transparent}",
15680
+ "$type": "color",
15681
+ "$extensions": {
15682
+ "org.primer.figma": {
15683
+ "collection": "mode",
15684
+ "group": "component",
15685
+ "scopes": ["borderColor"]
15686
+ },
15687
+ "org.primer.overrides": {
15688
+ "light-high-contrast": "{borderColor.accent.emphasis}",
15689
+ "dark-high-contrast": "{borderColor.accent.emphasis}"
15690
+ }
15691
+ }
15692
+ },
15693
+ "name": "topicTag-borderColor",
15694
+ "attributes": {},
15695
+ "path": ["topicTag", "borderColor"]
15708
15696
  }
15709
15697
  }
package/dist/styleLint/functional/themes/dark-dimmed.json CHANGED
@@ -7,9 +7,13 @@
7
7
  "collection": "mode",
8
8
  "group": "component",
9
9
  "scopes": ["borderColor"]
10
+ },
11
+ "org.primer.overrides": {
12
+ "light-high-contrast": "#316dca",
13
+ "dark-high-contrast": "#316dca"
10
14
  }
11
15
  },
12
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
16
+ "filePath": "src/tokens/component/topicTag.json5",
13
17
  "isSource": true,
14
18
  "original": {
15
19
  "$value": "{base.color.transparent}",
@@ -19,6 +23,10 @@
19
23
  "collection": "mode",
20
24
  "group": "component",
21
25
  "scopes": ["borderColor"]
26
+ },
27
+ "org.primer.overrides": {
28
+ "light-high-contrast": "{borderColor.accent.emphasis}",
29
+ "dark-high-contrast": "{borderColor.accent.emphasis}"
22
30
  }
23
31
  }
24
32
  },
@@ -12618,8 +12626,8 @@
12618
12626
  "bgColor-danger-muted": {
12619
12627
  "$value": "#e5534b1a",
12620
12628
  "$type": "color",
12629
+ "alpha": 0.1,
12621
12630
  "$extensions": {
12622
- "alpha": 0.1,
12623
12631
  "org.primer.figma": {
12624
12632
  "collection": "mode",
12625
12633
  "group": "semantic",
@@ -12634,8 +12642,8 @@
12634
12642
  "original": {
12635
12643
  "$value": "{base.color.red.4}",
12636
12644
  "$type": "color",
12645
+ "alpha": 0.1,
12637
12646
  "$extensions": {
12638
- "alpha": 0.1,
12639
12647
  "org.primer.figma": {
12640
12648
  "collection": "mode",
12641
12649
  "group": "semantic",
@@ -12686,8 +12694,8 @@
12686
12694
  "bgColor-closed-muted": {
12687
12695
  "$value": "#e5534b1a",
12688
12696
  "$type": "color",
12697
+ "alpha": 0.1,
12689
12698
  "$extensions": {
12690
- "alpha": 0.1,
12691
12699
  "org.primer.figma": {
12692
12700
  "collection": "mode",
12693
12701
  "group": "semantic",
@@ -12702,8 +12710,8 @@
12702
12710
  "original": {
12703
12711
  "$value": "{bgColor.danger.muted}",
12704
12712
  "$type": "color",
12713
+ "alpha": 0.1,
12705
12714
  "$extensions": {
12706
- "alpha": 0.1,
12707
12715
  "org.primer.figma": {
12708
12716
  "collection": "mode",
12709
12717
  "group": "semantic",
package/dist/styleLint/functional/themes/dark-high-contrast.json CHANGED
@@ -1,17 +1,4 @@
1
1
  {
2
- "topicTag-borderColor": {
3
- "$value": "#409eff",
4
- "$type": "color",
5
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
6
- "isSource": true,
7
- "original": {
8
- "$value": "{borderColor.accent.emphasis}",
9
- "$type": "color"
10
- },
11
- "name": "topicTag-borderColor",
12
- "attributes": {},
13
- "path": ["topicTag", "borderColor"]
14
- },
15
2
  "highlight-neutral-bgColor": {
16
3
  "$value": "#f0b72f66",
17
4
  "$type": "color",
@@ -11278,8 +11265,8 @@
11278
11265
  "bgColor-danger-muted": {
11279
11266
  "$value": "#ff80801a",
11280
11267
  "$type": "color",
11268
+ "alpha": 0.1,
11281
11269
  "$extensions": {
11282
- "alpha": 0.1,
11283
11270
  "org.primer.figma": {
11284
11271
  "collection": "mode",
11285
11272
  "group": "semantic",
@@ -11294,8 +11281,8 @@
11294
11281
  "original": {
11295
11282
  "$value": "{base.color.red.4}",
11296
11283
  "$type": "color",
11284
+ "alpha": 0.1,
11297
11285
  "$extensions": {
11298
- "alpha": 0.1,
11299
11286
  "org.primer.figma": {
11300
11287
  "collection": "mode",
11301
11288
  "group": "semantic",
@@ -11326,8 +11313,8 @@
11326
11313
  "bgColor-closed-muted": {
11327
11314
  "$value": "#ff80801a",
11328
11315
  "$type": "color",
11316
+ "alpha": 0.1,
11329
11317
  "$extensions": {
11330
- "alpha": 0.1,
11331
11318
  "org.primer.figma": {
11332
11319
  "collection": "mode",
11333
11320
  "group": "semantic",
@@ -11342,8 +11329,8 @@
11342
11329
  "original": {
11343
11330
  "$value": "{bgColor.danger.muted}",
11344
11331
  "$type": "color",
11332
+ "alpha": 0.1,
11345
11333
  "$extensions": {
11346
- "alpha": 0.1,
11347
11334
  "org.primer.figma": {
11348
11335
  "collection": "mode",
11349
11336
  "group": "semantic",
@@ -14181,5 +14168,40 @@
14181
14168
  "name": "border-sponsors-muted",
14182
14169
  "attributes": {},
14183
14170
  "path": ["border", "sponsors", "muted"]
14171
+ },
14172
+ "topicTag-borderColor": {
14173
+ "$value": "#409eff",
14174
+ "$type": "color",
14175
+ "$extensions": {
14176
+ "org.primer.figma": {
14177
+ "collection": "mode",
14178
+ "group": "component",
14179
+ "scopes": ["borderColor"]
14180
+ },
14181
+ "org.primer.overrides": {
14182
+ "light-high-contrast": "#409eff",
14183
+ "dark-high-contrast": "#409eff"
14184
+ }
14185
+ },
14186
+ "filePath": "src/tokens/component/topicTag.json5",
14187
+ "isSource": true,
14188
+ "original": {
14189
+ "$value": "{borderColor.accent.emphasis}",
14190
+ "$type": "color",
14191
+ "$extensions": {
14192
+ "org.primer.figma": {
14193
+ "collection": "mode",
14194
+ "group": "component",
14195
+ "scopes": ["borderColor"]
14196
+ },
14197
+ "org.primer.overrides": {
14198
+ "light-high-contrast": "{borderColor.accent.emphasis}",
14199
+ "dark-high-contrast": "{borderColor.accent.emphasis}"
14200
+ }
14201
+ }
14202
+ },
14203
+ "name": "topicTag-borderColor",
14204
+ "attributes": {},
14205
+ "path": ["topicTag", "borderColor"]
14184
14206
  }
14185
14207
  }
package/dist/styleLint/functional/themes/dark-tritanopia.json CHANGED
@@ -1,31 +1,4 @@
1
1
  {
2
- "topicTag-borderColor": {
3
- "$value": "#00000000",
4
- "$type": "color",
5
- "$extensions": {
6
- "org.primer.figma": {
7
- "collection": "mode",
8
- "group": "component",
9
- "scopes": ["borderColor"]
10
- }
11
- },
12
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
13
- "isSource": true,
14
- "original": {
15
- "$value": "{base.color.transparent}",
16
- "$type": "color",
17
- "$extensions": {
18
- "org.primer.figma": {
19
- "collection": "mode",
20
- "group": "component",
21
- "scopes": ["borderColor"]
22
- }
23
- }
24
- },
25
- "name": "topicTag-borderColor",
26
- "attributes": {},
27
- "path": ["topicTag", "borderColor"]
28
- },
29
2
  "highlight-neutral-bgColor": {
30
3
  "$value": "#d2992266",
31
4
  "$type": "color",
@@ -168,17 +141,13 @@
168
141
  "diffBlob-additionWord-bgColor": {
169
142
  "$value": "#388bfd66",
170
143
  "$type": "color",
171
- "$extensions": {
172
- "alpha": 0.4
173
- },
144
+ "alpha": 0.4,
174
145
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
175
146
  "isSource": true,
176
147
  "original": {
177
148
  "$value": "{base.color.blue.4}",
178
149
  "$type": "color",
179
- "$extensions": {
180
- "alpha": 0.4
181
- }
150
+ "alpha": 0.4
182
151
  },
183
152
  "name": "diffBlob-additionWord-bgColor",
184
153
  "attributes": {},
@@ -214,17 +183,13 @@
214
183
  "diffBlob-additionNum-bgColor": {
215
184
  "$value": "#58a6ff4d",
216
185
  "$type": "color",
217
- "$extensions": {
218
- "alpha": 0.3
219
- },
186
+ "alpha": 0.3,
220
187
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
221
188
  "isSource": true,
222
189
  "original": {
223
190
  "$value": "{base.color.blue.3}",
224
191
  "$type": "color",
225
- "$extensions": {
226
- "alpha": 0.3
227
- }
192
+ "alpha": 0.3
228
193
  },
229
194
  "name": "diffBlob-additionNum-bgColor",
230
195
  "attributes": {},
@@ -426,17 +391,13 @@
426
391
  "diffBlob-hunkLine-bgColor": {
427
392
  "$value": "#212830",
428
393
  "$type": "color",
429
- "$extensions": {
430
- "alpha": 1
431
- },
394
+ "alpha": 1,
432
395
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
433
396
  "isSource": true,
434
397
  "original": {
435
398
  "$value": "{base.color.neutral.3}",
436
399
  "$type": "color",
437
- "$extensions": {
438
- "alpha": 1
439
- }
400
+ "alpha": 1
440
401
  },
441
402
  "name": "diffBlob-hunkLine-bgColor",
442
403
  "attributes": {},
@@ -499,17 +460,13 @@
499
460
  "diffBlob-hunkNum-bgColor-rest": {
500
461
  "$value": "#2f3742",
501
462
  "$type": "color",
502
- "$extensions": {
503
- "alpha": 1
504
- },
463
+ "alpha": 1,
505
464
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
506
465
  "isSource": true,
507
466
  "original": {
508
467
  "$value": "{base.color.neutral.6}",
509
468
  "$type": "color",
510
- "$extensions": {
511
- "alpha": 1
512
- }
469
+ "alpha": 1
513
470
  },
514
471
  "name": "diffBlob-hunkNum-bgColor-rest",
515
472
  "attributes": {},
@@ -518,17 +475,13 @@
518
475
  "diffBlob-hunkNum-bgColor-hover": {
519
476
  "$value": "#656c76",
520
477
  "$type": "color",
521
- "$extensions": {
522
- "alpha": 1
523
- },
478
+ "alpha": 1,
524
479
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
525
480
  "isSource": true,
526
481
  "original": {
527
482
  "$value": "{base.color.neutral.8}",
528
483
  "$type": "color",
529
- "$extensions": {
530
- "alpha": 1
531
- }
484
+ "alpha": 1
532
485
  },
533
486
  "name": "diffBlob-hunkNum-bgColor-hover",
534
487
  "attributes": {},
@@ -12022,8 +11975,8 @@
12022
11975
  "fgColor-disabled": {
12023
11976
  "$value": "#656c7699",
12024
11977
  "$type": "color",
11978
+ "alpha": 0.6,
12025
11979
  "$extensions": {
12026
- "alpha": 0.6,
12027
11980
  "org.primer.figma": {
12028
11981
  "collection": "mode",
12029
11982
  "group": "semantic",
@@ -12035,8 +11988,8 @@
12035
11988
  "original": {
12036
11989
  "$value": "{base.color.neutral.8}",
12037
11990
  "$type": "color",
11991
+ "alpha": 0.6,
12038
11992
  "$extensions": {
12039
- "alpha": 0.6,
12040
11993
  "org.primer.figma": {
12041
11994
  "collection": "mode",
12042
11995
  "group": "semantic",
@@ -12910,8 +12863,8 @@
12910
12863
  "bgColor-danger-muted": {
12911
12864
  "$value": "#f851491a",
12912
12865
  "$type": "color",
12866
+ "alpha": 0.1,
12913
12867
  "$extensions": {
12914
- "alpha": 0.1,
12915
12868
  "org.primer.figma": {
12916
12869
  "collection": "mode",
12917
12870
  "group": "semantic",
@@ -12926,8 +12879,8 @@
12926
12879
  "original": {
12927
12880
  "$value": "{base.color.red.4}",
12928
12881
  "$type": "color",
12882
+ "alpha": 0.1,
12929
12883
  "$extensions": {
12930
- "alpha": 0.1,
12931
12884
  "org.primer.figma": {
12932
12885
  "collection": "mode",
12933
12886
  "group": "semantic",
@@ -13492,17 +13445,13 @@
13492
13445
  "borderColor-success-muted": {
13493
13446
  "$value": "#388bfd66",
13494
13447
  "$type": "color",
13495
- "$extensions": {
13496
- "alpha": 0.4
13497
- },
13448
+ "alpha": 0.4,
13498
13449
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
13499
13450
  "isSource": true,
13500
13451
  "original": {
13501
13452
  "$value": "{base.color.blue.4}",
13502
13453
  "$type": "color",
13503
- "$extensions": {
13504
- "alpha": 0.4
13505
- }
13454
+ "alpha": 0.4
13506
13455
  },
13507
13456
  "name": "borderColor-success-muted",
13508
13457
  "attributes": {},
@@ -13524,17 +13473,13 @@
13524
13473
  "borderColor-open-muted": {
13525
13474
  "$value": "#f8514966",
13526
13475
  "$type": "color",
13527
- "$extensions": {
13528
- "alpha": 0.4
13529
- },
13476
+ "alpha": 0.4,
13530
13477
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
13531
13478
  "isSource": true,
13532
13479
  "original": {
13533
13480
  "$value": "{base.color.red.4}",
13534
13481
  "$type": "color",
13535
- "$extensions": {
13536
- "alpha": 0.4
13537
- }
13482
+ "alpha": 0.4
13538
13483
  },
13539
13484
  "name": "borderColor-open-muted",
13540
13485
  "attributes": {},
@@ -13624,17 +13569,13 @@
13624
13569
  "borderColor-severe-muted": {
13625
13570
  "$value": "#f8514966",
13626
13571
  "$type": "color",
13627
- "$extensions": {
13628
- "alpha": 0.4
13629
- },
13572
+ "alpha": 0.4,
13630
13573
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
13631
13574
  "isSource": true,
13632
13575
  "original": {
13633
13576
  "$value": "{base.color.red.4}",
13634
13577
  "$type": "color",
13635
- "$extensions": {
13636
- "alpha": 0.4
13637
- }
13578
+ "alpha": 0.4
13638
13579
  },
13639
13580
  "name": "borderColor-severe-muted",
13640
13581
  "attributes": {},
@@ -13724,17 +13665,13 @@
13724
13665
  "borderColor-closed-muted": {
13725
13666
  "$value": "#3d444d66",
13726
13667
  "$type": "color",
13727
- "$extensions": {
13728
- "alpha": 0.4
13729
- },
13668
+ "alpha": 0.4,
13730
13669
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
13731
13670
  "isSource": true,
13732
13671
  "original": {
13733
13672
  "$value": "{borderColor.default}",
13734
13673
  "$type": "color",
13735
- "$extensions": {
13736
- "alpha": 0.4
13737
- }
13674
+ "alpha": 0.4
13738
13675
  },
13739
13676
  "name": "borderColor-closed-muted",
13740
13677
  "attributes": {},
@@ -15843,5 +15780,40 @@
15843
15780
  "name": "border-sponsors-muted",
15844
15781
  "attributes": {},
15845
15782
  "path": ["border", "sponsors", "muted"]
15783
+ },
15784
+ "topicTag-borderColor": {
15785
+ "$value": "#00000000",
15786
+ "$type": "color",
15787
+ "$extensions": {
15788
+ "org.primer.figma": {
15789
+ "collection": "mode",
15790
+ "group": "component",
15791
+ "scopes": ["borderColor"]
15792
+ },
15793
+ "org.primer.overrides": {
15794
+ "light-high-contrast": "#1f6feb",
15795
+ "dark-high-contrast": "#1f6feb"
15796
+ }
15797
+ },
15798
+ "filePath": "src/tokens/component/topicTag.json5",
15799
+ "isSource": true,
15800
+ "original": {
15801
+ "$value": "{base.color.transparent}",
15802
+ "$type": "color",
15803
+ "$extensions": {
15804
+ "org.primer.figma": {
15805
+ "collection": "mode",
15806
+ "group": "component",
15807
+ "scopes": ["borderColor"]
15808
+ },
15809
+ "org.primer.overrides": {
15810
+ "light-high-contrast": "{borderColor.accent.emphasis}",
15811
+ "dark-high-contrast": "{borderColor.accent.emphasis}"
15812
+ }
15813
+ }
15814
+ },
15815
+ "name": "topicTag-borderColor",
15816
+ "attributes": {},
15817
+ "path": ["topicTag", "borderColor"]
15846
15818
  }
15847
15819
  }