@primer/primitives 7.11.14-rc.ca761aa → 7.11.14

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 (140) hide show
  1. package/package.json +2 -2
  2. package/tokens-next-private/css/functional/themes/dark-colorblind.css +38 -32
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +38 -32
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +34 -28
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +38 -32
  6. package/tokens-next-private/css/functional/themes/dark.css +38 -32
  7. package/tokens-next-private/css/functional/themes/light-colorblind.css +12 -6
  8. package/tokens-next-private/css/functional/themes/light-high-contrast.css +26 -20
  9. package/tokens-next-private/css/functional/themes/light-tritanopia.css +12 -6
  10. package/tokens-next-private/css/functional/themes/light.css +12 -6
  11. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +61 -22
  12. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +61 -22
  13. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +59 -20
  14. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +61 -22
  15. package/tokens-next-private/docs/functional/themes/dark.json +61 -22
  16. package/tokens-next-private/docs/functional/themes/light-colorblind.json +45 -6
  17. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +54 -15
  18. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +45 -6
  19. package/tokens-next-private/docs/functional/themes/light.json +45 -6
  20. package/tokens-next-private/fallbacks/color-fallbacks.json +6 -6
  21. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +19 -16
  22. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +19 -16
  23. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +17 -14
  24. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +19 -16
  25. package/tokens-next-private/scss/functional/themes/dark.scss +19 -16
  26. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +6 -3
  27. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +13 -10
  28. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +6 -3
  29. package/tokens-next-private/scss/functional/themes/light.scss +6 -3
  30. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  31. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  32. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  33. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  34. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  35. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  36. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  37. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  38. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  39. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  40. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  41. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  42. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  43. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  44. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  45. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  46. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  47. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  48. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  49. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  50. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  51. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  52. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  53. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  54. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  55. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  56. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  57. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  58. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  59. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  60. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  61. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  62. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  63. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  64. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  65. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  66. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  67. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  68. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  69. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  70. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  71. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  72. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  73. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  74. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  75. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  76. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  77. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  83. package/tokens-next-private/js/base/size/size.js +0 -23
  84. package/tokens-next-private/js/base/typography/typography.js +0 -12
  85. package/tokens-next-private/js/functional/size/border.js +0 -24
  86. package/tokens-next-private/js/functional/size/breakpoints.js +0 -10
  87. package/tokens-next-private/js/functional/size/size-coarse.js +0 -19
  88. package/tokens-next-private/js/functional/size/size-fine.js +0 -19
  89. package/tokens-next-private/js/functional/size/size.js +0 -93
  90. package/tokens-next-private/js/functional/size/viewport.js +0 -10
  91. package/tokens-next-private/js/functional/themes/dark-colorblind.js +0 -745
  92. package/tokens-next-private/js/functional/themes/dark-dimmed.js +0 -745
  93. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +0 -745
  94. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +0 -745
  95. package/tokens-next-private/js/functional/themes/dark.js +0 -745
  96. package/tokens-next-private/js/functional/themes/light-colorblind.js +0 -743
  97. package/tokens-next-private/js/functional/themes/light-high-contrast.js +0 -743
  98. package/tokens-next-private/js/functional/themes/light-tritanopia.js +0 -743
  99. package/tokens-next-private/js/functional/themes/light.js +0 -743
  100. package/tokens-next-private/js/functional/typography/typography.js +0 -79
  101. package/tokens-next-private/json/base/size/size.json +0 -23
  102. package/tokens-next-private/json/base/typography/typography.json +0 -12
  103. package/tokens-next-private/json/functional/size/border.json +0 -24
  104. package/tokens-next-private/json/functional/size/breakpoints.json +0 -10
  105. package/tokens-next-private/json/functional/size/size-coarse.json +0 -19
  106. package/tokens-next-private/json/functional/size/size-fine.json +0 -19
  107. package/tokens-next-private/json/functional/size/size.json +0 -93
  108. package/tokens-next-private/json/functional/size/viewport.json +0 -10
  109. package/tokens-next-private/json/functional/themes/dark-colorblind.json +0 -745
  110. package/tokens-next-private/json/functional/themes/dark-dimmed.json +0 -745
  111. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +0 -745
  112. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +0 -745
  113. package/tokens-next-private/json/functional/themes/dark.json +0 -745
  114. package/tokens-next-private/json/functional/themes/light-colorblind.json +0 -743
  115. package/tokens-next-private/json/functional/themes/light-high-contrast.json +0 -743
  116. package/tokens-next-private/json/functional/themes/light-tritanopia.json +0 -743
  117. package/tokens-next-private/json/functional/themes/light.json +0 -743
  118. package/tokens-next-private/json/functional/typography/typography.json +0 -79
  119. package/tokens-next-private/ts/base/size/size.ts +0 -23
  120. package/tokens-next-private/ts/base/typography/typography.ts +0 -12
  121. package/tokens-next-private/ts/functional/size/border.ts +0 -24
  122. package/tokens-next-private/ts/functional/size/breakpoints.ts +0 -10
  123. package/tokens-next-private/ts/functional/size/size-coarse.ts +0 -19
  124. package/tokens-next-private/ts/functional/size/size-fine.ts +0 -19
  125. package/tokens-next-private/ts/functional/size/size.ts +0 -93
  126. package/tokens-next-private/ts/functional/size/viewport.ts +0 -10
  127. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +0 -745
  128. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +0 -745
  129. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +0 -745
  130. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +0 -745
  131. package/tokens-next-private/ts/functional/themes/dark.ts +0 -745
  132. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +0 -743
  133. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +0 -743
  134. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +0 -743
  135. package/tokens-next-private/ts/functional/themes/light.ts +0 -743
  136. package/tokens-next-private/ts/functional/typography/typography.ts +0 -79
  137. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +0 -127
  138. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +0 -144
  139. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +0 -652
  140. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +0 -94
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ // Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
 
5
5
  $primer-viewportRange-landscape: (orientation: landscape);
6
6
  $primer-viewportRange-portrait: (orientation: portrait);
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ // Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
 
5
5
  $primer-text-codeInline-size: 0.9285em;
6
6
  $primer-text-codeBlock-lineHeight: calc(20/13);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 07 Jul 2023 11:32:44 GMT
3
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,23 +0,0 @@
1
- exports.default = {
2
- base: {
3
- size: {
4
- "4": "0.25rem",
5
- "8": "0.5rem",
6
- "12": "0.75rem",
7
- "16": "1rem",
8
- "20": "1.25rem",
9
- "24": "1.5rem",
10
- "28": "1.75rem",
11
- "32": "2rem",
12
- "36": "2.25rem",
13
- "40": "2.5rem",
14
- "44": "2.75rem",
15
- "48": "3rem",
16
- "64": "4rem",
17
- "80": "5rem",
18
- "96": "6rem",
19
- "112": "7rem",
20
- "128": "8rem",
21
- },
22
- },
23
- };
@@ -1,12 +0,0 @@
1
- exports.default = {
2
- base: {
3
- text: {
4
- weight: {
5
- light: 300,
6
- normal: 400,
7
- medium: 500,
8
- semibold: 600,
9
- },
10
- },
11
- },
12
- };
@@ -1,24 +0,0 @@
1
- exports.default = {
2
- boxShadow: {
3
- thin: "inset 0 0 0 max(1px, 0.0625rem)",
4
- thick: "inset 0 0 0 max(2px, 0.125rem)",
5
- thicker: "inset 0 0 0 max(4px, 0.25rem)",
6
- },
7
- borderWidth: {
8
- thin: "max(1px, 0.0625rem)",
9
- thick: "max(2px, 0.125rem)",
10
- thicker: "max(4px, 0.25rem)",
11
- },
12
- borderRadius: {
13
- small: "3px",
14
- medium: "6px",
15
- large: "12px",
16
- full: "9999px",
17
- },
18
- outline: {
19
- focus: {
20
- offset: "-0.125rem",
21
- width: "0.125rem",
22
- },
23
- },
24
- };
@@ -1,10 +0,0 @@
1
- exports.default = {
2
- breakpoint: {
3
- xsmall: "20rem",
4
- small: "34rem",
5
- medium: "48rem",
6
- large: "63.25rem",
7
- xlarge: "80rem",
8
- xxlarge: "90rem",
9
- },
10
- };
@@ -1,19 +0,0 @@
1
- exports.default = {
2
- control: {
3
- minTarget: {
4
- auto: "2.75rem",
5
- },
6
- },
7
- controlStack: {
8
- small: {
9
- gap: {
10
- auto: "1rem",
11
- },
12
- },
13
- medium: {
14
- gap: {
15
- auto: "0.75rem",
16
- },
17
- },
18
- },
19
- };
@@ -1,19 +0,0 @@
1
- exports.default = {
2
- control: {
3
- minTarget: {
4
- auto: "1rem",
5
- },
6
- },
7
- controlStack: {
8
- small: {
9
- gap: {
10
- auto: "0.5rem",
11
- },
12
- },
13
- medium: {
14
- gap: {
15
- auto: "0.5rem",
16
- },
17
- },
18
- },
19
- };
@@ -1,93 +0,0 @@
1
- exports.default = {
2
- control: {
3
- minTarget: {
4
- fine: "1rem",
5
- coarse: "2.75rem",
6
- },
7
- xsmall: {
8
- size: "1.5rem",
9
- lineBoxHeight: "1.25rem",
10
- paddingBlock: "calc((1.5rem - 1.25rem) / 2)",
11
- paddingInline: {
12
- condensed: "0.25rem",
13
- normal: "0.5rem",
14
- spacious: "0.75rem",
15
- },
16
- gap: "0.25rem",
17
- },
18
- small: {
19
- size: "1.75rem",
20
- lineBoxHeight: "1.25rem",
21
- paddingBlock: "calc((1.75rem - 1.25rem) / 2)",
22
- paddingInline: {
23
- condensed: "0.5rem",
24
- normal: "0.75rem",
25
- },
26
- gap: "0.25rem",
27
- },
28
- medium: {
29
- size: "2rem",
30
- lineBoxHeight: "1.25rem",
31
- paddingBlock: "calc((2rem - 1.25rem) / 2)",
32
- paddingInline: {
33
- condensed: "0.5rem",
34
- normal: "0.75rem",
35
- spacious: "1rem",
36
- },
37
- gap: "0.5rem",
38
- },
39
- large: {
40
- size: "2.5rem",
41
- lineBoxHeight: "1.25rem",
42
- paddingBlock: "calc((2.5rem - 1.25rem) / 2)",
43
- paddingInline: {
44
- normal: "0.75rem",
45
- spacious: "1rem",
46
- },
47
- gap: "0.5rem",
48
- },
49
- xlarge: {
50
- size: "3rem",
51
- lineBoxHeight: "1.25rem",
52
- paddingBlock: "calc((3rem - 1.25rem) / 2)",
53
- paddingInline: {
54
- normal: "0.75rem",
55
- spacious: "1rem",
56
- },
57
- gap: "0.5rem",
58
- },
59
- },
60
- controlStack: {
61
- small: {
62
- gap: {
63
- condensed: "0.5rem",
64
- spacious: "1rem",
65
- },
66
- },
67
- medium: {
68
- gap: {
69
- condensed: "0.5rem",
70
- spacious: "0.75rem",
71
- },
72
- },
73
- large: {
74
- gap: {
75
- auto: "0.5rem",
76
- condensed: "0.5rem",
77
- spacious: "0.75rem",
78
- },
79
- },
80
- },
81
- stack: {
82
- padding: {
83
- condensed: "0.5rem",
84
- normal: "1rem",
85
- spacious: "1.5rem",
86
- },
87
- gap: {
88
- condensed: "0.5rem",
89
- normal: "1rem",
90
- spacious: "1.5rem",
91
- },
92
- },
93
- };
@@ -1,10 +0,0 @@
1
- exports.default = {
2
- viewportRange: {
3
- narrow: "(max-width: calc(48rem - 0.02px))",
4
- narrowLandscape: "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
5
- regular: "(min-width: 48rem)",
6
- wide: "(min-width: 90rem)",
7
- portrait: "(orientation: portrait)",
8
- landscape: "(orientation: landscape)",
9
- },
10
- };