@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.
- package/CHANGELOG.md +12 -0
- package/dist/css.d.ts +158 -0
- package/dist/css.d.ts.map +1 -0
- package/dist/css.js +351 -0
- package/dist/css.js.map +1 -0
- package/dist/index.d.ts +69 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +55 -29
- package/dist/index.js.map +1 -1
- package/dist/js.d.ts +23 -0
- package/dist/js.d.ts.map +1 -0
- package/dist/js.js +13 -0
- package/dist/js.js.map +1 -0
- package/dist/string-BZ5Le1WD.js +259 -0
- package/dist/string-BZ5Le1WD.js.map +1 -0
- package/dist/types-C68LbU3N.d.ts +403 -0
- package/dist/types-C68LbU3N.d.ts.map +1 -0
- package/package.json +9 -11
- package/rolldown.config.ts +17 -0
- package/dist/color.d.ts +0 -26
- package/dist/color.d.ts.map +0 -1
- package/dist/color.js +0 -149
- package/dist/color.js.map +0 -1
- package/dist/css/boolean.d.ts +0 -5
- package/dist/css/boolean.d.ts.map +0 -1
- package/dist/css/boolean.js +0 -9
- package/dist/css/boolean.js.map +0 -1
- package/dist/css/border.d.ts +0 -10
- package/dist/css/border.d.ts.map +0 -1
- package/dist/css/border.js +0 -31
- package/dist/css/border.js.map +0 -1
- package/dist/css/color.d.ts +0 -11
- package/dist/css/color.d.ts.map +0 -1
- package/dist/css/color.js +0 -54
- package/dist/css/color.js.map +0 -1
- package/dist/css/css-types.d.ts +0 -13
- package/dist/css/css-types.d.ts.map +0 -1
- package/dist/css/css-types.js +0 -2
- package/dist/css/css-types.js.map +0 -1
- package/dist/css/cubic-bezier.d.ts +0 -5
- package/dist/css/cubic-bezier.d.ts.map +0 -1
- package/dist/css/cubic-bezier.js +0 -12
- package/dist/css/cubic-bezier.js.map +0 -1
- package/dist/css/dimension.d.ts +0 -5
- package/dist/css/dimension.d.ts.map +0 -1
- package/dist/css/dimension.js +0 -10
- package/dist/css/dimension.js.map +0 -1
- package/dist/css/duration.d.ts +0 -5
- package/dist/css/duration.d.ts.map +0 -1
- package/dist/css/duration.js +0 -10
- package/dist/css/duration.js.map +0 -1
- package/dist/css/font-family.d.ts +0 -4
- package/dist/css/font-family.d.ts.map +0 -1
- package/dist/css/font-family.js +0 -10
- package/dist/css/font-family.js.map +0 -1
- package/dist/css/font-weight.d.ts +0 -5
- package/dist/css/font-weight.d.ts.map +0 -1
- package/dist/css/font-weight.js +0 -10
- package/dist/css/font-weight.js.map +0 -1
- package/dist/css/gradient.d.ts +0 -6
- package/dist/css/gradient.d.ts.map +0 -1
- package/dist/css/gradient.js +0 -37
- package/dist/css/gradient.js.map +0 -1
- package/dist/css/index.d.ts +0 -24
- package/dist/css/index.d.ts.map +0 -1
- package/dist/css/index.js +0 -97
- package/dist/css/index.js.map +0 -1
- package/dist/css/lib.d.ts +0 -24
- package/dist/css/lib.d.ts.map +0 -1
- package/dist/css/lib.js +0 -35
- package/dist/css/lib.js.map +0 -1
- package/dist/css/link.d.ts +0 -5
- package/dist/css/link.d.ts.map +0 -1
- package/dist/css/link.js +0 -10
- package/dist/css/link.js.map +0 -1
- package/dist/css/number.d.ts +0 -5
- package/dist/css/number.d.ts.map +0 -1
- package/dist/css/number.js +0 -10
- package/dist/css/number.js.map +0 -1
- package/dist/css/shadow.d.ts +0 -10
- package/dist/css/shadow.d.ts.map +0 -1
- package/dist/css/shadow.js +0 -51
- package/dist/css/shadow.js.map +0 -1
- package/dist/css/string.d.ts +0 -5
- package/dist/css/string.d.ts.map +0 -1
- package/dist/css/string.js +0 -12
- package/dist/css/string.js.map +0 -1
- package/dist/css/stroke-style.d.ts +0 -5
- package/dist/css/stroke-style.d.ts.map +0 -1
- package/dist/css/stroke-style.js +0 -10
- package/dist/css/stroke-style.js.map +0 -1
- package/dist/css/transition.d.ts +0 -5
- package/dist/css/transition.d.ts.map +0 -1
- package/dist/css/transition.js +0 -21
- package/dist/css/transition.js.map +0 -1
- package/dist/css/typography.d.ts +0 -5
- package/dist/css/typography.d.ts.map +0 -1
- package/dist/css/typography.js +0 -55
- package/dist/css/typography.js.map +0 -1
- package/dist/id.d.ts +0 -16
- package/dist/id.d.ts.map +0 -1
- package/dist/id.js +0 -46
- package/dist/id.js.map +0 -1
- package/dist/js/index.d.ts +0 -13
- package/dist/js/index.d.ts.map +0 -1
- package/dist/js/index.js +0 -16
- package/dist/js/index.js.map +0 -1
- package/dist/string.d.ts +0 -7
- package/dist/string.d.ts.map +0 -1
- package/dist/string.js +0 -47
- package/dist/string.js.map +0 -1
- package/dist/transform.d.ts +0 -7
- package/dist/transform.d.ts.map +0 -1
- package/dist/transform.js +0 -17
- package/dist/transform.js.map +0 -1
- package/dist/types.d.ts +0 -397
- package/dist/types.d.ts.map +0 -1
- package/dist/types.js +0 -2
- package/dist/types.js.map +0 -1
package/dist/css/boolean.d.ts
DELETED
|
@@ -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"}
|
package/dist/css/boolean.js
DELETED
|
@@ -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
|
package/dist/css/boolean.js.map
DELETED
|
@@ -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"}
|
package/dist/css/border.d.ts
DELETED
|
@@ -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
|
package/dist/css/border.d.ts.map
DELETED
|
@@ -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"}
|
package/dist/css/border.js
DELETED
|
@@ -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
|
package/dist/css/border.js.map
DELETED
|
@@ -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"}
|
package/dist/css/color.d.ts
DELETED
|
@@ -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
|
package/dist/css/color.d.ts.map
DELETED
|
@@ -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
|
package/dist/css/color.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/css/color.ts"],"names":[],"mappings":"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"}
|
package/dist/css/css-types.d.ts
DELETED
|
@@ -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"}
|
package/dist/css/css-types.js
DELETED
|
@@ -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"}
|
package/dist/css/cubic-bezier.js
DELETED
|
@@ -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"}
|
package/dist/css/dimension.d.ts
DELETED
|
@@ -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"}
|
package/dist/css/dimension.js
DELETED
|
@@ -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"}
|
package/dist/css/duration.d.ts
DELETED
|
@@ -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"}
|
package/dist/css/duration.js
DELETED
|
@@ -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
|
package/dist/css/duration.js.map
DELETED
|
@@ -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"}
|
package/dist/css/font-family.js
DELETED
|
@@ -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"}
|
package/dist/css/font-weight.js
DELETED
|
@@ -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"}
|
package/dist/css/gradient.d.ts
DELETED
|
@@ -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"}
|
package/dist/css/gradient.js
DELETED
|
@@ -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
|
package/dist/css/gradient.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"gradient.js","sourceRoot":"","sources":["../../src/css/gradient.ts"],"names":[],"mappings":"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"}
|
package/dist/css/index.d.ts
DELETED
|
@@ -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
|
package/dist/css/index.d.ts.map
DELETED
|
@@ -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
|
package/dist/css/index.js.map
DELETED
|
@@ -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
|
package/dist/css/lib.d.ts.map
DELETED
|
@@ -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
|
package/dist/css/lib.js.map
DELETED
|
@@ -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"}
|
package/dist/css/link.d.ts
DELETED
|
@@ -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
|
package/dist/css/link.d.ts.map
DELETED
|
@@ -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
|
package/dist/css/link.js.map
DELETED
|
@@ -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"}
|