@primer/primitives 9.1.2 → 10.0.0-rc.2963a70e

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 (328) hide show
  1. package/README.md +2 -2
  2. package/dist/build/PrimerStyleDictionary.d.ts +1 -2
  3. package/dist/build/PrimerStyleDictionary.js +52 -64
  4. package/dist/build/filters/index.d.ts +14 -13
  5. package/dist/build/filters/index.js +14 -29
  6. package/dist/build/filters/isBorder.d.ts +3 -3
  7. package/dist/build/filters/isBorder.js +2 -6
  8. package/dist/build/filters/isColor.d.ts +3 -3
  9. package/dist/build/filters/isColor.js +8 -7
  10. package/dist/build/filters/isColorWithAlpha.d.ts +3 -3
  11. package/dist/build/filters/isColorWithAlpha.js +4 -8
  12. package/dist/build/filters/isColorWithMix.d.ts +3 -3
  13. package/dist/build/filters/isColorWithMix.js +4 -8
  14. package/dist/build/filters/isCubicBezier.d.ts +7 -0
  15. package/dist/build/filters/isCubicBezier.js +10 -0
  16. package/dist/build/filters/isDeprecated.d.ts +3 -3
  17. package/dist/build/filters/isDeprecated.js +2 -6
  18. package/dist/build/filters/isDimension.d.ts +3 -3
  19. package/dist/build/filters/isDimension.js +2 -6
  20. package/dist/build/filters/isDuration.d.ts +3 -3
  21. package/dist/build/filters/isDuration.js +2 -6
  22. package/dist/build/filters/isFontFamily.d.ts +3 -3
  23. package/dist/build/filters/isFontFamily.js +2 -6
  24. package/dist/build/filters/isFontWeight.d.ts +3 -3
  25. package/dist/build/filters/isFontWeight.js +2 -6
  26. package/dist/build/filters/isFromFile.d.ts +3 -3
  27. package/dist/build/filters/isFromFile.js +2 -6
  28. package/dist/build/filters/isNumber.d.ts +3 -3
  29. package/dist/build/filters/isNumber.js +4 -6
  30. package/dist/build/filters/isShadow.d.ts +3 -3
  31. package/dist/build/filters/isShadow.js +2 -6
  32. package/dist/build/filters/isSource.d.ts +3 -3
  33. package/dist/build/filters/isSource.js +2 -6
  34. package/dist/build/filters/isTypography.d.ts +3 -3
  35. package/dist/build/filters/isTypography.js +2 -6
  36. package/dist/build/formats/cssAdvanced.d.ts +2 -2
  37. package/dist/build/formats/cssAdvanced.js +22 -20
  38. package/dist/build/formats/cssCustomMedia.d.ts +2 -2
  39. package/dist/build/formats/cssCustomMedia.js +16 -15
  40. package/dist/build/formats/index.d.ts +9 -9
  41. package/dist/build/formats/index.js +9 -21
  42. package/dist/build/formats/javascriptCommonJs.d.ts +2 -2
  43. package/dist/build/formats/javascriptCommonJs.js +17 -16
  44. package/dist/build/formats/javascriptEsm.d.ts +2 -2
  45. package/dist/build/formats/javascriptEsm.js +17 -16
  46. package/dist/build/formats/jsonFigma.d.ts +2 -2
  47. package/dist/build/formats/jsonFigma.js +27 -22
  48. package/dist/build/formats/jsonNestedPrefixed.d.ts +3 -3
  49. package/dist/build/formats/jsonNestedPrefixed.js +17 -15
  50. package/dist/build/formats/jsonOneDimensional.d.ts +3 -3
  51. package/dist/build/formats/jsonOneDimensional.js +24 -16
  52. package/dist/build/formats/jsonPostCssFallback.d.ts +3 -3
  53. package/dist/build/formats/jsonPostCssFallback.js +5 -12
  54. package/dist/build/formats/typescriptExportDefinition.d.ts +2 -2
  55. package/dist/build/formats/typescriptExportDefinition.js +50 -46
  56. package/dist/build/formats/utilities/getPropName.d.ts +1 -0
  57. package/dist/build/formats/utilities/getPropName.js +16 -0
  58. package/dist/build/formats/utilities/jsonToFlat.d.ts +2 -2
  59. package/dist/build/formats/utilities/jsonToFlat.js +1 -5
  60. package/dist/build/formats/utilities/jsonToNestedValue.d.ts +2 -2
  61. package/dist/build/formats/utilities/jsonToNestedValue.js +4 -6
  62. package/dist/build/formats/utilities/prefixTokens.d.ts +2 -2
  63. package/dist/build/formats/utilities/prefixTokens.js +1 -5
  64. package/dist/build/parsers/index.d.ts +1 -1
  65. package/dist/build/parsers/index.js +1 -5
  66. package/dist/build/parsers/w3cJsonParser.d.ts +2 -2
  67. package/dist/build/parsers/w3cJsonParser.js +7 -9
  68. package/dist/build/platforms/css.d.ts +1 -1
  69. package/dist/build/platforms/css.js +20 -11
  70. package/dist/build/platforms/deprecatedJson.d.ts +1 -1
  71. package/dist/build/platforms/deprecatedJson.js +3 -7
  72. package/dist/build/platforms/docJson.d.ts +1 -1
  73. package/dist/build/platforms/docJson.js +8 -7
  74. package/dist/build/platforms/fallbacks.d.ts +1 -1
  75. package/dist/build/platforms/fallbacks.js +3 -7
  76. package/dist/build/platforms/figma.d.ts +1 -1
  77. package/dist/build/platforms/figma.js +21 -14
  78. package/dist/build/platforms/index.d.ts +10 -10
  79. package/dist/build/platforms/index.js +10 -23
  80. package/dist/build/platforms/javascript.d.ts +1 -1
  81. package/dist/build/platforms/javascript.js +3 -7
  82. package/dist/build/platforms/json.d.ts +1 -1
  83. package/dist/build/platforms/json.js +3 -7
  84. package/dist/build/platforms/styleLint.d.ts +1 -1
  85. package/dist/build/platforms/styleLint.js +3 -7
  86. package/dist/build/platforms/typeDefinitions.d.ts +1 -1
  87. package/dist/build/platforms/typeDefinitions.js +6 -10
  88. package/dist/build/platforms/typescript.d.ts +1 -1
  89. package/dist/build/platforms/typescript.js +3 -7
  90. package/dist/build/schemas/alphaValue.js +4 -7
  91. package/dist/build/schemas/baseToken.d.ts +2 -2
  92. package/dist/build/schemas/baseToken.js +4 -7
  93. package/dist/build/schemas/borderToken.d.ts +5 -5
  94. package/dist/build/schemas/borderToken.js +13 -16
  95. package/dist/build/schemas/collections.js +8 -14
  96. package/dist/build/schemas/colorHexValue.js +4 -7
  97. package/dist/build/schemas/colorToken.d.ts +20 -15
  98. package/dist/build/schemas/colorToken.js +24 -24
  99. package/dist/build/schemas/cubicBezierToken.d.ts +18 -0
  100. package/dist/build/schemas/cubicBezierToken.js +8 -0
  101. package/dist/build/schemas/designToken.js +30 -32
  102. package/dist/build/schemas/dimensionToken.d.ts +5 -5
  103. package/dist/build/schemas/dimensionToken.js +14 -17
  104. package/dist/build/schemas/dimensionValue.js +7 -10
  105. package/dist/build/schemas/durationToken.d.ts +5 -5
  106. package/dist/build/schemas/durationToken.js +8 -11
  107. package/dist/build/schemas/durationValue.js +4 -7
  108. package/dist/build/schemas/fontFamilyToken.d.ts +5 -5
  109. package/dist/build/schemas/fontFamilyToken.js +13 -16
  110. package/dist/build/schemas/fontWeightToken.d.ts +5 -5
  111. package/dist/build/schemas/fontWeightToken.js +14 -17
  112. package/dist/build/schemas/fontWeightValue.js +4 -7
  113. package/dist/build/schemas/numberToken.d.ts +5 -5
  114. package/dist/build/schemas/numberToken.js +15 -18
  115. package/dist/build/schemas/referenceValue.js +4 -7
  116. package/dist/build/schemas/scopes.js +5 -10
  117. package/dist/build/schemas/shadowToken.d.ts +5 -5
  118. package/dist/build/schemas/shadowToken.js +23 -26
  119. package/dist/build/schemas/stringToken.d.ts +5 -5
  120. package/dist/build/schemas/stringToken.js +7 -10
  121. package/dist/build/schemas/tokenName.js +4 -7
  122. package/dist/build/schemas/tokenType.d.ts +2 -2
  123. package/dist/build/schemas/tokenType.js +2 -6
  124. package/dist/build/schemas/typographyToken.d.ts +5 -5
  125. package/dist/build/schemas/typographyToken.js +14 -17
  126. package/dist/build/schemas/validTokenType.d.ts +1 -1
  127. package/dist/build/schemas/validTokenType.js +10 -13
  128. package/dist/build/schemas/viewportRangeToken.d.ts +5 -5
  129. package/dist/build/schemas/viewportRangeToken.js +7 -10
  130. package/dist/build/transformers/borderToCss.d.ts +3 -3
  131. package/dist/build/transformers/borderToCss.js +16 -16
  132. package/dist/build/transformers/colorToHex.d.ts +2 -2
  133. package/dist/build/transformers/colorToHex.js +11 -13
  134. package/dist/build/transformers/colorToHexMix.d.ts +2 -2
  135. package/dist/build/transformers/colorToHexMix.js +10 -15
  136. package/dist/build/transformers/colorToRgbAlpha.d.ts +2 -2
  137. package/dist/build/transformers/colorToRgbAlpha.js +10 -12
  138. package/dist/build/transformers/colorToRgbaFloat.d.ts +2 -2
  139. package/dist/build/transformers/colorToRgbaFloat.js +24 -28
  140. package/dist/build/transformers/cubicBezierToCss.d.ts +8 -0
  141. package/dist/build/transformers/cubicBezierToCss.js +23 -0
  142. package/dist/build/transformers/dimensionToPixelUnitless.d.ts +2 -2
  143. package/dist/build/transformers/dimensionToPixelUnitless.js +13 -14
  144. package/dist/build/transformers/dimensionToRem.d.ts +2 -2
  145. package/dist/build/transformers/dimensionToRem.js +12 -13
  146. package/dist/build/transformers/dimensionToRemPxArray.d.ts +2 -2
  147. package/dist/build/transformers/dimensionToRemPxArray.js +11 -12
  148. package/dist/build/transformers/durationToCss.d.ts +2 -2
  149. package/dist/build/transformers/durationToCss.js +10 -11
  150. package/dist/build/transformers/figmaAttributes.d.ts +2 -2
  151. package/dist/build/transformers/figmaAttributes.js +3 -5
  152. package/dist/build/transformers/floatToPixel.d.ts +4 -4
  153. package/dist/build/transformers/floatToPixel.js +12 -14
  154. package/dist/build/transformers/fontFamilyToCss.d.ts +2 -2
  155. package/dist/build/transformers/fontFamilyToCss.js +10 -13
  156. package/dist/build/transformers/fontFamilyToFigma.d.ts +3 -3
  157. package/dist/build/transformers/fontFamilyToFigma.js +15 -17
  158. package/dist/build/transformers/fontWeightToNumber.d.ts +2 -2
  159. package/dist/build/transformers/fontWeightToNumber.js +8 -11
  160. package/dist/build/transformers/index.d.ts +25 -24
  161. package/dist/build/transformers/index.js +25 -51
  162. package/dist/build/transformers/jsonDeprecated.d.ts +2 -2
  163. package/dist/build/transformers/jsonDeprecated.js +6 -8
  164. package/dist/build/transformers/namePathToCamelCase.d.ts +2 -2
  165. package/dist/build/transformers/namePathToCamelCase.js +5 -7
  166. package/dist/build/transformers/namePathToDotNotation.d.ts +2 -2
  167. package/dist/build/transformers/namePathToDotNotation.js +6 -8
  168. package/dist/build/transformers/namePathToFigma.d.ts +3 -3
  169. package/dist/build/transformers/namePathToFigma.js +5 -8
  170. package/dist/build/transformers/namePathToKebabCase.d.ts +2 -2
  171. package/dist/build/transformers/namePathToKebabCase.js +4 -6
  172. package/dist/build/transformers/namePathToPascalCase.d.ts +2 -2
  173. package/dist/build/transformers/namePathToPascalCase.js +5 -7
  174. package/dist/build/transformers/namePathToSlashNotation.d.ts +2 -2
  175. package/dist/build/transformers/namePathToSlashNotation.js +4 -6
  176. package/dist/build/transformers/shadowToCss.d.ts +2 -2
  177. package/dist/build/transformers/shadowToCss.js +14 -15
  178. package/dist/build/transformers/typographyToCss.d.ts +2 -2
  179. package/dist/build/transformers/typographyToCss.js +13 -15
  180. package/dist/build/transformers/utilities/alpha.d.ts +1 -1
  181. package/dist/build/transformers/utilities/alpha.js +4 -8
  182. package/dist/build/transformers/utilities/checkRequiredTokenProperties.js +1 -5
  183. package/dist/build/transformers/utilities/getTokenValue.d.ts +2 -2
  184. package/dist/build/transformers/utilities/getTokenValue.js +10 -12
  185. package/dist/build/transformers/utilities/hasSpaceInString.js +1 -5
  186. package/dist/build/transformers/utilities/hexToRgbaFloat.d.ts +1 -1
  187. package/dist/build/transformers/utilities/hexToRgbaFloat.js +1 -5
  188. package/dist/build/transformers/utilities/invalidTokenError.d.ts +1 -1
  189. package/dist/build/transformers/utilities/invalidTokenError.js +11 -10
  190. package/dist/build/transformers/utilities/isRgbaFloat.js +1 -5
  191. package/dist/build/transformers/utilities/mix.js +5 -7
  192. package/dist/build/transformers/utilities/rgbaFloatToHex.js +1 -5
  193. package/dist/build/types/Border.d.ts +5 -0
  194. package/dist/build/types/BorderTokenValue.d.ts +10 -0
  195. package/dist/build/types/ColorHex.d.ts +4 -0
  196. package/dist/build/types/PlatformInitializer.d.ts +11 -0
  197. package/dist/build/types/Shadow.d.ts +5 -0
  198. package/dist/build/types/ShadowTokenValue.d.ts +14 -0
  199. package/dist/build/types/SizeEm.d.ts +4 -0
  200. package/dist/build/types/SizePx.d.ts +4 -0
  201. package/dist/build/types/SizeRem.d.ts +4 -0
  202. package/dist/build/types/StyleDictionaryConfigGenerator.d.ts +15 -0
  203. package/dist/build/types/TokenBuildInput.d.ts +8 -0
  204. package/dist/build/types/TypographyTokenValue.d.ts +12 -0
  205. package/dist/build/types/w3cTransformedToken.d.ts +8 -0
  206. package/dist/build/utilities/copyFromDir.d.ts +2 -2
  207. package/dist/build/utilities/copyFromDir.js +7 -10
  208. package/dist/build/utilities/filterStringArray.js +1 -5
  209. package/dist/build/utilities/getFlag.js +1 -5
  210. package/dist/build/utilities/index.d.ts +9 -3
  211. package/dist/build/utilities/index.js +9 -9
  212. package/dist/build/utilities/joinFriendly.js +1 -5
  213. package/dist/build/utilities/schemaErrorMessage.js +1 -5
  214. package/dist/build/utilities/toCamelCase.js +5 -9
  215. package/dist/build/utilities/toPascalCase.js +5 -9
  216. package/dist/build/utilities/treeWalker.js +2 -6
  217. package/dist/build/utilities/upperCaseFirstCharacter.js +1 -5
  218. package/dist/css/base/motion/motion.css +17 -0
  219. package/dist/css/functional/motion/motion.css +4 -3
  220. package/dist/css/functional/themes/dark-colorblind.css +58 -38
  221. package/dist/css/functional/themes/dark-dimmed.css +44 -24
  222. package/dist/css/functional/themes/dark-high-contrast.css +62 -42
  223. package/dist/css/functional/themes/dark-tritanopia.css +44 -24
  224. package/dist/css/functional/themes/dark.css +42 -22
  225. package/dist/css/functional/themes/light-colorblind.css +60 -40
  226. package/dist/css/functional/themes/light-high-contrast.css +58 -38
  227. package/dist/css/functional/themes/light-tritanopia.css +42 -22
  228. package/dist/css/functional/themes/light.css +42 -22
  229. package/dist/css/functional/typography/typography.css +43 -43
  230. package/dist/css/primitives.css +64 -46
  231. package/dist/docs/base/motion/motion.json +205 -0
  232. package/dist/docs/base/size/size.json +76 -76
  233. package/dist/docs/base/typography/typography.json +16 -16
  234. package/dist/docs/functional/motion/motion.json +33 -18
  235. package/dist/docs/functional/size/border.json +56 -56
  236. package/dist/docs/functional/size/breakpoints.json +24 -24
  237. package/dist/docs/functional/size/size-coarse.json +12 -12
  238. package/dist/docs/functional/size/size-fine.json +12 -12
  239. package/dist/docs/functional/size/size.json +264 -264
  240. package/dist/docs/functional/size/viewport.json +24 -24
  241. package/dist/docs/functional/themes/dark-colorblind.json +2868 -3462
  242. package/dist/docs/functional/themes/dark-dimmed.json +2826 -3016
  243. package/dist/docs/functional/themes/dark-high-contrast.json +2822 -5100
  244. package/dist/docs/functional/themes/dark-tritanopia.json +2829 -3203
  245. package/dist/docs/functional/themes/dark.json +2808 -2520
  246. package/dist/docs/functional/themes/light-colorblind.json +2604 -3150
  247. package/dist/docs/functional/themes/light-high-contrast.json +2653 -4609
  248. package/dist/docs/functional/themes/light-tritanopia.json +2546 -2960
  249. package/dist/docs/functional/themes/light.json +2590 -2312
  250. package/dist/docs/functional/typography/typography.json +206 -206
  251. package/dist/fallbacks/base/motion/motion.json +17 -0
  252. package/dist/fallbacks/functional/motion/motion.json +1 -0
  253. package/dist/figma/dimension/dimension.json +492 -492
  254. package/dist/figma/figma.json +21 -13
  255. package/dist/figma/scales/dark-dimmed.json +3536 -656
  256. package/dist/figma/scales/dark-high-constrast.json +3535 -655
  257. package/dist/figma/scales/dark.json +3371 -491
  258. package/dist/figma/scales/light-high-constrast.json +3532 -652
  259. package/dist/figma/scales/light.json +3367 -487
  260. package/dist/figma/shadows/dark-colorblind.json +199 -199
  261. package/dist/figma/shadows/dark-dimmed.json +199 -199
  262. package/dist/figma/shadows/dark-high-contrast.json +199 -199
  263. package/dist/figma/shadows/dark-tritanopia.json +199 -199
  264. package/dist/figma/shadows/dark.json +199 -199
  265. package/dist/figma/shadows/light-colorblind.json +189 -189
  266. package/dist/figma/shadows/light-high-contrast.json +191 -191
  267. package/dist/figma/shadows/light-tritanopia.json +189 -189
  268. package/dist/figma/shadows/light.json +189 -189
  269. package/dist/figma/themes/dark-colorblind.json +4470 -5204
  270. package/dist/figma/themes/dark-dimmed.json +4771 -5081
  271. package/dist/figma/themes/dark-high-contrast.json +4189 -6548
  272. package/dist/figma/themes/dark-tritanopia.json +4629 -5153
  273. package/dist/figma/themes/dark.json +5072 -4916
  274. package/dist/figma/themes/light-colorblind.json +4490 -5127
  275. package/dist/figma/themes/light-high-contrast.json +4170 -6201
  276. package/dist/figma/themes/light-tritanopia.json +4525 -5027
  277. package/dist/figma/themes/light.json +4982 -4825
  278. package/dist/figma/typography/typography.json +159 -203
  279. package/dist/internalCss/dark-colorblind.css +58 -38
  280. package/dist/internalCss/dark-dimmed.css +44 -24
  281. package/dist/internalCss/dark-high-contrast.css +62 -42
  282. package/dist/internalCss/dark-tritanopia.css +44 -24
  283. package/dist/internalCss/dark.css +42 -22
  284. package/dist/internalCss/light-colorblind.css +60 -40
  285. package/dist/internalCss/light-high-contrast.css +58 -38
  286. package/dist/internalCss/light-tritanopia.css +42 -22
  287. package/dist/internalCss/light.css +42 -22
  288. package/dist/styleLint/base/motion/motion.json +205 -0
  289. package/dist/styleLint/base/size/size.json +38 -38
  290. package/dist/styleLint/base/typography/typography.json +8 -8
  291. package/dist/styleLint/functional/motion/motion.json +27 -12
  292. package/dist/styleLint/functional/size/border.json +30 -30
  293. package/dist/styleLint/functional/size/breakpoints.json +12 -12
  294. package/dist/styleLint/functional/size/size-coarse.json +6 -6
  295. package/dist/styleLint/functional/size/size-fine.json +6 -6
  296. package/dist/styleLint/functional/size/size.json +132 -132
  297. package/dist/styleLint/functional/size/viewport.json +12 -12
  298. package/dist/styleLint/functional/themes/dark-colorblind.json +1644 -2238
  299. package/dist/styleLint/functional/themes/dark-dimmed.json +1699 -1889
  300. package/dist/styleLint/functional/themes/dark-high-contrast.json +1627 -3905
  301. package/dist/styleLint/functional/themes/dark-tritanopia.json +1704 -2078
  302. package/dist/styleLint/functional/themes/dark.json +1692 -1404
  303. package/dist/styleLint/functional/themes/light-colorblind.json +1506 -2052
  304. package/dist/styleLint/functional/themes/light-high-contrast.json +1515 -3471
  305. package/dist/styleLint/functional/themes/light-tritanopia.json +1434 -1848
  306. package/dist/styleLint/functional/themes/light.json +1474 -1196
  307. package/dist/styleLint/functional/typography/typography.json +114 -114
  308. package/package.json +22 -22
  309. package/src/tokens/base/motion/easing.json5 +26 -0
  310. package/src/tokens/base/motion/timing.json5 +50 -0
  311. package/src/tokens/functional/color/dark/app-dark.json5 +203 -88
  312. package/src/tokens/functional/color/dark/data-vis-dark.json5 +20 -20
  313. package/src/tokens/functional/color/dark/display-dark.json5 +95 -95
  314. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -8
  315. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +43 -30
  316. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +62 -30
  317. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +53 -12
  318. package/src/tokens/functional/color/dark/patterns-dark.json5 +16 -4
  319. package/src/tokens/functional/color/dark/primitives-dark.json5 +4 -4
  320. package/src/tokens/functional/color/light/app-light.json5 +195 -85
  321. package/src/tokens/functional/color/light/data-vis-light.json5 +20 -20
  322. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  323. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +65 -34
  324. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +66 -11
  325. package/src/tokens/functional/color/light/patterns-light.json5 +13 -1
  326. package/src/tokens/functional/color/light/primitives-light.json5 +2 -2
  327. package/src/tokens/functional/motion/loading.json5 +1 -1
  328. package/src/tokens/functional/motion/patterns.json5 +9 -2
@@ -1,7 +1,7 @@
1
- import type StyleDictionary from 'style-dictionary';
1
+ import type { TransformedToken } from 'style-dictionary/types';
2
2
  /**
3
3
  * @description Checks if token is of $type `shadow`
4
- * @param arguments [StyleDictionary.TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
4
+ * @param arguments [TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
5
5
  * @returns boolean
6
6
  */
7
- export declare const isShadow: (token: StyleDictionary.TransformedToken) => boolean;
7
+ export declare const isShadow: (token: TransformedToken) => boolean;
@@ -1,12 +1,8 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.isShadow = void 0;
4
1
  /**
5
2
  * @description Checks if token is of $type `shadow`
6
- * @param arguments [StyleDictionary.TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
3
+ * @param arguments [TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
7
4
  * @returns boolean
8
5
  */
9
- const isShadow = (token) => {
6
+ export const isShadow = (token) => {
10
7
  return token.$type === 'shadow';
11
8
  };
12
- exports.isShadow = isShadow;
@@ -1,7 +1,7 @@
1
- import type StyleDictionary from 'style-dictionary';
1
+ import type { TransformedToken } from 'style-dictionary/types';
2
2
  /**
3
3
  * @description Checks if token is source token
4
- * @param arguments [StyleDictionary.TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
4
+ * @param arguments [TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
5
5
  * @returns boolean
6
6
  */
7
- export declare const isSource: (token: StyleDictionary.TransformedToken) => boolean;
7
+ export declare const isSource: (token: TransformedToken) => boolean;
@@ -1,12 +1,8 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.isSource = void 0;
4
1
  /**
5
2
  * @description Checks if token is source token
6
- * @param arguments [StyleDictionary.TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
3
+ * @param arguments [TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
7
4
  * @returns boolean
8
5
  */
9
- const isSource = (token) => {
6
+ export const isSource = (token) => {
10
7
  return token.isSource === true;
11
8
  };
12
- exports.isSource = isSource;
@@ -1,7 +1,7 @@
1
- import type StyleDictionary from 'style-dictionary';
1
+ import type { TransformedToken } from 'style-dictionary/types';
2
2
  /**
3
3
  * @description Checks if token is of $type `typography`
4
- * @param arguments [StyleDictionary.TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
4
+ * @param arguments [TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
5
5
  * @returns boolean
6
6
  */
7
- export declare const isTypography: (token: StyleDictionary.TransformedToken) => boolean;
7
+ export declare const isTypography: (token: TransformedToken) => boolean;
@@ -1,12 +1,8 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.isTypography = void 0;
4
1
  /**
5
2
  * @description Checks if token is of $type `typography`
6
- * @param arguments [StyleDictionary.TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
3
+ * @param arguments [TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
7
4
  * @returns boolean
8
5
  */
9
- const isTypography = (token) => {
6
+ export const isTypography = (token) => {
10
7
  return token.$type === 'typography';
11
8
  };
12
- exports.isTypography = isTypography;
@@ -1,2 +1,2 @@
1
- import StyleDictionary from 'style-dictionary';
2
- export declare const cssAdvanced: StyleDictionary.Formatter;
1
+ import type { FormatFn } from 'style-dictionary/types';
2
+ export declare const cssAdvanced: FormatFn;
@@ -1,12 +1,14 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
4
9
  };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.cssAdvanced = void 0;
7
- const style_dictionary_1 = __importDefault(require("style-dictionary"));
8
- const sync_1 = __importDefault(require("@prettier/sync"));
9
- const { fileHeader, formattedVariables } = style_dictionary_1.default.formatHelpers;
10
+ import { format } from 'prettier';
11
+ import { fileHeader, formattedVariables } from 'style-dictionary/utils';
10
12
  const wrapWithSelector = (css, selector) => {
11
13
  // return without selector
12
14
  if (selector === false || selector.trim().length === 0)
@@ -14,18 +16,18 @@ const wrapWithSelector = (css, selector) => {
14
16
  // return with selector
15
17
  return `${selector} { ${css} }`;
16
18
  };
17
- const cssAdvanced = ({ dictionary: originalDictionary, options = {
19
+ export const cssAdvanced = (_a) => __awaiter(void 0, [_a], void 0, function* ({ dictionary: originalDictionary, options = {
18
20
  queries: [],
19
- }, file, }) => {
20
- var _a, _b, _c, _d;
21
+ }, file, }) {
22
+ var _b, _c, _d, _e;
21
23
  // get options
22
- const { outputReferences, formatting } = options;
24
+ const { outputReferences, usesDtcg, formatting } = options;
23
25
  // selector
24
- const selector = ((_a = file.options) === null || _a === void 0 ? void 0 : _a.selector) !== undefined ? file.options.selector : ':root';
26
+ const selector = ((_b = file.options) === null || _b === void 0 ? void 0 : _b.selector) !== undefined ? file.options.selector : ':root';
25
27
  // query extension property
26
- const queryExtProp = ((_b = file.options) === null || _b === void 0 ? void 0 : _b.queryExtensionProperty) || 'mediaQuery';
28
+ const queryExtProp = ((_c = file.options) === null || _c === void 0 ? void 0 : _c.queryExtensionProperty) || 'mediaQuery';
27
29
  // get queries from file options
28
- const queries = ((_c = file.options) === null || _c === void 0 ? void 0 : _c.queries) || [
30
+ const queries = ((_d = file.options) === null || _d === void 0 ? void 0 : _d.queries) || [
29
31
  {
30
32
  query: undefined,
31
33
  matcher: () => true,
@@ -37,7 +39,7 @@ const cssAdvanced = ({ dictionary: originalDictionary, options = {
37
39
  const dictionary = Object.assign({}, originalDictionary);
38
40
  // get queries from tokens
39
41
  for (const designToken of dictionary.allTokens) {
40
- const query = (_d = designToken.$extensions) === null || _d === void 0 ? void 0 : _d[queryExtProp];
42
+ const query = (_e = designToken.$extensions) === null || _e === void 0 ? void 0 : _e[queryExtProp];
41
43
  // early abort if query does not exist on token
42
44
  if (!query)
43
45
  continue;
@@ -57,7 +59,7 @@ const cssAdvanced = ({ dictionary: originalDictionary, options = {
57
59
  }
58
60
  }
59
61
  // add file header
60
- const output = [fileHeader({ file })];
62
+ const output = [yield fileHeader({ file })];
61
63
  // add single theme css
62
64
  for (const query of queries) {
63
65
  const { query: queryString, matcher } = query;
@@ -72,6 +74,7 @@ const cssAdvanced = ({ dictionary: originalDictionary, options = {
72
74
  dictionary: filteredDictionary,
73
75
  outputReferences,
74
76
  formatting: mergedFormatting,
77
+ usesDtcg,
75
78
  });
76
79
  // wrap css
77
80
  const cssWithSelector = wrapWithSelector(css, query.selector !== undefined ? query.selector : selector);
@@ -79,6 +82,5 @@ const cssAdvanced = ({ dictionary: originalDictionary, options = {
79
82
  output.push(queryString ? `${queryString} { ${cssWithSelector} }` : cssWithSelector);
80
83
  }
81
84
  // return prettified
82
- return sync_1.default.format(output.join('\n'), { parser: 'css', printWidth: 500 });
83
- };
84
- exports.cssAdvanced = cssAdvanced;
85
+ return yield format(output.join('\n'), { parser: 'css', printWidth: 500 });
86
+ });
@@ -1,7 +1,7 @@
1
- import StyleDictionary from 'style-dictionary';
1
+ import type { FormatFn } from 'style-dictionary/types';
2
2
  /**
3
3
  * @description Converts `StyleDictionary.dictionary.tokens` to css with @custom-media
4
4
  * @param arguments [FormatterArguments](https://github.com/amzn/style-dictionary/blob/main/types/Format.d.ts)
5
5
  * @returns formatted `string`
6
6
  */
7
- export declare const cssCustomMedia: StyleDictionary.Formatter;
7
+ export declare const cssCustomMedia: FormatFn;
@@ -1,25 +1,26 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
4
9
  };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.cssCustomMedia = void 0;
7
- const style_dictionary_1 = __importDefault(require("style-dictionary"));
8
- const sync_1 = __importDefault(require("@prettier/sync"));
9
- const { fileHeader } = style_dictionary_1.default.formatHelpers;
10
+ import { format } from 'prettier';
11
+ import { fileHeader } from 'style-dictionary/utils';
10
12
  /**
11
13
  * @description Converts `StyleDictionary.dictionary.tokens` to css with @custom-media
12
14
  * @param arguments [FormatterArguments](https://github.com/amzn/style-dictionary/blob/main/types/Format.d.ts)
13
15
  * @returns formatted `string`
14
16
  */
15
- const cssCustomMedia = ({ dictionary, options: _options, file, }) => {
17
+ export const cssCustomMedia = (_a) => __awaiter(void 0, [_a], void 0, function* ({ dictionary, options: _options, file }) {
16
18
  // add file header
17
- const output = [fileHeader({ file })];
19
+ const output = [yield fileHeader({ file })];
18
20
  // add single theme css
19
- dictionary.allTokens.map(({ name, value }) => {
20
- output.push(`@custom-media --${name} ${value};`);
21
+ dictionary.allTokens.map(({ name, $value }) => {
22
+ output.push(`@custom-media --${name} ${$value};`);
21
23
  });
22
24
  // return prettified
23
- return sync_1.default.format(output.join('\n'), { parser: 'css', printWidth: 500 });
24
- };
25
- exports.cssCustomMedia = cssCustomMedia;
25
+ return format(output.join('\n'), { parser: 'css', printWidth: 500 });
26
+ });
@@ -1,9 +1,9 @@
1
- export { cssCustomMedia } from './cssCustomMedia';
2
- export { cssAdvanced } from './cssAdvanced';
3
- export { jsonFigma } from './jsonFigma';
4
- export { javascriptCommonJs } from './javascriptCommonJs';
5
- export { javascriptEsm } from './javascriptEsm';
6
- export { jsonNestedPrefixed } from './jsonNestedPrefixed';
7
- export { jsonOneDimensional } from './jsonOneDimensional';
8
- export { jsonPostCssFallback } from './jsonPostCssFallback';
9
- export { typescriptExportDefinition } from './typescriptExportDefinition';
1
+ export { cssCustomMedia } from './cssCustomMedia.js';
2
+ export { cssAdvanced } from './cssAdvanced.js';
3
+ export { jsonFigma } from './jsonFigma.js';
4
+ export { javascriptCommonJs } from './javascriptCommonJs.js';
5
+ export { javascriptEsm } from './javascriptEsm.js';
6
+ export { jsonNestedPrefixed } from './jsonNestedPrefixed.js';
7
+ export { jsonOneDimensional } from './jsonOneDimensional.js';
8
+ export { jsonPostCssFallback } from './jsonPostCssFallback.js';
9
+ export { typescriptExportDefinition } from './typescriptExportDefinition.js';
@@ -1,21 +1,9 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.typescriptExportDefinition = exports.jsonPostCssFallback = exports.jsonOneDimensional = exports.jsonNestedPrefixed = exports.javascriptEsm = exports.javascriptCommonJs = exports.jsonFigma = exports.cssAdvanced = exports.cssCustomMedia = void 0;
4
- var cssCustomMedia_1 = require("./cssCustomMedia");
5
- Object.defineProperty(exports, "cssCustomMedia", { enumerable: true, get: function () { return cssCustomMedia_1.cssCustomMedia; } });
6
- var cssAdvanced_1 = require("./cssAdvanced");
7
- Object.defineProperty(exports, "cssAdvanced", { enumerable: true, get: function () { return cssAdvanced_1.cssAdvanced; } });
8
- var jsonFigma_1 = require("./jsonFigma");
9
- Object.defineProperty(exports, "jsonFigma", { enumerable: true, get: function () { return jsonFigma_1.jsonFigma; } });
10
- var javascriptCommonJs_1 = require("./javascriptCommonJs");
11
- Object.defineProperty(exports, "javascriptCommonJs", { enumerable: true, get: function () { return javascriptCommonJs_1.javascriptCommonJs; } });
12
- var javascriptEsm_1 = require("./javascriptEsm");
13
- Object.defineProperty(exports, "javascriptEsm", { enumerable: true, get: function () { return javascriptEsm_1.javascriptEsm; } });
14
- var jsonNestedPrefixed_1 = require("./jsonNestedPrefixed");
15
- Object.defineProperty(exports, "jsonNestedPrefixed", { enumerable: true, get: function () { return jsonNestedPrefixed_1.jsonNestedPrefixed; } });
16
- var jsonOneDimensional_1 = require("./jsonOneDimensional");
17
- Object.defineProperty(exports, "jsonOneDimensional", { enumerable: true, get: function () { return jsonOneDimensional_1.jsonOneDimensional; } });
18
- var jsonPostCssFallback_1 = require("./jsonPostCssFallback");
19
- Object.defineProperty(exports, "jsonPostCssFallback", { enumerable: true, get: function () { return jsonPostCssFallback_1.jsonPostCssFallback; } });
20
- var typescriptExportDefinition_1 = require("./typescriptExportDefinition");
21
- Object.defineProperty(exports, "typescriptExportDefinition", { enumerable: true, get: function () { return typescriptExportDefinition_1.typescriptExportDefinition; } });
1
+ export { cssCustomMedia } from './cssCustomMedia.js';
2
+ export { cssAdvanced } from './cssAdvanced.js';
3
+ export { jsonFigma } from './jsonFigma.js';
4
+ export { javascriptCommonJs } from './javascriptCommonJs.js';
5
+ export { javascriptEsm } from './javascriptEsm.js';
6
+ export { jsonNestedPrefixed } from './jsonNestedPrefixed.js';
7
+ export { jsonOneDimensional } from './jsonOneDimensional.js';
8
+ export { jsonPostCssFallback } from './jsonPostCssFallback.js';
9
+ export { typescriptExportDefinition } from './typescriptExportDefinition.js';
@@ -1,7 +1,7 @@
1
- import StyleDictionary from 'style-dictionary';
1
+ import type { FormatFn } from 'style-dictionary/types';
2
2
  /**
3
3
  * @description Converts `StyleDictionary.dictionary.tokens` to javascript commonJS module
4
4
  * @param arguments [FormatterArguments](https://github.com/amzn/style-dictionary/blob/main/types/Format.d.ts)
5
5
  * @returns formatted `string`
6
6
  */
7
- export declare const javascriptCommonJs: StyleDictionary.Formatter;
7
+ export declare const javascriptCommonJs: FormatFn;
@@ -1,25 +1,26 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
4
9
  };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.javascriptCommonJs = void 0;
7
- const sync_1 = __importDefault(require("@prettier/sync"));
8
- const jsonToNestedValue_1 = require("./utilities/jsonToNestedValue");
9
- const prefixTokens_1 = require("./utilities/prefixTokens");
10
- const style_dictionary_1 = __importDefault(require("style-dictionary"));
11
- const { fileHeader } = style_dictionary_1.default.formatHelpers;
10
+ import { format } from 'prettier';
11
+ import { jsonToNestedValue } from './utilities/jsonToNestedValue.js';
12
+ import { prefixTokens } from './utilities/prefixTokens.js';
13
+ import { fileHeader } from 'style-dictionary/utils';
12
14
  /**
13
15
  * @description Converts `StyleDictionary.dictionary.tokens` to javascript commonJS module
14
16
  * @param arguments [FormatterArguments](https://github.com/amzn/style-dictionary/blob/main/types/Format.d.ts)
15
17
  * @returns formatted `string`
16
18
  */
17
- const javascriptCommonJs = ({ dictionary, file, platform }) => {
19
+ export const javascriptCommonJs = (_a) => __awaiter(void 0, [_a], void 0, function* ({ dictionary, file, platform }) {
18
20
  // add prefix if defined
19
- const tokens = (0, prefixTokens_1.prefixTokens)(dictionary.tokens, platform);
21
+ const tokens = prefixTokens(dictionary.tokens, platform);
20
22
  // add file header and convert output
21
- const output = `${fileHeader({ file })}module.exports = ${JSON.stringify((0, jsonToNestedValue_1.jsonToNestedValue)(tokens), null, 2)}\n`;
23
+ const output = `${yield fileHeader({ file })}module.exports = ${JSON.stringify(jsonToNestedValue(tokens), null, 2)}\n`;
22
24
  // return prettified
23
- return sync_1.default.format(output, { parser: 'typescript', printWidth: 500 });
24
- };
25
- exports.javascriptCommonJs = javascriptCommonJs;
25
+ return format(output, { parser: 'typescript', printWidth: 500 });
26
+ });
@@ -1,7 +1,7 @@
1
- import StyleDictionary from 'style-dictionary';
1
+ import type { FormatFn } from 'style-dictionary/types';
2
2
  /**
3
3
  * @description Converts `StyleDictionary.dictionary.tokens` to javascript esm (javascript export statement)
4
4
  * @param arguments [FormatterArguments](https://github.com/amzn/style-dictionary/blob/main/types/Format.d.ts)
5
5
  * @returns formatted `string`
6
6
  */
7
- export declare const javascriptEsm: StyleDictionary.Formatter;
7
+ export declare const javascriptEsm: FormatFn;
@@ -1,25 +1,26 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
4
9
  };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.javascriptEsm = void 0;
7
- const style_dictionary_1 = __importDefault(require("style-dictionary"));
8
- const sync_1 = __importDefault(require("@prettier/sync"));
9
- const jsonToNestedValue_1 = require("./utilities/jsonToNestedValue");
10
- const prefixTokens_1 = require("./utilities/prefixTokens");
11
- const { fileHeader } = style_dictionary_1.default.formatHelpers;
10
+ import { format } from 'prettier';
11
+ import { jsonToNestedValue } from './utilities/jsonToNestedValue.js';
12
+ import { prefixTokens } from './utilities/prefixTokens.js';
13
+ import { fileHeader } from 'style-dictionary/utils';
12
14
  /**
13
15
  * @description Converts `StyleDictionary.dictionary.tokens` to javascript esm (javascript export statement)
14
16
  * @param arguments [FormatterArguments](https://github.com/amzn/style-dictionary/blob/main/types/Format.d.ts)
15
17
  * @returns formatted `string`
16
18
  */
17
- const javascriptEsm = ({ dictionary, file, platform }) => {
19
+ export const javascriptEsm = (_a) => __awaiter(void 0, [_a], void 0, function* ({ dictionary, file, platform }) {
18
20
  // add prefix if defined
19
- const tokens = (0, prefixTokens_1.prefixTokens)(dictionary.tokens, platform);
21
+ const tokens = prefixTokens(dictionary.tokens, platform);
20
22
  // add file header and convert output
21
- const output = `${fileHeader({ file })}export default \n${JSON.stringify((0, jsonToNestedValue_1.jsonToNestedValue)(tokens), null, 2)}\n`;
23
+ const output = `${yield fileHeader({ file })}export default \n${JSON.stringify(jsonToNestedValue(tokens), null, 2)}\n`;
22
24
  // return prettified
23
- return sync_1.default.format(output, { parser: 'typescript', printWidth: 500 });
24
- };
25
- exports.javascriptEsm = javascriptEsm;
25
+ return format(output, { parser: 'typescript', printWidth: 500 });
26
+ });
@@ -1,7 +1,7 @@
1
- import StyleDictionary from 'style-dictionary';
1
+ import type { FormatFn } from 'style-dictionary/types';
2
2
  /**
3
3
  * @description Converts `StyleDictionary.dictionary.tokens` to javascript esm (javascript export statement)
4
4
  * @param arguments [FormatterArguments](https://github.com/amzn/style-dictionary/blob/main/types/Format.d.ts)
5
5
  * @returns formatted `string`
6
6
  */
7
- export declare const jsonFigma: StyleDictionary.Formatter;
7
+ export declare const jsonFigma: FormatFn;
@@ -1,23 +1,25 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
4
9
  };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.jsonFigma = void 0;
7
- const style_dictionary_1 = __importDefault(require("style-dictionary"));
8
- const sync_1 = __importDefault(require("@prettier/sync"));
9
- const namePathToFigma_1 = require("../transformers/namePathToFigma");
10
- const hexToRgbaFloat_1 = require("../transformers/utilities/hexToRgbaFloat");
11
- const isRgbaFloat_1 = require("../transformers/utilities/isRgbaFloat");
12
- const { sortByReference } = style_dictionary_1.default.formatHelpers;
10
+ import { format } from 'prettier';
11
+ import { transformNamePathToFigma } from '../transformers/namePathToFigma.js';
12
+ import { hexToRgbaFloat } from '../transformers/utilities/hexToRgbaFloat.js';
13
+ import { isRgbaFloat } from '../transformers/utilities/isRgbaFloat.js';
14
+ import { getReferences, sortByReference } from 'style-dictionary/utils';
13
15
  const isReference = (string) => /^\{([^\\]*)\}$/g.test(string);
14
16
  const getReference = (dictionary, refString, platform) => {
15
17
  var _a;
16
18
  if (isReference(refString)) {
17
19
  // retrieve reference token
18
- const refToken = dictionary.getReferences(refString)[0];
20
+ const refToken = getReferences(refString, dictionary.tokens, { unfilteredTokens: dictionary.unfilteredTokens })[0];
19
21
  // return full reference
20
- return [(_a = refToken.attributes) === null || _a === void 0 ? void 0 : _a.collection, (0, namePathToFigma_1.transformNamePathToFigma)(refToken, platform)].filter(Boolean).join('/');
22
+ return [(_a = refToken.attributes) === null || _a === void 0 ? void 0 : _a.collection, transformNamePathToFigma(refToken, platform)].filter(Boolean).join('/');
21
23
  }
22
24
  };
23
25
  const getFigmaType = (type) => {
@@ -52,8 +54,8 @@ const shadowToVariables = (name, values, token) => {
52
54
  floatValue('spread'),
53
55
  {
54
56
  name: `${name}/color`,
55
- value: (0, isRgbaFloat_1.isRgbaFloat)(values.color)
56
- ? Object.assign(Object.assign({}, values.color), (values.alpha ? { a: values.alpha } : {})) : (0, hexToRgbaFloat_1.hexToRgbaFloat)(values.color, values.alpha),
57
+ value: isRgbaFloat(values.color)
58
+ ? Object.assign(Object.assign({}, values.color), (values.alpha ? { a: values.alpha } : {})) : hexToRgbaFloat(values.color, values.alpha),
57
59
  type: 'COLOR',
58
60
  scopes: ['EFFECT_COLOR'],
59
61
  mode,
@@ -67,14 +69,18 @@ const shadowToVariables = (name, values, token) => {
67
69
  * @param arguments [FormatterArguments](https://github.com/amzn/style-dictionary/blob/main/types/Format.d.ts)
68
70
  * @returns formatted `string`
69
71
  */
70
- const jsonFigma = ({ dictionary, file: _file, platform }) => {
72
+ export const jsonFigma = (_a) => __awaiter(void 0, [_a], void 0, function* ({ dictionary, file: _file, platform }) {
71
73
  // array to store tokens in
72
74
  const tokens = [];
75
+ const sortedTokens = [...dictionary.allTokens].sort(sortByReference(dictionary.tokens, { unfilteredTokens: dictionary.unfilteredTokens }));
73
76
  // loop through tokens sorted by reference
74
- for (const token of dictionary.allTokens.sort(sortByReference(dictionary))) {
77
+ for (const token of sortedTokens) {
75
78
  // deconstruct token
76
- const { attributes, value, $type, comment: description, original, alpha, mix } = token;
79
+ const { attributes, $value: value, $type, $description: description, original, alpha, mix } = token;
77
80
  const { mode, collection, scopes, group, codeSyntax } = attributes || {};
81
+ // early escape if no type is present
82
+ if (!$type)
83
+ return;
78
84
  // shadows need to be specifically dealt with
79
85
  if ($type === 'shadow') {
80
86
  const shadowValues = !Array.isArray(value) ? [value] : value;
@@ -99,7 +105,7 @@ const jsonFigma = ({ dictionary, file: _file, platform }) => {
99
105
  isMix: mix ? true : undefined,
100
106
  description,
101
107
  refId: [collection, token.name].filter(Boolean).join('/'),
102
- reference: getReference(dictionary, original.value, platform),
108
+ reference: getReference(dictionary, original.$value, platform),
103
109
  collection,
104
110
  mode,
105
111
  group,
@@ -111,6 +117,5 @@ const jsonFigma = ({ dictionary, file: _file, platform }) => {
111
117
  // add file header and convert output
112
118
  const output = JSON.stringify(tokens, null, 2);
113
119
  // return prettified
114
- return sync_1.default.format(output, { parser: 'json', printWidth: 500 });
115
- };
116
- exports.jsonFigma = jsonFigma;
120
+ return format(output, { parser: 'json', printWidth: 500 });
121
+ });
@@ -1,8 +1,8 @@
1
- import type StyleDictionary from 'style-dictionary';
1
+ import type { FormatFn } from 'style-dictionary/types';
2
2
  /**
3
3
  * @description Takes a style dictionary token dictionary and converts it to a nested json string.
4
4
  * In contrast to the `json/nested` this formatter does add a prefix if provided
5
- * @param StyleDictionary.FormatterArguments
5
+ * @param FormatFnArguments
6
6
  * @returns formatted json `string`
7
7
  */
8
- export declare const jsonNestedPrefixed: StyleDictionary.Formatter;
8
+ export declare const jsonNestedPrefixed: FormatFn;
@@ -1,28 +1,30 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
4
9
  };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.jsonNestedPrefixed = void 0;
7
- const sync_1 = __importDefault(require("@prettier/sync"));
8
- const prefixTokens_1 = require("./utilities/prefixTokens");
9
- const jsonToNestedValue_1 = require("./utilities/jsonToNestedValue");
10
+ import { format } from 'prettier';
11
+ import { prefixTokens } from './utilities/prefixTokens.js';
12
+ import { jsonToNestedValue } from './utilities/jsonToNestedValue.js';
10
13
  /**
11
14
  * @description Takes a style dictionary token dictionary and converts it to a nested json string.
12
15
  * In contrast to the `json/nested` this formatter does add a prefix if provided
13
- * @param StyleDictionary.FormatterArguments
16
+ * @param FormatFnArguments
14
17
  * @returns formatted json `string`
15
18
  */
16
- const jsonNestedPrefixed = ({ dictionary, file: _file, options, platform }) => {
19
+ export const jsonNestedPrefixed = (_a) => __awaiter(void 0, [_a], void 0, function* ({ dictionary, file: _file, options, platform }) {
17
20
  const { outputVerbose } = options;
18
21
  // add prefix if defined
19
- let tokens = (0, prefixTokens_1.prefixTokens)(dictionary.tokens, platform);
22
+ let tokens = prefixTokens(dictionary.tokens, platform);
20
23
  if (!outputVerbose) {
21
- tokens = (0, jsonToNestedValue_1.jsonToNestedValue)(tokens);
24
+ tokens = jsonToNestedValue(tokens);
22
25
  }
23
26
  // add file header and convert output
24
27
  const output = JSON.stringify(tokens, null, 2);
25
28
  // return prettified
26
- return sync_1.default.format(output, { parser: 'json', printWidth: 500 });
27
- };
28
- exports.jsonNestedPrefixed = jsonNestedPrefixed;
29
+ return format(output, { parser: 'json', printWidth: 500 });
30
+ });
@@ -1,8 +1,8 @@
1
- import type StyleDictionary from 'style-dictionary';
1
+ import type { FormatFn } from 'style-dictionary/types';
2
2
  /**
3
3
  * @description Takes a style dictionary token dictionary and converts it to a one dimensional json object.
4
- * @param StyleDictionary.FormatterArguments
4
+ * @param FormatFnArguments
5
5
  * @param options.nameSeparator - separator to use for nested token name
6
6
  * @returns formatted json `string`
7
7
  */
8
- export declare const jsonOneDimensional: StyleDictionary.Formatter;
8
+ export declare const jsonOneDimensional: FormatFn;
@@ -1,24 +1,32 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.jsonOneDimensional = void 0;
7
- const sync_1 = __importDefault(require("@prettier/sync"));
8
- const jsonToFlat_1 = require("./utilities/jsonToFlat");
1
+ import { format } from 'prettier';
2
+ import { jsonToFlat } from './utilities/jsonToFlat.js';
9
3
  /**
10
4
  * @description Takes a style dictionary token dictionary and converts it to a one dimensional json object.
11
- * @param StyleDictionary.FormatterArguments
5
+ * @param FormatFnArguments
12
6
  * @param options.nameSeparator - separator to use for nested token name
13
7
  * @returns formatted json `string`
14
8
  */
15
- const jsonOneDimensional = ({ dictionary, file: _file, options }) => {
9
+ export const jsonOneDimensional = ({ dictionary, file: _file, options }) => {
16
10
  // option to allow verbose output (object) or just the value
17
- const { outputVerbose } = options;
18
- const tokens = (0, jsonToFlat_1.jsonToFlat)(dictionary.allTokens, outputVerbose);
19
- // add file header and convert output
20
- const output = JSON.stringify(tokens, null, 2);
11
+ const { outputVerbose, propertyConversion } = options;
12
+ const tokens = jsonToFlat(dictionary.allTokens, outputVerbose);
13
+ if (propertyConversion === undefined) {
14
+ //
15
+ const output = JSON.stringify(tokens, null, 2);
16
+ // return prettified
17
+ return format(output, { parser: 'json', printWidth: 500 });
18
+ }
19
+ // replace property names
20
+ const convertedTokens = Object.fromEntries(Object.entries(tokens).map(([name, token]) => {
21
+ for (const [from, to] of Object.entries(propertyConversion)) {
22
+ if (from in token) {
23
+ token[to] = token[from];
24
+ delete token[from];
25
+ }
26
+ }
27
+ return [name, token];
28
+ }));
29
+ const output = JSON.stringify(convertedTokens, null, 2);
21
30
  // return prettified
22
- return sync_1.default.format(output, { parser: 'json', printWidth: 500 });
31
+ return format(output, { parser: 'json', printWidth: 500 });
23
32
  };
24
- exports.jsonOneDimensional = jsonOneDimensional;