@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
package/tokens-v2-private/css/tokens/base/size/size.css DELETED
@@ -1,24 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 15 Apr 2024 14:11:01 GMT
4
- */
5
-
6
- :root {
7
- --base-size-128: 8rem;
8
- --base-size-112: 7rem;
9
- --base-size-96: 6rem;
10
- --base-size-80: 5rem;
11
- --base-size-64: 4rem;
12
- --base-size-48: 3rem;
13
- --base-size-44: 2.75rem;
14
- --base-size-40: 2.5rem;
15
- --base-size-36: 2.25rem;
16
- --base-size-32: 2rem;
17
- --base-size-28: 1.75rem;
18
- --base-size-24: 1.5rem;
19
- --base-size-20: 1.25rem;
20
- --base-size-16: 1rem;
21
- --base-size-12: 0.75rem;
22
- --base-size-8: 0.5rem;
23
- --base-size-4: 0.25rem;
24
- }
package/tokens-v2-private/css/tokens/base/typography/typography.css DELETED
@@ -1,11 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 15 Apr 2024 14:11:00 GMT
4
- */
5
-
6
- :root {
7
- --base-text-weight-semibold: 600;
8
- --base-text-weight-medium: 500;
9
- --base-text-weight-normal: 400;
10
- --base-text-weight-light: 300;
11
- }
package/tokens-v2-private/css/tokens/functional/size/border.css DELETED
@@ -1,17 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 15 Apr 2024 14:11:00 GMT
4
- */
5
-
6
- :root {
7
- --primer-borderRadius-full: 100vh;
8
- --primer-borderRadius-large: 0.75rem;
9
- --primer-borderRadius-medium: 0.375rem;
10
- --primer-borderRadius-small: 0.1875rem;
11
- --primer-borderWidth-thicker: max(4px, 0.25rem);
12
- --primer-borderWidth-thick: max(2px, 0.125rem);
13
- --primer-borderWidth-thin: max(1px, 0.0625rem);
14
- --primer-borderInset-thicker: inset 0 0 0 var(--primer-borderWidth-thicker);
15
- --primer-borderInset-thick: inset 0 0 0 var(--primer-borderWidth-thick);
16
- --primer-borderInset-thin: inset 0 0 0 var(--primer-borderWidth-thin);
17
- }
package/tokens-v2-private/css/tokens/functional/size/breakpoints.css DELETED
@@ -1,13 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 15 Apr 2024 14:11:00 GMT
4
- */
5
-
6
- :root {
7
- --primer-breakpoint-xxlarge: 90rem;
8
- --primer-breakpoint-xlarge: 80rem;
9
- --primer-breakpoint-large: 63.25rem;
10
- --primer-breakpoint-medium: 48rem;
11
- --primer-breakpoint-small: 34rem;
12
- --primer-breakpoint-xsmall: 20rem;
13
- }
package/tokens-v2-private/css/tokens/functional/size/size-coarse.css DELETED
@@ -1,11 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 15 Apr 2024 14:11:01 GMT
4
- */
5
-
6
-
7
- @media (pointer: coarse) { :root {
8
- --primer-controlStack-medium-gap-auto: var(--base-size-12);
9
- --primer-controlStack-small-gap-auto: var(--base-size-16);
10
- --primer-control-minTarget-auto: var(--base-size-44);
11
- }}
package/tokens-v2-private/css/tokens/functional/size/size-fine.css DELETED
@@ -1,11 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 15 Apr 2024 14:11:01 GMT
4
- */
5
-
6
-
7
- @media (pointer: fine) { :root {
8
- --primer-controlStack-medium-gap-auto: var(--base-size-8);
9
- --primer-controlStack-small-gap-auto: var(--base-size-8);
10
- --primer-control-minTarget-auto: var(--base-size-16);
11
- }}
package/tokens-v2-private/css/tokens/functional/size/size.css DELETED
@@ -1,54 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 15 Apr 2024 14:11:00 GMT
4
- */
5
-
6
- :root {
7
- --primer-controlStack-large-gap-spacious: var(--base-size-12);
8
- --primer-controlStack-large-gap-condensed: var(--base-size-8);
9
- --primer-controlStack-large-gap-auto: var(--base-size-8);
10
- --primer-controlStack-medium-gap-spacious: var(--base-size-12);
11
- --primer-controlStack-medium-gap-condensed: var(--base-size-8);
12
- --primer-controlStack-small-gap-spacious: var(--base-size-16);
13
- --primer-controlStack-small-gap-condensed: var(--base-size-8);
14
- --primer-stack-gap-spacious: var(--base-size-24);
15
- --primer-stack-gap-normal: var(--base-size-16);
16
- --primer-stack-gap-condensed: var(--base-size-8);
17
- --primer-stack-padding-spacious: var(--base-size-24);
18
- --primer-stack-padding-normal: var(--base-size-16);
19
- --primer-stack-padding-condensed: var(--base-size-8);
20
- --primer-control-xlarge-gap: var(--base-size-8);
21
- --primer-control-xlarge-paddingInline-spacious: var(--base-size-16);
22
- --primer-control-xlarge-paddingInline-normal: var(--base-size-12);
23
- --primer-control-xlarge-lineBoxHeight: var(--base-size-20);
24
- --primer-control-xlarge-size: var(--base-size-48);
25
- --primer-control-large-gap: var(--base-size-8);
26
- --primer-control-large-paddingInline-spacious: var(--base-size-16);
27
- --primer-control-large-paddingInline-normal: var(--base-size-12);
28
- --primer-control-large-lineBoxHeight: var(--base-size-20);
29
- --primer-control-large-size: var(--base-size-40);
30
- --primer-control-medium-gap: var(--base-size-8);
31
- --primer-control-medium-paddingInline-spacious: var(--base-size-16);
32
- --primer-control-medium-paddingInline-normal: var(--base-size-12);
33
- --primer-control-medium-paddingInline-condensed: var(--base-size-8);
34
- --primer-control-medium-lineBoxHeight: var(--base-size-20);
35
- --primer-control-medium-size: var(--base-size-32);
36
- --primer-control-small-gap: var(--base-size-4);
37
- --primer-control-small-paddingInline-normal: var(--base-size-12);
38
- --primer-control-small-paddingInline-condensed: var(--base-size-8);
39
- --primer-control-small-lineBoxHeight: var(--base-size-20);
40
- --primer-control-small-size: var(--base-size-28);
41
- --primer-control-xsmall-gap: var(--base-size-4);
42
- --primer-control-xsmall-paddingInline-spacious: var(--base-size-12);
43
- --primer-control-xsmall-paddingInline-normal: var(--base-size-8);
44
- --primer-control-xsmall-paddingInline-condensed: var(--base-size-4);
45
- --primer-control-xsmall-lineBoxHeight: var(--base-size-20);
46
- --primer-control-xsmall-size: var(--base-size-24);
47
- --primer-control-minTarget-coarse: var(--base-size-44);
48
- --primer-control-minTarget-fine: var(--base-size-16);
49
- --primer-control-xlarge-paddingBlock: calc((var(--primer-control-xlarge-size) - var(--primer-control-xlarge-lineBoxHeight)) / 2);
50
- --primer-control-large-paddingBlock: calc((var(--primer-control-large-size) - var(--primer-control-large-lineBoxHeight)) / 2);
51
- --primer-control-medium-paddingBlock: calc((var(--primer-control-medium-size) - var(--primer-control-medium-lineBoxHeight)) / 2);
52
- --primer-control-small-paddingBlock: calc((var(--primer-control-small-size) - var(--primer-control-small-lineBoxHeight)) / 2);
53
- --primer-control-xsmall-paddingBlock: calc((var(--primer-control-xsmall-size) - var(--primer-control-xsmall-lineBoxHeight)) / 2);
54
- }
package/tokens-v2-private/css/tokens/functional/size/viewport.css DELETED
@@ -1,6 +0,0 @@
1
- @custom-media --primer-viewportRange-narrow-viewport (max-width: calc(48rem - 0.02px));
2
- @custom-media --primer-viewportRange-narrowLandscape-viewport (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));
3
- @custom-media --primer-viewportRange-regular-viewport (min-width: 48rem);
4
- @custom-media --primer-viewportRange-wide-viewport (min-width: 90rem);
5
- @custom-media --primer-viewportRange-portrait-viewport (orientation: portrait);
6
- @custom-media --primer-viewportRange-landscape-viewport (orientation: landscape);
package/tokens-v2-private/css/tokens/functional/typography/typography.css DELETED
@@ -1,47 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 15 Apr 2024 14:11:00 GMT
4
- */
5
-
6
- :root {
7
- --primer-text-codeInline-size: 0.9285em;
8
- --primer-text-codeBlock-lineHeight: calc(20/13);
9
- --primer-text-codeBlock-size: 0.8125rem;
10
- --primer-text-caption-lineHeight: calc(16/12);
11
- --primer-text-caption-size: 0.75rem;
12
- --primer-text-body-lineHeight-small: calc(20/12);
13
- --primer-text-body-lineHeight-medium: calc(20/14);
14
- --primer-text-body-lineHeight-large: calc(24/16);
15
- --primer-text-body-size-small: 0.75rem;
16
- --primer-text-body-size-medium: 0.875rem;
17
- --primer-text-body-size-large: 1rem;
18
- --primer-text-subtitle-lineHeight: calc(32/20);
19
- --primer-text-subtitle-size: 1.25rem;
20
- --primer-text-title-lineHeight-medium: calc(32/20);
21
- --primer-text-title-lineHeight-large: calc(48/32);
22
- --primer-text-title-size-medium: 1.25rem;
23
- --primer-text-title-size-large: 2rem;
24
- --primer-text-display-lineHeight: calc(56/40);
25
- --primer-text-display-size: 2.5rem;
26
- --primer-text-display-lineBoxHeight: 3.5rem;
27
- --primer-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
28
- --primer-fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
29
- --primer-fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
30
- --primer-text-codeInline-weight: var(--base-text-weight-normal);
31
- --primer-text-codeBlock-weight: var(--base-text-weight-normal);
32
- --primer-text-caption-weight: var(--base-text-weight-normal);
33
- --primer-text-body-weight: var(--base-text-weight-normal);
34
- --primer-text-subtitle-weight: var(--base-text-weight-normal);
35
- --primer-text-title-weight: var(--base-text-weight-semibold);
36
- --primer-text-display-weight: var(--base-text-weight-medium);
37
- --primer-text-codeInline-shorthand: var(--primer-text-codeInline-weight) var(--primer-text-codeInline-size) var(--primer-fontStack-monospace);
38
- --primer-text-codeBlock-shorthand: var(--primer-text-codeBlock-weight) var(--primer-text-codeBlock-size)/var(--primer-text-codeBlock-lineHeight) var(--primer-fontStack-monospace);
39
- --primer-text-caption-shorthand: var(--primer-text-caption-weight) var(--primer-text-caption-size)/var(--primer-text-caption-lineHeight) var(--primer-fontStack-sansSerif);
40
- --primer-text-body-shorthand-small: var(--primer-text-body-weight) var(--primer-text-body-size-small)/var(--primer-text-body-lineHeight-small) var(--primer-fontStack-sansSerif);
41
- --primer-text-body-shorthand-medium: var(--primer-text-body-weight) var(--primer-text-body-size-medium)/var(--primer-text-body-lineHeight-medium) var(--primer-fontStack-sansSerif);
42
- --primer-text-body-shorthand-large: var(--primer-text-body-weight) var(--primer-text-body-size-large)/var(--primer-text-body-lineHeight-large) var(--primer-fontStack-sansSerif);
43
- --primer-text-subtitle-shorthand: var(--primer-text-subtitle-weight) var(--primer-text-subtitle-size)/var(--primer-text-subtitle-lineHeight) var(--primer-fontStack-sansSerif);
44
- --primer-text-title-shorthand-medium: var(--primer-text-title-weight) var(--primer-text-title-size-medium)/var(--primer-text-title-lineHeight-medium) var(--primer-fontStack-sansSerif);
45
- --primer-text-title-shorthand-large: var(--primer-text-title-weight) var(--primer-text-title-size-large)/var(--primer-text-title-lineHeight-large) var(--primer-fontStack-sansSerif);
46
- --primer-text-display-shorthand: var(--primer-text-display-weight) var(--primer-text-display-size)/var(--primer-text-display-lineHeight) var(--primer-fontStack-sansSerif);
47
- }