@primer/primitives 7.11.5 → 7.11.6-rc.2fe33f9

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 (214) hide show
  1. package/README.md +2 -0
  2. package/package.json +1 -2
  3. package/tokens-next-private/css/base/size/size.css +0 -5
  4. package/tokens-next-private/css/base/typography/typography.css +0 -5
  5. package/tokens-next-private/css/functional/size/border.css +5 -9
  6. package/tokens-next-private/css/functional/size/breakpoints.css +0 -5
  7. package/tokens-next-private/css/functional/size/size-coarse.css +0 -5
  8. package/tokens-next-private/css/functional/size/size-fine.css +0 -5
  9. package/tokens-next-private/css/functional/size/size.css +0 -5
  10. package/tokens-next-private/css/functional/size/viewport.css +0 -5
  11. package/tokens-next-private/css/functional/themes/dark-colorblind.css +188 -11
  12. package/tokens-next-private/css/functional/themes/dark-dimmed.css +188 -11
  13. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +190 -13
  14. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +188 -11
  15. package/tokens-next-private/css/functional/themes/dark.css +188 -11
  16. package/tokens-next-private/css/functional/themes/light-colorblind.css +188 -11
  17. package/tokens-next-private/css/functional/themes/light-high-contrast.css +198 -21
  18. package/tokens-next-private/css/functional/themes/light-tritanopia.css +188 -11
  19. package/tokens-next-private/css/functional/themes/light.css +188 -11
  20. package/tokens-next-private/css/functional/typography/typography.css +43 -43
  21. package/tokens-next-private/docs/base/size/size.json +220 -224
  22. package/tokens-next-private/docs/base/typography/typography.json +51 -57
  23. package/tokens-next-private/docs/functional/size/border.json +125 -122
  24. package/tokens-next-private/docs/functional/size/breakpoints.json +72 -74
  25. package/tokens-next-private/docs/functional/size/size-coarse.json +36 -50
  26. package/tokens-next-private/docs/functional/size/size-fine.json +36 -50
  27. package/tokens-next-private/docs/functional/size/size.json +600 -644
  28. package/tokens-next-private/docs/functional/size/viewport.json +70 -72
  29. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +5520 -4443
  30. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +5524 -4447
  31. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +5524 -4447
  32. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +5524 -4447
  33. package/tokens-next-private/docs/functional/themes/dark.json +5524 -4447
  34. package/tokens-next-private/docs/functional/themes/light-colorblind.json +5176 -4149
  35. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +5170 -4143
  36. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +5170 -4143
  37. package/tokens-next-private/docs/functional/themes/light.json +5170 -4143
  38. package/tokens-next-private/docs/functional/typography/typography.json +600 -562
  39. package/tokens-next-private/js/base/size/size.js +0 -5
  40. package/tokens-next-private/js/base/typography/typography.js +0 -5
  41. package/tokens-next-private/js/functional/size/border.js +3 -7
  42. package/tokens-next-private/js/functional/size/breakpoints.js +0 -5
  43. package/tokens-next-private/js/functional/size/size-coarse.js +0 -5
  44. package/tokens-next-private/js/functional/size/size-fine.js +0 -5
  45. package/tokens-next-private/js/functional/size/size.js +0 -5
  46. package/tokens-next-private/js/functional/size/viewport.js +0 -5
  47. package/tokens-next-private/js/functional/themes/dark-colorblind.js +116 -8
  48. package/tokens-next-private/js/functional/themes/dark-dimmed.js +116 -8
  49. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +117 -9
  50. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +116 -8
  51. package/tokens-next-private/js/functional/themes/dark.js +116 -8
  52. package/tokens-next-private/js/functional/themes/light-colorblind.js +114 -8
  53. package/tokens-next-private/js/functional/themes/light-high-contrast.js +119 -13
  54. package/tokens-next-private/js/functional/themes/light-tritanopia.js +114 -8
  55. package/tokens-next-private/js/functional/themes/light.js +114 -8
  56. package/tokens-next-private/js/functional/typography/typography.js +10 -8
  57. package/tokens-next-private/json/functional/size/border.json +3 -2
  58. package/tokens-next-private/json/functional/themes/dark-colorblind.json +117 -4
  59. package/tokens-next-private/json/functional/themes/dark-dimmed.json +117 -4
  60. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +118 -5
  61. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +117 -4
  62. package/tokens-next-private/json/functional/themes/dark.json +117 -4
  63. package/tokens-next-private/json/functional/themes/light-colorblind.json +115 -4
  64. package/tokens-next-private/json/functional/themes/light-high-contrast.json +120 -9
  65. package/tokens-next-private/json/functional/themes/light-tritanopia.json +115 -4
  66. package/tokens-next-private/json/functional/themes/light.json +115 -4
  67. package/tokens-next-private/json/functional/typography/typography.json +13 -6
  68. package/tokens-next-private/scss/base/size/size.scss +0 -5
  69. package/tokens-next-private/scss/base/typography/typography.scss +0 -5
  70. package/tokens-next-private/scss/functional/size/border.scss +5 -9
  71. package/tokens-next-private/scss/functional/size/breakpoints.scss +0 -5
  72. package/tokens-next-private/scss/functional/size/size-coarse.scss +0 -5
  73. package/tokens-next-private/scss/functional/size/size-fine.scss +0 -5
  74. package/tokens-next-private/scss/functional/size/size.scss +0 -5
  75. package/tokens-next-private/scss/functional/size/viewport.scss +0 -5
  76. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +94 -8
  77. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +94 -8
  78. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +95 -9
  79. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +94 -8
  80. package/tokens-next-private/scss/functional/themes/dark.scss +94 -8
  81. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +94 -8
  82. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +99 -13
  83. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +94 -8
  84. package/tokens-next-private/scss/functional/themes/light.scss +94 -8
  85. package/tokens-next-private/scss/functional/typography/typography.scss +8 -8
  86. package/tokens-next-private/ts/base/size/size.ts +0 -5
  87. package/tokens-next-private/ts/base/typography/typography.ts +0 -5
  88. package/tokens-next-private/ts/functional/size/border.ts +3 -7
  89. package/tokens-next-private/ts/functional/size/breakpoints.ts +0 -5
  90. package/tokens-next-private/ts/functional/size/size-coarse.ts +0 -5
  91. package/tokens-next-private/ts/functional/size/size-fine.ts +0 -5
  92. package/tokens-next-private/ts/functional/size/size.ts +0 -5
  93. package/tokens-next-private/ts/functional/size/viewport.ts +0 -5
  94. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +116 -8
  95. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +116 -8
  96. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +117 -9
  97. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +116 -8
  98. package/tokens-next-private/ts/functional/themes/dark.ts +116 -8
  99. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +114 -8
  100. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +119 -13
  101. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +114 -8
  102. package/tokens-next-private/ts/functional/themes/light.ts +114 -8
  103. package/tokens-next-private/ts/functional/typography/typography.ts +10 -8
  104. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +113 -111
  105. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +3 -2
  106. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +1 -3
  107. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +15 -3
  108. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  109. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  110. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  111. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  112. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  113. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  114. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  115. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  116. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  117. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  118. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  119. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  120. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  121. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  122. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  123. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  124. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  125. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  126. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  127. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  128. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  129. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  130. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  131. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  132. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  133. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  134. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  135. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  136. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  137. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  138. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  139. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  140. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  141. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  142. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  143. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  144. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  145. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  146. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  147. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  148. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  149. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  150. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  151. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  152. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  153. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  154. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  155. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  156. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  157. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  158. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  159. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  160. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  161. package/tokens-next-private/css/base/color/dark-colorblind.css +0 -198
  162. package/tokens-next-private/css/base/color/dark-dimmed.css +0 -198
  163. package/tokens-next-private/css/base/color/dark-high-contrast.css +0 -198
  164. package/tokens-next-private/css/base/color/dark-tritanopia.css +0 -198
  165. package/tokens-next-private/css/base/color/dark.css +0 -198
  166. package/tokens-next-private/css/base/color/light-colorblind.css +0 -198
  167. package/tokens-next-private/css/base/color/light-high-contrast.css +0 -198
  168. package/tokens-next-private/css/base/color/light-tritanopia.css +0 -198
  169. package/tokens-next-private/css/base/color/light.css +0 -198
  170. package/tokens-next-private/docs/base/color/dark-colorblind.json +0 -1419
  171. package/tokens-next-private/docs/base/color/dark-dimmed.json +0 -1419
  172. package/tokens-next-private/docs/base/color/dark-high-contrast.json +0 -1419
  173. package/tokens-next-private/docs/base/color/dark-tritanopia.json +0 -1419
  174. package/tokens-next-private/docs/base/color/dark.json +0 -1419
  175. package/tokens-next-private/docs/base/color/light-colorblind.json +0 -1419
  176. package/tokens-next-private/docs/base/color/light-high-contrast.json +0 -1419
  177. package/tokens-next-private/docs/base/color/light-tritanopia.json +0 -1419
  178. package/tokens-next-private/docs/base/color/light.json +0 -1419
  179. package/tokens-next-private/js/base/color/dark-colorblind.js +0 -122
  180. package/tokens-next-private/js/base/color/dark-dimmed.js +0 -122
  181. package/tokens-next-private/js/base/color/dark-high-contrast.js +0 -122
  182. package/tokens-next-private/js/base/color/dark-tritanopia.js +0 -122
  183. package/tokens-next-private/js/base/color/dark.js +0 -122
  184. package/tokens-next-private/js/base/color/light-colorblind.js +0 -122
  185. package/tokens-next-private/js/base/color/light-high-contrast.js +0 -122
  186. package/tokens-next-private/js/base/color/light-tritanopia.js +0 -122
  187. package/tokens-next-private/js/base/color/light.js +0 -122
  188. package/tokens-next-private/json/base/color/dark-colorblind.json +0 -117
  189. package/tokens-next-private/json/base/color/dark-dimmed.json +0 -117
  190. package/tokens-next-private/json/base/color/dark-high-contrast.json +0 -117
  191. package/tokens-next-private/json/base/color/dark-tritanopia.json +0 -117
  192. package/tokens-next-private/json/base/color/dark.json +0 -117
  193. package/tokens-next-private/json/base/color/light-colorblind.json +0 -117
  194. package/tokens-next-private/json/base/color/light-high-contrast.json +0 -117
  195. package/tokens-next-private/json/base/color/light-tritanopia.json +0 -117
  196. package/tokens-next-private/json/base/color/light.json +0 -117
  197. package/tokens-next-private/scss/base/color/dark-colorblind.scss +0 -102
  198. package/tokens-next-private/scss/base/color/dark-dimmed.scss +0 -102
  199. package/tokens-next-private/scss/base/color/dark-high-contrast.scss +0 -102
  200. package/tokens-next-private/scss/base/color/dark-tritanopia.scss +0 -102
  201. package/tokens-next-private/scss/base/color/dark.scss +0 -102
  202. package/tokens-next-private/scss/base/color/light-colorblind.scss +0 -102
  203. package/tokens-next-private/scss/base/color/light-high-contrast.scss +0 -102
  204. package/tokens-next-private/scss/base/color/light-tritanopia.scss +0 -102
  205. package/tokens-next-private/scss/base/color/light.scss +0 -102
  206. package/tokens-next-private/ts/base/color/dark-colorblind.ts +0 -122
  207. package/tokens-next-private/ts/base/color/dark-dimmed.ts +0 -122
  208. package/tokens-next-private/ts/base/color/dark-high-contrast.ts +0 -122
  209. package/tokens-next-private/ts/base/color/dark-tritanopia.ts +0 -122
  210. package/tokens-next-private/ts/base/color/dark.ts +0 -122
  211. package/tokens-next-private/ts/base/color/light-colorblind.ts +0 -122
  212. package/tokens-next-private/ts/base/color/light-high-contrast.ts +0 -122
  213. package/tokens-next-private/ts/base/color/light-tritanopia.ts +0 -122
  214. package/tokens-next-private/ts/base/color/light.ts +0 -122
@@ -1,82 +1,80 @@
1
1
  {
2
- "viewportRange": {
3
- "narrow": {
4
- "value": "(max-width: calc(48rem - 0.02px))",
5
- "$type": "custom-viewportRange",
6
- "filePath": "src/tokens/functional/size/viewport.json",
7
- "isSource": true,
8
- "original": {
9
- "value": "(max-width: calc({breakpoint.medium} - 0.02px))",
10
- "$type": "custom-viewportRange"
11
- },
12
- "name": "viewportRange-narrow",
13
- "attributes": {},
14
- "path": ["viewportRange", "narrow"]
2
+ "viewportRange-narrow": {
3
+ "value": "(max-width: calc(48rem - 0.02px))",
4
+ "$type": "custom-viewportRange",
5
+ "filePath": "src/tokens/functional/size/viewport.json",
6
+ "isSource": true,
7
+ "original": {
8
+ "value": "(max-width: calc({breakpoint.medium} - 0.02px))",
9
+ "$type": "custom-viewportRange"
15
10
  },
16
- "narrowLandscape": {
17
- "value": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
18
- "$type": "custom-viewportRange",
19
- "filePath": "src/tokens/functional/size/viewport.json",
20
- "isSource": true,
21
- "original": {
22
- "value": "(max-width: calc({breakpoint.large} - 0.02px) and (max-height: calc({breakpoint.small} - 0.02px)) and (orientation: landscape))",
23
- "$type": "custom-viewportRange"
24
- },
25
- "name": "viewportRange-narrowLandscape",
26
- "attributes": {},
27
- "path": ["viewportRange", "narrowLandscape"]
11
+ "name": "viewportRange-narrow",
12
+ "attributes": {},
13
+ "path": ["viewportRange", "narrow"]
14
+ },
15
+ "viewportRange-narrowLandscape": {
16
+ "value": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
17
+ "$type": "custom-viewportRange",
18
+ "filePath": "src/tokens/functional/size/viewport.json",
19
+ "isSource": true,
20
+ "original": {
21
+ "value": "(max-width: calc({breakpoint.large} - 0.02px) and (max-height: calc({breakpoint.small} - 0.02px)) and (orientation: landscape))",
22
+ "$type": "custom-viewportRange"
28
23
  },
29
- "regular": {
30
- "value": "(min-width: 48rem)",
31
- "$type": "custom-viewportRange",
32
- "filePath": "src/tokens/functional/size/viewport.json",
33
- "isSource": true,
34
- "original": {
35
- "value": "(min-width: {breakpoint.medium})",
36
- "$type": "custom-viewportRange"
37
- },
38
- "name": "viewportRange-regular",
39
- "attributes": {},
40
- "path": ["viewportRange", "regular"]
24
+ "name": "viewportRange-narrowLandscape",
25
+ "attributes": {},
26
+ "path": ["viewportRange", "narrowLandscape"]
27
+ },
28
+ "viewportRange-regular": {
29
+ "value": "(min-width: 48rem)",
30
+ "$type": "custom-viewportRange",
31
+ "filePath": "src/tokens/functional/size/viewport.json",
32
+ "isSource": true,
33
+ "original": {
34
+ "value": "(min-width: {breakpoint.medium})",
35
+ "$type": "custom-viewportRange"
41
36
  },
42
- "wide": {
43
- "value": "(min-width: 90rem)",
44
- "$type": "custom-viewportRange",
45
- "filePath": "src/tokens/functional/size/viewport.json",
46
- "isSource": true,
47
- "original": {
48
- "value": "(min-width: {breakpoint.xxlarge})",
49
- "$type": "custom-viewportRange"
50
- },
51
- "name": "viewportRange-wide",
52
- "attributes": {},
53
- "path": ["viewportRange", "wide"]
37
+ "name": "viewportRange-regular",
38
+ "attributes": {},
39
+ "path": ["viewportRange", "regular"]
40
+ },
41
+ "viewportRange-wide": {
42
+ "value": "(min-width: 90rem)",
43
+ "$type": "custom-viewportRange",
44
+ "filePath": "src/tokens/functional/size/viewport.json",
45
+ "isSource": true,
46
+ "original": {
47
+ "value": "(min-width: {breakpoint.xxlarge})",
48
+ "$type": "custom-viewportRange"
54
49
  },
55
- "portrait": {
50
+ "name": "viewportRange-wide",
51
+ "attributes": {},
52
+ "path": ["viewportRange", "wide"]
53
+ },
54
+ "viewportRange-portrait": {
55
+ "value": "(orientation: portrait)",
56
+ "$type": "custom-viewportRange",
57
+ "filePath": "src/tokens/functional/size/viewport.json",
58
+ "isSource": true,
59
+ "original": {
56
60
  "value": "(orientation: portrait)",
57
- "$type": "custom-viewportRange",
58
- "filePath": "src/tokens/functional/size/viewport.json",
59
- "isSource": true,
60
- "original": {
61
- "value": "(orientation: portrait)",
62
- "$type": "custom-viewportRange"
63
- },
64
- "name": "viewportRange-portrait",
65
- "attributes": {},
66
- "path": ["viewportRange", "portrait"]
61
+ "$type": "custom-viewportRange"
67
62
  },
68
- "landscape": {
63
+ "name": "viewportRange-portrait",
64
+ "attributes": {},
65
+ "path": ["viewportRange", "portrait"]
66
+ },
67
+ "viewportRange-landscape": {
68
+ "value": "(orientation: landscape)",
69
+ "$type": "custom-viewportRange",
70
+ "filePath": "src/tokens/functional/size/viewport.json",
71
+ "isSource": true,
72
+ "original": {
69
73
  "value": "(orientation: landscape)",
70
- "$type": "custom-viewportRange",
71
- "filePath": "src/tokens/functional/size/viewport.json",
72
- "isSource": true,
73
- "original": {
74
- "value": "(orientation: landscape)",
75
- "$type": "custom-viewportRange"
76
- },
77
- "name": "viewportRange-landscape",
78
- "attributes": {},
79
- "path": ["viewportRange", "landscape"]
80
- }
74
+ "$type": "custom-viewportRange"
75
+ },
76
+ "name": "viewportRange-landscape",
77
+ "attributes": {},
78
+ "path": ["viewportRange", "landscape"]
81
79
  }
82
80
  }