@primer/primitives 7.15.5 → 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 (92) 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 +7 -4
  7. package/dist/css/functional/themes/light-high-contrast.css +7 -4
  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-high-contrast.json +81 -81
  11. package/dist/docs/functional/themes/light-colorblind.json +2 -2
  12. package/dist/docs/functional/themes/light-high-contrast.json +2 -2
  13. package/dist/docs/functional/themes/light-tritanopia.json +2 -2
  14. package/dist/docs/functional/themes/light.json +2 -2
  15. package/dist/scss/functional/themes/dark-high-contrast.scss +77 -77
  16. package/dist/scss/functional/themes/light-colorblind.scss +1 -1
  17. package/dist/scss/functional/themes/light-high-contrast.scss +1 -1
  18. package/dist/scss/functional/themes/light-tritanopia.scss +1 -1
  19. package/dist/scss/functional/themes/light.scss +1 -1
  20. package/package.json +1 -1
  21. package/tokens-next-private/css/functional/themes/dark-colorblind.css +5 -2
  22. package/tokens-next-private/css/functional/themes/dark-dimmed.css +5 -2
  23. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +159 -156
  24. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +5 -2
  25. package/tokens-next-private/css/functional/themes/dark.css +5 -2
  26. package/tokens-next-private/css/functional/themes/light-colorblind.css +7 -4
  27. package/tokens-next-private/css/functional/themes/light-high-contrast.css +7 -4
  28. package/tokens-next-private/css/functional/themes/light-tritanopia.css +7 -4
  29. package/tokens-next-private/css/functional/themes/light.css +7 -4
  30. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +81 -81
  31. package/tokens-next-private/docs/functional/themes/light-colorblind.json +2 -2
  32. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +2 -2
  33. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +2 -2
  34. package/tokens-next-private/docs/functional/themes/light.json +2 -2
  35. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +77 -77
  36. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
  37. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -1
  38. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
  39. package/tokens-next-private/scss/functional/themes/light.scss +1 -1
  40. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  41. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  42. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  43. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  44. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  45. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  46. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  47. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  48. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  49. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  50. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  51. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  52. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  53. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  54. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  55. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  56. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  57. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  58. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  59. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  60. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  61. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  62. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  63. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  64. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  65. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  66. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  67. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  68. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  69. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  70. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  71. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  72. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  73. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  74. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  75. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  76. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  77. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  78. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  85. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  87. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  89. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  90. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  92. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/tokens-next-private/css/functional/themes/dark-tritanopia.css CHANGED
@@ -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;
package/tokens-next-private/css/functional/themes/dark.css CHANGED
@@ -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;
package/tokens-next-private/css/functional/themes/light-colorblind.css CHANGED
@@ -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;
@@ -409,7 +411,7 @@
409
411
  --color-scale-coral-7: #801f0f;
410
412
  --color-scale-coral-8: #691105;
411
413
  --color-scale-coral-9: #510901;
412
- --shadow-inset: inset 0px 1px 0px 0px #1f232814;
414
+ --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
413
415
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
414
416
  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
415
417
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
@@ -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;
@@ -829,7 +832,7 @@
829
832
  --color-scale-coral-7: #801f0f;
830
833
  --color-scale-coral-8: #691105;
831
834
  --color-scale-coral-9: #510901;
832
- --shadow-inset: inset 0px 1px 0px 0px #1f232814;
835
+ --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
833
836
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
834
837
  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
835
838
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
package/tokens-next-private/css/functional/themes/light-high-contrast.css CHANGED
@@ -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;
@@ -409,7 +411,7 @@
409
411
  --color-scale-coral-7: #6f0107;
410
412
  --color-scale-coral-8: #5b0002;
411
413
  --color-scale-coral-9: #430200;
412
- --shadow-inset: inset 0px 1px 0px 0px #01040914;
414
+ --shadow-inset: inset 0px 1px 0px 0px #0104090a;
413
415
  --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
414
416
  --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
415
417
  --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
@@ -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;
@@ -829,7 +832,7 @@
829
832
  --color-scale-coral-7: #6f0107;
830
833
  --color-scale-coral-8: #5b0002;
831
834
  --color-scale-coral-9: #430200;
832
- --shadow-inset: inset 0px 1px 0px 0px #01040914;
835
+ --shadow-inset: inset 0px 1px 0px 0px #0104090a;
833
836
  --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
834
837
  --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
835
838
  --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
package/tokens-next-private/css/functional/themes/light-tritanopia.css CHANGED
@@ -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;
@@ -409,7 +411,7 @@
409
411
  --color-scale-coral-7: #801f0f;
410
412
  --color-scale-coral-8: #691105;
411
413
  --color-scale-coral-9: #510901;
412
- --shadow-inset: inset 0px 1px 0px 0px #1f232814;
414
+ --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
413
415
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
414
416
  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
415
417
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
@@ -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;
@@ -829,7 +832,7 @@
829
832
  --color-scale-coral-7: #801f0f;
830
833
  --color-scale-coral-8: #691105;
831
834
  --color-scale-coral-9: #510901;
832
- --shadow-inset: inset 0px 1px 0px 0px #1f232814;
835
+ --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
833
836
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
834
837
  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
835
838
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
package/tokens-next-private/css/functional/themes/light.css CHANGED
@@ -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;
@@ -409,7 +411,7 @@
409
411
  --color-scale-coral-7: #801f0f;
410
412
  --color-scale-coral-8: #691105;
411
413
  --color-scale-coral-9: #510901;
412
- --shadow-inset: inset 0px 1px 0px 0px #1f232814;
414
+ --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
413
415
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
414
416
  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
415
417
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
@@ -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;
@@ -829,7 +832,7 @@
829
832
  --color-scale-coral-7: #801f0f;
830
833
  --color-scale-coral-8: #691105;
831
834
  --color-scale-coral-9: #510901;
832
- --shadow-inset: inset 0px 1px 0px 0px #1f232814;
835
+ --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
833
836
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
834
837
  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
835
838
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;