@primer/primitives 7.17.0-rc.1685583f → 7.17.0-rc.34cd1021

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 (313) hide show
  1. package/README.md +1 -1
  2. package/dist/css/functional/themes/dark-colorblind.css +24 -14
  3. package/dist/css/functional/themes/dark-dimmed.css +10 -0
  4. package/dist/css/functional/themes/dark-high-contrast.css +10 -0
  5. package/dist/css/functional/themes/dark-tritanopia.css +24 -14
  6. package/dist/css/functional/themes/dark.css +24 -14
  7. package/dist/css/functional/themes/light-colorblind.css +10 -0
  8. package/dist/css/functional/themes/light-high-contrast.css +10 -0
  9. package/dist/css/functional/themes/light-tritanopia.css +10 -0
  10. package/dist/css/functional/themes/light.css +10 -0
  11. package/dist/css/functional/typography/typography.css +1 -1
  12. package/dist/docs/base/typography/typography.json +52 -4
  13. package/dist/docs/functional/themes/dark-colorblind.json +230 -85
  14. package/dist/docs/functional/themes/dark-dimmed.json +218 -73
  15. package/dist/docs/functional/themes/dark-high-contrast.json +220 -75
  16. package/dist/docs/functional/themes/dark-tritanopia.json +230 -85
  17. package/dist/docs/functional/themes/dark.json +225 -80
  18. package/dist/docs/functional/themes/light-colorblind.json +221 -76
  19. package/dist/docs/functional/themes/light-high-contrast.json +215 -70
  20. package/dist/docs/functional/themes/light-tritanopia.json +221 -76
  21. package/dist/docs/functional/themes/light.json +216 -71
  22. package/dist/docs/functional/typography/typography.json +494 -36
  23. package/dist/fallbacks/functional/typography/typography.json +1 -1
  24. package/dist/figma/figma.json +18 -1
  25. package/dist/figma/scales/dark-dimmed.json +20 -20
  26. package/dist/figma/scales/dark-high-constrast.json +20 -20
  27. package/dist/figma/scales/dark.json +25 -25
  28. package/dist/figma/scales/light-high-constrast.json +20 -20
  29. package/dist/figma/scales/light.json +20 -20
  30. package/dist/figma/themes/dark-colorblind.json +170 -90
  31. package/dist/figma/themes/dark-dimmed.json +145 -65
  32. package/dist/figma/themes/dark-high-contrast.json +149 -69
  33. package/dist/figma/themes/dark-tritanopia.json +170 -90
  34. package/dist/figma/themes/dark.json +165 -85
  35. package/dist/figma/themes/light-colorblind.json +139 -59
  36. package/dist/figma/themes/light-high-contrast.json +135 -55
  37. package/dist/figma/themes/light-tritanopia.json +139 -59
  38. package/dist/figma/themes/light.json +134 -54
  39. package/dist/figma/typography/typography.json +370 -0
  40. package/dist/internalCss/dark-colorblind.css +48 -38
  41. package/dist/internalCss/dark-dimmed.css +30 -20
  42. package/dist/internalCss/dark-high-contrast.css +30 -20
  43. package/dist/internalCss/dark-tritanopia.css +48 -38
  44. package/dist/internalCss/dark.css +48 -38
  45. package/dist/internalCss/light-colorblind.css +30 -20
  46. package/dist/internalCss/light-high-contrast.css +30 -20
  47. package/dist/internalCss/light-tritanopia.css +30 -20
  48. package/dist/internalCss/light.css +30 -20
  49. package/dist/styleLint/base/typography/typography.json +52 -4
  50. package/dist/styleLint/functional/themes/dark-colorblind.json +230 -85
  51. package/dist/styleLint/functional/themes/dark-dimmed.json +218 -73
  52. package/dist/styleLint/functional/themes/dark-high-contrast.json +220 -75
  53. package/dist/styleLint/functional/themes/dark-tritanopia.json +230 -85
  54. package/dist/styleLint/functional/themes/dark.json +225 -80
  55. package/dist/styleLint/functional/themes/light-colorblind.json +221 -76
  56. package/dist/styleLint/functional/themes/light-high-contrast.json +215 -70
  57. package/dist/styleLint/functional/themes/light-tritanopia.json +221 -76
  58. package/dist/styleLint/functional/themes/light.json +216 -71
  59. package/dist/styleLint/functional/typography/typography.json +494 -36
  60. package/package.json +5 -13
  61. package/src/PrimerStyleDictionary.ts +12 -0
  62. package/src/filters/index.ts +1 -0
  63. package/src/filters/isNumber.ts +8 -0
  64. package/src/formats/jsonFigma.ts +3 -0
  65. package/src/platforms/figma.ts +10 -1
  66. package/src/schemas/collections.ts +2 -0
  67. package/src/schemas/dimensionToken.ts +1 -1
  68. package/src/schemas/fontFamilyToken.ts +10 -0
  69. package/src/schemas/fontWeightToken.ts +10 -0
  70. package/src/schemas/numberToken.ts +17 -0
  71. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  72. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  73. package/src/tokens/base/color/dark/dark.json5 +3 -3
  74. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  75. package/src/tokens/base/color/light/light.json5 +1 -1
  76. package/src/tokens/base/typography/typography.json +28 -4
  77. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  78. package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
  79. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  80. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  81. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  82. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  83. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  84. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  85. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  86. package/src/tokens/functional/color/light/display-light.json5 +66 -0
  87. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  88. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  89. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  90. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  91. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  92. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  93. package/src/tokens/functional/shadow/dark.json5 +1 -1
  94. package/src/tokens/functional/shadow/light.json5 +11 -11
  95. package/src/tokens/functional/typography/typography.json +263 -34
  96. package/src/transformers/floatToPixel.ts +33 -0
  97. package/src/transformers/fontFamilyToCss.ts +3 -4
  98. package/src/transformers/fontFamilyToFigma.ts +47 -0
  99. package/src/transformers/index.ts +2 -0
  100. package/src/transformers/utilities/hasSpaceInString.ts +6 -0
  101. package/build.js +0 -578
  102. package/dist/deprecated/colors.json +0 -7
  103. package/dist/js/colors/dark.d.ts +0 -516
  104. package/dist/js/colors/dark.js +0 -616
  105. package/dist/js/colors/dark_colorblind.d.ts +0 -516
  106. package/dist/js/colors/dark_colorblind.js +0 -616
  107. package/dist/js/colors/dark_dimmed.d.ts +0 -516
  108. package/dist/js/colors/dark_dimmed.js +0 -616
  109. package/dist/js/colors/dark_high_contrast.d.ts +0 -516
  110. package/dist/js/colors/dark_high_contrast.js +0 -616
  111. package/dist/js/colors/dark_tritanopia.d.ts +0 -516
  112. package/dist/js/colors/dark_tritanopia.js +0 -616
  113. package/dist/js/colors/index.d.ts +0 -4638
  114. package/dist/js/colors/index.js +0 -15
  115. package/dist/js/colors/light.d.ts +0 -516
  116. package/dist/js/colors/light.js +0 -616
  117. package/dist/js/colors/light_colorblind.d.ts +0 -516
  118. package/dist/js/colors/light_colorblind.js +0 -616
  119. package/dist/js/colors/light_high_contrast.d.ts +0 -516
  120. package/dist/js/colors/light_high_contrast.js +0 -616
  121. package/dist/js/colors/light_tritanopia.d.ts +0 -516
  122. package/dist/js/colors/light_tritanopia.js +0 -616
  123. package/dist/js/index.d.ts +0 -4655
  124. package/dist/js/index.js +0 -9
  125. package/dist/js/spacing/index.d.ts +0 -6
  126. package/dist/js/spacing/index.js +0 -7
  127. package/dist/js/spacing/normal.d.ts +0 -4
  128. package/dist/js/spacing/normal.js +0 -13
  129. package/dist/js/typography/index.d.ts +0 -11
  130. package/dist/js/typography/index.js +0 -7
  131. package/dist/js/typography/normal.d.ts +0 -9
  132. package/dist/js/typography/normal.js +0 -19
  133. package/dist/json/colors/dark.json +0 -614
  134. package/dist/json/colors/dark_colorblind.json +0 -614
  135. package/dist/json/colors/dark_dimmed.json +0 -614
  136. package/dist/json/colors/dark_high_contrast.json +0 -614
  137. package/dist/json/colors/dark_tritanopia.json +0 -614
  138. package/dist/json/colors/light.json +0 -614
  139. package/dist/json/colors/light_colorblind.json +0 -614
  140. package/dist/json/colors/light_high_contrast.json +0 -614
  141. package/dist/json/colors/light_tritanopia.json +0 -614
  142. package/dist/json/spacing/normal.json +0 -11
  143. package/dist/json/typography/normal.json +0 -17
  144. package/dist/removed/colors.json +0 -432
  145. package/dist/scss/colors/_dark.scss +0 -452
  146. package/dist/scss/colors/_dark_colorblind.scss +0 -452
  147. package/dist/scss/colors/_dark_dimmed.scss +0 -452
  148. package/dist/scss/colors/_dark_high_contrast.scss +0 -452
  149. package/dist/scss/colors/_dark_tritanopia.scss +0 -452
  150. package/dist/scss/colors/_light.scss +0 -452
  151. package/dist/scss/colors/_light_colorblind.scss +0 -452
  152. package/dist/scss/colors/_light_high_contrast.scss +0 -452
  153. package/dist/scss/colors/_light_tritanopia.scss +0 -452
  154. package/dist/scss/spacing/_normal.scss +0 -11
  155. package/dist/scss/typography/_normal.scss +0 -15
  156. package/dist/ts/colors/dark.ts +0 -614
  157. package/dist/ts/colors/dark_colorblind.ts +0 -614
  158. package/dist/ts/colors/dark_dimmed.ts +0 -614
  159. package/dist/ts/colors/dark_high_contrast.ts +0 -614
  160. package/dist/ts/colors/dark_tritanopia.ts +0 -614
  161. package/dist/ts/colors/index.ts +0 -10
  162. package/dist/ts/colors/light.ts +0 -614
  163. package/dist/ts/colors/light_colorblind.ts +0 -614
  164. package/dist/ts/colors/light_high_contrast.ts +0 -614
  165. package/dist/ts/colors/light_tritanopia.ts +0 -614
  166. package/dist/ts/index.ts +0 -4
  167. package/dist/ts/spacing/index.ts +0 -2
  168. package/dist/ts/spacing/normal.ts +0 -11
  169. package/dist/ts/typography/index.ts +0 -2
  170. package/dist/ts/typography/normal.ts +0 -17
  171. package/tokens/base/size/size.json +0 -57
  172. package/tokens/base/typography/typography.json +0 -20
  173. package/tokens/functional/size/border.json +0 -48
  174. package/tokens/functional/size/breakpoints.json +0 -24
  175. package/tokens/functional/size/size-coarse.json +0 -27
  176. package/tokens/functional/size/size-fine.json +0 -27
  177. package/tokens/functional/size/size.json +0 -189
  178. package/tokens/functional/size/viewport.json +0 -24
  179. package/tokens/functional/typography/typography.json +0 -213
  180. package/tokens/removed/color.json +0 -421
  181. package/tokens-next-private/css/base/size/size.css +0 -19
  182. package/tokens-next-private/css/base/typography/typography.css +0 -6
  183. package/tokens-next-private/css/functional/motion/motion.css +0 -5
  184. package/tokens-next-private/css/functional/size/border.css +0 -14
  185. package/tokens-next-private/css/functional/size/breakpoints.css +0 -8
  186. package/tokens-next-private/css/functional/size/size-coarse.css +0 -7
  187. package/tokens-next-private/css/functional/size/size-fine.css +0 -7
  188. package/tokens-next-private/css/functional/size/size.css +0 -74
  189. package/tokens-next-private/css/functional/size/viewport.css +0 -6
  190. package/tokens-next-private/css/functional/themes/dark-colorblind.css +0 -1078
  191. package/tokens-next-private/css/functional/themes/dark-dimmed.css +0 -1078
  192. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +0 -1078
  193. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +0 -1078
  194. package/tokens-next-private/css/functional/themes/dark.css +0 -1078
  195. package/tokens-next-private/css/functional/themes/light-colorblind.css +0 -1078
  196. package/tokens-next-private/css/functional/themes/light-high-contrast.css +0 -1078
  197. package/tokens-next-private/css/functional/themes/light-tritanopia.css +0 -1078
  198. package/tokens-next-private/css/functional/themes/light.css +0 -1078
  199. package/tokens-next-private/css/functional/typography/typography.css +0 -47
  200. package/tokens-next-private/docs/base/size/size.json +0 -427
  201. package/tokens-next-private/docs/base/typography/typography.json +0 -54
  202. package/tokens-next-private/docs/functional/motion/motion.json +0 -47
  203. package/tokens-next-private/docs/functional/size/border.json +0 -234
  204. package/tokens-next-private/docs/functional/size/breakpoints.json +0 -152
  205. package/tokens-next-private/docs/functional/size/size-coarse.json +0 -41
  206. package/tokens-next-private/docs/functional/size/size-fine.json +0 -41
  207. package/tokens-next-private/docs/functional/size/size.json +0 -1838
  208. package/tokens-next-private/docs/functional/size/viewport.json +0 -80
  209. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +0 -16155
  210. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +0 -16159
  211. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +0 -16175
  212. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +0 -16161
  213. package/tokens-next-private/docs/functional/themes/dark.json +0 -16159
  214. package/tokens-next-private/docs/functional/themes/light-colorblind.json +0 -16123
  215. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +0 -16125
  216. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +0 -16115
  217. package/tokens-next-private/docs/functional/themes/light.json +0 -16113
  218. package/tokens-next-private/docs/functional/typography/typography.json +0 -663
  219. package/tokens-next-private/fallbacks/base/size/size.json +0 -19
  220. package/tokens-next-private/fallbacks/base/typography/typography.json +0 -6
  221. package/tokens-next-private/fallbacks/color-fallbacks.json +0 -260
  222. package/tokens-next-private/fallbacks/functional/motion/motion.json +0 -5
  223. package/tokens-next-private/fallbacks/functional/size/border.json +0 -14
  224. package/tokens-next-private/fallbacks/functional/size/breakpoints.json +0 -8
  225. package/tokens-next-private/fallbacks/functional/size/size-coarse.json +0 -5
  226. package/tokens-next-private/fallbacks/functional/size/size-fine.json +0 -5
  227. package/tokens-next-private/fallbacks/functional/size/size.json +0 -74
  228. package/tokens-next-private/fallbacks/functional/size/viewport.json +0 -8
  229. package/tokens-next-private/fallbacks/functional/typography/typography.json +0 -47
  230. package/tokens-next-private/internalCss/dark-colorblind.css +0 -1648
  231. package/tokens-next-private/internalCss/dark-dimmed.css +0 -1648
  232. package/tokens-next-private/internalCss/dark-high-contrast.css +0 -1648
  233. package/tokens-next-private/internalCss/dark-tritanopia.css +0 -1648
  234. package/tokens-next-private/internalCss/dark.css +0 -1648
  235. package/tokens-next-private/internalCss/light-colorblind.css +0 -1648
  236. package/tokens-next-private/internalCss/light-high-contrast.css +0 -1648
  237. package/tokens-next-private/internalCss/light-tritanopia.css +0 -1648
  238. package/tokens-next-private/internalCss/light.css +0 -1648
  239. package/tokens-next-private/removed/color.json +0 -421
  240. package/tokens-next-private/styleLint/base/size/size.json +0 -427
  241. package/tokens-next-private/styleLint/base/typography/typography.json +0 -54
  242. package/tokens-next-private/styleLint/functional/motion/motion.json +0 -47
  243. package/tokens-next-private/styleLint/functional/size/border.json +0 -234
  244. package/tokens-next-private/styleLint/functional/size/breakpoints.json +0 -152
  245. package/tokens-next-private/styleLint/functional/size/size-coarse.json +0 -41
  246. package/tokens-next-private/styleLint/functional/size/size-fine.json +0 -41
  247. package/tokens-next-private/styleLint/functional/size/size.json +0 -1838
  248. package/tokens-next-private/styleLint/functional/size/viewport.json +0 -80
  249. package/tokens-next-private/styleLint/functional/themes/dark-colorblind.json +0 -16155
  250. package/tokens-next-private/styleLint/functional/themes/dark-dimmed.json +0 -16159
  251. package/tokens-next-private/styleLint/functional/themes/dark-high-contrast.json +0 -16175
  252. package/tokens-next-private/styleLint/functional/themes/dark-tritanopia.json +0 -16161
  253. package/tokens-next-private/styleLint/functional/themes/dark.json +0 -16159
  254. package/tokens-next-private/styleLint/functional/themes/light-colorblind.json +0 -16123
  255. package/tokens-next-private/styleLint/functional/themes/light-high-contrast.json +0 -16125
  256. package/tokens-next-private/styleLint/functional/themes/light-tritanopia.json +0 -16115
  257. package/tokens-next-private/styleLint/functional/themes/light.json +0 -16113
  258. package/tokens-next-private/styleLint/functional/typography/typography.json +0 -663
  259. package/tokens-v2-private/css/tokens/base/size/size.css +0 -24
  260. package/tokens-v2-private/css/tokens/base/typography/typography.css +0 -11
  261. package/tokens-v2-private/css/tokens/functional/size/border.css +0 -17
  262. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +0 -13
  263. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +0 -11
  264. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +0 -11
  265. package/tokens-v2-private/css/tokens/functional/size/size.css +0 -54
  266. package/tokens-v2-private/css/tokens/functional/size/viewport.css +0 -6
  267. package/tokens-v2-private/css/tokens/functional/typography/typography.css +0 -47
  268. package/tokens-v2-private/docs/docValues.json +0 -2209
  269. package/tokens-v2-private/js/module/tokens/base/size/size.js +0 -266
  270. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +0 -77
  271. package/tokens-v2-private/js/module/tokens/functional/size/border.js +0 -165
  272. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +0 -101
  273. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +0 -73
  274. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +0 -73
  275. package/tokens-v2-private/js/module/tokens/functional/size/size.js +0 -824
  276. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +0 -101
  277. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +0 -809
  278. package/tokens-v2-private/js/tokens/base/size/size.js +0 -22
  279. package/tokens-v2-private/js/tokens/base/typography/typography.js +0 -9
  280. package/tokens-v2-private/js/tokens/functional/size/border.js +0 -15
  281. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +0 -11
  282. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +0 -8
  283. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +0 -8
  284. package/tokens-v2-private/js/tokens/functional/size/size.js +0 -52
  285. package/tokens-v2-private/js/tokens/functional/size/viewport.js +0 -11
  286. package/tokens-v2-private/js/tokens/functional/typography/typography.js +0 -45
  287. package/tokens-v2-private/scss/tokens/base/size/size.scss +0 -21
  288. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +0 -8
  289. package/tokens-v2-private/scss/tokens/functional/size/border.scss +0 -14
  290. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +0 -10
  291. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +0 -7
  292. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +0 -7
  293. package/tokens-v2-private/scss/tokens/functional/size/size.scss +0 -51
  294. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +0 -10
  295. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +0 -44
  296. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +0 -31
  297. package/tokens-v2-private/ts/tokens/base/size/size.js +0 -30
  298. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +0 -20
  299. package/tokens-v2-private/ts/tokens/base/typography/typography.js +0 -19
  300. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +0 -28
  301. package/tokens-v2-private/ts/tokens/functional/size/border.js +0 -27
  302. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +0 -20
  303. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +0 -19
  304. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +0 -29
  305. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +0 -28
  306. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +0 -29
  307. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +0 -28
  308. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +0 -103
  309. package/tokens-v2-private/ts/tokens/functional/size/size.js +0 -102
  310. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +0 -20
  311. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +0 -19
  312. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +0 -131
  313. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +0 -130
@@ -1,234 +0,0 @@
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
- }
@@ -1,152 +0,0 @@
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
- }
@@ -1,41 +0,0 @@
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
- }
@@ -1,41 +0,0 @@
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
- }