@primer/primitives 7.11.2-rc.fd60637 → 7.11.2

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 (259) hide show
  1. package/README.md +53 -1
  2. package/dist/color-contrast-check.json +1 -1
  3. package/dist/js/colors/dark.js +40 -40
  4. package/dist/js/colors/dark_colorblind.js +40 -40
  5. package/dist/js/colors/dark_dimmed.js +40 -40
  6. package/dist/js/colors/dark_high_contrast.js +24 -24
  7. package/dist/js/colors/dark_tritanopia.js +40 -40
  8. package/dist/js/colors/light.js +44 -44
  9. package/dist/js/colors/light_colorblind.js +16 -16
  10. package/dist/js/colors/light_high_contrast.js +9 -9
  11. package/dist/js/colors/light_tritanopia.js +16 -16
  12. package/dist/json/colors/dark.json +40 -40
  13. package/dist/json/colors/dark_colorblind.json +40 -40
  14. package/dist/json/colors/dark_dimmed.json +40 -40
  15. package/dist/json/colors/dark_high_contrast.json +24 -24
  16. package/dist/json/colors/dark_tritanopia.json +40 -40
  17. package/dist/json/colors/light.json +44 -44
  18. package/dist/json/colors/light_colorblind.json +16 -16
  19. package/dist/json/colors/light_high_contrast.json +9 -9
  20. package/dist/json/colors/light_tritanopia.json +16 -16
  21. package/dist/scss/colors/_dark.scss +40 -40
  22. package/dist/scss/colors/_dark_colorblind.scss +40 -40
  23. package/dist/scss/colors/_dark_dimmed.scss +40 -40
  24. package/dist/scss/colors/_dark_high_contrast.scss +24 -24
  25. package/dist/scss/colors/_dark_tritanopia.scss +40 -40
  26. package/dist/scss/colors/_light.scss +44 -44
  27. package/dist/scss/colors/_light_colorblind.scss +16 -16
  28. package/dist/scss/colors/_light_high_contrast.scss +9 -9
  29. package/dist/scss/colors/_light_tritanopia.scss +16 -16
  30. package/dist/ts/colors/dark.ts +40 -40
  31. package/dist/ts/colors/dark_colorblind.ts +40 -40
  32. package/dist/ts/colors/dark_dimmed.ts +40 -40
  33. package/dist/ts/colors/dark_high_contrast.ts +24 -24
  34. package/dist/ts/colors/dark_tritanopia.ts +40 -40
  35. package/dist/ts/colors/light.ts +44 -44
  36. package/dist/ts/colors/light_colorblind.ts +16 -16
  37. package/dist/ts/colors/light_high_contrast.ts +9 -9
  38. package/dist/ts/colors/light_tritanopia.ts +16 -16
  39. package/package.json +15 -14
  40. package/tokens-next-private/css/base/color/dark-colorblind.css +198 -0
  41. package/tokens-next-private/css/base/color/dark-dimmed.css +198 -0
  42. package/tokens-next-private/css/base/color/dark-high-contrast.css +198 -0
  43. package/tokens-next-private/css/base/color/dark-tritanopia.css +198 -0
  44. package/tokens-next-private/css/base/color/dark.css +198 -0
  45. package/tokens-next-private/css/base/color/light-colorblind.css +198 -0
  46. package/tokens-next-private/css/base/color/light-high-contrast.css +198 -0
  47. package/tokens-next-private/css/base/color/light-tritanopia.css +198 -0
  48. package/tokens-next-private/css/base/color/light.css +198 -0
  49. package/tokens-next-private/css/base/size/size.css +24 -0
  50. package/tokens-next-private/css/base/typography/typography.css +11 -0
  51. package/tokens-next-private/css/functional/size/border.css +18 -0
  52. package/tokens-next-private/css/functional/size/breakpoints.css +13 -0
  53. package/tokens-next-private/css/functional/size/size-coarse.css +10 -0
  54. package/tokens-next-private/css/functional/size/size-fine.css +10 -0
  55. package/tokens-next-private/css/functional/size/size.css +54 -0
  56. package/tokens-next-private/css/functional/size/viewport.css +13 -0
  57. package/tokens-next-private/css/functional/themes/dark-colorblind.css +604 -0
  58. package/tokens-next-private/css/functional/themes/dark-dimmed.css +604 -0
  59. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +604 -0
  60. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +604 -0
  61. package/tokens-next-private/css/functional/themes/dark.css +604 -0
  62. package/tokens-next-private/css/functional/themes/light-colorblind.css +554 -0
  63. package/tokens-next-private/css/functional/themes/light-high-contrast.css +554 -0
  64. package/tokens-next-private/css/functional/themes/light-tritanopia.css +554 -0
  65. package/tokens-next-private/css/functional/themes/light.css +554 -0
  66. package/tokens-next-private/css/functional/typography/typography.css +47 -0
  67. package/tokens-next-private/docs/base/color/dark-colorblind.json +1419 -0
  68. package/tokens-next-private/docs/base/color/dark-dimmed.json +1419 -0
  69. package/tokens-next-private/docs/base/color/dark-high-contrast.json +1419 -0
  70. package/tokens-next-private/docs/base/color/dark-tritanopia.json +1419 -0
  71. package/tokens-next-private/docs/base/color/dark.json +1419 -0
  72. package/tokens-next-private/docs/base/color/light-colorblind.json +1419 -0
  73. package/tokens-next-private/docs/base/color/light-high-contrast.json +1419 -0
  74. package/tokens-next-private/docs/base/color/light-tritanopia.json +1419 -0
  75. package/tokens-next-private/docs/base/color/light.json +1419 -0
  76. package/tokens-next-private/docs/base/size/size.json +227 -0
  77. package/tokens-next-private/docs/base/typography/typography.json +60 -0
  78. package/tokens-next-private/docs/functional/size/border.json +135 -0
  79. package/tokens-next-private/docs/functional/size/breakpoints.json +82 -0
  80. package/tokens-next-private/docs/functional/size/size-coarse.json +55 -0
  81. package/tokens-next-private/docs/functional/size/size-fine.json +55 -0
  82. package/tokens-next-private/docs/functional/size/size.json +647 -0
  83. package/tokens-next-private/docs/functional/size/viewport.json +70 -0
  84. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4535 -0
  85. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4539 -0
  86. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +4543 -0
  87. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4539 -0
  88. package/tokens-next-private/docs/functional/themes/dark.json +4539 -0
  89. package/tokens-next-private/docs/functional/themes/light-colorblind.json +4241 -0
  90. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +4231 -0
  91. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +4231 -0
  92. package/tokens-next-private/docs/functional/themes/light.json +4231 -0
  93. package/tokens-next-private/docs/functional/typography/typography.json +581 -0
  94. package/tokens-next-private/js/base/color/dark-colorblind.js +122 -0
  95. package/tokens-next-private/js/base/color/dark-dimmed.js +122 -0
  96. package/tokens-next-private/js/base/color/dark-high-contrast.js +122 -0
  97. package/tokens-next-private/js/base/color/dark-tritanopia.js +122 -0
  98. package/tokens-next-private/js/base/color/dark.js +122 -0
  99. package/tokens-next-private/js/base/color/light-colorblind.js +122 -0
  100. package/tokens-next-private/js/base/color/light-high-contrast.js +122 -0
  101. package/tokens-next-private/js/base/color/light-tritanopia.js +122 -0
  102. package/tokens-next-private/js/base/color/light.js +122 -0
  103. package/tokens-next-private/js/base/size/size.js +28 -0
  104. package/tokens-next-private/js/base/typography/typography.js +17 -0
  105. package/tokens-next-private/js/functional/size/border.js +28 -0
  106. package/tokens-next-private/js/functional/size/breakpoints.js +15 -0
  107. package/tokens-next-private/js/functional/size/size-coarse.js +24 -0
  108. package/tokens-next-private/js/functional/size/size-fine.js +24 -0
  109. package/tokens-next-private/js/functional/size/size.js +98 -0
  110. package/tokens-next-private/js/functional/size/viewport.js +15 -0
  111. package/tokens-next-private/js/functional/themes/dark-colorblind.js +593 -0
  112. package/tokens-next-private/js/functional/themes/dark-dimmed.js +593 -0
  113. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +593 -0
  114. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +593 -0
  115. package/tokens-next-private/js/functional/themes/dark.js +593 -0
  116. package/tokens-next-private/js/functional/themes/light-colorblind.js +618 -0
  117. package/tokens-next-private/js/functional/themes/light-high-contrast.js +618 -0
  118. package/tokens-next-private/js/functional/themes/light-tritanopia.js +618 -0
  119. package/tokens-next-private/js/functional/themes/light.js +618 -0
  120. package/tokens-next-private/js/functional/typography/typography.js +77 -0
  121. package/tokens-next-private/json/base/color/dark-colorblind.json +117 -0
  122. package/tokens-next-private/json/base/color/dark-dimmed.json +117 -0
  123. package/tokens-next-private/json/base/color/dark-high-contrast.json +117 -0
  124. package/tokens-next-private/json/base/color/dark-tritanopia.json +117 -0
  125. package/tokens-next-private/json/base/color/dark.json +117 -0
  126. package/tokens-next-private/json/base/color/light-colorblind.json +117 -0
  127. package/tokens-next-private/json/base/color/light-high-contrast.json +117 -0
  128. package/tokens-next-private/json/base/color/light-tritanopia.json +117 -0
  129. package/tokens-next-private/json/base/color/light.json +117 -0
  130. package/tokens-next-private/json/base/size/size.json +23 -0
  131. package/tokens-next-private/json/base/typography/typography.json +12 -0
  132. package/tokens-next-private/json/functional/size/border.json +23 -0
  133. package/tokens-next-private/json/functional/size/breakpoints.json +10 -0
  134. package/tokens-next-private/json/functional/size/size-coarse.json +19 -0
  135. package/tokens-next-private/json/functional/size/size-fine.json +19 -0
  136. package/tokens-next-private/json/functional/size/size.json +93 -0
  137. package/tokens-next-private/json/functional/size/viewport.json +10 -0
  138. package/tokens-next-private/json/functional/themes/dark-colorblind.json +588 -0
  139. package/tokens-next-private/json/functional/themes/dark-dimmed.json +588 -0
  140. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +588 -0
  141. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +588 -0
  142. package/tokens-next-private/json/functional/themes/dark.json +588 -0
  143. package/tokens-next-private/json/functional/themes/light-colorblind.json +613 -0
  144. package/tokens-next-private/json/functional/themes/light-high-contrast.json +613 -0
  145. package/tokens-next-private/json/functional/themes/light-tritanopia.json +613 -0
  146. package/tokens-next-private/json/functional/themes/light.json +613 -0
  147. package/tokens-next-private/json/functional/typography/typography.json +72 -0
  148. package/tokens-next-private/removed/color.json +421 -0
  149. package/tokens-next-private/scss/base/color/dark-colorblind.scss +102 -0
  150. package/tokens-next-private/scss/base/color/dark-dimmed.scss +102 -0
  151. package/tokens-next-private/scss/base/color/dark-high-contrast.scss +102 -0
  152. package/tokens-next-private/scss/base/color/dark-tritanopia.scss +102 -0
  153. package/tokens-next-private/scss/base/color/dark.scss +102 -0
  154. package/tokens-next-private/scss/base/color/light-colorblind.scss +102 -0
  155. package/tokens-next-private/scss/base/color/light-high-contrast.scss +102 -0
  156. package/tokens-next-private/scss/base/color/light-tritanopia.scss +102 -0
  157. package/tokens-next-private/scss/base/color/light.scss +102 -0
  158. package/tokens-next-private/scss/base/size/size.scss +26 -0
  159. package/tokens-next-private/scss/base/typography/typography.scss +13 -0
  160. package/tokens-next-private/scss/functional/size/border.scss +20 -0
  161. package/tokens-next-private/scss/functional/size/breakpoints.scss +15 -0
  162. package/tokens-next-private/scss/functional/size/size-coarse.scss +12 -0
  163. package/tokens-next-private/scss/functional/size/size-fine.scss +12 -0
  164. package/tokens-next-private/scss/functional/size/size.scss +56 -0
  165. package/tokens-next-private/scss/functional/size/viewport.scss +24 -0
  166. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +305 -0
  167. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +305 -0
  168. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +305 -0
  169. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +305 -0
  170. package/tokens-next-private/scss/functional/themes/dark.scss +305 -0
  171. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +280 -0
  172. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +280 -0
  173. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +280 -0
  174. package/tokens-next-private/scss/functional/themes/light.scss +280 -0
  175. package/tokens-next-private/scss/functional/typography/typography.scss +49 -0
  176. package/tokens-next-private/ts/base/color/dark-colorblind.ts +122 -0
  177. package/tokens-next-private/ts/base/color/dark-dimmed.ts +122 -0
  178. package/tokens-next-private/ts/base/color/dark-high-contrast.ts +122 -0
  179. package/tokens-next-private/ts/base/color/dark-tritanopia.ts +122 -0
  180. package/tokens-next-private/ts/base/color/dark.ts +122 -0
  181. package/tokens-next-private/ts/base/color/light-colorblind.ts +122 -0
  182. package/tokens-next-private/ts/base/color/light-high-contrast.ts +122 -0
  183. package/tokens-next-private/ts/base/color/light-tritanopia.ts +122 -0
  184. package/tokens-next-private/ts/base/color/light.ts +122 -0
  185. package/tokens-next-private/ts/base/size/size.ts +28 -0
  186. package/tokens-next-private/ts/base/typography/typography.ts +17 -0
  187. package/tokens-next-private/ts/functional/size/border.ts +28 -0
  188. package/tokens-next-private/ts/functional/size/breakpoints.ts +15 -0
  189. package/tokens-next-private/ts/functional/size/size-coarse.ts +24 -0
  190. package/tokens-next-private/ts/functional/size/size-fine.ts +24 -0
  191. package/tokens-next-private/ts/functional/size/size.ts +98 -0
  192. package/tokens-next-private/ts/functional/size/viewport.ts +15 -0
  193. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +593 -0
  194. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +593 -0
  195. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +593 -0
  196. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +593 -0
  197. package/tokens-next-private/ts/functional/themes/dark.ts +593 -0
  198. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +618 -0
  199. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +618 -0
  200. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +618 -0
  201. package/tokens-next-private/ts/functional/themes/light.ts +618 -0
  202. package/tokens-next-private/ts/functional/typography/typography.ts +77 -0
  203. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +125 -0
  204. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +143 -0
  205. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +635 -0
  206. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +87 -0
  207. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  208. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  209. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  210. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  211. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  212. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  213. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  214. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  215. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  216. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  217. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  218. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  219. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  220. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  221. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  222. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  223. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  224. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  225. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  226. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  227. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  228. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  229. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  230. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  231. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  232. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  233. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  234. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  235. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  236. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  237. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  238. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  239. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  240. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  241. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  242. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  243. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  244. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  245. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  246. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  247. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  248. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  249. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  250. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  251. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  252. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  253. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  254. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  255. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  256. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  257. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  258. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  259. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -0,0 +1,647 @@
1
+ {
2
+ "control": {
3
+ "minTarget": {
4
+ "fine": {
5
+ "value": "16px",
6
+ "$type": "dimension",
7
+ "filePath": "src/tokens/functional/size/size.json",
8
+ "isSource": true,
9
+ "original": {
10
+ "value": "{base.size.16}",
11
+ "$type": "dimension"
12
+ },
13
+ "name": "control-minTarget-fine",
14
+ "attributes": {},
15
+ "path": ["control", "minTarget", "fine"]
16
+ },
17
+ "coarse": {
18
+ "value": "44px",
19
+ "$type": "dimension",
20
+ "filePath": "src/tokens/functional/size/size.json",
21
+ "isSource": true,
22
+ "original": {
23
+ "value": "{base.size.44}",
24
+ "$type": "dimension"
25
+ },
26
+ "name": "control-minTarget-coarse",
27
+ "attributes": {},
28
+ "path": ["control", "minTarget", "coarse"]
29
+ }
30
+ },
31
+ "xsmall": {
32
+ "size": {
33
+ "value": "24px",
34
+ "$type": "dimension",
35
+ "filePath": "src/tokens/functional/size/size.json",
36
+ "isSource": true,
37
+ "original": {
38
+ "value": "{base.size.24}",
39
+ "$type": "dimension"
40
+ },
41
+ "name": "control-xsmall-size",
42
+ "attributes": {},
43
+ "path": ["control", "xsmall", "size"]
44
+ },
45
+ "lineBoxHeight": {
46
+ "value": "20px",
47
+ "$type": "dimension",
48
+ "filePath": "src/tokens/functional/size/size.json",
49
+ "isSource": true,
50
+ "original": {
51
+ "value": "{base.size.20}",
52
+ "$type": "dimension"
53
+ },
54
+ "name": "control-xsmall-lineBoxHeight",
55
+ "attributes": {},
56
+ "path": ["control", "xsmall", "lineBoxHeight"]
57
+ },
58
+ "paddingBlock": {
59
+ "value": "calc((24px - 20px) / 2)",
60
+ "filePath": "src/tokens/functional/size/size.json",
61
+ "isSource": true,
62
+ "original": {
63
+ "value": "calc(({control.xsmall.size} - {control.xsmall.lineBoxHeight}) / 2)"
64
+ },
65
+ "name": "control-xsmall-paddingBlock",
66
+ "attributes": {},
67
+ "path": ["control", "xsmall", "paddingBlock"]
68
+ },
69
+ "paddingInline": {
70
+ "condensed": {
71
+ "value": "4px",
72
+ "$type": "dimension",
73
+ "filePath": "src/tokens/functional/size/size.json",
74
+ "isSource": true,
75
+ "original": {
76
+ "value": "{base.size.4}",
77
+ "$type": "dimension"
78
+ },
79
+ "name": "control-xsmall-paddingInline-condensed",
80
+ "attributes": {},
81
+ "path": ["control", "xsmall", "paddingInline", "condensed"]
82
+ },
83
+ "normal": {
84
+ "value": "8px",
85
+ "$type": "dimension",
86
+ "filePath": "src/tokens/functional/size/size.json",
87
+ "isSource": true,
88
+ "original": {
89
+ "value": "{base.size.8}",
90
+ "$type": "dimension"
91
+ },
92
+ "name": "control-xsmall-paddingInline-normal",
93
+ "attributes": {},
94
+ "path": ["control", "xsmall", "paddingInline", "normal"]
95
+ },
96
+ "spacious": {
97
+ "value": "12px",
98
+ "$type": "dimension",
99
+ "filePath": "src/tokens/functional/size/size.json",
100
+ "isSource": true,
101
+ "original": {
102
+ "value": "{base.size.12}",
103
+ "$type": "dimension"
104
+ },
105
+ "name": "control-xsmall-paddingInline-spacious",
106
+ "attributes": {},
107
+ "path": ["control", "xsmall", "paddingInline", "spacious"]
108
+ }
109
+ },
110
+ "gap": {
111
+ "value": "4px",
112
+ "$type": "dimension",
113
+ "filePath": "src/tokens/functional/size/size.json",
114
+ "isSource": true,
115
+ "original": {
116
+ "value": "{base.size.4}",
117
+ "$type": "dimension"
118
+ },
119
+ "name": "control-xsmall-gap",
120
+ "attributes": {},
121
+ "path": ["control", "xsmall", "gap"]
122
+ }
123
+ },
124
+ "small": {
125
+ "size": {
126
+ "value": "28px",
127
+ "$type": "dimension",
128
+ "filePath": "src/tokens/functional/size/size.json",
129
+ "isSource": true,
130
+ "original": {
131
+ "value": "{base.size.28}",
132
+ "$type": "dimension"
133
+ },
134
+ "name": "control-small-size",
135
+ "attributes": {},
136
+ "path": ["control", "small", "size"]
137
+ },
138
+ "lineBoxHeight": {
139
+ "value": "20px",
140
+ "$type": "dimension",
141
+ "filePath": "src/tokens/functional/size/size.json",
142
+ "isSource": true,
143
+ "original": {
144
+ "value": "{base.size.20}",
145
+ "$type": "dimension"
146
+ },
147
+ "name": "control-small-lineBoxHeight",
148
+ "attributes": {},
149
+ "path": ["control", "small", "lineBoxHeight"]
150
+ },
151
+ "paddingBlock": {
152
+ "value": "calc((28px - 20px) / 2)",
153
+ "filePath": "src/tokens/functional/size/size.json",
154
+ "isSource": true,
155
+ "original": {
156
+ "value": "calc(({control.small.size} - {control.small.lineBoxHeight}) / 2)"
157
+ },
158
+ "name": "control-small-paddingBlock",
159
+ "attributes": {},
160
+ "path": ["control", "small", "paddingBlock"]
161
+ },
162
+ "paddingInline": {
163
+ "condensed": {
164
+ "value": "8px",
165
+ "$type": "dimension",
166
+ "filePath": "src/tokens/functional/size/size.json",
167
+ "isSource": true,
168
+ "original": {
169
+ "value": "{base.size.8}",
170
+ "$type": "dimension"
171
+ },
172
+ "name": "control-small-paddingInline-condensed",
173
+ "attributes": {},
174
+ "path": ["control", "small", "paddingInline", "condensed"]
175
+ },
176
+ "normal": {
177
+ "value": "12px",
178
+ "$type": "dimension",
179
+ "filePath": "src/tokens/functional/size/size.json",
180
+ "isSource": true,
181
+ "original": {
182
+ "value": "{base.size.12}",
183
+ "$type": "dimension"
184
+ },
185
+ "name": "control-small-paddingInline-normal",
186
+ "attributes": {},
187
+ "path": ["control", "small", "paddingInline", "normal"]
188
+ }
189
+ },
190
+ "gap": {
191
+ "value": "4px",
192
+ "$type": "dimension",
193
+ "filePath": "src/tokens/functional/size/size.json",
194
+ "isSource": true,
195
+ "original": {
196
+ "value": "{base.size.4}",
197
+ "$type": "dimension"
198
+ },
199
+ "name": "control-small-gap",
200
+ "attributes": {},
201
+ "path": ["control", "small", "gap"]
202
+ }
203
+ },
204
+ "medium": {
205
+ "size": {
206
+ "value": "32px",
207
+ "$type": "dimension",
208
+ "filePath": "src/tokens/functional/size/size.json",
209
+ "isSource": true,
210
+ "original": {
211
+ "value": "{base.size.32}",
212
+ "$type": "dimension"
213
+ },
214
+ "name": "control-medium-size",
215
+ "attributes": {},
216
+ "path": ["control", "medium", "size"]
217
+ },
218
+ "lineBoxHeight": {
219
+ "value": "20px",
220
+ "$type": "dimension",
221
+ "filePath": "src/tokens/functional/size/size.json",
222
+ "isSource": true,
223
+ "original": {
224
+ "value": "{base.size.20}",
225
+ "$type": "dimension"
226
+ },
227
+ "name": "control-medium-lineBoxHeight",
228
+ "attributes": {},
229
+ "path": ["control", "medium", "lineBoxHeight"]
230
+ },
231
+ "paddingBlock": {
232
+ "value": "calc((32px - 20px) / 2)",
233
+ "filePath": "src/tokens/functional/size/size.json",
234
+ "isSource": true,
235
+ "original": {
236
+ "value": "calc(({control.medium.size} - {control.medium.lineBoxHeight}) / 2)"
237
+ },
238
+ "name": "control-medium-paddingBlock",
239
+ "attributes": {},
240
+ "path": ["control", "medium", "paddingBlock"]
241
+ },
242
+ "paddingInline": {
243
+ "condensed": {
244
+ "value": "8px",
245
+ "$type": "dimension",
246
+ "filePath": "src/tokens/functional/size/size.json",
247
+ "isSource": true,
248
+ "original": {
249
+ "value": "{base.size.8}",
250
+ "$type": "dimension"
251
+ },
252
+ "name": "control-medium-paddingInline-condensed",
253
+ "attributes": {},
254
+ "path": ["control", "medium", "paddingInline", "condensed"]
255
+ },
256
+ "normal": {
257
+ "value": "12px",
258
+ "$type": "dimension",
259
+ "filePath": "src/tokens/functional/size/size.json",
260
+ "isSource": true,
261
+ "original": {
262
+ "value": "{base.size.12}",
263
+ "$type": "dimension"
264
+ },
265
+ "name": "control-medium-paddingInline-normal",
266
+ "attributes": {},
267
+ "path": ["control", "medium", "paddingInline", "normal"]
268
+ },
269
+ "spacious": {
270
+ "value": "16px",
271
+ "$type": "dimension",
272
+ "filePath": "src/tokens/functional/size/size.json",
273
+ "isSource": true,
274
+ "original": {
275
+ "value": "{base.size.16}",
276
+ "$type": "dimension"
277
+ },
278
+ "name": "control-medium-paddingInline-spacious",
279
+ "attributes": {},
280
+ "path": ["control", "medium", "paddingInline", "spacious"]
281
+ }
282
+ },
283
+ "gap": {
284
+ "value": "8px",
285
+ "$type": "dimension",
286
+ "filePath": "src/tokens/functional/size/size.json",
287
+ "isSource": true,
288
+ "original": {
289
+ "value": "{base.size.8}",
290
+ "$type": "dimension"
291
+ },
292
+ "name": "control-medium-gap",
293
+ "attributes": {},
294
+ "path": ["control", "medium", "gap"]
295
+ }
296
+ },
297
+ "large": {
298
+ "size": {
299
+ "value": "40px",
300
+ "$type": "dimension",
301
+ "filePath": "src/tokens/functional/size/size.json",
302
+ "isSource": true,
303
+ "original": {
304
+ "value": "{base.size.40}",
305
+ "$type": "dimension"
306
+ },
307
+ "name": "control-large-size",
308
+ "attributes": {},
309
+ "path": ["control", "large", "size"]
310
+ },
311
+ "lineBoxHeight": {
312
+ "value": "20px",
313
+ "$type": "dimension",
314
+ "filePath": "src/tokens/functional/size/size.json",
315
+ "isSource": true,
316
+ "original": {
317
+ "value": "{base.size.20}",
318
+ "$type": "dimension"
319
+ },
320
+ "name": "control-large-lineBoxHeight",
321
+ "attributes": {},
322
+ "path": ["control", "large", "lineBoxHeight"]
323
+ },
324
+ "paddingBlock": {
325
+ "value": "calc((40px - 20px) / 2)",
326
+ "filePath": "src/tokens/functional/size/size.json",
327
+ "isSource": true,
328
+ "original": {
329
+ "value": "calc(({control.large.size} - {control.large.lineBoxHeight}) / 2)"
330
+ },
331
+ "name": "control-large-paddingBlock",
332
+ "attributes": {},
333
+ "path": ["control", "large", "paddingBlock"]
334
+ },
335
+ "paddingInline": {
336
+ "normal": {
337
+ "value": "12px",
338
+ "$type": "dimension",
339
+ "filePath": "src/tokens/functional/size/size.json",
340
+ "isSource": true,
341
+ "original": {
342
+ "value": "{base.size.12}",
343
+ "$type": "dimension"
344
+ },
345
+ "name": "control-large-paddingInline-normal",
346
+ "attributes": {},
347
+ "path": ["control", "large", "paddingInline", "normal"]
348
+ },
349
+ "spacious": {
350
+ "value": "16px",
351
+ "$type": "dimension",
352
+ "filePath": "src/tokens/functional/size/size.json",
353
+ "isSource": true,
354
+ "original": {
355
+ "value": "{base.size.16}",
356
+ "$type": "dimension"
357
+ },
358
+ "name": "control-large-paddingInline-spacious",
359
+ "attributes": {},
360
+ "path": ["control", "large", "paddingInline", "spacious"]
361
+ }
362
+ },
363
+ "gap": {
364
+ "value": "8px",
365
+ "$type": "dimension",
366
+ "filePath": "src/tokens/functional/size/size.json",
367
+ "isSource": true,
368
+ "original": {
369
+ "value": "{base.size.8}",
370
+ "$type": "dimension"
371
+ },
372
+ "name": "control-large-gap",
373
+ "attributes": {},
374
+ "path": ["control", "large", "gap"]
375
+ }
376
+ },
377
+ "xlarge": {
378
+ "size": {
379
+ "value": "48px",
380
+ "$type": "dimension",
381
+ "filePath": "src/tokens/functional/size/size.json",
382
+ "isSource": true,
383
+ "original": {
384
+ "value": "{base.size.48}",
385
+ "$type": "dimension"
386
+ },
387
+ "name": "control-xlarge-size",
388
+ "attributes": {},
389
+ "path": ["control", "xlarge", "size"]
390
+ },
391
+ "lineBoxHeight": {
392
+ "value": "20px",
393
+ "$type": "dimension",
394
+ "filePath": "src/tokens/functional/size/size.json",
395
+ "isSource": true,
396
+ "original": {
397
+ "value": "{base.size.20}",
398
+ "$type": "dimension"
399
+ },
400
+ "name": "control-xlarge-lineBoxHeight",
401
+ "attributes": {},
402
+ "path": ["control", "xlarge", "lineBoxHeight"]
403
+ },
404
+ "paddingBlock": {
405
+ "value": "calc((48px - 20px) / 2)",
406
+ "filePath": "src/tokens/functional/size/size.json",
407
+ "isSource": true,
408
+ "original": {
409
+ "value": "calc(({control.xlarge.size} - {control.xlarge.lineBoxHeight}) / 2)"
410
+ },
411
+ "name": "control-xlarge-paddingBlock",
412
+ "attributes": {},
413
+ "path": ["control", "xlarge", "paddingBlock"]
414
+ },
415
+ "paddingInline": {
416
+ "normal": {
417
+ "value": "12px",
418
+ "$type": "dimension",
419
+ "filePath": "src/tokens/functional/size/size.json",
420
+ "isSource": true,
421
+ "original": {
422
+ "value": "{base.size.12}",
423
+ "$type": "dimension"
424
+ },
425
+ "name": "control-xlarge-paddingInline-normal",
426
+ "attributes": {},
427
+ "path": ["control", "xlarge", "paddingInline", "normal"]
428
+ },
429
+ "spacious": {
430
+ "value": "16px",
431
+ "$type": "dimension",
432
+ "filePath": "src/tokens/functional/size/size.json",
433
+ "isSource": true,
434
+ "original": {
435
+ "value": "{base.size.16}",
436
+ "$type": "dimension"
437
+ },
438
+ "name": "control-xlarge-paddingInline-spacious",
439
+ "attributes": {},
440
+ "path": ["control", "xlarge", "paddingInline", "spacious"]
441
+ }
442
+ },
443
+ "gap": {
444
+ "value": "8px",
445
+ "$type": "dimension",
446
+ "filePath": "src/tokens/functional/size/size.json",
447
+ "isSource": true,
448
+ "original": {
449
+ "value": "{base.size.8}",
450
+ "$type": "dimension"
451
+ },
452
+ "name": "control-xlarge-gap",
453
+ "attributes": {},
454
+ "path": ["control", "xlarge", "gap"]
455
+ }
456
+ }
457
+ },
458
+ "controlStack": {
459
+ "small": {
460
+ "gap": {
461
+ "condensed": {
462
+ "value": "8px",
463
+ "$type": "dimension",
464
+ "filePath": "src/tokens/functional/size/size.json",
465
+ "isSource": true,
466
+ "original": {
467
+ "value": "{base.size.8}",
468
+ "$type": "dimension"
469
+ },
470
+ "name": "controlStack-small-gap-condensed",
471
+ "attributes": {},
472
+ "path": ["controlStack", "small", "gap", "condensed"]
473
+ },
474
+ "spacious": {
475
+ "value": "16px",
476
+ "$type": "dimension",
477
+ "filePath": "src/tokens/functional/size/size.json",
478
+ "isSource": true,
479
+ "original": {
480
+ "value": "{base.size.16}",
481
+ "$type": "dimension"
482
+ },
483
+ "name": "controlStack-small-gap-spacious",
484
+ "attributes": {},
485
+ "path": ["controlStack", "small", "gap", "spacious"]
486
+ }
487
+ }
488
+ },
489
+ "medium": {
490
+ "gap": {
491
+ "condensed": {
492
+ "value": "8px",
493
+ "$type": "dimension",
494
+ "filePath": "src/tokens/functional/size/size.json",
495
+ "isSource": true,
496
+ "original": {
497
+ "value": "{base.size.8}",
498
+ "$type": "dimension"
499
+ },
500
+ "name": "controlStack-medium-gap-condensed",
501
+ "attributes": {},
502
+ "path": ["controlStack", "medium", "gap", "condensed"]
503
+ },
504
+ "spacious": {
505
+ "value": "12px",
506
+ "$type": "dimension",
507
+ "filePath": "src/tokens/functional/size/size.json",
508
+ "isSource": true,
509
+ "original": {
510
+ "value": "{base.size.12}",
511
+ "$type": "dimension"
512
+ },
513
+ "name": "controlStack-medium-gap-spacious",
514
+ "attributes": {},
515
+ "path": ["controlStack", "medium", "gap", "spacious"]
516
+ }
517
+ }
518
+ },
519
+ "large": {
520
+ "gap": {
521
+ "auto": {
522
+ "value": "8px",
523
+ "$type": "dimension",
524
+ "filePath": "src/tokens/functional/size/size.json",
525
+ "isSource": true,
526
+ "original": {
527
+ "value": "{base.size.8}",
528
+ "$type": "dimension"
529
+ },
530
+ "name": "controlStack-large-gap-auto",
531
+ "attributes": {},
532
+ "path": ["controlStack", "large", "gap", "auto"]
533
+ },
534
+ "condensed": {
535
+ "value": "8px",
536
+ "$type": "dimension",
537
+ "filePath": "src/tokens/functional/size/size.json",
538
+ "isSource": true,
539
+ "original": {
540
+ "value": "{base.size.8}",
541
+ "$type": "dimension"
542
+ },
543
+ "name": "controlStack-large-gap-condensed",
544
+ "attributes": {},
545
+ "path": ["controlStack", "large", "gap", "condensed"]
546
+ },
547
+ "spacious": {
548
+ "value": "12px",
549
+ "$type": "dimension",
550
+ "filePath": "src/tokens/functional/size/size.json",
551
+ "isSource": true,
552
+ "original": {
553
+ "value": "{base.size.12}",
554
+ "$type": "dimension"
555
+ },
556
+ "name": "controlStack-large-gap-spacious",
557
+ "attributes": {},
558
+ "path": ["controlStack", "large", "gap", "spacious"]
559
+ }
560
+ }
561
+ }
562
+ },
563
+ "stack": {
564
+ "padding": {
565
+ "condensed": {
566
+ "value": "8px",
567
+ "$type": "dimension",
568
+ "filePath": "src/tokens/functional/size/size.json",
569
+ "isSource": true,
570
+ "original": {
571
+ "value": "{base.size.8}",
572
+ "$type": "dimension"
573
+ },
574
+ "name": "stack-padding-condensed",
575
+ "attributes": {},
576
+ "path": ["stack", "padding", "condensed"]
577
+ },
578
+ "normal": {
579
+ "value": "16px",
580
+ "$type": "dimension",
581
+ "filePath": "src/tokens/functional/size/size.json",
582
+ "isSource": true,
583
+ "original": {
584
+ "value": "{base.size.16}",
585
+ "$type": "dimension"
586
+ },
587
+ "name": "stack-padding-normal",
588
+ "attributes": {},
589
+ "path": ["stack", "padding", "normal"]
590
+ },
591
+ "spacious": {
592
+ "value": "24px",
593
+ "$type": "dimension",
594
+ "filePath": "src/tokens/functional/size/size.json",
595
+ "isSource": true,
596
+ "original": {
597
+ "value": "{base.size.24}",
598
+ "$type": "dimension"
599
+ },
600
+ "name": "stack-padding-spacious",
601
+ "attributes": {},
602
+ "path": ["stack", "padding", "spacious"]
603
+ }
604
+ },
605
+ "gap": {
606
+ "condensed": {
607
+ "value": "8px",
608
+ "$type": "dimension",
609
+ "filePath": "src/tokens/functional/size/size.json",
610
+ "isSource": true,
611
+ "original": {
612
+ "value": "{base.size.8}",
613
+ "$type": "dimension"
614
+ },
615
+ "name": "stack-gap-condensed",
616
+ "attributes": {},
617
+ "path": ["stack", "gap", "condensed"]
618
+ },
619
+ "normal": {
620
+ "value": "16px",
621
+ "$type": "dimension",
622
+ "filePath": "src/tokens/functional/size/size.json",
623
+ "isSource": true,
624
+ "original": {
625
+ "value": "{base.size.16}",
626
+ "$type": "dimension"
627
+ },
628
+ "name": "stack-gap-normal",
629
+ "attributes": {},
630
+ "path": ["stack", "gap", "normal"]
631
+ },
632
+ "spacious": {
633
+ "value": "24px",
634
+ "$type": "dimension",
635
+ "filePath": "src/tokens/functional/size/size.json",
636
+ "isSource": true,
637
+ "original": {
638
+ "value": "{base.size.24}",
639
+ "$type": "dimension"
640
+ },
641
+ "name": "stack-gap-spacious",
642
+ "attributes": {},
643
+ "path": ["stack", "gap", "spacious"]
644
+ }
645
+ }
646
+ }
647
+ }