@arbor-css/core 0.0.97 → 0.0.99
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/presets/arborPreset/modeSchema/modeSchema.d.ts +30 -0
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/semantics/color.d.ts +30 -0
- package/dist/presets/arborPreset/modeSchema/semantics/color.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/semantics/color.js +2 -2
- package/dist/presets/arborPreset/modeSchema/semantics/color.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/compile.d.ts +17 -1
- package/dist/presets/arborPreset/modeValues/color/compile.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/compile.js +23 -2
- package/dist/presets/arborPreset/modeValues/color/compile.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/compile.test.js +22 -22
- package/dist/presets/arborPreset/modeValues/color/compile.test.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/ranges.d.ts +9 -9
- package/dist/presets/arborPreset/modeValues/color/ranges.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/ranges.js +16 -16
- package/dist/presets/arborPreset/modeValues/color/ranges.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/semantics.d.ts +345 -1
- package/dist/presets/arborPreset/modeValues/semantics.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/semantics.js +1 -1
- package/dist/presets/arborPreset/modeValues/semantics.js.map +1 -1
- package/dist/presets/arborPreset/preset.d.ts +30 -0
- package/dist/presets/arborPreset/preset.d.ts.map +1 -1
- package/dist/presets/arborPreset/preset.test.js +6 -1
- package/dist/presets/arborPreset/preset.test.js.map +1 -1
- package/dist/stylesheet/generateStylesheet.test.js +0 -2
- package/dist/stylesheet/generateStylesheet.test.js.map +1 -1
- package/package.json +8 -8
|
@@ -597,6 +597,36 @@ export declare function createArborModeSchema<TColorName extends string>(options
|
|
|
597
597
|
};
|
|
598
598
|
color: {
|
|
599
599
|
main: {
|
|
600
|
+
$neutral: {
|
|
601
|
+
$root: {
|
|
602
|
+
purpose: "color";
|
|
603
|
+
description: string;
|
|
604
|
+
};
|
|
605
|
+
paper: {
|
|
606
|
+
purpose: "color";
|
|
607
|
+
description: "An extremely light shade, good for backgrounds and surfaces";
|
|
608
|
+
};
|
|
609
|
+
wash: {
|
|
610
|
+
purpose: "color";
|
|
611
|
+
description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
|
|
612
|
+
};
|
|
613
|
+
light: {
|
|
614
|
+
purpose: "color";
|
|
615
|
+
description: "A light shade, good for emphasized surfaces.";
|
|
616
|
+
};
|
|
617
|
+
mid: {
|
|
618
|
+
purpose: "color";
|
|
619
|
+
description: "The main shade, good for primary actions and decoration.";
|
|
620
|
+
};
|
|
621
|
+
heavy: {
|
|
622
|
+
purpose: "color";
|
|
623
|
+
description: "A heavy shade, good for text emphasis and accents.";
|
|
624
|
+
};
|
|
625
|
+
ink: {
|
|
626
|
+
purpose: "color";
|
|
627
|
+
description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
|
|
628
|
+
};
|
|
629
|
+
};
|
|
600
630
|
$root: {
|
|
601
631
|
purpose: "color";
|
|
602
632
|
description: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modeSchema.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeSchema/modeSchema.ts"],"names":[],"mappings":"AAoBA,MAAM,WAAW,sBAAsB,CAAC,UAAU,SAAS,WAAW;IACrE,UAAU,EAAE,UAAU,EAAE,CAAC;CACzB;AAED,wBAAgB,qBAAqB,CAAC,UAAU,SAAS,MAAM,EAC9D,OAAO,EAAE,sBAAsB,CAAC,UAAU,CAAC
|
|
1
|
+
{"version":3,"file":"modeSchema.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeSchema/modeSchema.ts"],"names":[],"mappings":"AAoBA,MAAM,WAAW,sBAAsB,CAAC,UAAU,SAAS,WAAW;IACrE,UAAU,EAAE,UAAU,EAAE,CAAC;CACzB;AAED,wBAAgB,qBAAqB,CAAC,UAAU,SAAS,MAAM,EAC9D,OAAO,EAAE,sBAAsB,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+B3C;AAED,MAAM,MAAM,eAAe,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,IAAI,UAAU,CAC3E,OAAO,qBAAqB,CAAC,UAAU,CAAC,CACxC,CAAC"}
|
|
@@ -1,5 +1,35 @@
|
|
|
1
1
|
export declare const mainColorSemantics: {
|
|
2
2
|
main: {
|
|
3
|
+
$neutral: {
|
|
4
|
+
$root: {
|
|
5
|
+
purpose: "color";
|
|
6
|
+
description: string;
|
|
7
|
+
};
|
|
8
|
+
paper: {
|
|
9
|
+
purpose: "color";
|
|
10
|
+
description: "An extremely light shade, good for backgrounds and surfaces";
|
|
11
|
+
};
|
|
12
|
+
wash: {
|
|
13
|
+
purpose: "color";
|
|
14
|
+
description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
|
|
15
|
+
};
|
|
16
|
+
light: {
|
|
17
|
+
purpose: "color";
|
|
18
|
+
description: "A light shade, good for emphasized surfaces.";
|
|
19
|
+
};
|
|
20
|
+
mid: {
|
|
21
|
+
purpose: "color";
|
|
22
|
+
description: "The main shade, good for primary actions and decoration.";
|
|
23
|
+
};
|
|
24
|
+
heavy: {
|
|
25
|
+
purpose: "color";
|
|
26
|
+
description: "A heavy shade, good for text emphasis and accents.";
|
|
27
|
+
};
|
|
28
|
+
ink: {
|
|
29
|
+
purpose: "color";
|
|
30
|
+
description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
|
|
31
|
+
};
|
|
32
|
+
};
|
|
3
33
|
$root: {
|
|
4
34
|
purpose: "color";
|
|
5
35
|
description: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeSchema/semantics/color.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeSchema/semantics/color.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG7B,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createModeSchema } from '@arbor-css/modes';
|
|
2
|
-
import { colorRangeSchemaWithoutNeutral } from '../primitives/color.js';
|
|
2
|
+
import { colorRangeSchema, colorRangeSchemaWithoutNeutral, } from '../primitives/color.js';
|
|
3
3
|
export const mainColorSemantics = createModeSchema({
|
|
4
|
-
main:
|
|
4
|
+
main: colorRangeSchema,
|
|
5
5
|
neutral: colorRangeSchemaWithoutNeutral,
|
|
6
6
|
});
|
|
7
7
|
//# sourceMappingURL=color.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeSchema/semantics/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,
|
|
1
|
+
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeSchema/semantics/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EACN,gBAAgB,EAChB,8BAA8B,GAC9B,MAAM,wBAAwB,CAAC;AAEhC,MAAM,CAAC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;IAClD,IAAI,EAAE,gBAAgB;IACtB,OAAO,EAAE,8BAA8B;CACvC,CAAC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Equation } from '@arbor-css/calc';
|
|
1
2
|
import { Token } from '@arbor-css/tokens';
|
|
2
3
|
import { ColorRangeConfig, CompiledColorRange, DefaultRangeName } from './ranges.js';
|
|
3
4
|
import { SchemeDefinition } from './schemes.js';
|
|
@@ -13,7 +14,7 @@ export type CompiledColorRanges<TRangeNames extends string, TRangeStepNames exte
|
|
|
13
14
|
};
|
|
14
15
|
export type CompiledColors<TRangeNames extends string, TRangeStepNames extends string = DefaultRangeName> = CompiledColorRanges<TRangeNames, TRangeStepNames>;
|
|
15
16
|
export type CompiledColorRangeConfig<TRangeStepNames extends string> = ColorRangeConfig<TRangeStepNames> & {
|
|
16
|
-
neutralSaturation?: number | string;
|
|
17
|
+
neutralSaturation?: number | string | Equation | Token;
|
|
17
18
|
};
|
|
18
19
|
export interface CompileColorsOptions<TRangeNames extends string, TRangeStepNames extends string = DefaultRangeName> {
|
|
19
20
|
ranges: Record<TRangeNames, CompiledColorRangeConfig<TRangeStepNames>>;
|
|
@@ -33,5 +34,20 @@ type RequiredTokens = {
|
|
|
33
34
|
* light-dark logic to select the appropriate color in each scheme
|
|
34
35
|
*/
|
|
35
36
|
export declare function compileColors<TRangeNames extends string, TRangeStepNames extends string = DefaultRangeName>({ ranges, schemes: userSchemes, invertLightDark, }: CompileColorsOptions<TRangeNames, TRangeStepNames>, $: RequiredTokens): CompiledColors<TRangeNames, TRangeStepNames>;
|
|
37
|
+
/**
|
|
38
|
+
* Compile a single color range.
|
|
39
|
+
*/
|
|
40
|
+
export declare function compileSingleColor(
|
|
41
|
+
/**
|
|
42
|
+
* Provide CSS property values for the dynamic inputs
|
|
43
|
+
* of your color range.
|
|
44
|
+
*
|
|
45
|
+
* @example
|
|
46
|
+
* {
|
|
47
|
+
* hue: 'var(--my-hue)',
|
|
48
|
+
* saturation: 'var(--my-saturation)',
|
|
49
|
+
* }
|
|
50
|
+
*/
|
|
51
|
+
range: CompiledColorRangeConfig<string>, tokens: RequiredTokens): CompiledColorRangeWithNeutral<string>;
|
|
36
52
|
export {};
|
|
37
53
|
//# sourceMappingURL=compile.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compile.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/compile.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"compile.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/compile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EACN,gBAAgB,EAChB,kBAAkB,EAElB,gBAAgB,EAEhB,MAAM,aAAa,CAAC;AACrB,OAAO,EAGN,gBAAgB,EAChB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,6BAA6B,CACxC,eAAe,SAAS,MAAM,GAAG,gBAAgB,IAC9C,kBAAkB,CAAC,eAAe,CAAC,GAAG;IACzC;;;OAGG;IACH,QAAQ,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAC9B,WAAW,SAAS,MAAM,EAC1B,eAAe,SAAS,MAAM,GAAG,gBAAgB,IAC9C;KACF,CAAC,IAAI,WAAW,GAAG,6BAA6B,CAAC,eAAe,CAAC;CAClE,CAAC;AAEF,MAAM,MAAM,cAAc,CACzB,WAAW,SAAS,MAAM,EAC1B,eAAe,SAAS,MAAM,GAAG,gBAAgB,IAC9C,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AAEtD,MAAM,MAAM,wBAAwB,CAAC,eAAe,SAAS,MAAM,IAClE,gBAAgB,CAAC,eAAe,CAAC,GAAG;IACnC,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;CACvD,CAAC;AAEH,MAAM,WAAW,oBAAoB,CACpC,WAAW,SAAS,MAAM,EAC1B,eAAe,SAAS,MAAM,GAAG,gBAAgB;IAEjD,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,wBAAwB,CAAC,eAAe,CAAC,CAAC,CAAC;IACvE,OAAO,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,gBAAgB,CACvB,gBAAgB,CAAC,eAAe,CAAC,EACjC,eAAe,CACf,CAAC;QACF,IAAI,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,CAAC;KAC5E,CAAC;IACF,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,KAAK,cAAc,GAAG;IACrB,UAAU,EAAE,KAAK,CAAC;CAClB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,aAAa,CAC5B,WAAW,SAAS,MAAM,EAC1B,eAAe,SAAS,MAAM,GAAG,gBAAgB,EAEjD,EACC,MAAM,EACN,OAAO,EAAE,WAAW,EACpB,eAAuB,GACvB,EAAE,oBAAoB,CAAC,WAAW,EAAE,eAAe,CAAC,EACrD,CAAC,EAAE,cAAc,GACf,cAAc,CAAC,WAAW,EAAE,eAAe,CAAC,CAkC9C;AAmCD;;GAEG;AACH,wBAAgB,kBAAkB;AACjC;;;;;;;;;GASG;AACH,KAAK,EAAE,wBAAwB,CAAC,MAAM,CAAC,EACvC,MAAM,EAAE,cAAc,yCAUtB"}
|
|
@@ -33,10 +33,10 @@ function toLightDarkCompiled(light, dark, $, options = {}) {
|
|
|
33
33
|
css `light-dark(${lightColor.equation.compiled}, ${darkColor.equation.compiled})`;
|
|
34
34
|
}
|
|
35
35
|
const lightNeutral = createNeutralDerivedRange(light, $, {
|
|
36
|
-
saturationFactor: options.neutralSaturation ?? 0.
|
|
36
|
+
saturationFactor: options.neutralSaturation ?? 0.15,
|
|
37
37
|
});
|
|
38
38
|
const darkNeutral = createNeutralDerivedRange(dark, $, {
|
|
39
|
-
saturationFactor: options.neutralSaturation ?? 0.
|
|
39
|
+
saturationFactor: options.neutralSaturation ?? 0.15,
|
|
40
40
|
});
|
|
41
41
|
const neutralResult = {};
|
|
42
42
|
for (const key in lightNeutral) {
|
|
@@ -48,4 +48,25 @@ function toLightDarkCompiled(light, dark, $, options = {}) {
|
|
|
48
48
|
result.$neutral = neutralResult;
|
|
49
49
|
return result;
|
|
50
50
|
}
|
|
51
|
+
/**
|
|
52
|
+
* Compile a single color range.
|
|
53
|
+
*/
|
|
54
|
+
export function compileSingleColor(
|
|
55
|
+
/**
|
|
56
|
+
* Provide CSS property values for the dynamic inputs
|
|
57
|
+
* of your color range.
|
|
58
|
+
*
|
|
59
|
+
* @example
|
|
60
|
+
* {
|
|
61
|
+
* hue: 'var(--my-hue)',
|
|
62
|
+
* saturation: 'var(--my-saturation)',
|
|
63
|
+
* }
|
|
64
|
+
*/
|
|
65
|
+
range, tokens) {
|
|
66
|
+
return compileColors({
|
|
67
|
+
ranges: {
|
|
68
|
+
dynamic: range,
|
|
69
|
+
},
|
|
70
|
+
}, tokens).dynamic;
|
|
71
|
+
}
|
|
51
72
|
//# sourceMappingURL=compile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compile.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/compile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"compile.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/compile.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { computeEquation, isCalcEquation, printComputationResult, } from '@arbor-css/calc';
|
|
1
|
+
import { computeEquation, css, isCalcEquation, printComputationResult, } from '@arbor-css/calc';
|
|
2
2
|
import { createGlobalContext } from '@arbor-css/globals';
|
|
3
3
|
import { expect, it } from 'vitest';
|
|
4
4
|
import { compileColors } from './compile.js';
|
|
@@ -55,10 +55,10 @@ it('compiles a set of color ranges with default schemes and no precalculated glo
|
|
|
55
55
|
"light": "light-dark(oklch(0.9996018928294464 0.0007500000000000007 210), oklch(0.0787065459868453 0.0015000000000000013 210))",
|
|
56
56
|
"mid": "light-dark(oklch(0.8602483517886919 0.011250000000000001 210), oklch(0.4856387300380706 0.012000000000000002 210))",
|
|
57
57
|
},
|
|
58
|
-
"$root": "light-dark(oklch(
|
|
59
|
-
"heavy": "light-dark(oklch(
|
|
60
|
-
"light": "light-dark(oklch(
|
|
61
|
-
"mid": "light-dark(oklch(
|
|
58
|
+
"$root": "light-dark(oklch(0.9 0.15000000000000002 210), oklch(0.53 0.16000000000000003 210))",
|
|
59
|
+
"heavy": "light-dark(oklch(0.20000000000000007 0.11000000000000001 210), oklch(1 0.06400000000000002 210))",
|
|
60
|
+
"light": "light-dark(oklch(1 0.010000000000000009 210), oklch(0.08000000000000002 0.020000000000000018 210))",
|
|
61
|
+
"mid": "light-dark(oklch(0.9 0.15000000000000002 210), oklch(0.53 0.16000000000000003 210))",
|
|
62
62
|
},
|
|
63
63
|
"primary": {
|
|
64
64
|
"$neutral": {
|
|
@@ -67,10 +67,10 @@ it('compiles a set of color ranges with default schemes and no precalculated glo
|
|
|
67
67
|
"light": "light-dark(oklch(0.9996018928294464 0.0007500000000000007 90), oklch(0.0787065459868453 0.0015000000000000013 90))",
|
|
68
68
|
"mid": "light-dark(oklch(0.8602483517886919 0.011250000000000001 90), oklch(0.4856387300380706 0.012000000000000002 90))",
|
|
69
69
|
},
|
|
70
|
-
"$root": "light-dark(oklch(
|
|
71
|
-
"heavy": "light-dark(oklch(
|
|
72
|
-
"light": "light-dark(oklch(
|
|
73
|
-
"mid": "light-dark(oklch(
|
|
70
|
+
"$root": "light-dark(oklch(0.9 0.15000000000000002 90), oklch(0.53 0.16000000000000003 90))",
|
|
71
|
+
"heavy": "light-dark(oklch(0.20000000000000007 0.11000000000000001 90), oklch(1 0.06400000000000002 90))",
|
|
72
|
+
"light": "light-dark(oklch(1 0.010000000000000009 90), oklch(0.08000000000000002 0.020000000000000018 90))",
|
|
73
|
+
"mid": "light-dark(oklch(0.9 0.15000000000000002 90), oklch(0.53 0.16000000000000003 90))",
|
|
74
74
|
},
|
|
75
75
|
}
|
|
76
76
|
`);
|
|
@@ -91,8 +91,8 @@ it('compiles a set of color ranges with a custom scheme', () => {
|
|
|
91
91
|
light: {
|
|
92
92
|
tag: 'light-custom',
|
|
93
93
|
getColorRange: (config, ctx) => createColorRange(config, {
|
|
94
|
-
lightness: (
|
|
95
|
-
chroma: (
|
|
94
|
+
lightness: () => css `0`,
|
|
95
|
+
chroma: () => css `0`,
|
|
96
96
|
}, ctx),
|
|
97
97
|
isDark: true,
|
|
98
98
|
},
|
|
@@ -107,10 +107,10 @@ it('compiles a set of color ranges with a custom scheme', () => {
|
|
|
107
107
|
"light": "light-dark(oklch(0 0 210), oklch(0.0787065459868453 0.0015000000000000013 210))",
|
|
108
108
|
"mid": "light-dark(oklch(0 0 210), oklch(0.4856387300380706 0.012000000000000002 210))",
|
|
109
109
|
},
|
|
110
|
-
"$root": "light-dark(oklch(0
|
|
111
|
-
"heavy": "light-dark(oklch(0
|
|
112
|
-
"light": "light-dark(oklch(0
|
|
113
|
-
"mid": "light-dark(oklch(0
|
|
110
|
+
"$root": "light-dark(oklch(0 0 210), oklch(0.53 0.16000000000000003 210))",
|
|
111
|
+
"heavy": "light-dark(oklch(0 0 210), oklch(1 0.06400000000000002 210))",
|
|
112
|
+
"light": "light-dark(oklch(0 0 210), oklch(0.08000000000000002 0.020000000000000018 210))",
|
|
113
|
+
"mid": "light-dark(oklch(0 0 210), oklch(0.53 0.16000000000000003 210))",
|
|
114
114
|
},
|
|
115
115
|
"primary": {
|
|
116
116
|
"$neutral": {
|
|
@@ -119,10 +119,10 @@ it('compiles a set of color ranges with a custom scheme', () => {
|
|
|
119
119
|
"light": "light-dark(oklch(0 0 90), oklch(0.0787065459868453 0.0015000000000000013 90))",
|
|
120
120
|
"mid": "light-dark(oklch(0 0 90), oklch(0.4856387300380706 0.012000000000000002 90))",
|
|
121
121
|
},
|
|
122
|
-
"$root": "light-dark(oklch(0
|
|
123
|
-
"heavy": "light-dark(oklch(0
|
|
124
|
-
"light": "light-dark(oklch(0
|
|
125
|
-
"mid": "light-dark(oklch(0
|
|
122
|
+
"$root": "light-dark(oklch(0 0 90), oklch(0.53 0.16000000000000003 90))",
|
|
123
|
+
"heavy": "light-dark(oklch(0 0 90), oklch(1 0.06400000000000002 90))",
|
|
124
|
+
"light": "light-dark(oklch(0 0 90), oklch(0.08000000000000002 0.020000000000000018 90))",
|
|
125
|
+
"mid": "light-dark(oklch(0 0 90), oklch(0.53 0.16000000000000003 90))",
|
|
126
126
|
},
|
|
127
127
|
}
|
|
128
128
|
`);
|
|
@@ -151,8 +151,8 @@ it('supports color-level saturation', () => {
|
|
|
151
151
|
},
|
|
152
152
|
},
|
|
153
153
|
});
|
|
154
|
-
expect(compiled.primaryLight.light).toMatchInlineSnapshot(`"light-dark(oklch(
|
|
155
|
-
expect(compiled.primary.light).toMatchInlineSnapshot(`"light-dark(oklch(
|
|
154
|
+
expect(compiled.primaryLight.light).toMatchInlineSnapshot(`"light-dark(oklch(0.9802741561760231 0.056269363558927955 90), oklch(0.4095887657359654 0.06126936355892796 90))"`);
|
|
155
|
+
expect(compiled.primary.light).toMatchInlineSnapshot(`"light-dark(oklch(0.9802741561760231 0.11253872711785591 90), oklch(0.4095887657359654 0.12253872711785592 90))"`);
|
|
156
156
|
expect(compiled.primaryLight.light).not.toEqual(compiled.primary.light);
|
|
157
157
|
});
|
|
158
158
|
it('supports hue defined as a CSS property', () => {
|
|
@@ -163,7 +163,7 @@ it('supports hue defined as a CSS property', () => {
|
|
|
163
163
|
},
|
|
164
164
|
},
|
|
165
165
|
});
|
|
166
|
-
expect(compiled.primary.light).toMatchInlineSnapshot(`"light-dark(oklch(
|
|
166
|
+
expect(compiled.primary.light).toMatchInlineSnapshot(`"light-dark(oklch(0.9802741561760231 0.11253872711785591 var(--my-hue)), oklch(0.4095887657359654 0.12253872711785592 var(--my-hue)))"`);
|
|
167
167
|
});
|
|
168
168
|
it('assigns color and neutral $root to mid when mid exists', () => {
|
|
169
169
|
const compiled = compileAndBake({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compile.test.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/compile.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,eAAe,
|
|
1
|
+
{"version":3,"file":"compile.test.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/compile.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { CalcEvaluationContext,
|
|
1
|
+
import { CalcEvaluationContext, Equation } from '@arbor-css/calc';
|
|
2
2
|
import { Token } from '@arbor-css/tokens';
|
|
3
3
|
import { OklchColorEquation } from './color.js';
|
|
4
4
|
export declare const defaultRangeNames: readonly ["ink", "heavy", "mid", "light", "wash", "paper"];
|
|
5
5
|
export type DefaultRangeName = (typeof defaultRangeNames)[number];
|
|
6
6
|
export interface ColorRangeConfig<RangeNames extends string = DefaultRangeName> {
|
|
7
7
|
/** 0-360ish, OKLCH "H" hue. Can also be a var() reference! */
|
|
8
|
-
hue: number | string;
|
|
9
|
-
rangeNames?: readonly RangeNames[];
|
|
10
|
-
defaultLevel?: RangeNames;
|
|
8
|
+
hue: number | string | Equation | Token;
|
|
11
9
|
/**
|
|
12
10
|
* 0-1, a local multiplier for chroma, stacks on global and computed value. Can also be a var() reference!
|
|
13
11
|
*/
|
|
14
|
-
saturation?: number | string;
|
|
12
|
+
saturation?: number | string | Equation | Token;
|
|
13
|
+
rangeNames?: readonly RangeNames[];
|
|
14
|
+
defaultLevel?: RangeNames;
|
|
15
15
|
}
|
|
16
16
|
export interface ColorRangeCalculations {
|
|
17
17
|
/** A computation for lightness at each step - resolve 0-1 */
|
|
18
|
-
lightness: (
|
|
18
|
+
lightness: (details: {
|
|
19
19
|
step: number;
|
|
20
20
|
rangeSize: number;
|
|
21
21
|
midpoint: number;
|
|
22
22
|
}) => Equation;
|
|
23
23
|
/** A computation for chroma at each step - resolve 0-1 */
|
|
24
|
-
chroma: (
|
|
24
|
+
chroma: (details: {
|
|
25
25
|
step: number;
|
|
26
26
|
rangeSize: number;
|
|
27
27
|
midpoint: number;
|
|
28
28
|
}) => Equation;
|
|
29
|
-
hue?: (
|
|
29
|
+
hue?: (details: {
|
|
30
30
|
step: number;
|
|
31
31
|
rangeSize: number;
|
|
32
32
|
midpoint: number;
|
|
@@ -66,7 +66,7 @@ export declare function createNeutralDerivedRange(sourceRange: UncompiledColorRa
|
|
|
66
66
|
saturation: Token;
|
|
67
67
|
}, options?: {
|
|
68
68
|
/** Adjust saturation relative to source range. Stacks with saturation token. */
|
|
69
|
-
saturationFactor?: number | string;
|
|
69
|
+
saturationFactor?: number | string | Equation | Token;
|
|
70
70
|
}): UncompiledColorRange<string>;
|
|
71
71
|
export declare function compileRange<R extends string>(range: UncompiledColorRange<R>, context: CalcEvaluationContext): CompiledColorRange<R>;
|
|
72
72
|
//# sourceMappingURL=ranges.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ranges.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/ranges.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ranges.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/ranges.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { css } from '@arbor-css/calc';
|
|
1
2
|
import { oklchBuilder } from './color.js';
|
|
2
3
|
export const defaultRangeNames = [
|
|
3
4
|
'ink',
|
|
@@ -16,10 +17,10 @@ export function createColorRange(config, calcs, tokens) {
|
|
|
16
17
|
rangeNames[Math.floor(size / 2)];
|
|
17
18
|
const midpoint = rangeNames.indexOf(rootName);
|
|
18
19
|
const range = rangeNames.reduce((acc, name, i) => {
|
|
19
|
-
const equation = oklchBuilder((
|
|
20
|
-
l:
|
|
21
|
-
c:
|
|
22
|
-
h:
|
|
20
|
+
const equation = oklchBuilder(() => ({
|
|
21
|
+
l: css `clamp(0, calc(${lightness({ step: i, rangeSize: size, midpoint })}), 1)`,
|
|
22
|
+
c: css `clamp(0, calc(${config.saturation ?? 1} * 0.4 * ${chroma({ step: i, rangeSize: size, midpoint })} * ${tokens.saturation}), 0.4)`,
|
|
23
|
+
h: css `calc(${sourceHue} * ${calcs.hue?.({ step: i, rangeSize: size, midpoint }) ?? 1})`,
|
|
23
24
|
}));
|
|
24
25
|
acc[name] = { name, equation };
|
|
25
26
|
return acc;
|
|
@@ -28,21 +29,21 @@ export function createColorRange(config, calcs, tokens) {
|
|
|
28
29
|
return range;
|
|
29
30
|
}
|
|
30
31
|
function lightnessEq(config) {
|
|
31
|
-
return (
|
|
32
|
+
return ({ step, rangeSize, midpoint, }) => {
|
|
32
33
|
const rangeDir = step < midpoint ? -1 : 1;
|
|
33
34
|
const rangeMax = step < midpoint ? midpoint : rangeSize - midpoint - 1;
|
|
34
35
|
const rangeProgress = (Math.abs(step - midpoint) / rangeMax) **
|
|
35
36
|
(config.midpointDifferentiation ?? 1.2);
|
|
36
|
-
return
|
|
37
|
+
return css `calc(${config.baseline} + (${rangeDir} * ${rangeProgress} * ${step < midpoint ? config.rangeDown : config.rangeUp}))`;
|
|
37
38
|
};
|
|
38
39
|
}
|
|
39
40
|
function chromaEq(config) {
|
|
40
|
-
return (
|
|
41
|
+
return ({ step, rangeSize, midpoint, }) => {
|
|
41
42
|
const rangeDir = step < midpoint ? -1 : 1;
|
|
42
43
|
const rangeMax = step < midpoint ? midpoint : rangeSize - midpoint - 1;
|
|
43
44
|
const rangeProgress = (Math.abs(step - midpoint) / rangeMax) **
|
|
44
45
|
(config.midpointDifferentiation ?? 1.2);
|
|
45
|
-
return
|
|
46
|
+
return css `calc(${config.baseline} + (${rangeDir} * ${rangeProgress} * ${step < midpoint ? config.rangeDown : config.rangeUp}))`;
|
|
46
47
|
};
|
|
47
48
|
}
|
|
48
49
|
export function createColorLightModeRange(config, $) {
|
|
@@ -78,19 +79,18 @@ export function createColorDarkModeRange(config, $) {
|
|
|
78
79
|
}, $);
|
|
79
80
|
}
|
|
80
81
|
export function createNeutralDerivedRange(sourceRange, tokens, options) {
|
|
81
|
-
function lightness(
|
|
82
|
-
|
|
83
|
-
return $.subtract(sourceLAsZeroToOne, $.fn('pow', source.c, $.val(1.7)));
|
|
82
|
+
function lightness(source) {
|
|
83
|
+
return css `calc(${source.l} - pow(${source.c}, 1.7))`;
|
|
84
84
|
}
|
|
85
|
-
function chroma(
|
|
85
|
+
function chroma(source) {
|
|
86
86
|
const saturationFactor = options?.saturationFactor ?? 0.15;
|
|
87
|
-
return
|
|
87
|
+
return css `calc(${source.c} * ${tokens.saturation} * ${saturationFactor})`;
|
|
88
88
|
}
|
|
89
89
|
return Object.fromEntries(Object.keys(sourceRange).map((sourceName) => {
|
|
90
90
|
const sourceEquation = sourceRange[sourceName].equation;
|
|
91
|
-
const equation = oklchBuilder((
|
|
92
|
-
l:
|
|
93
|
-
c:
|
|
91
|
+
const equation = oklchBuilder(() => ({
|
|
92
|
+
l: css `clamp(0, ${lightness(sourceEquation)}, 1)`,
|
|
93
|
+
c: css `clamp(0, ${chroma(sourceEquation)}, 0.4)`,
|
|
94
94
|
h: sourceEquation.h,
|
|
95
95
|
}));
|
|
96
96
|
return [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ranges.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/ranges.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ranges.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/ranges.ts"],"names":[],"mappings":"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"}
|
|
@@ -777,7 +777,351 @@ export declare function createColorSemanticValues<TColorName extends string>($:
|
|
|
777
777
|
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
778
778
|
description?: string;
|
|
779
779
|
} ? never : T_1 extends import("@arbor-css/tokens").SimpleTokenSchema ? T_1 : never : never : never>)];
|
|
780
|
-
neutral:
|
|
780
|
+
neutral: {
|
|
781
|
+
$root: {
|
|
782
|
+
"@@TOKEN@@": true;
|
|
783
|
+
name: string;
|
|
784
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
785
|
+
tag: string | undefined;
|
|
786
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
787
|
+
group: string | undefined;
|
|
788
|
+
description: string | undefined;
|
|
789
|
+
contributedBy: string | undefined;
|
|
790
|
+
fallback: string | number | undefined;
|
|
791
|
+
var: string;
|
|
792
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
793
|
+
assign: (value?: string | number) => string;
|
|
794
|
+
readonly definition: string;
|
|
795
|
+
suffixed: (suffix: string) => {
|
|
796
|
+
"@@TOKEN@@": true;
|
|
797
|
+
name: string;
|
|
798
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
799
|
+
tag: string | undefined;
|
|
800
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
801
|
+
group: string | undefined;
|
|
802
|
+
description: string | undefined;
|
|
803
|
+
contributedBy: string | undefined;
|
|
804
|
+
fallback: string | number | undefined;
|
|
805
|
+
var: string;
|
|
806
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
807
|
+
assign: (value?: string | number) => string;
|
|
808
|
+
readonly definition: string;
|
|
809
|
+
suffixed: any;
|
|
810
|
+
prefixed: (prefix: string) => any;
|
|
811
|
+
};
|
|
812
|
+
prefixed: (prefix: string) => {
|
|
813
|
+
"@@TOKEN@@": true;
|
|
814
|
+
name: string;
|
|
815
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
816
|
+
tag: string | undefined;
|
|
817
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
818
|
+
group: string | undefined;
|
|
819
|
+
description: string | undefined;
|
|
820
|
+
contributedBy: string | undefined;
|
|
821
|
+
fallback: string | number | undefined;
|
|
822
|
+
var: string;
|
|
823
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
824
|
+
assign: (value?: string | number) => string;
|
|
825
|
+
readonly definition: string;
|
|
826
|
+
suffixed: (suffix: string) => any;
|
|
827
|
+
prefixed: any;
|
|
828
|
+
};
|
|
829
|
+
};
|
|
830
|
+
paper: {
|
|
831
|
+
"@@TOKEN@@": true;
|
|
832
|
+
name: string;
|
|
833
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
834
|
+
tag: string | undefined;
|
|
835
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
836
|
+
group: string | undefined;
|
|
837
|
+
description: string | undefined;
|
|
838
|
+
contributedBy: string | undefined;
|
|
839
|
+
fallback: string | number | undefined;
|
|
840
|
+
var: string;
|
|
841
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
842
|
+
assign: (value?: string | number) => string;
|
|
843
|
+
readonly definition: string;
|
|
844
|
+
suffixed: (suffix: string) => {
|
|
845
|
+
"@@TOKEN@@": true;
|
|
846
|
+
name: string;
|
|
847
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
848
|
+
tag: string | undefined;
|
|
849
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
850
|
+
group: string | undefined;
|
|
851
|
+
description: string | undefined;
|
|
852
|
+
contributedBy: string | undefined;
|
|
853
|
+
fallback: string | number | undefined;
|
|
854
|
+
var: string;
|
|
855
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
856
|
+
assign: (value?: string | number) => string;
|
|
857
|
+
readonly definition: string;
|
|
858
|
+
suffixed: any;
|
|
859
|
+
prefixed: (prefix: string) => any;
|
|
860
|
+
};
|
|
861
|
+
prefixed: (prefix: string) => {
|
|
862
|
+
"@@TOKEN@@": true;
|
|
863
|
+
name: string;
|
|
864
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
865
|
+
tag: string | undefined;
|
|
866
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
867
|
+
group: string | undefined;
|
|
868
|
+
description: string | undefined;
|
|
869
|
+
contributedBy: string | undefined;
|
|
870
|
+
fallback: string | number | undefined;
|
|
871
|
+
var: string;
|
|
872
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
873
|
+
assign: (value?: string | number) => string;
|
|
874
|
+
readonly definition: string;
|
|
875
|
+
suffixed: (suffix: string) => any;
|
|
876
|
+
prefixed: any;
|
|
877
|
+
};
|
|
878
|
+
};
|
|
879
|
+
wash: {
|
|
880
|
+
"@@TOKEN@@": true;
|
|
881
|
+
name: string;
|
|
882
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
883
|
+
tag: string | undefined;
|
|
884
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
885
|
+
group: string | undefined;
|
|
886
|
+
description: string | undefined;
|
|
887
|
+
contributedBy: string | undefined;
|
|
888
|
+
fallback: string | number | undefined;
|
|
889
|
+
var: string;
|
|
890
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
891
|
+
assign: (value?: string | number) => string;
|
|
892
|
+
readonly definition: string;
|
|
893
|
+
suffixed: (suffix: string) => {
|
|
894
|
+
"@@TOKEN@@": true;
|
|
895
|
+
name: string;
|
|
896
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
897
|
+
tag: string | undefined;
|
|
898
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
899
|
+
group: string | undefined;
|
|
900
|
+
description: string | undefined;
|
|
901
|
+
contributedBy: string | undefined;
|
|
902
|
+
fallback: string | number | undefined;
|
|
903
|
+
var: string;
|
|
904
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
905
|
+
assign: (value?: string | number) => string;
|
|
906
|
+
readonly definition: string;
|
|
907
|
+
suffixed: any;
|
|
908
|
+
prefixed: (prefix: string) => any;
|
|
909
|
+
};
|
|
910
|
+
prefixed: (prefix: string) => {
|
|
911
|
+
"@@TOKEN@@": true;
|
|
912
|
+
name: string;
|
|
913
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
914
|
+
tag: string | undefined;
|
|
915
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
916
|
+
group: string | undefined;
|
|
917
|
+
description: string | undefined;
|
|
918
|
+
contributedBy: string | undefined;
|
|
919
|
+
fallback: string | number | undefined;
|
|
920
|
+
var: string;
|
|
921
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
922
|
+
assign: (value?: string | number) => string;
|
|
923
|
+
readonly definition: string;
|
|
924
|
+
suffixed: (suffix: string) => any;
|
|
925
|
+
prefixed: any;
|
|
926
|
+
};
|
|
927
|
+
};
|
|
928
|
+
light: {
|
|
929
|
+
"@@TOKEN@@": true;
|
|
930
|
+
name: string;
|
|
931
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
932
|
+
tag: string | undefined;
|
|
933
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
934
|
+
group: string | undefined;
|
|
935
|
+
description: string | undefined;
|
|
936
|
+
contributedBy: string | undefined;
|
|
937
|
+
fallback: string | number | undefined;
|
|
938
|
+
var: string;
|
|
939
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
940
|
+
assign: (value?: string | number) => string;
|
|
941
|
+
readonly definition: string;
|
|
942
|
+
suffixed: (suffix: string) => {
|
|
943
|
+
"@@TOKEN@@": true;
|
|
944
|
+
name: string;
|
|
945
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
946
|
+
tag: string | undefined;
|
|
947
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
948
|
+
group: string | undefined;
|
|
949
|
+
description: string | undefined;
|
|
950
|
+
contributedBy: string | undefined;
|
|
951
|
+
fallback: string | number | undefined;
|
|
952
|
+
var: string;
|
|
953
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
954
|
+
assign: (value?: string | number) => string;
|
|
955
|
+
readonly definition: string;
|
|
956
|
+
suffixed: any;
|
|
957
|
+
prefixed: (prefix: string) => any;
|
|
958
|
+
};
|
|
959
|
+
prefixed: (prefix: string) => {
|
|
960
|
+
"@@TOKEN@@": true;
|
|
961
|
+
name: string;
|
|
962
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
963
|
+
tag: string | undefined;
|
|
964
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
965
|
+
group: string | undefined;
|
|
966
|
+
description: string | undefined;
|
|
967
|
+
contributedBy: string | undefined;
|
|
968
|
+
fallback: string | number | undefined;
|
|
969
|
+
var: string;
|
|
970
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
971
|
+
assign: (value?: string | number) => string;
|
|
972
|
+
readonly definition: string;
|
|
973
|
+
suffixed: (suffix: string) => any;
|
|
974
|
+
prefixed: any;
|
|
975
|
+
};
|
|
976
|
+
};
|
|
977
|
+
mid: {
|
|
978
|
+
"@@TOKEN@@": true;
|
|
979
|
+
name: string;
|
|
980
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
981
|
+
tag: string | undefined;
|
|
982
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
983
|
+
group: string | undefined;
|
|
984
|
+
description: string | undefined;
|
|
985
|
+
contributedBy: string | undefined;
|
|
986
|
+
fallback: string | number | undefined;
|
|
987
|
+
var: string;
|
|
988
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
989
|
+
assign: (value?: string | number) => string;
|
|
990
|
+
readonly definition: string;
|
|
991
|
+
suffixed: (suffix: string) => {
|
|
992
|
+
"@@TOKEN@@": true;
|
|
993
|
+
name: string;
|
|
994
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
995
|
+
tag: string | undefined;
|
|
996
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
997
|
+
group: string | undefined;
|
|
998
|
+
description: string | undefined;
|
|
999
|
+
contributedBy: string | undefined;
|
|
1000
|
+
fallback: string | number | undefined;
|
|
1001
|
+
var: string;
|
|
1002
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
1003
|
+
assign: (value?: string | number) => string;
|
|
1004
|
+
readonly definition: string;
|
|
1005
|
+
suffixed: any;
|
|
1006
|
+
prefixed: (prefix: string) => any;
|
|
1007
|
+
};
|
|
1008
|
+
prefixed: (prefix: string) => {
|
|
1009
|
+
"@@TOKEN@@": true;
|
|
1010
|
+
name: string;
|
|
1011
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
1012
|
+
tag: string | undefined;
|
|
1013
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
1014
|
+
group: string | undefined;
|
|
1015
|
+
description: string | undefined;
|
|
1016
|
+
contributedBy: string | undefined;
|
|
1017
|
+
fallback: string | number | undefined;
|
|
1018
|
+
var: string;
|
|
1019
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
1020
|
+
assign: (value?: string | number) => string;
|
|
1021
|
+
readonly definition: string;
|
|
1022
|
+
suffixed: (suffix: string) => any;
|
|
1023
|
+
prefixed: any;
|
|
1024
|
+
};
|
|
1025
|
+
};
|
|
1026
|
+
heavy: {
|
|
1027
|
+
"@@TOKEN@@": true;
|
|
1028
|
+
name: string;
|
|
1029
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
1030
|
+
tag: string | undefined;
|
|
1031
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
1032
|
+
group: string | undefined;
|
|
1033
|
+
description: string | undefined;
|
|
1034
|
+
contributedBy: string | undefined;
|
|
1035
|
+
fallback: string | number | undefined;
|
|
1036
|
+
var: string;
|
|
1037
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
1038
|
+
assign: (value?: string | number) => string;
|
|
1039
|
+
readonly definition: string;
|
|
1040
|
+
suffixed: (suffix: string) => {
|
|
1041
|
+
"@@TOKEN@@": true;
|
|
1042
|
+
name: string;
|
|
1043
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
1044
|
+
tag: string | undefined;
|
|
1045
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
1046
|
+
group: string | undefined;
|
|
1047
|
+
description: string | undefined;
|
|
1048
|
+
contributedBy: string | undefined;
|
|
1049
|
+
fallback: string | number | undefined;
|
|
1050
|
+
var: string;
|
|
1051
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
1052
|
+
assign: (value?: string | number) => string;
|
|
1053
|
+
readonly definition: string;
|
|
1054
|
+
suffixed: any;
|
|
1055
|
+
prefixed: (prefix: string) => any;
|
|
1056
|
+
};
|
|
1057
|
+
prefixed: (prefix: string) => {
|
|
1058
|
+
"@@TOKEN@@": true;
|
|
1059
|
+
name: string;
|
|
1060
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
1061
|
+
tag: string | undefined;
|
|
1062
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
1063
|
+
group: string | undefined;
|
|
1064
|
+
description: string | undefined;
|
|
1065
|
+
contributedBy: string | undefined;
|
|
1066
|
+
fallback: string | number | undefined;
|
|
1067
|
+
var: string;
|
|
1068
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
1069
|
+
assign: (value?: string | number) => string;
|
|
1070
|
+
readonly definition: string;
|
|
1071
|
+
suffixed: (suffix: string) => any;
|
|
1072
|
+
prefixed: any;
|
|
1073
|
+
};
|
|
1074
|
+
};
|
|
1075
|
+
ink: {
|
|
1076
|
+
"@@TOKEN@@": true;
|
|
1077
|
+
name: string;
|
|
1078
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
1079
|
+
tag: string | undefined;
|
|
1080
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
1081
|
+
group: string | undefined;
|
|
1082
|
+
description: string | undefined;
|
|
1083
|
+
contributedBy: string | undefined;
|
|
1084
|
+
fallback: string | number | undefined;
|
|
1085
|
+
var: string;
|
|
1086
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
1087
|
+
assign: (value?: string | number) => string;
|
|
1088
|
+
readonly definition: string;
|
|
1089
|
+
suffixed: (suffix: string) => {
|
|
1090
|
+
"@@TOKEN@@": true;
|
|
1091
|
+
name: string;
|
|
1092
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
1093
|
+
tag: string | undefined;
|
|
1094
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
1095
|
+
group: string | undefined;
|
|
1096
|
+
description: string | undefined;
|
|
1097
|
+
contributedBy: string | undefined;
|
|
1098
|
+
fallback: string | number | undefined;
|
|
1099
|
+
var: string;
|
|
1100
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
1101
|
+
assign: (value?: string | number) => string;
|
|
1102
|
+
readonly definition: string;
|
|
1103
|
+
suffixed: any;
|
|
1104
|
+
prefixed: (prefix: string) => any;
|
|
1105
|
+
};
|
|
1106
|
+
prefixed: (prefix: string) => {
|
|
1107
|
+
"@@TOKEN@@": true;
|
|
1108
|
+
name: string;
|
|
1109
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
1110
|
+
tag: string | undefined;
|
|
1111
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
1112
|
+
group: string | undefined;
|
|
1113
|
+
description: string | undefined;
|
|
1114
|
+
contributedBy: string | undefined;
|
|
1115
|
+
fallback: string | number | undefined;
|
|
1116
|
+
var: string;
|
|
1117
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
1118
|
+
assign: (value?: string | number) => string;
|
|
1119
|
+
readonly definition: string;
|
|
1120
|
+
suffixed: (suffix: string) => any;
|
|
1121
|
+
prefixed: any;
|
|
1122
|
+
};
|
|
1123
|
+
};
|
|
1124
|
+
};
|
|
781
1125
|
};
|
|
782
1126
|
export declare function createRadiusSemanticValues<TColorName extends string>($: Tokens<TColorName>): {
|
|
783
1127
|
$root: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semantics.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeValues/semantics.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,wBAAgB,+BAA+B,CAAC,UAAU,SAAS,MAAM,EACxE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,EACrB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;;;;;;;EAyB/B;AAED,wBAAgB,2BAA2B,CAAC,UAAU,SAAS,MAAM,EACpE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"semantics.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeValues/semantics.ts"],"names":[],"mappings":"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"}
|
|
@@ -52,7 +52,7 @@ export function createShadowSemanticValues($) {
|
|
|
52
52
|
export function createColorSemanticValues($, defaultColor) {
|
|
53
53
|
return {
|
|
54
54
|
main: $.mode.primitive.color[defaultColor],
|
|
55
|
-
neutral: $.mode.
|
|
55
|
+
neutral: $.mode.color.main.$neutral,
|
|
56
56
|
};
|
|
57
57
|
}
|
|
58
58
|
export function createRadiusSemanticValues($) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semantics.js","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeValues/semantics.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"semantics.js","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeValues/semantics.ts"],"names":[],"mappings":"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"}
|
|
@@ -649,6 +649,36 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
649
649
|
};
|
|
650
650
|
color: {
|
|
651
651
|
main: {
|
|
652
|
+
$neutral: {
|
|
653
|
+
$root: {
|
|
654
|
+
purpose: "color";
|
|
655
|
+
description: string;
|
|
656
|
+
};
|
|
657
|
+
paper: {
|
|
658
|
+
purpose: "color";
|
|
659
|
+
description: "An extremely light shade, good for backgrounds and surfaces";
|
|
660
|
+
};
|
|
661
|
+
wash: {
|
|
662
|
+
purpose: "color";
|
|
663
|
+
description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
|
|
664
|
+
};
|
|
665
|
+
light: {
|
|
666
|
+
purpose: "color";
|
|
667
|
+
description: "A light shade, good for emphasized surfaces.";
|
|
668
|
+
};
|
|
669
|
+
mid: {
|
|
670
|
+
purpose: "color";
|
|
671
|
+
description: "The main shade, good for primary actions and decoration.";
|
|
672
|
+
};
|
|
673
|
+
heavy: {
|
|
674
|
+
purpose: "color";
|
|
675
|
+
description: "A heavy shade, good for text emphasis and accents.";
|
|
676
|
+
};
|
|
677
|
+
ink: {
|
|
678
|
+
purpose: "color";
|
|
679
|
+
description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
|
|
680
|
+
};
|
|
681
|
+
};
|
|
652
682
|
$root: {
|
|
653
683
|
purpose: "color";
|
|
654
684
|
description: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI9C,OAAO,EACN,eAAe,EAEf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAEN,oBAAoB,EACpB,gBAAgB,EAChB,MAAM,6BAA6B,CAAC;AAgBrC,OAAO,EAAkB,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAkB,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAEN,gBAAgB,EAChB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,iBAAiB,CACjC,OAAO,SAAS,MAAM,EACtB,eAAe,SAAS,MAAM,GAAG,gBAAgB;IAEjD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,KAAK,EAAE,oBAAoB,CAAC,OAAO,EAAE,eAAe,CAAC,GAAG;QACvD,SAAS,EAAE,MAAM,CAAC;QAClB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;KACjC,CAAC;IACF,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACzD;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,GACvB,OAAO,SAAS,MAAM,EACtB,eAAe,SAAS,MAAM,GAAG,gBAAgB,EAEjD,QAAQ,iBAAiB,CAAC,OAAO,CAAC
|
|
1
|
+
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.ts"],"names":[],"mappings":"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;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;0CAtCY,CAAC;0BACK,CAAC;;;;;;;;;;;;;8CAiBjB,CAAC;8BAID,CAFA;;;;;;;;;;;;;;;;8CAgBqB,CAAC;8BAErB,CAAH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DA,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,WAAW,SAAS,MAAM,IAAI,UAAU,CACzE,OAAO,WAAW,CAClB,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { definePreset } from '@arbor-css/preset';
|
|
1
|
+
import { definePreset, getInternals } from '@arbor-css/preset';
|
|
2
2
|
import { expect, it } from 'vitest';
|
|
3
3
|
import { modeToCss } from '../../stylesheet/modeToCss.js';
|
|
4
4
|
import { presetArbor } from './preset.js';
|
|
@@ -27,6 +27,10 @@ it('is extensible', () => {
|
|
|
27
27
|
expect(preset.$.mode.primitive.color.red.mid.name).toEqual(base.$.mode.primitive.color.red.mid.name);
|
|
28
28
|
expect(preset.baseMode.test).toBe('red');
|
|
29
29
|
expect(preset.baseMode.action?.roundness).toBe(0.5);
|
|
30
|
+
// preserves modes from base
|
|
31
|
+
expect(getInternals(preset).modes.dark).toBeDefined();
|
|
32
|
+
expect(getInternals(preset).modes.light).toBeDefined();
|
|
33
|
+
expect(getInternals(preset).modes.inverted).toBeDefined();
|
|
30
34
|
// check typing of mixin tokens
|
|
31
35
|
// @ts-expect-error
|
|
32
36
|
preset.$.mixins.adfa;
|
|
@@ -49,6 +53,7 @@ it('allows augmenting built-in modes', () => {
|
|
|
49
53
|
},
|
|
50
54
|
});
|
|
51
55
|
const css = modeToCss(darkMode, preset);
|
|
56
|
+
expect(css).toContain('.\\@mode-dark');
|
|
52
57
|
expect(css).toContain('--m-action-primary-bg: var(--m-color-main-heavy);');
|
|
53
58
|
// still includes built-in stuff
|
|
54
59
|
expect(css).toContain('color-scheme: dark;');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.test.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"preset.test.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;IACxB,MAAM,IAAI,GAAG,WAAW,CAAC;QACxB,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;aACf;YACD,SAAS,EAAE,KAAK;SAChB;KACD,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,YAAY,CAAC;QAC3B,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,CAAC,IAAI,CAAC;QACf,UAAU,EAAE;YACX,IAAI,EAAE,OAAO;SACb;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;YAChB,IAAI,EAAE,KAAK;YACX,MAAM,EAAE;gBACP,SAAS,EAAE,GAAG;aACd;SACD,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,CACzD,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CACxC,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEpD,4BAA4B;IAC5B,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;IACtD,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;IACvD,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;IAE1D,+BAA+B;IAC/B,mBAAmB;IACnB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;AACtB,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;IAC3C,MAAM,MAAM,GAAG,WAAW,CAAC;QAC1B,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;aACf;YACD,SAAS,EAAE,KAAK;SAChB;KACD,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE;QAC1C,MAAM,EAAE;YACP,OAAO,EAAE;gBACR,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK;gBAClC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK;aAClC;SACD;KACD,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACxC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IACvC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,mDAAmD,CAAC,CAAC;IAC3E,gCAAgC;IAChC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;AAC9C,CAAC,CAAC,CAAC"}
|
|
@@ -14,8 +14,6 @@ it("generates a preset's CSS, including globals, primitives, modes, and function
|
|
|
14
14
|
},
|
|
15
15
|
});
|
|
16
16
|
const css = generateStylesheet(preset);
|
|
17
|
-
expect(css).toContain('--_-env-prefersLight: ');
|
|
18
|
-
expect(css).toContain('--_-env-prefersDark: ');
|
|
19
17
|
expect(css).toContain('--m-global-roundness: 1');
|
|
20
18
|
expect(css).toContain('--m-primitive-color-brand-mid: ');
|
|
21
19
|
expect(css).toContain('--m-color-main: ');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateStylesheet.test.js","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,EAAE,CAAC,+EAA+E,EAAE,GAAG,EAAE;IACxF,MAAM,MAAM,GAAG,WAAW,CAAC;QAC1B,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;aAClB;YACD,SAAS,EAAE,OAAO;SAClB;QACD,OAAO,EAAE;YACR,SAAS,EAAE,CAAC;SACZ;KACD,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAEvC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"generateStylesheet.test.js","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,EAAE,CAAC,+EAA+E,EAAE,GAAG,EAAE;IACxF,MAAM,MAAM,GAAG,WAAW,CAAC;QAC1B,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;aAClB;YACD,SAAS,EAAE,OAAO;SAClB;QACD,OAAO,EAAE;YACR,SAAS,EAAE,CAAC;SACZ;KACD,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAEvC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,iCAAiC,CAAC,CAAC;IACzD,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;IAC1C,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,8BAA8B,CAAC,CAAC;AACvD,CAAC,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arbor-css/core",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.99",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -53,13 +53,13 @@
|
|
|
53
53
|
"jiti": "^2.6.1",
|
|
54
54
|
"lil-gui": "^0.21.0",
|
|
55
55
|
"yargs": "^18.0.0",
|
|
56
|
-
"@arbor-css/preset": "0.0.
|
|
57
|
-
"@arbor-css/
|
|
58
|
-
"@arbor-css/
|
|
59
|
-
"@arbor-css/modes": "0.0.
|
|
60
|
-
"@arbor-css/
|
|
61
|
-
"@arbor-css/
|
|
62
|
-
"@arbor-css/calc": "0.0.
|
|
56
|
+
"@arbor-css/preset": "0.0.99",
|
|
57
|
+
"@arbor-css/globals": "0.0.99",
|
|
58
|
+
"@arbor-css/tokens": "0.0.99",
|
|
59
|
+
"@arbor-css/modes": "0.0.99",
|
|
60
|
+
"@arbor-css/util": "0.0.99",
|
|
61
|
+
"@arbor-css/functions": "0.0.99",
|
|
62
|
+
"@arbor-css/calc": "0.0.99"
|
|
63
63
|
},
|
|
64
64
|
"scripts": {
|
|
65
65
|
"build": "tsc",
|