@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,227 @@
1
+ {
2
+ "base": {
3
+ "size": {
4
+ "4": {
5
+ "value": "4px",
6
+ "$type": "dimension",
7
+ "filePath": "src/tokens/base/size/size.json",
8
+ "isSource": true,
9
+ "original": {
10
+ "value": "4px",
11
+ "$type": "dimension"
12
+ },
13
+ "name": "base-size-4",
14
+ "attributes": {},
15
+ "path": ["base", "size", "4"]
16
+ },
17
+ "8": {
18
+ "value": "8px",
19
+ "$type": "dimension",
20
+ "filePath": "src/tokens/base/size/size.json",
21
+ "isSource": true,
22
+ "original": {
23
+ "value": "8px",
24
+ "$type": "dimension"
25
+ },
26
+ "name": "base-size-8",
27
+ "attributes": {},
28
+ "path": ["base", "size", "8"]
29
+ },
30
+ "12": {
31
+ "value": "12px",
32
+ "$type": "dimension",
33
+ "filePath": "src/tokens/base/size/size.json",
34
+ "isSource": true,
35
+ "original": {
36
+ "value": "12px",
37
+ "$type": "dimension"
38
+ },
39
+ "name": "base-size-12",
40
+ "attributes": {},
41
+ "path": ["base", "size", "12"]
42
+ },
43
+ "16": {
44
+ "value": "16px",
45
+ "$type": "dimension",
46
+ "filePath": "src/tokens/base/size/size.json",
47
+ "isSource": true,
48
+ "original": {
49
+ "value": "16px",
50
+ "$type": "dimension"
51
+ },
52
+ "name": "base-size-16",
53
+ "attributes": {},
54
+ "path": ["base", "size", "16"]
55
+ },
56
+ "20": {
57
+ "value": "20px",
58
+ "$type": "dimension",
59
+ "filePath": "src/tokens/base/size/size.json",
60
+ "isSource": true,
61
+ "original": {
62
+ "value": "20px",
63
+ "$type": "dimension"
64
+ },
65
+ "name": "base-size-20",
66
+ "attributes": {},
67
+ "path": ["base", "size", "20"]
68
+ },
69
+ "24": {
70
+ "value": "24px",
71
+ "$type": "dimension",
72
+ "filePath": "src/tokens/base/size/size.json",
73
+ "isSource": true,
74
+ "original": {
75
+ "value": "24px",
76
+ "$type": "dimension"
77
+ },
78
+ "name": "base-size-24",
79
+ "attributes": {},
80
+ "path": ["base", "size", "24"]
81
+ },
82
+ "28": {
83
+ "value": "28px",
84
+ "$type": "dimension",
85
+ "filePath": "src/tokens/base/size/size.json",
86
+ "isSource": true,
87
+ "original": {
88
+ "value": "28px",
89
+ "$type": "dimension"
90
+ },
91
+ "name": "base-size-28",
92
+ "attributes": {},
93
+ "path": ["base", "size", "28"]
94
+ },
95
+ "32": {
96
+ "value": "32px",
97
+ "$type": "dimension",
98
+ "filePath": "src/tokens/base/size/size.json",
99
+ "isSource": true,
100
+ "original": {
101
+ "value": "32px",
102
+ "$type": "dimension"
103
+ },
104
+ "name": "base-size-32",
105
+ "attributes": {},
106
+ "path": ["base", "size", "32"]
107
+ },
108
+ "36": {
109
+ "value": "36px",
110
+ "$type": "dimension",
111
+ "filePath": "src/tokens/base/size/size.json",
112
+ "isSource": true,
113
+ "original": {
114
+ "value": "36px",
115
+ "$type": "dimension"
116
+ },
117
+ "name": "base-size-36",
118
+ "attributes": {},
119
+ "path": ["base", "size", "36"]
120
+ },
121
+ "40": {
122
+ "value": "40px",
123
+ "$type": "dimension",
124
+ "filePath": "src/tokens/base/size/size.json",
125
+ "isSource": true,
126
+ "original": {
127
+ "value": "40px",
128
+ "$type": "dimension"
129
+ },
130
+ "name": "base-size-40",
131
+ "attributes": {},
132
+ "path": ["base", "size", "40"]
133
+ },
134
+ "44": {
135
+ "value": "44px",
136
+ "$type": "dimension",
137
+ "filePath": "src/tokens/base/size/size.json",
138
+ "isSource": true,
139
+ "original": {
140
+ "value": "44px",
141
+ "$type": "dimension"
142
+ },
143
+ "name": "base-size-44",
144
+ "attributes": {},
145
+ "path": ["base", "size", "44"]
146
+ },
147
+ "48": {
148
+ "value": "48px",
149
+ "$type": "dimension",
150
+ "filePath": "src/tokens/base/size/size.json",
151
+ "isSource": true,
152
+ "original": {
153
+ "value": "48px",
154
+ "$type": "dimension"
155
+ },
156
+ "name": "base-size-48",
157
+ "attributes": {},
158
+ "path": ["base", "size", "48"]
159
+ },
160
+ "64": {
161
+ "value": "64px",
162
+ "$type": "dimension",
163
+ "filePath": "src/tokens/base/size/size.json",
164
+ "isSource": true,
165
+ "original": {
166
+ "value": "64px",
167
+ "$type": "dimension"
168
+ },
169
+ "name": "base-size-64",
170
+ "attributes": {},
171
+ "path": ["base", "size", "64"]
172
+ },
173
+ "80": {
174
+ "value": "80px",
175
+ "$type": "dimension",
176
+ "filePath": "src/tokens/base/size/size.json",
177
+ "isSource": true,
178
+ "original": {
179
+ "value": "80px",
180
+ "$type": "dimension"
181
+ },
182
+ "name": "base-size-80",
183
+ "attributes": {},
184
+ "path": ["base", "size", "80"]
185
+ },
186
+ "96": {
187
+ "value": "96px",
188
+ "$type": "dimension",
189
+ "filePath": "src/tokens/base/size/size.json",
190
+ "isSource": true,
191
+ "original": {
192
+ "value": "96px",
193
+ "$type": "dimension"
194
+ },
195
+ "name": "base-size-96",
196
+ "attributes": {},
197
+ "path": ["base", "size", "96"]
198
+ },
199
+ "112": {
200
+ "value": "112px",
201
+ "$type": "dimension",
202
+ "filePath": "src/tokens/base/size/size.json",
203
+ "isSource": true,
204
+ "original": {
205
+ "value": "112px",
206
+ "$type": "dimension"
207
+ },
208
+ "name": "base-size-112",
209
+ "attributes": {},
210
+ "path": ["base", "size", "112"]
211
+ },
212
+ "128": {
213
+ "value": "128px",
214
+ "$type": "dimension",
215
+ "filePath": "src/tokens/base/size/size.json",
216
+ "isSource": true,
217
+ "original": {
218
+ "value": "128px",
219
+ "$type": "dimension"
220
+ },
221
+ "name": "base-size-128",
222
+ "attributes": {},
223
+ "path": ["base", "size", "128"]
224
+ }
225
+ }
226
+ }
227
+ }
@@ -0,0 +1,60 @@
1
+ {
2
+ "base": {
3
+ "text": {
4
+ "weight": {
5
+ "light": {
6
+ "value": 300,
7
+ "$type": "fontWeight",
8
+ "filePath": "src/tokens/base/typography/typography.json",
9
+ "isSource": true,
10
+ "original": {
11
+ "value": 300,
12
+ "$type": "fontWeight"
13
+ },
14
+ "name": "base-text-weight-light",
15
+ "attributes": {},
16
+ "path": ["base", "text", "weight", "light"]
17
+ },
18
+ "normal": {
19
+ "value": 400,
20
+ "$type": "fontWeight",
21
+ "filePath": "src/tokens/base/typography/typography.json",
22
+ "isSource": true,
23
+ "original": {
24
+ "value": 400,
25
+ "$type": "fontWeight"
26
+ },
27
+ "name": "base-text-weight-normal",
28
+ "attributes": {},
29
+ "path": ["base", "text", "weight", "normal"]
30
+ },
31
+ "medium": {
32
+ "value": 500,
33
+ "$type": "fontWeight",
34
+ "filePath": "src/tokens/base/typography/typography.json",
35
+ "isSource": true,
36
+ "original": {
37
+ "value": 500,
38
+ "$type": "fontWeight"
39
+ },
40
+ "name": "base-text-weight-medium",
41
+ "attributes": {},
42
+ "path": ["base", "text", "weight", "medium"]
43
+ },
44
+ "semibold": {
45
+ "value": 600,
46
+ "$type": "fontWeight",
47
+ "filePath": "src/tokens/base/typography/typography.json",
48
+ "isSource": true,
49
+ "original": {
50
+ "value": 600,
51
+ "$type": "fontWeight"
52
+ },
53
+ "name": "base-text-weight-semibold",
54
+ "attributes": {},
55
+ "path": ["base", "text", "weight", "semibold"]
56
+ }
57
+ }
58
+ }
59
+ }
60
+ }
@@ -0,0 +1,135 @@
1
+ {
2
+ "borderInset": {
3
+ "thin": {
4
+ "value": "inset 0 0 0 max(1px, 0.0625rem)",
5
+ "filePath": "src/tokens/functional/size/border.json",
6
+ "isSource": true,
7
+ "original": {
8
+ "value": "inset 0 0 0 {borderWidth.thin}"
9
+ },
10
+ "name": "borderInset-thin",
11
+ "attributes": {},
12
+ "path": ["borderInset", "thin"]
13
+ },
14
+ "thick": {
15
+ "value": "inset 0 0 0 max(2px, 0.125rem)",
16
+ "filePath": "src/tokens/functional/size/border.json",
17
+ "isSource": true,
18
+ "original": {
19
+ "value": "inset 0 0 0 {borderWidth.thick}"
20
+ },
21
+ "name": "borderInset-thick",
22
+ "attributes": {},
23
+ "path": ["borderInset", "thick"]
24
+ },
25
+ "thicker": {
26
+ "value": "inset 0 0 0 max(4px, 0.25rem)",
27
+ "filePath": "src/tokens/functional/size/border.json",
28
+ "isSource": true,
29
+ "original": {
30
+ "value": "inset 0 0 0 {borderWidth.thicker}"
31
+ },
32
+ "name": "borderInset-thicker",
33
+ "attributes": {},
34
+ "path": ["borderInset", "thicker"]
35
+ }
36
+ },
37
+ "borderWidth": {
38
+ "thin": {
39
+ "value": "max(1px, 0.0625rem)",
40
+ "filePath": "src/tokens/functional/size/border.json",
41
+ "isSource": true,
42
+ "original": {
43
+ "value": "max(1px, 0.0625rem)"
44
+ },
45
+ "name": "borderWidth-thin",
46
+ "attributes": {},
47
+ "path": ["borderWidth", "thin"]
48
+ },
49
+ "thick": {
50
+ "value": "max(2px, 0.125rem)",
51
+ "filePath": "src/tokens/functional/size/border.json",
52
+ "isSource": true,
53
+ "original": {
54
+ "value": "max(2px, 0.125rem)"
55
+ },
56
+ "name": "borderWidth-thick",
57
+ "attributes": {},
58
+ "path": ["borderWidth", "thick"]
59
+ },
60
+ "thicker": {
61
+ "value": "max(4px, 0.25rem)",
62
+ "filePath": "src/tokens/functional/size/border.json",
63
+ "isSource": true,
64
+ "original": {
65
+ "value": "max(4px, 0.25rem)"
66
+ },
67
+ "name": "borderWidth-thicker",
68
+ "attributes": {},
69
+ "path": ["borderWidth", "thicker"]
70
+ }
71
+ },
72
+ "borderRadius": {
73
+ "small": {
74
+ "value": "3px",
75
+ "filePath": "src/tokens/functional/size/border.json",
76
+ "isSource": true,
77
+ "original": {
78
+ "value": "3px"
79
+ },
80
+ "name": "borderRadius-small",
81
+ "attributes": {},
82
+ "path": ["borderRadius", "small"]
83
+ },
84
+ "medium": {
85
+ "value": "6px",
86
+ "filePath": "src/tokens/functional/size/border.json",
87
+ "isSource": true,
88
+ "original": {
89
+ "value": "6px"
90
+ },
91
+ "name": "borderRadius-medium",
92
+ "attributes": {},
93
+ "path": ["borderRadius", "medium"]
94
+ },
95
+ "large": {
96
+ "value": "12px",
97
+ "filePath": "src/tokens/functional/size/border.json",
98
+ "isSource": true,
99
+ "original": {
100
+ "value": "12px"
101
+ },
102
+ "name": "borderRadius-large",
103
+ "attributes": {},
104
+ "path": ["borderRadius", "large"]
105
+ },
106
+ "full": {
107
+ "value": "100vh",
108
+ "filePath": "src/tokens/functional/size/border.json",
109
+ "isSource": true,
110
+ "original": {
111
+ "value": "100vh"
112
+ },
113
+ "name": "borderRadius-full",
114
+ "attributes": {},
115
+ "path": ["borderRadius", "full"]
116
+ }
117
+ },
118
+ "outline": {
119
+ "focus": {
120
+ "offset": {
121
+ "value": "1px",
122
+ "$type": "dimension",
123
+ "filePath": "src/tokens/functional/size/border.json",
124
+ "isSource": true,
125
+ "original": {
126
+ "value": "1px",
127
+ "$type": "dimension"
128
+ },
129
+ "name": "outline-focus-offset",
130
+ "attributes": {},
131
+ "path": ["outline", "focus", "offset"]
132
+ }
133
+ }
134
+ }
135
+ }
@@ -0,0 +1,82 @@
1
+ {
2
+ "breakpoint": {
3
+ "xsmall": {
4
+ "value": "320px",
5
+ "$type": "dimension",
6
+ "filePath": "src/tokens/functional/size/breakpoints.json",
7
+ "isSource": true,
8
+ "original": {
9
+ "value": "320px",
10
+ "$type": "dimension"
11
+ },
12
+ "name": "breakpoint-xsmall",
13
+ "attributes": {},
14
+ "path": ["breakpoint", "xsmall"]
15
+ },
16
+ "small": {
17
+ "value": "544px",
18
+ "$type": "dimension",
19
+ "filePath": "src/tokens/functional/size/breakpoints.json",
20
+ "isSource": true,
21
+ "original": {
22
+ "value": "544px",
23
+ "$type": "dimension"
24
+ },
25
+ "name": "breakpoint-small",
26
+ "attributes": {},
27
+ "path": ["breakpoint", "small"]
28
+ },
29
+ "medium": {
30
+ "value": "768px",
31
+ "$type": "dimension",
32
+ "filePath": "src/tokens/functional/size/breakpoints.json",
33
+ "isSource": true,
34
+ "original": {
35
+ "value": "768px",
36
+ "$type": "dimension"
37
+ },
38
+ "name": "breakpoint-medium",
39
+ "attributes": {},
40
+ "path": ["breakpoint", "medium"]
41
+ },
42
+ "large": {
43
+ "value": "1012px",
44
+ "$type": "dimension",
45
+ "filePath": "src/tokens/functional/size/breakpoints.json",
46
+ "isSource": true,
47
+ "original": {
48
+ "value": "1012px",
49
+ "$type": "dimension"
50
+ },
51
+ "name": "breakpoint-large",
52
+ "attributes": {},
53
+ "path": ["breakpoint", "large"]
54
+ },
55
+ "xlarge": {
56
+ "value": "1280px",
57
+ "$type": "dimension",
58
+ "filePath": "src/tokens/functional/size/breakpoints.json",
59
+ "isSource": true,
60
+ "original": {
61
+ "value": "1280px",
62
+ "$type": "dimension"
63
+ },
64
+ "name": "breakpoint-xlarge",
65
+ "attributes": {},
66
+ "path": ["breakpoint", "xlarge"]
67
+ },
68
+ "xxlarge": {
69
+ "value": "1440px",
70
+ "$type": "dimension",
71
+ "filePath": "src/tokens/functional/size/breakpoints.json",
72
+ "isSource": true,
73
+ "original": {
74
+ "value": "1440px",
75
+ "$type": "dimension"
76
+ },
77
+ "name": "breakpoint-xxlarge",
78
+ "attributes": {},
79
+ "path": ["breakpoint", "xxlarge"]
80
+ }
81
+ }
82
+ }
@@ -0,0 +1,55 @@
1
+ {
2
+ "control": {
3
+ "minTarget": {
4
+ "auto": {
5
+ "value": "44px",
6
+ "$type": "dimension",
7
+ "filePath": "src/tokens/functional/size/size-coarse.json",
8
+ "isSource": true,
9
+ "original": {
10
+ "value": "{base.size.44}",
11
+ "$type": "dimension"
12
+ },
13
+ "name": "control-minTarget-auto",
14
+ "attributes": {},
15
+ "path": ["control", "minTarget", "auto"]
16
+ }
17
+ }
18
+ },
19
+ "controlStack": {
20
+ "small": {
21
+ "gap": {
22
+ "auto": {
23
+ "value": "16px",
24
+ "$type": "dimension",
25
+ "filePath": "src/tokens/functional/size/size-coarse.json",
26
+ "isSource": true,
27
+ "original": {
28
+ "value": "{base.size.16}",
29
+ "$type": "dimension"
30
+ },
31
+ "name": "controlStack-small-gap-auto",
32
+ "attributes": {},
33
+ "path": ["controlStack", "small", "gap", "auto"]
34
+ }
35
+ }
36
+ },
37
+ "medium": {
38
+ "gap": {
39
+ "auto": {
40
+ "value": "12px",
41
+ "$type": "dimension",
42
+ "filePath": "src/tokens/functional/size/size-coarse.json",
43
+ "isSource": true,
44
+ "original": {
45
+ "value": "{base.size.12}",
46
+ "$type": "dimension"
47
+ },
48
+ "name": "controlStack-medium-gap-auto",
49
+ "attributes": {},
50
+ "path": ["controlStack", "medium", "gap", "auto"]
51
+ }
52
+ }
53
+ }
54
+ }
55
+ }
@@ -0,0 +1,55 @@
1
+ {
2
+ "control": {
3
+ "minTarget": {
4
+ "auto": {
5
+ "value": "16px",
6
+ "$type": "dimension",
7
+ "filePath": "src/tokens/functional/size/size-fine.json",
8
+ "isSource": true,
9
+ "original": {
10
+ "value": "{base.size.16}",
11
+ "$type": "dimension"
12
+ },
13
+ "name": "control-minTarget-auto",
14
+ "attributes": {},
15
+ "path": ["control", "minTarget", "auto"]
16
+ }
17
+ }
18
+ },
19
+ "controlStack": {
20
+ "small": {
21
+ "gap": {
22
+ "auto": {
23
+ "value": "8px",
24
+ "$type": "dimension",
25
+ "filePath": "src/tokens/functional/size/size-fine.json",
26
+ "isSource": true,
27
+ "original": {
28
+ "value": "{base.size.8}",
29
+ "$type": "dimension"
30
+ },
31
+ "name": "controlStack-small-gap-auto",
32
+ "attributes": {},
33
+ "path": ["controlStack", "small", "gap", "auto"]
34
+ }
35
+ }
36
+ },
37
+ "medium": {
38
+ "gap": {
39
+ "auto": {
40
+ "value": "8px",
41
+ "$type": "dimension",
42
+ "filePath": "src/tokens/functional/size/size-fine.json",
43
+ "isSource": true,
44
+ "original": {
45
+ "value": "{base.size.8}",
46
+ "$type": "dimension"
47
+ },
48
+ "name": "controlStack-medium-gap-auto",
49
+ "attributes": {},
50
+ "path": ["controlStack", "medium", "gap", "auto"]
51
+ }
52
+ }
53
+ }
54
+ }
55
+ }