@primer/primitives 7.16.0 → 7.17.0-rc.1685583f

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/dist/styleLint/base/size/size.json +427 -0
  2. package/dist/styleLint/base/typography/typography.json +54 -0
  3. package/dist/styleLint/functional/motion/motion.json +47 -0
  4. package/dist/styleLint/functional/size/border.json +234 -0
  5. package/dist/styleLint/functional/size/breakpoints.json +152 -0
  6. package/dist/styleLint/functional/size/size-coarse.json +41 -0
  7. package/dist/styleLint/functional/size/size-fine.json +41 -0
  8. package/dist/styleLint/functional/size/size.json +1838 -0
  9. package/dist/styleLint/functional/size/viewport.json +80 -0
  10. package/dist/styleLint/functional/themes/dark-colorblind.json +16155 -0
  11. package/dist/styleLint/functional/themes/dark-dimmed.json +16159 -0
  12. package/dist/styleLint/functional/themes/dark-high-contrast.json +16175 -0
  13. package/dist/styleLint/functional/themes/dark-tritanopia.json +16161 -0
  14. package/dist/styleLint/functional/themes/dark.json +16159 -0
  15. package/dist/styleLint/functional/themes/light-colorblind.json +16123 -0
  16. package/dist/styleLint/functional/themes/light-high-contrast.json +16125 -0
  17. package/dist/styleLint/functional/themes/light-tritanopia.json +16115 -0
  18. package/dist/styleLint/functional/themes/light.json +16113 -0
  19. package/dist/styleLint/functional/typography/typography.json +663 -0
  20. package/package.json +11 -9
  21. package/src/PrimerStyleDictionary.ts +226 -0
  22. package/src/filters/index.ts +12 -0
  23. package/src/filters/isBorder.ts +10 -0
  24. package/src/filters/isColor.ts +10 -0
  25. package/src/filters/isColorWithAlpha.ts +11 -0
  26. package/src/filters/isColorWithMix.ts +33 -0
  27. package/src/filters/isDeprecated.ts +10 -0
  28. package/src/filters/isDimension.ts +10 -0
  29. package/src/filters/isDuration.ts +10 -0
  30. package/src/filters/isFontFamily.ts +10 -0
  31. package/src/filters/isFontWeight.ts +10 -0
  32. package/src/filters/isFromFile.ts +12 -0
  33. package/src/filters/isShadow.ts +10 -0
  34. package/src/filters/isSource.ts +10 -0
  35. package/src/filters/isTypography.ts +10 -0
  36. package/src/formats/cssCustomMedia.ts +24 -0
  37. package/src/formats/cssThemed.ts +35 -0
  38. package/src/formats/cssVariables.ts +25 -0
  39. package/src/formats/cssWrapMediaQuery.ts +29 -0
  40. package/src/formats/index.ts +11 -0
  41. package/src/formats/javascriptCommonJs.ts +21 -0
  42. package/src/formats/javascriptEsm.ts +21 -0
  43. package/src/formats/jsonFigma.ts +131 -0
  44. package/src/formats/jsonNestedPrefixed.ts +23 -0
  45. package/src/formats/jsonOneDimensional.ts +18 -0
  46. package/src/formats/jsonPostCssFallback.ts +16 -0
  47. package/src/formats/typescriptExportDefinition.ts +170 -0
  48. package/src/formats/utilities/jsonToFlat.ts +10 -0
  49. package/src/formats/utilities/jsonToNestedValue.ts +20 -0
  50. package/src/formats/utilities/prefixTokens.ts +17 -0
  51. package/src/parsers/index.ts +1 -0
  52. package/src/parsers/w3cJsonParser.ts +25 -0
  53. package/src/platforms/css.ts +93 -0
  54. package/src/platforms/deprecatedJson.ts +16 -0
  55. package/src/platforms/docJson.ts +34 -0
  56. package/src/platforms/fallbacks.ts +34 -0
  57. package/src/platforms/figma.ts +48 -0
  58. package/src/platforms/index.ts +10 -0
  59. package/src/platforms/javascript.ts +30 -0
  60. package/src/platforms/json.ts +32 -0
  61. package/src/platforms/styleLint.ts +34 -0
  62. package/src/platforms/typeDefinitions.ts +30 -0
  63. package/src/platforms/typescript.ts +30 -0
  64. package/src/schemas/alphaValue.ts +12 -0
  65. package/src/schemas/baseToken.ts +7 -0
  66. package/src/schemas/borderToken.ts +19 -0
  67. package/src/schemas/collections.ts +47 -0
  68. package/src/schemas/colorHexValue.ts +18 -0
  69. package/src/schemas/colorToken.ts +50 -0
  70. package/src/schemas/designToken.ts +38 -0
  71. package/src/schemas/dimensionToken.ts +22 -0
  72. package/src/schemas/dimensionValue.ts +16 -0
  73. package/src/schemas/durationToken.ts +12 -0
  74. package/src/schemas/durationValue.ts +9 -0
  75. package/src/schemas/fontFamilyToken.ts +11 -0
  76. package/src/schemas/fontWeightToken.ts +12 -0
  77. package/src/schemas/fontWeightValue.ts +14 -0
  78. package/src/schemas/numberToken.ts +11 -0
  79. package/src/schemas/referenceValue.ts +12 -0
  80. package/src/schemas/scopes.ts +16 -0
  81. package/src/schemas/shadowToken.ts +45 -0
  82. package/src/schemas/stringToken.ts +11 -0
  83. package/src/schemas/tokenName.ts +12 -0
  84. package/src/schemas/tokenType.ts +4 -0
  85. package/src/schemas/typographyToken.ts +20 -0
  86. package/src/schemas/validTokenType.ts +44 -0
  87. package/src/schemas/viewportRangeToken.ts +11 -0
  88. package/src/test-utilities/getMockDictionary.ts +22 -0
  89. package/src/test-utilities/getMockFormatterArguments.ts +21 -0
  90. package/src/test-utilities/getMockParserInput.ts +72 -0
  91. package/src/test-utilities/getMockToken.ts +25 -0
  92. package/src/test-utilities/index.ts +4 -0
  93. package/src/tokens/base/color/dark/dark.dimmed.json5 +1326 -0
  94. package/src/tokens/base/color/dark/dark.high-contrast.json5 +856 -0
  95. package/src/tokens/base/color/dark/dark.json5 +866 -0
  96. package/src/tokens/base/color/dark/display-dark.json5 +1774 -0
  97. package/src/tokens/base/color/light/display-light.json5 +1774 -0
  98. package/src/tokens/base/color/light/light.high-contrast.json5 +847 -0
  99. package/src/tokens/base/color/light/light.json5 +866 -0
  100. package/src/tokens/base/size/size.json +176 -0
  101. package/src/tokens/base/typography/typography.json +24 -0
  102. package/src/tokens/fallback/color-fallbacks.json +260 -0
  103. package/src/tokens/functional/border/dark.json5 +12 -0
  104. package/src/tokens/functional/border/light.json5 +12 -0
  105. package/src/tokens/functional/color/dark/app-dark.json5 +554 -0
  106. package/src/tokens/functional/color/dark/data-vis-dark.json5 +144 -0
  107. package/src/tokens/functional/color/dark/display-dark.json5 +1060 -0
  108. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +57 -0
  109. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +390 -0
  110. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +314 -0
  111. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +229 -0
  112. package/src/tokens/functional/color/dark/patterns-dark.json5 +3073 -0
  113. package/src/tokens/functional/color/dark/primitives-dark.json5 +1206 -0
  114. package/src/tokens/functional/color/dark/syntax-dark.json5 +559 -0
  115. package/src/tokens/functional/color/light/app-light.json5 +551 -0
  116. package/src/tokens/functional/color/light/data-vis-light.json5 +144 -0
  117. package/src/tokens/functional/color/light/display-light.json5 +1060 -0
  118. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +440 -0
  119. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +340 -0
  120. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +249 -0
  121. package/src/tokens/functional/color/light/patterns-light.json5 +3070 -0
  122. package/src/tokens/functional/color/light/primitives-light.json5 +1196 -0
  123. package/src/tokens/functional/color/light/syntax-light.json5 +559 -0
  124. package/src/tokens/functional/motion/loading.json5 +17 -0
  125. package/src/tokens/functional/motion/patterns.json5 +28 -0
  126. package/src/tokens/functional/shadow/dark.json5 +383 -0
  127. package/src/tokens/functional/shadow/light.json5 +376 -0
  128. package/src/tokens/functional/size/border.json +98 -0
  129. package/src/tokens/functional/size/breakpoints.json +64 -0
  130. package/src/tokens/functional/size/size-coarse.json +28 -0
  131. package/src/tokens/functional/size/size-fine.json +28 -0
  132. package/src/tokens/functional/size/size.json +802 -0
  133. package/src/tokens/functional/size/viewport.json +28 -0
  134. package/src/tokens/functional/typography/typography.json +279 -0
  135. package/src/tokens/removed/color.json +421 -0
  136. package/src/transformers/borderToCss.ts +38 -0
  137. package/src/transformers/colorToHex.ts +16 -0
  138. package/src/transformers/colorToHexAlpha.ts +23 -0
  139. package/src/transformers/colorToHexMix.ts +19 -0
  140. package/src/transformers/colorToRgbAlpha.ts +19 -0
  141. package/src/transformers/colorToRgbaFloat.ts +45 -0
  142. package/src/transformers/dimensionToPixelUnitless.ts +60 -0
  143. package/src/transformers/dimensionToRem.ts +56 -0
  144. package/src/transformers/dimensionToRemPxArray.ts +60 -0
  145. package/src/transformers/durationToCss.ts +29 -0
  146. package/src/transformers/figmaAttributes.ts +55 -0
  147. package/src/transformers/fontFamilyToCss.ts +38 -0
  148. package/src/transformers/fontWeightToNumber.ts +53 -0
  149. package/src/transformers/index.ts +21 -0
  150. package/src/transformers/jsonDeprecated.ts +15 -0
  151. package/src/transformers/namePathToCamelCase.ts +14 -0
  152. package/src/transformers/namePathToDotNotation.ts +34 -0
  153. package/src/transformers/namePathToFigma.ts +28 -0
  154. package/src/transformers/namePathToKebabCase.ts +19 -0
  155. package/src/transformers/namePathToSlashNotation.ts +19 -0
  156. package/src/transformers/shadowToCss.ts +37 -0
  157. package/src/transformers/typographyToCss.ts +31 -0
  158. package/src/transformers/utilities/alpha.ts +23 -0
  159. package/src/transformers/utilities/checkRequiredTokenProperties.ts +16 -0
  160. package/src/transformers/utilities/getTokenValue.ts +18 -0
  161. package/src/transformers/utilities/hexToRgbaFloat.ts +31 -0
  162. package/src/transformers/utilities/invalidTokenError.ts +34 -0
  163. package/src/transformers/utilities/isRgbaFloat.ts +29 -0
  164. package/src/transformers/utilities/mix.ts +46 -0
  165. package/src/transformers/utilities/rgbaFloatToHex.ts +15 -0
  166. package/src/types/Border.d.ts +5 -0
  167. package/src/types/BorderTokenValue.d.ts +10 -0
  168. package/src/types/ColorHex.d.ts +4 -0
  169. package/src/types/PlatformInitializer.d.ts +11 -0
  170. package/src/types/Shadow.d.ts +5 -0
  171. package/src/types/ShadowTokenValue.d.ts +14 -0
  172. package/src/types/SizeEm.d.ts +4 -0
  173. package/src/types/SizePx.d.ts +4 -0
  174. package/src/types/SizeRem.d.ts +4 -0
  175. package/src/types/StyleDictionaryConfigGenerator.d.ts +15 -0
  176. package/src/types/TokenBuildInput.d.ts +8 -0
  177. package/src/types/TypographyTokenValue.d.ts +12 -0
  178. package/src/types/w3cTransformedToken.d.ts +8 -0
  179. package/src/utilities/copyFromDir.ts +21 -0
  180. package/src/utilities/getFlag.ts +12 -0
  181. package/src/utilities/index.ts +3 -0
  182. package/src/utilities/joinFriendly.ts +2 -0
  183. package/src/utilities/schemaErrorMessage.ts +2 -0
  184. package/src/utilities/toCamelCase.ts +29 -0
  185. package/src/utilities/treeWalker.ts +27 -0
  186. package/src/utilities/upperCaseFirstCharacter.ts +10 -0
  187. package/src/utils-v1.ts +36 -0
  188. package/tokens-next-private/styleLint/base/size/size.json +427 -0
  189. package/tokens-next-private/styleLint/base/typography/typography.json +54 -0
  190. package/tokens-next-private/styleLint/functional/motion/motion.json +47 -0
  191. package/tokens-next-private/styleLint/functional/size/border.json +234 -0
  192. package/tokens-next-private/styleLint/functional/size/breakpoints.json +152 -0
  193. package/tokens-next-private/styleLint/functional/size/size-coarse.json +41 -0
  194. package/tokens-next-private/styleLint/functional/size/size-fine.json +41 -0
  195. package/tokens-next-private/styleLint/functional/size/size.json +1838 -0
  196. package/tokens-next-private/styleLint/functional/size/viewport.json +80 -0
  197. package/tokens-next-private/styleLint/functional/themes/dark-colorblind.json +16155 -0
  198. package/tokens-next-private/styleLint/functional/themes/dark-dimmed.json +16159 -0
  199. package/tokens-next-private/styleLint/functional/themes/dark-high-contrast.json +16175 -0
  200. package/tokens-next-private/styleLint/functional/themes/dark-tritanopia.json +16161 -0
  201. package/tokens-next-private/styleLint/functional/themes/dark.json +16159 -0
  202. package/tokens-next-private/styleLint/functional/themes/light-colorblind.json +16123 -0
  203. package/tokens-next-private/styleLint/functional/themes/light-high-contrast.json +16125 -0
  204. package/tokens-next-private/styleLint/functional/themes/light-tritanopia.json +16115 -0
  205. package/tokens-next-private/styleLint/functional/themes/light.json +16113 -0
  206. package/tokens-next-private/styleLint/functional/typography/typography.json +663 -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
package/dist/styleLint/functional/size/border.json ADDED
@@ -0,0 +1,234 @@
1
+ {
2
+ "boxShadow-thin": {
3
+ "value": "inset 0 0 0 max(1px, 0.0625rem)",
4
+ "comment": "Thin shadow for borders",
5
+ "$type": "string",
6
+ "filePath": "src/tokens/functional/size/border.json",
7
+ "isSource": true,
8
+ "original": {
9
+ "value": "inset 0 0 0 {borderWidth.thin}",
10
+ "comment": "Thin shadow for borders",
11
+ "$type": "string"
12
+ },
13
+ "name": "boxShadow-thin",
14
+ "attributes": {},
15
+ "path": ["boxShadow", "thin"]
16
+ },
17
+ "boxShadow-thick": {
18
+ "value": "inset 0 0 0 max(2px, 0.125rem)",
19
+ "$type": "string",
20
+ "filePath": "src/tokens/functional/size/border.json",
21
+ "isSource": true,
22
+ "original": {
23
+ "value": "inset 0 0 0 {borderWidth.thick}",
24
+ "$type": "string"
25
+ },
26
+ "name": "boxShadow-thick",
27
+ "attributes": {},
28
+ "path": ["boxShadow", "thick"]
29
+ },
30
+ "boxShadow-thicker": {
31
+ "value": "inset 0 0 0 max(4px, 0.25rem)",
32
+ "$type": "string",
33
+ "filePath": "src/tokens/functional/size/border.json",
34
+ "isSource": true,
35
+ "original": {
36
+ "value": "inset 0 0 0 {borderWidth.thicker}",
37
+ "$type": "string"
38
+ },
39
+ "name": "boxShadow-thicker",
40
+ "attributes": {},
41
+ "path": ["boxShadow", "thicker"]
42
+ },
43
+ "borderWidth-thin": {
44
+ "value": "max(1px, 0.0625rem)",
45
+ "$type": "string",
46
+ "filePath": "src/tokens/functional/size/border.json",
47
+ "isSource": true,
48
+ "original": {
49
+ "value": "max(1px, 0.0625rem)",
50
+ "$type": "string"
51
+ },
52
+ "name": "borderWidth-thin",
53
+ "attributes": {},
54
+ "path": ["borderWidth", "thin"]
55
+ },
56
+ "borderWidth-thick": {
57
+ "value": "max(2px, 0.125rem)",
58
+ "$type": "string",
59
+ "filePath": "src/tokens/functional/size/border.json",
60
+ "isSource": true,
61
+ "original": {
62
+ "value": "max(2px, 0.125rem)",
63
+ "$type": "string"
64
+ },
65
+ "name": "borderWidth-thick",
66
+ "attributes": {},
67
+ "path": ["borderWidth", "thick"]
68
+ },
69
+ "borderWidth-thicker": {
70
+ "value": "max(4px, 0.25rem)",
71
+ "$type": "string",
72
+ "filePath": "src/tokens/functional/size/border.json",
73
+ "isSource": true,
74
+ "original": {
75
+ "value": "max(4px, 0.25rem)",
76
+ "$type": "string"
77
+ },
78
+ "name": "borderWidth-thicker",
79
+ "attributes": {},
80
+ "path": ["borderWidth", "thicker"]
81
+ },
82
+ "borderRadius-small": {
83
+ "value": ["0.1875rem", "3px"],
84
+ "$type": "dimension",
85
+ "$extensions": {
86
+ "org.primer.figma": {
87
+ "collection": "functional/size",
88
+ "scopes": ["radius"],
89
+ "codeSyntax": {
90
+ "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
91
+ }
92
+ }
93
+ },
94
+ "filePath": "src/tokens/functional/size/border.json",
95
+ "isSource": true,
96
+ "original": {
97
+ "value": "3px",
98
+ "$type": "dimension",
99
+ "$extensions": {
100
+ "org.primer.figma": {
101
+ "collection": "functional/size",
102
+ "scopes": ["radius"],
103
+ "codeSyntax": {
104
+ "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
105
+ }
106
+ }
107
+ }
108
+ },
109
+ "name": "borderRadius-small",
110
+ "attributes": {},
111
+ "path": ["borderRadius", "small"]
112
+ },
113
+ "borderRadius-medium": {
114
+ "value": ["0.375rem", "6px"],
115
+ "$type": "dimension",
116
+ "$extensions": {
117
+ "org.primer.figma": {
118
+ "collection": "functional/size",
119
+ "scopes": ["radius"],
120
+ "codeSyntax": {
121
+ "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
122
+ }
123
+ }
124
+ },
125
+ "filePath": "src/tokens/functional/size/border.json",
126
+ "isSource": true,
127
+ "original": {
128
+ "value": "6px",
129
+ "$type": "dimension",
130
+ "$extensions": {
131
+ "org.primer.figma": {
132
+ "collection": "functional/size",
133
+ "scopes": ["radius"],
134
+ "codeSyntax": {
135
+ "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
136
+ }
137
+ }
138
+ }
139
+ },
140
+ "name": "borderRadius-medium",
141
+ "attributes": {},
142
+ "path": ["borderRadius", "medium"]
143
+ },
144
+ "borderRadius-large": {
145
+ "value": ["0.75rem", "12px"],
146
+ "$type": "dimension",
147
+ "$extensions": {
148
+ "org.primer.figma": {
149
+ "collection": "functional/size",
150
+ "scopes": ["radius"],
151
+ "codeSyntax": {
152
+ "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
153
+ }
154
+ }
155
+ },
156
+ "filePath": "src/tokens/functional/size/border.json",
157
+ "isSource": true,
158
+ "original": {
159
+ "value": "12px",
160
+ "$type": "dimension",
161
+ "$extensions": {
162
+ "org.primer.figma": {
163
+ "collection": "functional/size",
164
+ "scopes": ["radius"],
165
+ "codeSyntax": {
166
+ "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
167
+ }
168
+ }
169
+ }
170
+ },
171
+ "name": "borderRadius-large",
172
+ "attributes": {},
173
+ "path": ["borderRadius", "large"]
174
+ },
175
+ "borderRadius-full": {
176
+ "value": ["624.9375rem", "9999px"],
177
+ "$type": "dimension",
178
+ "comment": "Use this border radius for pill shaped elements",
179
+ "$extensions": {
180
+ "org.primer.figma": {
181
+ "collection": "functional/size",
182
+ "scopes": ["radius"],
183
+ "codeSyntax": {
184
+ "web": "var(--borderRadius-full) /* utility class: .circle */"
185
+ }
186
+ }
187
+ },
188
+ "filePath": "src/tokens/functional/size/border.json",
189
+ "isSource": true,
190
+ "original": {
191
+ "value": "9999px",
192
+ "$type": "dimension",
193
+ "comment": "Use this border radius for pill shaped elements",
194
+ "$extensions": {
195
+ "org.primer.figma": {
196
+ "collection": "functional/size",
197
+ "scopes": ["radius"],
198
+ "codeSyntax": {
199
+ "web": "var(--borderRadius-full) /* utility class: .circle */"
200
+ }
201
+ }
202
+ }
203
+ },
204
+ "name": "borderRadius-full",
205
+ "attributes": {},
206
+ "path": ["borderRadius", "full"]
207
+ },
208
+ "outline-focus-offset": {
209
+ "value": ["-0.125rem", "-2px"],
210
+ "$type": "dimension",
211
+ "filePath": "src/tokens/functional/size/border.json",
212
+ "isSource": true,
213
+ "original": {
214
+ "value": "-2px",
215
+ "$type": "dimension"
216
+ },
217
+ "name": "outline-focus-offset",
218
+ "attributes": {},
219
+ "path": ["outline", "focus", "offset"]
220
+ },
221
+ "outline-focus-width": {
222
+ "value": ["0.125rem", "2px"],
223
+ "$type": "dimension",
224
+ "filePath": "src/tokens/functional/size/border.json",
225
+ "isSource": true,
226
+ "original": {
227
+ "value": "2px",
228
+ "$type": "dimension"
229
+ },
230
+ "name": "outline-focus-width",
231
+ "attributes": {},
232
+ "path": ["outline", "focus", "width"]
233
+ }
234
+ }
package/dist/styleLint/functional/size/breakpoints.json ADDED
@@ -0,0 +1,152 @@
1
+ {
2
+ "breakpoint-xsmall": {
3
+ "value": ["20rem", "320px"],
4
+ "$type": "dimension",
5
+ "$extensions": {
6
+ "org.primer.figma": {
7
+ "collection": "functional/size",
8
+ "scopes": ["size"]
9
+ }
10
+ },
11
+ "filePath": "src/tokens/functional/size/breakpoints.json",
12
+ "isSource": true,
13
+ "original": {
14
+ "value": "320px",
15
+ "$type": "dimension",
16
+ "$extensions": {
17
+ "org.primer.figma": {
18
+ "collection": "functional/size",
19
+ "scopes": ["size"]
20
+ }
21
+ }
22
+ },
23
+ "name": "breakpoint-xsmall",
24
+ "attributes": {},
25
+ "path": ["breakpoint", "xsmall"]
26
+ },
27
+ "breakpoint-small": {
28
+ "value": ["34rem", "544px"],
29
+ "$type": "dimension",
30
+ "$extensions": {
31
+ "org.primer.figma": {
32
+ "collection": "functional/size",
33
+ "scopes": ["size"]
34
+ }
35
+ },
36
+ "filePath": "src/tokens/functional/size/breakpoints.json",
37
+ "isSource": true,
38
+ "original": {
39
+ "value": "544px",
40
+ "$type": "dimension",
41
+ "$extensions": {
42
+ "org.primer.figma": {
43
+ "collection": "functional/size",
44
+ "scopes": ["size"]
45
+ }
46
+ }
47
+ },
48
+ "name": "breakpoint-small",
49
+ "attributes": {},
50
+ "path": ["breakpoint", "small"]
51
+ },
52
+ "breakpoint-medium": {
53
+ "value": ["48rem", "768px"],
54
+ "$type": "dimension",
55
+ "$extensions": {
56
+ "org.primer.figma": {
57
+ "collection": "functional/size",
58
+ "scopes": ["size"]
59
+ }
60
+ },
61
+ "filePath": "src/tokens/functional/size/breakpoints.json",
62
+ "isSource": true,
63
+ "original": {
64
+ "value": "768px",
65
+ "$type": "dimension",
66
+ "$extensions": {
67
+ "org.primer.figma": {
68
+ "collection": "functional/size",
69
+ "scopes": ["size"]
70
+ }
71
+ }
72
+ },
73
+ "name": "breakpoint-medium",
74
+ "attributes": {},
75
+ "path": ["breakpoint", "medium"]
76
+ },
77
+ "breakpoint-large": {
78
+ "value": ["63.25rem", "1012px"],
79
+ "$type": "dimension",
80
+ "$extensions": {
81
+ "org.primer.figma": {
82
+ "collection": "functional/size",
83
+ "scopes": ["size"]
84
+ }
85
+ },
86
+ "filePath": "src/tokens/functional/size/breakpoints.json",
87
+ "isSource": true,
88
+ "original": {
89
+ "value": "1012px",
90
+ "$type": "dimension",
91
+ "$extensions": {
92
+ "org.primer.figma": {
93
+ "collection": "functional/size",
94
+ "scopes": ["size"]
95
+ }
96
+ }
97
+ },
98
+ "name": "breakpoint-large",
99
+ "attributes": {},
100
+ "path": ["breakpoint", "large"]
101
+ },
102
+ "breakpoint-xlarge": {
103
+ "value": ["80rem", "1280px"],
104
+ "$type": "dimension",
105
+ "$extensions": {
106
+ "org.primer.figma": {
107
+ "collection": "functional/size",
108
+ "scopes": ["size"]
109
+ }
110
+ },
111
+ "filePath": "src/tokens/functional/size/breakpoints.json",
112
+ "isSource": true,
113
+ "original": {
114
+ "value": "1280px",
115
+ "$type": "dimension",
116
+ "$extensions": {
117
+ "org.primer.figma": {
118
+ "collection": "functional/size",
119
+ "scopes": ["size"]
120
+ }
121
+ }
122
+ },
123
+ "name": "breakpoint-xlarge",
124
+ "attributes": {},
125
+ "path": ["breakpoint", "xlarge"]
126
+ },
127
+ "breakpoint-xxlarge": {
128
+ "value": ["87.5rem", "1400px"],
129
+ "$type": "dimension",
130
+ "$extensions": {
131
+ "org.primer.figma": {
132
+ "collection": "functional/size",
133
+ "scopes": ["size"]
134
+ }
135
+ },
136
+ "filePath": "src/tokens/functional/size/breakpoints.json",
137
+ "isSource": true,
138
+ "original": {
139
+ "value": "1400px",
140
+ "$type": "dimension",
141
+ "$extensions": {
142
+ "org.primer.figma": {
143
+ "collection": "functional/size",
144
+ "scopes": ["size"]
145
+ }
146
+ }
147
+ },
148
+ "name": "breakpoint-xxlarge",
149
+ "attributes": {},
150
+ "path": ["breakpoint", "xxlarge"]
151
+ }
152
+ }
package/dist/styleLint/functional/size/size-coarse.json ADDED
@@ -0,0 +1,41 @@
1
+ {
2
+ "control-minTarget-auto": {
3
+ "value": ["0.171875rem", "2.75px"],
4
+ "$type": "dimension",
5
+ "filePath": "src/tokens/functional/size/size-coarse.json",
6
+ "isSource": true,
7
+ "original": {
8
+ "value": "{base.size.44}",
9
+ "$type": "dimension"
10
+ },
11
+ "name": "control-minTarget-auto",
12
+ "attributes": {},
13
+ "path": ["control", "minTarget", "auto"]
14
+ },
15
+ "controlStack-small-gap-auto": {
16
+ "value": ["0.0625rem", "1px"],
17
+ "$type": "dimension",
18
+ "filePath": "src/tokens/functional/size/size-coarse.json",
19
+ "isSource": true,
20
+ "original": {
21
+ "value": "{base.size.16}",
22
+ "$type": "dimension"
23
+ },
24
+ "name": "controlStack-small-gap-auto",
25
+ "attributes": {},
26
+ "path": ["controlStack", "small", "gap", "auto"]
27
+ },
28
+ "controlStack-medium-gap-auto": {
29
+ "value": ["0.046875rem", "0.75px"],
30
+ "$type": "dimension",
31
+ "filePath": "src/tokens/functional/size/size-coarse.json",
32
+ "isSource": true,
33
+ "original": {
34
+ "value": "{base.size.12}",
35
+ "$type": "dimension"
36
+ },
37
+ "name": "controlStack-medium-gap-auto",
38
+ "attributes": {},
39
+ "path": ["controlStack", "medium", "gap", "auto"]
40
+ }
41
+ }
package/dist/styleLint/functional/size/size-fine.json ADDED
@@ -0,0 +1,41 @@
1
+ {
2
+ "control-minTarget-auto": {
3
+ "value": ["0.0625rem", "1px"],
4
+ "$type": "dimension",
5
+ "filePath": "src/tokens/functional/size/size-fine.json",
6
+ "isSource": true,
7
+ "original": {
8
+ "value": "{base.size.16}",
9
+ "$type": "dimension"
10
+ },
11
+ "name": "control-minTarget-auto",
12
+ "attributes": {},
13
+ "path": ["control", "minTarget", "auto"]
14
+ },
15
+ "controlStack-small-gap-auto": {
16
+ "value": ["0.03125rem", "0.5px"],
17
+ "$type": "dimension",
18
+ "filePath": "src/tokens/functional/size/size-fine.json",
19
+ "isSource": true,
20
+ "original": {
21
+ "value": "{base.size.8}",
22
+ "$type": "dimension"
23
+ },
24
+ "name": "controlStack-small-gap-auto",
25
+ "attributes": {},
26
+ "path": ["controlStack", "small", "gap", "auto"]
27
+ },
28
+ "controlStack-medium-gap-auto": {
29
+ "value": ["0.03125rem", "0.5px"],
30
+ "$type": "dimension",
31
+ "filePath": "src/tokens/functional/size/size-fine.json",
32
+ "isSource": true,
33
+ "original": {
34
+ "value": "{base.size.8}",
35
+ "$type": "dimension"
36
+ },
37
+ "name": "controlStack-medium-gap-auto",
38
+ "attributes": {},
39
+ "path": ["controlStack", "medium", "gap", "auto"]
40
+ }
41
+ }