@terrazzo/token-tools 0.4.0 → 0.6.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 +44 -0
- package/dist/color.d.ts +1 -0
- package/dist/color.d.ts.map +1 -0
- package/dist/css/boolean.d.ts +4 -5
- package/dist/css/boolean.d.ts.map +1 -0
- package/dist/css/boolean.js +4 -7
- package/dist/css/boolean.js.map +1 -1
- package/dist/css/border.d.ts +4 -10
- package/dist/css/border.d.ts.map +1 -0
- package/dist/css/border.js +16 -15
- package/dist/css/border.js.map +1 -1
- package/dist/css/color.d.ts +4 -9
- package/dist/css/color.d.ts.map +1 -0
- 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 +4 -7
- package/dist/css/cubic-bezier.d.ts.map +1 -0
- package/dist/css/cubic-bezier.js +6 -5
- package/dist/css/cubic-bezier.js.map +1 -1
- package/dist/css/dimension.d.ts +4 -6
- package/dist/css/dimension.d.ts.map +1 -0
- package/dist/css/dimension.js +5 -7
- package/dist/css/dimension.js.map +1 -1
- package/dist/css/duration.d.ts +4 -6
- package/dist/css/duration.d.ts.map +1 -0
- package/dist/css/duration.js +5 -8
- package/dist/css/duration.js.map +1 -1
- package/dist/css/font-family.d.ts +4 -7
- package/dist/css/font-family.d.ts.map +1 -0
- package/dist/css/font-family.js +6 -18
- package/dist/css/font-family.js.map +1 -1
- package/dist/css/font-weight.d.ts +4 -5
- package/dist/css/font-weight.d.ts.map +1 -0
- package/dist/css/font-weight.js +5 -4
- package/dist/css/font-weight.js.map +1 -1
- package/dist/css/gradient.d.ts +4 -10
- package/dist/css/gradient.d.ts.map +1 -0
- package/dist/css/gradient.js +29 -18
- package/dist/css/gradient.js.map +1 -1
- package/dist/css/index.d.ts +5 -17
- package/dist/css/index.d.ts.map +1 -0
- package/dist/css/index.js +58 -83
- package/dist/css/index.js.map +1 -1
- package/dist/css/lib.d.ts +4 -7
- package/dist/css/lib.d.ts.map +1 -0
- package/dist/css/lib.js +9 -10
- package/dist/css/lib.js.map +1 -1
- package/dist/css/link.d.ts +4 -5
- package/dist/css/link.d.ts.map +1 -0
- package/dist/css/link.js +5 -4
- package/dist/css/link.js.map +1 -1
- package/dist/css/number.d.ts +4 -5
- package/dist/css/number.d.ts.map +1 -0
- package/dist/css/number.js +6 -2
- package/dist/css/number.js.map +1 -1
- package/dist/css/shadow.d.ts +6 -10
- package/dist/css/shadow.d.ts.map +1 -0
- package/dist/css/shadow.js +30 -22
- package/dist/css/shadow.js.map +1 -1
- package/dist/css/string.d.ts +4 -5
- package/dist/css/string.d.ts.map +1 -0
- package/dist/css/string.js +6 -2
- package/dist/css/string.js.map +1 -1
- package/dist/css/stroke-style.d.ts +4 -6
- package/dist/css/stroke-style.d.ts.map +1 -0
- package/dist/css/stroke-style.js +5 -4
- package/dist/css/stroke-style.js.map +1 -1
- package/dist/css/transition.d.ts +5 -14
- package/dist/css/transition.d.ts.map +1 -0
- package/dist/css/transition.js +18 -18
- package/dist/css/transition.js.map +1 -1
- package/dist/css/typography.d.ts +4 -7
- package/dist/css/typography.d.ts.map +1 -0
- package/dist/css/typography.js +21 -19
- package/dist/css/typography.js.map +1 -1
- package/dist/id.d.ts +3 -5
- package/dist/id.d.ts.map +1 -0
- package/dist/id.js +6 -7
- package/dist/id.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/js/index.d.ts +1 -0
- package/dist/js/index.d.ts.map +1 -0
- package/dist/string.d.ts +1 -0
- package/dist/string.d.ts.map +1 -0
- package/dist/transform.d.ts +1 -0
- package/dist/transform.d.ts.map +1 -0
- package/dist/types.d.ts +34 -19
- package/dist/types.d.ts.map +1 -0
- 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,18 +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
|
-
|
|
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;
|
|
24
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +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,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,75 +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
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
case '
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
case 'cubicBezier':
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
case '
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
case '
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
case '
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
case '
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
case '
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
case '
|
|
77
|
-
|
|
78
|
-
return transformLinkValue($value, { aliasOf, transformAlias });
|
|
79
|
-
}
|
|
80
|
-
case 'number': {
|
|
81
|
-
const { $value, aliasOf } = token.mode[mode];
|
|
82
|
-
return transformNumberValue($value, { aliasOf, transformAlias });
|
|
83
|
-
}
|
|
84
|
-
case 'shadow': {
|
|
85
|
-
const { $value, aliasOf, partialAliasOf } = token.mode[mode];
|
|
86
|
-
return transformShadowValue($value, { aliasOf, partialAliasOf, transformAlias });
|
|
87
|
-
}
|
|
88
|
-
case 'string': {
|
|
89
|
-
const { $value, aliasOf } = token.mode[mode];
|
|
90
|
-
return transformStringValue($value, { aliasOf, transformAlias });
|
|
91
|
-
}
|
|
92
|
-
case 'strokeStyle': {
|
|
93
|
-
const { $value, aliasOf } = token.mode[mode];
|
|
94
|
-
return transformStrokeStyleValue($value, { aliasOf, transformAlias });
|
|
95
|
-
}
|
|
96
|
-
case 'transition': {
|
|
97
|
-
const { $value, aliasOf, partialAliasOf } = token.mode[mode];
|
|
98
|
-
return transformTransitionValue($value, { aliasOf, partialAliasOf, transformAlias });
|
|
99
|
-
}
|
|
100
|
-
case 'typography': {
|
|
101
|
-
const { $value, aliasOf, partialAliasOf } = token.mode[mode];
|
|
102
|
-
return transformTypographyValue($value, { aliasOf, partialAliasOf, transformAlias });
|
|
103
|
-
}
|
|
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
|
+
case 'border':
|
|
50
|
+
return transformBorder(tokenWithModeValue, options);
|
|
51
|
+
case 'color':
|
|
52
|
+
return transformColor(tokenWithModeValue, options);
|
|
53
|
+
case 'cubicBezier':
|
|
54
|
+
return transformCubicBezier(tokenWithModeValue, options);
|
|
55
|
+
case 'dimension':
|
|
56
|
+
return transformDimension(tokenWithModeValue, options);
|
|
57
|
+
case 'duration':
|
|
58
|
+
return transformDuration(tokenWithModeValue, options);
|
|
59
|
+
case 'fontFamily':
|
|
60
|
+
return transformFontFamily(tokenWithModeValue, options);
|
|
61
|
+
case 'fontWeight':
|
|
62
|
+
return transformFontWeight(tokenWithModeValue, options);
|
|
63
|
+
case 'gradient':
|
|
64
|
+
return transformGradient(tokenWithModeValue, options);
|
|
65
|
+
case 'link':
|
|
66
|
+
return transformLink(tokenWithModeValue, options);
|
|
67
|
+
case 'number':
|
|
68
|
+
return transformNumber(tokenWithModeValue, options);
|
|
69
|
+
case 'shadow':
|
|
70
|
+
return transformShadow(tokenWithModeValue, options);
|
|
71
|
+
case 'string':
|
|
72
|
+
return transformString(tokenWithModeValue, options);
|
|
73
|
+
case 'strokeStyle':
|
|
74
|
+
return transformStrokeStyle(tokenWithModeValue, options);
|
|
75
|
+
case 'transition':
|
|
76
|
+
return transformTransition(tokenWithModeValue, options);
|
|
77
|
+
case 'typography':
|
|
78
|
+
return transformTypography(tokenWithModeValue, options);
|
|
104
79
|
}
|
|
105
80
|
}
|
|
106
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;
|
|
@@ -25,3 +21,4 @@ export interface MakeCSSVarOptions {
|
|
|
25
21
|
* Code by @dfrankland
|
|
26
22
|
*/
|
|
27
23
|
export declare function makeCSSVar(name: string, { prefix, wrapVar }?: MakeCSSVarOptions): string;
|
|
24
|
+
//# sourceMappingURL=lib.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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 in 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,6 +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
|
-
|
|
5
|
-
transformAlias?: IDGenerator;
|
|
6
|
-
}): string;
|
|
4
|
+
export declare function transformLink(token: LinkTokenNormalized, options: TransformCSSValueOptions): string;
|
|
5
|
+
//# sourceMappingURL=link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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,6 +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
|
-
|
|
5
|
-
transformAlias?: IDGenerator;
|
|
6
|
-
}): string;
|
|
4
|
+
export declare function transformNumber(token: NumberTokenNormalized, options: TransformCSSValueOptions): string;
|
|
5
|
+
//# sourceMappingURL=number.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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,14 +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
|
-
|
|
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>;
|
|
10
|
+
//# sourceMappingURL=shadow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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,6 +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
|
-
|
|
5
|
-
transformAlias?: IDGenerator;
|
|
6
|
-
}): string;
|
|
4
|
+
export declare function transformString(token: StringTokenNormalized, options: TransformCSSValueOptions): string;
|
|
5
|
+
//# sourceMappingURL=string.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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,7 +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
|
-
|
|
6
|
-
transformAlias?: IDGenerator;
|
|
7
|
-
}): string;
|
|
4
|
+
export declare function transformStrokeStyle(token: StrokeStyleTokenNormalized, options: TransformCSSValueOptions): string;
|
|
5
|
+
//# sourceMappingURL=stroke-style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|