@terrazzo/token-tools 0.0.2 → 0.0.4
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/dist/color.d.ts +1 -9
- package/dist/color.js.map +1 -1
- package/dist/css/boolean.d.ts +6 -0
- package/dist/css/boolean.js +12 -0
- package/dist/css/boolean.js.map +1 -0
- package/dist/css/border.d.ts +13 -0
- package/dist/css/border.js +30 -0
- package/dist/css/border.js.map +1 -0
- package/dist/css/color.d.ts +13 -0
- package/dist/css/color.js +74 -0
- package/dist/css/color.js.map +1 -0
- package/dist/css/cubic-bezier.d.ts +8 -0
- package/dist/css/cubic-bezier.js +11 -0
- package/dist/css/cubic-bezier.js.map +1 -0
- package/dist/css/dimension.d.ts +6 -0
- package/dist/css/dimension.js +12 -0
- package/dist/css/dimension.js.map +1 -0
- package/dist/css/duration.d.ts +6 -0
- package/dist/css/duration.js +12 -0
- package/dist/css/duration.js.map +1 -0
- package/dist/css/font-family.d.ts +7 -0
- package/dist/css/font-family.js +22 -0
- package/dist/css/font-family.js.map +1 -0
- package/dist/css/font-weight.d.ts +6 -0
- package/dist/css/font-weight.js +9 -0
- package/dist/css/font-weight.js.map +1 -0
- package/dist/css/gradient.d.ts +9 -0
- package/dist/css/gradient.js +24 -0
- package/dist/css/gradient.js.map +1 -0
- package/dist/css/index.d.ts +26 -161
- package/dist/css/index.js +93 -315
- package/dist/css/index.js.map +1 -1
- package/dist/css/lib.d.ts +24 -0
- package/dist/css/lib.js +36 -0
- package/dist/css/lib.js.map +1 -0
- package/dist/css/link.d.ts +6 -0
- package/dist/css/link.js +9 -0
- package/dist/css/link.js.map +1 -0
- package/dist/css/number.d.ts +6 -0
- package/dist/css/number.js +6 -0
- package/dist/css/number.js.map +1 -0
- package/dist/css/shadow.d.ts +14 -0
- package/dist/css/shadow.js +42 -0
- package/dist/css/shadow.js.map +1 -0
- package/dist/css/string.d.ts +6 -0
- package/dist/css/string.js +8 -0
- package/dist/css/string.js.map +1 -0
- package/dist/css/stroke-style.d.ts +7 -0
- package/dist/css/stroke-style.js +9 -0
- package/dist/css/stroke-style.js.map +1 -0
- package/dist/css/transition.d.ts +14 -0
- package/dist/css/transition.js +21 -0
- package/dist/css/transition.js.map +1 -0
- package/dist/css/typography.d.ts +7 -0
- package/dist/css/typography.js +38 -0
- package/dist/css/typography.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/js/index.d.ts +12 -0
- package/dist/js/index.js +16 -0
- package/dist/js/index.js.map +1 -0
- package/dist/transform.d.ts +6 -0
- package/dist/transform.js +17 -0
- package/dist/transform.js.map +1 -0
- package/dist/types.d.ts +384 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/package.json +3 -1
- package/src/color.ts +1 -27
- package/src/css/boolean.ts +15 -0
- package/src/css/border.ts +46 -0
- package/src/css/color.ts +86 -0
- package/src/css/cubic-bezier.ts +23 -0
- package/src/css/dimension.ts +15 -0
- package/src/css/duration.ts +15 -0
- package/src/css/font-family.ts +32 -0
- package/src/css/font-weight.ts +12 -0
- package/src/css/gradient.ts +42 -0
- package/src/css/index.ts +105 -539
- package/src/css/lib.ts +54 -0
- package/src/css/link.ts +12 -0
- package/src/css/number.ts +9 -0
- package/src/css/shadow.ts +75 -0
- package/src/css/string.ts +11 -0
- package/src/css/stroke-style.ts +13 -0
- package/src/css/transition.ts +41 -0
- package/src/css/typography.ts +44 -0
- package/src/index.ts +2 -0
- package/src/js/index.ts +31 -0
- package/src/transform.ts +23 -0
- package/src/types.ts +524 -0
package/dist/color.d.ts
CHANGED
|
@@ -1,14 +1,6 @@
|
|
|
1
1
|
import 'culori/css';
|
|
2
2
|
import { type Color } from 'culori/fn';
|
|
3
|
-
|
|
4
|
-
/** Colorspace (default: `srgb`) @see https://www.w3.org/TR/css-color-4/#predefined */
|
|
5
|
-
colorSpace: ColorSpace;
|
|
6
|
-
/** Color channels. Will be normalized to 1 unless the colorspace prevents it (e.g. XYZ, LAB) */
|
|
7
|
-
channels: [number, number, number];
|
|
8
|
-
/** Alpha channel, normalized from 0 – 1 */
|
|
9
|
-
alpha: number;
|
|
10
|
-
}
|
|
11
|
-
export type ColorSpace = 'a98' | 'display-p3' | 'hsb' | 'hsl' | 'hsv' | 'hwb' | 'lab' | 'lch' | 'oklab' | 'oklch' | 'prophoto-rgb' | 'rec2020' | 'srgb-linear' | 'srgb' | 'xyz-d50' | 'xyz-d65';
|
|
3
|
+
import type { ColorSpace, ColorValueNormalized } from './types.js';
|
|
12
4
|
export declare const CULORI_TO_CSS: Record<Extract<Color['mode'], 'a98' | 'lab' | 'lch' | 'oklab' | 'oklch' | 'hsl' | 'hsv' | 'hwb' | 'lrgb' | 'p3' | 'prophoto' | 'rec2020' | 'rgb' | 'xyz50' | 'xyz65'>, ColorSpace>;
|
|
13
5
|
export declare const CSS_TO_CULORI: Record<string, string>;
|
|
14
6
|
/** Parse any color */
|
package/dist/color.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.js","sourceRoot":"","sources":["../src/color.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAC;AACpB,OAAO,EAAc,KAAK,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"color.js","sourceRoot":"","sources":["../src/color.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { defaultAliasTransform } from './lib.js';
|
|
2
|
+
/** Convert boolean value to CSS string */
|
|
3
|
+
export function transformBooleanValue(value, { aliasOf, transformAlias = defaultAliasTransform } = {}) {
|
|
4
|
+
if (aliasOf) {
|
|
5
|
+
return transformAlias(aliasOf);
|
|
6
|
+
}
|
|
7
|
+
if (typeof value !== 'boolean') {
|
|
8
|
+
throw new Error(`Expected boolean, received ${typeof value} "${value}"`);
|
|
9
|
+
}
|
|
10
|
+
return value ? '1' : '0';
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=boolean.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"boolean.js","sourceRoot":"","sources":["../../src/css/boolean.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEnE,0CAA0C;AAC1C,MAAM,UAAU,qBAAqB,CACnC,KAAc,EACd,EAAE,OAAO,EAAE,cAAc,GAAG,qBAAqB,KAAyD,EAAE;IAE5G,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CAAC,8BAA8B,OAAO,KAAK,KAAK,KAAK,GAAG,CAAC,CAAC;IAC3E,CAAC;IACD,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAC3B,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { BorderValue } from '../types.js';
|
|
2
|
+
import { type IDGenerator } from './lib.js';
|
|
3
|
+
/** Convert border value to multiple CSS values */
|
|
4
|
+
export declare function transformBorderValue(value: BorderValue, { aliasOf, partialAliasOf, transformAlias, }: {
|
|
5
|
+
aliasOf?: string;
|
|
6
|
+
partialAliasOf?: Partial<Record<keyof typeof value, string>>;
|
|
7
|
+
transformAlias: IDGenerator;
|
|
8
|
+
}): string | {
|
|
9
|
+
'.': string;
|
|
10
|
+
srgb: string;
|
|
11
|
+
p3: string;
|
|
12
|
+
rec2020: string;
|
|
13
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { displayable } from 'culori';
|
|
2
|
+
import { transformColorValue } from './color.js';
|
|
3
|
+
import { transformDimensionValue } from './dimension.js';
|
|
4
|
+
import { defaultAliasTransform } from './lib.js';
|
|
5
|
+
import { transformStrokeStyleValue } from './stroke-style.js';
|
|
6
|
+
/** Convert border value to multiple CSS values */
|
|
7
|
+
export function transformBorderValue(value, { aliasOf, partialAliasOf, transformAlias = defaultAliasTransform, }) {
|
|
8
|
+
if (aliasOf) {
|
|
9
|
+
return transformAlias(aliasOf);
|
|
10
|
+
}
|
|
11
|
+
const width = partialAliasOf?.width
|
|
12
|
+
? transformAlias(partialAliasOf.width)
|
|
13
|
+
: transformDimensionValue(value.width, { transformAlias });
|
|
14
|
+
const color = partialAliasOf?.color
|
|
15
|
+
? transformAlias(partialAliasOf.color)
|
|
16
|
+
: transformColorValue(value.color, { transformAlias });
|
|
17
|
+
const style = partialAliasOf?.style
|
|
18
|
+
? transformAlias(partialAliasOf.style)
|
|
19
|
+
: transformStrokeStyleValue(value.style, { transformAlias });
|
|
20
|
+
const formatBorder = (colorKey) => [width, style, typeof color === 'string' ? color : color[colorKey]].join(' ');
|
|
21
|
+
return typeof color === 'string' || displayable(color.p3)
|
|
22
|
+
? formatBorder('.')
|
|
23
|
+
: {
|
|
24
|
+
'.': formatBorder('.'),
|
|
25
|
+
srgb: formatBorder('srgb'),
|
|
26
|
+
p3: formatBorder('p3'),
|
|
27
|
+
rec2020: formatBorder('rec2020'),
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=border.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"border.js","sourceRoot":"","sources":["../../src/css/border.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAErC,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,kDAAkD;AAClD,MAAM,UAAU,oBAAoB,CAClC,KAAkB,EAClB,EACE,OAAO,EACP,cAAc,EACd,cAAc,GAAG,qBAAqB,GAKvC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IAED,MAAM,KAAK,GAAG,cAAc,EAAE,KAAK;QACjC,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;IAC7D,MAAM,KAAK,GAAG,cAAc,EAAE,KAAK;QACjC,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;IACzD,MAAM,KAAK,GAAG,cAAc,EAAE,KAAK;QACjC,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,yBAAyB,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;IAE/D,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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ColorValue } from '../types.js';
|
|
2
|
+
import { type IDGenerator } from './lib.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 transformColorValue(value: string | ColorValue, { aliasOf, transformAlias }?: {
|
|
11
|
+
aliasOf?: string;
|
|
12
|
+
transformAlias?: IDGenerator;
|
|
13
|
+
}): string | WideGamutColorValue;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { displayable, formatCss,
|
|
2
|
+
// @ts-expect-error: types missing
|
|
3
|
+
toGamut, } from 'culori';
|
|
4
|
+
import { CSS_TO_CULORI, parseColor } from '../color.js';
|
|
5
|
+
import { defaultAliasTransform } from './lib.js';
|
|
6
|
+
/** Convert color value to CSS string */
|
|
7
|
+
export function transformColorValue(value, { aliasOf, transformAlias = defaultAliasTransform } = {}) {
|
|
8
|
+
if (aliasOf) {
|
|
9
|
+
return transformAlias(aliasOf);
|
|
10
|
+
}
|
|
11
|
+
const { colorSpace, channels, alpha } = typeof value === 'string' ? parseColor(value) : value;
|
|
12
|
+
const color = { mode: CSS_TO_CULORI[colorSpace], alpha };
|
|
13
|
+
switch (color.mode) {
|
|
14
|
+
case 'a98':
|
|
15
|
+
case 'rec2020':
|
|
16
|
+
case 'p3':
|
|
17
|
+
case 'prophoto':
|
|
18
|
+
case 'lrgb':
|
|
19
|
+
case 'rgb': {
|
|
20
|
+
color.r = channels[0];
|
|
21
|
+
color.g = channels[1];
|
|
22
|
+
color.b = channels[2];
|
|
23
|
+
break;
|
|
24
|
+
}
|
|
25
|
+
case 'hsl': {
|
|
26
|
+
color.h = channels[0];
|
|
27
|
+
color.s = channels[1];
|
|
28
|
+
color.l = channels[2];
|
|
29
|
+
break;
|
|
30
|
+
}
|
|
31
|
+
case 'hsv': {
|
|
32
|
+
color.h = channels[0];
|
|
33
|
+
color.s = channels[1];
|
|
34
|
+
color.v = channels[2];
|
|
35
|
+
break;
|
|
36
|
+
}
|
|
37
|
+
case 'hwb': {
|
|
38
|
+
color.h = channels[0];
|
|
39
|
+
color.w = channels[1];
|
|
40
|
+
color.b = channels[2];
|
|
41
|
+
break;
|
|
42
|
+
}
|
|
43
|
+
case 'lab':
|
|
44
|
+
case 'oklab': {
|
|
45
|
+
color.l = channels[0];
|
|
46
|
+
color.a = channels[1];
|
|
47
|
+
color.b = channels[2];
|
|
48
|
+
break;
|
|
49
|
+
}
|
|
50
|
+
case 'lch':
|
|
51
|
+
case 'oklch': {
|
|
52
|
+
color.l = channels[0];
|
|
53
|
+
color.c = channels[1];
|
|
54
|
+
color.h = channels[2];
|
|
55
|
+
break;
|
|
56
|
+
}
|
|
57
|
+
case 'xyz50':
|
|
58
|
+
case 'xyz65': {
|
|
59
|
+
color.x = channels[0];
|
|
60
|
+
color.y = channels[1];
|
|
61
|
+
color.z = channels[2];
|
|
62
|
+
break;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
return displayable(color)
|
|
66
|
+
? formatCss(color)
|
|
67
|
+
: {
|
|
68
|
+
'.': formatCss(color),
|
|
69
|
+
srgb: (typeof value === 'object' && value.hex) || formatCss(toGamut('rgb')(color)),
|
|
70
|
+
p3: formatCss(toGamut('p3')(color)),
|
|
71
|
+
rec2020: formatCss(toGamut('rec2020')(color)),
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
//# sourceMappingURL=color.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/css/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,SAAS;AACT,kCAAkC;AAClC,OAAO,GACR,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAInE,wCAAwC;AACxC,MAAM,UAAU,mBAAmB,CACjC,KAA0B,EAC1B,EAAE,OAAO,EAAE,cAAc,GAAG,qBAAqB,KAAyD,EAAE;IAE5G,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IAED,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC9F,MAAM,KAAK,GAAG,EAAE,IAAI,EAAE,aAAa,CAAC,UAAU,CAAC,EAAE,KAAK,EAAW,CAAC;IAClE,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,KAAK,CAAC;QACX,KAAK,SAAS,CAAC;QACf,KAAK,IAAI,CAAC;QACV,KAAK,UAAU,CAAC;QAChB,KAAK,MAAM,CAAC;QACZ,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM;QACR,CAAC;QACD,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM;QACR,CAAC;QACD,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM;QACR,CAAC;QACD,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM;QACR,CAAC;QACD,KAAK,KAAK,CAAC;QACX,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM;QACR,CAAC;QACD,KAAK,KAAK,CAAC;QACX,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM;QACR,CAAC;QACD,KAAK,OAAO,CAAC;QACb,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM;QACR,CAAC;IACH,CAAC;IAED,OAAO,WAAW,CAAC,KAAK,CAAC;QACvB,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;QAClB,CAAC,CAAC;YACE,GAAG,EAAE,SAAS,CAAC,KAAK,CAAC;YACrB,IAAI,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,CAAU,CAAC;YAC3F,EAAE,EAAE,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,CAAU,CAAC;YAC5C,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,KAAK,CAAU,CAAC;SACvD,CAAC;AACR,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { CubicBézierValue } from '../types.js';
|
|
2
|
+
import { type IDGenerator } from './lib.js';
|
|
3
|
+
/** Convert cubicBezier value to CSS */
|
|
4
|
+
export declare function transformCubicBezierValue(value: CubicBézierValue, { aliasOf, partialAliasOf, transformAlias, }?: {
|
|
5
|
+
aliasOf?: string;
|
|
6
|
+
partialAliasOf?: [string | undefined, string | undefined, string | undefined, string | undefined];
|
|
7
|
+
transformAlias?: IDGenerator;
|
|
8
|
+
}): string;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { defaultAliasTransform } from './lib.js';
|
|
2
|
+
/** Convert cubicBezier value to CSS */
|
|
3
|
+
export function transformCubicBezierValue(value, { aliasOf, partialAliasOf, transformAlias = defaultAliasTransform, } = {}) {
|
|
4
|
+
if (aliasOf) {
|
|
5
|
+
return transformAlias(aliasOf);
|
|
6
|
+
}
|
|
7
|
+
return `cubic-bezier(${value
|
|
8
|
+
.map((v, i) => (partialAliasOf?.[i] ? transformAlias(partialAliasOf[i]) : v))
|
|
9
|
+
.join(', ')})`;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=cubic-bezier.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cubic-bezier.js","sourceRoot":"","sources":["../../src/css/cubic-bezier.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEnE,uCAAuC;AACvC,MAAM,UAAU,yBAAyB,CACvC,KAAuB,EACvB,EACE,OAAO,EACP,cAAc,EACd,cAAc,GAAG,qBAAqB,MAKpC,EAAE;IAEN,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IACD,OAAO,gBAAgB,KAAK;SACzB,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC7E,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;AACnB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { defaultAliasTransform } from './lib.js';
|
|
2
|
+
/** Convert dimension value to CSS */
|
|
3
|
+
export function transformDimensionValue(value, { aliasOf, transformAlias = defaultAliasTransform } = {}) {
|
|
4
|
+
if (aliasOf) {
|
|
5
|
+
return transformAlias(aliasOf);
|
|
6
|
+
}
|
|
7
|
+
if (typeof value === 'number') {
|
|
8
|
+
return value === 0 ? '0' : `${value}px`;
|
|
9
|
+
}
|
|
10
|
+
return value === '0' || Number.parseFloat(value) === 0 ? '0' : value;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=dimension.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dimension.js","sourceRoot":"","sources":["../../src/css/dimension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEnE,qCAAqC;AACrC,MAAM,UAAU,uBAAuB,CACrC,KAAsB,EACtB,EAAE,OAAO,EAAE,cAAc,GAAG,qBAAqB,KAAyD,EAAE;IAE5G,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC;IAC1C,CAAC;IACD,OAAO,KAAK,KAAK,GAAG,IAAI,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;AACvE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { defaultAliasTransform } from './lib.js';
|
|
2
|
+
/** Convert duration value to CSS */
|
|
3
|
+
export function transformDurationValue(value, { aliasOf, transformAlias = defaultAliasTransform } = {}) {
|
|
4
|
+
if (aliasOf) {
|
|
5
|
+
return transformAlias(aliasOf);
|
|
6
|
+
}
|
|
7
|
+
if (typeof value === 'number' || String(Number.parseFloat(value)) === value) {
|
|
8
|
+
return `${value}ms`;
|
|
9
|
+
}
|
|
10
|
+
return value;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=duration.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"duration.js","sourceRoot":"","sources":["../../src/css/duration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEnE,oCAAoC;AACpC,MAAM,UAAU,sBAAsB,CACpC,KAAsB,EACtB,EAAE,OAAO,EAAE,cAAc,GAAG,qBAAqB,KAAyD,EAAE;IAE5G,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC;QAC5E,OAAO,GAAG,KAAK,IAAI,CAAC;IACtB,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type IDGenerator } from './lib.js';
|
|
2
|
+
export declare const FONT_FAMILY_KEYWORDS: Set<string>;
|
|
3
|
+
export declare function transformFontFamilyValue(value: string | string[], { aliasOf, partialAliasOf, transformAlias, }?: {
|
|
4
|
+
aliasOf?: string;
|
|
5
|
+
partialAliasOf?: string[];
|
|
6
|
+
transformAlias?: IDGenerator;
|
|
7
|
+
}): string;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { defaultAliasTransform } from './lib.js';
|
|
2
|
+
export const FONT_FAMILY_KEYWORDS = new Set([
|
|
3
|
+
'sans-serif',
|
|
4
|
+
'serif',
|
|
5
|
+
'monospace',
|
|
6
|
+
'system-ui',
|
|
7
|
+
'ui-monospace',
|
|
8
|
+
'-apple-system',
|
|
9
|
+
]);
|
|
10
|
+
export function transformFontFamilyValue(value, { aliasOf, partialAliasOf, transformAlias = defaultAliasTransform, } = {}) {
|
|
11
|
+
if (aliasOf) {
|
|
12
|
+
return transformAlias(aliasOf);
|
|
13
|
+
}
|
|
14
|
+
return (typeof value === 'string' ? [value] : value)
|
|
15
|
+
.map((fontName, i) => partialAliasOf?.[i]
|
|
16
|
+
? transformAlias(partialAliasOf[i])
|
|
17
|
+
: FONT_FAMILY_KEYWORDS.has(fontName)
|
|
18
|
+
? fontName
|
|
19
|
+
: `"${fontName}"`)
|
|
20
|
+
.join(', ');
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=font-family.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"font-family.js","sourceRoot":"","sources":["../../src/css/font-family.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEnE,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,GAAG,CAAC;IAC1C,YAAY;IACZ,OAAO;IACP,WAAW;IACX,WAAW;IACX,cAAc;IACd,eAAe;CAChB,CAAC,CAAC;AAEH,MAAM,UAAU,wBAAwB,CACtC,KAAwB,EACxB,EACE,OAAO,EACP,cAAc,EACd,cAAc,GAAG,qBAAqB,MAC2C,EAAE;IAErF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IACD,OAAO,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;SACjD,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,CACnB,cAAc,EAAE,CAAC,CAAC,CAAC;QACjB,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAE,CAAC;QACpC,CAAC,CAAC,oBAAoB,CAAC,GAAG,CAAC,QAAQ,CAAC;YAClC,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,IAAI,QAAQ,GAAG,CACtB;SACA,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { defaultAliasTransform } from './lib.js';
|
|
2
|
+
/** Convert fontWeight value to CSS */
|
|
3
|
+
export function transformFontWeightValue(value, { aliasOf, transformAlias = defaultAliasTransform } = {}) {
|
|
4
|
+
if (aliasOf) {
|
|
5
|
+
return transformAlias(aliasOf);
|
|
6
|
+
}
|
|
7
|
+
return String(value);
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=font-weight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"font-weight.js","sourceRoot":"","sources":["../../src/css/font-weight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEnE,sCAAsC;AACtC,MAAM,UAAU,wBAAwB,CACtC,KAAsB,EACtB,EAAE,OAAO,EAAE,cAAc,GAAG,qBAAqB,KAAyD,EAAE;IAE5G,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { GradientStopNormalized, GradientValueNormalized } from '../types';
|
|
2
|
+
import { type WideGamutColorValue } from './color.js';
|
|
3
|
+
import { type IDGenerator } from './lib.js';
|
|
4
|
+
/** Convert gradient value to CSS */
|
|
5
|
+
export declare function transformGradientValue(value: GradientValueNormalized, { aliasOf, partialAliasOf, transformAlias, }?: {
|
|
6
|
+
aliasOf?: string;
|
|
7
|
+
partialAliasOf?: Partial<Record<keyof GradientStopNormalized, string>>[];
|
|
8
|
+
transformAlias?: IDGenerator;
|
|
9
|
+
}): string | WideGamutColorValue;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { transformColorValue } from './color.js';
|
|
2
|
+
import { defaultAliasTransform } from './lib.js';
|
|
3
|
+
/** Convert gradient value to CSS */
|
|
4
|
+
export function transformGradientValue(value, { aliasOf, partialAliasOf, transformAlias = defaultAliasTransform, } = {}) {
|
|
5
|
+
if (aliasOf) {
|
|
6
|
+
return transformAlias(aliasOf);
|
|
7
|
+
}
|
|
8
|
+
const colors = value.map(({ color }, i) => partialAliasOf?.[i]?.color ? transformAlias(partialAliasOf[i].color) : transformColorValue(color));
|
|
9
|
+
const positions = value.map(({ position }, i) => partialAliasOf?.[i]?.position ? transformAlias(String(partialAliasOf[i].position)) : `${100 * position}%`);
|
|
10
|
+
const isHDR = colors.some((c) => typeof c === 'object');
|
|
11
|
+
const formatStop = (index, colorKey = '.') => [
|
|
12
|
+
typeof colors[index] === 'string' ? colors[index] : colors[index][colorKey],
|
|
13
|
+
positions[index],
|
|
14
|
+
].join(' ');
|
|
15
|
+
return !isHDR
|
|
16
|
+
? value.map((_, i) => formatStop(i, positions[i])).join(', ')
|
|
17
|
+
: {
|
|
18
|
+
'.': value.map((_, i) => formatStop(i, '.')).join(', '),
|
|
19
|
+
srgb: value.map((_, i) => formatStop(i, 'srgb')).join(', '),
|
|
20
|
+
p3: value.map((_, i) => formatStop(i, 'p3')).join(', '),
|
|
21
|
+
rec2020: value.map((_, i) => formatStop(i, 'rec2020')).join(', '),
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=gradient.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gradient.js","sourceRoot":"","sources":["../../src/css/gradient.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAA4B,MAAM,YAAY,CAAC;AAC3E,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEnE,oCAAoC;AACpC,MAAM,UAAU,sBAAsB,CACpC,KAA8B,EAC9B,EACE,OAAO,EACP,cAAc,EACd,cAAc,GAAG,qBAAqB,MAKpC,EAAE;IAEN,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IACD,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,CACxC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAE,CAAC,KAAe,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAC7G,CAAC;IACF,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,CAC9C,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,QAAQ,GAAG,CAC3G,CAAC;IACF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,QAAQ,GAAG,GAAG,EAAE,EAAE,CACnD;QACE,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAE,CAAC,QAAyC,CAAC;QAC7G,SAAS,CAAC,KAAK,CAAE;KAClB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEd,OAAO,CAAC,KAAK;QACX,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAC9D,CAAC,CAAC;YACE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YACvD,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YAC3D,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YACvD,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;SAClE,CAAC;AACR,CAAC"}
|
package/dist/css/index.d.ts
CHANGED
|
@@ -1,166 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
export
|
|
16
|
-
|
|
17
|
-
export
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
export
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
style: string | StrokeStyleValue;
|
|
25
|
-
}
|
|
26
|
-
/** Generate shorthand CSS for select token types */
|
|
27
|
-
export declare function generateShorthand({ $type, localID }: {
|
|
28
|
-
$type: string;
|
|
29
|
-
localID: string;
|
|
30
|
-
}): string | undefined;
|
|
31
|
-
/** Convert border value to multiple CSS values */
|
|
32
|
-
export declare function transformBorderValue(value: BorderValue, { aliasOf, partialAliasOf, transformAlias, }: {
|
|
33
|
-
aliasOf?: string;
|
|
34
|
-
partialAliasOf?: Partial<Record<keyof typeof value, string>>;
|
|
1
|
+
import type { TokenNormalized } from '../types.js';
|
|
2
|
+
import type { IDGenerator } from './lib.js';
|
|
3
|
+
import { transformCubicBezierValue } from './cubic-bezier.js';
|
|
4
|
+
import { transformDurationValue } from './duration.js';
|
|
5
|
+
export * from './boolean.js';
|
|
6
|
+
export * from './border.js';
|
|
7
|
+
export * from './color.js';
|
|
8
|
+
export * from './cubic-bezier.js';
|
|
9
|
+
export * from './dimension.js';
|
|
10
|
+
export * from './duration.js';
|
|
11
|
+
export * from './font-family.js';
|
|
12
|
+
export * from './font-weight.js';
|
|
13
|
+
export * from './gradient.js';
|
|
14
|
+
export * from './lib.js';
|
|
15
|
+
export * from './link.js';
|
|
16
|
+
export * from './number.js';
|
|
17
|
+
export * from './shadow.js';
|
|
18
|
+
export * from './string.js';
|
|
19
|
+
export * from './stroke-style.js';
|
|
20
|
+
export * from './transition.js';
|
|
21
|
+
export * from './typography.js';
|
|
22
|
+
export interface TransformCSSValueOptions {
|
|
23
|
+
mode: string;
|
|
35
24
|
transformAlias: IDGenerator;
|
|
36
|
-
}): string | {
|
|
37
|
-
'.': string;
|
|
38
|
-
srgb: string;
|
|
39
|
-
p3: string;
|
|
40
|
-
rec2020: string;
|
|
41
|
-
};
|
|
42
|
-
/** Convert color value to CSS string */
|
|
43
|
-
export declare function transformColorValue(value: string | ColorValue, { aliasOf, transformAlias }?: {
|
|
44
|
-
aliasOf?: string;
|
|
45
|
-
transformAlias?: IDGenerator;
|
|
46
|
-
}): string | WideGamutColorValue;
|
|
47
|
-
export type CubicBézierValue = [string | number, string | number, string | number, string | number];
|
|
48
|
-
/** Convert cubicBezier value to CSS */
|
|
49
|
-
export declare function transformCubicBezierValue(value: CubicBézierValue, { aliasOf, partialAliasOf, transformAlias, }?: {
|
|
50
|
-
aliasOf?: string;
|
|
51
|
-
partialAliasOf?: [string | undefined, string | undefined, string | undefined, string | undefined];
|
|
52
|
-
transformAlias?: IDGenerator;
|
|
53
|
-
}): string;
|
|
54
|
-
/** Build object of alias values */
|
|
55
|
-
export declare function transformCompositeAlias<T extends {}>(value: T, { aliasOf, transformAlias }: {
|
|
56
|
-
aliasOf: string;
|
|
57
|
-
transformAlias?: IDGenerator;
|
|
58
|
-
}): Record<string, string>;
|
|
59
|
-
export type DimensionValue = string;
|
|
60
|
-
/** Convert dimension value to CSS */
|
|
61
|
-
export declare function transformDimensionValue(value: number | string, { aliasOf, transformAlias }?: {
|
|
62
|
-
aliasOf?: string;
|
|
63
|
-
transformAlias?: IDGenerator;
|
|
64
|
-
}): string;
|
|
65
|
-
export type DurationValue = string;
|
|
66
|
-
/** Convert duration value to CSS */
|
|
67
|
-
export declare function transformDurationValue(value: number | string, { aliasOf, transformAlias }?: {
|
|
68
|
-
aliasOf?: string;
|
|
69
|
-
transformAlias?: IDGenerator;
|
|
70
|
-
}): string;
|
|
71
|
-
export declare const FONT_FAMILY_KEYWORDS: Set<string>;
|
|
72
|
-
export declare function transformFontFamilyValue(value: string | string[], { aliasOf, partialAliasOf, transformAlias, }?: {
|
|
73
|
-
aliasOf?: string;
|
|
74
|
-
partialAliasOf?: string[];
|
|
75
|
-
transformAlias?: IDGenerator;
|
|
76
|
-
}): string;
|
|
77
|
-
/** Convert fontWeight value to CSS */
|
|
78
|
-
export declare function transformFontWeightValue(value: number | string, { aliasOf, transformAlias }?: {
|
|
79
|
-
aliasOf?: string;
|
|
80
|
-
transformAlias?: IDGenerator;
|
|
81
|
-
}): string;
|
|
82
|
-
export interface GradientStop {
|
|
83
|
-
color: ColorValue;
|
|
84
|
-
position: number;
|
|
85
|
-
}
|
|
86
|
-
/** Convert gradient value to CSS */
|
|
87
|
-
export declare function transformGradientValue(value: GradientStop[], { aliasOf, partialAliasOf, transformAlias, }?: {
|
|
88
|
-
aliasOf?: string;
|
|
89
|
-
partialAliasOf?: Partial<Record<keyof GradientStop, string>>[];
|
|
90
|
-
transformAlias?: IDGenerator;
|
|
91
|
-
}): string | WideGamutColorValue;
|
|
92
|
-
export interface ShadowLayer {
|
|
93
|
-
color: ColorValue;
|
|
94
|
-
offsetX: string;
|
|
95
|
-
offsetY: string;
|
|
96
|
-
blur: string;
|
|
97
|
-
spread: string;
|
|
98
25
|
}
|
|
99
|
-
/**
|
|
100
|
-
export declare function
|
|
101
|
-
aliasOf?: string;
|
|
102
|
-
transformAlias?: IDGenerator;
|
|
103
|
-
}): string;
|
|
104
|
-
/** Convert number value to CSS */
|
|
105
|
-
export declare function transformNumberValue(value: number, { aliasOf, transformAlias }?: {
|
|
106
|
-
aliasOf?: string;
|
|
107
|
-
transformAlias?: IDGenerator;
|
|
108
|
-
}): string;
|
|
109
|
-
/** Convert shadow subvalue to CSS */
|
|
110
|
-
export declare function transformShadowLayer(value: ShadowLayer, { color, partialAliasOf, transformAlias, }: {
|
|
111
|
-
color: string;
|
|
112
|
-
partialAliasOf?: Partial<Record<keyof ShadowLayer, string>>;
|
|
113
|
-
transformAlias?: IDGenerator;
|
|
114
|
-
}): string | Record<string, string>;
|
|
115
|
-
/** Convert shadow value to CSS */
|
|
116
|
-
export declare function transformShadowValue(value: ShadowLayer[], { aliasOf, partialAliasOf, transformAlias, }?: {
|
|
117
|
-
aliasOf?: string;
|
|
118
|
-
partialAliasOf?: Partial<Record<keyof ShadowLayer, string>>[];
|
|
119
|
-
transformAlias?: IDGenerator;
|
|
120
|
-
}): string | Record<string, string>;
|
|
121
|
-
/** Convert string value to CSS */
|
|
122
|
-
export declare function transformStringValue(value: string | number | boolean, { aliasOf, transformAlias }?: {
|
|
123
|
-
aliasOf?: string;
|
|
124
|
-
transformAlias?: IDGenerator;
|
|
125
|
-
}): string;
|
|
126
|
-
export type StrokeStyleValue = 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | {
|
|
127
|
-
dashArray: DimensionValue[];
|
|
128
|
-
lineCap: string;
|
|
129
|
-
};
|
|
130
|
-
/** Convert strokeStyle value to CSS */
|
|
131
|
-
export declare function transformStrokeStyleValue(value: string | StrokeStyleValue, { aliasOf, transformAlias }?: {
|
|
132
|
-
aliasOf?: string;
|
|
133
|
-
transformAlias?: IDGenerator;
|
|
134
|
-
}): string;
|
|
135
|
-
export interface TransitionValue {
|
|
136
|
-
duration: string;
|
|
137
|
-
delay: string;
|
|
138
|
-
timingFunction: CubicBézierValue;
|
|
139
|
-
}
|
|
140
|
-
/** Convert transition value to multiple CSS values */
|
|
141
|
-
export declare function transformTransitionValue(value: TransitionValue, { aliasOf, partialAliasOf, transformAlias, }?: {
|
|
142
|
-
aliasOf?: string;
|
|
143
|
-
partialAliasOf?: Partial<Record<keyof typeof value, string>>;
|
|
144
|
-
transformAlias?: IDGenerator;
|
|
145
|
-
}): {
|
|
26
|
+
/** Main CSS Transform */
|
|
27
|
+
export declare function transformCSSValue<T extends TokenNormalized>(token: T, { mode, transformAlias }: TransformCSSValueOptions): string | Record<string, string> | import("./color.js").WideGamutColorValue | {
|
|
146
28
|
duration: ReturnType<typeof transformDurationValue>;
|
|
147
29
|
delay: ReturnType<typeof transformDurationValue>;
|
|
148
30
|
'timing-function': ReturnType<typeof transformCubicBezierValue>;
|
|
149
|
-
};
|
|
150
|
-
/** Convert typography value to multiple CSS values */
|
|
151
|
-
export declare function transformTypographyValue(value: Record<string, string | string[]>, { aliasOf, partialAliasOf, transformAlias, }?: {
|
|
152
|
-
aliasOf?: string;
|
|
153
|
-
partialAliasOf?: Record<keyof typeof value, string>;
|
|
154
|
-
transformAlias?: IDGenerator;
|
|
155
|
-
}): Record<string, string>;
|
|
156
|
-
export interface MakeCSSVarOptions {
|
|
157
|
-
/** Prefix with string */
|
|
158
|
-
prefix?: string;
|
|
159
|
-
/** Wrap with `var(…)` (default: false) */
|
|
160
|
-
wrapVar?: boolean;
|
|
161
|
-
}
|
|
162
|
-
/**
|
|
163
|
-
* Generate a valid CSS variable from any string
|
|
164
|
-
* Code by @dfrankland
|
|
165
|
-
*/
|
|
166
|
-
export declare function makeCSSVar(name: string, { prefix, wrapVar }?: MakeCSSVarOptions): string;
|
|
31
|
+
} | undefined;
|