@terrazzo/token-tools 0.7.3 → 0.8.0

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 (119) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/css.d.ts +158 -0
  3. package/dist/css.d.ts.map +1 -0
  4. package/dist/css.js +351 -0
  5. package/dist/css.js.map +1 -0
  6. package/dist/index.d.ts +69 -5
  7. package/dist/index.d.ts.map +1 -1
  8. package/dist/index.js +55 -29
  9. package/dist/index.js.map +1 -1
  10. package/dist/js.d.ts +23 -0
  11. package/dist/js.d.ts.map +1 -0
  12. package/dist/js.js +13 -0
  13. package/dist/js.js.map +1 -0
  14. package/dist/string-BZ5Le1WD.js +259 -0
  15. package/dist/string-BZ5Le1WD.js.map +1 -0
  16. package/dist/types-C68LbU3N.d.ts +403 -0
  17. package/dist/types-C68LbU3N.d.ts.map +1 -0
  18. package/package.json +9 -11
  19. package/rolldown.config.ts +17 -0
  20. package/dist/color.d.ts +0 -26
  21. package/dist/color.d.ts.map +0 -1
  22. package/dist/color.js +0 -149
  23. package/dist/color.js.map +0 -1
  24. package/dist/css/boolean.d.ts +0 -5
  25. package/dist/css/boolean.d.ts.map +0 -1
  26. package/dist/css/boolean.js +0 -9
  27. package/dist/css/boolean.js.map +0 -1
  28. package/dist/css/border.d.ts +0 -10
  29. package/dist/css/border.d.ts.map +0 -1
  30. package/dist/css/border.js +0 -31
  31. package/dist/css/border.js.map +0 -1
  32. package/dist/css/color.d.ts +0 -11
  33. package/dist/css/color.d.ts.map +0 -1
  34. package/dist/css/color.js +0 -54
  35. package/dist/css/color.js.map +0 -1
  36. package/dist/css/css-types.d.ts +0 -13
  37. package/dist/css/css-types.d.ts.map +0 -1
  38. package/dist/css/css-types.js +0 -2
  39. package/dist/css/css-types.js.map +0 -1
  40. package/dist/css/cubic-bezier.d.ts +0 -5
  41. package/dist/css/cubic-bezier.d.ts.map +0 -1
  42. package/dist/css/cubic-bezier.js +0 -12
  43. package/dist/css/cubic-bezier.js.map +0 -1
  44. package/dist/css/dimension.d.ts +0 -5
  45. package/dist/css/dimension.d.ts.map +0 -1
  46. package/dist/css/dimension.js +0 -10
  47. package/dist/css/dimension.js.map +0 -1
  48. package/dist/css/duration.d.ts +0 -5
  49. package/dist/css/duration.d.ts.map +0 -1
  50. package/dist/css/duration.js +0 -10
  51. package/dist/css/duration.js.map +0 -1
  52. package/dist/css/font-family.d.ts +0 -4
  53. package/dist/css/font-family.d.ts.map +0 -1
  54. package/dist/css/font-family.js +0 -10
  55. package/dist/css/font-family.js.map +0 -1
  56. package/dist/css/font-weight.d.ts +0 -5
  57. package/dist/css/font-weight.d.ts.map +0 -1
  58. package/dist/css/font-weight.js +0 -10
  59. package/dist/css/font-weight.js.map +0 -1
  60. package/dist/css/gradient.d.ts +0 -6
  61. package/dist/css/gradient.d.ts.map +0 -1
  62. package/dist/css/gradient.js +0 -37
  63. package/dist/css/gradient.js.map +0 -1
  64. package/dist/css/index.d.ts +0 -24
  65. package/dist/css/index.d.ts.map +0 -1
  66. package/dist/css/index.js +0 -97
  67. package/dist/css/index.js.map +0 -1
  68. package/dist/css/lib.d.ts +0 -24
  69. package/dist/css/lib.d.ts.map +0 -1
  70. package/dist/css/lib.js +0 -35
  71. package/dist/css/lib.js.map +0 -1
  72. package/dist/css/link.d.ts +0 -5
  73. package/dist/css/link.d.ts.map +0 -1
  74. package/dist/css/link.js +0 -10
  75. package/dist/css/link.js.map +0 -1
  76. package/dist/css/number.d.ts +0 -5
  77. package/dist/css/number.d.ts.map +0 -1
  78. package/dist/css/number.js +0 -10
  79. package/dist/css/number.js.map +0 -1
  80. package/dist/css/shadow.d.ts +0 -10
  81. package/dist/css/shadow.d.ts.map +0 -1
  82. package/dist/css/shadow.js +0 -51
  83. package/dist/css/shadow.js.map +0 -1
  84. package/dist/css/string.d.ts +0 -5
  85. package/dist/css/string.d.ts.map +0 -1
  86. package/dist/css/string.js +0 -12
  87. package/dist/css/string.js.map +0 -1
  88. package/dist/css/stroke-style.d.ts +0 -5
  89. package/dist/css/stroke-style.d.ts.map +0 -1
  90. package/dist/css/stroke-style.js +0 -10
  91. package/dist/css/stroke-style.js.map +0 -1
  92. package/dist/css/transition.d.ts +0 -5
  93. package/dist/css/transition.d.ts.map +0 -1
  94. package/dist/css/transition.js +0 -21
  95. package/dist/css/transition.js.map +0 -1
  96. package/dist/css/typography.d.ts +0 -5
  97. package/dist/css/typography.d.ts.map +0 -1
  98. package/dist/css/typography.js +0 -55
  99. package/dist/css/typography.js.map +0 -1
  100. package/dist/id.d.ts +0 -16
  101. package/dist/id.d.ts.map +0 -1
  102. package/dist/id.js +0 -46
  103. package/dist/id.js.map +0 -1
  104. package/dist/js/index.d.ts +0 -13
  105. package/dist/js/index.d.ts.map +0 -1
  106. package/dist/js/index.js +0 -16
  107. package/dist/js/index.js.map +0 -1
  108. package/dist/string.d.ts +0 -7
  109. package/dist/string.d.ts.map +0 -1
  110. package/dist/string.js +0 -47
  111. package/dist/string.js.map +0 -1
  112. package/dist/transform.d.ts +0 -7
  113. package/dist/transform.d.ts.map +0 -1
  114. package/dist/transform.js +0 -17
  115. package/dist/transform.js.map +0 -1
  116. package/dist/types.d.ts +0 -397
  117. package/dist/types.d.ts.map +0 -1
  118. package/dist/types.js +0 -2
  119. package/dist/types.js.map +0 -1
@@ -1,5 +0,0 @@
1
- import type { BooleanTokenNormalized } from '../types.js';
2
- import type { TransformCSSValueOptions } from './css-types.js';
3
- /** Convert boolean value to CSS string */
4
- export declare function transformBoolean(token: BooleanTokenNormalized, { tokensSet, transformAlias }: TransformCSSValueOptions): string;
5
- //# sourceMappingURL=boolean.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"boolean.d.ts","sourceRoot":"","sources":["../../src/css/boolean.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,0CAA0C;AAC1C,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,sBAAsB,EAC7B,EAAE,SAAS,EAAE,cAAsC,EAAE,EAAE,wBAAwB,GAC9E,MAAM,CAKR"}
@@ -1,9 +0,0 @@
1
- import { defaultAliasTransform } from './lib.js';
2
- /** Convert boolean value to CSS string */
3
- export function transformBoolean(token, { tokensSet, transformAlias = defaultAliasTransform }) {
4
- if (token.aliasChain?.[0]) {
5
- return transformAlias(tokensSet[token.aliasChain[0]]);
6
- }
7
- return token.$value === true ? '1' : '0';
8
- }
9
- //# sourceMappingURL=boolean.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"boolean.js","sourceRoot":"","sources":["../../src/css/boolean.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,0CAA0C;AAC1C,MAAM,UAAU,gBAAgB,CAC9B,KAA6B,EAC7B,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAA4B;IAE/E,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IACD,OAAO,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAC3C,CAAC"}
@@ -1,10 +0,0 @@
1
- import type { BorderTokenNormalized } from '../types.js';
2
- import type { TransformCSSValueOptions } from './css-types.js';
3
- /** Convert border value to multiple CSS values */
4
- export declare function transformBorder(token: BorderTokenNormalized, options: TransformCSSValueOptions): string | {
5
- '.': string;
6
- srgb: string;
7
- p3: string;
8
- rec2020: string;
9
- };
10
- //# sourceMappingURL=border.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../src/css/border.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,qBAAqB,EAItB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAK/D,kDAAkD;AAClD,wBAAgB,eAAe,CAAC,KAAK,EAAE,qBAAqB,EAAE,OAAO,EAAE,wBAAwB;;;;;EA2B9F"}
@@ -1,31 +0,0 @@
1
- import { displayable } from 'culori';
2
- import { transformColor } from './color.js';
3
- import { transformDimension } from './dimension.js';
4
- import { defaultAliasTransform } from './lib.js';
5
- import { transformStrokeStyle } from './stroke-style.js';
6
- /** Convert border value to multiple CSS values */
7
- export function transformBorder(token, options) {
8
- const { tokensSet, transformAlias = defaultAliasTransform } = options;
9
- if (token.aliasChain?.[0]) {
10
- return transformAlias(tokensSet[token.aliasChain[0]]);
11
- }
12
- const width = token.partialAliasOf?.width
13
- ? transformAlias(tokensSet[token.partialAliasOf.width])
14
- : transformDimension({ $value: token.$value.width }, options);
15
- const color = token.partialAliasOf?.color
16
- ? transformAlias(tokensSet[token.partialAliasOf.color])
17
- : transformColor({ $value: token.$value.color }, options);
18
- const style = token.partialAliasOf?.style
19
- ? transformAlias(tokensSet[token.partialAliasOf.style])
20
- : transformStrokeStyle({ $value: token.$value.style }, options);
21
- const formatBorder = (colorKey) => [width, style, typeof color === 'string' ? color : color[colorKey]].join(' ');
22
- return typeof color === 'string' || displayable(color.p3)
23
- ? formatBorder('.')
24
- : {
25
- '.': formatBorder('.'),
26
- srgb: formatBorder('srgb'),
27
- p3: formatBorder('p3'),
28
- rec2020: formatBorder('rec2020'),
29
- };
30
- }
31
- //# sourceMappingURL=border.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"border.js","sourceRoot":"","sources":["../../src/css/border.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAOrC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzD,kDAAkD;AAClD,MAAM,UAAU,eAAe,CAAC,KAA4B,EAAE,OAAiC;IAC7F,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAO,CAAC;IACtE,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,EAAE,KAAK;QACvC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAE,CAAC;QACxD,CAAC,CAAC,kBAAkB,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAA8B,EAAE,OAAO,CAAC,CAAC;IAC5F,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,EAAE,KAAK;QACvC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAE,CAAC;QACxD,CAAC,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAA0B,EAAE,OAAO,CAAC,CAAC;IACpF,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,EAAE,KAAK;QACvC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAE,CAAC;QACxD,CAAC,CAAC,oBAAoB,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAgC,EAAE,OAAO,CAAC,CAAC;IAEhG,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE,CACxC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAA8B,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEtG,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;QACvD,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC;QACnB,CAAC,CAAC;YACE,GAAG,EAAE,YAAY,CAAC,GAAG,CAAC;YACtB,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC;YAC1B,EAAE,EAAE,YAAY,CAAC,IAAI,CAAC;YACtB,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC;SACjC,CAAC;AACR,CAAC"}
@@ -1,11 +0,0 @@
1
- import type { ColorTokenNormalized } from '../types.js';
2
- import type { TransformCSSValueOptions } from './css-types.js';
3
- export type WideGamutColorValue = {
4
- '.': string;
5
- srgb: string;
6
- p3: string;
7
- rec2020: string;
8
- };
9
- /** Convert color value to CSS string */
10
- export declare function transformColor(token: ColorTokenNormalized, options: TransformCSSValueOptions): string | WideGamutColorValue;
11
- //# sourceMappingURL=color.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/css/color.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wCAAwC;AACxC,wBAAgB,cAAc,CAC5B,KAAK,EAAE,oBAAoB,EAC3B,OAAO,EAAE,wBAAwB,GAChC,MAAM,GAAG,mBAAmB,CAuB9B"}
package/dist/css/color.js DELETED
@@ -1,54 +0,0 @@
1
- import { displayable, formatCss, formatHex, formatHex8, modeA98, modeHsl, modeHsv, modeHwb, modeLab, modeLch, modeLrgb, modeOklab, modeOklch, modeP3, modeProphoto, modeRec2020, modeRgb, modeXyz50, modeXyz65, toGamut, useMode, } from 'culori/fn';
2
- import { CSS_TO_CULORI, parseColor, tokenToCulori } from '../color.js';
3
- import { defaultAliasTransform } from './lib.js';
4
- /** Convert color value to CSS string */
5
- export function transformColor(token, options) {
6
- const { transformAlias = defaultAliasTransform, tokensSet } = options;
7
- if (token.aliasChain?.[0]) {
8
- return transformAlias(tokensSet[token.aliasChain[0]]);
9
- }
10
- const { colorSpace, components, alpha = 1, } = typeof token.$value === 'string' ? parseColor(token.$value) : token.$value;
11
- const color = tokenToCulori({ colorSpace, components, alpha });
12
- if (!color) {
13
- throw new Error(`Can’t convert color ${JSON.stringify(token.$value)} to Culori color`);
14
- }
15
- let formatColor = formatCss;
16
- if (options.color?.legacyHex) {
17
- formatColor = color.alpha !== 1 ? formatHex8 : formatHex;
18
- }
19
- return displayable(color) ? formatColor(color) : downsample({ colorSpace, components, alpha }, color);
20
- }
21
- const converters = {
22
- a98: useMode(modeA98),
23
- hsl: useMode(modeHsl),
24
- hsv: useMode(modeHsv),
25
- hwb: useMode(modeHwb),
26
- lab: useMode(modeLab),
27
- lch: useMode(modeLch),
28
- lrgb: useMode(modeLrgb),
29
- oklab: useMode(modeOklab),
30
- oklch: useMode(modeOklch),
31
- p3: useMode(modeP3),
32
- prophoto: useMode(modeProphoto),
33
- rec2020: useMode(modeRec2020),
34
- rgb: useMode(modeRgb),
35
- xyz50: useMode(modeXyz50),
36
- xyz65: useMode(modeXyz65),
37
- };
38
- /**
39
- * Downsample color to sRGB/Display P3/Rec2020 colorspaces.
40
- * Note: because Culori tends to convert to RGB color spaces to ensure the operation,
41
- * we have to do an additional step of converting back. So we’re not really converting;
42
- * we’re just preserving the original colorspace.
43
- */
44
- function downsample($value, culoriColor) {
45
- const conversionSpace = CSS_TO_CULORI[$value.colorSpace] || 'oklab';
46
- const converter = converters[conversionSpace];
47
- return {
48
- '.': formatCss(culoriColor),
49
- srgb: formatCss(converter(toGamut('rgb', conversionSpace)(culoriColor))),
50
- p3: formatCss(converter(toGamut('p3', conversionSpace)(culoriColor))),
51
- rec2020: formatCss(converter(toGamut('rec2020', conversionSpace)(culoriColor))),
52
- };
53
- }
54
- //# sourceMappingURL=color.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/css/color.ts"],"names":[],"mappings":"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"}
@@ -1,13 +0,0 @@
1
- import type { TokenNormalizedSet } from '../types.js';
2
- import type { IDGenerator } from './lib.js';
3
- export interface TransformCSSValueOptions {
4
- /** Complete set of tokens (needed to resolve full and partial aliases) */
5
- tokensSet: TokenNormalizedSet;
6
- transformAlias?: IDGenerator;
7
- /** Options for color tokens */
8
- color?: {
9
- /** Output legacy hex-6 and hex-8 */
10
- legacyHex?: boolean;
11
- };
12
- }
13
- //# sourceMappingURL=css-types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"css-types.d.ts","sourceRoot":"","sources":["../../src/css/css-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,WAAW,wBAAwB;IACvC,0EAA0E;IAC1E,SAAS,EAAE,kBAAkB,CAAC;IAC9B,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,+BAA+B;IAC/B,KAAK,CAAC,EAAE;QACN,oCAAoC;QACpC,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;CACH"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=css-types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"css-types.js","sourceRoot":"","sources":["../../src/css/css-types.ts"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- import type { CubicBezierTokenNormalized } from '../types.js';
2
- import type { TransformCSSValueOptions } from './css-types.js';
3
- /** Convert cubicBezier value to CSS */
4
- export declare function transformCubicBezier(token: CubicBezierTokenNormalized, options: TransformCSSValueOptions): string;
5
- //# sourceMappingURL=cubic-bezier.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"cubic-bezier.d.ts","sourceRoot":"","sources":["../../src/css/cubic-bezier.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,uCAAuC;AACvC,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,0BAA0B,EAAE,OAAO,EAAE,wBAAwB,GAAG,MAAM,CAQjH"}
@@ -1,12 +0,0 @@
1
- import { defaultAliasTransform } from './lib.js';
2
- /** Convert cubicBezier value to CSS */
3
- export function transformCubicBezier(token, options) {
4
- const { tokensSet, transformAlias = defaultAliasTransform } = options;
5
- if (token.aliasChain?.[0]) {
6
- return transformAlias(tokensSet[token.aliasChain[0]]);
7
- }
8
- return `cubic-bezier(${token.$value
9
- .map((v, i) => (token.partialAliasOf?.[i] ? transformAlias(tokensSet[token.partialAliasOf[i]]) : v))
10
- .join(', ')})`;
11
- }
12
- //# sourceMappingURL=cubic-bezier.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"cubic-bezier.js","sourceRoot":"","sources":["../../src/css/cubic-bezier.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,uCAAuC;AACvC,MAAM,UAAU,oBAAoB,CAAC,KAAiC,EAAE,OAAiC;IACvG,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAO,CAAC;IACtE,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IACD,OAAO,gBAAgB,KAAK,CAAC,MAAM;SAChC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACpG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;AACnB,CAAC"}
@@ -1,5 +0,0 @@
1
- import type { DimensionTokenNormalized } from '../types.js';
2
- import type { TransformCSSValueOptions } from './css-types.js';
3
- /** Convert dimension value to CSS */
4
- export declare function transformDimension(token: DimensionTokenNormalized, options: TransformCSSValueOptions): string;
5
- //# sourceMappingURL=dimension.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dimension.d.ts","sourceRoot":"","sources":["../../src/css/dimension.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,qCAAqC;AACrC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,wBAAwB,EAAE,OAAO,EAAE,wBAAwB,GAAG,MAAM,CAO7G"}
@@ -1,10 +0,0 @@
1
- import { defaultAliasTransform } from './lib.js';
2
- /** Convert dimension value to CSS */
3
- export function transformDimension(token, options) {
4
- const { tokensSet, transformAlias = defaultAliasTransform } = options;
5
- if (token.aliasChain?.[0]) {
6
- return transformAlias(tokensSet[token.aliasChain[0]]);
7
- }
8
- return token.$value.value === 0 ? '0' : `${token.$value.value}${token.$value.unit}`;
9
- }
10
- //# sourceMappingURL=dimension.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dimension.js","sourceRoot":"","sources":["../../src/css/dimension.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,qCAAqC;AACrC,MAAM,UAAU,kBAAkB,CAAC,KAA+B,EAAE,OAAiC;IACnG,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAO,CAAC;IACtE,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IAED,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;AACtF,CAAC"}
@@ -1,5 +0,0 @@
1
- import type { DurationTokenNormalized } from '../types.js';
2
- import type { TransformCSSValueOptions } from './css-types.js';
3
- /** Convert duration value to CSS */
4
- export declare function transformDuration(token: DurationTokenNormalized, options: TransformCSSValueOptions): string;
5
- //# sourceMappingURL=duration.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"duration.d.ts","sourceRoot":"","sources":["../../src/css/duration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,oCAAoC;AACpC,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,EAAE,OAAO,EAAE,wBAAwB,GAAG,MAAM,CAO3G"}
@@ -1,10 +0,0 @@
1
- import { defaultAliasTransform } from './lib.js';
2
- /** Convert duration value to CSS */
3
- export function transformDuration(token, options) {
4
- const { tokensSet, transformAlias = defaultAliasTransform } = options;
5
- if (token.aliasChain?.[0]) {
6
- return transformAlias(tokensSet[token.aliasChain[0]]);
7
- }
8
- return `${token.$value.value}${token.$value.unit}`;
9
- }
10
- //# sourceMappingURL=duration.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"duration.js","sourceRoot":"","sources":["../../src/css/duration.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,oCAAoC;AACpC,MAAM,UAAU,iBAAiB,CAAC,KAA8B,EAAE,OAAiC;IACjG,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAO,CAAC;IACtE,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IAED,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;AACrD,CAAC"}
@@ -1,4 +0,0 @@
1
- import type { FontFamilyTokenNormalized } from '../types.js';
2
- import type { TransformCSSValueOptions } from './css-types.js';
3
- export declare function transformFontFamily(token: FontFamilyTokenNormalized, options: TransformCSSValueOptions): string;
4
- //# sourceMappingURL=font-family.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"font-family.d.ts","sourceRoot":"","sources":["../../src/css/font-family.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAK/D,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,yBAAyB,EAAE,OAAO,EAAE,wBAAwB,GAAG,MAAM,CAM/G"}
@@ -1,10 +0,0 @@
1
- import { defaultAliasTransform } from './lib.js';
2
- const FONT_NAME_KEYWORD = /^[a-z-]+$/;
3
- export function transformFontFamily(token, options) {
4
- const { tokensSet, transformAlias = defaultAliasTransform } = options;
5
- if (token.aliasChain?.[0]) {
6
- return transformAlias(tokensSet[token.aliasChain[0]]);
7
- }
8
- return token.$value.map((fontName) => (FONT_NAME_KEYWORD.test(fontName) ? fontName : `"${fontName}"`)).join(', ');
9
- }
10
- //# sourceMappingURL=font-family.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"font-family.js","sourceRoot":"","sources":["../../src/css/font-family.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAEtC,MAAM,UAAU,mBAAmB,CAAC,KAAgC,EAAE,OAAiC;IACrG,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAO,CAAC;IACtE,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IACD,OAAO,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACpH,CAAC"}
@@ -1,5 +0,0 @@
1
- import type { FontWeightTokenNormalized } from '../types.js';
2
- import type { TransformCSSValueOptions } from './css-types.js';
3
- /** Convert fontWeight value to CSS */
4
- export declare function transformFontWeight(token: FontWeightTokenNormalized, options: TransformCSSValueOptions): string;
5
- //# sourceMappingURL=font-weight.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"font-weight.d.ts","sourceRoot":"","sources":["../../src/css/font-weight.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,sCAAsC;AACtC,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,yBAAyB,EAAE,OAAO,EAAE,wBAAwB,GAAG,MAAM,CAM/G"}
@@ -1,10 +0,0 @@
1
- import { defaultAliasTransform } from './lib.js';
2
- /** Convert fontWeight value to CSS */
3
- export function transformFontWeight(token, options) {
4
- const { tokensSet, transformAlias = defaultAliasTransform } = options;
5
- if (token.aliasChain?.[0]) {
6
- return transformAlias(tokensSet[token.aliasChain[0]]);
7
- }
8
- return String(token.$value);
9
- }
10
- //# sourceMappingURL=font-weight.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"font-weight.js","sourceRoot":"","sources":["../../src/css/font-weight.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,sCAAsC;AACtC,MAAM,UAAU,mBAAmB,CAAC,KAAgC,EAAE,OAAiC;IACrG,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAO,CAAC;IACtE,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAC9B,CAAC"}
@@ -1,6 +0,0 @@
1
- import type { GradientTokenNormalized } from '../types.js';
2
- import { type WideGamutColorValue } from './color.js';
3
- import type { TransformCSSValueOptions } from './css-types.js';
4
- /** Convert gradient value to CSS */
5
- export declare function transformGradient(token: GradientTokenNormalized, options: TransformCSSValueOptions): string | WideGamutColorValue;
6
- //# sourceMappingURL=gradient.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"gradient.d.ts","sourceRoot":"","sources":["../../src/css/gradient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAwB,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjF,OAAO,EAAE,KAAK,mBAAmB,EAAkB,MAAM,YAAY,CAAC;AACtE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,oCAAoC;AACpC,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,uBAAuB,EAC9B,OAAO,EAAE,wBAAwB,GAChC,MAAM,GAAG,mBAAmB,CAuC9B"}
@@ -1,37 +0,0 @@
1
- import { transformColor } from './color.js';
2
- import { defaultAliasTransform } from './lib.js';
3
- /** Convert gradient value to CSS */
4
- export function transformGradient(token, options) {
5
- const { tokensSet, transformAlias = defaultAliasTransform } = options;
6
- if (token.aliasChain?.[0]) {
7
- return transformAlias(tokensSet[token.aliasChain[0]]);
8
- }
9
- let isHDR = false;
10
- const colors = [];
11
- const positions = [];
12
- for (let i = 0; i < token.$value.length; i++) {
13
- const { color, position } = token.$value[i];
14
- const colorValue = token.partialAliasOf?.[i]?.color
15
- ? transformAlias(tokensSet[token.partialAliasOf[i].color])
16
- : transformColor({ $value: color }, options);
17
- if (typeof colorValue !== 'string') {
18
- isHDR = true;
19
- }
20
- colors.push(colorValue);
21
- positions.push(token.partialAliasOf?.[i]?.position
22
- ? transformAlias(tokensSet[token.partialAliasOf[i].position])
23
- : `${100 * position}%`);
24
- }
25
- function formatStop(i, colorKey = '.') {
26
- return `${typeof colors[i] === 'string' ? colors[i] : colors[i][colorKey]} ${positions[i]}`;
27
- }
28
- return !isHDR
29
- ? token.$value.map((_, i) => formatStop(i, positions[i])).join(', ')
30
- : {
31
- '.': token.$value.map((_, i) => formatStop(i, '.')).join(', '),
32
- srgb: token.$value.map((_, i) => formatStop(i, 'srgb')).join(', '),
33
- p3: token.$value.map((_, i) => formatStop(i, 'p3')).join(', '),
34
- rec2020: token.$value.map((_, i) => formatStop(i, 'rec2020')).join(', '),
35
- };
36
- }
37
- //# sourceMappingURL=gradient.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"gradient.js","sourceRoot":"","sources":["../../src/css/gradient.ts"],"names":[],"mappings":"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"}
@@ -1,24 +0,0 @@
1
- import type { TokenNormalized } from '../types.js';
2
- import type { TransformCSSValueOptions } from './css-types.js';
3
- export * from './boolean.js';
4
- export * from './border.js';
5
- export * from './color.js';
6
- export * from './cubic-bezier.js';
7
- export * from './dimension.js';
8
- export * from './duration.js';
9
- export * from './font-family.js';
10
- export * from './font-weight.js';
11
- export * from './gradient.js';
12
- export * from './lib.js';
13
- export * from './link.js';
14
- export * from './number.js';
15
- export * from './shadow.js';
16
- export * from './string.js';
17
- export * from './stroke-style.js';
18
- export * from './transition.js';
19
- export * from './typography.js';
20
- /** Main CSS Transform */
21
- export declare function transformCSSValue<T extends TokenNormalized = TokenNormalized>(token: T, { mode, ...options }: {
22
- mode: keyof T['mode'];
23
- } & TransformCSSValueOptions): string | Record<string, string> | import("./color.js").WideGamutColorValue | undefined;
24
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAInD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAe/D,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAEhC,yBAAyB;AACzB,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EAC3E,KAAK,EAAE,CAAC,EACR,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;CAAE,GAAG,wBAAwB,0FA8D3E"}
package/dist/css/index.js DELETED
@@ -1,97 +0,0 @@
1
- import { transformBoolean } from './boolean.js';
2
- import { transformBorder } from './border.js';
3
- import { transformColor } from './color.js';
4
- import { transformCubicBezier } from './cubic-bezier.js';
5
- import { transformDimension } from './dimension.js';
6
- import { transformDuration } from './duration.js';
7
- import { transformFontFamily } from './font-family.js';
8
- import { transformFontWeight } from './font-weight.js';
9
- import { transformGradient } from './gradient.js';
10
- import { transformLink } from './link.js';
11
- import { transformNumber } from './number.js';
12
- import { transformShadow } from './shadow.js';
13
- import { transformString } from './string.js';
14
- import { transformStrokeStyle } from './stroke-style.js';
15
- import { transformTransition } from './transition.js';
16
- import { transformTypography } from './typography.js';
17
- export * from './boolean.js';
18
- export * from './border.js';
19
- export * from './color.js';
20
- export * from './cubic-bezier.js';
21
- export * from './dimension.js';
22
- export * from './duration.js';
23
- export * from './font-family.js';
24
- export * from './font-weight.js';
25
- export * from './gradient.js';
26
- export * from './lib.js';
27
- export * from './link.js';
28
- export * from './number.js';
29
- export * from './shadow.js';
30
- export * from './string.js';
31
- export * from './stroke-style.js';
32
- export * from './transition.js';
33
- export * from './typography.js';
34
- /** Main CSS Transform */
35
- export function transformCSSValue(token, { mode, ...options }) {
36
- const selectedMode = token.mode[mode];
37
- if (!selectedMode) {
38
- return;
39
- }
40
- const tokenWithModeValue = {
41
- id: token.id,
42
- $type: token.$type,
43
- // note: do NOT carry over aliasOf/partialAliasOf as that will result in incorrect values
44
- ...selectedMode,
45
- };
46
- switch (tokenWithModeValue.$type) {
47
- case 'boolean': {
48
- return transformBoolean(tokenWithModeValue, options);
49
- }
50
- case 'border': {
51
- return transformBorder(tokenWithModeValue, options);
52
- }
53
- case 'color': {
54
- return transformColor(tokenWithModeValue, options);
55
- }
56
- case 'cubicBezier': {
57
- return transformCubicBezier(tokenWithModeValue, options);
58
- }
59
- case 'dimension': {
60
- return transformDimension(tokenWithModeValue, options);
61
- }
62
- case 'duration': {
63
- return transformDuration(tokenWithModeValue, options);
64
- }
65
- case 'fontFamily': {
66
- return transformFontFamily(tokenWithModeValue, options);
67
- }
68
- case 'fontWeight': {
69
- return transformFontWeight(tokenWithModeValue, options);
70
- }
71
- case 'gradient': {
72
- return transformGradient(tokenWithModeValue, options);
73
- }
74
- case 'link': {
75
- return transformLink(tokenWithModeValue, options);
76
- }
77
- case 'number': {
78
- return transformNumber(tokenWithModeValue, options);
79
- }
80
- case 'shadow': {
81
- return transformShadow(tokenWithModeValue, options);
82
- }
83
- case 'string': {
84
- return transformString(tokenWithModeValue, options);
85
- }
86
- case 'strokeStyle': {
87
- return transformStrokeStyle(tokenWithModeValue, options);
88
- }
89
- case 'transition': {
90
- return transformTransition(tokenWithModeValue, options);
91
- }
92
- case 'typography': {
93
- return transformTypography(tokenWithModeValue, options);
94
- }
95
- }
96
- }
97
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"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"}
package/dist/css/lib.d.ts DELETED
@@ -1,24 +0,0 @@
1
- import type { TokenNormalized } from '../types.js';
2
- /** Function that generates a var(…) statement */
3
- export type IDGenerator<T = TokenNormalized> = (token: T) => string;
4
- export declare function defaultAliasTransform(token: TokenNormalized): string;
5
- /** Generate shorthand CSS for select token types */
6
- export declare function generateShorthand({ $type, localID }: {
7
- $type: string;
8
- localID: string;
9
- }): string | undefined;
10
- export interface MakeCSSVarOptions {
11
- /** Prefix with string */
12
- prefix?: string;
13
- /**
14
- * Wrap with `var(…)`
15
- * @default false
16
- */
17
- wrapVar?: boolean;
18
- }
19
- /**
20
- * Generate a valid CSS variable from any string
21
- * Code by @dfrankland
22
- */
23
- export declare function makeCSSVar(name: string, { prefix, wrapVar }?: MakeCSSVarOptions): string;
24
- //# sourceMappingURL=lib.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../../src/css/lib.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,iDAAiD;AACjD,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,eAAe,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;AAEpE,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,eAAe,UAK3D;AAED,oDAAoD;AACpD,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,GAAG,SAAS,CAU5G;AAKD,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,OAAe,EAAE,GAAE,iBAAsB,GAAG,MAAM,CAWpG"}
package/dist/css/lib.js DELETED
@@ -1,35 +0,0 @@
1
- export function defaultAliasTransform(token) {
2
- if (!token) {
3
- throw new Error('Undefined token');
4
- }
5
- return `var(${makeCSSVar(token.id)})`;
6
- }
7
- /** Generate shorthand CSS for select token types */
8
- export function generateShorthand({ $type, localID }) {
9
- switch ($type) {
10
- case 'transition': {
11
- return ['duration', 'delay', 'timing-function']
12
- .map((p) => makeCSSVar(`${localID}-${p}`, { wrapVar: true }))
13
- .join(' ');
14
- }
15
- // note: "typography" is not set in shorthand because it can often unset values unintentionally.
16
- // @see https://developer.mozilla.org/en-US/docs/Web/CSS/font
17
- }
18
- }
19
- const CSS_VAR_RE = /(?:(\p{Uppercase_Letter}?[\p{Lowercase_Letter}\p{Number}]+|[\p{Uppercase_Letter}\p{Number}]+|[\u{80}-\u{10FFFF}\p{Number}]+)|.)/u;
20
- /**
21
- * Generate a valid CSS variable from any string
22
- * Code by @dfrankland
23
- */
24
- export function makeCSSVar(name, { prefix, wrapVar = false } = {}) {
25
- if (typeof name !== 'string') {
26
- throw new Error(`makeCSSVar() Expected string, received ${name}`);
27
- }
28
- let property = name.split(CSS_VAR_RE).filter(Boolean).join('-');
29
- if (prefix && !property.startsWith(`${prefix}-`)) {
30
- property = `${prefix}-${property}`;
31
- }
32
- const finalProperty = `--${property}`.toLocaleLowerCase();
33
- return wrapVar ? `var(${finalProperty})` : finalProperty;
34
- }
35
- //# sourceMappingURL=lib.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"lib.js","sourceRoot":"","sources":["../../src/css/lib.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,qBAAqB,CAAC,KAAsB;IAC1D,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACrC,CAAC;IACD,OAAO,OAAO,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC;AACxC,CAAC;AAED,oDAAoD;AACpD,MAAM,UAAU,iBAAiB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAsC;IACtF,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,YAAY,CAAC,CAAC,CAAC;YAClB,OAAO,CAAC,UAAU,EAAE,OAAO,EAAE,iBAAiB,CAAC;iBAC5C,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,OAAO,IAAI,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;iBAC5D,IAAI,CAAC,GAAG,CAAC,CAAC;QACf,CAAC;QACD,gGAAgG;QAChG,6DAA6D;IAC/D,CAAC;AACH,CAAC;AAED,MAAM,UAAU,GACd,kIAAkI,CAAC;AAYrI;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,IAAY,EAAE,EAAE,MAAM,EAAE,OAAO,GAAG,KAAK,KAAwB,EAAE;IAC1F,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,MAAM,IAAI,KAAK,CAAC,0CAA0C,IAAI,EAAE,CAAC,CAAC;IACpE,CAAC;IAED,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChE,IAAI,MAAM,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,MAAM,GAAG,CAAC,EAAE,CAAC;QACjD,QAAQ,GAAG,GAAG,MAAM,IAAI,QAAQ,EAAE,CAAC;IACrC,CAAC;IACD,MAAM,aAAa,GAAG,KAAK,QAAQ,EAAE,CAAC,iBAAiB,EAAE,CAAC;IAC1D,OAAO,OAAO,CAAC,CAAC,CAAC,OAAO,aAAa,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC;AAC3D,CAAC"}
@@ -1,5 +0,0 @@
1
- import type { LinkTokenNormalized } from '../types.js';
2
- import type { TransformCSSValueOptions } from './css-types.js';
3
- /** Convert link value to CSS */
4
- export declare function transformLink(token: LinkTokenNormalized, options: TransformCSSValueOptions): string;
5
- //# sourceMappingURL=link.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/css/link.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,gCAAgC;AAChC,wBAAgB,aAAa,CAAC,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,wBAAwB,GAAG,MAAM,CAMnG"}
package/dist/css/link.js DELETED
@@ -1,10 +0,0 @@
1
- import { defaultAliasTransform } from './lib.js';
2
- /** Convert link value to CSS */
3
- export function transformLink(token, options) {
4
- const { tokensSet, transformAlias = defaultAliasTransform } = options;
5
- if (token.aliasChain?.[0]) {
6
- return transformAlias(tokensSet[token.aliasChain[0]]);
7
- }
8
- return `url("${token.$value}")`;
9
- }
10
- //# sourceMappingURL=link.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/css/link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,gCAAgC;AAChC,MAAM,UAAU,aAAa,CAAC,KAA0B,EAAE,OAAiC;IACzF,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAO,CAAC;IACtE,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IACD,OAAO,QAAQ,KAAK,CAAC,MAAM,IAAI,CAAC;AAClC,CAAC"}