@primer/primitives 7.16.0 → 7.17.0-rc.086cd658

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/tokens-next-private/styleLint/functional/size/size.json ADDED
@@ -0,0 +1,1838 @@
1
+ {
2
+ "control-minTarget-fine": {
3
+ "value": ["0.0625rem", "1px"],
4
+ "$type": "dimension",
5
+ "$extensions": {
6
+ "org.primer.figma": {
7
+ "collection": "pattern/size",
8
+ "scopes": ["size"]
9
+ }
10
+ },
11
+ "filePath": "src/tokens/functional/size/size.json",
12
+ "isSource": true,
13
+ "original": {
14
+ "value": "{base.size.16}",
15
+ "$type": "dimension",
16
+ "$extensions": {
17
+ "org.primer.figma": {
18
+ "collection": "pattern/size",
19
+ "scopes": ["size"]
20
+ }
21
+ }
22
+ },
23
+ "name": "control-minTarget-fine",
24
+ "attributes": {},
25
+ "path": ["control", "minTarget", "fine"]
26
+ },
27
+ "control-minTarget-coarse": {
28
+ "value": ["0.171875rem", "2.75px"],
29
+ "$type": "dimension",
30
+ "$extensions": {
31
+ "org.primer.figma": {
32
+ "collection": "pattern/size",
33
+ "scopes": ["size"]
34
+ }
35
+ },
36
+ "filePath": "src/tokens/functional/size/size.json",
37
+ "isSource": true,
38
+ "original": {
39
+ "value": "{base.size.44}",
40
+ "$type": "dimension",
41
+ "$extensions": {
42
+ "org.primer.figma": {
43
+ "collection": "pattern/size",
44
+ "scopes": ["size"]
45
+ }
46
+ }
47
+ },
48
+ "name": "control-minTarget-coarse",
49
+ "attributes": {},
50
+ "path": ["control", "minTarget", "coarse"]
51
+ },
52
+ "control-xsmall-size": {
53
+ "value": ["0.09375rem", "1.5px"],
54
+ "$type": "dimension",
55
+ "$extensions": {
56
+ "org.primer.figma": {
57
+ "collection": "pattern/size",
58
+ "scopes": ["size"]
59
+ }
60
+ },
61
+ "filePath": "src/tokens/functional/size/size.json",
62
+ "isSource": true,
63
+ "original": {
64
+ "value": "{base.size.24}",
65
+ "$type": "dimension",
66
+ "$extensions": {
67
+ "org.primer.figma": {
68
+ "collection": "pattern/size",
69
+ "scopes": ["size"]
70
+ }
71
+ }
72
+ },
73
+ "name": "control-xsmall-size",
74
+ "attributes": {},
75
+ "path": ["control", "xsmall", "size"]
76
+ },
77
+ "control-xsmall-lineBoxHeight": {
78
+ "value": ["0.078125rem", "1.25px"],
79
+ "$type": "dimension",
80
+ "$extensions": {
81
+ "org.primer.figma": {
82
+ "collection": "pattern/size",
83
+ "scopes": ["size"]
84
+ }
85
+ },
86
+ "filePath": "src/tokens/functional/size/size.json",
87
+ "isSource": true,
88
+ "original": {
89
+ "value": "{base.size.20}",
90
+ "$type": "dimension",
91
+ "$extensions": {
92
+ "org.primer.figma": {
93
+ "collection": "pattern/size",
94
+ "scopes": ["size"]
95
+ }
96
+ }
97
+ },
98
+ "name": "control-xsmall-lineBoxHeight",
99
+ "attributes": {},
100
+ "path": ["control", "xsmall", "lineBoxHeight"]
101
+ },
102
+ "control-xsmall-paddingBlock": {
103
+ "value": ["0.125rem", "2px"],
104
+ "$type": "dimension",
105
+ "$extensions": {
106
+ "org.primer.figma": {
107
+ "collection": "pattern/size",
108
+ "scopes": ["gap"]
109
+ }
110
+ },
111
+ "filePath": "src/tokens/functional/size/size.json",
112
+ "isSource": true,
113
+ "original": {
114
+ "value": "2px",
115
+ "$type": "dimension",
116
+ "$extensions": {
117
+ "org.primer.figma": {
118
+ "collection": "pattern/size",
119
+ "scopes": ["gap"]
120
+ }
121
+ }
122
+ },
123
+ "name": "control-xsmall-paddingBlock",
124
+ "attributes": {},
125
+ "path": ["control", "xsmall", "paddingBlock"]
126
+ },
127
+ "control-xsmall-paddingInline-condensed": {
128
+ "value": ["0.015625rem", "0.25px"],
129
+ "$type": "dimension",
130
+ "$extensions": {
131
+ "org.primer.figma": {
132
+ "collection": "pattern/size",
133
+ "scopes": ["gap"]
134
+ }
135
+ },
136
+ "filePath": "src/tokens/functional/size/size.json",
137
+ "isSource": true,
138
+ "original": {
139
+ "value": "{base.size.4}",
140
+ "$type": "dimension",
141
+ "$extensions": {
142
+ "org.primer.figma": {
143
+ "collection": "pattern/size",
144
+ "scopes": ["gap"]
145
+ }
146
+ }
147
+ },
148
+ "name": "control-xsmall-paddingInline-condensed",
149
+ "attributes": {},
150
+ "path": ["control", "xsmall", "paddingInline", "condensed"]
151
+ },
152
+ "control-xsmall-paddingInline-normal": {
153
+ "value": ["0.03125rem", "0.5px"],
154
+ "$type": "dimension",
155
+ "$extensions": {
156
+ "org.primer.figma": {
157
+ "collection": "pattern/size",
158
+ "scopes": ["gap"]
159
+ }
160
+ },
161
+ "filePath": "src/tokens/functional/size/size.json",
162
+ "isSource": true,
163
+ "original": {
164
+ "value": "{base.size.8}",
165
+ "$type": "dimension",
166
+ "$extensions": {
167
+ "org.primer.figma": {
168
+ "collection": "pattern/size",
169
+ "scopes": ["gap"]
170
+ }
171
+ }
172
+ },
173
+ "name": "control-xsmall-paddingInline-normal",
174
+ "attributes": {},
175
+ "path": ["control", "xsmall", "paddingInline", "normal"]
176
+ },
177
+ "control-xsmall-paddingInline-spacious": {
178
+ "value": ["0.046875rem", "0.75px"],
179
+ "$type": "dimension",
180
+ "$extensions": {
181
+ "org.primer.figma": {
182
+ "collection": "pattern/size",
183
+ "scopes": ["gap"]
184
+ }
185
+ },
186
+ "filePath": "src/tokens/functional/size/size.json",
187
+ "isSource": true,
188
+ "original": {
189
+ "value": "{base.size.12}",
190
+ "$type": "dimension",
191
+ "$extensions": {
192
+ "org.primer.figma": {
193
+ "collection": "pattern/size",
194
+ "scopes": ["gap"]
195
+ }
196
+ }
197
+ },
198
+ "name": "control-xsmall-paddingInline-spacious",
199
+ "attributes": {},
200
+ "path": ["control", "xsmall", "paddingInline", "spacious"]
201
+ },
202
+ "control-xsmall-gap": {
203
+ "value": ["0.015625rem", "0.25px"],
204
+ "$type": "dimension",
205
+ "$extensions": {
206
+ "org.primer.figma": {
207
+ "collection": "pattern/size",
208
+ "scopes": ["gap"]
209
+ }
210
+ },
211
+ "filePath": "src/tokens/functional/size/size.json",
212
+ "isSource": true,
213
+ "original": {
214
+ "value": "{base.size.4}",
215
+ "$type": "dimension",
216
+ "$extensions": {
217
+ "org.primer.figma": {
218
+ "collection": "pattern/size",
219
+ "scopes": ["gap"]
220
+ }
221
+ }
222
+ },
223
+ "name": "control-xsmall-gap",
224
+ "attributes": {},
225
+ "path": ["control", "xsmall", "gap"]
226
+ },
227
+ "control-small-size": {
228
+ "value": ["0.109375rem", "1.75px"],
229
+ "$type": "dimension",
230
+ "$extensions": {
231
+ "org.primer.figma": {
232
+ "collection": "pattern/size",
233
+ "scopes": ["size"]
234
+ }
235
+ },
236
+ "filePath": "src/tokens/functional/size/size.json",
237
+ "isSource": true,
238
+ "original": {
239
+ "value": "{base.size.28}",
240
+ "$type": "dimension",
241
+ "$extensions": {
242
+ "org.primer.figma": {
243
+ "collection": "pattern/size",
244
+ "scopes": ["size"]
245
+ }
246
+ }
247
+ },
248
+ "name": "control-small-size",
249
+ "attributes": {},
250
+ "path": ["control", "small", "size"]
251
+ },
252
+ "control-small-lineBoxHeight": {
253
+ "value": ["0.078125rem", "1.25px"],
254
+ "$type": "dimension",
255
+ "$extensions": {
256
+ "org.primer.figma": {
257
+ "collection": "pattern/size",
258
+ "scopes": ["size"]
259
+ }
260
+ },
261
+ "filePath": "src/tokens/functional/size/size.json",
262
+ "isSource": true,
263
+ "original": {
264
+ "value": "{base.size.20}",
265
+ "$type": "dimension",
266
+ "$extensions": {
267
+ "org.primer.figma": {
268
+ "collection": "pattern/size",
269
+ "scopes": ["size"]
270
+ }
271
+ }
272
+ },
273
+ "name": "control-small-lineBoxHeight",
274
+ "attributes": {},
275
+ "path": ["control", "small", "lineBoxHeight"]
276
+ },
277
+ "control-small-paddingBlock": {
278
+ "value": ["0.015625rem", "0.25px"],
279
+ "$type": "dimension",
280
+ "$extensions": {
281
+ "org.primer.figma": {
282
+ "collection": "pattern/size",
283
+ "scopes": ["gap"]
284
+ }
285
+ },
286
+ "filePath": "src/tokens/functional/size/size.json",
287
+ "isSource": true,
288
+ "original": {
289
+ "value": "{base.size.4}",
290
+ "$type": "dimension",
291
+ "$extensions": {
292
+ "org.primer.figma": {
293
+ "collection": "pattern/size",
294
+ "scopes": ["gap"]
295
+ }
296
+ }
297
+ },
298
+ "name": "control-small-paddingBlock",
299
+ "attributes": {},
300
+ "path": ["control", "small", "paddingBlock"]
301
+ },
302
+ "control-small-paddingInline-condensed": {
303
+ "value": ["0.03125rem", "0.5px"],
304
+ "$type": "dimension",
305
+ "$extensions": {
306
+ "org.primer.figma": {
307
+ "collection": "pattern/size",
308
+ "scopes": ["gap"]
309
+ }
310
+ },
311
+ "filePath": "src/tokens/functional/size/size.json",
312
+ "isSource": true,
313
+ "original": {
314
+ "value": "{base.size.8}",
315
+ "$type": "dimension",
316
+ "$extensions": {
317
+ "org.primer.figma": {
318
+ "collection": "pattern/size",
319
+ "scopes": ["gap"]
320
+ }
321
+ }
322
+ },
323
+ "name": "control-small-paddingInline-condensed",
324
+ "attributes": {},
325
+ "path": ["control", "small", "paddingInline", "condensed"]
326
+ },
327
+ "control-small-paddingInline-normal": {
328
+ "value": ["0.046875rem", "0.75px"],
329
+ "$type": "dimension",
330
+ "$extensions": {
331
+ "org.primer.figma": {
332
+ "collection": "pattern/size",
333
+ "scopes": ["gap"]
334
+ }
335
+ },
336
+ "filePath": "src/tokens/functional/size/size.json",
337
+ "isSource": true,
338
+ "original": {
339
+ "value": "{base.size.12}",
340
+ "$type": "dimension",
341
+ "$extensions": {
342
+ "org.primer.figma": {
343
+ "collection": "pattern/size",
344
+ "scopes": ["gap"]
345
+ }
346
+ }
347
+ },
348
+ "name": "control-small-paddingInline-normal",
349
+ "attributes": {},
350
+ "path": ["control", "small", "paddingInline", "normal"]
351
+ },
352
+ "control-small-gap": {
353
+ "value": ["0.015625rem", "0.25px"],
354
+ "$type": "dimension",
355
+ "$extensions": {
356
+ "org.primer.figma": {
357
+ "collection": "pattern/size",
358
+ "scopes": ["gap"]
359
+ }
360
+ },
361
+ "filePath": "src/tokens/functional/size/size.json",
362
+ "isSource": true,
363
+ "original": {
364
+ "value": "{base.size.4}",
365
+ "$type": "dimension",
366
+ "$extensions": {
367
+ "org.primer.figma": {
368
+ "collection": "pattern/size",
369
+ "scopes": ["gap"]
370
+ }
371
+ }
372
+ },
373
+ "name": "control-small-gap",
374
+ "attributes": {},
375
+ "path": ["control", "small", "gap"]
376
+ },
377
+ "control-medium-size": {
378
+ "value": ["0.125rem", "2px"],
379
+ "$type": "dimension",
380
+ "$extensions": {
381
+ "org.primer.figma": {
382
+ "collection": "pattern/size",
383
+ "scopes": ["size"]
384
+ }
385
+ },
386
+ "filePath": "src/tokens/functional/size/size.json",
387
+ "isSource": true,
388
+ "original": {
389
+ "value": "{base.size.32}",
390
+ "$type": "dimension",
391
+ "$extensions": {
392
+ "org.primer.figma": {
393
+ "collection": "pattern/size",
394
+ "scopes": ["size"]
395
+ }
396
+ }
397
+ },
398
+ "name": "control-medium-size",
399
+ "attributes": {},
400
+ "path": ["control", "medium", "size"]
401
+ },
402
+ "control-medium-lineBoxHeight": {
403
+ "value": ["0.078125rem", "1.25px"],
404
+ "$type": "dimension",
405
+ "$extensions": {
406
+ "org.primer.figma": {
407
+ "collection": "pattern/size",
408
+ "scopes": ["size"]
409
+ }
410
+ },
411
+ "filePath": "src/tokens/functional/size/size.json",
412
+ "isSource": true,
413
+ "original": {
414
+ "value": "{base.size.20}",
415
+ "$type": "dimension",
416
+ "$extensions": {
417
+ "org.primer.figma": {
418
+ "collection": "pattern/size",
419
+ "scopes": ["size"]
420
+ }
421
+ }
422
+ },
423
+ "name": "control-medium-lineBoxHeight",
424
+ "attributes": {},
425
+ "path": ["control", "medium", "lineBoxHeight"]
426
+ },
427
+ "control-medium-paddingBlock": {
428
+ "value": ["0.375rem", "6px"],
429
+ "$type": "dimension",
430
+ "$extensions": {
431
+ "org.primer.figma": {
432
+ "collection": "pattern/size",
433
+ "scopes": ["gap"]
434
+ }
435
+ },
436
+ "filePath": "src/tokens/functional/size/size.json",
437
+ "isSource": true,
438
+ "original": {
439
+ "value": "6px",
440
+ "$type": "dimension",
441
+ "$extensions": {
442
+ "org.primer.figma": {
443
+ "collection": "pattern/size",
444
+ "scopes": ["gap"]
445
+ }
446
+ }
447
+ },
448
+ "name": "control-medium-paddingBlock",
449
+ "attributes": {},
450
+ "path": ["control", "medium", "paddingBlock"]
451
+ },
452
+ "control-medium-paddingInline-condensed": {
453
+ "value": ["0.03125rem", "0.5px"],
454
+ "$type": "dimension",
455
+ "$extensions": {
456
+ "org.primer.figma": {
457
+ "collection": "pattern/size",
458
+ "scopes": ["gap"]
459
+ }
460
+ },
461
+ "filePath": "src/tokens/functional/size/size.json",
462
+ "isSource": true,
463
+ "original": {
464
+ "value": "{base.size.8}",
465
+ "$type": "dimension",
466
+ "$extensions": {
467
+ "org.primer.figma": {
468
+ "collection": "pattern/size",
469
+ "scopes": ["gap"]
470
+ }
471
+ }
472
+ },
473
+ "name": "control-medium-paddingInline-condensed",
474
+ "attributes": {},
475
+ "path": ["control", "medium", "paddingInline", "condensed"]
476
+ },
477
+ "control-medium-paddingInline-normal": {
478
+ "value": ["0.046875rem", "0.75px"],
479
+ "$type": "dimension",
480
+ "$extensions": {
481
+ "org.primer.figma": {
482
+ "collection": "pattern/size",
483
+ "scopes": ["gap"]
484
+ }
485
+ },
486
+ "filePath": "src/tokens/functional/size/size.json",
487
+ "isSource": true,
488
+ "original": {
489
+ "value": "{base.size.12}",
490
+ "$type": "dimension",
491
+ "$extensions": {
492
+ "org.primer.figma": {
493
+ "collection": "pattern/size",
494
+ "scopes": ["gap"]
495
+ }
496
+ }
497
+ },
498
+ "name": "control-medium-paddingInline-normal",
499
+ "attributes": {},
500
+ "path": ["control", "medium", "paddingInline", "normal"]
501
+ },
502
+ "control-medium-paddingInline-spacious": {
503
+ "value": ["0.0625rem", "1px"],
504
+ "$type": "dimension",
505
+ "$extensions": {
506
+ "org.primer.figma": {
507
+ "collection": "pattern/size",
508
+ "scopes": ["gap"]
509
+ }
510
+ },
511
+ "filePath": "src/tokens/functional/size/size.json",
512
+ "isSource": true,
513
+ "original": {
514
+ "value": "{base.size.16}",
515
+ "$type": "dimension",
516
+ "$extensions": {
517
+ "org.primer.figma": {
518
+ "collection": "pattern/size",
519
+ "scopes": ["gap"]
520
+ }
521
+ }
522
+ },
523
+ "name": "control-medium-paddingInline-spacious",
524
+ "attributes": {},
525
+ "path": ["control", "medium", "paddingInline", "spacious"]
526
+ },
527
+ "control-medium-gap": {
528
+ "value": ["0.03125rem", "0.5px"],
529
+ "$type": "dimension",
530
+ "$extensions": {
531
+ "org.primer.figma": {
532
+ "collection": "pattern/size",
533
+ "scopes": ["gap"]
534
+ }
535
+ },
536
+ "filePath": "src/tokens/functional/size/size.json",
537
+ "isSource": true,
538
+ "original": {
539
+ "value": "{base.size.8}",
540
+ "$type": "dimension",
541
+ "$extensions": {
542
+ "org.primer.figma": {
543
+ "collection": "pattern/size",
544
+ "scopes": ["gap"]
545
+ }
546
+ }
547
+ },
548
+ "name": "control-medium-gap",
549
+ "attributes": {},
550
+ "path": ["control", "medium", "gap"]
551
+ },
552
+ "control-large-size": {
553
+ "value": ["0.15625rem", "2.5px"],
554
+ "$type": "dimension",
555
+ "$extensions": {
556
+ "org.primer.figma": {
557
+ "collection": "pattern/size",
558
+ "scopes": ["size"]
559
+ }
560
+ },
561
+ "filePath": "src/tokens/functional/size/size.json",
562
+ "isSource": true,
563
+ "original": {
564
+ "value": "{base.size.40}",
565
+ "$type": "dimension",
566
+ "$extensions": {
567
+ "org.primer.figma": {
568
+ "collection": "pattern/size",
569
+ "scopes": ["size"]
570
+ }
571
+ }
572
+ },
573
+ "name": "control-large-size",
574
+ "attributes": {},
575
+ "path": ["control", "large", "size"]
576
+ },
577
+ "control-large-lineBoxHeight": {
578
+ "value": ["0.078125rem", "1.25px"],
579
+ "$type": "dimension",
580
+ "$extensions": {
581
+ "org.primer.figma": {
582
+ "collection": "pattern/size",
583
+ "scopes": ["size"]
584
+ }
585
+ },
586
+ "filePath": "src/tokens/functional/size/size.json",
587
+ "isSource": true,
588
+ "original": {
589
+ "value": "{base.size.20}",
590
+ "$type": "dimension",
591
+ "$extensions": {
592
+ "org.primer.figma": {
593
+ "collection": "pattern/size",
594
+ "scopes": ["size"]
595
+ }
596
+ }
597
+ },
598
+ "name": "control-large-lineBoxHeight",
599
+ "attributes": {},
600
+ "path": ["control", "large", "lineBoxHeight"]
601
+ },
602
+ "control-large-paddingBlock": {
603
+ "value": ["0.625rem", "10px"],
604
+ "$type": "dimension",
605
+ "$extensions": {
606
+ "org.primer.figma": {
607
+ "collection": "pattern/size",
608
+ "scopes": ["gap"]
609
+ }
610
+ },
611
+ "filePath": "src/tokens/functional/size/size.json",
612
+ "isSource": true,
613
+ "original": {
614
+ "value": "10px",
615
+ "$type": "dimension",
616
+ "$extensions": {
617
+ "org.primer.figma": {
618
+ "collection": "pattern/size",
619
+ "scopes": ["gap"]
620
+ }
621
+ }
622
+ },
623
+ "name": "control-large-paddingBlock",
624
+ "attributes": {},
625
+ "path": ["control", "large", "paddingBlock"]
626
+ },
627
+ "control-large-paddingInline-normal": {
628
+ "value": ["0.046875rem", "0.75px"],
629
+ "$type": "dimension",
630
+ "$extensions": {
631
+ "org.primer.figma": {
632
+ "collection": "pattern/size",
633
+ "scopes": ["gap"]
634
+ }
635
+ },
636
+ "filePath": "src/tokens/functional/size/size.json",
637
+ "isSource": true,
638
+ "original": {
639
+ "value": "{base.size.12}",
640
+ "$type": "dimension",
641
+ "$extensions": {
642
+ "org.primer.figma": {
643
+ "collection": "pattern/size",
644
+ "scopes": ["gap"]
645
+ }
646
+ }
647
+ },
648
+ "name": "control-large-paddingInline-normal",
649
+ "attributes": {},
650
+ "path": ["control", "large", "paddingInline", "normal"]
651
+ },
652
+ "control-large-paddingInline-spacious": {
653
+ "value": ["0.0625rem", "1px"],
654
+ "$type": "dimension",
655
+ "$extensions": {
656
+ "org.primer.figma": {
657
+ "collection": "pattern/size",
658
+ "scopes": ["gap"]
659
+ }
660
+ },
661
+ "filePath": "src/tokens/functional/size/size.json",
662
+ "isSource": true,
663
+ "original": {
664
+ "value": "{base.size.16}",
665
+ "$type": "dimension",
666
+ "$extensions": {
667
+ "org.primer.figma": {
668
+ "collection": "pattern/size",
669
+ "scopes": ["gap"]
670
+ }
671
+ }
672
+ },
673
+ "name": "control-large-paddingInline-spacious",
674
+ "attributes": {},
675
+ "path": ["control", "large", "paddingInline", "spacious"]
676
+ },
677
+ "control-large-gap": {
678
+ "value": ["0.03125rem", "0.5px"],
679
+ "$type": "dimension",
680
+ "$extensions": {
681
+ "org.primer.figma": {
682
+ "collection": "pattern/size",
683
+ "scopes": ["gap"]
684
+ }
685
+ },
686
+ "filePath": "src/tokens/functional/size/size.json",
687
+ "isSource": true,
688
+ "original": {
689
+ "value": "{base.size.8}",
690
+ "$type": "dimension",
691
+ "$extensions": {
692
+ "org.primer.figma": {
693
+ "collection": "pattern/size",
694
+ "scopes": ["gap"]
695
+ }
696
+ }
697
+ },
698
+ "name": "control-large-gap",
699
+ "attributes": {},
700
+ "path": ["control", "large", "gap"]
701
+ },
702
+ "control-xlarge-size": {
703
+ "value": ["0.1875rem", "3px"],
704
+ "$type": "dimension",
705
+ "$extensions": {
706
+ "org.primer.figma": {
707
+ "collection": "pattern/size",
708
+ "scopes": ["size"]
709
+ }
710
+ },
711
+ "filePath": "src/tokens/functional/size/size.json",
712
+ "isSource": true,
713
+ "original": {
714
+ "value": "{base.size.48}",
715
+ "$type": "dimension",
716
+ "$extensions": {
717
+ "org.primer.figma": {
718
+ "collection": "pattern/size",
719
+ "scopes": ["size"]
720
+ }
721
+ }
722
+ },
723
+ "name": "control-xlarge-size",
724
+ "attributes": {},
725
+ "path": ["control", "xlarge", "size"]
726
+ },
727
+ "control-xlarge-lineBoxHeight": {
728
+ "value": ["0.078125rem", "1.25px"],
729
+ "$type": "dimension",
730
+ "$extensions": {
731
+ "org.primer.figma": {
732
+ "collection": "pattern/size",
733
+ "scopes": ["size"]
734
+ }
735
+ },
736
+ "filePath": "src/tokens/functional/size/size.json",
737
+ "isSource": true,
738
+ "original": {
739
+ "value": "{base.size.20}",
740
+ "$type": "dimension",
741
+ "$extensions": {
742
+ "org.primer.figma": {
743
+ "collection": "pattern/size",
744
+ "scopes": ["size"]
745
+ }
746
+ }
747
+ },
748
+ "name": "control-xlarge-lineBoxHeight",
749
+ "attributes": {},
750
+ "path": ["control", "xlarge", "lineBoxHeight"]
751
+ },
752
+ "control-xlarge-paddingBlock": {
753
+ "value": ["0.875rem", "14px"],
754
+ "$type": "dimension",
755
+ "$extensions": {
756
+ "org.primer.figma": {
757
+ "collection": "pattern/size",
758
+ "scopes": ["gap"]
759
+ }
760
+ },
761
+ "filePath": "src/tokens/functional/size/size.json",
762
+ "isSource": true,
763
+ "original": {
764
+ "value": "14px",
765
+ "$type": "dimension",
766
+ "$extensions": {
767
+ "org.primer.figma": {
768
+ "collection": "pattern/size",
769
+ "scopes": ["gap"]
770
+ }
771
+ }
772
+ },
773
+ "name": "control-xlarge-paddingBlock",
774
+ "attributes": {},
775
+ "path": ["control", "xlarge", "paddingBlock"]
776
+ },
777
+ "control-xlarge-paddingInline-normal": {
778
+ "value": ["0.046875rem", "0.75px"],
779
+ "$type": "dimension",
780
+ "$extensions": {
781
+ "org.primer.figma": {
782
+ "collection": "pattern/size",
783
+ "scopes": ["gap"]
784
+ }
785
+ },
786
+ "filePath": "src/tokens/functional/size/size.json",
787
+ "isSource": true,
788
+ "original": {
789
+ "value": "{base.size.12}",
790
+ "$type": "dimension",
791
+ "$extensions": {
792
+ "org.primer.figma": {
793
+ "collection": "pattern/size",
794
+ "scopes": ["gap"]
795
+ }
796
+ }
797
+ },
798
+ "name": "control-xlarge-paddingInline-normal",
799
+ "attributes": {},
800
+ "path": ["control", "xlarge", "paddingInline", "normal"]
801
+ },
802
+ "control-xlarge-paddingInline-spacious": {
803
+ "value": ["0.0625rem", "1px"],
804
+ "$type": "dimension",
805
+ "$extensions": {
806
+ "org.primer.figma": {
807
+ "collection": "pattern/size",
808
+ "scopes": ["gap"]
809
+ }
810
+ },
811
+ "filePath": "src/tokens/functional/size/size.json",
812
+ "isSource": true,
813
+ "original": {
814
+ "value": "{base.size.16}",
815
+ "$type": "dimension",
816
+ "$extensions": {
817
+ "org.primer.figma": {
818
+ "collection": "pattern/size",
819
+ "scopes": ["gap"]
820
+ }
821
+ }
822
+ },
823
+ "name": "control-xlarge-paddingInline-spacious",
824
+ "attributes": {},
825
+ "path": ["control", "xlarge", "paddingInline", "spacious"]
826
+ },
827
+ "control-xlarge-gap": {
828
+ "value": ["0.03125rem", "0.5px"],
829
+ "$type": "dimension",
830
+ "$extensions": {
831
+ "org.primer.figma": {
832
+ "collection": "pattern/size",
833
+ "scopes": ["gap"]
834
+ }
835
+ },
836
+ "filePath": "src/tokens/functional/size/size.json",
837
+ "isSource": true,
838
+ "original": {
839
+ "value": "{base.size.8}",
840
+ "$type": "dimension",
841
+ "$extensions": {
842
+ "org.primer.figma": {
843
+ "collection": "pattern/size",
844
+ "scopes": ["gap"]
845
+ }
846
+ }
847
+ },
848
+ "name": "control-xlarge-gap",
849
+ "attributes": {},
850
+ "path": ["control", "xlarge", "gap"]
851
+ },
852
+ "controlStack-small-gap-condensed": {
853
+ "value": ["0.03125rem", "0.5px"],
854
+ "$type": "dimension",
855
+ "$extensions": {
856
+ "org.primer.figma": {
857
+ "collection": "pattern/size",
858
+ "scopes": ["gap"]
859
+ }
860
+ },
861
+ "filePath": "src/tokens/functional/size/size.json",
862
+ "isSource": true,
863
+ "original": {
864
+ "value": "{base.size.8}",
865
+ "$type": "dimension",
866
+ "$extensions": {
867
+ "org.primer.figma": {
868
+ "collection": "pattern/size",
869
+ "scopes": ["gap"]
870
+ }
871
+ }
872
+ },
873
+ "name": "controlStack-small-gap-condensed",
874
+ "attributes": {},
875
+ "path": ["controlStack", "small", "gap", "condensed"]
876
+ },
877
+ "controlStack-small-gap-spacious": {
878
+ "value": ["0.0625rem", "1px"],
879
+ "$type": "dimension",
880
+ "$extensions": {
881
+ "org.primer.figma": {
882
+ "collection": "pattern/size",
883
+ "scopes": ["gap"]
884
+ }
885
+ },
886
+ "filePath": "src/tokens/functional/size/size.json",
887
+ "isSource": true,
888
+ "original": {
889
+ "value": "{base.size.16}",
890
+ "$type": "dimension",
891
+ "$extensions": {
892
+ "org.primer.figma": {
893
+ "collection": "pattern/size",
894
+ "scopes": ["gap"]
895
+ }
896
+ }
897
+ },
898
+ "name": "controlStack-small-gap-spacious",
899
+ "attributes": {},
900
+ "path": ["controlStack", "small", "gap", "spacious"]
901
+ },
902
+ "controlStack-medium-gap-condensed": {
903
+ "value": ["0.03125rem", "0.5px"],
904
+ "$type": "dimension",
905
+ "$extensions": {
906
+ "org.primer.figma": {
907
+ "collection": "pattern/size",
908
+ "scopes": ["gap"]
909
+ }
910
+ },
911
+ "filePath": "src/tokens/functional/size/size.json",
912
+ "isSource": true,
913
+ "original": {
914
+ "value": "{base.size.8}",
915
+ "$type": "dimension",
916
+ "$extensions": {
917
+ "org.primer.figma": {
918
+ "collection": "pattern/size",
919
+ "scopes": ["gap"]
920
+ }
921
+ }
922
+ },
923
+ "name": "controlStack-medium-gap-condensed",
924
+ "attributes": {},
925
+ "path": ["controlStack", "medium", "gap", "condensed"]
926
+ },
927
+ "controlStack-medium-gap-spacious": {
928
+ "value": ["0.046875rem", "0.75px"],
929
+ "$type": "dimension",
930
+ "$extensions": {
931
+ "org.primer.figma": {
932
+ "collection": "pattern/size",
933
+ "scopes": ["gap"]
934
+ }
935
+ },
936
+ "filePath": "src/tokens/functional/size/size.json",
937
+ "isSource": true,
938
+ "original": {
939
+ "value": "{base.size.12}",
940
+ "$type": "dimension",
941
+ "$extensions": {
942
+ "org.primer.figma": {
943
+ "collection": "pattern/size",
944
+ "scopes": ["gap"]
945
+ }
946
+ }
947
+ },
948
+ "name": "controlStack-medium-gap-spacious",
949
+ "attributes": {},
950
+ "path": ["controlStack", "medium", "gap", "spacious"]
951
+ },
952
+ "controlStack-large-gap-auto": {
953
+ "value": ["0.03125rem", "0.5px"],
954
+ "$type": "dimension",
955
+ "$extensions": {
956
+ "org.primer.figma": {
957
+ "collection": "pattern/size",
958
+ "scopes": ["gap"]
959
+ }
960
+ },
961
+ "filePath": "src/tokens/functional/size/size.json",
962
+ "isSource": true,
963
+ "original": {
964
+ "value": "{base.size.8}",
965
+ "$type": "dimension",
966
+ "$extensions": {
967
+ "org.primer.figma": {
968
+ "collection": "pattern/size",
969
+ "scopes": ["gap"]
970
+ }
971
+ }
972
+ },
973
+ "name": "controlStack-large-gap-auto",
974
+ "attributes": {},
975
+ "path": ["controlStack", "large", "gap", "auto"]
976
+ },
977
+ "controlStack-large-gap-condensed": {
978
+ "value": ["0.03125rem", "0.5px"],
979
+ "$type": "dimension",
980
+ "$extensions": {
981
+ "org.primer.figma": {
982
+ "collection": "pattern/size",
983
+ "scopes": ["gap"]
984
+ }
985
+ },
986
+ "filePath": "src/tokens/functional/size/size.json",
987
+ "isSource": true,
988
+ "original": {
989
+ "value": "{base.size.8}",
990
+ "$type": "dimension",
991
+ "$extensions": {
992
+ "org.primer.figma": {
993
+ "collection": "pattern/size",
994
+ "scopes": ["gap"]
995
+ }
996
+ }
997
+ },
998
+ "name": "controlStack-large-gap-condensed",
999
+ "attributes": {},
1000
+ "path": ["controlStack", "large", "gap", "condensed"]
1001
+ },
1002
+ "controlStack-large-gap-spacious": {
1003
+ "value": ["0.046875rem", "0.75px"],
1004
+ "$type": "dimension",
1005
+ "$extensions": {
1006
+ "org.primer.figma": {
1007
+ "collection": "pattern/size",
1008
+ "scopes": ["gap"]
1009
+ }
1010
+ },
1011
+ "filePath": "src/tokens/functional/size/size.json",
1012
+ "isSource": true,
1013
+ "original": {
1014
+ "value": "{base.size.12}",
1015
+ "$type": "dimension",
1016
+ "$extensions": {
1017
+ "org.primer.figma": {
1018
+ "collection": "pattern/size",
1019
+ "scopes": ["gap"]
1020
+ }
1021
+ }
1022
+ },
1023
+ "name": "controlStack-large-gap-spacious",
1024
+ "attributes": {},
1025
+ "path": ["controlStack", "large", "gap", "spacious"]
1026
+ },
1027
+ "space-xxsmall": {
1028
+ "value": ["0.125rem", "2px"],
1029
+ "$type": "dimension",
1030
+ "$extensions": {
1031
+ "org.primer.figma": {
1032
+ "collection": "functional/size",
1033
+ "scopes": ["gap"]
1034
+ }
1035
+ },
1036
+ "filePath": "src/tokens/functional/size/size.json",
1037
+ "isSource": true,
1038
+ "original": {
1039
+ "value": "2px",
1040
+ "$type": "dimension",
1041
+ "$extensions": {
1042
+ "org.primer.figma": {
1043
+ "collection": "functional/size",
1044
+ "scopes": ["gap"]
1045
+ }
1046
+ }
1047
+ },
1048
+ "name": "space-xxsmall",
1049
+ "attributes": {},
1050
+ "path": ["space", "xxsmall"]
1051
+ },
1052
+ "space-xsmall": {
1053
+ "value": ["0.015625rem", "0.25px"],
1054
+ "$type": "dimension",
1055
+ "$extensions": {
1056
+ "org.primer.figma": {
1057
+ "collection": "functional/size",
1058
+ "scopes": ["gap"]
1059
+ }
1060
+ },
1061
+ "filePath": "src/tokens/functional/size/size.json",
1062
+ "isSource": true,
1063
+ "original": {
1064
+ "value": "{base.size.4}",
1065
+ "$type": "dimension",
1066
+ "$extensions": {
1067
+ "org.primer.figma": {
1068
+ "collection": "functional/size",
1069
+ "scopes": ["gap"]
1070
+ }
1071
+ }
1072
+ },
1073
+ "name": "space-xsmall",
1074
+ "attributes": {},
1075
+ "path": ["space", "xsmall"]
1076
+ },
1077
+ "space-small": {
1078
+ "value": ["0.375rem", "6px"],
1079
+ "$type": "dimension",
1080
+ "$extensions": {
1081
+ "org.primer.figma": {
1082
+ "collection": "functional/size",
1083
+ "scopes": ["gap"]
1084
+ }
1085
+ },
1086
+ "filePath": "src/tokens/functional/size/size.json",
1087
+ "isSource": true,
1088
+ "original": {
1089
+ "value": "6px",
1090
+ "$type": "dimension",
1091
+ "$extensions": {
1092
+ "org.primer.figma": {
1093
+ "collection": "functional/size",
1094
+ "scopes": ["gap"]
1095
+ }
1096
+ }
1097
+ },
1098
+ "name": "space-small",
1099
+ "attributes": {},
1100
+ "path": ["space", "small"]
1101
+ },
1102
+ "space-medium": {
1103
+ "value": ["0.03125rem", "0.5px"],
1104
+ "$type": "dimension",
1105
+ "$extensions": {
1106
+ "org.primer.figma": {
1107
+ "collection": "functional/size",
1108
+ "scopes": ["gap"]
1109
+ }
1110
+ },
1111
+ "filePath": "src/tokens/functional/size/size.json",
1112
+ "isSource": true,
1113
+ "original": {
1114
+ "value": "{base.size.8}",
1115
+ "$type": "dimension",
1116
+ "$extensions": {
1117
+ "org.primer.figma": {
1118
+ "collection": "functional/size",
1119
+ "scopes": ["gap"]
1120
+ }
1121
+ }
1122
+ },
1123
+ "name": "space-medium",
1124
+ "attributes": {},
1125
+ "path": ["space", "medium"]
1126
+ },
1127
+ "space-large": {
1128
+ "value": ["0.046875rem", "0.75px"],
1129
+ "$type": "dimension",
1130
+ "$extensions": {
1131
+ "org.primer.figma": {
1132
+ "collection": "functional/size",
1133
+ "scopes": ["gap"]
1134
+ }
1135
+ },
1136
+ "filePath": "src/tokens/functional/size/size.json",
1137
+ "isSource": true,
1138
+ "original": {
1139
+ "value": "{base.size.12}",
1140
+ "$type": "dimension",
1141
+ "$extensions": {
1142
+ "org.primer.figma": {
1143
+ "collection": "functional/size",
1144
+ "scopes": ["gap"]
1145
+ }
1146
+ }
1147
+ },
1148
+ "name": "space-large",
1149
+ "attributes": {},
1150
+ "path": ["space", "large"]
1151
+ },
1152
+ "space-xlarge": {
1153
+ "value": ["0.0625rem", "1px"],
1154
+ "$type": "dimension",
1155
+ "$extensions": {
1156
+ "org.primer.figma": {
1157
+ "collection": "functional/size",
1158
+ "scopes": ["gap"]
1159
+ }
1160
+ },
1161
+ "filePath": "src/tokens/functional/size/size.json",
1162
+ "isSource": true,
1163
+ "original": {
1164
+ "value": "{base.size.16}",
1165
+ "$type": "dimension",
1166
+ "$extensions": {
1167
+ "org.primer.figma": {
1168
+ "collection": "functional/size",
1169
+ "scopes": ["gap"]
1170
+ }
1171
+ }
1172
+ },
1173
+ "name": "space-xlarge",
1174
+ "attributes": {},
1175
+ "path": ["space", "xlarge"]
1176
+ },
1177
+ "spinner-strokeWidth-default": {
1178
+ "value": ["0.125rem", "2px"],
1179
+ "$type": "dimension",
1180
+ "filePath": "src/tokens/functional/size/size.json",
1181
+ "isSource": true,
1182
+ "original": {
1183
+ "value": "2px",
1184
+ "$type": "dimension"
1185
+ },
1186
+ "name": "spinner-strokeWidth-default",
1187
+ "attributes": {},
1188
+ "path": ["spinner", "strokeWidth", "default"]
1189
+ },
1190
+ "spinner-size-small": {
1191
+ "value": ["0.0625rem", "1px"],
1192
+ "$type": "dimension",
1193
+ "$extensions": {
1194
+ "org.primer.figma": {
1195
+ "collection": "pattern/size",
1196
+ "scopes": ["size"]
1197
+ }
1198
+ },
1199
+ "filePath": "src/tokens/functional/size/size.json",
1200
+ "isSource": true,
1201
+ "original": {
1202
+ "value": "{base.size.16}",
1203
+ "$type": "dimension",
1204
+ "$extensions": {
1205
+ "org.primer.figma": {
1206
+ "collection": "pattern/size",
1207
+ "scopes": ["size"]
1208
+ }
1209
+ }
1210
+ },
1211
+ "name": "spinner-size-small",
1212
+ "attributes": {},
1213
+ "path": ["spinner", "size", "small"]
1214
+ },
1215
+ "spinner-size-medium": {
1216
+ "value": ["0.125rem", "2px"],
1217
+ "$type": "dimension",
1218
+ "$extensions": {
1219
+ "org.primer.figma": {
1220
+ "collection": "pattern/size",
1221
+ "scopes": ["size"]
1222
+ }
1223
+ },
1224
+ "filePath": "src/tokens/functional/size/size.json",
1225
+ "isSource": true,
1226
+ "original": {
1227
+ "value": "{base.size.32}",
1228
+ "$type": "dimension",
1229
+ "$extensions": {
1230
+ "org.primer.figma": {
1231
+ "collection": "pattern/size",
1232
+ "scopes": ["size"]
1233
+ }
1234
+ }
1235
+ },
1236
+ "name": "spinner-size-medium",
1237
+ "attributes": {},
1238
+ "path": ["spinner", "size", "medium"]
1239
+ },
1240
+ "spinner-size-large": {
1241
+ "value": ["0.25rem", "4px"],
1242
+ "$type": "dimension",
1243
+ "$extensions": {
1244
+ "org.primer.figma": {
1245
+ "collection": "pattern/size",
1246
+ "scopes": ["size"]
1247
+ }
1248
+ },
1249
+ "filePath": "src/tokens/functional/size/size.json",
1250
+ "isSource": true,
1251
+ "original": {
1252
+ "value": "{base.size.64}",
1253
+ "$type": "dimension",
1254
+ "$extensions": {
1255
+ "org.primer.figma": {
1256
+ "collection": "pattern/size",
1257
+ "scopes": ["size"]
1258
+ }
1259
+ }
1260
+ },
1261
+ "name": "spinner-size-large",
1262
+ "attributes": {},
1263
+ "path": ["spinner", "size", "large"]
1264
+ },
1265
+ "stack-padding-condensed": {
1266
+ "value": ["0.03125rem", "0.5px"],
1267
+ "$type": "dimension",
1268
+ "$extensions": {
1269
+ "org.primer.figma": {
1270
+ "collection": "pattern/size",
1271
+ "scopes": ["gap"],
1272
+ "group": "component",
1273
+ "codeSyntax": {
1274
+ "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
1275
+ }
1276
+ }
1277
+ },
1278
+ "filePath": "src/tokens/functional/size/size.json",
1279
+ "isSource": true,
1280
+ "original": {
1281
+ "value": "{base.size.8}",
1282
+ "$type": "dimension",
1283
+ "$extensions": {
1284
+ "org.primer.figma": {
1285
+ "collection": "pattern/size",
1286
+ "scopes": ["gap"],
1287
+ "group": "component",
1288
+ "codeSyntax": {
1289
+ "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
1290
+ }
1291
+ }
1292
+ }
1293
+ },
1294
+ "name": "stack-padding-condensed",
1295
+ "attributes": {},
1296
+ "path": ["stack", "padding", "condensed"]
1297
+ },
1298
+ "stack-padding-normal": {
1299
+ "value": ["0.0625rem", "1px"],
1300
+ "$type": "dimension",
1301
+ "$extensions": {
1302
+ "org.primer.figma": {
1303
+ "collection": "pattern/size",
1304
+ "group": "component",
1305
+ "scopes": ["gap"],
1306
+ "codeSyntax": {
1307
+ "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
1308
+ }
1309
+ }
1310
+ },
1311
+ "filePath": "src/tokens/functional/size/size.json",
1312
+ "isSource": true,
1313
+ "original": {
1314
+ "value": "{base.size.16}",
1315
+ "$type": "dimension",
1316
+ "$extensions": {
1317
+ "org.primer.figma": {
1318
+ "collection": "pattern/size",
1319
+ "group": "component",
1320
+ "scopes": ["gap"],
1321
+ "codeSyntax": {
1322
+ "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
1323
+ }
1324
+ }
1325
+ }
1326
+ },
1327
+ "name": "stack-padding-normal",
1328
+ "attributes": {},
1329
+ "path": ["stack", "padding", "normal"]
1330
+ },
1331
+ "stack-padding-spacious": {
1332
+ "value": ["0.09375rem", "1.5px"],
1333
+ "$type": "dimension",
1334
+ "$extensions": {
1335
+ "org.primer.figma": {
1336
+ "collection": "pattern/size",
1337
+ "group": "component",
1338
+ "scopes": ["gap"],
1339
+ "codeSyntax": {
1340
+ "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
1341
+ }
1342
+ }
1343
+ },
1344
+ "filePath": "src/tokens/functional/size/size.json",
1345
+ "isSource": true,
1346
+ "original": {
1347
+ "value": "{base.size.24}",
1348
+ "$type": "dimension",
1349
+ "$extensions": {
1350
+ "org.primer.figma": {
1351
+ "collection": "pattern/size",
1352
+ "group": "component",
1353
+ "scopes": ["gap"],
1354
+ "codeSyntax": {
1355
+ "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
1356
+ }
1357
+ }
1358
+ }
1359
+ },
1360
+ "name": "stack-padding-spacious",
1361
+ "attributes": {},
1362
+ "path": ["stack", "padding", "spacious"]
1363
+ },
1364
+ "stack-gap-condensed": {
1365
+ "value": ["0.03125rem", "0.5px"],
1366
+ "$type": "dimension",
1367
+ "$extensions": {
1368
+ "org.primer.figma": {
1369
+ "collection": "pattern/size",
1370
+ "group": "component",
1371
+ "scopes": ["gap"],
1372
+ "codeSyntax": {
1373
+ "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
1374
+ }
1375
+ }
1376
+ },
1377
+ "filePath": "src/tokens/functional/size/size.json",
1378
+ "isSource": true,
1379
+ "original": {
1380
+ "value": "{base.size.8}",
1381
+ "$type": "dimension",
1382
+ "$extensions": {
1383
+ "org.primer.figma": {
1384
+ "collection": "pattern/size",
1385
+ "group": "component",
1386
+ "scopes": ["gap"],
1387
+ "codeSyntax": {
1388
+ "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
1389
+ }
1390
+ }
1391
+ }
1392
+ },
1393
+ "name": "stack-gap-condensed",
1394
+ "attributes": {},
1395
+ "path": ["stack", "gap", "condensed"]
1396
+ },
1397
+ "stack-gap-normal": {
1398
+ "value": ["0.0625rem", "1px"],
1399
+ "$type": "dimension",
1400
+ "$extensions": {
1401
+ "org.primer.figma": {
1402
+ "collection": "pattern/size",
1403
+ "group": "component",
1404
+ "scopes": ["gap"],
1405
+ "codeSyntax": {
1406
+ "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
1407
+ }
1408
+ }
1409
+ },
1410
+ "filePath": "src/tokens/functional/size/size.json",
1411
+ "isSource": true,
1412
+ "original": {
1413
+ "value": "{base.size.16}",
1414
+ "$type": "dimension",
1415
+ "$extensions": {
1416
+ "org.primer.figma": {
1417
+ "collection": "pattern/size",
1418
+ "group": "component",
1419
+ "scopes": ["gap"],
1420
+ "codeSyntax": {
1421
+ "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
1422
+ }
1423
+ }
1424
+ }
1425
+ },
1426
+ "name": "stack-gap-normal",
1427
+ "attributes": {},
1428
+ "path": ["stack", "gap", "normal"]
1429
+ },
1430
+ "stack-gap-spacious": {
1431
+ "value": ["0.09375rem", "1.5px"],
1432
+ "$type": "dimension",
1433
+ "$extensions": {
1434
+ "org.primer.figma": {
1435
+ "collection": "pattern/size",
1436
+ "group": "component",
1437
+ "scopes": ["gap"],
1438
+ "codeSyntax": {
1439
+ "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
1440
+ }
1441
+ }
1442
+ },
1443
+ "filePath": "src/tokens/functional/size/size.json",
1444
+ "isSource": true,
1445
+ "original": {
1446
+ "value": "{base.size.24}",
1447
+ "$type": "dimension",
1448
+ "$extensions": {
1449
+ "org.primer.figma": {
1450
+ "collection": "pattern/size",
1451
+ "group": "component",
1452
+ "scopes": ["gap"],
1453
+ "codeSyntax": {
1454
+ "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
1455
+ }
1456
+ }
1457
+ }
1458
+ },
1459
+ "name": "stack-gap-spacious",
1460
+ "attributes": {},
1461
+ "path": ["stack", "gap", "spacious"]
1462
+ },
1463
+ "overlay-width-xsmall": {
1464
+ "value": ["12rem", "192px"],
1465
+ "$type": "dimension",
1466
+ "$extensions": {
1467
+ "org.primer.figma": {
1468
+ "collection": "pattern/size",
1469
+ "scopes": ["size"]
1470
+ }
1471
+ },
1472
+ "filePath": "src/tokens/functional/size/size.json",
1473
+ "isSource": true,
1474
+ "original": {
1475
+ "value": "192px",
1476
+ "$type": "dimension",
1477
+ "$extensions": {
1478
+ "org.primer.figma": {
1479
+ "collection": "pattern/size",
1480
+ "scopes": ["size"]
1481
+ }
1482
+ }
1483
+ },
1484
+ "name": "overlay-width-xsmall",
1485
+ "attributes": {},
1486
+ "path": ["overlay", "width", "xsmall"]
1487
+ },
1488
+ "overlay-width-small": {
1489
+ "value": ["20rem", "320px"],
1490
+ "$type": "dimension",
1491
+ "$extensions": {
1492
+ "org.primer.figma": {
1493
+ "collection": "pattern/size",
1494
+ "scopes": ["size"]
1495
+ }
1496
+ },
1497
+ "filePath": "src/tokens/functional/size/size.json",
1498
+ "isSource": true,
1499
+ "original": {
1500
+ "value": "320px",
1501
+ "$type": "dimension",
1502
+ "$extensions": {
1503
+ "org.primer.figma": {
1504
+ "collection": "pattern/size",
1505
+ "scopes": ["size"]
1506
+ }
1507
+ }
1508
+ },
1509
+ "name": "overlay-width-small",
1510
+ "attributes": {},
1511
+ "path": ["overlay", "width", "small"]
1512
+ },
1513
+ "overlay-width-medium": {
1514
+ "value": ["30rem", "480px"],
1515
+ "$type": "dimension",
1516
+ "$extensions": {
1517
+ "org.primer.figma": {
1518
+ "collection": "pattern/size",
1519
+ "scopes": ["size"]
1520
+ }
1521
+ },
1522
+ "filePath": "src/tokens/functional/size/size.json",
1523
+ "isSource": true,
1524
+ "original": {
1525
+ "value": "480px",
1526
+ "$type": "dimension",
1527
+ "$extensions": {
1528
+ "org.primer.figma": {
1529
+ "collection": "pattern/size",
1530
+ "scopes": ["size"]
1531
+ }
1532
+ }
1533
+ },
1534
+ "name": "overlay-width-medium",
1535
+ "attributes": {},
1536
+ "path": ["overlay", "width", "medium"]
1537
+ },
1538
+ "overlay-width-large": {
1539
+ "value": ["40rem", "640px"],
1540
+ "$type": "dimension",
1541
+ "$extensions": {
1542
+ "org.primer.figma": {
1543
+ "collection": "pattern/size",
1544
+ "scopes": ["size"]
1545
+ }
1546
+ },
1547
+ "filePath": "src/tokens/functional/size/size.json",
1548
+ "isSource": true,
1549
+ "original": {
1550
+ "value": "640px",
1551
+ "$type": "dimension",
1552
+ "$extensions": {
1553
+ "org.primer.figma": {
1554
+ "collection": "pattern/size",
1555
+ "scopes": ["size"]
1556
+ }
1557
+ }
1558
+ },
1559
+ "name": "overlay-width-large",
1560
+ "attributes": {},
1561
+ "path": ["overlay", "width", "large"]
1562
+ },
1563
+ "overlay-width-xlarge": {
1564
+ "value": ["60rem", "960px"],
1565
+ "$type": "dimension",
1566
+ "$extensions": {
1567
+ "org.primer.figma": {
1568
+ "collection": "pattern/size",
1569
+ "scopes": ["size"]
1570
+ }
1571
+ },
1572
+ "filePath": "src/tokens/functional/size/size.json",
1573
+ "isSource": true,
1574
+ "original": {
1575
+ "value": "960px",
1576
+ "$type": "dimension",
1577
+ "$extensions": {
1578
+ "org.primer.figma": {
1579
+ "collection": "pattern/size",
1580
+ "scopes": ["size"]
1581
+ }
1582
+ }
1583
+ },
1584
+ "name": "overlay-width-xlarge",
1585
+ "attributes": {},
1586
+ "path": ["overlay", "width", "xlarge"]
1587
+ },
1588
+ "overlay-height-small": {
1589
+ "value": ["16rem", "256px"],
1590
+ "$type": "dimension",
1591
+ "$extensions": {
1592
+ "org.primer.figma": {
1593
+ "collection": "pattern/size",
1594
+ "scopes": ["size"]
1595
+ }
1596
+ },
1597
+ "filePath": "src/tokens/functional/size/size.json",
1598
+ "isSource": true,
1599
+ "original": {
1600
+ "value": "256px",
1601
+ "$type": "dimension",
1602
+ "$extensions": {
1603
+ "org.primer.figma": {
1604
+ "collection": "pattern/size",
1605
+ "scopes": ["size"]
1606
+ }
1607
+ }
1608
+ },
1609
+ "name": "overlay-height-small",
1610
+ "attributes": {},
1611
+ "path": ["overlay", "height", "small"]
1612
+ },
1613
+ "overlay-height-medium": {
1614
+ "value": ["20rem", "320px"],
1615
+ "$type": "dimension",
1616
+ "$extensions": {
1617
+ "org.primer.figma": {
1618
+ "collection": "pattern/size",
1619
+ "scopes": ["size"]
1620
+ }
1621
+ },
1622
+ "filePath": "src/tokens/functional/size/size.json",
1623
+ "isSource": true,
1624
+ "original": {
1625
+ "value": "320px",
1626
+ "$type": "dimension",
1627
+ "$extensions": {
1628
+ "org.primer.figma": {
1629
+ "collection": "pattern/size",
1630
+ "scopes": ["size"]
1631
+ }
1632
+ }
1633
+ },
1634
+ "name": "overlay-height-medium",
1635
+ "attributes": {},
1636
+ "path": ["overlay", "height", "medium"]
1637
+ },
1638
+ "overlay-height-large": {
1639
+ "value": ["27rem", "432px"],
1640
+ "$type": "dimension",
1641
+ "$extensions": {
1642
+ "org.primer.figma": {
1643
+ "collection": "pattern/size",
1644
+ "scopes": ["size"]
1645
+ }
1646
+ },
1647
+ "filePath": "src/tokens/functional/size/size.json",
1648
+ "isSource": true,
1649
+ "original": {
1650
+ "value": "432px",
1651
+ "$type": "dimension",
1652
+ "$extensions": {
1653
+ "org.primer.figma": {
1654
+ "collection": "pattern/size",
1655
+ "scopes": ["size"]
1656
+ }
1657
+ }
1658
+ },
1659
+ "name": "overlay-height-large",
1660
+ "attributes": {},
1661
+ "path": ["overlay", "height", "large"]
1662
+ },
1663
+ "overlay-height-xlarge": {
1664
+ "value": ["37.5rem", "600px"],
1665
+ "$type": "dimension",
1666
+ "$extensions": {
1667
+ "org.primer.figma": {
1668
+ "collection": "pattern/size",
1669
+ "scopes": ["size"]
1670
+ }
1671
+ },
1672
+ "filePath": "src/tokens/functional/size/size.json",
1673
+ "isSource": true,
1674
+ "original": {
1675
+ "value": "600px",
1676
+ "$type": "dimension",
1677
+ "$extensions": {
1678
+ "org.primer.figma": {
1679
+ "collection": "pattern/size",
1680
+ "scopes": ["size"]
1681
+ }
1682
+ }
1683
+ },
1684
+ "name": "overlay-height-xlarge",
1685
+ "attributes": {},
1686
+ "path": ["overlay", "height", "xlarge"]
1687
+ },
1688
+ "overlay-padding-normal": {
1689
+ "value": ["0.0625rem", "1px"],
1690
+ "$type": "dimension",
1691
+ "$extensions": {
1692
+ "org.primer.figma": {
1693
+ "collection": "pattern/size",
1694
+ "scopes": ["gap"]
1695
+ }
1696
+ },
1697
+ "filePath": "src/tokens/functional/size/size.json",
1698
+ "isSource": true,
1699
+ "original": {
1700
+ "value": "{base.size.16}",
1701
+ "$type": "dimension",
1702
+ "$extensions": {
1703
+ "org.primer.figma": {
1704
+ "collection": "pattern/size",
1705
+ "scopes": ["gap"]
1706
+ }
1707
+ }
1708
+ },
1709
+ "name": "overlay-padding-normal",
1710
+ "attributes": {},
1711
+ "path": ["overlay", "padding", "normal"]
1712
+ },
1713
+ "overlay-padding-condensed": {
1714
+ "value": ["0.03125rem", "0.5px"],
1715
+ "$type": "dimension",
1716
+ "$extensions": {
1717
+ "org.primer.figma": {
1718
+ "collection": "pattern/size",
1719
+ "scopes": ["gap"]
1720
+ }
1721
+ },
1722
+ "filePath": "src/tokens/functional/size/size.json",
1723
+ "isSource": true,
1724
+ "original": {
1725
+ "value": "{base.size.8}",
1726
+ "$type": "dimension",
1727
+ "$extensions": {
1728
+ "org.primer.figma": {
1729
+ "collection": "pattern/size",
1730
+ "scopes": ["gap"]
1731
+ }
1732
+ }
1733
+ },
1734
+ "name": "overlay-padding-condensed",
1735
+ "attributes": {},
1736
+ "path": ["overlay", "padding", "condensed"]
1737
+ },
1738
+ "overlay-paddingBlock-condensed": {
1739
+ "value": ["0.015625rem", "0.25px"],
1740
+ "$type": "dimension",
1741
+ "$extensions": {
1742
+ "org.primer.figma": {
1743
+ "collection": "pattern/size",
1744
+ "scopes": ["gap"]
1745
+ }
1746
+ },
1747
+ "filePath": "src/tokens/functional/size/size.json",
1748
+ "isSource": true,
1749
+ "original": {
1750
+ "value": "{base.size.4}",
1751
+ "$type": "dimension",
1752
+ "$extensions": {
1753
+ "org.primer.figma": {
1754
+ "collection": "pattern/size",
1755
+ "scopes": ["gap"]
1756
+ }
1757
+ }
1758
+ },
1759
+ "name": "overlay-paddingBlock-condensed",
1760
+ "attributes": {},
1761
+ "path": ["overlay", "paddingBlock", "condensed"]
1762
+ },
1763
+ "overlay-paddingBlock-normal": {
1764
+ "value": ["0.046875rem", "0.75px"],
1765
+ "$type": "dimension",
1766
+ "$extensions": {
1767
+ "org.primer.figma": {
1768
+ "collection": "pattern/size",
1769
+ "scopes": ["gap"]
1770
+ }
1771
+ },
1772
+ "filePath": "src/tokens/functional/size/size.json",
1773
+ "isSource": true,
1774
+ "original": {
1775
+ "value": "{base.size.12}",
1776
+ "$type": "dimension",
1777
+ "$extensions": {
1778
+ "org.primer.figma": {
1779
+ "collection": "pattern/size",
1780
+ "scopes": ["gap"]
1781
+ }
1782
+ }
1783
+ },
1784
+ "name": "overlay-paddingBlock-normal",
1785
+ "attributes": {},
1786
+ "path": ["overlay", "paddingBlock", "normal"]
1787
+ },
1788
+ "overlay-borderRadius": {
1789
+ "value": ["0.0234375rem", "0.375px"],
1790
+ "$type": "dimension",
1791
+ "$extensions": {
1792
+ "org.primer.figma": {
1793
+ "collection": "pattern/size",
1794
+ "scopes": ["radius"]
1795
+ }
1796
+ },
1797
+ "filePath": "src/tokens/functional/size/size.json",
1798
+ "isSource": true,
1799
+ "original": {
1800
+ "value": "{borderRadius.medium}",
1801
+ "$type": "dimension",
1802
+ "$extensions": {
1803
+ "org.primer.figma": {
1804
+ "collection": "pattern/size",
1805
+ "scopes": ["radius"]
1806
+ }
1807
+ }
1808
+ },
1809
+ "name": "overlay-borderRadius",
1810
+ "attributes": {},
1811
+ "path": ["overlay", "borderRadius"]
1812
+ },
1813
+ "overlay-offset": {
1814
+ "value": ["0.25rem", "4px"],
1815
+ "$type": "dimension",
1816
+ "$extensions": {
1817
+ "org.primer.figma": {
1818
+ "collection": "pattern/size",
1819
+ "scopes": ["size"]
1820
+ }
1821
+ },
1822
+ "filePath": "src/tokens/functional/size/size.json",
1823
+ "isSource": true,
1824
+ "original": {
1825
+ "value": "4px",
1826
+ "$type": "dimension",
1827
+ "$extensions": {
1828
+ "org.primer.figma": {
1829
+ "collection": "pattern/size",
1830
+ "scopes": ["size"]
1831
+ }
1832
+ }
1833
+ },
1834
+ "name": "overlay-offset",
1835
+ "attributes": {},
1836
+ "path": ["overlay", "offset"]
1837
+ }
1838
+ }