@terrazzo/token-tools 0.5.0 → 0.6.1
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 +34 -0
- package/dist/css/boolean.d.ts +3 -5
- package/dist/css/boolean.d.ts.map +1 -1
- package/dist/css/boolean.js +4 -7
- package/dist/css/boolean.js.map +1 -1
- package/dist/css/border.d.ts +3 -10
- package/dist/css/border.d.ts.map +1 -1
- package/dist/css/border.js +16 -15
- package/dist/css/border.js.map +1 -1
- package/dist/css/color.d.ts +3 -9
- package/dist/css/color.d.ts.map +1 -1
- package/dist/css/color.js +9 -7
- package/dist/css/color.js.map +1 -1
- package/dist/css/css-types.d.ts +13 -0
- package/dist/css/css-types.d.ts.map +1 -0
- package/dist/css/css-types.js +2 -0
- package/dist/css/css-types.js.map +1 -0
- package/dist/css/cubic-bezier.d.ts +3 -7
- package/dist/css/cubic-bezier.d.ts.map +1 -1
- package/dist/css/cubic-bezier.js +6 -5
- package/dist/css/cubic-bezier.js.map +1 -1
- package/dist/css/dimension.d.ts +3 -6
- package/dist/css/dimension.d.ts.map +1 -1
- package/dist/css/dimension.js +5 -7
- package/dist/css/dimension.js.map +1 -1
- package/dist/css/duration.d.ts +3 -6
- package/dist/css/duration.d.ts.map +1 -1
- package/dist/css/duration.js +5 -8
- package/dist/css/duration.js.map +1 -1
- package/dist/css/font-family.d.ts +3 -7
- package/dist/css/font-family.d.ts.map +1 -1
- package/dist/css/font-family.js +6 -18
- package/dist/css/font-family.js.map +1 -1
- package/dist/css/font-weight.d.ts +3 -5
- package/dist/css/font-weight.d.ts.map +1 -1
- package/dist/css/font-weight.js +5 -4
- package/dist/css/font-weight.js.map +1 -1
- package/dist/css/gradient.d.ts +3 -10
- package/dist/css/gradient.d.ts.map +1 -1
- package/dist/css/gradient.js +29 -18
- package/dist/css/gradient.js.map +1 -1
- package/dist/css/index.d.ts +4 -17
- package/dist/css/index.d.ts.map +1 -1
- package/dist/css/index.js +42 -38
- package/dist/css/index.js.map +1 -1
- package/dist/css/lib.d.ts +3 -7
- package/dist/css/lib.d.ts.map +1 -1
- package/dist/css/lib.js +9 -10
- package/dist/css/lib.js.map +1 -1
- package/dist/css/link.d.ts +3 -5
- package/dist/css/link.d.ts.map +1 -1
- package/dist/css/link.js +5 -4
- package/dist/css/link.js.map +1 -1
- package/dist/css/number.d.ts +3 -5
- package/dist/css/number.d.ts.map +1 -1
- package/dist/css/number.js +6 -2
- package/dist/css/number.js.map +1 -1
- package/dist/css/shadow.d.ts +5 -10
- package/dist/css/shadow.d.ts.map +1 -1
- package/dist/css/shadow.js +30 -22
- package/dist/css/shadow.js.map +1 -1
- package/dist/css/string.d.ts +3 -5
- package/dist/css/string.d.ts.map +1 -1
- package/dist/css/string.js +6 -2
- package/dist/css/string.js.map +1 -1
- package/dist/css/stroke-style.d.ts +3 -6
- package/dist/css/stroke-style.d.ts.map +1 -1
- package/dist/css/stroke-style.js +5 -4
- package/dist/css/stroke-style.js.map +1 -1
- package/dist/css/transition.d.ts +4 -14
- package/dist/css/transition.d.ts.map +1 -1
- package/dist/css/transition.js +18 -18
- package/dist/css/transition.js.map +1 -1
- package/dist/css/typography.d.ts +3 -7
- package/dist/css/typography.d.ts.map +1 -1
- package/dist/css/typography.js +21 -19
- package/dist/css/typography.js.map +1 -1
- package/dist/id.d.ts +2 -5
- package/dist/id.d.ts.map +1 -1
- package/dist/id.js +6 -7
- package/dist/id.js.map +1 -1
- package/dist/types.d.ts +9 -5
- package/dist/types.d.ts.map +1 -1
- package/package.json +2 -2
package/dist/css/gradient.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gradient.js","sourceRoot":"","sources":["../../src/css/gradient.ts"],"names":[],"mappings":"AACA,OAAO,EAA4B,
|
|
1
|
+
{"version":3,"file":"gradient.js","sourceRoot":"","sources":["../../src/css/gradient.ts"],"names":[],"mappings":"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"}
|
package/dist/css/index.d.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import type { TokenNormalized } from '../types.js';
|
|
2
|
-
import {
|
|
3
|
-
import { transformDurationValue } from './duration.js';
|
|
4
|
-
import type { IDGenerator } from './lib.js';
|
|
2
|
+
import type { TransformCSSValueOptions } from './css-types.js';
|
|
5
3
|
export * from './boolean.js';
|
|
6
4
|
export * from './border.js';
|
|
7
5
|
export * from './color.js';
|
|
@@ -19,19 +17,8 @@ export * from './string.js';
|
|
|
19
17
|
export * from './stroke-style.js';
|
|
20
18
|
export * from './transition.js';
|
|
21
19
|
export * from './typography.js';
|
|
22
|
-
export interface TransformCSSValueOptions {
|
|
23
|
-
mode: string;
|
|
24
|
-
transformAlias?: IDGenerator;
|
|
25
|
-
/** Color options */
|
|
26
|
-
color?: {
|
|
27
|
-
/** Output legacy hex-6 and hex-8 */
|
|
28
|
-
legacyHex?: boolean;
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
20
|
/** Main CSS Transform */
|
|
32
|
-
export declare function transformCSSValue<T extends TokenNormalized>(token: T, { mode,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
'timing-function': ReturnType<typeof transformCubicBezierValue>;
|
|
36
|
-
} | undefined;
|
|
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;
|
|
37
24
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/css/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,0FA8C3E"}
|
package/dist/css/index.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
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
17
|
export * from './boolean.js';
|
|
18
18
|
export * from './border.js';
|
|
19
19
|
export * from './color.js';
|
|
@@ -32,46 +32,50 @@ export * from './stroke-style.js';
|
|
|
32
32
|
export * from './transition.js';
|
|
33
33
|
export * from './typography.js';
|
|
34
34
|
/** Main CSS Transform */
|
|
35
|
-
export function transformCSSValue(token, { mode,
|
|
36
|
-
|
|
35
|
+
export function transformCSSValue(token, { mode, ...options }) {
|
|
36
|
+
const selectedMode = token.mode[mode];
|
|
37
|
+
if (!selectedMode) {
|
|
37
38
|
return;
|
|
38
39
|
}
|
|
39
|
-
const
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
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) {
|
|
43
47
|
case 'boolean':
|
|
44
|
-
return
|
|
48
|
+
return transformBoolean(tokenWithModeValue, options);
|
|
45
49
|
case 'border':
|
|
46
|
-
return
|
|
50
|
+
return transformBorder(tokenWithModeValue, options);
|
|
47
51
|
case 'color':
|
|
48
|
-
return
|
|
52
|
+
return transformColor(tokenWithModeValue, options);
|
|
49
53
|
case 'cubicBezier':
|
|
50
|
-
return
|
|
54
|
+
return transformCubicBezier(tokenWithModeValue, options);
|
|
51
55
|
case 'dimension':
|
|
52
|
-
return
|
|
56
|
+
return transformDimension(tokenWithModeValue, options);
|
|
53
57
|
case 'duration':
|
|
54
|
-
return
|
|
58
|
+
return transformDuration(tokenWithModeValue, options);
|
|
55
59
|
case 'fontFamily':
|
|
56
|
-
return
|
|
60
|
+
return transformFontFamily(tokenWithModeValue, options);
|
|
57
61
|
case 'fontWeight':
|
|
58
|
-
return
|
|
62
|
+
return transformFontWeight(tokenWithModeValue, options);
|
|
59
63
|
case 'gradient':
|
|
60
|
-
return
|
|
64
|
+
return transformGradient(tokenWithModeValue, options);
|
|
61
65
|
case 'link':
|
|
62
|
-
return
|
|
66
|
+
return transformLink(tokenWithModeValue, options);
|
|
63
67
|
case 'number':
|
|
64
|
-
return
|
|
68
|
+
return transformNumber(tokenWithModeValue, options);
|
|
65
69
|
case 'shadow':
|
|
66
|
-
return
|
|
70
|
+
return transformShadow(tokenWithModeValue, options);
|
|
67
71
|
case 'string':
|
|
68
|
-
return
|
|
72
|
+
return transformString(tokenWithModeValue, options);
|
|
69
73
|
case 'strokeStyle':
|
|
70
|
-
return
|
|
74
|
+
return transformStrokeStyle(tokenWithModeValue, options);
|
|
71
75
|
case 'transition':
|
|
72
|
-
return
|
|
76
|
+
return transformTransition(tokenWithModeValue, options);
|
|
73
77
|
case 'typography':
|
|
74
|
-
return
|
|
78
|
+
return transformTypography(tokenWithModeValue, options);
|
|
75
79
|
}
|
|
76
80
|
}
|
|
77
81
|
//# sourceMappingURL=index.js.map
|
package/dist/css/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"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"}
|
package/dist/css/lib.d.ts
CHANGED
|
@@ -1,16 +1,12 @@
|
|
|
1
|
+
import type { TokenNormalized } from '../types.js';
|
|
1
2
|
/** Function that generates a var(…) statement */
|
|
2
|
-
export type IDGenerator = (
|
|
3
|
-
export declare
|
|
3
|
+
export type IDGenerator<T = TokenNormalized> = (token: T) => string;
|
|
4
|
+
export declare function defaultAliasTransform(token: TokenNormalized): string;
|
|
4
5
|
/** Generate shorthand CSS for select token types */
|
|
5
6
|
export declare function generateShorthand({ $type, localID }: {
|
|
6
7
|
$type: string;
|
|
7
8
|
localID: string;
|
|
8
9
|
}): string | undefined;
|
|
9
|
-
/** Build object of alias values */
|
|
10
|
-
export declare function transformCompositeAlias<T extends {}>(value: T, { aliasOf, transformAlias }: {
|
|
11
|
-
aliasOf: string;
|
|
12
|
-
transformAlias?: IDGenerator;
|
|
13
|
-
}): Record<string, string>;
|
|
14
10
|
export interface MakeCSSVarOptions {
|
|
15
11
|
/** Prefix with string */
|
|
16
12
|
prefix?: string;
|
package/dist/css/lib.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../../src/css/lib.ts"],"names":[],"mappings":"
|
|
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
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export function defaultAliasTransform(token) {
|
|
2
|
+
if (!token) {
|
|
3
|
+
throw new Error('Undefined token');
|
|
4
|
+
}
|
|
5
|
+
return `var(${makeCSSVar(token.id)})`;
|
|
6
|
+
}
|
|
3
7
|
/** Generate shorthand CSS for select token types */
|
|
4
8
|
export function generateShorthand({ $type, localID }) {
|
|
5
9
|
switch ($type) {
|
|
@@ -12,20 +16,15 @@ export function generateShorthand({ $type, localID }) {
|
|
|
12
16
|
// @see https://developer.mozilla.org/en-US/docs/Web/CSS/font
|
|
13
17
|
}
|
|
14
18
|
}
|
|
15
|
-
/** Build object of alias values */
|
|
16
|
-
export function transformCompositeAlias(value, { aliasOf, transformAlias = defaultAliasTransform }) {
|
|
17
|
-
const output = {};
|
|
18
|
-
for (const key of Object.keys(value)) {
|
|
19
|
-
output[kebabCase(key)] = transformAlias(`${aliasOf}-${key}`);
|
|
20
|
-
}
|
|
21
|
-
return output;
|
|
22
|
-
}
|
|
23
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;
|
|
24
20
|
/**
|
|
25
21
|
* Generate a valid CSS variable from any string
|
|
26
22
|
* Code by @dfrankland
|
|
27
23
|
*/
|
|
28
24
|
export function makeCSSVar(name, { prefix, wrapVar = false } = {}) {
|
|
25
|
+
if (typeof name !== 'string') {
|
|
26
|
+
throw new Error(`makeCSSVar() Expected string, received ${name}`);
|
|
27
|
+
}
|
|
29
28
|
let property = name.split(CSS_VAR_RE).filter(Boolean).join('-');
|
|
30
29
|
if (prefix && !property.startsWith(`${prefix}-`)) {
|
|
31
30
|
property = `${prefix}-${property}`;
|
package/dist/css/lib.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib.js","sourceRoot":"","sources":["../../src/css/lib.ts"],"names":[],"mappings":"
|
|
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
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { LinkTokenNormalized } from '../types.js';
|
|
2
|
+
import type { TransformCSSValueOptions } from './css-types.js';
|
|
2
3
|
/** Convert link value to CSS */
|
|
3
|
-
export declare function
|
|
4
|
-
aliasOf?: string;
|
|
5
|
-
transformAlias?: IDGenerator;
|
|
6
|
-
}): string;
|
|
4
|
+
export declare function transformLink(token: LinkTokenNormalized, options: TransformCSSValueOptions): string;
|
|
7
5
|
//# sourceMappingURL=link.d.ts.map
|
package/dist/css/link.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/css/link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
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
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { defaultAliasTransform } from './lib.js';
|
|
2
2
|
/** Convert link value to CSS */
|
|
3
|
-
export function
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
export function transformLink(token, options) {
|
|
4
|
+
const { tokensSet, transformAlias = defaultAliasTransform } = options;
|
|
5
|
+
if (token.aliasChain?.[0]) {
|
|
6
|
+
return transformAlias(tokensSet[token.aliasChain[0]]);
|
|
6
7
|
}
|
|
7
|
-
return `url("${value}")`;
|
|
8
|
+
return `url("${token.$value}")`;
|
|
8
9
|
}
|
|
9
10
|
//# sourceMappingURL=link.js.map
|
package/dist/css/link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/css/link.ts"],"names":[],"mappings":"
|
|
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"}
|
package/dist/css/number.d.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { NumberTokenNormalized } from '../types.js';
|
|
2
|
+
import type { TransformCSSValueOptions } from './css-types.js';
|
|
2
3
|
/** Convert number value to CSS */
|
|
3
|
-
export declare function
|
|
4
|
-
aliasOf?: string;
|
|
5
|
-
transformAlias?: IDGenerator;
|
|
6
|
-
}): string;
|
|
4
|
+
export declare function transformNumber(token: NumberTokenNormalized, options: TransformCSSValueOptions): string;
|
|
7
5
|
//# sourceMappingURL=number.d.ts.map
|
package/dist/css/number.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../src/css/number.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../src/css/number.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,kCAAkC;AAClC,wBAAgB,eAAe,CAAC,KAAK,EAAE,qBAAqB,EAAE,OAAO,EAAE,wBAAwB,GAAG,MAAM,CAMvG"}
|
package/dist/css/number.js
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { defaultAliasTransform } from './lib.js';
|
|
2
2
|
/** Convert number value to CSS */
|
|
3
|
-
export function
|
|
4
|
-
|
|
3
|
+
export function transformNumber(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);
|
|
5
9
|
}
|
|
6
10
|
//# sourceMappingURL=number.js.map
|
package/dist/css/number.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number.js","sourceRoot":"","sources":["../../src/css/number.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"number.js","sourceRoot":"","sources":["../../src/css/number.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,kCAAkC;AAClC,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;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAC9B,CAAC"}
|
package/dist/css/shadow.d.ts
CHANGED
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
import type { ShadowTokenNormalized, ShadowValueNormalized } from '../types.js';
|
|
2
|
-
import {
|
|
2
|
+
import type { TransformCSSValueOptions } from './css-types.js';
|
|
3
3
|
/** Convert shadow subvalue to CSS */
|
|
4
|
-
export declare function transformShadowLayer(value: ShadowValueNormalized,
|
|
5
|
-
|
|
6
|
-
partialAliasOf?: Partial<Record<keyof
|
|
7
|
-
transformAlias?: IDGenerator;
|
|
4
|
+
export declare function transformShadowLayer(value: ShadowValueNormalized, options: TransformCSSValueOptions & {
|
|
5
|
+
colorValue: string;
|
|
6
|
+
partialAliasOf?: Partial<Record<keyof typeof value, string>>;
|
|
8
7
|
}): string | Record<string, string>;
|
|
9
8
|
/** Convert shadow value to CSS */
|
|
10
|
-
export declare function
|
|
11
|
-
aliasOf?: string;
|
|
12
|
-
partialAliasOf?: Partial<Record<keyof ShadowValueNormalized, string>>[];
|
|
13
|
-
transformAlias?: IDGenerator;
|
|
14
|
-
}): string | Record<string, string>;
|
|
9
|
+
export declare function transformShadow(token: ShadowTokenNormalized, options: TransformCSSValueOptions): string | Record<string, string>;
|
|
15
10
|
//# sourceMappingURL=shadow.d.ts.map
|
package/dist/css/shadow.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../src/css/shadow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../src/css/shadow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAI/D,qCAAqC;AACrC,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,qBAAqB,EAC5B,OAAO,EAAE,wBAAwB,GAAG;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;CAC9D,GACA,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAiBjC;AAED,kCAAkC;AAClC,wBAAgB,eAAe,CAC7B,KAAK,EAAE,qBAAqB,EAC5B,OAAO,EAAE,wBAAwB,GAChC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAmCjC"}
|
package/dist/css/shadow.js
CHANGED
|
@@ -1,43 +1,51 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { transformColor } from './color.js';
|
|
2
|
+
import { transformDimension } from './dimension.js';
|
|
3
3
|
import { defaultAliasTransform } from './lib.js';
|
|
4
4
|
/** Convert shadow subvalue to CSS */
|
|
5
|
-
export function transformShadowLayer(value,
|
|
5
|
+
export function transformShadowLayer(value, options) {
|
|
6
|
+
const { tokensSet, colorValue, partialAliasOf, transformAlias = defaultAliasTransform } = options;
|
|
6
7
|
const offsetX = partialAliasOf?.offsetX
|
|
7
|
-
? transformAlias(partialAliasOf.offsetX)
|
|
8
|
-
:
|
|
8
|
+
? transformAlias(tokensSet[partialAliasOf.offsetX])
|
|
9
|
+
: transformDimension({ $value: value.offsetX }, options);
|
|
9
10
|
const offsetY = partialAliasOf?.offsetY
|
|
10
|
-
? transformAlias(partialAliasOf.offsetY)
|
|
11
|
-
:
|
|
11
|
+
? transformAlias(tokensSet[partialAliasOf.offsetY])
|
|
12
|
+
: transformDimension({ $value: value.offsetY }, options);
|
|
12
13
|
const blur = partialAliasOf?.blur
|
|
13
|
-
? transformAlias(partialAliasOf.blur)
|
|
14
|
-
:
|
|
14
|
+
? transformAlias(tokensSet[partialAliasOf.blur])
|
|
15
|
+
: transformDimension({ $value: value.blur }, options);
|
|
15
16
|
const spread = partialAliasOf?.spread
|
|
16
|
-
? transformAlias(partialAliasOf.spread)
|
|
17
|
-
:
|
|
17
|
+
? transformAlias(tokensSet[partialAliasOf.spread])
|
|
18
|
+
: transformDimension({ $value: value.spread }, options);
|
|
18
19
|
const inset = value?.inset === true ? 'inset' : undefined;
|
|
19
|
-
return [inset, offsetX, offsetY, blur, spread,
|
|
20
|
+
return [inset, offsetX, offsetY, blur, spread, colorValue].filter(Boolean).join(' ');
|
|
20
21
|
}
|
|
21
22
|
/** Convert shadow value to CSS */
|
|
22
|
-
export function
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
export function transformShadow(token, options) {
|
|
24
|
+
const { tokensSet, transformAlias = defaultAliasTransform } = options;
|
|
25
|
+
if (token.aliasChain?.[0]) {
|
|
26
|
+
return transformAlias(tokensSet[token.aliasChain[0]]);
|
|
25
27
|
}
|
|
26
|
-
const colors = value.map((
|
|
27
|
-
? transformAlias(partialAliasOf[i].color)
|
|
28
|
-
:
|
|
28
|
+
const colors = token.$value.map((v, i) => token.partialAliasOf?.[i]?.color
|
|
29
|
+
? transformAlias(tokensSet[token.partialAliasOf[i].color])
|
|
30
|
+
: transformColor({ $value: v.color }, options));
|
|
29
31
|
const isHDR = colors.some((c) => typeof c === 'object');
|
|
30
|
-
const formatShadow = (colorKey) => value
|
|
32
|
+
const formatShadow = (colorKey) => token.$value
|
|
31
33
|
.map((v, i) => transformShadowLayer(v, {
|
|
32
|
-
|
|
34
|
+
tokensSet,
|
|
35
|
+
colorValue: typeof colors[i] === 'string'
|
|
33
36
|
? colors[i]
|
|
34
37
|
: colors[i][colorKey],
|
|
35
|
-
partialAliasOf: partialAliasOf?.[i],
|
|
38
|
+
partialAliasOf: token.partialAliasOf?.[i],
|
|
36
39
|
transformAlias,
|
|
37
40
|
}))
|
|
38
41
|
.join(', ');
|
|
39
42
|
return !isHDR
|
|
40
43
|
? formatShadow('.')
|
|
41
|
-
: {
|
|
44
|
+
: {
|
|
45
|
+
'.': formatShadow('.'),
|
|
46
|
+
srgb: formatShadow('srgb'),
|
|
47
|
+
p3: formatShadow('p3'),
|
|
48
|
+
rec2020: formatShadow('rec2020'),
|
|
49
|
+
};
|
|
42
50
|
}
|
|
43
51
|
//# sourceMappingURL=shadow.js.map
|
package/dist/css/shadow.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../src/css/shadow.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../src/css/shadow.ts"],"names":[],"mappings":"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"}
|
package/dist/css/string.d.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { StringTokenNormalized } from '../types.js';
|
|
2
|
+
import type { TransformCSSValueOptions } from './css-types.js';
|
|
2
3
|
/** Convert string value to CSS */
|
|
3
|
-
export declare function
|
|
4
|
-
aliasOf?: string;
|
|
5
|
-
transformAlias?: IDGenerator;
|
|
6
|
-
}): string;
|
|
4
|
+
export declare function transformString(token: StringTokenNormalized, options: TransformCSSValueOptions): string;
|
|
7
5
|
//# sourceMappingURL=string.d.ts.map
|
package/dist/css/string.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"string.d.ts","sourceRoot":"","sources":["../../src/css/string.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"string.d.ts","sourceRoot":"","sources":["../../src/css/string.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,kCAAkC;AAClC,wBAAgB,eAAe,CAAC,KAAK,EAAE,qBAAqB,EAAE,OAAO,EAAE,wBAAwB,GAAG,MAAM,CAQvG"}
|
package/dist/css/string.js
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { defaultAliasTransform } from './lib.js';
|
|
2
2
|
/** Convert string value to CSS */
|
|
3
|
-
export function
|
|
3
|
+
export function transformString(token, options) {
|
|
4
|
+
const { tokensSet, transformAlias = defaultAliasTransform } = options;
|
|
5
|
+
if (token.aliasChain?.[0]) {
|
|
6
|
+
return transformAlias(tokensSet[token.aliasChain[0]]);
|
|
7
|
+
}
|
|
4
8
|
// this seems like a useless function—because it is—but this is a placeholder
|
|
5
9
|
// that can handle unexpected values in the future should any arise
|
|
6
|
-
return
|
|
10
|
+
return String(token.$value);
|
|
7
11
|
}
|
|
8
12
|
//# sourceMappingURL=string.js.map
|
package/dist/css/string.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"string.js","sourceRoot":"","sources":["../../src/css/string.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"string.js","sourceRoot":"","sources":["../../src/css/string.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,kCAAkC;AAClC,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;IACD,6EAA6E;IAC7E,mEAAmE;IACnE,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAC9B,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import {
|
|
1
|
+
import type { StrokeStyleTokenNormalized } from '../types.js';
|
|
2
|
+
import type { TransformCSSValueOptions } from './css-types.js';
|
|
3
3
|
/** Convert strokeStyle value to CSS */
|
|
4
|
-
export declare function
|
|
5
|
-
aliasOf?: string;
|
|
6
|
-
transformAlias?: IDGenerator;
|
|
7
|
-
}): string;
|
|
4
|
+
export declare function transformStrokeStyle(token: StrokeStyleTokenNormalized, options: TransformCSSValueOptions): string;
|
|
8
5
|
//# sourceMappingURL=stroke-style.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stroke-style.d.ts","sourceRoot":"","sources":["../../src/css/stroke-style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"stroke-style.d.ts","sourceRoot":"","sources":["../../src/css/stroke-style.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,CAMjH"}
|
package/dist/css/stroke-style.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { defaultAliasTransform } from './lib.js';
|
|
2
2
|
/** Convert strokeStyle value to CSS */
|
|
3
|
-
export function
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
export function transformStrokeStyle(token, options) {
|
|
4
|
+
const { tokensSet, transformAlias = defaultAliasTransform } = options;
|
|
5
|
+
if (token.aliasChain?.[0]) {
|
|
6
|
+
return transformAlias(tokensSet[token.aliasChain[0]]);
|
|
6
7
|
}
|
|
7
|
-
return typeof value === 'string' ? value : 'dashed'; // CSS doesn’t have `dash-array`; it’s just "dashed"
|
|
8
|
+
return typeof token.$value === 'string' ? token.$value : 'dashed'; // CSS doesn’t have `dash-array`; it’s just "dashed"
|
|
8
9
|
}
|
|
9
10
|
//# sourceMappingURL=stroke-style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stroke-style.js","sourceRoot":"","sources":["../../src/css/stroke-style.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"stroke-style.js","sourceRoot":"","sources":["../../src/css/stroke-style.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,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,oDAAoD;AACzH,CAAC"}
|
package/dist/css/transition.d.ts
CHANGED
|
@@ -1,15 +1,5 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
/** Convert transition value to multiple CSS values */
|
|
6
|
-
export declare function transformTransitionValue(value: TransitionValueNormalized, { aliasOf, partialAliasOf, transformAlias, }?: {
|
|
7
|
-
aliasOf?: string;
|
|
8
|
-
partialAliasOf?: Partial<Record<keyof typeof value, string>>;
|
|
9
|
-
transformAlias?: IDGenerator;
|
|
10
|
-
}): {
|
|
11
|
-
duration: ReturnType<typeof transformDurationValue>;
|
|
12
|
-
delay: ReturnType<typeof transformDurationValue>;
|
|
13
|
-
'timing-function': ReturnType<typeof transformCubicBezierValue>;
|
|
14
|
-
};
|
|
1
|
+
import type { TransitionTokenNormalized } from '../types.js';
|
|
2
|
+
import type { TransformCSSValueOptions } from './css-types.js';
|
|
3
|
+
/** Convert transition value to shorthand */
|
|
4
|
+
export declare function transformTransition(token: TransitionTokenNormalized, options: TransformCSSValueOptions): string;
|
|
15
5
|
//# sourceMappingURL=transition.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../src/css/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../src/css/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAuD,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAClH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAK/D,4CAA4C;AAC5C,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,yBAAyB,EAAE,OAAO,EAAE,wBAAwB,UAiBtG"}
|