@primer/primitives 7.11.13 → 7.11.14-rc.14f9da3

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 (191) hide show
  1. package/dist/js/colors/dark.d.ts +1 -0
  2. package/dist/js/colors/dark.js +2 -1
  3. package/dist/js/colors/dark_colorblind.d.ts +1 -0
  4. package/dist/js/colors/dark_colorblind.js +2 -1
  5. package/dist/js/colors/dark_dimmed.d.ts +1 -0
  6. package/dist/js/colors/dark_dimmed.js +2 -1
  7. package/dist/js/colors/dark_high_contrast.d.ts +1 -0
  8. package/dist/js/colors/dark_high_contrast.js +2 -1
  9. package/dist/js/colors/dark_tritanopia.d.ts +1 -0
  10. package/dist/js/colors/dark_tritanopia.js +2 -1
  11. package/dist/js/colors/index.d.ts +9 -0
  12. package/dist/js/colors/light.d.ts +1 -0
  13. package/dist/js/colors/light.js +3 -2
  14. package/dist/js/colors/light_colorblind.d.ts +1 -0
  15. package/dist/js/colors/light_colorblind.js +3 -2
  16. package/dist/js/colors/light_high_contrast.d.ts +1 -0
  17. package/dist/js/colors/light_high_contrast.js +3 -2
  18. package/dist/js/colors/light_tritanopia.d.ts +1 -0
  19. package/dist/js/colors/light_tritanopia.js +3 -2
  20. package/dist/js/index.d.ts +9 -0
  21. package/dist/json/colors/dark.json +2 -1
  22. package/dist/json/colors/dark_colorblind.json +2 -1
  23. package/dist/json/colors/dark_dimmed.json +2 -1
  24. package/dist/json/colors/dark_high_contrast.json +2 -1
  25. package/dist/json/colors/dark_tritanopia.json +2 -1
  26. package/dist/json/colors/light.json +3 -2
  27. package/dist/json/colors/light_colorblind.json +3 -2
  28. package/dist/json/colors/light_high_contrast.json +3 -2
  29. package/dist/json/colors/light_tritanopia.json +3 -2
  30. package/dist/scss/colors/_dark.scss +1 -0
  31. package/dist/scss/colors/_dark_colorblind.scss +1 -0
  32. package/dist/scss/colors/_dark_dimmed.scss +1 -0
  33. package/dist/scss/colors/_dark_high_contrast.scss +1 -0
  34. package/dist/scss/colors/_dark_tritanopia.scss +1 -0
  35. package/dist/scss/colors/_light.scss +2 -1
  36. package/dist/scss/colors/_light_colorblind.scss +2 -1
  37. package/dist/scss/colors/_light_high_contrast.scss +2 -1
  38. package/dist/scss/colors/_light_tritanopia.scss +2 -1
  39. package/dist/ts/colors/dark.ts +2 -1
  40. package/dist/ts/colors/dark_colorblind.ts +2 -1
  41. package/dist/ts/colors/dark_dimmed.ts +2 -1
  42. package/dist/ts/colors/dark_high_contrast.ts +2 -1
  43. package/dist/ts/colors/dark_tritanopia.ts +2 -1
  44. package/dist/ts/colors/light.ts +3 -2
  45. package/dist/ts/colors/light_colorblind.ts +3 -2
  46. package/dist/ts/colors/light_high_contrast.ts +3 -2
  47. package/dist/ts/colors/light_tritanopia.ts +3 -2
  48. package/package.json +13 -13
  49. package/tokens-next-private/css/functional/size/border.css +1 -1
  50. package/tokens-next-private/css/functional/themes/dark-colorblind.css +2 -2
  51. package/tokens-next-private/css/functional/themes/dark-dimmed.css +2 -2
  52. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +2 -2
  53. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +2 -2
  54. package/tokens-next-private/css/functional/themes/dark.css +2 -2
  55. package/tokens-next-private/css/functional/themes/light-colorblind.css +18 -18
  56. package/tokens-next-private/css/functional/themes/light-high-contrast.css +14 -14
  57. package/tokens-next-private/css/functional/themes/light-tritanopia.css +18 -18
  58. package/tokens-next-private/css/functional/themes/light.css +18 -18
  59. package/tokens-next-private/docs/functional/size/border.json +2 -2
  60. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +10 -10
  61. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +10 -10
  62. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +8 -8
  63. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +10 -10
  64. package/tokens-next-private/docs/functional/themes/dark.json +10 -10
  65. package/tokens-next-private/docs/functional/themes/light-colorblind.json +15 -15
  66. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +12 -12
  67. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +15 -15
  68. package/tokens-next-private/docs/functional/themes/light.json +15 -15
  69. package/tokens-next-private/fallbacks/color-fallbacks.json +9 -7
  70. package/tokens-next-private/fallbacks/functional/size/border.json +1 -1
  71. package/tokens-next-private/scss/functional/size/border.scss +1 -1
  72. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +1 -1
  73. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +1 -1
  74. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +1 -1
  75. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +1 -1
  76. package/tokens-next-private/scss/functional/themes/dark.scss +1 -1
  77. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +9 -9
  78. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +7 -7
  79. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +9 -9
  80. package/tokens-next-private/scss/functional/themes/light.scss +9 -9
  81. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  82. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  83. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  84. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  85. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  86. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  87. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  88. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  89. package/tokens-v2-private/js/module/tokens/base/size/size.js +2 -2
  90. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +2 -2
  91. package/tokens-v2-private/js/module/tokens/functional/size/border.js +2 -2
  92. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +2 -2
  93. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +2 -2
  94. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +2 -2
  95. package/tokens-v2-private/js/module/tokens/functional/size/size.js +2 -2
  96. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +2 -2
  97. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +2 -2
  98. package/tokens-v2-private/js/tokens/base/size/size.js +2 -2
  99. package/tokens-v2-private/js/tokens/base/typography/typography.js +2 -2
  100. package/tokens-v2-private/js/tokens/functional/size/border.js +2 -2
  101. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +2 -2
  102. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +2 -2
  103. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +2 -2
  104. package/tokens-v2-private/js/tokens/functional/size/size.js +2 -2
  105. package/tokens-v2-private/js/tokens/functional/size/viewport.js +2 -2
  106. package/tokens-v2-private/js/tokens/functional/typography/typography.js +2 -2
  107. package/tokens-v2-private/scss/tokens/base/size/size.scss +2 -2
  108. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +2 -2
  109. package/tokens-v2-private/scss/tokens/functional/size/border.scss +2 -2
  110. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +2 -2
  111. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +2 -2
  112. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +2 -2
  113. package/tokens-v2-private/scss/tokens/functional/size/size.scss +2 -2
  114. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +2 -2
  115. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +2 -2
  116. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  117. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  118. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  119. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  120. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  121. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  122. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  123. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  124. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  125. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  126. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  127. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  128. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  129. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  130. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  131. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  132. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  134. package/tokens-next-private/js/base/size/size.js +0 -23
  135. package/tokens-next-private/js/base/typography/typography.js +0 -12
  136. package/tokens-next-private/js/functional/size/border.js +0 -24
  137. package/tokens-next-private/js/functional/size/breakpoints.js +0 -10
  138. package/tokens-next-private/js/functional/size/size-coarse.js +0 -19
  139. package/tokens-next-private/js/functional/size/size-fine.js +0 -19
  140. package/tokens-next-private/js/functional/size/size.js +0 -93
  141. package/tokens-next-private/js/functional/size/viewport.js +0 -10
  142. package/tokens-next-private/js/functional/themes/dark-colorblind.js +0 -745
  143. package/tokens-next-private/js/functional/themes/dark-dimmed.js +0 -745
  144. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +0 -745
  145. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +0 -745
  146. package/tokens-next-private/js/functional/themes/dark.js +0 -745
  147. package/tokens-next-private/js/functional/themes/light-colorblind.js +0 -743
  148. package/tokens-next-private/js/functional/themes/light-high-contrast.js +0 -743
  149. package/tokens-next-private/js/functional/themes/light-tritanopia.js +0 -743
  150. package/tokens-next-private/js/functional/themes/light.js +0 -743
  151. package/tokens-next-private/js/functional/typography/typography.js +0 -79
  152. package/tokens-next-private/json/base/size/size.json +0 -23
  153. package/tokens-next-private/json/base/typography/typography.json +0 -12
  154. package/tokens-next-private/json/functional/size/border.json +0 -24
  155. package/tokens-next-private/json/functional/size/breakpoints.json +0 -10
  156. package/tokens-next-private/json/functional/size/size-coarse.json +0 -19
  157. package/tokens-next-private/json/functional/size/size-fine.json +0 -19
  158. package/tokens-next-private/json/functional/size/size.json +0 -93
  159. package/tokens-next-private/json/functional/size/viewport.json +0 -10
  160. package/tokens-next-private/json/functional/themes/dark-colorblind.json +0 -745
  161. package/tokens-next-private/json/functional/themes/dark-dimmed.json +0 -745
  162. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +0 -745
  163. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +0 -745
  164. package/tokens-next-private/json/functional/themes/dark.json +0 -745
  165. package/tokens-next-private/json/functional/themes/light-colorblind.json +0 -743
  166. package/tokens-next-private/json/functional/themes/light-high-contrast.json +0 -743
  167. package/tokens-next-private/json/functional/themes/light-tritanopia.json +0 -743
  168. package/tokens-next-private/json/functional/themes/light.json +0 -743
  169. package/tokens-next-private/json/functional/typography/typography.json +0 -79
  170. package/tokens-next-private/ts/base/size/size.ts +0 -23
  171. package/tokens-next-private/ts/base/typography/typography.ts +0 -12
  172. package/tokens-next-private/ts/functional/size/border.ts +0 -24
  173. package/tokens-next-private/ts/functional/size/breakpoints.ts +0 -10
  174. package/tokens-next-private/ts/functional/size/size-coarse.ts +0 -19
  175. package/tokens-next-private/ts/functional/size/size-fine.ts +0 -19
  176. package/tokens-next-private/ts/functional/size/size.ts +0 -93
  177. package/tokens-next-private/ts/functional/size/viewport.ts +0 -10
  178. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +0 -745
  179. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +0 -745
  180. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +0 -745
  181. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +0 -745
  182. package/tokens-next-private/ts/functional/themes/dark.ts +0 -745
  183. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +0 -743
  184. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +0 -743
  185. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +0 -743
  186. package/tokens-next-private/ts/functional/themes/light.ts +0 -743
  187. package/tokens-next-private/ts/functional/typography/typography.ts +0 -79
  188. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +0 -127
  189. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +0 -144
  190. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +0 -652
  191. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +0 -94
@@ -1,79 +0,0 @@
1
- exports.default = {
2
- fontStack: {
3
- system: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
4
- sansSerif: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
5
- monospace: "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
6
- },
7
- text: {
8
- display: {
9
- lineBoxHeight: "3.5rem",
10
- size: "2.5rem",
11
- lineHeight: "calc(56/40)",
12
- weight: 500,
13
- shorthand: "500 2.5rem/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
14
- },
15
- title: {
16
- size: {
17
- large: "2rem",
18
- medium: "1.25rem",
19
- small: "1rem",
20
- },
21
- lineHeight: {
22
- large: "calc(48/32)",
23
- medium: "calc(32/20)",
24
- small: "calc(24/16)",
25
- },
26
- weight: {
27
- large: 600,
28
- medium: 600,
29
- small: 600,
30
- },
31
- shorthand: {
32
- large: "600 2rem/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
33
- medium: "600 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
34
- small: "600 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
35
- },
36
- },
37
- subtitle: {
38
- size: "1.25rem",
39
- lineHeight: "calc(32/20)",
40
- weight: 400,
41
- shorthand: "400 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
42
- },
43
- body: {
44
- size: {
45
- large: "1rem",
46
- medium: "0.875rem",
47
- small: "0.75rem",
48
- },
49
- lineHeight: {
50
- large: "calc(24/16)",
51
- medium: "calc(20/14)",
52
- small: "calc(20/12)",
53
- },
54
- weight: 400,
55
- shorthand: {
56
- large: "400 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
57
- medium: "400 0.875rem/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
58
- small: "400 0.75rem/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
59
- },
60
- },
61
- caption: {
62
- size: "0.75rem",
63
- lineHeight: "calc(16/12)",
64
- weight: 400,
65
- shorthand: "400 0.75rem/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
66
- },
67
- codeBlock: {
68
- size: "0.8125rem",
69
- lineHeight: "calc(20/13)",
70
- weight: 400,
71
- shorthand: "400 0.8125rem/calc(20/13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
72
- },
73
- codeInline: {
74
- size: "0.9285em",
75
- weight: 400,
76
- shorthand: "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
77
- },
78
- },
79
- };
@@ -1,23 +0,0 @@
1
- {
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
- {
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
- {
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": "100vh"
17
- },
18
- "outline": {
19
- "focus": {
20
- "offset": "-0.125rem",
21
- "width": "0.125rem"
22
- }
23
- }
24
- }
@@ -1,10 +0,0 @@
1
- {
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
- {
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
- {
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
- {
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
- {
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
- }