@primer/primitives 7.15.5-rc.dcac358 → 7.15.6-rc.3d0e1ea

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 (112) 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 +161 -158
  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 +9 -6
  7. package/dist/css/functional/themes/light-high-contrast.css +7 -4
  8. package/dist/css/functional/themes/light-tritanopia.css +9 -6
  9. package/dist/css/functional/themes/light.css +9 -6
  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 +83 -83
  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 +5 -5
  16. package/dist/docs/functional/themes/light-high-contrast.json +2 -2
  17. package/dist/docs/functional/themes/light-tritanopia.json +5 -5
  18. package/dist/docs/functional/themes/light.json +5 -5
  19. package/dist/figma/themes/dark.json +3 -3
  20. package/dist/figma/themes/light.json +2 -2
  21. package/dist/scss/functional/themes/dark-colorblind.scss +2 -2
  22. package/dist/scss/functional/themes/dark-dimmed.scss +2 -2
  23. package/dist/scss/functional/themes/dark-high-contrast.scss +78 -78
  24. package/dist/scss/functional/themes/dark-tritanopia.scss +2 -2
  25. package/dist/scss/functional/themes/dark.scss +2 -2
  26. package/dist/scss/functional/themes/light-colorblind.scss +2 -2
  27. package/dist/scss/functional/themes/light-high-contrast.scss +1 -1
  28. package/dist/scss/functional/themes/light-tritanopia.scss +2 -2
  29. package/dist/scss/functional/themes/light.scss +2 -2
  30. package/package.json +1 -1
  31. package/tokens-next-private/css/functional/themes/dark-colorblind.css +9 -6
  32. package/tokens-next-private/css/functional/themes/dark-dimmed.css +9 -6
  33. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +161 -158
  34. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +9 -6
  35. package/tokens-next-private/css/functional/themes/dark.css +9 -6
  36. package/tokens-next-private/css/functional/themes/light-colorblind.css +9 -6
  37. package/tokens-next-private/css/functional/themes/light-high-contrast.css +7 -4
  38. package/tokens-next-private/css/functional/themes/light-tritanopia.css +9 -6
  39. package/tokens-next-private/css/functional/themes/light.css +9 -6
  40. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4 -4
  41. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4 -4
  42. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +83 -83
  43. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4 -4
  44. package/tokens-next-private/docs/functional/themes/dark.json +4 -4
  45. package/tokens-next-private/docs/functional/themes/light-colorblind.json +5 -5
  46. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +2 -2
  47. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +5 -5
  48. package/tokens-next-private/docs/functional/themes/light.json +5 -5
  49. package/tokens-next-private/figma/themes/dark.json +3 -3
  50. package/tokens-next-private/figma/themes/light.json +2 -2
  51. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +2 -2
  52. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +2 -2
  53. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +78 -78
  54. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +2 -2
  55. package/tokens-next-private/scss/functional/themes/dark.scss +2 -2
  56. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +2 -2
  57. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -1
  58. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +2 -2
  59. package/tokens-next-private/scss/functional/themes/light.scss +2 -2
  60. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  61. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  62. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  63. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  64. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  65. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  66. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  67. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  68. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  69. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  70. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  71. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  72. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  73. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  74. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  75. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  76. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  77. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  78. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  79. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  80. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  81. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  82. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  83. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  84. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  85. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  86. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  87. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  88. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  89. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  90. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  91. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  92. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  93. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  94. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  95. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  96. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  97. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  98. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  105. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  106. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  107. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  108. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  110. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  111. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  112. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -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;
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -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;