@primer/primitives 7.16.0 → 7.17.0-rc.132f02a7

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 (360) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +14 -14
  2. package/dist/css/functional/themes/dark-tritanopia.css +14 -14
  3. package/dist/css/functional/themes/dark.css +14 -14
  4. package/dist/docs/functional/themes/dark-colorblind.json +7 -7
  5. package/dist/docs/functional/themes/dark-tritanopia.json +7 -7
  6. package/dist/docs/functional/themes/dark.json +7 -7
  7. package/dist/figma/scales/dark.json +5 -5
  8. package/dist/figma/themes/dark-colorblind.json +20 -20
  9. package/dist/figma/themes/dark-tritanopia.json +20 -20
  10. package/dist/figma/themes/dark.json +20 -20
  11. package/dist/internalCss/dark-colorblind.css +18 -18
  12. package/dist/internalCss/dark-tritanopia.css +18 -18
  13. package/dist/internalCss/dark.css +18 -18
  14. package/{tokens-next-private/docs → dist/styleLint}/base/size/size.json +17 -17
  15. package/{tokens-next-private/docs → dist/styleLint}/functional/size/border.json +6 -6
  16. package/{tokens-next-private/docs → dist/styleLint}/functional/size/breakpoints.json +6 -6
  17. package/{tokens-next-private/docs → dist/styleLint}/functional/size/size-coarse.json +3 -3
  18. package/{tokens-next-private/docs → dist/styleLint}/functional/size/size-fine.json +3 -3
  19. package/{tokens-next-private/docs → dist/styleLint}/functional/size/size.json +72 -72
  20. package/{tokens-next-private/docs → dist/styleLint}/functional/size/viewport.json +4 -4
  21. package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-colorblind.json +7 -7
  22. package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-tritanopia.json +7 -7
  23. package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark.json +7 -7
  24. package/{tokens-next-private/docs → dist/styleLint}/functional/typography/typography.json +23 -23
  25. package/package.json +12 -11
  26. package/src/PrimerStyleDictionary.ts +226 -0
  27. package/src/filters/index.ts +12 -0
  28. package/src/filters/isBorder.ts +10 -0
  29. package/src/filters/isColor.ts +10 -0
  30. package/src/filters/isColorWithAlpha.ts +11 -0
  31. package/src/filters/isColorWithMix.ts +33 -0
  32. package/src/filters/isDeprecated.ts +10 -0
  33. package/src/filters/isDimension.ts +10 -0
  34. package/src/filters/isDuration.ts +10 -0
  35. package/src/filters/isFontFamily.ts +10 -0
  36. package/src/filters/isFontWeight.ts +10 -0
  37. package/src/filters/isFromFile.ts +12 -0
  38. package/src/filters/isShadow.ts +10 -0
  39. package/src/filters/isSource.ts +10 -0
  40. package/src/filters/isTypography.ts +10 -0
  41. package/src/formats/cssCustomMedia.ts +24 -0
  42. package/src/formats/cssThemed.ts +35 -0
  43. package/src/formats/cssVariables.ts +25 -0
  44. package/src/formats/cssWrapMediaQuery.ts +29 -0
  45. package/src/formats/index.ts +11 -0
  46. package/src/formats/javascriptCommonJs.ts +21 -0
  47. package/src/formats/javascriptEsm.ts +21 -0
  48. package/src/formats/jsonFigma.ts +133 -0
  49. package/src/formats/jsonNestedPrefixed.ts +23 -0
  50. package/src/formats/jsonOneDimensional.ts +18 -0
  51. package/src/formats/jsonPostCssFallback.ts +16 -0
  52. package/src/formats/typescriptExportDefinition.ts +170 -0
  53. package/src/formats/utilities/jsonToFlat.ts +10 -0
  54. package/src/formats/utilities/jsonToNestedValue.ts +20 -0
  55. package/src/formats/utilities/prefixTokens.ts +17 -0
  56. package/src/parsers/index.ts +1 -0
  57. package/src/parsers/w3cJsonParser.ts +25 -0
  58. package/src/platforms/css.ts +93 -0
  59. package/src/platforms/deprecatedJson.ts +16 -0
  60. package/src/platforms/docJson.ts +34 -0
  61. package/src/platforms/fallbacks.ts +34 -0
  62. package/src/platforms/figma.ts +48 -0
  63. package/src/platforms/index.ts +10 -0
  64. package/src/platforms/javascript.ts +30 -0
  65. package/src/platforms/json.ts +32 -0
  66. package/src/platforms/styleLint.ts +34 -0
  67. package/src/platforms/typeDefinitions.ts +30 -0
  68. package/src/platforms/typescript.ts +30 -0
  69. package/src/schemas/alphaValue.ts +12 -0
  70. package/src/schemas/baseToken.ts +7 -0
  71. package/src/schemas/borderToken.ts +19 -0
  72. package/src/schemas/collections.ts +49 -0
  73. package/src/schemas/colorHexValue.ts +18 -0
  74. package/src/schemas/colorToken.ts +50 -0
  75. package/src/schemas/designToken.ts +38 -0
  76. package/src/schemas/dimensionToken.ts +22 -0
  77. package/src/schemas/dimensionValue.ts +16 -0
  78. package/src/schemas/durationToken.ts +12 -0
  79. package/src/schemas/durationValue.ts +9 -0
  80. package/src/schemas/fontFamilyToken.ts +21 -0
  81. package/src/schemas/fontWeightToken.ts +22 -0
  82. package/src/schemas/fontWeightValue.ts +14 -0
  83. package/src/schemas/numberToken.ts +11 -0
  84. package/src/schemas/referenceValue.ts +12 -0
  85. package/src/schemas/scopes.ts +16 -0
  86. package/src/schemas/shadowToken.ts +45 -0
  87. package/src/schemas/stringToken.ts +11 -0
  88. package/src/schemas/tokenName.ts +12 -0
  89. package/src/schemas/tokenType.ts +4 -0
  90. package/src/schemas/typographyToken.ts +20 -0
  91. package/src/schemas/validTokenType.ts +44 -0
  92. package/src/schemas/viewportRangeToken.ts +11 -0
  93. package/src/test-utilities/getMockDictionary.ts +22 -0
  94. package/src/test-utilities/getMockFormatterArguments.ts +21 -0
  95. package/src/test-utilities/getMockParserInput.ts +72 -0
  96. package/src/test-utilities/getMockToken.ts +25 -0
  97. package/src/test-utilities/index.ts +4 -0
  98. package/src/tokens/base/color/dark/dark.dimmed.json5 +1326 -0
  99. package/src/tokens/base/color/dark/dark.high-contrast.json5 +856 -0
  100. package/src/tokens/base/color/dark/dark.json5 +866 -0
  101. package/src/tokens/base/color/dark/display-dark.json5 +1774 -0
  102. package/src/tokens/base/color/light/display-light.json5 +1774 -0
  103. package/src/tokens/base/color/light/light.high-contrast.json5 +847 -0
  104. package/src/tokens/base/color/light/light.json5 +866 -0
  105. package/src/tokens/base/size/size.json +176 -0
  106. package/src/tokens/base/typography/typography.json +24 -0
  107. package/{tokens-next-private/fallbacks → src/tokens/fallback}/color-fallbacks.json +1 -1
  108. package/src/tokens/functional/border/dark.json5 +12 -0
  109. package/src/tokens/functional/border/light.json5 +12 -0
  110. package/src/tokens/functional/color/dark/app-dark.json5 +554 -0
  111. package/src/tokens/functional/color/dark/data-vis-dark.json5 +144 -0
  112. package/src/tokens/functional/color/dark/display-dark.json5 +1060 -0
  113. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +57 -0
  114. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +390 -0
  115. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +314 -0
  116. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +229 -0
  117. package/src/tokens/functional/color/dark/patterns-dark.json5 +3073 -0
  118. package/src/tokens/functional/color/dark/primitives-dark.json5 +1206 -0
  119. package/src/tokens/functional/color/dark/syntax-dark.json5 +559 -0
  120. package/src/tokens/functional/color/light/app-light.json5 +551 -0
  121. package/src/tokens/functional/color/light/data-vis-light.json5 +144 -0
  122. package/src/tokens/functional/color/light/display-light.json5 +1060 -0
  123. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +440 -0
  124. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +340 -0
  125. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +249 -0
  126. package/src/tokens/functional/color/light/patterns-light.json5 +3070 -0
  127. package/src/tokens/functional/color/light/primitives-light.json5 +1196 -0
  128. package/src/tokens/functional/color/light/syntax-light.json5 +559 -0
  129. package/src/tokens/functional/motion/loading.json5 +17 -0
  130. package/src/tokens/functional/motion/patterns.json5 +28 -0
  131. package/src/tokens/functional/shadow/dark.json5 +383 -0
  132. package/src/tokens/functional/shadow/light.json5 +376 -0
  133. package/src/tokens/functional/size/border.json +98 -0
  134. package/src/tokens/functional/size/breakpoints.json +64 -0
  135. package/src/tokens/functional/size/size-coarse.json +28 -0
  136. package/src/tokens/functional/size/size-fine.json +28 -0
  137. package/src/tokens/functional/size/size.json +802 -0
  138. package/src/tokens/functional/size/viewport.json +28 -0
  139. package/src/tokens/functional/typography/typography.json +279 -0
  140. package/src/transformers/borderToCss.ts +38 -0
  141. package/src/transformers/colorToHex.ts +16 -0
  142. package/src/transformers/colorToHexAlpha.ts +23 -0
  143. package/src/transformers/colorToHexMix.ts +19 -0
  144. package/src/transformers/colorToRgbAlpha.ts +19 -0
  145. package/src/transformers/colorToRgbaFloat.ts +45 -0
  146. package/src/transformers/dimensionToPixelUnitless.ts +60 -0
  147. package/src/transformers/dimensionToRem.ts +56 -0
  148. package/src/transformers/dimensionToRemPxArray.ts +60 -0
  149. package/src/transformers/durationToCss.ts +29 -0
  150. package/src/transformers/figmaAttributes.ts +55 -0
  151. package/src/transformers/fontFamilyToCss.ts +38 -0
  152. package/src/transformers/fontWeightToNumber.ts +53 -0
  153. package/src/transformers/index.ts +21 -0
  154. package/src/transformers/jsonDeprecated.ts +15 -0
  155. package/src/transformers/namePathToCamelCase.ts +14 -0
  156. package/src/transformers/namePathToDotNotation.ts +34 -0
  157. package/src/transformers/namePathToFigma.ts +28 -0
  158. package/src/transformers/namePathToKebabCase.ts +19 -0
  159. package/src/transformers/namePathToSlashNotation.ts +19 -0
  160. package/src/transformers/shadowToCss.ts +37 -0
  161. package/src/transformers/typographyToCss.ts +31 -0
  162. package/src/transformers/utilities/alpha.ts +23 -0
  163. package/src/transformers/utilities/checkRequiredTokenProperties.ts +16 -0
  164. package/src/transformers/utilities/getTokenValue.ts +18 -0
  165. package/src/transformers/utilities/hexToRgbaFloat.ts +31 -0
  166. package/src/transformers/utilities/invalidTokenError.ts +34 -0
  167. package/src/transformers/utilities/isRgbaFloat.ts +29 -0
  168. package/src/transformers/utilities/mix.ts +46 -0
  169. package/src/transformers/utilities/rgbaFloatToHex.ts +15 -0
  170. package/src/types/Border.d.ts +5 -0
  171. package/src/types/BorderTokenValue.d.ts +10 -0
  172. package/src/types/ColorHex.d.ts +4 -0
  173. package/src/types/PlatformInitializer.d.ts +11 -0
  174. package/src/types/Shadow.d.ts +5 -0
  175. package/src/types/ShadowTokenValue.d.ts +14 -0
  176. package/src/types/SizeEm.d.ts +4 -0
  177. package/src/types/SizePx.d.ts +4 -0
  178. package/src/types/SizeRem.d.ts +4 -0
  179. package/src/types/StyleDictionaryConfigGenerator.d.ts +15 -0
  180. package/src/types/TokenBuildInput.d.ts +8 -0
  181. package/src/types/TypographyTokenValue.d.ts +12 -0
  182. package/src/types/w3cTransformedToken.d.ts +8 -0
  183. package/src/utilities/copyFromDir.ts +21 -0
  184. package/src/utilities/getFlag.ts +12 -0
  185. package/src/utilities/index.ts +3 -0
  186. package/src/utilities/joinFriendly.ts +2 -0
  187. package/src/utilities/schemaErrorMessage.ts +2 -0
  188. package/src/utilities/toCamelCase.ts +29 -0
  189. package/src/utilities/treeWalker.ts +27 -0
  190. package/src/utilities/upperCaseFirstCharacter.ts +10 -0
  191. package/src/utils-v1.ts +36 -0
  192. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  193. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  194. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  195. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  196. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  197. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  198. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  199. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  200. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  201. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  202. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  203. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  204. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  205. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  206. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  207. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  208. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  209. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  210. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  211. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  212. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  213. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  214. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  215. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  216. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  217. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  218. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  219. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  220. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  221. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  222. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  223. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  224. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  225. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  226. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  227. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  228. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  229. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  230. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  231. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  232. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  233. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  234. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  235. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  236. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  237. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  238. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  239. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  240. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  241. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  242. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  243. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  244. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  245. package/dist/deprecated/colors.json +0 -7
  246. package/dist/js/colors/dark.d.ts +0 -516
  247. package/dist/js/colors/dark.js +0 -616
  248. package/dist/js/colors/dark_colorblind.d.ts +0 -516
  249. package/dist/js/colors/dark_colorblind.js +0 -616
  250. package/dist/js/colors/dark_dimmed.d.ts +0 -516
  251. package/dist/js/colors/dark_dimmed.js +0 -616
  252. package/dist/js/colors/dark_high_contrast.d.ts +0 -516
  253. package/dist/js/colors/dark_high_contrast.js +0 -616
  254. package/dist/js/colors/dark_tritanopia.d.ts +0 -516
  255. package/dist/js/colors/dark_tritanopia.js +0 -616
  256. package/dist/js/colors/index.d.ts +0 -4638
  257. package/dist/js/colors/index.js +0 -15
  258. package/dist/js/colors/light.d.ts +0 -516
  259. package/dist/js/colors/light.js +0 -616
  260. package/dist/js/colors/light_colorblind.d.ts +0 -516
  261. package/dist/js/colors/light_colorblind.js +0 -616
  262. package/dist/js/colors/light_high_contrast.d.ts +0 -516
  263. package/dist/js/colors/light_high_contrast.js +0 -616
  264. package/dist/js/colors/light_tritanopia.d.ts +0 -516
  265. package/dist/js/colors/light_tritanopia.js +0 -616
  266. package/dist/js/index.d.ts +0 -4655
  267. package/dist/js/index.js +0 -9
  268. package/dist/js/spacing/index.d.ts +0 -6
  269. package/dist/js/spacing/index.js +0 -7
  270. package/dist/js/spacing/normal.d.ts +0 -4
  271. package/dist/js/spacing/normal.js +0 -13
  272. package/dist/js/typography/index.d.ts +0 -11
  273. package/dist/js/typography/index.js +0 -7
  274. package/dist/js/typography/normal.d.ts +0 -9
  275. package/dist/js/typography/normal.js +0 -19
  276. package/dist/json/colors/dark.json +0 -614
  277. package/dist/json/colors/dark_colorblind.json +0 -614
  278. package/dist/json/colors/dark_dimmed.json +0 -614
  279. package/dist/json/colors/dark_high_contrast.json +0 -614
  280. package/dist/json/colors/dark_tritanopia.json +0 -614
  281. package/dist/json/colors/light.json +0 -614
  282. package/dist/json/colors/light_colorblind.json +0 -614
  283. package/dist/json/colors/light_high_contrast.json +0 -614
  284. package/dist/json/colors/light_tritanopia.json +0 -614
  285. package/dist/json/spacing/normal.json +0 -11
  286. package/dist/json/typography/normal.json +0 -17
  287. package/dist/removed/colors.json +0 -432
  288. package/dist/scss/colors/_dark.scss +0 -452
  289. package/dist/scss/colors/_dark_colorblind.scss +0 -452
  290. package/dist/scss/colors/_dark_dimmed.scss +0 -452
  291. package/dist/scss/colors/_dark_high_contrast.scss +0 -452
  292. package/dist/scss/colors/_dark_tritanopia.scss +0 -452
  293. package/dist/scss/colors/_light.scss +0 -452
  294. package/dist/scss/colors/_light_colorblind.scss +0 -452
  295. package/dist/scss/colors/_light_high_contrast.scss +0 -452
  296. package/dist/scss/colors/_light_tritanopia.scss +0 -452
  297. package/dist/scss/spacing/_normal.scss +0 -11
  298. package/dist/scss/typography/_normal.scss +0 -15
  299. package/dist/ts/colors/dark.ts +0 -614
  300. package/dist/ts/colors/dark_colorblind.ts +0 -614
  301. package/dist/ts/colors/dark_dimmed.ts +0 -614
  302. package/dist/ts/colors/dark_high_contrast.ts +0 -614
  303. package/dist/ts/colors/dark_tritanopia.ts +0 -614
  304. package/dist/ts/colors/index.ts +0 -10
  305. package/dist/ts/colors/light.ts +0 -614
  306. package/dist/ts/colors/light_colorblind.ts +0 -614
  307. package/dist/ts/colors/light_high_contrast.ts +0 -614
  308. package/dist/ts/colors/light_tritanopia.ts +0 -614
  309. package/dist/ts/index.ts +0 -4
  310. package/dist/ts/spacing/index.ts +0 -2
  311. package/dist/ts/spacing/normal.ts +0 -11
  312. package/dist/ts/typography/index.ts +0 -2
  313. package/dist/ts/typography/normal.ts +0 -17
  314. package/tokens-next-private/css/base/size/size.css +0 -19
  315. package/tokens-next-private/css/base/typography/typography.css +0 -6
  316. package/tokens-next-private/css/functional/motion/motion.css +0 -5
  317. package/tokens-next-private/css/functional/size/border.css +0 -14
  318. package/tokens-next-private/css/functional/size/breakpoints.css +0 -8
  319. package/tokens-next-private/css/functional/size/size-coarse.css +0 -7
  320. package/tokens-next-private/css/functional/size/size-fine.css +0 -7
  321. package/tokens-next-private/css/functional/size/size.css +0 -74
  322. package/tokens-next-private/css/functional/size/viewport.css +0 -6
  323. package/tokens-next-private/css/functional/themes/dark-colorblind.css +0 -1078
  324. package/tokens-next-private/css/functional/themes/dark-dimmed.css +0 -1078
  325. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +0 -1078
  326. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +0 -1078
  327. package/tokens-next-private/css/functional/themes/dark.css +0 -1078
  328. package/tokens-next-private/css/functional/themes/light-colorblind.css +0 -1078
  329. package/tokens-next-private/css/functional/themes/light-high-contrast.css +0 -1078
  330. package/tokens-next-private/css/functional/themes/light-tritanopia.css +0 -1078
  331. package/tokens-next-private/css/functional/themes/light.css +0 -1078
  332. package/tokens-next-private/css/functional/typography/typography.css +0 -47
  333. package/tokens-next-private/fallbacks/base/size/size.json +0 -19
  334. package/tokens-next-private/fallbacks/base/typography/typography.json +0 -6
  335. package/tokens-next-private/fallbacks/functional/motion/motion.json +0 -5
  336. package/tokens-next-private/fallbacks/functional/size/border.json +0 -14
  337. package/tokens-next-private/fallbacks/functional/size/breakpoints.json +0 -8
  338. package/tokens-next-private/fallbacks/functional/size/size-coarse.json +0 -5
  339. package/tokens-next-private/fallbacks/functional/size/size-fine.json +0 -5
  340. package/tokens-next-private/fallbacks/functional/size/size.json +0 -74
  341. package/tokens-next-private/fallbacks/functional/size/viewport.json +0 -8
  342. package/tokens-next-private/fallbacks/functional/typography/typography.json +0 -47
  343. package/tokens-next-private/internalCss/dark-colorblind.css +0 -1648
  344. package/tokens-next-private/internalCss/dark-dimmed.css +0 -1648
  345. package/tokens-next-private/internalCss/dark-high-contrast.css +0 -1648
  346. package/tokens-next-private/internalCss/dark-tritanopia.css +0 -1648
  347. package/tokens-next-private/internalCss/dark.css +0 -1648
  348. package/tokens-next-private/internalCss/light-colorblind.css +0 -1648
  349. package/tokens-next-private/internalCss/light-high-contrast.css +0 -1648
  350. package/tokens-next-private/internalCss/light-tritanopia.css +0 -1648
  351. package/tokens-next-private/internalCss/light.css +0 -1648
  352. /package/{tokens-next-private/docs → dist/styleLint}/base/typography/typography.json +0 -0
  353. /package/{tokens-next-private/docs → dist/styleLint}/functional/motion/motion.json +0 -0
  354. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-dimmed.json +0 -0
  355. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-high-contrast.json +0 -0
  356. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light-colorblind.json +0 -0
  357. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light-high-contrast.json +0 -0
  358. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light-tritanopia.json +0 -0
  359. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light.json +0 -0
  360. /package/{tokens-next-private → src/tokens}/removed/color.json +0 -0
package/src/tokens/functional/shadow/light.json5 ADDED
@@ -0,0 +1,376 @@
1
+ {
2
+ avatar: {
3
+ shadow: {
4
+ $value: [
5
+ {
6
+ color: '{base.color.white}',
7
+ alpha: 0.8,
8
+ offsetX: '0px',
9
+ offsetY: '0px',
10
+ blur: '0px',
11
+ spread: '2px',
12
+ },
13
+ ],
14
+ $type: 'shadow',
15
+ $extensions: {
16
+ 'org.primer.figma': {
17
+ collection: 'mode',
18
+ mode: 'light',
19
+ group: 'component shadow',
20
+ },
21
+ },
22
+ },
23
+ },
24
+ button: {
25
+ default: {
26
+ shadow: {
27
+ resting: {
28
+ $value: [
29
+ {
30
+ color: '{base.color.black}',
31
+ alpha: 0.04,
32
+ offsetX: '0px',
33
+ offsetY: '1px',
34
+ blur: '0px',
35
+ spread: '0px',
36
+ inset: false,
37
+ },
38
+ ],
39
+ $type: 'shadow',
40
+ $extensions: {
41
+ 'org.primer.figma': {
42
+ collection: 'mode',
43
+ mode: 'light',
44
+ group: 'component shadow',
45
+ },
46
+ },
47
+ },
48
+ },
49
+ },
50
+ primary: {
51
+ shadow: {
52
+ selected: {
53
+ $value: [
54
+ {
55
+ color: '{base.color.green.9}',
56
+ alpha: 0.3,
57
+ offsetX: '0px',
58
+ offsetY: '1px',
59
+ blur: '0px',
60
+ spread: '0px',
61
+ inset: true,
62
+ },
63
+ ],
64
+ $type: 'shadow',
65
+ $extensions: {
66
+ 'org.primer.figma': {
67
+ collection: 'mode',
68
+ mode: 'light',
69
+ group: 'component shadow',
70
+ },
71
+ },
72
+ },
73
+ },
74
+ },
75
+ outline: {
76
+ shadow: {
77
+ selected: {
78
+ $value: [
79
+ {
80
+ color: '{base.color.blue.9}',
81
+ alpha: 0.2,
82
+ offsetX: '0px',
83
+ offsetY: '1px',
84
+ blur: '0px',
85
+ spread: '0px',
86
+ inset: true,
87
+ },
88
+ ],
89
+ $type: 'shadow',
90
+ $extensions: {
91
+ 'org.primer.figma': {
92
+ collection: 'mode',
93
+ mode: 'light',
94
+ group: 'component shadow',
95
+ },
96
+ },
97
+ },
98
+ },
99
+ },
100
+ danger: {
101
+ shadow: {
102
+ selected: {
103
+ $value: [
104
+ {
105
+ color: '{base.color.red.9}',
106
+ alpha: 0.2,
107
+ offsetX: '0px',
108
+ offsetY: '1px',
109
+ blur: '0px',
110
+ spread: '0px',
111
+ inset: true,
112
+ },
113
+ ],
114
+ $type: 'shadow',
115
+ $extensions: {
116
+ 'org.primer.figma': {
117
+ collection: 'mode',
118
+ mode: 'light',
119
+ group: 'component shadow',
120
+ },
121
+ },
122
+ },
123
+ },
124
+ },
125
+ },
126
+ shadow: {
127
+ inset: {
128
+ $value: {
129
+ color: '{base.color.black}',
130
+ alpha: 0.04,
131
+ offsetX: '0px',
132
+ offsetY: '1px',
133
+ blur: '0px',
134
+ spread: '0px',
135
+ inset: true,
136
+ },
137
+ $type: 'shadow',
138
+ $extensions: {
139
+ 'org.primer.figma': {
140
+ collection: 'mode',
141
+ mode: 'light',
142
+ group: 'shadow',
143
+ },
144
+ },
145
+ },
146
+ resting: {
147
+ xsmall: {
148
+ $value: {
149
+ color: '{base.color.black}',
150
+ alpha: 0.1,
151
+ offsetX: '0px',
152
+ offsetY: '1px',
153
+ blur: '0px',
154
+ spread: '0px',
155
+ inset: false,
156
+ },
157
+ $type: 'shadow',
158
+ $extensions: {
159
+ 'org.primer.figma': {
160
+ collection: 'mode',
161
+ mode: 'light',
162
+ group: 'shadow',
163
+ },
164
+ },
165
+ },
166
+ small: {
167
+ $value: [
168
+ {
169
+ color: '{base.color.black}',
170
+ alpha: 0.04,
171
+ offsetX: '0px',
172
+ offsetY: '1px',
173
+ blur: '0px',
174
+ spread: '0px',
175
+ inset: false,
176
+ },
177
+ ],
178
+ $type: 'shadow',
179
+ $extensions: {
180
+ 'org.primer.figma': {
181
+ collection: 'mode',
182
+ mode: 'light',
183
+ group: 'shadow',
184
+ },
185
+ },
186
+ },
187
+ medium: {
188
+ $value: [
189
+ {
190
+ color: '{base.color.gray.7}',
191
+ alpha: 0.12,
192
+ offsetX: '0px',
193
+ offsetY: '3px',
194
+ blur: '6px',
195
+ spread: '0px',
196
+ },
197
+ ],
198
+ $type: 'shadow',
199
+ $extensions: {
200
+ 'org.primer.figma': {
201
+ collection: 'mode',
202
+ mode: 'light',
203
+ group: 'shadow',
204
+ },
205
+ },
206
+ },
207
+ },
208
+ floating: {
209
+ small: {
210
+ $value: [
211
+ {
212
+ color: '{overlay.borderColor}',
213
+ alpha: 0.5,
214
+ offsetX: '0px',
215
+ offsetY: '0px',
216
+ blur: '0px',
217
+ spread: '1px',
218
+ },
219
+ {
220
+ color: '{base.color.gray.7}',
221
+ alpha: 0.04,
222
+ offsetX: '0px',
223
+ offsetY: '6px',
224
+ blur: '12px',
225
+ spread: '-3px',
226
+ },
227
+ {
228
+ color: '{base.color.gray.7}',
229
+ alpha: 0.12,
230
+ offsetX: '0px',
231
+ offsetY: '6px',
232
+ blur: '18px',
233
+ spread: '0px',
234
+ },
235
+ ],
236
+ $type: 'shadow',
237
+ $extensions: {
238
+ 'org.primer.figma': {
239
+ collection: 'mode',
240
+ mode: 'light',
241
+ group: 'shadow',
242
+ },
243
+ },
244
+ },
245
+ medium: {
246
+ $value: [
247
+ {
248
+ color: '{overlay.borderColor}',
249
+ alpha: 0,
250
+ offsetX: '0px',
251
+ offsetY: '0px',
252
+ blur: '0px',
253
+ spread: '1px',
254
+ },
255
+ {
256
+ color: '{base.color.gray.7}',
257
+ alpha: 0.08,
258
+ offsetX: '0px',
259
+ offsetY: '8px',
260
+ blur: '16px',
261
+ spread: '-4px',
262
+ },
263
+ {
264
+ color: '{base.color.gray.7}',
265
+ alpha: 0.08,
266
+ offsetX: '0px',
267
+ offsetY: '4px',
268
+ blur: '32px',
269
+ spread: '-4px',
270
+ },
271
+ {
272
+ color: '{base.color.gray.7}',
273
+ alpha: 0.08,
274
+ offsetX: '0px',
275
+ offsetY: '24px',
276
+ blur: '48px',
277
+ spread: '-12px',
278
+ },
279
+ {
280
+ color: '{base.color.gray.7}',
281
+ alpha: 0.08,
282
+ offsetX: '0px',
283
+ offsetY: '48px',
284
+ blur: '96px',
285
+ spread: '-24px',
286
+ },
287
+ ],
288
+ $type: 'shadow',
289
+ $extensions: {
290
+ 'org.primer.figma': {
291
+ collection: 'mode',
292
+ mode: 'light',
293
+ group: 'shadow',
294
+ },
295
+ },
296
+ },
297
+ large: {
298
+ $value: [
299
+ {
300
+ color: '{overlay.borderColor}',
301
+ alpha: 0,
302
+ offsetX: '0px',
303
+ offsetY: '0px',
304
+ blur: '0px',
305
+ spread: '1px',
306
+ },
307
+ {
308
+ color: '{base.color.gray.7}',
309
+ alpha: 0.24,
310
+ offsetX: '0px',
311
+ offsetY: '40px',
312
+ blur: '80px',
313
+ spread: '0px',
314
+ },
315
+ ],
316
+ $type: 'shadow',
317
+ $extensions: {
318
+ 'org.primer.figma': {
319
+ collection: 'mode',
320
+ mode: 'light',
321
+ group: 'shadow',
322
+ },
323
+ },
324
+ },
325
+ xlarge: {
326
+ $value: [
327
+ {
328
+ color: '{overlay.borderColor}',
329
+ alpha: 0,
330
+ offsetX: '0px',
331
+ offsetY: '0px',
332
+ blur: '0px',
333
+ spread: '1px',
334
+ },
335
+ {
336
+ color: '{base.color.gray.7}',
337
+ alpha: 0.32,
338
+ offsetX: '0px',
339
+ offsetY: '56px',
340
+ blur: '112px',
341
+ spread: '0px',
342
+ },
343
+ ],
344
+ $type: 'shadow',
345
+ $extensions: {
346
+ 'org.primer.figma': {
347
+ collection: 'mode',
348
+ mode: 'light',
349
+ group: 'shadow',
350
+ },
351
+ },
352
+ },
353
+ legacy: {
354
+ $value: [
355
+ {
356
+ color: '{base.color.gray.7}',
357
+ alpha: 0.04,
358
+ offsetX: '0px',
359
+ offsetY: '6px',
360
+ blur: '12px',
361
+ spread: '-3px',
362
+ },
363
+ {
364
+ color: '{base.color.gray.7}',
365
+ alpha: 0.12,
366
+ offsetX: '0px',
367
+ offsetY: '6px',
368
+ blur: '18px',
369
+ spread: '0px',
370
+ },
371
+ ],
372
+ $type: 'shadow',
373
+ },
374
+ },
375
+ },
376
+ }
package/src/tokens/functional/size/border.json ADDED
@@ -0,0 +1,98 @@
1
+ {
2
+ "boxShadow": {
3
+ "thin": {
4
+ "$value": "inset 0 0 0 {borderWidth.thin}",
5
+ "$description": "Thin shadow for borders",
6
+ "$type": "string"
7
+ },
8
+ "thick": {
9
+ "$value": "inset 0 0 0 {borderWidth.thick}",
10
+ "$type": "string"
11
+ },
12
+ "thicker": {
13
+ "$value": "inset 0 0 0 {borderWidth.thicker}",
14
+ "$type": "string"
15
+ }
16
+ },
17
+ "borderWidth": {
18
+ "thin": {
19
+ "$value": "max(1px, 0.0625rem)",
20
+ "$type": "string"
21
+ },
22
+ "thick": {
23
+ "$value": "max(2px, 0.125rem)",
24
+ "$type": "string"
25
+ },
26
+ "thicker": {
27
+ "$value": "max(4px, 0.25rem)",
28
+ "$type": "string"
29
+ }
30
+ },
31
+ "borderRadius": {
32
+ "small": {
33
+ "$value": "3px",
34
+ "$type": "dimension",
35
+ "$extensions": {
36
+ "org.primer.figma": {
37
+ "collection": "functional/size",
38
+ "scopes": ["radius"],
39
+ "codeSyntax": {
40
+ "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
41
+ }
42
+ }
43
+ }
44
+ },
45
+ "medium": {
46
+ "$value": "6px",
47
+ "$type": "dimension",
48
+ "$extensions": {
49
+ "org.primer.figma": {
50
+ "collection": "functional/size",
51
+ "scopes": ["radius"],
52
+ "codeSyntax": {
53
+ "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
54
+ }
55
+ }
56
+ }
57
+ },
58
+ "large": {
59
+ "$value": "12px",
60
+ "$type": "dimension",
61
+ "$extensions": {
62
+ "org.primer.figma": {
63
+ "collection": "functional/size",
64
+ "scopes": ["radius"],
65
+ "codeSyntax": {
66
+ "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
67
+ }
68
+ }
69
+ }
70
+ },
71
+ "full": {
72
+ "$value": "9999px",
73
+ "$type": "dimension",
74
+ "$description": "Use this border radius for pill shaped elements",
75
+ "$extensions": {
76
+ "org.primer.figma": {
77
+ "collection": "functional/size",
78
+ "scopes": ["radius"],
79
+ "codeSyntax": {
80
+ "web": "var(--borderRadius-full) /* utility class: .circle */"
81
+ }
82
+ }
83
+ }
84
+ }
85
+ },
86
+ "outline": {
87
+ "focus": {
88
+ "offset": {
89
+ "$value": "-2px",
90
+ "$type": "dimension"
91
+ },
92
+ "width": {
93
+ "$value": "2px",
94
+ "$type": "dimension"
95
+ }
96
+ }
97
+ }
98
+ }
package/src/tokens/functional/size/breakpoints.json ADDED
@@ -0,0 +1,64 @@
1
+ {
2
+ "breakpoint": {
3
+ "xsmall": {
4
+ "$value": "320px",
5
+ "$type": "dimension",
6
+ "$extensions": {
7
+ "org.primer.figma": {
8
+ "collection": "functional/size",
9
+ "scopes": ["size"]
10
+ }
11
+ }
12
+ },
13
+ "small": {
14
+ "$value": "544px",
15
+ "$type": "dimension",
16
+ "$extensions": {
17
+ "org.primer.figma": {
18
+ "collection": "functional/size",
19
+ "scopes": ["size"]
20
+ }
21
+ }
22
+ },
23
+ "medium": {
24
+ "$value": "768px",
25
+ "$type": "dimension",
26
+ "$extensions": {
27
+ "org.primer.figma": {
28
+ "collection": "functional/size",
29
+ "scopes": ["size"]
30
+ }
31
+ }
32
+ },
33
+ "large": {
34
+ "$value": "1012px",
35
+ "$type": "dimension",
36
+ "$extensions": {
37
+ "org.primer.figma": {
38
+ "collection": "functional/size",
39
+ "scopes": ["size"]
40
+ }
41
+ }
42
+ },
43
+ "xlarge": {
44
+ "$value": "1280px",
45
+ "$type": "dimension",
46
+ "$extensions": {
47
+ "org.primer.figma": {
48
+ "collection": "functional/size",
49
+ "scopes": ["size"]
50
+ }
51
+ }
52
+ },
53
+ "xxlarge": {
54
+ "$value": "1400px",
55
+ "$type": "dimension",
56
+ "$extensions": {
57
+ "org.primer.figma": {
58
+ "collection": "functional/size",
59
+ "scopes": ["size"]
60
+ }
61
+ }
62
+ }
63
+ }
64
+ }
package/src/tokens/functional/size/size-coarse.json ADDED
@@ -0,0 +1,28 @@
1
+ {
2
+ "control": {
3
+ "minTarget": {
4
+ "auto": {
5
+ "$value": "{base.size.44}",
6
+ "$type": "dimension"
7
+ }
8
+ }
9
+ },
10
+ "controlStack": {
11
+ "small": {
12
+ "gap": {
13
+ "auto": {
14
+ "$value": "{base.size.16}",
15
+ "$type": "dimension"
16
+ }
17
+ }
18
+ },
19
+ "medium": {
20
+ "gap": {
21
+ "auto": {
22
+ "$value": "{base.size.12}",
23
+ "$type": "dimension"
24
+ }
25
+ }
26
+ }
27
+ }
28
+ }
package/src/tokens/functional/size/size-fine.json ADDED
@@ -0,0 +1,28 @@
1
+ {
2
+ "control": {
3
+ "minTarget": {
4
+ "auto": {
5
+ "$value": "{base.size.16}",
6
+ "$type": "dimension"
7
+ }
8
+ }
9
+ },
10
+ "controlStack": {
11
+ "small": {
12
+ "gap": {
13
+ "auto": {
14
+ "$value": "{base.size.8}",
15
+ "$type": "dimension"
16
+ }
17
+ }
18
+ },
19
+ "medium": {
20
+ "gap": {
21
+ "auto": {
22
+ "$value": "{base.size.8}",
23
+ "$type": "dimension"
24
+ }
25
+ }
26
+ }
27
+ }
28
+ }