@primer/primitives 9.1.2 → 10.0.0-rc.2963a70e

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 (328) hide show
  1. package/README.md +2 -2
  2. package/dist/build/PrimerStyleDictionary.d.ts +1 -2
  3. package/dist/build/PrimerStyleDictionary.js +52 -64
  4. package/dist/build/filters/index.d.ts +14 -13
  5. package/dist/build/filters/index.js +14 -29
  6. package/dist/build/filters/isBorder.d.ts +3 -3
  7. package/dist/build/filters/isBorder.js +2 -6
  8. package/dist/build/filters/isColor.d.ts +3 -3
  9. package/dist/build/filters/isColor.js +8 -7
  10. package/dist/build/filters/isColorWithAlpha.d.ts +3 -3
  11. package/dist/build/filters/isColorWithAlpha.js +4 -8
  12. package/dist/build/filters/isColorWithMix.d.ts +3 -3
  13. package/dist/build/filters/isColorWithMix.js +4 -8
  14. package/dist/build/filters/isCubicBezier.d.ts +7 -0
  15. package/dist/build/filters/isCubicBezier.js +10 -0
  16. package/dist/build/filters/isDeprecated.d.ts +3 -3
  17. package/dist/build/filters/isDeprecated.js +2 -6
  18. package/dist/build/filters/isDimension.d.ts +3 -3
  19. package/dist/build/filters/isDimension.js +2 -6
  20. package/dist/build/filters/isDuration.d.ts +3 -3
  21. package/dist/build/filters/isDuration.js +2 -6
  22. package/dist/build/filters/isFontFamily.d.ts +3 -3
  23. package/dist/build/filters/isFontFamily.js +2 -6
  24. package/dist/build/filters/isFontWeight.d.ts +3 -3
  25. package/dist/build/filters/isFontWeight.js +2 -6
  26. package/dist/build/filters/isFromFile.d.ts +3 -3
  27. package/dist/build/filters/isFromFile.js +2 -6
  28. package/dist/build/filters/isNumber.d.ts +3 -3
  29. package/dist/build/filters/isNumber.js +4 -6
  30. package/dist/build/filters/isShadow.d.ts +3 -3
  31. package/dist/build/filters/isShadow.js +2 -6
  32. package/dist/build/filters/isSource.d.ts +3 -3
  33. package/dist/build/filters/isSource.js +2 -6
  34. package/dist/build/filters/isTypography.d.ts +3 -3
  35. package/dist/build/filters/isTypography.js +2 -6
  36. package/dist/build/formats/cssAdvanced.d.ts +2 -2
  37. package/dist/build/formats/cssAdvanced.js +22 -20
  38. package/dist/build/formats/cssCustomMedia.d.ts +2 -2
  39. package/dist/build/formats/cssCustomMedia.js +16 -15
  40. package/dist/build/formats/index.d.ts +9 -9
  41. package/dist/build/formats/index.js +9 -21
  42. package/dist/build/formats/javascriptCommonJs.d.ts +2 -2
  43. package/dist/build/formats/javascriptCommonJs.js +17 -16
  44. package/dist/build/formats/javascriptEsm.d.ts +2 -2
  45. package/dist/build/formats/javascriptEsm.js +17 -16
  46. package/dist/build/formats/jsonFigma.d.ts +2 -2
  47. package/dist/build/formats/jsonFigma.js +27 -22
  48. package/dist/build/formats/jsonNestedPrefixed.d.ts +3 -3
  49. package/dist/build/formats/jsonNestedPrefixed.js +17 -15
  50. package/dist/build/formats/jsonOneDimensional.d.ts +3 -3
  51. package/dist/build/formats/jsonOneDimensional.js +24 -16
  52. package/dist/build/formats/jsonPostCssFallback.d.ts +3 -3
  53. package/dist/build/formats/jsonPostCssFallback.js +5 -12
  54. package/dist/build/formats/typescriptExportDefinition.d.ts +2 -2
  55. package/dist/build/formats/typescriptExportDefinition.js +50 -46
  56. package/dist/build/formats/utilities/getPropName.d.ts +1 -0
  57. package/dist/build/formats/utilities/getPropName.js +16 -0
  58. package/dist/build/formats/utilities/jsonToFlat.d.ts +2 -2
  59. package/dist/build/formats/utilities/jsonToFlat.js +1 -5
  60. package/dist/build/formats/utilities/jsonToNestedValue.d.ts +2 -2
  61. package/dist/build/formats/utilities/jsonToNestedValue.js +4 -6
  62. package/dist/build/formats/utilities/prefixTokens.d.ts +2 -2
  63. package/dist/build/formats/utilities/prefixTokens.js +1 -5
  64. package/dist/build/parsers/index.d.ts +1 -1
  65. package/dist/build/parsers/index.js +1 -5
  66. package/dist/build/parsers/w3cJsonParser.d.ts +2 -2
  67. package/dist/build/parsers/w3cJsonParser.js +7 -9
  68. package/dist/build/platforms/css.d.ts +1 -1
  69. package/dist/build/platforms/css.js +20 -11
  70. package/dist/build/platforms/deprecatedJson.d.ts +1 -1
  71. package/dist/build/platforms/deprecatedJson.js +3 -7
  72. package/dist/build/platforms/docJson.d.ts +1 -1
  73. package/dist/build/platforms/docJson.js +8 -7
  74. package/dist/build/platforms/fallbacks.d.ts +1 -1
  75. package/dist/build/platforms/fallbacks.js +3 -7
  76. package/dist/build/platforms/figma.d.ts +1 -1
  77. package/dist/build/platforms/figma.js +21 -14
  78. package/dist/build/platforms/index.d.ts +10 -10
  79. package/dist/build/platforms/index.js +10 -23
  80. package/dist/build/platforms/javascript.d.ts +1 -1
  81. package/dist/build/platforms/javascript.js +3 -7
  82. package/dist/build/platforms/json.d.ts +1 -1
  83. package/dist/build/platforms/json.js +3 -7
  84. package/dist/build/platforms/styleLint.d.ts +1 -1
  85. package/dist/build/platforms/styleLint.js +3 -7
  86. package/dist/build/platforms/typeDefinitions.d.ts +1 -1
  87. package/dist/build/platforms/typeDefinitions.js +6 -10
  88. package/dist/build/platforms/typescript.d.ts +1 -1
  89. package/dist/build/platforms/typescript.js +3 -7
  90. package/dist/build/schemas/alphaValue.js +4 -7
  91. package/dist/build/schemas/baseToken.d.ts +2 -2
  92. package/dist/build/schemas/baseToken.js +4 -7
  93. package/dist/build/schemas/borderToken.d.ts +5 -5
  94. package/dist/build/schemas/borderToken.js +13 -16
  95. package/dist/build/schemas/collections.js +8 -14
  96. package/dist/build/schemas/colorHexValue.js +4 -7
  97. package/dist/build/schemas/colorToken.d.ts +20 -15
  98. package/dist/build/schemas/colorToken.js +24 -24
  99. package/dist/build/schemas/cubicBezierToken.d.ts +18 -0
  100. package/dist/build/schemas/cubicBezierToken.js +8 -0
  101. package/dist/build/schemas/designToken.js +30 -32
  102. package/dist/build/schemas/dimensionToken.d.ts +5 -5
  103. package/dist/build/schemas/dimensionToken.js +14 -17
  104. package/dist/build/schemas/dimensionValue.js +7 -10
  105. package/dist/build/schemas/durationToken.d.ts +5 -5
  106. package/dist/build/schemas/durationToken.js +8 -11
  107. package/dist/build/schemas/durationValue.js +4 -7
  108. package/dist/build/schemas/fontFamilyToken.d.ts +5 -5
  109. package/dist/build/schemas/fontFamilyToken.js +13 -16
  110. package/dist/build/schemas/fontWeightToken.d.ts +5 -5
  111. package/dist/build/schemas/fontWeightToken.js +14 -17
  112. package/dist/build/schemas/fontWeightValue.js +4 -7
  113. package/dist/build/schemas/numberToken.d.ts +5 -5
  114. package/dist/build/schemas/numberToken.js +15 -18
  115. package/dist/build/schemas/referenceValue.js +4 -7
  116. package/dist/build/schemas/scopes.js +5 -10
  117. package/dist/build/schemas/shadowToken.d.ts +5 -5
  118. package/dist/build/schemas/shadowToken.js +23 -26
  119. package/dist/build/schemas/stringToken.d.ts +5 -5
  120. package/dist/build/schemas/stringToken.js +7 -10
  121. package/dist/build/schemas/tokenName.js +4 -7
  122. package/dist/build/schemas/tokenType.d.ts +2 -2
  123. package/dist/build/schemas/tokenType.js +2 -6
  124. package/dist/build/schemas/typographyToken.d.ts +5 -5
  125. package/dist/build/schemas/typographyToken.js +14 -17
  126. package/dist/build/schemas/validTokenType.d.ts +1 -1
  127. package/dist/build/schemas/validTokenType.js +10 -13
  128. package/dist/build/schemas/viewportRangeToken.d.ts +5 -5
  129. package/dist/build/schemas/viewportRangeToken.js +7 -10
  130. package/dist/build/transformers/borderToCss.d.ts +3 -3
  131. package/dist/build/transformers/borderToCss.js +16 -16
  132. package/dist/build/transformers/colorToHex.d.ts +2 -2
  133. package/dist/build/transformers/colorToHex.js +11 -13
  134. package/dist/build/transformers/colorToHexMix.d.ts +2 -2
  135. package/dist/build/transformers/colorToHexMix.js +10 -15
  136. package/dist/build/transformers/colorToRgbAlpha.d.ts +2 -2
  137. package/dist/build/transformers/colorToRgbAlpha.js +10 -12
  138. package/dist/build/transformers/colorToRgbaFloat.d.ts +2 -2
  139. package/dist/build/transformers/colorToRgbaFloat.js +24 -28
  140. package/dist/build/transformers/cubicBezierToCss.d.ts +8 -0
  141. package/dist/build/transformers/cubicBezierToCss.js +23 -0
  142. package/dist/build/transformers/dimensionToPixelUnitless.d.ts +2 -2
  143. package/dist/build/transformers/dimensionToPixelUnitless.js +13 -14
  144. package/dist/build/transformers/dimensionToRem.d.ts +2 -2
  145. package/dist/build/transformers/dimensionToRem.js +12 -13
  146. package/dist/build/transformers/dimensionToRemPxArray.d.ts +2 -2
  147. package/dist/build/transformers/dimensionToRemPxArray.js +11 -12
  148. package/dist/build/transformers/durationToCss.d.ts +2 -2
  149. package/dist/build/transformers/durationToCss.js +10 -11
  150. package/dist/build/transformers/figmaAttributes.d.ts +2 -2
  151. package/dist/build/transformers/figmaAttributes.js +3 -5
  152. package/dist/build/transformers/floatToPixel.d.ts +4 -4
  153. package/dist/build/transformers/floatToPixel.js +12 -14
  154. package/dist/build/transformers/fontFamilyToCss.d.ts +2 -2
  155. package/dist/build/transformers/fontFamilyToCss.js +10 -13
  156. package/dist/build/transformers/fontFamilyToFigma.d.ts +3 -3
  157. package/dist/build/transformers/fontFamilyToFigma.js +15 -17
  158. package/dist/build/transformers/fontWeightToNumber.d.ts +2 -2
  159. package/dist/build/transformers/fontWeightToNumber.js +8 -11
  160. package/dist/build/transformers/index.d.ts +25 -24
  161. package/dist/build/transformers/index.js +25 -51
  162. package/dist/build/transformers/jsonDeprecated.d.ts +2 -2
  163. package/dist/build/transformers/jsonDeprecated.js +6 -8
  164. package/dist/build/transformers/namePathToCamelCase.d.ts +2 -2
  165. package/dist/build/transformers/namePathToCamelCase.js +5 -7
  166. package/dist/build/transformers/namePathToDotNotation.d.ts +2 -2
  167. package/dist/build/transformers/namePathToDotNotation.js +6 -8
  168. package/dist/build/transformers/namePathToFigma.d.ts +3 -3
  169. package/dist/build/transformers/namePathToFigma.js +5 -8
  170. package/dist/build/transformers/namePathToKebabCase.d.ts +2 -2
  171. package/dist/build/transformers/namePathToKebabCase.js +4 -6
  172. package/dist/build/transformers/namePathToPascalCase.d.ts +2 -2
  173. package/dist/build/transformers/namePathToPascalCase.js +5 -7
  174. package/dist/build/transformers/namePathToSlashNotation.d.ts +2 -2
  175. package/dist/build/transformers/namePathToSlashNotation.js +4 -6
  176. package/dist/build/transformers/shadowToCss.d.ts +2 -2
  177. package/dist/build/transformers/shadowToCss.js +14 -15
  178. package/dist/build/transformers/typographyToCss.d.ts +2 -2
  179. package/dist/build/transformers/typographyToCss.js +13 -15
  180. package/dist/build/transformers/utilities/alpha.d.ts +1 -1
  181. package/dist/build/transformers/utilities/alpha.js +4 -8
  182. package/dist/build/transformers/utilities/checkRequiredTokenProperties.js +1 -5
  183. package/dist/build/transformers/utilities/getTokenValue.d.ts +2 -2
  184. package/dist/build/transformers/utilities/getTokenValue.js +10 -12
  185. package/dist/build/transformers/utilities/hasSpaceInString.js +1 -5
  186. package/dist/build/transformers/utilities/hexToRgbaFloat.d.ts +1 -1
  187. package/dist/build/transformers/utilities/hexToRgbaFloat.js +1 -5
  188. package/dist/build/transformers/utilities/invalidTokenError.d.ts +1 -1
  189. package/dist/build/transformers/utilities/invalidTokenError.js +11 -10
  190. package/dist/build/transformers/utilities/isRgbaFloat.js +1 -5
  191. package/dist/build/transformers/utilities/mix.js +5 -7
  192. package/dist/build/transformers/utilities/rgbaFloatToHex.js +1 -5
  193. package/dist/build/types/Border.d.ts +5 -0
  194. package/dist/build/types/BorderTokenValue.d.ts +10 -0
  195. package/dist/build/types/ColorHex.d.ts +4 -0
  196. package/dist/build/types/PlatformInitializer.d.ts +11 -0
  197. package/dist/build/types/Shadow.d.ts +5 -0
  198. package/dist/build/types/ShadowTokenValue.d.ts +14 -0
  199. package/dist/build/types/SizeEm.d.ts +4 -0
  200. package/dist/build/types/SizePx.d.ts +4 -0
  201. package/dist/build/types/SizeRem.d.ts +4 -0
  202. package/dist/build/types/StyleDictionaryConfigGenerator.d.ts +15 -0
  203. package/dist/build/types/TokenBuildInput.d.ts +8 -0
  204. package/dist/build/types/TypographyTokenValue.d.ts +12 -0
  205. package/dist/build/types/w3cTransformedToken.d.ts +8 -0
  206. package/dist/build/utilities/copyFromDir.d.ts +2 -2
  207. package/dist/build/utilities/copyFromDir.js +7 -10
  208. package/dist/build/utilities/filterStringArray.js +1 -5
  209. package/dist/build/utilities/getFlag.js +1 -5
  210. package/dist/build/utilities/index.d.ts +9 -3
  211. package/dist/build/utilities/index.js +9 -9
  212. package/dist/build/utilities/joinFriendly.js +1 -5
  213. package/dist/build/utilities/schemaErrorMessage.js +1 -5
  214. package/dist/build/utilities/toCamelCase.js +5 -9
  215. package/dist/build/utilities/toPascalCase.js +5 -9
  216. package/dist/build/utilities/treeWalker.js +2 -6
  217. package/dist/build/utilities/upperCaseFirstCharacter.js +1 -5
  218. package/dist/css/base/motion/motion.css +17 -0
  219. package/dist/css/functional/motion/motion.css +4 -3
  220. package/dist/css/functional/themes/dark-colorblind.css +58 -38
  221. package/dist/css/functional/themes/dark-dimmed.css +44 -24
  222. package/dist/css/functional/themes/dark-high-contrast.css +62 -42
  223. package/dist/css/functional/themes/dark-tritanopia.css +44 -24
  224. package/dist/css/functional/themes/dark.css +42 -22
  225. package/dist/css/functional/themes/light-colorblind.css +60 -40
  226. package/dist/css/functional/themes/light-high-contrast.css +58 -38
  227. package/dist/css/functional/themes/light-tritanopia.css +42 -22
  228. package/dist/css/functional/themes/light.css +42 -22
  229. package/dist/css/functional/typography/typography.css +43 -43
  230. package/dist/css/primitives.css +64 -46
  231. package/dist/docs/base/motion/motion.json +205 -0
  232. package/dist/docs/base/size/size.json +76 -76
  233. package/dist/docs/base/typography/typography.json +16 -16
  234. package/dist/docs/functional/motion/motion.json +33 -18
  235. package/dist/docs/functional/size/border.json +56 -56
  236. package/dist/docs/functional/size/breakpoints.json +24 -24
  237. package/dist/docs/functional/size/size-coarse.json +12 -12
  238. package/dist/docs/functional/size/size-fine.json +12 -12
  239. package/dist/docs/functional/size/size.json +264 -264
  240. package/dist/docs/functional/size/viewport.json +24 -24
  241. package/dist/docs/functional/themes/dark-colorblind.json +2868 -3462
  242. package/dist/docs/functional/themes/dark-dimmed.json +2826 -3016
  243. package/dist/docs/functional/themes/dark-high-contrast.json +2822 -5100
  244. package/dist/docs/functional/themes/dark-tritanopia.json +2829 -3203
  245. package/dist/docs/functional/themes/dark.json +2808 -2520
  246. package/dist/docs/functional/themes/light-colorblind.json +2604 -3150
  247. package/dist/docs/functional/themes/light-high-contrast.json +2653 -4609
  248. package/dist/docs/functional/themes/light-tritanopia.json +2546 -2960
  249. package/dist/docs/functional/themes/light.json +2590 -2312
  250. package/dist/docs/functional/typography/typography.json +206 -206
  251. package/dist/fallbacks/base/motion/motion.json +17 -0
  252. package/dist/fallbacks/functional/motion/motion.json +1 -0
  253. package/dist/figma/dimension/dimension.json +492 -492
  254. package/dist/figma/figma.json +21 -13
  255. package/dist/figma/scales/dark-dimmed.json +3536 -656
  256. package/dist/figma/scales/dark-high-constrast.json +3535 -655
  257. package/dist/figma/scales/dark.json +3371 -491
  258. package/dist/figma/scales/light-high-constrast.json +3532 -652
  259. package/dist/figma/scales/light.json +3367 -487
  260. package/dist/figma/shadows/dark-colorblind.json +199 -199
  261. package/dist/figma/shadows/dark-dimmed.json +199 -199
  262. package/dist/figma/shadows/dark-high-contrast.json +199 -199
  263. package/dist/figma/shadows/dark-tritanopia.json +199 -199
  264. package/dist/figma/shadows/dark.json +199 -199
  265. package/dist/figma/shadows/light-colorblind.json +189 -189
  266. package/dist/figma/shadows/light-high-contrast.json +191 -191
  267. package/dist/figma/shadows/light-tritanopia.json +189 -189
  268. package/dist/figma/shadows/light.json +189 -189
  269. package/dist/figma/themes/dark-colorblind.json +4470 -5204
  270. package/dist/figma/themes/dark-dimmed.json +4771 -5081
  271. package/dist/figma/themes/dark-high-contrast.json +4189 -6548
  272. package/dist/figma/themes/dark-tritanopia.json +4629 -5153
  273. package/dist/figma/themes/dark.json +5072 -4916
  274. package/dist/figma/themes/light-colorblind.json +4490 -5127
  275. package/dist/figma/themes/light-high-contrast.json +4170 -6201
  276. package/dist/figma/themes/light-tritanopia.json +4525 -5027
  277. package/dist/figma/themes/light.json +4982 -4825
  278. package/dist/figma/typography/typography.json +159 -203
  279. package/dist/internalCss/dark-colorblind.css +58 -38
  280. package/dist/internalCss/dark-dimmed.css +44 -24
  281. package/dist/internalCss/dark-high-contrast.css +62 -42
  282. package/dist/internalCss/dark-tritanopia.css +44 -24
  283. package/dist/internalCss/dark.css +42 -22
  284. package/dist/internalCss/light-colorblind.css +60 -40
  285. package/dist/internalCss/light-high-contrast.css +58 -38
  286. package/dist/internalCss/light-tritanopia.css +42 -22
  287. package/dist/internalCss/light.css +42 -22
  288. package/dist/styleLint/base/motion/motion.json +205 -0
  289. package/dist/styleLint/base/size/size.json +38 -38
  290. package/dist/styleLint/base/typography/typography.json +8 -8
  291. package/dist/styleLint/functional/motion/motion.json +27 -12
  292. package/dist/styleLint/functional/size/border.json +30 -30
  293. package/dist/styleLint/functional/size/breakpoints.json +12 -12
  294. package/dist/styleLint/functional/size/size-coarse.json +6 -6
  295. package/dist/styleLint/functional/size/size-fine.json +6 -6
  296. package/dist/styleLint/functional/size/size.json +132 -132
  297. package/dist/styleLint/functional/size/viewport.json +12 -12
  298. package/dist/styleLint/functional/themes/dark-colorblind.json +1644 -2238
  299. package/dist/styleLint/functional/themes/dark-dimmed.json +1699 -1889
  300. package/dist/styleLint/functional/themes/dark-high-contrast.json +1627 -3905
  301. package/dist/styleLint/functional/themes/dark-tritanopia.json +1704 -2078
  302. package/dist/styleLint/functional/themes/dark.json +1692 -1404
  303. package/dist/styleLint/functional/themes/light-colorblind.json +1506 -2052
  304. package/dist/styleLint/functional/themes/light-high-contrast.json +1515 -3471
  305. package/dist/styleLint/functional/themes/light-tritanopia.json +1434 -1848
  306. package/dist/styleLint/functional/themes/light.json +1474 -1196
  307. package/dist/styleLint/functional/typography/typography.json +114 -114
  308. package/package.json +22 -22
  309. package/src/tokens/base/motion/easing.json5 +26 -0
  310. package/src/tokens/base/motion/timing.json5 +50 -0
  311. package/src/tokens/functional/color/dark/app-dark.json5 +203 -88
  312. package/src/tokens/functional/color/dark/data-vis-dark.json5 +20 -20
  313. package/src/tokens/functional/color/dark/display-dark.json5 +95 -95
  314. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -8
  315. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +43 -30
  316. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +62 -30
  317. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +53 -12
  318. package/src/tokens/functional/color/dark/patterns-dark.json5 +16 -4
  319. package/src/tokens/functional/color/dark/primitives-dark.json5 +4 -4
  320. package/src/tokens/functional/color/light/app-light.json5 +195 -85
  321. package/src/tokens/functional/color/light/data-vis-light.json5 +20 -20
  322. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  323. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +65 -34
  324. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +66 -11
  325. package/src/tokens/functional/color/light/patterns-light.json5 +13 -1
  326. package/src/tokens/functional/color/light/primitives-light.json5 +2 -2
  327. package/src/tokens/functional/motion/loading.json5 +1 -1
  328. package/src/tokens/functional/motion/patterns.json5 +9 -2
@@ -1,222 +1,209 @@
1
1
  [
2
2
  {
3
- "name": "borderRadius/full",
4
- "value": 9999,
3
+ "name": "base/size/2",
4
+ "value": 2,
5
5
  "type": "FLOAT",
6
- "description": "Use this border radius for pill shaped elements",
7
- "refId": "functional/size/borderRadius/full",
8
- "collection": "functional/size",
6
+ "refId": "base/size/base/size/2",
7
+ "collection": "base/size",
9
8
  "mode": "default",
10
- "group": "functional/size",
11
- "scopes": ["CORNER_RADIUS"],
12
- "codeSyntax": {
13
- "web": "var(--borderRadius-full) /* utility class: .circle */"
14
- }
9
+ "group": "base/size",
10
+ "scopes": ["WIDTH_HEIGHT"]
15
11
  },
16
12
  {
17
- "name": "borderRadius/large",
18
- "value": 12,
13
+ "name": "base/size/4",
14
+ "value": 4,
19
15
  "type": "FLOAT",
20
- "refId": "functional/size/borderRadius/large",
21
- "collection": "functional/size",
16
+ "refId": "base/size/base/size/4",
17
+ "collection": "base/size",
22
18
  "mode": "default",
23
- "group": "functional/size",
24
- "scopes": ["CORNER_RADIUS"],
25
- "codeSyntax": {
26
- "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
27
- }
19
+ "group": "base/size",
20
+ "scopes": ["WIDTH_HEIGHT"]
28
21
  },
29
22
  {
30
- "name": "borderRadius/medium",
23
+ "name": "base/size/6",
31
24
  "value": 6,
32
25
  "type": "FLOAT",
33
- "refId": "functional/size/borderRadius/medium",
34
- "collection": "functional/size",
26
+ "refId": "base/size/base/size/6",
27
+ "collection": "base/size",
35
28
  "mode": "default",
36
- "group": "functional/size",
37
- "scopes": ["CORNER_RADIUS"],
38
- "codeSyntax": {
39
- "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
40
- }
29
+ "group": "base/size",
30
+ "scopes": ["WIDTH_HEIGHT"]
41
31
  },
42
32
  {
43
- "name": "borderRadius/small",
44
- "value": 3,
33
+ "name": "base/size/8",
34
+ "value": 8,
45
35
  "type": "FLOAT",
46
- "refId": "functional/size/borderRadius/small",
47
- "collection": "functional/size",
36
+ "refId": "base/size/base/size/8",
37
+ "collection": "base/size",
48
38
  "mode": "default",
49
- "group": "functional/size",
50
- "scopes": ["CORNER_RADIUS"],
51
- "codeSyntax": {
52
- "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
53
- }
39
+ "group": "base/size",
40
+ "scopes": ["WIDTH_HEIGHT"]
54
41
  },
55
42
  {
56
- "name": "overlay/offset",
57
- "value": 4,
43
+ "name": "base/size/12",
44
+ "value": 12,
58
45
  "type": "FLOAT",
59
- "refId": "pattern/size/overlay/offset",
60
- "collection": "pattern/size",
46
+ "refId": "base/size/base/size/12",
47
+ "collection": "base/size",
61
48
  "mode": "default",
62
- "group": "pattern/size",
49
+ "group": "base/size",
63
50
  "scopes": ["WIDTH_HEIGHT"]
64
51
  },
65
52
  {
66
- "name": "overlay/height/xlarge",
67
- "value": 600,
53
+ "name": "base/size/16",
54
+ "value": 16,
68
55
  "type": "FLOAT",
69
- "refId": "pattern/size/overlay/height/xlarge",
70
- "collection": "pattern/size",
56
+ "refId": "base/size/base/size/16",
57
+ "collection": "base/size",
71
58
  "mode": "default",
72
- "group": "pattern/size",
59
+ "group": "base/size",
73
60
  "scopes": ["WIDTH_HEIGHT"]
74
61
  },
75
62
  {
76
- "name": "overlay/height/large",
77
- "value": 432,
63
+ "name": "base/size/20",
64
+ "value": 20,
78
65
  "type": "FLOAT",
79
- "refId": "pattern/size/overlay/height/large",
80
- "collection": "pattern/size",
66
+ "refId": "base/size/base/size/20",
67
+ "collection": "base/size",
81
68
  "mode": "default",
82
- "group": "pattern/size",
69
+ "group": "base/size",
83
70
  "scopes": ["WIDTH_HEIGHT"]
84
71
  },
85
72
  {
86
- "name": "overlay/height/medium",
87
- "value": 320,
73
+ "name": "base/size/24",
74
+ "value": 24,
88
75
  "type": "FLOAT",
89
- "refId": "pattern/size/overlay/height/medium",
90
- "collection": "pattern/size",
76
+ "refId": "base/size/base/size/24",
77
+ "collection": "base/size",
91
78
  "mode": "default",
92
- "group": "pattern/size",
79
+ "group": "base/size",
93
80
  "scopes": ["WIDTH_HEIGHT"]
94
81
  },
95
82
  {
96
- "name": "overlay/height/small",
97
- "value": 256,
83
+ "name": "base/size/28",
84
+ "value": 28,
98
85
  "type": "FLOAT",
99
- "refId": "pattern/size/overlay/height/small",
100
- "collection": "pattern/size",
86
+ "refId": "base/size/base/size/28",
87
+ "collection": "base/size",
101
88
  "mode": "default",
102
- "group": "pattern/size",
89
+ "group": "base/size",
103
90
  "scopes": ["WIDTH_HEIGHT"]
104
91
  },
105
92
  {
106
- "name": "overlay/width/xlarge",
107
- "value": 960,
93
+ "name": "base/size/32",
94
+ "value": 32,
108
95
  "type": "FLOAT",
109
- "refId": "pattern/size/overlay/width/xlarge",
110
- "collection": "pattern/size",
96
+ "refId": "base/size/base/size/32",
97
+ "collection": "base/size",
111
98
  "mode": "default",
112
- "group": "pattern/size",
99
+ "group": "base/size",
113
100
  "scopes": ["WIDTH_HEIGHT"]
114
101
  },
115
102
  {
116
- "name": "overlay/width/large",
117
- "value": 640,
103
+ "name": "base/size/36",
104
+ "value": 36,
118
105
  "type": "FLOAT",
119
- "refId": "pattern/size/overlay/width/large",
120
- "collection": "pattern/size",
106
+ "refId": "base/size/base/size/36",
107
+ "collection": "base/size",
121
108
  "mode": "default",
122
- "group": "pattern/size",
109
+ "group": "base/size",
123
110
  "scopes": ["WIDTH_HEIGHT"]
124
111
  },
125
112
  {
126
- "name": "overlay/width/medium",
127
- "value": 480,
113
+ "name": "base/size/40",
114
+ "value": 40,
128
115
  "type": "FLOAT",
129
- "refId": "pattern/size/overlay/width/medium",
130
- "collection": "pattern/size",
116
+ "refId": "base/size/base/size/40",
117
+ "collection": "base/size",
131
118
  "mode": "default",
132
- "group": "pattern/size",
119
+ "group": "base/size",
133
120
  "scopes": ["WIDTH_HEIGHT"]
134
121
  },
135
122
  {
136
- "name": "overlay/width/small",
137
- "value": 320,
123
+ "name": "base/size/44",
124
+ "value": 44,
138
125
  "type": "FLOAT",
139
- "refId": "pattern/size/overlay/width/small",
140
- "collection": "pattern/size",
126
+ "refId": "base/size/base/size/44",
127
+ "collection": "base/size",
141
128
  "mode": "default",
142
- "group": "pattern/size",
129
+ "group": "base/size",
143
130
  "scopes": ["WIDTH_HEIGHT"]
144
131
  },
145
132
  {
146
- "name": "overlay/width/xsmall",
147
- "value": 192,
133
+ "name": "base/size/48",
134
+ "value": 48,
148
135
  "type": "FLOAT",
149
- "refId": "pattern/size/overlay/width/xsmall",
150
- "collection": "pattern/size",
136
+ "refId": "base/size/base/size/48",
137
+ "collection": "base/size",
151
138
  "mode": "default",
152
- "group": "pattern/size",
139
+ "group": "base/size",
153
140
  "scopes": ["WIDTH_HEIGHT"]
154
141
  },
155
142
  {
156
- "name": "control/xlarge/paddingBlock",
157
- "value": 14,
143
+ "name": "base/size/64",
144
+ "value": 64,
158
145
  "type": "FLOAT",
159
- "refId": "pattern/size/control/xlarge/paddingBlock",
160
- "collection": "pattern/size",
146
+ "refId": "base/size/base/size/64",
147
+ "collection": "base/size",
161
148
  "mode": "default",
162
- "group": "pattern/size",
163
- "scopes": ["GAP"]
149
+ "group": "base/size",
150
+ "scopes": ["WIDTH_HEIGHT"]
164
151
  },
165
152
  {
166
- "name": "control/large/paddingBlock",
167
- "value": 10,
153
+ "name": "base/size/80",
154
+ "value": 80,
168
155
  "type": "FLOAT",
169
- "refId": "pattern/size/control/large/paddingBlock",
170
- "collection": "pattern/size",
156
+ "refId": "base/size/base/size/80",
157
+ "collection": "base/size",
171
158
  "mode": "default",
172
- "group": "pattern/size",
173
- "scopes": ["GAP"]
159
+ "group": "base/size",
160
+ "scopes": ["WIDTH_HEIGHT"]
174
161
  },
175
162
  {
176
- "name": "control/medium/paddingBlock",
177
- "value": 6,
163
+ "name": "base/size/96",
164
+ "value": 96,
178
165
  "type": "FLOAT",
179
- "refId": "pattern/size/control/medium/paddingBlock",
180
- "collection": "pattern/size",
166
+ "refId": "base/size/base/size/96",
167
+ "collection": "base/size",
181
168
  "mode": "default",
182
- "group": "pattern/size",
183
- "scopes": ["GAP"]
169
+ "group": "base/size",
170
+ "scopes": ["WIDTH_HEIGHT"]
184
171
  },
185
172
  {
186
- "name": "control/xsmall/paddingBlock",
187
- "value": 2,
173
+ "name": "base/size/112",
174
+ "value": 112,
188
175
  "type": "FLOAT",
189
- "refId": "pattern/size/control/xsmall/paddingBlock",
190
- "collection": "pattern/size",
176
+ "refId": "base/size/base/size/112",
177
+ "collection": "base/size",
191
178
  "mode": "default",
192
- "group": "pattern/size",
193
- "scopes": ["GAP"]
179
+ "group": "base/size",
180
+ "scopes": ["WIDTH_HEIGHT"]
194
181
  },
195
182
  {
196
- "name": "breakpoint/xxlarge",
197
- "value": 1400,
183
+ "name": "base/size/128",
184
+ "value": 128,
198
185
  "type": "FLOAT",
199
- "refId": "functional/size/breakpoint/xxlarge",
200
- "collection": "functional/size",
186
+ "refId": "base/size/base/size/128",
187
+ "collection": "base/size",
201
188
  "mode": "default",
202
- "group": "functional/size",
189
+ "group": "base/size",
203
190
  "scopes": ["WIDTH_HEIGHT"]
204
191
  },
205
192
  {
206
- "name": "breakpoint/xlarge",
207
- "value": 1280,
193
+ "name": "breakpoint/xsmall",
194
+ "value": 320,
208
195
  "type": "FLOAT",
209
- "refId": "functional/size/breakpoint/xlarge",
196
+ "refId": "functional/size/breakpoint/xsmall",
210
197
  "collection": "functional/size",
211
198
  "mode": "default",
212
199
  "group": "functional/size",
213
200
  "scopes": ["WIDTH_HEIGHT"]
214
201
  },
215
202
  {
216
- "name": "breakpoint/large",
217
- "value": 1012,
203
+ "name": "breakpoint/small",
204
+ "value": 544,
218
205
  "type": "FLOAT",
219
- "refId": "functional/size/breakpoint/large",
206
+ "refId": "functional/size/breakpoint/small",
220
207
  "collection": "functional/size",
221
208
  "mode": "default",
222
209
  "group": "functional/size",
@@ -233,278 +220,258 @@
233
220
  "scopes": ["WIDTH_HEIGHT"]
234
221
  },
235
222
  {
236
- "name": "breakpoint/small",
237
- "value": 544,
223
+ "name": "breakpoint/large",
224
+ "value": 1012,
238
225
  "type": "FLOAT",
239
- "refId": "functional/size/breakpoint/small",
226
+ "refId": "functional/size/breakpoint/large",
240
227
  "collection": "functional/size",
241
228
  "mode": "default",
242
229
  "group": "functional/size",
243
230
  "scopes": ["WIDTH_HEIGHT"]
244
231
  },
245
232
  {
246
- "name": "breakpoint/xsmall",
247
- "value": 320,
233
+ "name": "breakpoint/xlarge",
234
+ "value": 1280,
248
235
  "type": "FLOAT",
249
- "refId": "functional/size/breakpoint/xsmall",
236
+ "refId": "functional/size/breakpoint/xlarge",
250
237
  "collection": "functional/size",
251
238
  "mode": "default",
252
239
  "group": "functional/size",
253
240
  "scopes": ["WIDTH_HEIGHT"]
254
241
  },
255
242
  {
256
- "name": "base/size/128",
257
- "value": 128,
243
+ "name": "breakpoint/xxlarge",
244
+ "value": 1400,
258
245
  "type": "FLOAT",
259
- "refId": "base/size/base/size/128",
260
- "collection": "base/size",
246
+ "refId": "functional/size/breakpoint/xxlarge",
247
+ "collection": "functional/size",
261
248
  "mode": "default",
262
- "group": "base/size",
249
+ "group": "functional/size",
263
250
  "scopes": ["WIDTH_HEIGHT"]
264
251
  },
265
252
  {
266
- "name": "base/size/112",
267
- "value": 112,
253
+ "name": "control/minTarget/fine",
254
+ "value": 16,
268
255
  "type": "FLOAT",
269
- "refId": "base/size/base/size/112",
270
- "collection": "base/size",
256
+ "refId": "pattern/size/control/minTarget/fine",
257
+ "reference": "base/size/base/size/16",
258
+ "collection": "pattern/size",
271
259
  "mode": "default",
272
- "group": "base/size",
260
+ "group": "pattern/size",
273
261
  "scopes": ["WIDTH_HEIGHT"]
274
262
  },
275
263
  {
276
- "name": "base/size/96",
277
- "value": 96,
264
+ "name": "control/minTarget/coarse",
265
+ "value": 44,
278
266
  "type": "FLOAT",
279
- "refId": "base/size/base/size/96",
280
- "collection": "base/size",
267
+ "refId": "pattern/size/control/minTarget/coarse",
268
+ "reference": "base/size/base/size/44",
269
+ "collection": "pattern/size",
281
270
  "mode": "default",
282
- "group": "base/size",
271
+ "group": "pattern/size",
283
272
  "scopes": ["WIDTH_HEIGHT"]
284
273
  },
285
274
  {
286
- "name": "base/size/80",
287
- "value": 80,
275
+ "name": "control/xsmall/size",
276
+ "value": 24,
288
277
  "type": "FLOAT",
289
- "refId": "base/size/base/size/80",
290
- "collection": "base/size",
278
+ "refId": "pattern/size/control/xsmall/size",
279
+ "reference": "base/size/base/size/24",
280
+ "collection": "pattern/size",
291
281
  "mode": "default",
292
- "group": "base/size",
282
+ "group": "pattern/size",
293
283
  "scopes": ["WIDTH_HEIGHT"]
294
284
  },
295
285
  {
296
- "name": "base/size/64",
297
- "value": 64,
286
+ "name": "control/xsmall/lineBoxHeight",
287
+ "value": 20,
298
288
  "type": "FLOAT",
299
- "refId": "base/size/base/size/64",
300
- "collection": "base/size",
289
+ "refId": "pattern/size/control/xsmall/lineBoxHeight",
290
+ "reference": "base/size/base/size/20",
291
+ "collection": "pattern/size",
301
292
  "mode": "default",
302
- "group": "base/size",
293
+ "group": "pattern/size",
303
294
  "scopes": ["WIDTH_HEIGHT"]
304
295
  },
305
296
  {
306
- "name": "base/size/48",
307
- "value": 48,
297
+ "name": "control/xsmall/paddingBlock",
298
+ "value": 2,
308
299
  "type": "FLOAT",
309
- "refId": "base/size/base/size/48",
310
- "collection": "base/size",
300
+ "refId": "pattern/size/control/xsmall/paddingBlock",
301
+ "collection": "pattern/size",
311
302
  "mode": "default",
312
- "group": "base/size",
313
- "scopes": ["WIDTH_HEIGHT"]
303
+ "group": "pattern/size",
304
+ "scopes": ["GAP"]
314
305
  },
315
306
  {
316
- "name": "base/size/44",
317
- "value": 44,
307
+ "name": "control/xsmall/paddingInline/condensed",
308
+ "value": 4,
318
309
  "type": "FLOAT",
319
- "refId": "base/size/base/size/44",
320
- "collection": "base/size",
310
+ "refId": "pattern/size/control/xsmall/paddingInline/condensed",
311
+ "reference": "base/size/base/size/4",
312
+ "collection": "pattern/size",
321
313
  "mode": "default",
322
- "group": "base/size",
323
- "scopes": ["WIDTH_HEIGHT"]
314
+ "group": "pattern/size",
315
+ "scopes": ["GAP"]
324
316
  },
325
317
  {
326
- "name": "base/size/40",
327
- "value": 40,
318
+ "name": "control/xsmall/paddingInline/normal",
319
+ "value": 8,
328
320
  "type": "FLOAT",
329
- "refId": "base/size/base/size/40",
330
- "collection": "base/size",
321
+ "refId": "pattern/size/control/xsmall/paddingInline/normal",
322
+ "reference": "base/size/base/size/8",
323
+ "collection": "pattern/size",
331
324
  "mode": "default",
332
- "group": "base/size",
333
- "scopes": ["WIDTH_HEIGHT"]
325
+ "group": "pattern/size",
326
+ "scopes": ["GAP"]
334
327
  },
335
328
  {
336
- "name": "base/size/36",
337
- "value": 36,
329
+ "name": "control/xsmall/paddingInline/spacious",
330
+ "value": 12,
338
331
  "type": "FLOAT",
339
- "refId": "base/size/base/size/36",
340
- "collection": "base/size",
332
+ "refId": "pattern/size/control/xsmall/paddingInline/spacious",
333
+ "reference": "base/size/base/size/12",
334
+ "collection": "pattern/size",
341
335
  "mode": "default",
342
- "group": "base/size",
343
- "scopes": ["WIDTH_HEIGHT"]
336
+ "group": "pattern/size",
337
+ "scopes": ["GAP"]
344
338
  },
345
339
  {
346
- "name": "base/size/32",
347
- "value": 32,
340
+ "name": "control/xsmall/gap",
341
+ "value": 4,
348
342
  "type": "FLOAT",
349
- "refId": "base/size/base/size/32",
350
- "collection": "base/size",
343
+ "refId": "pattern/size/control/xsmall/gap",
344
+ "reference": "base/size/base/size/4",
345
+ "collection": "pattern/size",
351
346
  "mode": "default",
352
- "group": "base/size",
353
- "scopes": ["WIDTH_HEIGHT"]
347
+ "group": "pattern/size",
348
+ "scopes": ["GAP"]
354
349
  },
355
350
  {
356
- "name": "base/size/28",
351
+ "name": "control/small/size",
357
352
  "value": 28,
358
353
  "type": "FLOAT",
359
- "refId": "base/size/base/size/28",
360
- "collection": "base/size",
361
- "mode": "default",
362
- "group": "base/size",
363
- "scopes": ["WIDTH_HEIGHT"]
364
- },
365
- {
366
- "name": "base/size/24",
367
- "value": 24,
368
- "type": "FLOAT",
369
- "refId": "base/size/base/size/24",
370
- "collection": "base/size",
354
+ "refId": "pattern/size/control/small/size",
355
+ "reference": "base/size/base/size/28",
356
+ "collection": "pattern/size",
371
357
  "mode": "default",
372
- "group": "base/size",
358
+ "group": "pattern/size",
373
359
  "scopes": ["WIDTH_HEIGHT"]
374
360
  },
375
361
  {
376
- "name": "base/size/20",
362
+ "name": "control/small/lineBoxHeight",
377
363
  "value": 20,
378
364
  "type": "FLOAT",
379
- "refId": "base/size/base/size/20",
380
- "collection": "base/size",
381
- "mode": "default",
382
- "group": "base/size",
383
- "scopes": ["WIDTH_HEIGHT"]
384
- },
385
- {
386
- "name": "base/size/16",
387
- "value": 16,
388
- "type": "FLOAT",
389
- "refId": "base/size/base/size/16",
390
- "collection": "base/size",
365
+ "refId": "pattern/size/control/small/lineBoxHeight",
366
+ "reference": "base/size/base/size/20",
367
+ "collection": "pattern/size",
391
368
  "mode": "default",
392
- "group": "base/size",
369
+ "group": "pattern/size",
393
370
  "scopes": ["WIDTH_HEIGHT"]
394
371
  },
395
372
  {
396
- "name": "base/size/12",
397
- "value": 12,
373
+ "name": "control/small/paddingBlock",
374
+ "value": 4,
398
375
  "type": "FLOAT",
399
- "refId": "base/size/base/size/12",
400
- "collection": "base/size",
376
+ "refId": "pattern/size/control/small/paddingBlock",
377
+ "reference": "base/size/base/size/4",
378
+ "collection": "pattern/size",
401
379
  "mode": "default",
402
- "group": "base/size",
403
- "scopes": ["WIDTH_HEIGHT"]
380
+ "group": "pattern/size",
381
+ "scopes": ["GAP"]
404
382
  },
405
383
  {
406
- "name": "base/size/8",
384
+ "name": "control/small/paddingInline/condensed",
407
385
  "value": 8,
408
386
  "type": "FLOAT",
409
- "refId": "base/size/base/size/8",
410
- "collection": "base/size",
387
+ "refId": "pattern/size/control/small/paddingInline/condensed",
388
+ "reference": "base/size/base/size/8",
389
+ "collection": "pattern/size",
411
390
  "mode": "default",
412
- "group": "base/size",
413
- "scopes": ["WIDTH_HEIGHT"]
391
+ "group": "pattern/size",
392
+ "scopes": ["GAP"]
414
393
  },
415
394
  {
416
- "name": "base/size/6",
417
- "value": 6,
395
+ "name": "control/small/paddingInline/normal",
396
+ "value": 12,
418
397
  "type": "FLOAT",
419
- "refId": "base/size/base/size/6",
420
- "collection": "base/size",
398
+ "refId": "pattern/size/control/small/paddingInline/normal",
399
+ "reference": "base/size/base/size/12",
400
+ "collection": "pattern/size",
421
401
  "mode": "default",
422
- "group": "base/size",
423
- "scopes": ["WIDTH_HEIGHT"]
402
+ "group": "pattern/size",
403
+ "scopes": ["GAP"]
424
404
  },
425
405
  {
426
- "name": "base/size/4",
406
+ "name": "control/small/gap",
427
407
  "value": 4,
428
408
  "type": "FLOAT",
429
- "refId": "base/size/base/size/4",
430
- "collection": "base/size",
409
+ "refId": "pattern/size/control/small/gap",
410
+ "reference": "base/size/base/size/4",
411
+ "collection": "pattern/size",
431
412
  "mode": "default",
432
- "group": "base/size",
433
- "scopes": ["WIDTH_HEIGHT"]
413
+ "group": "pattern/size",
414
+ "scopes": ["GAP"]
434
415
  },
435
416
  {
436
- "name": "base/size/2",
437
- "value": 2,
417
+ "name": "control/medium/size",
418
+ "value": 32,
438
419
  "type": "FLOAT",
439
- "refId": "base/size/base/size/2",
440
- "collection": "base/size",
420
+ "refId": "pattern/size/control/medium/size",
421
+ "reference": "base/size/base/size/32",
422
+ "collection": "pattern/size",
441
423
  "mode": "default",
442
- "group": "base/size",
424
+ "group": "pattern/size",
443
425
  "scopes": ["WIDTH_HEIGHT"]
444
426
  },
445
427
  {
446
- "name": "borderRadius/default",
447
- "value": 6,
448
- "type": "FLOAT",
449
- "refId": "functional/size/borderRadius/default",
450
- "reference": "functional/size/borderRadius/medium",
451
- "collection": "functional/size",
452
- "mode": "default",
453
- "group": "functional/size",
454
- "scopes": ["CORNER_RADIUS"],
455
- "codeSyntax": {
456
- "web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
457
- }
458
- },
459
- {
460
- "name": "overlay/borderRadius",
461
- "value": 6,
428
+ "name": "control/medium/lineBoxHeight",
429
+ "value": 20,
462
430
  "type": "FLOAT",
463
- "refId": "pattern/size/overlay/borderRadius",
464
- "reference": "functional/size/borderRadius/medium",
431
+ "refId": "pattern/size/control/medium/lineBoxHeight",
432
+ "reference": "base/size/base/size/20",
465
433
  "collection": "pattern/size",
466
434
  "mode": "default",
467
435
  "group": "pattern/size",
468
- "scopes": ["CORNER_RADIUS"]
436
+ "scopes": ["WIDTH_HEIGHT"]
469
437
  },
470
438
  {
471
- "name": "overlay/paddingBlock/normal",
472
- "value": 12,
439
+ "name": "control/medium/paddingBlock",
440
+ "value": 6,
473
441
  "type": "FLOAT",
474
- "refId": "pattern/size/overlay/paddingBlock/normal",
475
- "reference": "base/size/base/size/12",
442
+ "refId": "pattern/size/control/medium/paddingBlock",
476
443
  "collection": "pattern/size",
477
444
  "mode": "default",
478
445
  "group": "pattern/size",
479
446
  "scopes": ["GAP"]
480
447
  },
481
448
  {
482
- "name": "overlay/paddingBlock/condensed",
483
- "value": 4,
449
+ "name": "control/medium/paddingInline/condensed",
450
+ "value": 8,
484
451
  "type": "FLOAT",
485
- "refId": "pattern/size/overlay/paddingBlock/condensed",
486
- "reference": "base/size/base/size/4",
452
+ "refId": "pattern/size/control/medium/paddingInline/condensed",
453
+ "reference": "base/size/base/size/8",
487
454
  "collection": "pattern/size",
488
455
  "mode": "default",
489
456
  "group": "pattern/size",
490
457
  "scopes": ["GAP"]
491
458
  },
492
459
  {
493
- "name": "overlay/padding/condensed",
494
- "value": 8,
460
+ "name": "control/medium/paddingInline/normal",
461
+ "value": 12,
495
462
  "type": "FLOAT",
496
- "refId": "pattern/size/overlay/padding/condensed",
497
- "reference": "base/size/base/size/8",
463
+ "refId": "pattern/size/control/medium/paddingInline/normal",
464
+ "reference": "base/size/base/size/12",
498
465
  "collection": "pattern/size",
499
466
  "mode": "default",
500
467
  "group": "pattern/size",
501
468
  "scopes": ["GAP"]
502
469
  },
503
470
  {
504
- "name": "overlay/padding/normal",
471
+ "name": "control/medium/paddingInline/spacious",
505
472
  "value": 16,
506
473
  "type": "FLOAT",
507
- "refId": "pattern/size/overlay/padding/normal",
474
+ "refId": "pattern/size/control/medium/paddingInline/spacious",
508
475
  "reference": "base/size/base/size/16",
509
476
  "collection": "pattern/size",
510
477
  "mode": "default",
@@ -512,65 +479,64 @@
512
479
  "scopes": ["GAP"]
513
480
  },
514
481
  {
515
- "name": "controlStack/large/gap/spacious",
516
- "value": 12,
482
+ "name": "control/medium/gap",
483
+ "value": 8,
517
484
  "type": "FLOAT",
518
- "refId": "pattern/size/controlStack/large/gap/spacious",
519
- "reference": "base/size/base/size/12",
485
+ "refId": "pattern/size/control/medium/gap",
486
+ "reference": "base/size/base/size/8",
520
487
  "collection": "pattern/size",
521
488
  "mode": "default",
522
489
  "group": "pattern/size",
523
490
  "scopes": ["GAP"]
524
491
  },
525
492
  {
526
- "name": "controlStack/large/gap/condensed",
527
- "value": 8,
493
+ "name": "control/large/size",
494
+ "value": 40,
528
495
  "type": "FLOAT",
529
- "refId": "pattern/size/controlStack/large/gap/condensed",
530
- "reference": "base/size/base/size/8",
496
+ "refId": "pattern/size/control/large/size",
497
+ "reference": "base/size/base/size/40",
531
498
  "collection": "pattern/size",
532
499
  "mode": "default",
533
500
  "group": "pattern/size",
534
- "scopes": ["GAP"]
501
+ "scopes": ["WIDTH_HEIGHT"]
535
502
  },
536
503
  {
537
- "name": "controlStack/large/gap/auto",
538
- "value": 8,
504
+ "name": "control/large/lineBoxHeight",
505
+ "value": 20,
539
506
  "type": "FLOAT",
540
- "refId": "pattern/size/controlStack/large/gap/auto",
541
- "reference": "base/size/base/size/8",
507
+ "refId": "pattern/size/control/large/lineBoxHeight",
508
+ "reference": "base/size/base/size/20",
542
509
  "collection": "pattern/size",
543
510
  "mode": "default",
544
511
  "group": "pattern/size",
545
- "scopes": ["GAP"]
512
+ "scopes": ["WIDTH_HEIGHT"]
546
513
  },
547
514
  {
548
- "name": "controlStack/medium/gap/spacious",
549
- "value": 12,
515
+ "name": "control/large/paddingBlock",
516
+ "value": 10,
550
517
  "type": "FLOAT",
551
- "refId": "pattern/size/controlStack/medium/gap/spacious",
552
- "reference": "base/size/base/size/12",
518
+ "refId": "pattern/size/control/large/paddingBlock",
553
519
  "collection": "pattern/size",
554
520
  "mode": "default",
555
521
  "group": "pattern/size",
556
522
  "scopes": ["GAP"]
557
523
  },
558
524
  {
559
- "name": "controlStack/medium/gap/condensed",
560
- "value": 8,
525
+ "name": "control/large/paddingInline/normal",
526
+ "value": 12,
561
527
  "type": "FLOAT",
562
- "refId": "pattern/size/controlStack/medium/gap/condensed",
563
- "reference": "base/size/base/size/8",
528
+ "refId": "pattern/size/control/large/paddingInline/normal",
529
+ "reference": "base/size/base/size/12",
564
530
  "collection": "pattern/size",
565
531
  "mode": "default",
566
532
  "group": "pattern/size",
567
533
  "scopes": ["GAP"]
568
534
  },
569
535
  {
570
- "name": "controlStack/small/gap/spacious",
536
+ "name": "control/large/paddingInline/spacious",
571
537
  "value": 16,
572
538
  "type": "FLOAT",
573
- "refId": "pattern/size/controlStack/small/gap/spacious",
539
+ "refId": "pattern/size/control/large/paddingInline/spacious",
574
540
  "reference": "base/size/base/size/16",
575
541
  "collection": "pattern/size",
576
542
  "mode": "default",
@@ -578,10 +544,10 @@
578
544
  "scopes": ["GAP"]
579
545
  },
580
546
  {
581
- "name": "controlStack/small/gap/condensed",
547
+ "name": "control/large/gap",
582
548
  "value": 8,
583
549
  "type": "FLOAT",
584
- "refId": "pattern/size/controlStack/small/gap/condensed",
550
+ "refId": "pattern/size/control/large/gap",
585
551
  "reference": "base/size/base/size/8",
586
552
  "collection": "pattern/size",
587
553
  "mode": "default",
@@ -589,95 +555,76 @@
589
555
  "scopes": ["GAP"]
590
556
  },
591
557
  {
592
- "name": "stack/gap/spacious",
593
- "value": 24,
558
+ "name": "control/xlarge/size",
559
+ "value": 48,
594
560
  "type": "FLOAT",
595
- "refId": "pattern/size/stack/gap/spacious",
596
- "reference": "base/size/base/size/24",
561
+ "refId": "pattern/size/control/xlarge/size",
562
+ "reference": "base/size/base/size/48",
597
563
  "collection": "pattern/size",
598
564
  "mode": "default",
599
- "group": "component",
600
- "scopes": ["GAP"],
601
- "codeSyntax": {
602
- "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
603
- }
565
+ "group": "pattern/size",
566
+ "scopes": ["WIDTH_HEIGHT"]
604
567
  },
605
568
  {
606
- "name": "stack/gap/normal",
607
- "value": 16,
569
+ "name": "control/xlarge/lineBoxHeight",
570
+ "value": 20,
608
571
  "type": "FLOAT",
609
- "refId": "pattern/size/stack/gap/normal",
610
- "reference": "base/size/base/size/16",
572
+ "refId": "pattern/size/control/xlarge/lineBoxHeight",
573
+ "reference": "base/size/base/size/20",
611
574
  "collection": "pattern/size",
612
575
  "mode": "default",
613
- "group": "component",
614
- "scopes": ["GAP"],
615
- "codeSyntax": {
616
- "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
617
- }
576
+ "group": "pattern/size",
577
+ "scopes": ["WIDTH_HEIGHT"]
618
578
  },
619
579
  {
620
- "name": "stack/gap/condensed",
621
- "value": 8,
580
+ "name": "control/xlarge/paddingBlock",
581
+ "value": 14,
622
582
  "type": "FLOAT",
623
- "refId": "pattern/size/stack/gap/condensed",
624
- "reference": "base/size/base/size/8",
583
+ "refId": "pattern/size/control/xlarge/paddingBlock",
625
584
  "collection": "pattern/size",
626
585
  "mode": "default",
627
- "group": "component",
628
- "scopes": ["GAP"],
629
- "codeSyntax": {
630
- "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
631
- }
586
+ "group": "pattern/size",
587
+ "scopes": ["GAP"]
632
588
  },
633
589
  {
634
- "name": "stack/padding/spacious",
635
- "value": 24,
590
+ "name": "control/xlarge/paddingInline/normal",
591
+ "value": 12,
636
592
  "type": "FLOAT",
637
- "refId": "pattern/size/stack/padding/spacious",
638
- "reference": "base/size/base/size/24",
593
+ "refId": "pattern/size/control/xlarge/paddingInline/normal",
594
+ "reference": "base/size/base/size/12",
639
595
  "collection": "pattern/size",
640
596
  "mode": "default",
641
- "group": "component",
642
- "scopes": ["GAP"],
643
- "codeSyntax": {
644
- "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
645
- }
597
+ "group": "pattern/size",
598
+ "scopes": ["GAP"]
646
599
  },
647
600
  {
648
- "name": "stack/padding/normal",
601
+ "name": "control/xlarge/paddingInline/spacious",
649
602
  "value": 16,
650
603
  "type": "FLOAT",
651
- "refId": "pattern/size/stack/padding/normal",
604
+ "refId": "pattern/size/control/xlarge/paddingInline/spacious",
652
605
  "reference": "base/size/base/size/16",
653
606
  "collection": "pattern/size",
654
607
  "mode": "default",
655
- "group": "component",
656
- "scopes": ["GAP"],
657
- "codeSyntax": {
658
- "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
659
- }
608
+ "group": "pattern/size",
609
+ "scopes": ["GAP"]
660
610
  },
661
611
  {
662
- "name": "stack/padding/condensed",
612
+ "name": "control/xlarge/gap",
663
613
  "value": 8,
664
614
  "type": "FLOAT",
665
- "refId": "pattern/size/stack/padding/condensed",
615
+ "refId": "pattern/size/control/xlarge/gap",
666
616
  "reference": "base/size/base/size/8",
667
617
  "collection": "pattern/size",
668
618
  "mode": "default",
669
- "group": "component",
670
- "scopes": ["GAP"],
671
- "codeSyntax": {
672
- "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
673
- }
619
+ "group": "pattern/size",
620
+ "scopes": ["GAP"]
674
621
  },
675
622
  {
676
- "name": "spinner/size/large",
677
- "value": 64,
623
+ "name": "spinner/size/small",
624
+ "value": 16,
678
625
  "type": "FLOAT",
679
- "refId": "pattern/size/spinner/size/large",
680
- "reference": "base/size/base/size/64",
626
+ "refId": "pattern/size/spinner/size/small",
627
+ "reference": "base/size/base/size/16",
681
628
  "collection": "pattern/size",
682
629
  "mode": "default",
683
630
  "group": "pattern/size",
@@ -695,76 +642,105 @@
695
642
  "scopes": ["WIDTH_HEIGHT"]
696
643
  },
697
644
  {
698
- "name": "spinner/size/small",
699
- "value": 16,
645
+ "name": "spinner/size/large",
646
+ "value": 64,
700
647
  "type": "FLOAT",
701
- "refId": "pattern/size/spinner/size/small",
702
- "reference": "base/size/base/size/16",
648
+ "refId": "pattern/size/spinner/size/large",
649
+ "reference": "base/size/base/size/64",
703
650
  "collection": "pattern/size",
704
651
  "mode": "default",
705
652
  "group": "pattern/size",
706
653
  "scopes": ["WIDTH_HEIGHT"]
707
654
  },
708
655
  {
709
- "name": "control/xlarge/gap",
656
+ "name": "stack/padding/condensed",
710
657
  "value": 8,
711
658
  "type": "FLOAT",
712
- "refId": "pattern/size/control/xlarge/gap",
659
+ "refId": "pattern/size/stack/padding/condensed",
713
660
  "reference": "base/size/base/size/8",
714
661
  "collection": "pattern/size",
715
662
  "mode": "default",
716
- "group": "pattern/size",
717
- "scopes": ["GAP"]
663
+ "group": "component",
664
+ "scopes": ["GAP"],
665
+ "codeSyntax": {
666
+ "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
667
+ }
718
668
  },
719
669
  {
720
- "name": "control/xlarge/paddingInline/spacious",
670
+ "name": "stack/padding/normal",
721
671
  "value": 16,
722
672
  "type": "FLOAT",
723
- "refId": "pattern/size/control/xlarge/paddingInline/spacious",
673
+ "refId": "pattern/size/stack/padding/normal",
724
674
  "reference": "base/size/base/size/16",
725
675
  "collection": "pattern/size",
726
676
  "mode": "default",
727
- "group": "pattern/size",
728
- "scopes": ["GAP"]
677
+ "group": "component",
678
+ "scopes": ["GAP"],
679
+ "codeSyntax": {
680
+ "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
681
+ }
729
682
  },
730
683
  {
731
- "name": "control/xlarge/paddingInline/normal",
732
- "value": 12,
684
+ "name": "stack/padding/spacious",
685
+ "value": 24,
733
686
  "type": "FLOAT",
734
- "refId": "pattern/size/control/xlarge/paddingInline/normal",
735
- "reference": "base/size/base/size/12",
687
+ "refId": "pattern/size/stack/padding/spacious",
688
+ "reference": "base/size/base/size/24",
736
689
  "collection": "pattern/size",
737
690
  "mode": "default",
738
- "group": "pattern/size",
739
- "scopes": ["GAP"]
691
+ "group": "component",
692
+ "scopes": ["GAP"],
693
+ "codeSyntax": {
694
+ "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
695
+ }
740
696
  },
741
697
  {
742
- "name": "control/xlarge/lineBoxHeight",
743
- "value": 20,
698
+ "name": "stack/gap/condensed",
699
+ "value": 8,
744
700
  "type": "FLOAT",
745
- "refId": "pattern/size/control/xlarge/lineBoxHeight",
746
- "reference": "base/size/base/size/20",
701
+ "refId": "pattern/size/stack/gap/condensed",
702
+ "reference": "base/size/base/size/8",
747
703
  "collection": "pattern/size",
748
704
  "mode": "default",
749
- "group": "pattern/size",
750
- "scopes": ["WIDTH_HEIGHT"]
705
+ "group": "component",
706
+ "scopes": ["GAP"],
707
+ "codeSyntax": {
708
+ "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
709
+ }
751
710
  },
752
711
  {
753
- "name": "control/xlarge/size",
754
- "value": 48,
712
+ "name": "stack/gap/normal",
713
+ "value": 16,
755
714
  "type": "FLOAT",
756
- "refId": "pattern/size/control/xlarge/size",
757
- "reference": "base/size/base/size/48",
715
+ "refId": "pattern/size/stack/gap/normal",
716
+ "reference": "base/size/base/size/16",
717
+ "collection": "pattern/size",
718
+ "mode": "default",
719
+ "group": "component",
720
+ "scopes": ["GAP"],
721
+ "codeSyntax": {
722
+ "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
723
+ }
724
+ },
725
+ {
726
+ "name": "stack/gap/spacious",
727
+ "value": 24,
728
+ "type": "FLOAT",
729
+ "refId": "pattern/size/stack/gap/spacious",
730
+ "reference": "base/size/base/size/24",
758
731
  "collection": "pattern/size",
759
732
  "mode": "default",
760
- "group": "pattern/size",
761
- "scopes": ["WIDTH_HEIGHT"]
733
+ "group": "component",
734
+ "scopes": ["GAP"],
735
+ "codeSyntax": {
736
+ "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
737
+ }
762
738
  },
763
739
  {
764
- "name": "control/large/gap",
740
+ "name": "controlStack/small/gap/condensed",
765
741
  "value": 8,
766
742
  "type": "FLOAT",
767
- "refId": "pattern/size/control/large/gap",
743
+ "refId": "pattern/size/controlStack/small/gap/condensed",
768
744
  "reference": "base/size/base/size/8",
769
745
  "collection": "pattern/size",
770
746
  "mode": "default",
@@ -772,10 +748,10 @@
772
748
  "scopes": ["GAP"]
773
749
  },
774
750
  {
775
- "name": "control/large/paddingInline/spacious",
751
+ "name": "controlStack/small/gap/spacious",
776
752
  "value": 16,
777
753
  "type": "FLOAT",
778
- "refId": "pattern/size/control/large/paddingInline/spacious",
754
+ "refId": "pattern/size/controlStack/small/gap/spacious",
779
755
  "reference": "base/size/base/size/16",
780
756
  "collection": "pattern/size",
781
757
  "mode": "default",
@@ -783,43 +759,32 @@
783
759
  "scopes": ["GAP"]
784
760
  },
785
761
  {
786
- "name": "control/large/paddingInline/normal",
787
- "value": 12,
762
+ "name": "controlStack/medium/gap/condensed",
763
+ "value": 8,
788
764
  "type": "FLOAT",
789
- "refId": "pattern/size/control/large/paddingInline/normal",
790
- "reference": "base/size/base/size/12",
765
+ "refId": "pattern/size/controlStack/medium/gap/condensed",
766
+ "reference": "base/size/base/size/8",
791
767
  "collection": "pattern/size",
792
768
  "mode": "default",
793
769
  "group": "pattern/size",
794
770
  "scopes": ["GAP"]
795
771
  },
796
772
  {
797
- "name": "control/large/lineBoxHeight",
798
- "value": 20,
799
- "type": "FLOAT",
800
- "refId": "pattern/size/control/large/lineBoxHeight",
801
- "reference": "base/size/base/size/20",
802
- "collection": "pattern/size",
803
- "mode": "default",
804
- "group": "pattern/size",
805
- "scopes": ["WIDTH_HEIGHT"]
806
- },
807
- {
808
- "name": "control/large/size",
809
- "value": 40,
773
+ "name": "controlStack/medium/gap/spacious",
774
+ "value": 12,
810
775
  "type": "FLOAT",
811
- "refId": "pattern/size/control/large/size",
812
- "reference": "base/size/base/size/40",
776
+ "refId": "pattern/size/controlStack/medium/gap/spacious",
777
+ "reference": "base/size/base/size/12",
813
778
  "collection": "pattern/size",
814
779
  "mode": "default",
815
780
  "group": "pattern/size",
816
- "scopes": ["WIDTH_HEIGHT"]
781
+ "scopes": ["GAP"]
817
782
  },
818
783
  {
819
- "name": "control/medium/gap",
784
+ "name": "controlStack/large/gap/auto",
820
785
  "value": 8,
821
786
  "type": "FLOAT",
822
- "refId": "pattern/size/control/medium/gap",
787
+ "refId": "pattern/size/controlStack/large/gap/auto",
823
788
  "reference": "base/size/base/size/8",
824
789
  "collection": "pattern/size",
825
790
  "mode": "default",
@@ -827,21 +792,21 @@
827
792
  "scopes": ["GAP"]
828
793
  },
829
794
  {
830
- "name": "control/medium/paddingInline/spacious",
831
- "value": 16,
795
+ "name": "controlStack/large/gap/condensed",
796
+ "value": 8,
832
797
  "type": "FLOAT",
833
- "refId": "pattern/size/control/medium/paddingInline/spacious",
834
- "reference": "base/size/base/size/16",
798
+ "refId": "pattern/size/controlStack/large/gap/condensed",
799
+ "reference": "base/size/base/size/8",
835
800
  "collection": "pattern/size",
836
801
  "mode": "default",
837
802
  "group": "pattern/size",
838
803
  "scopes": ["GAP"]
839
804
  },
840
805
  {
841
- "name": "control/medium/paddingInline/normal",
806
+ "name": "controlStack/large/gap/spacious",
842
807
  "value": 12,
843
808
  "type": "FLOAT",
844
- "refId": "pattern/size/control/medium/paddingInline/normal",
809
+ "refId": "pattern/size/controlStack/large/gap/spacious",
845
810
  "reference": "base/size/base/size/12",
846
811
  "collection": "pattern/size",
847
812
  "mode": "default",
@@ -849,190 +814,225 @@
849
814
  "scopes": ["GAP"]
850
815
  },
851
816
  {
852
- "name": "control/medium/paddingInline/condensed",
853
- "value": 8,
817
+ "name": "overlay/width/xsmall",
818
+ "value": 192,
854
819
  "type": "FLOAT",
855
- "refId": "pattern/size/control/medium/paddingInline/condensed",
856
- "reference": "base/size/base/size/8",
820
+ "refId": "pattern/size/overlay/width/xsmall",
857
821
  "collection": "pattern/size",
858
822
  "mode": "default",
859
823
  "group": "pattern/size",
860
- "scopes": ["GAP"]
824
+ "scopes": ["WIDTH_HEIGHT"]
861
825
  },
862
826
  {
863
- "name": "control/medium/lineBoxHeight",
864
- "value": 20,
827
+ "name": "overlay/width/small",
828
+ "value": 320,
865
829
  "type": "FLOAT",
866
- "refId": "pattern/size/control/medium/lineBoxHeight",
867
- "reference": "base/size/base/size/20",
830
+ "refId": "pattern/size/overlay/width/small",
868
831
  "collection": "pattern/size",
869
832
  "mode": "default",
870
833
  "group": "pattern/size",
871
834
  "scopes": ["WIDTH_HEIGHT"]
872
835
  },
873
836
  {
874
- "name": "control/medium/size",
875
- "value": 32,
837
+ "name": "overlay/width/medium",
838
+ "value": 480,
876
839
  "type": "FLOAT",
877
- "refId": "pattern/size/control/medium/size",
878
- "reference": "base/size/base/size/32",
840
+ "refId": "pattern/size/overlay/width/medium",
879
841
  "collection": "pattern/size",
880
842
  "mode": "default",
881
843
  "group": "pattern/size",
882
844
  "scopes": ["WIDTH_HEIGHT"]
883
845
  },
884
846
  {
885
- "name": "control/small/gap",
886
- "value": 4,
847
+ "name": "overlay/width/large",
848
+ "value": 640,
887
849
  "type": "FLOAT",
888
- "refId": "pattern/size/control/small/gap",
889
- "reference": "base/size/base/size/4",
850
+ "refId": "pattern/size/overlay/width/large",
890
851
  "collection": "pattern/size",
891
852
  "mode": "default",
892
853
  "group": "pattern/size",
893
- "scopes": ["GAP"]
854
+ "scopes": ["WIDTH_HEIGHT"]
894
855
  },
895
856
  {
896
- "name": "control/small/paddingInline/normal",
897
- "value": 12,
857
+ "name": "overlay/width/xlarge",
858
+ "value": 960,
898
859
  "type": "FLOAT",
899
- "refId": "pattern/size/control/small/paddingInline/normal",
900
- "reference": "base/size/base/size/12",
860
+ "refId": "pattern/size/overlay/width/xlarge",
901
861
  "collection": "pattern/size",
902
862
  "mode": "default",
903
863
  "group": "pattern/size",
904
- "scopes": ["GAP"]
864
+ "scopes": ["WIDTH_HEIGHT"]
905
865
  },
906
866
  {
907
- "name": "control/small/paddingInline/condensed",
908
- "value": 8,
867
+ "name": "overlay/height/small",
868
+ "value": 256,
909
869
  "type": "FLOAT",
910
- "refId": "pattern/size/control/small/paddingInline/condensed",
911
- "reference": "base/size/base/size/8",
870
+ "refId": "pattern/size/overlay/height/small",
912
871
  "collection": "pattern/size",
913
872
  "mode": "default",
914
873
  "group": "pattern/size",
915
- "scopes": ["GAP"]
874
+ "scopes": ["WIDTH_HEIGHT"]
916
875
  },
917
876
  {
918
- "name": "control/small/paddingBlock",
919
- "value": 4,
877
+ "name": "overlay/height/medium",
878
+ "value": 320,
920
879
  "type": "FLOAT",
921
- "refId": "pattern/size/control/small/paddingBlock",
922
- "reference": "base/size/base/size/4",
880
+ "refId": "pattern/size/overlay/height/medium",
923
881
  "collection": "pattern/size",
924
882
  "mode": "default",
925
883
  "group": "pattern/size",
926
- "scopes": ["GAP"]
884
+ "scopes": ["WIDTH_HEIGHT"]
927
885
  },
928
886
  {
929
- "name": "control/small/lineBoxHeight",
930
- "value": 20,
887
+ "name": "overlay/height/large",
888
+ "value": 432,
931
889
  "type": "FLOAT",
932
- "refId": "pattern/size/control/small/lineBoxHeight",
933
- "reference": "base/size/base/size/20",
890
+ "refId": "pattern/size/overlay/height/large",
934
891
  "collection": "pattern/size",
935
892
  "mode": "default",
936
893
  "group": "pattern/size",
937
894
  "scopes": ["WIDTH_HEIGHT"]
938
895
  },
939
896
  {
940
- "name": "control/small/size",
941
- "value": 28,
897
+ "name": "overlay/height/xlarge",
898
+ "value": 600,
942
899
  "type": "FLOAT",
943
- "refId": "pattern/size/control/small/size",
944
- "reference": "base/size/base/size/28",
900
+ "refId": "pattern/size/overlay/height/xlarge",
945
901
  "collection": "pattern/size",
946
902
  "mode": "default",
947
903
  "group": "pattern/size",
948
904
  "scopes": ["WIDTH_HEIGHT"]
949
905
  },
950
906
  {
951
- "name": "control/xsmall/gap",
952
- "value": 4,
907
+ "name": "overlay/padding/normal",
908
+ "value": 16,
953
909
  "type": "FLOAT",
954
- "refId": "pattern/size/control/xsmall/gap",
955
- "reference": "base/size/base/size/4",
910
+ "refId": "pattern/size/overlay/padding/normal",
911
+ "reference": "base/size/base/size/16",
956
912
  "collection": "pattern/size",
957
913
  "mode": "default",
958
914
  "group": "pattern/size",
959
915
  "scopes": ["GAP"]
960
916
  },
961
917
  {
962
- "name": "control/xsmall/paddingInline/spacious",
963
- "value": 12,
918
+ "name": "overlay/padding/condensed",
919
+ "value": 8,
964
920
  "type": "FLOAT",
965
- "refId": "pattern/size/control/xsmall/paddingInline/spacious",
966
- "reference": "base/size/base/size/12",
921
+ "refId": "pattern/size/overlay/padding/condensed",
922
+ "reference": "base/size/base/size/8",
967
923
  "collection": "pattern/size",
968
924
  "mode": "default",
969
925
  "group": "pattern/size",
970
926
  "scopes": ["GAP"]
971
927
  },
972
928
  {
973
- "name": "control/xsmall/paddingInline/normal",
974
- "value": 8,
929
+ "name": "overlay/paddingBlock/condensed",
930
+ "value": 4,
975
931
  "type": "FLOAT",
976
- "refId": "pattern/size/control/xsmall/paddingInline/normal",
977
- "reference": "base/size/base/size/8",
932
+ "refId": "pattern/size/overlay/paddingBlock/condensed",
933
+ "reference": "base/size/base/size/4",
978
934
  "collection": "pattern/size",
979
935
  "mode": "default",
980
936
  "group": "pattern/size",
981
937
  "scopes": ["GAP"]
982
938
  },
983
939
  {
984
- "name": "control/xsmall/paddingInline/condensed",
985
- "value": 4,
940
+ "name": "overlay/paddingBlock/normal",
941
+ "value": 12,
986
942
  "type": "FLOAT",
987
- "refId": "pattern/size/control/xsmall/paddingInline/condensed",
988
- "reference": "base/size/base/size/4",
943
+ "refId": "pattern/size/overlay/paddingBlock/normal",
944
+ "reference": "base/size/base/size/12",
989
945
  "collection": "pattern/size",
990
946
  "mode": "default",
991
947
  "group": "pattern/size",
992
948
  "scopes": ["GAP"]
993
949
  },
994
950
  {
995
- "name": "control/xsmall/lineBoxHeight",
996
- "value": 20,
951
+ "name": "overlay/borderRadius",
952
+ "value": 6,
997
953
  "type": "FLOAT",
998
- "refId": "pattern/size/control/xsmall/lineBoxHeight",
999
- "reference": "base/size/base/size/20",
954
+ "refId": "pattern/size/overlay/borderRadius",
955
+ "reference": "functional/size/borderRadius/medium",
1000
956
  "collection": "pattern/size",
1001
957
  "mode": "default",
1002
958
  "group": "pattern/size",
1003
- "scopes": ["WIDTH_HEIGHT"]
959
+ "scopes": ["CORNER_RADIUS"]
1004
960
  },
1005
961
  {
1006
- "name": "control/xsmall/size",
1007
- "value": 24,
962
+ "name": "overlay/offset",
963
+ "value": 4,
1008
964
  "type": "FLOAT",
1009
- "refId": "pattern/size/control/xsmall/size",
1010
- "reference": "base/size/base/size/24",
965
+ "refId": "pattern/size/overlay/offset",
1011
966
  "collection": "pattern/size",
1012
967
  "mode": "default",
1013
968
  "group": "pattern/size",
1014
969
  "scopes": ["WIDTH_HEIGHT"]
1015
970
  },
1016
971
  {
1017
- "name": "control/minTarget/coarse",
1018
- "value": 44,
972
+ "name": "borderRadius/small",
973
+ "value": 3,
1019
974
  "type": "FLOAT",
1020
- "refId": "pattern/size/control/minTarget/coarse",
1021
- "reference": "base/size/base/size/44",
1022
- "collection": "pattern/size",
975
+ "refId": "functional/size/borderRadius/small",
976
+ "collection": "functional/size",
1023
977
  "mode": "default",
1024
- "group": "pattern/size",
1025
- "scopes": ["WIDTH_HEIGHT"]
978
+ "group": "functional/size",
979
+ "scopes": ["CORNER_RADIUS"],
980
+ "codeSyntax": {
981
+ "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
982
+ }
1026
983
  },
1027
984
  {
1028
- "name": "control/minTarget/fine",
1029
- "value": 16,
985
+ "name": "borderRadius/medium",
986
+ "value": 6,
1030
987
  "type": "FLOAT",
1031
- "refId": "pattern/size/control/minTarget/fine",
1032
- "reference": "base/size/base/size/16",
1033
- "collection": "pattern/size",
988
+ "refId": "functional/size/borderRadius/medium",
989
+ "collection": "functional/size",
1034
990
  "mode": "default",
1035
- "group": "pattern/size",
1036
- "scopes": ["WIDTH_HEIGHT"]
991
+ "group": "functional/size",
992
+ "scopes": ["CORNER_RADIUS"],
993
+ "codeSyntax": {
994
+ "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
995
+ }
996
+ },
997
+ {
998
+ "name": "borderRadius/large",
999
+ "value": 12,
1000
+ "type": "FLOAT",
1001
+ "refId": "functional/size/borderRadius/large",
1002
+ "collection": "functional/size",
1003
+ "mode": "default",
1004
+ "group": "functional/size",
1005
+ "scopes": ["CORNER_RADIUS"],
1006
+ "codeSyntax": {
1007
+ "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
1008
+ }
1009
+ },
1010
+ {
1011
+ "name": "borderRadius/full",
1012
+ "value": 9999,
1013
+ "type": "FLOAT",
1014
+ "description": "Use this border radius for pill shaped elements",
1015
+ "refId": "functional/size/borderRadius/full",
1016
+ "collection": "functional/size",
1017
+ "mode": "default",
1018
+ "group": "functional/size",
1019
+ "scopes": ["CORNER_RADIUS"],
1020
+ "codeSyntax": {
1021
+ "web": "var(--borderRadius-full) /* utility class: .circle */"
1022
+ }
1023
+ },
1024
+ {
1025
+ "name": "borderRadius/default",
1026
+ "value": 6,
1027
+ "type": "FLOAT",
1028
+ "refId": "functional/size/borderRadius/default",
1029
+ "reference": "functional/size/borderRadius/medium",
1030
+ "collection": "functional/size",
1031
+ "mode": "default",
1032
+ "group": "functional/size",
1033
+ "scopes": ["CORNER_RADIUS"],
1034
+ "codeSyntax": {
1035
+ "web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
1036
+ }
1037
1037
  }
1038
1038
  ]