@primer/primitives 7.15.5 → 7.15.6-rc.5bd88c4

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 (76) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +5 -2
  2. package/dist/css/functional/themes/dark-dimmed.css +5 -2
  3. package/dist/css/functional/themes/dark-high-contrast.css +159 -156
  4. package/dist/css/functional/themes/dark-tritanopia.css +5 -2
  5. package/dist/css/functional/themes/dark.css +5 -2
  6. package/dist/css/functional/themes/light-colorblind.css +5 -2
  7. package/dist/css/functional/themes/light-high-contrast.css +5 -2
  8. package/dist/css/functional/themes/light-tritanopia.css +5 -2
  9. package/dist/css/functional/themes/light.css +5 -2
  10. package/dist/docs/functional/themes/dark-high-contrast.json +81 -81
  11. package/dist/scss/functional/themes/dark-high-contrast.scss +77 -77
  12. package/package.json +1 -1
  13. package/tokens-next-private/css/functional/themes/dark-colorblind.css +5 -2
  14. package/tokens-next-private/css/functional/themes/dark-dimmed.css +5 -2
  15. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +159 -156
  16. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +5 -2
  17. package/tokens-next-private/css/functional/themes/dark.css +5 -2
  18. package/tokens-next-private/css/functional/themes/light-colorblind.css +5 -2
  19. package/tokens-next-private/css/functional/themes/light-high-contrast.css +5 -2
  20. package/tokens-next-private/css/functional/themes/light-tritanopia.css +5 -2
  21. package/tokens-next-private/css/functional/themes/light.css +5 -2
  22. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +81 -81
  23. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +77 -77
  24. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  25. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  26. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  27. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  28. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  29. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  30. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  31. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  32. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  33. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  34. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  35. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  36. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  37. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  38. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  39. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  40. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  41. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  42. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  43. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  44. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  45. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  46. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  47. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  48. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  49. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  50. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  51. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  52. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  53. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  54. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  55. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  56. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  57. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  58. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  59. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  60. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  61. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  62. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  63. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  64. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  65. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  66. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  67. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  68. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  69. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  70. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  71. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  72. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  73. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  74. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  75. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  76. 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_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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;