@arbor-css/core 0.0.141 → 0.0.143
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/cli/run.js +1 -1
- package/dist/cli/run.js.map +1 -1
- package/dist/cli/validate.d.ts +2 -14
- package/dist/cli/validate.d.ts.map +1 -1
- package/dist/cli/validate.js +13 -201
- package/dist/cli/validate.js.map +1 -1
- package/dist/cli/validate.test.js +20 -3
- package/dist/cli/validate.test.js.map +1 -1
- package/dist/getStructuredTokensMap.test.js +3 -3
- package/dist/getStructuredTokensMap.test.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/presets/arborPreset/preset.d.ts +184 -46
- package/dist/presets/arborPreset/preset.d.ts.map +1 -1
- package/dist/presets/arborPreset/preset.test.js +1 -1
- package/dist/presets/arborPreset/preset.test.js.map +1 -1
- package/dist/presets/basicPreset/mixins.d.ts +140 -35
- package/dist/presets/basicPreset/mixins.d.ts.map +1 -1
- package/dist/presets/basicPreset/preset.d.ts +120 -30
- package/dist/presets/basicPreset/preset.d.ts.map +1 -1
- package/dist/presets/v2/index.d.ts +3 -0
- package/dist/presets/v2/index.d.ts.map +1 -0
- package/dist/presets/v2/index.js +3 -0
- package/dist/presets/v2/index.js.map +1 -0
- package/dist/presets/v2/preset.d.ts +2680 -0
- package/dist/presets/v2/preset.d.ts.map +1 -0
- package/dist/presets/v2/preset.js +403 -0
- package/dist/presets/v2/preset.js.map +1 -0
- package/dist/presets/v2/preset.test.d.ts +2 -0
- package/dist/presets/v2/preset.test.d.ts.map +1 -0
- package/dist/presets/v2/preset.test.js +118 -0
- package/dist/presets/v2/preset.test.js.map +1 -0
- package/dist/presets/v2/schema/global.d.ts +159 -0
- package/dist/presets/v2/schema/global.d.ts.map +1 -0
- package/dist/presets/v2/schema/global.js +158 -0
- package/dist/presets/v2/schema/global.js.map +1 -0
- package/dist/presets/v2/schema/intents.d.ts +41 -0
- package/dist/presets/v2/schema/intents.d.ts.map +1 -0
- package/dist/presets/v2/schema/intents.js +42 -0
- package/dist/presets/v2/schema/intents.js.map +1 -0
- package/dist/presets/v2/schema/schema.d.ts +745 -0
- package/dist/presets/v2/schema/schema.d.ts.map +1 -0
- package/dist/presets/v2/schema/schema.js +155 -0
- package/dist/presets/v2/schema/schema.js.map +1 -0
- package/dist/presets/v2/schema/semantics.d.ts +195 -0
- package/dist/presets/v2/schema/semantics.d.ts.map +1 -0
- package/dist/presets/v2/schema/semantics.js +73 -0
- package/dist/presets/v2/schema/semantics.js.map +1 -0
- package/dist/presets/v2/values/color/color.d.ts +25 -0
- package/dist/presets/v2/values/color/color.d.ts.map +1 -0
- package/dist/presets/v2/values/color/color.js +16 -0
- package/dist/presets/v2/values/color/color.js.map +1 -0
- package/dist/presets/v2/values/color/compile.d.ts +50 -0
- package/dist/presets/v2/values/color/compile.d.ts.map +1 -0
- package/dist/presets/v2/values/color/compile.js +77 -0
- package/dist/presets/v2/values/color/compile.js.map +1 -0
- package/dist/presets/v2/values/color/compile.test.d.ts +2 -0
- package/dist/presets/v2/values/color/compile.test.d.ts.map +1 -0
- package/dist/presets/v2/values/color/compile.test.js +195 -0
- package/dist/presets/v2/values/color/compile.test.js.map +1 -0
- package/dist/presets/v2/values/color/index.d.ts +5 -0
- package/dist/presets/v2/values/color/index.d.ts.map +1 -0
- package/dist/presets/v2/values/color/index.js +5 -0
- package/dist/presets/v2/values/color/index.js.map +1 -0
- package/dist/presets/v2/values/color/ranges.d.ts +75 -0
- package/dist/presets/v2/values/color/ranges.d.ts.map +1 -0
- package/dist/presets/v2/values/color/ranges.js +128 -0
- package/dist/presets/v2/values/color/ranges.js.map +1 -0
- package/dist/presets/v2/values/color/schemes.d.ts +16 -0
- package/dist/presets/v2/values/color/schemes.d.ts.map +1 -0
- package/dist/presets/v2/values/color/schemes.js +15 -0
- package/dist/presets/v2/values/color/schemes.js.map +1 -0
- package/dist/presets/v2/values/intents.d.ts +819 -0
- package/dist/presets/v2/values/intents.d.ts.map +1 -0
- package/dist/presets/v2/values/intents.js +318 -0
- package/dist/presets/v2/values/intents.js.map +1 -0
- package/dist/presets/v2/values/semantics.d.ts +731 -0
- package/dist/presets/v2/values/semantics.d.ts.map +1 -0
- package/dist/presets/v2/values/semantics.js +181 -0
- package/dist/presets/v2/values/semantics.js.map +1 -0
- package/dist/presets/v2/values/shadow/index.d.ts +21 -0
- package/dist/presets/v2/values/shadow/index.d.ts.map +1 -0
- package/dist/presets/v2/values/shadow/index.js +62 -0
- package/dist/presets/v2/values/shadow/index.js.map +1 -0
- package/dist/presets/v2/values/spacing/index.d.ts +20 -0
- package/dist/presets/v2/values/spacing/index.d.ts.map +1 -0
- package/dist/presets/v2/values/spacing/index.js +42 -0
- package/dist/presets/v2/values/spacing/index.js.map +1 -0
- package/dist/presets/v2/values/types.d.ts +7 -0
- package/dist/presets/v2/values/types.d.ts.map +1 -0
- package/dist/presets/v2/values/types.js +2 -0
- package/dist/presets/v2/values/types.js.map +1 -0
- package/dist/presets/v2/values/typography/index.d.ts +25 -0
- package/dist/presets/v2/values/typography/index.d.ts.map +1 -0
- package/dist/presets/v2/values/typography/index.js +46 -0
- package/dist/presets/v2/values/typography/index.js.map +1 -0
- package/dist/util/tokenRegex.d.ts +6 -0
- package/dist/util/tokenRegex.d.ts.map +1 -0
- package/dist/util/tokenRegex.js +14 -0
- package/dist/util/tokenRegex.js.map +1 -0
- package/dist/util/tokenValidation.d.ts +29 -0
- package/dist/util/tokenValidation.d.ts.map +1 -0
- package/dist/util/tokenValidation.js +328 -0
- package/dist/util/tokenValidation.js.map +1 -0
- package/dist/util/tokenValidation.test.d.ts +2 -0
- package/dist/util/tokenValidation.test.d.ts.map +1 -0
- package/dist/util/tokenValidation.test.js +87 -0
- package/dist/util/tokenValidation.test.js.map +1 -0
- package/package.json +14 -8
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
import { css, isCss, resolveCss, } from '@arbor-css/css-eval';
|
|
2
|
+
import { simplifier } from '@arbor-css/css-eval/node';
|
|
3
|
+
import { createGlobalContext } from '@arbor-css/globals';
|
|
4
|
+
import { expect, it } from 'vitest';
|
|
5
|
+
import { compileColors } from './compile.js';
|
|
6
|
+
import { createColorRange, defaultRangeNames } from './ranges.js';
|
|
7
|
+
const ctx = createGlobalContext();
|
|
8
|
+
// helper to bake and print values for easier comparisons
|
|
9
|
+
function compileAndBake(config) {
|
|
10
|
+
const saturationToken = ctx.createModeToken('saturation');
|
|
11
|
+
const compiled = compileColors(config, {
|
|
12
|
+
color: { saturation: saturationToken },
|
|
13
|
+
});
|
|
14
|
+
const computeCtx = {
|
|
15
|
+
propertyValues: {
|
|
16
|
+
[saturationToken.name]: '0.5',
|
|
17
|
+
},
|
|
18
|
+
simplifier,
|
|
19
|
+
};
|
|
20
|
+
function bakeValues(values) {
|
|
21
|
+
const baked = {};
|
|
22
|
+
for (const rangeName in values) {
|
|
23
|
+
const value = values[rangeName];
|
|
24
|
+
if (typeof value === 'string' || typeof value === 'number') {
|
|
25
|
+
baked[rangeName] = values[rangeName];
|
|
26
|
+
}
|
|
27
|
+
else if (isCss(value)) {
|
|
28
|
+
baked[rangeName] = resolveCss(value, computeCtx);
|
|
29
|
+
}
|
|
30
|
+
else if (typeof value === 'object' && value) {
|
|
31
|
+
baked[rangeName] = bakeValues(value);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
return baked;
|
|
35
|
+
}
|
|
36
|
+
return bakeValues(compiled);
|
|
37
|
+
}
|
|
38
|
+
it('compiles a set of color ranges with default schemes and no precalculated globals', () => {
|
|
39
|
+
const compiled = compileAndBake({
|
|
40
|
+
ranges: {
|
|
41
|
+
primary: {
|
|
42
|
+
hue: 90,
|
|
43
|
+
rangeNames: ['heavy', 'mid', 'light'],
|
|
44
|
+
},
|
|
45
|
+
alt: {
|
|
46
|
+
hue: 210,
|
|
47
|
+
rangeNames: ['heavy', 'mid', 'light'],
|
|
48
|
+
},
|
|
49
|
+
},
|
|
50
|
+
});
|
|
51
|
+
expect(compiled).toMatchInlineSnapshot(`
|
|
52
|
+
{
|
|
53
|
+
"alt": {
|
|
54
|
+
"$neutral": {
|
|
55
|
+
"$root": "light-dark(oklch(86.0248% .01125 210), oklch(48.5639% .012 210))",
|
|
56
|
+
"heavy": "light-dark(oklch(17.6538% .00825 210), oklch(99.0657% .0048 210))",
|
|
57
|
+
"light": "light-dark(oklch(99.9602% .00075 210), oklch(7.87065% .0015 210))",
|
|
58
|
+
"mid": "light-dark(oklch(86.0248% .01125 210), oklch(48.5639% .012 210))",
|
|
59
|
+
},
|
|
60
|
+
"$root": "light-dark(oklch(90% .15 210), oklch(53% .16 210))",
|
|
61
|
+
"heavy": "light-dark(oklch(20% .11 210), oklch(100% .064 210))",
|
|
62
|
+
"light": "light-dark(oklch(100% .01 210), oklch(8% .02 210))",
|
|
63
|
+
"mid": "light-dark(oklch(90% .15 210), oklch(53% .16 210))",
|
|
64
|
+
},
|
|
65
|
+
"primary": {
|
|
66
|
+
"$neutral": {
|
|
67
|
+
"$root": "light-dark(oklch(86.0248% .01125 90), oklch(48.5639% .012 90))",
|
|
68
|
+
"heavy": "light-dark(oklch(17.6538% .00825 90), oklch(99.0657% .0048 90))",
|
|
69
|
+
"light": "light-dark(oklch(99.9602% .00075 90), oklch(7.87065% .0015 90))",
|
|
70
|
+
"mid": "light-dark(oklch(86.0248% .01125 90), oklch(48.5639% .012 90))",
|
|
71
|
+
},
|
|
72
|
+
"$root": "light-dark(oklch(90% .15 90), oklch(53% .16 90))",
|
|
73
|
+
"heavy": "light-dark(oklch(20% .11 90), oklch(100% .064 90))",
|
|
74
|
+
"light": "light-dark(oklch(100% .01 90), oklch(8% .02 90))",
|
|
75
|
+
"mid": "light-dark(oklch(90% .15 90), oklch(53% .16 90))",
|
|
76
|
+
},
|
|
77
|
+
}
|
|
78
|
+
`);
|
|
79
|
+
});
|
|
80
|
+
it('compiles a set of color ranges with a custom scheme', () => {
|
|
81
|
+
const compiled = compileAndBake({
|
|
82
|
+
ranges: {
|
|
83
|
+
primary: {
|
|
84
|
+
hue: 90,
|
|
85
|
+
rangeNames: ['heavy', 'mid', 'light'],
|
|
86
|
+
},
|
|
87
|
+
alt: {
|
|
88
|
+
hue: 210,
|
|
89
|
+
rangeNames: ['heavy', 'mid', 'light'],
|
|
90
|
+
},
|
|
91
|
+
},
|
|
92
|
+
schemes: {
|
|
93
|
+
light: {
|
|
94
|
+
tag: 'light-custom',
|
|
95
|
+
getColorRange: (config, ctx) => createColorRange(config, {
|
|
96
|
+
lightness: () => css `0`,
|
|
97
|
+
chroma: () => css `0`,
|
|
98
|
+
}, ctx),
|
|
99
|
+
isDark: true,
|
|
100
|
+
},
|
|
101
|
+
},
|
|
102
|
+
});
|
|
103
|
+
expect(compiled).toMatchInlineSnapshot(`
|
|
104
|
+
{
|
|
105
|
+
"alt": {
|
|
106
|
+
"$neutral": {
|
|
107
|
+
"$root": "light-dark(oklch(0% 0 210), oklch(48.5639% .012 210))",
|
|
108
|
+
"heavy": "light-dark(oklch(0% 0 210), oklch(99.0657% .0048 210))",
|
|
109
|
+
"light": "light-dark(oklch(0% 0 210), oklch(7.87065% .0015 210))",
|
|
110
|
+
"mid": "light-dark(oklch(0% 0 210), oklch(48.5639% .012 210))",
|
|
111
|
+
},
|
|
112
|
+
"$root": "light-dark(oklch(0% 0 210), oklch(53% .16 210))",
|
|
113
|
+
"heavy": "light-dark(oklch(0% 0 210), oklch(100% .064 210))",
|
|
114
|
+
"light": "light-dark(oklch(0% 0 210), oklch(8% .02 210))",
|
|
115
|
+
"mid": "light-dark(oklch(0% 0 210), oklch(53% .16 210))",
|
|
116
|
+
},
|
|
117
|
+
"primary": {
|
|
118
|
+
"$neutral": {
|
|
119
|
+
"$root": "light-dark(oklch(0% 0 90), oklch(48.5639% .012 90))",
|
|
120
|
+
"heavy": "light-dark(oklch(0% 0 90), oklch(99.0657% .0048 90))",
|
|
121
|
+
"light": "light-dark(oklch(0% 0 90), oklch(7.87065% .0015 90))",
|
|
122
|
+
"mid": "light-dark(oklch(0% 0 90), oklch(48.5639% .012 90))",
|
|
123
|
+
},
|
|
124
|
+
"$root": "light-dark(oklch(0% 0 90), oklch(53% .16 90))",
|
|
125
|
+
"heavy": "light-dark(oklch(0% 0 90), oklch(100% .064 90))",
|
|
126
|
+
"light": "light-dark(oklch(0% 0 90), oklch(8% .02 90))",
|
|
127
|
+
"mid": "light-dark(oklch(0% 0 90), oklch(53% .16 90))",
|
|
128
|
+
},
|
|
129
|
+
}
|
|
130
|
+
`);
|
|
131
|
+
});
|
|
132
|
+
it('provides default range names', () => {
|
|
133
|
+
const compiled = compileAndBake({
|
|
134
|
+
ranges: {
|
|
135
|
+
primary: {
|
|
136
|
+
hue: 90,
|
|
137
|
+
},
|
|
138
|
+
},
|
|
139
|
+
});
|
|
140
|
+
for (const name of defaultRangeNames) {
|
|
141
|
+
expect(compiled.primary).toHaveProperty(name);
|
|
142
|
+
}
|
|
143
|
+
});
|
|
144
|
+
it('supports color-level saturation', () => {
|
|
145
|
+
const compiled = compileAndBake({
|
|
146
|
+
ranges: {
|
|
147
|
+
primaryLight: {
|
|
148
|
+
hue: 90,
|
|
149
|
+
saturation: 0.5,
|
|
150
|
+
},
|
|
151
|
+
primary: {
|
|
152
|
+
hue: 90,
|
|
153
|
+
},
|
|
154
|
+
},
|
|
155
|
+
});
|
|
156
|
+
expect(compiled.primaryLight.light).toMatchInlineSnapshot(`"light-dark(oklch(98.0274% .0562694 90), oklch(40.9589% .0612694 90))"`);
|
|
157
|
+
expect(compiled.primary.light).toMatchInlineSnapshot(`"light-dark(oklch(98.0274% .112539 90), oklch(40.9589% .122539 90))"`);
|
|
158
|
+
expect(compiled.primaryLight.light).not.toEqual(compiled.primary.light);
|
|
159
|
+
});
|
|
160
|
+
it('supports hue defined as a CSS property', () => {
|
|
161
|
+
const compiled = compileAndBake({
|
|
162
|
+
ranges: {
|
|
163
|
+
primary: {
|
|
164
|
+
hue: 'var(--my-hue)',
|
|
165
|
+
},
|
|
166
|
+
},
|
|
167
|
+
});
|
|
168
|
+
// TODO: why is this not simplified?
|
|
169
|
+
expect(compiled.primary.light).toMatchInlineSnapshot(`"light-dark(oklch(calc(clamp(0, calc(calc(.9 + (1 * .267581 * .3))), 1)) calc(clamp(0, calc(1 * .4 * calc(.75 + (1 * .267581 * -.7)) * .5), .4)) calc(calc(var(--my-hue) * 1))), oklch(calc(clamp(0, calc(calc(.53 + (1 * .267581 * -.45))), 1)) calc(clamp(0, calc(1 * .4 * calc(.8 + (1 * .267581 * -.7)) * .5), .4)) calc(calc(var(--my-hue) * 1))))"`);
|
|
170
|
+
});
|
|
171
|
+
it('assigns color and neutral $root to mid when mid exists', () => {
|
|
172
|
+
const compiled = compileAndBake({
|
|
173
|
+
ranges: {
|
|
174
|
+
primary: {
|
|
175
|
+
hue: 90,
|
|
176
|
+
rangeNames: ['heavy', 'mid', 'light'],
|
|
177
|
+
},
|
|
178
|
+
},
|
|
179
|
+
});
|
|
180
|
+
expect(compiled.primary.$root).toBe(compiled.primary.mid);
|
|
181
|
+
expect(compiled.primary.gray.$root).toBe(compiled.primary.gray.mid);
|
|
182
|
+
});
|
|
183
|
+
it.only('assigns $root to midpoint when mid is absent', () => {
|
|
184
|
+
const compiled = compileAndBake({
|
|
185
|
+
ranges: {
|
|
186
|
+
primary: {
|
|
187
|
+
hue: 90,
|
|
188
|
+
rangeNames: ['low', 'high'],
|
|
189
|
+
},
|
|
190
|
+
},
|
|
191
|
+
});
|
|
192
|
+
expect(compiled.primary.$root).toBe(compiled.primary.high);
|
|
193
|
+
expect(compiled.primary.gray.$root).toBe(compiled.primary.gray.high);
|
|
194
|
+
});
|
|
195
|
+
//# sourceMappingURL=compile.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compile.test.js","sourceRoot":"","sources":["../../../../../src/presets/v2/values/color/compile.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presets/v2/values/color/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presets/v2/values/color/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { Css, CssInterpolation, CssResolutionContext } from '@arbor-css/css-eval';
|
|
2
|
+
import { Token } from '@arbor-css/tokens';
|
|
3
|
+
import { OklchCssRepresentation } from './color.js';
|
|
4
|
+
export declare const defaultRangeNames: readonly ["ink", "heavy", "mid", "light", "wash", "paper"];
|
|
5
|
+
export type DefaultRangeName = (typeof defaultRangeNames)[number];
|
|
6
|
+
export interface ColorRangeConfig<RangeNames extends string = DefaultRangeName> {
|
|
7
|
+
/** 0-360ish, OKLCH "H" hue. Can also be a var() reference! */
|
|
8
|
+
hue: CssInterpolation;
|
|
9
|
+
/**
|
|
10
|
+
* 0-1, a local multiplier for chroma, stacks on global and computed value. Can also be a var() reference!
|
|
11
|
+
*/
|
|
12
|
+
saturation?: CssInterpolation;
|
|
13
|
+
rangeNames?: readonly RangeNames[];
|
|
14
|
+
defaultLevel?: RangeNames;
|
|
15
|
+
}
|
|
16
|
+
export interface ColorRangeCalculations {
|
|
17
|
+
/** A computation for lightness at each step - resolve 0-1 */
|
|
18
|
+
lightness: (details: {
|
|
19
|
+
step: number;
|
|
20
|
+
rangeSize: number;
|
|
21
|
+
midpoint: number;
|
|
22
|
+
}) => Css;
|
|
23
|
+
/** A computation for chroma at each step - resolve 0-1 */
|
|
24
|
+
chroma: (details: {
|
|
25
|
+
step: number;
|
|
26
|
+
rangeSize: number;
|
|
27
|
+
midpoint: number;
|
|
28
|
+
}) => Css;
|
|
29
|
+
hue?: (details: {
|
|
30
|
+
sourceHue: CssInterpolation;
|
|
31
|
+
step: number;
|
|
32
|
+
rangeSize: number;
|
|
33
|
+
midpoint: number;
|
|
34
|
+
}) => Css;
|
|
35
|
+
}
|
|
36
|
+
export type InferRangeNames<Config> = Config extends ColorRangeConfig<infer RangeNames> ? '!!!do_not_use_this_name' extends RangeNames ? DefaultRangeName : RangeNames : never;
|
|
37
|
+
export interface ColorRangeItem<TRangeNames extends string = string> {
|
|
38
|
+
equation: OklchCssRepresentation;
|
|
39
|
+
name: TRangeNames;
|
|
40
|
+
}
|
|
41
|
+
export type UncompiledColorRange<TRangeNames extends string = DefaultRangeName> = {
|
|
42
|
+
[K in TRangeNames]: ColorRangeItem;
|
|
43
|
+
} & {
|
|
44
|
+
$root: ColorRangeItem;
|
|
45
|
+
};
|
|
46
|
+
export type CompiledColorRange<TRangeNames extends string = DefaultRangeName> = {
|
|
47
|
+
[K in TRangeNames]: string | Css;
|
|
48
|
+
} & {
|
|
49
|
+
$root: string | Css;
|
|
50
|
+
};
|
|
51
|
+
export declare function createColorRange<RangeNames extends string = DefaultRangeName>(config: ColorRangeConfig<RangeNames>, calcs: ColorRangeCalculations, tokens: {
|
|
52
|
+
saturation: Token;
|
|
53
|
+
}): UncompiledColorRange<RangeNames>;
|
|
54
|
+
export declare function createColorLightModeRange(config: ColorRangeConfig & {
|
|
55
|
+
base?: number;
|
|
56
|
+
scale?: number;
|
|
57
|
+
hueShift?: CssInterpolation;
|
|
58
|
+
}, $: {
|
|
59
|
+
saturation: Token;
|
|
60
|
+
}): UncompiledColorRange<"light" | "paper" | "wash" | "mid" | "heavy" | "ink">;
|
|
61
|
+
export declare function createColorDarkModeRange(config: ColorRangeConfig & {
|
|
62
|
+
base?: number;
|
|
63
|
+
scale?: number;
|
|
64
|
+
hueShift?: CssInterpolation;
|
|
65
|
+
}, $: {
|
|
66
|
+
saturation: Token;
|
|
67
|
+
}): UncompiledColorRange<"light" | "paper" | "wash" | "mid" | "heavy" | "ink">;
|
|
68
|
+
export declare function createNeutralDerivedRange(sourceRange: UncompiledColorRange<string>, tokens: {
|
|
69
|
+
saturation: Token;
|
|
70
|
+
}, options?: {
|
|
71
|
+
/** Adjust saturation relative to source range. Stacks with saturation token. */
|
|
72
|
+
saturationFactor?: CssInterpolation;
|
|
73
|
+
}): UncompiledColorRange<string>;
|
|
74
|
+
export declare function compileRange<R extends string>(range: UncompiledColorRange<R>, context: CssResolutionContext): CompiledColorRange<R>;
|
|
75
|
+
//# sourceMappingURL=ranges.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ranges.d.ts","sourceRoot":"","sources":["../../../../../src/presets/v2/values/color/ranges.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { css, } from '@arbor-css/css-eval';
|
|
2
|
+
import { oklchBuilder } from './color.js';
|
|
3
|
+
export const defaultRangeNames = [
|
|
4
|
+
'ink',
|
|
5
|
+
'heavy',
|
|
6
|
+
'mid',
|
|
7
|
+
'light',
|
|
8
|
+
'wash',
|
|
9
|
+
'paper',
|
|
10
|
+
];
|
|
11
|
+
export function createColorRange(config, calcs, tokens) {
|
|
12
|
+
const { hue: sourceHue, rangeNames = defaultRangeNames, defaultLevel, } = config;
|
|
13
|
+
const { lightness, chroma } = calcs;
|
|
14
|
+
const size = rangeNames.length;
|
|
15
|
+
const rootName = rangeNames.find((name) => name === defaultLevel) ??
|
|
16
|
+
rangeNames.find((name) => name === 'mid') ??
|
|
17
|
+
rangeNames[Math.floor(size / 2)];
|
|
18
|
+
const midpoint = rangeNames.indexOf(rootName);
|
|
19
|
+
const range = rangeNames.reduce((acc, name, i) => {
|
|
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(${calcs.hue?.({ sourceHue, step: i, rangeSize: size, midpoint }) ?? sourceHue})`,
|
|
24
|
+
}));
|
|
25
|
+
acc[name] = { name, equation };
|
|
26
|
+
return acc;
|
|
27
|
+
}, {});
|
|
28
|
+
range.$root = range[rootName];
|
|
29
|
+
return range;
|
|
30
|
+
}
|
|
31
|
+
function lightnessEq(config) {
|
|
32
|
+
return ({ step, rangeSize, midpoint, }) => {
|
|
33
|
+
const rangeDir = step < midpoint ? -1 : 1;
|
|
34
|
+
// Math.max - avoid divide by 0
|
|
35
|
+
const rangeMax = Math.max(1, step < midpoint ? midpoint : rangeSize - midpoint - 1);
|
|
36
|
+
const rangeProgress = (Math.abs(step - midpoint) / rangeMax) **
|
|
37
|
+
(config.midpointDifferentiation ?? 1.2);
|
|
38
|
+
return css `calc(${config.baseline} + (${rangeDir} * ${rangeProgress} * ${step < midpoint ? config.rangeDown : config.rangeUp}))`;
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
function chromaEq(config) {
|
|
42
|
+
return ({ step, rangeSize, midpoint, }) => {
|
|
43
|
+
const rangeDir = step < midpoint ? -1 : 1;
|
|
44
|
+
// Math.max - avoid divide by 0
|
|
45
|
+
const rangeMax = Math.max(1, step < midpoint ? midpoint : rangeSize - midpoint - 1);
|
|
46
|
+
const rangeProgress = (Math.abs(step - midpoint) / rangeMax) **
|
|
47
|
+
(config.midpointDifferentiation ?? 1.2);
|
|
48
|
+
return css `calc(${config.baseline} + (${rangeDir} * ${rangeProgress} * ${step < midpoint ? config.rangeDown : config.rangeUp}))`;
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
function hueEq(config) {
|
|
52
|
+
return ({ step, rangeSize, midpoint, sourceHue, }) => {
|
|
53
|
+
const rangeDir = step < midpoint ? -1 : 1;
|
|
54
|
+
// Math.max - avoid divide by 0
|
|
55
|
+
const rangeMax = Math.max(1, step < midpoint ? midpoint : rangeSize - midpoint - 1);
|
|
56
|
+
const rangeProgress = (Math.abs(step - midpoint) / rangeMax) ** 1.2;
|
|
57
|
+
return css `calc(${sourceHue} + (${rangeDir} * ${rangeProgress} * ${config.hueShift}))`;
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
export function createColorLightModeRange(config, $) {
|
|
61
|
+
const lightness = lightnessEq({
|
|
62
|
+
rangeUp: 0.3,
|
|
63
|
+
rangeDown: 0.7,
|
|
64
|
+
baseline: 0.9,
|
|
65
|
+
});
|
|
66
|
+
const chroma = chromaEq({
|
|
67
|
+
baseline: 0.75,
|
|
68
|
+
rangeUp: -0.7,
|
|
69
|
+
rangeDown: 0.2,
|
|
70
|
+
});
|
|
71
|
+
const hue = config.hueShift ? hueEq({ hueShift: config.hueShift }) : undefined;
|
|
72
|
+
return createColorRange(config, {
|
|
73
|
+
lightness,
|
|
74
|
+
chroma,
|
|
75
|
+
hue,
|
|
76
|
+
}, $);
|
|
77
|
+
}
|
|
78
|
+
export function createColorDarkModeRange(config, $) {
|
|
79
|
+
const lightness = lightnessEq({
|
|
80
|
+
rangeUp: -0.4,
|
|
81
|
+
rangeDown: -0.85,
|
|
82
|
+
baseline: 0.55,
|
|
83
|
+
});
|
|
84
|
+
const chroma = chromaEq({
|
|
85
|
+
baseline: 0.8,
|
|
86
|
+
rangeUp: -0.6,
|
|
87
|
+
rangeDown: 0.48,
|
|
88
|
+
});
|
|
89
|
+
const hue = config.hueShift ?
|
|
90
|
+
hueEq({ hueShift: css `calc(-1 * ${config.hueShift})` })
|
|
91
|
+
: undefined;
|
|
92
|
+
return createColorRange(config, {
|
|
93
|
+
lightness,
|
|
94
|
+
chroma,
|
|
95
|
+
hue,
|
|
96
|
+
}, $);
|
|
97
|
+
}
|
|
98
|
+
export function createNeutralDerivedRange(sourceRange, tokens, options) {
|
|
99
|
+
function lightness(source) {
|
|
100
|
+
return css `calc(${source.l} - pow(${source.c}, 1.7))`;
|
|
101
|
+
}
|
|
102
|
+
function chroma(source) {
|
|
103
|
+
const saturationFactor = options?.saturationFactor ?? 0.15;
|
|
104
|
+
return css `calc(${source.c} * ${tokens.saturation} * ${saturationFactor})`;
|
|
105
|
+
}
|
|
106
|
+
return Object.fromEntries(Object.keys(sourceRange).map((sourceName) => {
|
|
107
|
+
const sourceCss = sourceRange[sourceName].equation;
|
|
108
|
+
const equation = oklchBuilder(() => ({
|
|
109
|
+
l: css `clamp(0, ${lightness(sourceCss)}, 1)`,
|
|
110
|
+
c: css `clamp(0, ${chroma(sourceCss)}, 0.4)`,
|
|
111
|
+
h: sourceCss.h,
|
|
112
|
+
}));
|
|
113
|
+
return [
|
|
114
|
+
sourceName,
|
|
115
|
+
{
|
|
116
|
+
name: sourceName,
|
|
117
|
+
equation,
|
|
118
|
+
},
|
|
119
|
+
];
|
|
120
|
+
}));
|
|
121
|
+
}
|
|
122
|
+
export function compileRange(range, context) {
|
|
123
|
+
return Object.fromEntries(Object.keys(range).map((name) => [
|
|
124
|
+
name,
|
|
125
|
+
range[name].equation.printComputed(context),
|
|
126
|
+
]));
|
|
127
|
+
}
|
|
128
|
+
//# sourceMappingURL=ranges.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ranges.js","sourceRoot":"","sources":["../../../../../src/presets/v2/values/color/ranges.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { CssInterpolation } from '@arbor-css/css-eval';
|
|
2
|
+
import { Token } from '@arbor-css/tokens';
|
|
3
|
+
import { ColorRangeConfig, DefaultRangeName, UncompiledColorRange } from './ranges.js';
|
|
4
|
+
export interface SchemeDefinition<TRangeConfig extends ColorRangeConfig<TRangeNames>, TRangeNames extends string = DefaultRangeName> {
|
|
5
|
+
getColorRange: (config: TRangeConfig & {
|
|
6
|
+
hueShift?: CssInterpolation;
|
|
7
|
+
}, tokens: {
|
|
8
|
+
saturation: Token;
|
|
9
|
+
}) => UncompiledColorRange<TRangeNames>;
|
|
10
|
+
tag: string;
|
|
11
|
+
isDark: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare function createScheme<RangeConfig extends ColorRangeConfig = ColorRangeConfig>(def: SchemeDefinition<RangeConfig>): SchemeDefinition<RangeConfig, "light" | "paper" | "wash" | "mid" | "heavy" | "ink">;
|
|
14
|
+
export declare const defaultLightScheme: SchemeDefinition<ColorRangeConfig<DefaultRangeName>, DefaultRangeName>;
|
|
15
|
+
export declare const defaultDarkScheme: SchemeDefinition<ColorRangeConfig<DefaultRangeName>, DefaultRangeName>;
|
|
16
|
+
//# sourceMappingURL=schemes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schemes.d.ts","sourceRoot":"","sources":["../../../../../src/presets/v2/values/color/schemes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EACN,gBAAgB,EAGhB,gBAAgB,EAChB,oBAAoB,EACpB,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,gBAAgB,CAChC,YAAY,SAAS,gBAAgB,CAAC,WAAW,CAAC,EAClD,WAAW,SAAS,MAAM,GAAG,gBAAgB;IAE7C,aAAa,EAAE,CACd,MAAM,EAAE,YAAY,GAAG;QACtB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;KAC5B,EACD,MAAM,EAAE;QACP,UAAU,EAAE,KAAK,CAAC;KAClB,KACG,oBAAoB,CAAC,WAAW,CAAC,CAAC;IACvC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,YAAY,CAC3B,WAAW,SAAS,gBAAgB,GAAG,gBAAgB,EACtD,GAAG,EAAE,gBAAgB,CAAC,WAAW,CAAC,uFAEnC;AAED,eAAO,MAAM,kBAAkB,EAAE,gBAAgB,CAChD,gBAAgB,CAAC,gBAAgB,CAAC,EAClC,gBAAgB,CAKhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAAgB,CAC/C,gBAAgB,CAAC,gBAAgB,CAAC,EAClC,gBAAgB,CAKhB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { createColorDarkModeRange, createColorLightModeRange, } from './ranges.js';
|
|
2
|
+
export function createScheme(def) {
|
|
3
|
+
return def;
|
|
4
|
+
}
|
|
5
|
+
export const defaultLightScheme = {
|
|
6
|
+
tag: 'light',
|
|
7
|
+
getColorRange: createColorLightModeRange,
|
|
8
|
+
isDark: false,
|
|
9
|
+
};
|
|
10
|
+
export const defaultDarkScheme = {
|
|
11
|
+
tag: 'dark',
|
|
12
|
+
getColorRange: createColorDarkModeRange,
|
|
13
|
+
isDark: true,
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=schemes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schemes.js","sourceRoot":"","sources":["../../../../../src/presets/v2/values/color/schemes.ts"],"names":[],"mappings":"AAEA,OAAO,EAEN,wBAAwB,EACxB,yBAAyB,GAGzB,MAAM,aAAa,CAAC;AAkBrB,MAAM,UAAU,YAAY,CAE1B,GAAkC;IACnC,OAAO,GAAG,CAAC;AACZ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAG3B;IACH,GAAG,EAAE,OAAO;IACZ,aAAa,EAAE,yBAAyB;IACxC,MAAM,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAG1B;IACH,GAAG,EAAE,MAAM;IACX,aAAa,EAAE,wBAAwB;IACvC,MAAM,EAAE,IAAI;CACZ,CAAC"}
|