@primer/primitives 7.15.5-rc.dcac358 → 7.15.6-rc.df0f9bf

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 (108) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +9 -6
  2. package/dist/css/functional/themes/dark-dimmed.css +9 -6
  3. package/dist/css/functional/themes/dark-high-contrast.css +7 -4
  4. package/dist/css/functional/themes/dark-tritanopia.css +9 -6
  5. package/dist/css/functional/themes/dark.css +9 -6
  6. package/dist/css/functional/themes/light-colorblind.css +7 -4
  7. package/dist/css/functional/themes/light-high-contrast.css +5 -2
  8. package/dist/css/functional/themes/light-tritanopia.css +7 -4
  9. package/dist/css/functional/themes/light.css +7 -4
  10. package/dist/docs/functional/themes/dark-colorblind.json +4 -4
  11. package/dist/docs/functional/themes/dark-dimmed.json +4 -4
  12. package/dist/docs/functional/themes/dark-high-contrast.json +2 -2
  13. package/dist/docs/functional/themes/dark-tritanopia.json +4 -4
  14. package/dist/docs/functional/themes/dark.json +4 -4
  15. package/dist/docs/functional/themes/light-colorblind.json +3 -3
  16. package/dist/docs/functional/themes/light-tritanopia.json +3 -3
  17. package/dist/docs/functional/themes/light.json +3 -3
  18. package/dist/figma/themes/dark.json +3 -3
  19. package/dist/figma/themes/light.json +2 -2
  20. package/dist/scss/functional/themes/dark-colorblind.scss +2 -2
  21. package/dist/scss/functional/themes/dark-dimmed.scss +2 -2
  22. package/dist/scss/functional/themes/dark-high-contrast.scss +1 -1
  23. package/dist/scss/functional/themes/dark-tritanopia.scss +2 -2
  24. package/dist/scss/functional/themes/dark.scss +2 -2
  25. package/dist/scss/functional/themes/light-colorblind.scss +1 -1
  26. package/dist/scss/functional/themes/light-tritanopia.scss +1 -1
  27. package/dist/scss/functional/themes/light.scss +1 -1
  28. package/package.json +1 -1
  29. package/tokens-next-private/css/functional/themes/dark-colorblind.css +9 -6
  30. package/tokens-next-private/css/functional/themes/dark-dimmed.css +9 -6
  31. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +7 -4
  32. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +9 -6
  33. package/tokens-next-private/css/functional/themes/dark.css +9 -6
  34. package/tokens-next-private/css/functional/themes/light-colorblind.css +7 -4
  35. package/tokens-next-private/css/functional/themes/light-high-contrast.css +5 -2
  36. package/tokens-next-private/css/functional/themes/light-tritanopia.css +7 -4
  37. package/tokens-next-private/css/functional/themes/light.css +7 -4
  38. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4 -4
  39. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4 -4
  40. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +2 -2
  41. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4 -4
  42. package/tokens-next-private/docs/functional/themes/dark.json +4 -4
  43. package/tokens-next-private/docs/functional/themes/light-colorblind.json +3 -3
  44. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +3 -3
  45. package/tokens-next-private/docs/functional/themes/light.json +3 -3
  46. package/tokens-next-private/figma/themes/dark.json +3 -3
  47. package/tokens-next-private/figma/themes/light.json +2 -2
  48. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +2 -2
  49. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +2 -2
  50. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +1 -1
  51. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +2 -2
  52. package/tokens-next-private/scss/functional/themes/dark.scss +2 -2
  53. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
  54. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
  55. package/tokens-next-private/scss/functional/themes/light.scss +1 -1
  56. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  57. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  58. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  59. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  60. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  61. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  62. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  63. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  64. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  65. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  66. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  67. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  68. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  69. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  70. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  71. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  72. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  73. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  74. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  75. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  76. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  77. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  78. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  79. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  80. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  81. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  82. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  83. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  84. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  85. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  86. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  87. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  88. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  89. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  90. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  91. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  92. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  93. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  94. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  95. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  96. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  97. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  98. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  105. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  106. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  107. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  108. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -1,5 +1,7 @@
1
1
  [data-color-mode="dark"][data-dark-theme="dark_colorblind"],
2
- [data-color-mode="auto"][data-light-theme="dark_colorblind"] {
2
+ [data-color-mode="dark"][data-dark-theme="dark_colorblind"] ::backdrop,
3
+ [data-color-mode="auto"][data-light-theme="dark_colorblind"],
4
+ [data-color-mode="auto"][data-light-theme="dark_colorblind"] ::backdrop {
3
5
  --topicTag-borderColor: #00000000;
4
6
  --highlight-neutral-bgColor: #d2992266;
5
7
  --page-header-bgColor: #0d1117;
@@ -41,7 +43,7 @@
41
43
  --headerSearch-bgColor: #0d1117;
42
44
  --headerSearch-borderColor: #30363d;
43
45
  --avatar-bgColor: #ffffff1a;
44
- --avatar-borderColor: #30363d66;
46
+ --avatar-borderColor: #30363d80;
45
47
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
46
48
  --avatarStack-fade-bgColor-default: #30363d;
47
49
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -244,7 +246,7 @@
244
246
  --bgColor-sponsors-muted: #db61a21a;
245
247
  --bgColor-sponsors-emphasis: #bf4b8a;
246
248
  --borderColor-default: #30363d;
247
- --borderColor-muted: #30363d66;
249
+ --borderColor-muted: #30363d80;
248
250
  --borderColor-emphasis: #484f58;
249
251
  --borderColor-disabled: #161b22;
250
252
  --borderColor-transparent: #00000000;
@@ -419,7 +421,8 @@
419
421
  --outline-focus: #1f6feb solid 2px;
420
422
  }
421
423
  @media (prefers-color-scheme: dark) {
422
- [data-color-mode="auto"][data-dark-theme="dark_colorblind"] {
424
+ [data-color-mode="auto"][data-dark-theme="dark_colorblind"],
425
+ [data-color-mode="auto"][data-dark-theme="dark_colorblind"] ::backdrop {
423
426
  --topicTag-borderColor: #00000000;
424
427
  --highlight-neutral-bgColor: #d2992266;
425
428
  --page-header-bgColor: #0d1117;
@@ -461,7 +464,7 @@
461
464
  --headerSearch-bgColor: #0d1117;
462
465
  --headerSearch-borderColor: #30363d;
463
466
  --avatar-bgColor: #ffffff1a;
464
- --avatar-borderColor: #30363d66;
467
+ --avatar-borderColor: #30363d80;
465
468
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
466
469
  --avatarStack-fade-bgColor-default: #30363d;
467
470
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -664,7 +667,7 @@
664
667
  --bgColor-sponsors-muted: #db61a21a;
665
668
  --bgColor-sponsors-emphasis: #bf4b8a;
666
669
  --borderColor-default: #30363d;
667
- --borderColor-muted: #30363d66;
670
+ --borderColor-muted: #30363d80;
668
671
  --borderColor-emphasis: #484f58;
669
672
  --borderColor-disabled: #161b22;
670
673
  --borderColor-transparent: #00000000;
@@ -1,5 +1,7 @@
1
1
  [data-color-mode="dark"][data-dark-theme="dark_dimmed"],
2
- [data-color-mode="auto"][data-light-theme="dark_dimmed"] {
2
+ [data-color-mode="dark"][data-dark-theme="dark_dimmed"] ::backdrop,
3
+ [data-color-mode="auto"][data-light-theme="dark_dimmed"],
4
+ [data-color-mode="auto"][data-light-theme="dark_dimmed"] ::backdrop {
3
5
  --topicTag-borderColor: #00000000;
4
6
  --highlight-neutral-bgColor: #c6902666;
5
7
  --page-header-bgColor: #22272e;
@@ -41,7 +43,7 @@
41
43
  --headerSearch-bgColor: #22272e;
42
44
  --headerSearch-borderColor: #444c56;
43
45
  --avatar-bgColor: #cdd9e51a;
44
- --avatar-borderColor: #444c5666;
46
+ --avatar-borderColor: #444c5680;
45
47
  --avatar-shadow: 0px 0px 0px 2px #22272e;
46
48
  --avatarStack-fade-bgColor-default: #444c56;
47
49
  --avatarStack-fade-bgColor-muted: #373e47;
@@ -244,7 +246,7 @@
244
246
  --bgColor-sponsors-muted: #c961981a;
245
247
  --bgColor-sponsors-emphasis: #ae4c82;
246
248
  --borderColor-default: #444c56;
247
- --borderColor-muted: #444c5666;
249
+ --borderColor-muted: #444c5680;
248
250
  --borderColor-emphasis: #545d68;
249
251
  --borderColor-disabled: #2d333b;
250
252
  --borderColor-transparent: #00000000;
@@ -419,7 +421,8 @@
419
421
  --outline-focus: #316dca solid 2px;
420
422
  }
421
423
  @media (prefers-color-scheme: dark) {
422
- [data-color-mode="auto"][data-dark-theme="dark_dimmed"] {
424
+ [data-color-mode="auto"][data-dark-theme="dark_dimmed"],
425
+ [data-color-mode="auto"][data-dark-theme="dark_dimmed"] ::backdrop {
423
426
  --topicTag-borderColor: #00000000;
424
427
  --highlight-neutral-bgColor: #c6902666;
425
428
  --page-header-bgColor: #22272e;
@@ -461,7 +464,7 @@
461
464
  --headerSearch-bgColor: #22272e;
462
465
  --headerSearch-borderColor: #444c56;
463
466
  --avatar-bgColor: #cdd9e51a;
464
- --avatar-borderColor: #444c5666;
467
+ --avatar-borderColor: #444c5680;
465
468
  --avatar-shadow: 0px 0px 0px 2px #22272e;
466
469
  --avatarStack-fade-bgColor-default: #444c56;
467
470
  --avatarStack-fade-bgColor-muted: #373e47;
@@ -664,7 +667,7 @@
664
667
  --bgColor-sponsors-muted: #c961981a;
665
668
  --bgColor-sponsors-emphasis: #ae4c82;
666
669
  --borderColor-default: #444c56;
667
- --borderColor-muted: #444c5666;
670
+ --borderColor-muted: #444c5680;
668
671
  --borderColor-emphasis: #545d68;
669
672
  --borderColor-disabled: #2d333b;
670
673
  --borderColor-transparent: #00000000;
@@ -1,5 +1,7 @@
1
1
  [data-color-mode="dark"][data-dark-theme="dark_high_contrast"],
2
- [data-color-mode="auto"][data-light-theme="dark_high_contrast"] {
2
+ [data-color-mode="dark"][data-dark-theme="dark_high_contrast"] ::backdrop,
3
+ [data-color-mode="auto"][data-light-theme="dark_high_contrast"],
4
+ [data-color-mode="auto"][data-light-theme="dark_high_contrast"] ::backdrop {
3
5
  --topicTag-borderColor: #409eff;
4
6
  --highlight-neutral-bgColor: #f0b72f66;
5
7
  --page-header-bgColor: #0a0c10;
@@ -87,7 +89,7 @@
87
89
  --controlTrack-bgColor-hover: #383c45;
88
90
  --controlTrack-bgColor-active: #484e57;
89
91
  --controlTrack-bgColor-disabled: #bdc4cc;
90
- --controlTrack-fgColor-rest: #0a0c10;
92
+ --controlTrack-fgColor-rest: #fbfcfd;
91
93
  --controlTrack-fgColor-disabled: #0a0c10;
92
94
  --controlTrack-borderColor-rest: #00000000;
93
95
  --controlTrack-borderColor-disabled: #bdc4cc;
@@ -419,7 +421,8 @@
419
421
  --outline-focus: #409eff solid 2px;
420
422
  }
421
423
  @media (prefers-color-scheme: dark) {
422
- [data-color-mode="auto"][data-dark-theme="dark_high_contrast"] {
424
+ [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
425
+ [data-color-mode="auto"][data-dark-theme="dark_high_contrast"] ::backdrop {
423
426
  --topicTag-borderColor: #409eff;
424
427
  --highlight-neutral-bgColor: #f0b72f66;
425
428
  --page-header-bgColor: #0a0c10;
@@ -507,7 +510,7 @@
507
510
  --controlTrack-bgColor-hover: #383c45;
508
511
  --controlTrack-bgColor-active: #484e57;
509
512
  --controlTrack-bgColor-disabled: #bdc4cc;
510
- --controlTrack-fgColor-rest: #0a0c10;
513
+ --controlTrack-fgColor-rest: #fbfcfd;
511
514
  --controlTrack-fgColor-disabled: #0a0c10;
512
515
  --controlTrack-borderColor-rest: #00000000;
513
516
  --controlTrack-borderColor-disabled: #bdc4cc;
@@ -1,5 +1,7 @@
1
1
  [data-color-mode="dark"][data-dark-theme="dark_tritanopia"],
2
- [data-color-mode="auto"][data-light-theme="dark_tritanopia"] {
2
+ [data-color-mode="dark"][data-dark-theme="dark_tritanopia"] ::backdrop,
3
+ [data-color-mode="auto"][data-light-theme="dark_tritanopia"],
4
+ [data-color-mode="auto"][data-light-theme="dark_tritanopia"] ::backdrop {
3
5
  --topicTag-borderColor: #00000000;
4
6
  --highlight-neutral-bgColor: #d2992266;
5
7
  --page-header-bgColor: #0d1117;
@@ -41,7 +43,7 @@
41
43
  --headerSearch-bgColor: #0d1117;
42
44
  --headerSearch-borderColor: #30363d;
43
45
  --avatar-bgColor: #ffffff1a;
44
- --avatar-borderColor: #30363d66;
46
+ --avatar-borderColor: #30363d80;
45
47
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
46
48
  --avatarStack-fade-bgColor-default: #30363d;
47
49
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -244,7 +246,7 @@
244
246
  --bgColor-sponsors-muted: #db61a21a;
245
247
  --bgColor-sponsors-emphasis: #bf4b8a;
246
248
  --borderColor-default: #30363d;
247
- --borderColor-muted: #30363d66;
249
+ --borderColor-muted: #30363d80;
248
250
  --borderColor-emphasis: #484f58;
249
251
  --borderColor-disabled: #161b22;
250
252
  --borderColor-transparent: #00000000;
@@ -419,7 +421,8 @@
419
421
  --outline-focus: #1f6feb solid 2px;
420
422
  }
421
423
  @media (prefers-color-scheme: dark) {
422
- [data-color-mode="auto"][data-dark-theme="dark_tritanopia"] {
424
+ [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
425
+ [data-color-mode="auto"][data-dark-theme="dark_tritanopia"] ::backdrop {
423
426
  --topicTag-borderColor: #00000000;
424
427
  --highlight-neutral-bgColor: #d2992266;
425
428
  --page-header-bgColor: #0d1117;
@@ -461,7 +464,7 @@
461
464
  --headerSearch-bgColor: #0d1117;
462
465
  --headerSearch-borderColor: #30363d;
463
466
  --avatar-bgColor: #ffffff1a;
464
- --avatar-borderColor: #30363d66;
467
+ --avatar-borderColor: #30363d80;
465
468
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
466
469
  --avatarStack-fade-bgColor-default: #30363d;
467
470
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -664,7 +667,7 @@
664
667
  --bgColor-sponsors-muted: #db61a21a;
665
668
  --bgColor-sponsors-emphasis: #bf4b8a;
666
669
  --borderColor-default: #30363d;
667
- --borderColor-muted: #30363d66;
670
+ --borderColor-muted: #30363d80;
668
671
  --borderColor-emphasis: #484f58;
669
672
  --borderColor-disabled: #161b22;
670
673
  --borderColor-transparent: #00000000;
@@ -1,5 +1,7 @@
1
1
  [data-color-mode="dark"][data-dark-theme="dark"],
2
- [data-color-mode="auto"][data-light-theme="dark"] {
2
+ [data-color-mode="dark"][data-dark-theme="dark"] ::backdrop,
3
+ [data-color-mode="auto"][data-light-theme="dark"],
4
+ [data-color-mode="auto"][data-light-theme="dark"] ::backdrop {
3
5
  --topicTag-borderColor: #00000000;
4
6
  --highlight-neutral-bgColor: #d2992266;
5
7
  --page-header-bgColor: #0d1117;
@@ -41,7 +43,7 @@
41
43
  --headerSearch-bgColor: #0d1117;
42
44
  --headerSearch-borderColor: #30363d;
43
45
  --avatar-bgColor: #ffffff1a;
44
- --avatar-borderColor: #30363d66;
46
+ --avatar-borderColor: #30363d80;
45
47
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
46
48
  --avatarStack-fade-bgColor-default: #30363d;
47
49
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -244,7 +246,7 @@
244
246
  --bgColor-sponsors-muted: #db61a21a;
245
247
  --bgColor-sponsors-emphasis: #bf4b8a;
246
248
  --borderColor-default: #30363d;
247
- --borderColor-muted: #30363d66;
249
+ --borderColor-muted: #30363d80;
248
250
  --borderColor-emphasis: #484f58;
249
251
  --borderColor-disabled: #161b22;
250
252
  --borderColor-transparent: #00000000;
@@ -419,7 +421,8 @@
419
421
  --outline-focus: #1f6feb solid 2px;
420
422
  }
421
423
  @media (prefers-color-scheme: dark) {
422
- [data-color-mode="auto"][data-dark-theme="dark"] {
424
+ [data-color-mode="auto"][data-dark-theme="dark"],
425
+ [data-color-mode="auto"][data-dark-theme="dark"] ::backdrop {
423
426
  --topicTag-borderColor: #00000000;
424
427
  --highlight-neutral-bgColor: #d2992266;
425
428
  --page-header-bgColor: #0d1117;
@@ -461,7 +464,7 @@
461
464
  --headerSearch-bgColor: #0d1117;
462
465
  --headerSearch-borderColor: #30363d;
463
466
  --avatar-bgColor: #ffffff1a;
464
- --avatar-borderColor: #30363d66;
467
+ --avatar-borderColor: #30363d80;
465
468
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
466
469
  --avatarStack-fade-bgColor-default: #30363d;
467
470
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -664,7 +667,7 @@
664
667
  --bgColor-sponsors-muted: #db61a21a;
665
668
  --bgColor-sponsors-emphasis: #bf4b8a;
666
669
  --borderColor-default: #30363d;
667
- --borderColor-muted: #30363d66;
670
+ --borderColor-muted: #30363d80;
668
671
  --borderColor-emphasis: #484f58;
669
672
  --borderColor-disabled: #161b22;
670
673
  --borderColor-transparent: #00000000;
@@ -1,5 +1,7 @@
1
1
  [data-color-mode="light"][data-light-theme="light_colorblind"],
2
- [data-color-mode="auto"][data-light-theme="light_colorblind"] {
2
+ [data-color-mode="light"][data-light-theme="light_colorblind"] ::backdrop,
3
+ [data-color-mode="auto"][data-light-theme="light_colorblind"],
4
+ [data-color-mode="auto"][data-light-theme="light_colorblind"] ::backdrop {
3
5
  --topicTag-borderColor: #ffffff00;
4
6
  --highlight-neutral-bgColor: #fff8c5;
5
7
  --page-header-bgColor: #f6f8fa;
@@ -245,7 +247,7 @@
245
247
  --bgColor-sponsors-muted: #ffeff7;
246
248
  --bgColor-sponsors-emphasis: #bf3989;
247
249
  --borderColor-default: #d0d7de;
248
- --borderColor-muted: #d0d7de66;
250
+ --borderColor-muted: #d0d7de80;
249
251
  --borderColor-emphasis: #6e7781;
250
252
  --borderColor-disabled: #f6f8fa;
251
253
  --borderColor-transparent: #ffffff00;
@@ -419,7 +421,8 @@
419
421
  --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
420
422
  }
421
423
  @media (prefers-color-scheme: dark) {
422
- [data-color-mode="auto"][data-dark-theme="light_colorblind"] {
424
+ [data-color-mode="auto"][data-dark-theme="light_colorblind"],
425
+ [data-color-mode="auto"][data-dark-theme="light_colorblind"] ::backdrop {
423
426
  --topicTag-borderColor: #ffffff00;
424
427
  --highlight-neutral-bgColor: #fff8c5;
425
428
  --page-header-bgColor: #f6f8fa;
@@ -665,7 +668,7 @@
665
668
  --bgColor-sponsors-muted: #ffeff7;
666
669
  --bgColor-sponsors-emphasis: #bf3989;
667
670
  --borderColor-default: #d0d7de;
668
- --borderColor-muted: #d0d7de66;
671
+ --borderColor-muted: #d0d7de80;
669
672
  --borderColor-emphasis: #6e7781;
670
673
  --borderColor-disabled: #f6f8fa;
671
674
  --borderColor-transparent: #ffffff00;
@@ -1,5 +1,7 @@
1
1
  [data-color-mode="light"][data-light-theme="light_high_contrast"],
2
- [data-color-mode="auto"][data-light-theme="light_high_contrast"] {
2
+ [data-color-mode="light"][data-light-theme="light_high_contrast"] ::backdrop,
3
+ [data-color-mode="auto"][data-light-theme="light_high_contrast"],
4
+ [data-color-mode="auto"][data-light-theme="light_high_contrast"] ::backdrop {
3
5
  --topicTag-borderColor: #0349b4;
4
6
  --highlight-neutral-bgColor: #fcf7be;
5
7
  --page-header-bgColor: #e7ecf0;
@@ -419,7 +421,8 @@
419
421
  --shadow-floating-xlarge: 0px 56px 112px 0px #343b4352;
420
422
  }
421
423
  @media (prefers-color-scheme: dark) {
422
- [data-color-mode="auto"][data-dark-theme="light_high_contrast"] {
424
+ [data-color-mode="auto"][data-dark-theme="light_high_contrast"],
425
+ [data-color-mode="auto"][data-dark-theme="light_high_contrast"] ::backdrop {
423
426
  --topicTag-borderColor: #0349b4;
424
427
  --highlight-neutral-bgColor: #fcf7be;
425
428
  --page-header-bgColor: #e7ecf0;
@@ -1,5 +1,7 @@
1
1
  [data-color-mode="light"][data-light-theme="light_tritanopia"],
2
- [data-color-mode="auto"][data-light-theme="light_tritanopia"] {
2
+ [data-color-mode="light"][data-light-theme="light_tritanopia"] ::backdrop,
3
+ [data-color-mode="auto"][data-light-theme="light_tritanopia"],
4
+ [data-color-mode="auto"][data-light-theme="light_tritanopia"] ::backdrop {
3
5
  --topicTag-borderColor: #ffffff00;
4
6
  --highlight-neutral-bgColor: #fff8c5;
5
7
  --page-header-bgColor: #f6f8fa;
@@ -245,7 +247,7 @@
245
247
  --bgColor-sponsors-muted: #ffeff7;
246
248
  --bgColor-sponsors-emphasis: #bf3989;
247
249
  --borderColor-default: #d0d7de;
248
- --borderColor-muted: #d0d7de66;
250
+ --borderColor-muted: #d0d7de80;
249
251
  --borderColor-emphasis: #6e7781;
250
252
  --borderColor-disabled: #f6f8fa;
251
253
  --borderColor-transparent: #ffffff00;
@@ -419,7 +421,8 @@
419
421
  --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
420
422
  }
421
423
  @media (prefers-color-scheme: dark) {
422
- [data-color-mode="auto"][data-dark-theme="light_tritanopia"] {
424
+ [data-color-mode="auto"][data-dark-theme="light_tritanopia"],
425
+ [data-color-mode="auto"][data-dark-theme="light_tritanopia"] ::backdrop {
423
426
  --topicTag-borderColor: #ffffff00;
424
427
  --highlight-neutral-bgColor: #fff8c5;
425
428
  --page-header-bgColor: #f6f8fa;
@@ -665,7 +668,7 @@
665
668
  --bgColor-sponsors-muted: #ffeff7;
666
669
  --bgColor-sponsors-emphasis: #bf3989;
667
670
  --borderColor-default: #d0d7de;
668
- --borderColor-muted: #d0d7de66;
671
+ --borderColor-muted: #d0d7de80;
669
672
  --borderColor-emphasis: #6e7781;
670
673
  --borderColor-disabled: #f6f8fa;
671
674
  --borderColor-transparent: #ffffff00;
@@ -1,5 +1,7 @@
1
1
  [data-color-mode="light"][data-light-theme="light"],
2
- [data-color-mode="auto"][data-light-theme="light"] {
2
+ [data-color-mode="light"][data-light-theme="light"] ::backdrop,
3
+ [data-color-mode="auto"][data-light-theme="light"],
4
+ [data-color-mode="auto"][data-light-theme="light"] ::backdrop {
3
5
  --topicTag-borderColor: #ffffff00;
4
6
  --highlight-neutral-bgColor: #fff8c5;
5
7
  --page-header-bgColor: #f6f8fa;
@@ -245,7 +247,7 @@
245
247
  --bgColor-sponsors-muted: #ffeff7;
246
248
  --bgColor-sponsors-emphasis: #bf3989;
247
249
  --borderColor-default: #d0d7de;
248
- --borderColor-muted: #d0d7de66;
250
+ --borderColor-muted: #d0d7de80;
249
251
  --borderColor-emphasis: #6e7781;
250
252
  --borderColor-disabled: #f6f8fa;
251
253
  --borderColor-transparent: #ffffff00;
@@ -419,7 +421,8 @@
419
421
  --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
420
422
  }
421
423
  @media (prefers-color-scheme: dark) {
422
- [data-color-mode="auto"][data-dark-theme="light"] {
424
+ [data-color-mode="auto"][data-dark-theme="light"],
425
+ [data-color-mode="auto"][data-dark-theme="light"] ::backdrop {
423
426
  --topicTag-borderColor: #ffffff00;
424
427
  --highlight-neutral-bgColor: #fff8c5;
425
428
  --page-header-bgColor: #f6f8fa;
@@ -665,7 +668,7 @@
665
668
  --bgColor-sponsors-muted: #ffeff7;
666
669
  --bgColor-sponsors-emphasis: #bf3989;
667
670
  --borderColor-default: #d0d7de;
668
- --borderColor-muted: #d0d7de66;
671
+ --borderColor-muted: #d0d7de80;
669
672
  --borderColor-emphasis: #6e7781;
670
673
  --borderColor-disabled: #f6f8fa;
671
674
  --borderColor-transparent: #ffffff00;
@@ -1213,7 +1213,7 @@
1213
1213
  "path": ["avatar", "bgColor"]
1214
1214
  },
1215
1215
  "avatar-borderColor": {
1216
- "value": "#30363d66",
1216
+ "value": "#30363d80",
1217
1217
  "$type": "color",
1218
1218
  "$extensions": {
1219
1219
  "org.primer.figma": {
@@ -7467,7 +7467,7 @@
7467
7467
  "path": ["borderColor", "default"]
7468
7468
  },
7469
7469
  "borderColor-muted": {
7470
- "value": "#30363d66",
7470
+ "value": "#30363d80",
7471
7471
  "$type": "color",
7472
7472
  "$extensions": {
7473
7473
  "org.primer.figma": {
@@ -7480,7 +7480,7 @@
7480
7480
  }
7481
7481
  }
7482
7482
  },
7483
- "alpha": 0.4,
7483
+ "alpha": 0.5,
7484
7484
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
7485
7485
  "isSource": true,
7486
7486
  "original": {
@@ -7497,7 +7497,7 @@
7497
7497
  }
7498
7498
  }
7499
7499
  },
7500
- "alpha": 0.4
7500
+ "alpha": 0.5
7501
7501
  },
7502
7502
  "name": "borderColor-muted",
7503
7503
  "attributes": {},
@@ -1213,7 +1213,7 @@
1213
1213
  "path": ["avatar", "bgColor"]
1214
1214
  },
1215
1215
  "avatar-borderColor": {
1216
- "value": "#444c5666",
1216
+ "value": "#444c5680",
1217
1217
  "$type": "color",
1218
1218
  "$extensions": {
1219
1219
  "org.primer.figma": {
@@ -7473,7 +7473,7 @@
7473
7473
  "path": ["borderColor", "default"]
7474
7474
  },
7475
7475
  "borderColor-muted": {
7476
- "value": "#444c5666",
7476
+ "value": "#444c5680",
7477
7477
  "$type": "color",
7478
7478
  "$extensions": {
7479
7479
  "org.primer.figma": {
@@ -7486,7 +7486,7 @@
7486
7486
  }
7487
7487
  }
7488
7488
  },
7489
- "alpha": 0.4,
7489
+ "alpha": 0.5,
7490
7490
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
7491
7491
  "isSource": true,
7492
7492
  "original": {
@@ -7503,7 +7503,7 @@
7503
7503
  }
7504
7504
  }
7505
7505
  },
7506
- "alpha": 0.4
7506
+ "alpha": 0.5
7507
7507
  },
7508
7508
  "name": "borderColor-muted",
7509
7509
  "attributes": {},
@@ -2628,7 +2628,7 @@
2628
2628
  "path": ["controlTrack", "bgColor", "disabled"]
2629
2629
  },
2630
2630
  "controlTrack-fgColor-rest": {
2631
- "value": "#0a0c10",
2631
+ "value": "#fbfcfd",
2632
2632
  "$type": "color",
2633
2633
  "$extensions": {
2634
2634
  "org.primer.figma": {
@@ -2641,7 +2641,7 @@
2641
2641
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
2642
2642
  "isSource": true,
2643
2643
  "original": {
2644
- "value": "{fgColor.onEmphasis}",
2644
+ "value": "{fgColor.default}",
2645
2645
  "$type": "color",
2646
2646
  "$extensions": {
2647
2647
  "org.primer.figma": {
@@ -1213,7 +1213,7 @@
1213
1213
  "path": ["avatar", "bgColor"]
1214
1214
  },
1215
1215
  "avatar-borderColor": {
1216
- "value": "#30363d66",
1216
+ "value": "#30363d80",
1217
1217
  "$type": "color",
1218
1218
  "$extensions": {
1219
1219
  "org.primer.figma": {
@@ -7473,7 +7473,7 @@
7473
7473
  "path": ["borderColor", "default"]
7474
7474
  },
7475
7475
  "borderColor-muted": {
7476
- "value": "#30363d66",
7476
+ "value": "#30363d80",
7477
7477
  "$type": "color",
7478
7478
  "$extensions": {
7479
7479
  "org.primer.figma": {
@@ -7486,7 +7486,7 @@
7486
7486
  }
7487
7487
  }
7488
7488
  },
7489
- "alpha": 0.4,
7489
+ "alpha": 0.5,
7490
7490
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
7491
7491
  "isSource": true,
7492
7492
  "original": {
@@ -7503,7 +7503,7 @@
7503
7503
  }
7504
7504
  }
7505
7505
  },
7506
- "alpha": 0.4
7506
+ "alpha": 0.5
7507
7507
  },
7508
7508
  "name": "borderColor-muted",
7509
7509
  "attributes": {},
@@ -1213,7 +1213,7 @@
1213
1213
  "path": ["avatar", "bgColor"]
1214
1214
  },
1215
1215
  "avatar-borderColor": {
1216
- "value": "#30363d66",
1216
+ "value": "#30363d80",
1217
1217
  "$type": "color",
1218
1218
  "$extensions": {
1219
1219
  "org.primer.figma": {
@@ -7473,7 +7473,7 @@
7473
7473
  "path": ["borderColor", "default"]
7474
7474
  },
7475
7475
  "borderColor-muted": {
7476
- "value": "#30363d66",
7476
+ "value": "#30363d80",
7477
7477
  "$type": "color",
7478
7478
  "$extensions": {
7479
7479
  "org.primer.figma": {
@@ -7486,7 +7486,7 @@
7486
7486
  }
7487
7487
  }
7488
7488
  },
7489
- "alpha": 0.4,
7489
+ "alpha": 0.5,
7490
7490
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
7491
7491
  "isSource": true,
7492
7492
  "original": {
@@ -7503,7 +7503,7 @@
7503
7503
  }
7504
7504
  }
7505
7505
  },
7506
- "alpha": 0.4
7506
+ "alpha": 0.5
7507
7507
  },
7508
7508
  "name": "borderColor-muted",
7509
7509
  "attributes": {},
@@ -7468,7 +7468,7 @@
7468
7468
  "path": ["borderColor", "default"]
7469
7469
  },
7470
7470
  "borderColor-muted": {
7471
- "value": "#d0d7de66",
7471
+ "value": "#d0d7de80",
7472
7472
  "$type": "color",
7473
7473
  "$extensions": {
7474
7474
  "org.primer.figma": {
@@ -7481,7 +7481,7 @@
7481
7481
  }
7482
7482
  }
7483
7483
  },
7484
- "alpha": 0.4,
7484
+ "alpha": 0.5,
7485
7485
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
7486
7486
  "isSource": true,
7487
7487
  "original": {
@@ -7498,7 +7498,7 @@
7498
7498
  }
7499
7499
  }
7500
7500
  },
7501
- "alpha": 0.4
7501
+ "alpha": 0.5
7502
7502
  },
7503
7503
  "name": "borderColor-muted",
7504
7504
  "attributes": {},
@@ -7460,7 +7460,7 @@
7460
7460
  "path": ["borderColor", "default"]
7461
7461
  },
7462
7462
  "borderColor-muted": {
7463
- "value": "#d0d7de66",
7463
+ "value": "#d0d7de80",
7464
7464
  "$type": "color",
7465
7465
  "$extensions": {
7466
7466
  "org.primer.figma": {
@@ -7473,7 +7473,7 @@
7473
7473
  }
7474
7474
  }
7475
7475
  },
7476
- "alpha": 0.4,
7476
+ "alpha": 0.5,
7477
7477
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
7478
7478
  "isSource": true,
7479
7479
  "original": {
@@ -7490,7 +7490,7 @@
7490
7490
  }
7491
7491
  }
7492
7492
  },
7493
- "alpha": 0.4
7493
+ "alpha": 0.5
7494
7494
  },
7495
7495
  "name": "borderColor-muted",
7496
7496
  "attributes": {},
@@ -7460,7 +7460,7 @@
7460
7460
  "path": ["borderColor", "default"]
7461
7461
  },
7462
7462
  "borderColor-muted": {
7463
- "value": "#d0d7de66",
7463
+ "value": "#d0d7de80",
7464
7464
  "$type": "color",
7465
7465
  "$extensions": {
7466
7466
  "org.primer.figma": {
@@ -7473,7 +7473,7 @@
7473
7473
  }
7474
7474
  }
7475
7475
  },
7476
- "alpha": 0.4,
7476
+ "alpha": 0.5,
7477
7477
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
7478
7478
  "isSource": true,
7479
7479
  "original": {
@@ -7490,7 +7490,7 @@
7490
7490
  }
7491
7491
  }
7492
7492
  },
7493
- "alpha": 0.4
7493
+ "alpha": 0.5
7494
7494
  },
7495
7495
  "name": "borderColor-muted",
7496
7496
  "attributes": {},
@@ -3537,10 +3537,10 @@
3537
3537
  "r": 0.18823529411764706,
3538
3538
  "g": 0.21176470588235294,
3539
3539
  "b": 0.23921568627450981,
3540
- "a": 0.4
3540
+ "a": 0.5
3541
3541
  },
3542
3542
  "type": "COLOR",
3543
- "alpha": 0.4,
3543
+ "alpha": 0.5,
3544
3544
  "refId": "mode/borderColor/muted",
3545
3545
  "reference": "mode/borderColor/default",
3546
3546
  "collection": "mode",
@@ -5135,7 +5135,7 @@
5135
5135
  "r": 0.18823529411764706,
5136
5136
  "g": 0.21176470588235294,
5137
5137
  "b": 0.23921568627450981,
5138
- "a": 0.4
5138
+ "a": 0.5
5139
5139
  },
5140
5140
  "type": "COLOR",
5141
5141
  "refId": "mode/avatar/borderColor",
@@ -3374,10 +3374,10 @@
3374
3374
  "r": 0.8156862745098039,
3375
3375
  "g": 0.8431372549019608,
3376
3376
  "b": 0.8705882352941177,
3377
- "a": 0.4
3377
+ "a": 0.5
3378
3378
  },
3379
3379
  "type": "COLOR",
3380
- "alpha": 0.4,
3380
+ "alpha": 0.5,
3381
3381
  "refId": "mode/borderColor/muted",
3382
3382
  "reference": "mode/borderColor/default",
3383
3383
  "collection": "mode",