@arbor-css/core 0.0.92 → 0.0.93
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/getStructuredTokensMap.test.js +1 -1
- package/dist/getStructuredTokensMap.test.js.map +1 -1
- package/dist/index.d.ts +1 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -6
- package/dist/index.js.map +1 -1
- package/dist/presets/arborPreset/index.d.ts +6 -0
- package/dist/presets/arborPreset/index.d.ts.map +1 -1
- package/dist/presets/arborPreset/index.js +6 -0
- package/dist/presets/arborPreset/index.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/global.d.ts +39 -0
- package/dist/presets/arborPreset/modeSchema/global.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/global.js +40 -0
- package/dist/presets/arborPreset/modeSchema/global.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts +33 -1
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/modeSchema.js +2 -2
- package/dist/presets/arborPreset/modeSchema/modeSchema.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/color.d.ts +33 -0
- package/dist/presets/arborPreset/modeValues/color/color.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/color.js +24 -0
- package/dist/presets/arborPreset/modeValues/color/color.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/compile.d.ts +34 -0
- package/dist/presets/arborPreset/modeValues/color/compile.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/compile.js +47 -0
- package/dist/presets/arborPreset/modeValues/color/compile.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/compile.test.d.ts +2 -0
- package/dist/presets/arborPreset/modeValues/color/compile.test.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/compile.test.js +192 -0
- package/dist/presets/arborPreset/modeValues/color/compile.test.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/index.d.ts +5 -0
- package/dist/presets/arborPreset/modeValues/color/index.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/index.js +5 -0
- package/dist/presets/arborPreset/modeValues/color/index.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/ranges.d.ts +67 -0
- package/dist/presets/arborPreset/modeValues/color/ranges.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/ranges.js +110 -0
- package/dist/presets/arborPreset/modeValues/color/ranges.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/schemes.d.ts +13 -0
- package/dist/presets/arborPreset/modeValues/color/schemes.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/schemes.js +15 -0
- package/dist/presets/arborPreset/modeValues/color/schemes.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/intents.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/intents.js +13 -13
- package/dist/presets/arborPreset/modeValues/intents.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/semantics.d.ts +1 -49
- package/dist/presets/arborPreset/modeValues/semantics.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/semantics.js +13 -13
- package/dist/presets/arborPreset/modeValues/semantics.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/shadow/index.d.ts +29 -0
- package/dist/presets/arborPreset/modeValues/shadow/index.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/shadow/index.js +57 -0
- package/dist/presets/arborPreset/modeValues/shadow/index.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/spacing/index.d.ts +24 -0
- package/dist/presets/arborPreset/modeValues/spacing/index.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/spacing/index.js +40 -0
- package/dist/presets/arborPreset/modeValues/spacing/index.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/types.d.ts +3 -3
- package/dist/presets/arborPreset/modeValues/types.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/typography/index.d.ts +20 -0
- package/dist/presets/arborPreset/modeValues/typography/index.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/typography/index.js +49 -0
- package/dist/presets/arborPreset/modeValues/typography/index.js.map +1 -0
- package/dist/presets/arborPreset/preset.d.ts +277 -32
- package/dist/presets/arborPreset/preset.d.ts.map +1 -1
- package/dist/presets/arborPreset/preset.js +56 -21
- package/dist/presets/arborPreset/preset.js.map +1 -1
- package/dist/presets/arborPreset/preset.test.js +3 -0
- package/dist/presets/arborPreset/preset.test.js.map +1 -1
- package/dist/presets/basicPreset/commonFunctions.d.ts +10 -6
- package/dist/presets/basicPreset/commonFunctions.d.ts.map +1 -1
- package/dist/presets/basicPreset/commonFunctions.js +10 -10
- package/dist/presets/basicPreset/commonFunctions.js.map +1 -1
- package/dist/presets/basicPreset/functions.test.js +2 -2
- package/dist/presets/basicPreset/functions.test.js.map +1 -1
- package/dist/presets/basicPreset/mixins.d.ts +218 -26
- package/dist/presets/basicPreset/mixins.d.ts.map +1 -1
- package/dist/presets/basicPreset/mixins.js +17 -22
- package/dist/presets/basicPreset/mixins.js.map +1 -1
- package/dist/presets/basicPreset/preset.d.ts +82 -25
- package/dist/presets/basicPreset/preset.d.ts.map +1 -1
- package/dist/presets/basicPreset/preset.js +53 -9
- package/dist/presets/basicPreset/preset.js.map +1 -1
- package/dist/runtime/components/SchemeSelector.js +4 -4
- package/dist/runtime/components/SchemeSelector.js.map +1 -1
- package/dist/runtime/components/TokenValues.js +0 -2
- package/dist/runtime/components/TokenValues.js.map +1 -1
- package/dist/runtime/components/index.d.ts +0 -1
- package/dist/runtime/components/index.d.ts.map +1 -1
- package/dist/runtime/components/index.js +0 -1
- package/dist/runtime/components/index.js.map +1 -1
- package/dist/stylesheet/generateStylesheet.d.ts.map +1 -1
- package/dist/stylesheet/generateStylesheet.js +19 -51
- package/dist/stylesheet/generateStylesheet.js.map +1 -1
- package/dist/stylesheet/generateStylesheet.test.js +3 -1
- package/dist/stylesheet/generateStylesheet.test.js.map +1 -1
- package/dist/stylesheet/modeToCss.d.ts.map +1 -1
- package/dist/stylesheet/modeToCss.js +85 -3
- package/dist/stylesheet/modeToCss.js.map +1 -1
- package/dist/stylesheet/modeToCss.test.js +33 -7
- package/dist/stylesheet/modeToCss.test.js.map +1 -1
- package/dist/util/flattenAndApplyTokenValues.d.ts +2 -1
- package/dist/util/flattenAndApplyTokenValues.d.ts.map +1 -1
- package/dist/util/flattenAndApplyTokenValues.js +13 -3
- package/dist/util/flattenAndApplyTokenValues.js.map +1 -1
- package/dist/util/resolveComputedTokenValue.js +1 -10
- package/dist/util/resolveComputedTokenValue.js.map +1 -1
- package/dist/util/resolveComputedTokenValue.test.js +4 -4
- package/dist/util/resolveComputedTokenValue.test.js.map +1 -1
- package/package.json +8 -12
- package/dist/presets/arborPreset/modeSchema/scalars/scalars.d.ts +0 -7
- package/dist/presets/arborPreset/modeSchema/scalars/scalars.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/scalars/scalars.js +0 -8
- package/dist/presets/arborPreset/modeSchema/scalars/scalars.js.map +0 -1
- package/dist/runtime/components/GlobalsEditor.d.ts +0 -2
- package/dist/runtime/components/GlobalsEditor.d.ts.map +0 -1
- package/dist/runtime/components/GlobalsEditor.js +0 -24
- package/dist/runtime/components/GlobalsEditor.js.map +0 -1
- package/dist/util/resolveTokenReferences.d.ts +0 -3
- package/dist/util/resolveTokenReferences.d.ts.map +0 -1
- package/dist/util/resolveTokenReferences.js +0 -49
- package/dist/util/resolveTokenReferences.js.map +0 -1
- package/dist/util/resolveTokenReferences.test.d.ts +0 -2
- package/dist/util/resolveTokenReferences.test.d.ts.map +0 -1
- package/dist/util/resolveTokenReferences.test.js +0 -23
- package/dist/util/resolveTokenReferences.test.js.map +0 -1
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
import { computeEquation, isCalcEquation, printComputationResult, } from '@arbor-css/calc';
|
|
2
|
+
import { createGlobalContext } from '@arbor-css/globals';
|
|
3
|
+
import { expect, it } from 'vitest';
|
|
4
|
+
import { compileColors } from './compile.js';
|
|
5
|
+
import { createColorRange, defaultRangeNames } from './ranges.js';
|
|
6
|
+
const ctx = createGlobalContext();
|
|
7
|
+
// helper to bake and print values for easier comparisons
|
|
8
|
+
function compileAndBake(config) {
|
|
9
|
+
const saturationToken = ctx.createModeToken('saturation');
|
|
10
|
+
const compiled = compileColors(config, {
|
|
11
|
+
saturation: saturationToken,
|
|
12
|
+
});
|
|
13
|
+
const computeCtx = {
|
|
14
|
+
propertyValues: {
|
|
15
|
+
[saturationToken.name]: '0.5',
|
|
16
|
+
},
|
|
17
|
+
};
|
|
18
|
+
function bakeValues(values) {
|
|
19
|
+
const baked = {};
|
|
20
|
+
for (const rangeName in values) {
|
|
21
|
+
const value = values[rangeName];
|
|
22
|
+
if (typeof value === 'string' || typeof value === 'number') {
|
|
23
|
+
baked[rangeName] = values[rangeName];
|
|
24
|
+
}
|
|
25
|
+
else if (isCalcEquation(value)) {
|
|
26
|
+
baked[rangeName] = printComputationResult(computeEquation(value, computeCtx));
|
|
27
|
+
}
|
|
28
|
+
else if (typeof value === 'object' && value) {
|
|
29
|
+
baked[rangeName] = bakeValues(value);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
return baked;
|
|
33
|
+
}
|
|
34
|
+
return bakeValues(compiled);
|
|
35
|
+
}
|
|
36
|
+
it('compiles a set of color ranges with default schemes and no precalculated globals', () => {
|
|
37
|
+
const compiled = compileAndBake({
|
|
38
|
+
ranges: {
|
|
39
|
+
primary: {
|
|
40
|
+
hue: 90,
|
|
41
|
+
rangeNames: ['heavy', 'mid', 'light'],
|
|
42
|
+
},
|
|
43
|
+
alt: {
|
|
44
|
+
hue: 210,
|
|
45
|
+
rangeNames: ['heavy', 'mid', 'light'],
|
|
46
|
+
},
|
|
47
|
+
},
|
|
48
|
+
});
|
|
49
|
+
expect(compiled).toMatchInlineSnapshot(`
|
|
50
|
+
{
|
|
51
|
+
"alt": {
|
|
52
|
+
"$neutral": {
|
|
53
|
+
"$root": "light-dark(oklch(0.8602483517886919 0.011250000000000001 210), oklch(0.4856387300380706 0.012000000000000002 210))",
|
|
54
|
+
"heavy": "light-dark(oklch(0.17653786308766073 0.00825 210), oklch(0.9906565781856719 0.004800000000000001 210))",
|
|
55
|
+
"light": "light-dark(oklch(0.9996018928294464 0.0007500000000000007 210), oklch(0.0787065459868453 0.0015000000000000013 210))",
|
|
56
|
+
"mid": "light-dark(oklch(0.8602483517886919 0.011250000000000001 210), oklch(0.4856387300380706 0.012000000000000002 210))",
|
|
57
|
+
},
|
|
58
|
+
"$root": "light-dark(oklch(90% 0.15000000000000002 210), oklch(53% 0.16000000000000003 210))",
|
|
59
|
+
"heavy": "light-dark(oklch(20.000000000000007% 0.11000000000000001 210), oklch(100% 0.06400000000000002 210))",
|
|
60
|
+
"light": "light-dark(oklch(100% 0.010000000000000009 210), oklch(8.000000000000002% 0.020000000000000018 210))",
|
|
61
|
+
"mid": "light-dark(oklch(90% 0.15000000000000002 210), oklch(53% 0.16000000000000003 210))",
|
|
62
|
+
},
|
|
63
|
+
"primary": {
|
|
64
|
+
"$neutral": {
|
|
65
|
+
"$root": "light-dark(oklch(0.8602483517886919 0.011250000000000001 90), oklch(0.4856387300380706 0.012000000000000002 90))",
|
|
66
|
+
"heavy": "light-dark(oklch(0.17653786308766073 0.00825 90), oklch(0.9906565781856719 0.004800000000000001 90))",
|
|
67
|
+
"light": "light-dark(oklch(0.9996018928294464 0.0007500000000000007 90), oklch(0.0787065459868453 0.0015000000000000013 90))",
|
|
68
|
+
"mid": "light-dark(oklch(0.8602483517886919 0.011250000000000001 90), oklch(0.4856387300380706 0.012000000000000002 90))",
|
|
69
|
+
},
|
|
70
|
+
"$root": "light-dark(oklch(90% 0.15000000000000002 90), oklch(53% 0.16000000000000003 90))",
|
|
71
|
+
"heavy": "light-dark(oklch(20.000000000000007% 0.11000000000000001 90), oklch(100% 0.06400000000000002 90))",
|
|
72
|
+
"light": "light-dark(oklch(100% 0.010000000000000009 90), oklch(8.000000000000002% 0.020000000000000018 90))",
|
|
73
|
+
"mid": "light-dark(oklch(90% 0.15000000000000002 90), oklch(53% 0.16000000000000003 90))",
|
|
74
|
+
},
|
|
75
|
+
}
|
|
76
|
+
`);
|
|
77
|
+
});
|
|
78
|
+
it('compiles a set of color ranges with a custom scheme', () => {
|
|
79
|
+
const compiled = compileAndBake({
|
|
80
|
+
ranges: {
|
|
81
|
+
primary: {
|
|
82
|
+
hue: 90,
|
|
83
|
+
rangeNames: ['heavy', 'mid', 'light'],
|
|
84
|
+
},
|
|
85
|
+
alt: {
|
|
86
|
+
hue: 210,
|
|
87
|
+
rangeNames: ['heavy', 'mid', 'light'],
|
|
88
|
+
},
|
|
89
|
+
},
|
|
90
|
+
schemes: {
|
|
91
|
+
light: {
|
|
92
|
+
tag: 'light-custom',
|
|
93
|
+
getColorRange: (config, ctx) => createColorRange(config, {
|
|
94
|
+
lightness: ($) => $.val('0'),
|
|
95
|
+
chroma: ($) => $.val('0'),
|
|
96
|
+
}, ctx),
|
|
97
|
+
isDark: true,
|
|
98
|
+
},
|
|
99
|
+
},
|
|
100
|
+
});
|
|
101
|
+
expect(compiled).toMatchInlineSnapshot(`
|
|
102
|
+
{
|
|
103
|
+
"alt": {
|
|
104
|
+
"$neutral": {
|
|
105
|
+
"$root": "light-dark(oklch(0 0 210), oklch(0.4856387300380706 0.012000000000000002 210))",
|
|
106
|
+
"heavy": "light-dark(oklch(0 0 210), oklch(0.9906565781856719 0.004800000000000001 210))",
|
|
107
|
+
"light": "light-dark(oklch(0 0 210), oklch(0.0787065459868453 0.0015000000000000013 210))",
|
|
108
|
+
"mid": "light-dark(oklch(0 0 210), oklch(0.4856387300380706 0.012000000000000002 210))",
|
|
109
|
+
},
|
|
110
|
+
"$root": "light-dark(oklch(0% 0 210), oklch(53% 0.16000000000000003 210))",
|
|
111
|
+
"heavy": "light-dark(oklch(0% 0 210), oklch(100% 0.06400000000000002 210))",
|
|
112
|
+
"light": "light-dark(oklch(0% 0 210), oklch(8.000000000000002% 0.020000000000000018 210))",
|
|
113
|
+
"mid": "light-dark(oklch(0% 0 210), oklch(53% 0.16000000000000003 210))",
|
|
114
|
+
},
|
|
115
|
+
"primary": {
|
|
116
|
+
"$neutral": {
|
|
117
|
+
"$root": "light-dark(oklch(0 0 90), oklch(0.4856387300380706 0.012000000000000002 90))",
|
|
118
|
+
"heavy": "light-dark(oklch(0 0 90), oklch(0.9906565781856719 0.004800000000000001 90))",
|
|
119
|
+
"light": "light-dark(oklch(0 0 90), oklch(0.0787065459868453 0.0015000000000000013 90))",
|
|
120
|
+
"mid": "light-dark(oklch(0 0 90), oklch(0.4856387300380706 0.012000000000000002 90))",
|
|
121
|
+
},
|
|
122
|
+
"$root": "light-dark(oklch(0% 0 90), oklch(53% 0.16000000000000003 90))",
|
|
123
|
+
"heavy": "light-dark(oklch(0% 0 90), oklch(100% 0.06400000000000002 90))",
|
|
124
|
+
"light": "light-dark(oklch(0% 0 90), oklch(8.000000000000002% 0.020000000000000018 90))",
|
|
125
|
+
"mid": "light-dark(oklch(0% 0 90), oklch(53% 0.16000000000000003 90))",
|
|
126
|
+
},
|
|
127
|
+
}
|
|
128
|
+
`);
|
|
129
|
+
});
|
|
130
|
+
it('provides default range names', () => {
|
|
131
|
+
const compiled = compileAndBake({
|
|
132
|
+
ranges: {
|
|
133
|
+
primary: {
|
|
134
|
+
hue: 90,
|
|
135
|
+
},
|
|
136
|
+
},
|
|
137
|
+
});
|
|
138
|
+
for (const name of defaultRangeNames) {
|
|
139
|
+
expect(compiled.primary).toHaveProperty(name);
|
|
140
|
+
}
|
|
141
|
+
});
|
|
142
|
+
it('supports color-level saturation', () => {
|
|
143
|
+
const compiled = compileAndBake({
|
|
144
|
+
ranges: {
|
|
145
|
+
primaryLight: {
|
|
146
|
+
hue: 90,
|
|
147
|
+
saturation: 0.5,
|
|
148
|
+
},
|
|
149
|
+
primary: {
|
|
150
|
+
hue: 90,
|
|
151
|
+
},
|
|
152
|
+
},
|
|
153
|
+
});
|
|
154
|
+
expect(compiled.primaryLight.light).toMatchInlineSnapshot(`"light-dark(oklch(98.02741561760232% 0.056269363558927955 90), oklch(40.95887657359654% 0.06126936355892796 90))"`);
|
|
155
|
+
expect(compiled.primary.light).toMatchInlineSnapshot(`"light-dark(oklch(98.02741561760232% 0.11253872711785591 90), oklch(40.95887657359654% 0.12253872711785592 90))"`);
|
|
156
|
+
expect(compiled.primaryLight.light).not.toEqual(compiled.primary.light);
|
|
157
|
+
});
|
|
158
|
+
it('supports hue defined as a CSS property', () => {
|
|
159
|
+
const compiled = compileAndBake({
|
|
160
|
+
ranges: {
|
|
161
|
+
primary: {
|
|
162
|
+
hue: 'var(--my-hue)',
|
|
163
|
+
},
|
|
164
|
+
},
|
|
165
|
+
});
|
|
166
|
+
expect(compiled.primary.light).toMatchInlineSnapshot(`"light-dark(oklch(98.02741561760232% 0.11253872711785591 var(--my-hue)), oklch(40.95887657359654% 0.12253872711785592 var(--my-hue)))"`);
|
|
167
|
+
});
|
|
168
|
+
it('assigns color and neutral $root to mid when mid exists', () => {
|
|
169
|
+
const compiled = compileAndBake({
|
|
170
|
+
ranges: {
|
|
171
|
+
primary: {
|
|
172
|
+
hue: 90,
|
|
173
|
+
rangeNames: ['heavy', 'mid', 'light'],
|
|
174
|
+
},
|
|
175
|
+
},
|
|
176
|
+
});
|
|
177
|
+
expect(compiled.primary.$root).toBe(compiled.primary.mid);
|
|
178
|
+
expect(compiled.primary.$neutral.$root).toBe(compiled.primary.$neutral.mid);
|
|
179
|
+
});
|
|
180
|
+
it('assigns $root to midpoint when mid is absent', () => {
|
|
181
|
+
const compiled = compileAndBake({
|
|
182
|
+
ranges: {
|
|
183
|
+
primary: {
|
|
184
|
+
hue: 90,
|
|
185
|
+
rangeNames: ['low', 'high'],
|
|
186
|
+
},
|
|
187
|
+
},
|
|
188
|
+
});
|
|
189
|
+
expect(compiled.primary.$root).toBe(compiled.primary.high);
|
|
190
|
+
expect(compiled.primary.$neutral.$root).toBe(compiled.primary.$neutral.high);
|
|
191
|
+
});
|
|
192
|
+
//# sourceMappingURL=compile.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compile.test.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/compile.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/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/arborPreset/modeValues/color/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { CalcEvaluationContext, CalcOperations, Equation } from '@arbor-css/calc';
|
|
2
|
+
import { Token } from '@arbor-css/tokens';
|
|
3
|
+
import { OklchColorEquation } 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: number | string;
|
|
9
|
+
rangeNames?: readonly RangeNames[];
|
|
10
|
+
defaultLevel?: RangeNames;
|
|
11
|
+
/** 0-1, a local multiplier for chroma, stacks on global and computed value. Can also be a var() reference! */
|
|
12
|
+
saturation?: number | string;
|
|
13
|
+
}
|
|
14
|
+
export interface ColorRangeCalculations {
|
|
15
|
+
/** A computation for lightness at each step - resolve 0-1 */
|
|
16
|
+
lightness: (tools: CalcOperations, details: {
|
|
17
|
+
step: number;
|
|
18
|
+
rangeSize: number;
|
|
19
|
+
midpoint: number;
|
|
20
|
+
}) => Equation;
|
|
21
|
+
/** A computation for chroma at each step - resolve 0-1 */
|
|
22
|
+
chroma: (tools: CalcOperations, details: {
|
|
23
|
+
step: number;
|
|
24
|
+
rangeSize: number;
|
|
25
|
+
midpoint: number;
|
|
26
|
+
}) => Equation;
|
|
27
|
+
hue?: (tools: CalcOperations, details: {
|
|
28
|
+
step: number;
|
|
29
|
+
rangeSize: number;
|
|
30
|
+
midpoint: number;
|
|
31
|
+
}) => Equation;
|
|
32
|
+
}
|
|
33
|
+
export type InferRangeNames<Config> = Config extends ColorRangeConfig<infer RangeNames> ? '!!!do_not_use_this_name' extends RangeNames ? DefaultRangeName : RangeNames : never;
|
|
34
|
+
export interface ColorRangeItem<TRangeNames extends string = string> {
|
|
35
|
+
equation: OklchColorEquation;
|
|
36
|
+
name: TRangeNames;
|
|
37
|
+
}
|
|
38
|
+
export type UncompiledColorRange<TRangeNames extends string = DefaultRangeName> = {
|
|
39
|
+
[K in TRangeNames]: ColorRangeItem;
|
|
40
|
+
} & {
|
|
41
|
+
$root: ColorRangeItem;
|
|
42
|
+
};
|
|
43
|
+
export type CompiledColorRange<TRangeNames extends string = DefaultRangeName> = {
|
|
44
|
+
[K in TRangeNames]: string | Equation;
|
|
45
|
+
} & {
|
|
46
|
+
$root: string | Equation;
|
|
47
|
+
};
|
|
48
|
+
export declare function createColorRange<RangeNames extends string = DefaultRangeName>(config: ColorRangeConfig<RangeNames>, calcs: ColorRangeCalculations, tokens: {
|
|
49
|
+
saturation: Token;
|
|
50
|
+
}): UncompiledColorRange<RangeNames>;
|
|
51
|
+
export declare function createColorLightModeRange(config: ColorRangeConfig & {
|
|
52
|
+
base?: number;
|
|
53
|
+
scale?: number;
|
|
54
|
+
}, $: {
|
|
55
|
+
saturation: Token;
|
|
56
|
+
}): UncompiledColorRange<"light" | "paper" | "wash" | "mid" | "heavy" | "ink">;
|
|
57
|
+
export declare function createColorDarkModeRange(config: ColorRangeConfig & {
|
|
58
|
+
base?: number;
|
|
59
|
+
scale?: number;
|
|
60
|
+
}, $: {
|
|
61
|
+
saturation: Token;
|
|
62
|
+
}): UncompiledColorRange<"light" | "paper" | "wash" | "mid" | "heavy" | "ink">;
|
|
63
|
+
export declare function createNeutralDerivedRange(sourceRange: UncompiledColorRange<string>, tokens: {
|
|
64
|
+
saturation: Token;
|
|
65
|
+
}): UncompiledColorRange<string>;
|
|
66
|
+
export declare function compileRange<R extends string>(range: UncompiledColorRange<R>, context: CalcEvaluationContext): CompiledColorRange<R>;
|
|
67
|
+
//# sourceMappingURL=ranges.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ranges.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/ranges.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { oklchBuilder } from './color.js';
|
|
2
|
+
export const defaultRangeNames = [
|
|
3
|
+
'ink',
|
|
4
|
+
'heavy',
|
|
5
|
+
'mid',
|
|
6
|
+
'light',
|
|
7
|
+
'wash',
|
|
8
|
+
'paper',
|
|
9
|
+
];
|
|
10
|
+
export function createColorRange(config, calcs, tokens) {
|
|
11
|
+
const { hue: sourceHue, rangeNames = defaultRangeNames, defaultLevel, } = config;
|
|
12
|
+
const { lightness, chroma } = calcs;
|
|
13
|
+
const size = rangeNames.length;
|
|
14
|
+
const rootName = rangeNames.find((name) => name === defaultLevel) ??
|
|
15
|
+
rangeNames.find((name) => name === 'mid') ??
|
|
16
|
+
rangeNames[Math.floor(size / 2)];
|
|
17
|
+
const midpoint = rangeNames.indexOf(rootName);
|
|
18
|
+
const range = rangeNames.reduce((acc, name, i) => {
|
|
19
|
+
const equation = oklchBuilder(($) => ({
|
|
20
|
+
l: $.fn('clamp', $.val('0%'), $.castPercentage(lightness($, { step: i, rangeSize: size, midpoint })), $.val('100%')),
|
|
21
|
+
c: $.fn('clamp', $.val('0'), $.multiply($.val(config.saturation ?? 1), $.val('0.4'), chroma($, { step: i, rangeSize: size, midpoint }), $.token(tokens.saturation)), $.val('0.4')),
|
|
22
|
+
h: $.multiply($.val(`${sourceHue}`), calcs.hue?.($, { step: i, rangeSize: size, midpoint }) ?? $.val(1)),
|
|
23
|
+
}));
|
|
24
|
+
acc[name] = { name, equation };
|
|
25
|
+
return acc;
|
|
26
|
+
}, {});
|
|
27
|
+
range.$root = range[rootName];
|
|
28
|
+
return range;
|
|
29
|
+
}
|
|
30
|
+
function lightnessEq(config) {
|
|
31
|
+
return ($, { step, rangeSize, midpoint, }) => {
|
|
32
|
+
const rangeDir = step < midpoint ? -1 : 1;
|
|
33
|
+
const rangeMax = step < midpoint ? midpoint : rangeSize - midpoint - 1;
|
|
34
|
+
const rangeProgress = (Math.abs(step - midpoint) / rangeMax) **
|
|
35
|
+
(config.midpointDifferentiation ?? 1.2);
|
|
36
|
+
return $.add($.val(config.baseline), $.multiply($.val(rangeDir), $.val(rangeProgress), $.val(step < midpoint ? config.rangeDown : config.rangeUp)));
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
function chromaEq(config) {
|
|
40
|
+
return ($, { step, rangeSize, midpoint, }) => {
|
|
41
|
+
const rangeDir = step < midpoint ? -1 : 1;
|
|
42
|
+
const rangeMax = step < midpoint ? midpoint : rangeSize - midpoint - 1;
|
|
43
|
+
const rangeProgress = (Math.abs(step - midpoint) / rangeMax) **
|
|
44
|
+
(config.midpointDifferentiation ?? 1.2);
|
|
45
|
+
return $.add($.val(config.baseline), $.multiply($.val(rangeDir), $.val(rangeProgress), $.val(step < midpoint ? config.rangeDown : config.rangeUp)));
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
export function createColorLightModeRange(config, $) {
|
|
49
|
+
const lightness = lightnessEq({
|
|
50
|
+
rangeUp: 0.3,
|
|
51
|
+
rangeDown: 0.7,
|
|
52
|
+
baseline: 0.9,
|
|
53
|
+
});
|
|
54
|
+
const chroma = chromaEq({
|
|
55
|
+
baseline: 0.75,
|
|
56
|
+
rangeUp: -0.7,
|
|
57
|
+
rangeDown: 0.2,
|
|
58
|
+
});
|
|
59
|
+
return createColorRange(config, {
|
|
60
|
+
lightness,
|
|
61
|
+
chroma,
|
|
62
|
+
}, $);
|
|
63
|
+
}
|
|
64
|
+
export function createColorDarkModeRange(config, $) {
|
|
65
|
+
const lightness = lightnessEq({
|
|
66
|
+
rangeUp: -0.45,
|
|
67
|
+
rangeDown: -0.85,
|
|
68
|
+
baseline: 0.53,
|
|
69
|
+
});
|
|
70
|
+
const chroma = chromaEq({
|
|
71
|
+
baseline: 0.8,
|
|
72
|
+
rangeUp: -0.7,
|
|
73
|
+
rangeDown: 0.48,
|
|
74
|
+
});
|
|
75
|
+
return createColorRange(config, {
|
|
76
|
+
lightness,
|
|
77
|
+
chroma,
|
|
78
|
+
}, $);
|
|
79
|
+
}
|
|
80
|
+
export function createNeutralDerivedRange(sourceRange, tokens) {
|
|
81
|
+
function lightness($, source) {
|
|
82
|
+
const sourceLAsZeroToOne = $.divide(source.l, $.val('100%'));
|
|
83
|
+
return $.subtract(sourceLAsZeroToOne, $.fn('pow', source.c, $.val(1.7)));
|
|
84
|
+
}
|
|
85
|
+
function chroma($, source) {
|
|
86
|
+
return $.multiply(source.c, $.token(tokens.saturation), $.val('0.15'));
|
|
87
|
+
}
|
|
88
|
+
return Object.fromEntries(Object.keys(sourceRange).map((sourceName) => {
|
|
89
|
+
const sourceEquation = sourceRange[sourceName].equation;
|
|
90
|
+
const equation = oklchBuilder(($) => ({
|
|
91
|
+
l: $.fn('clamp', $.val(0), lightness($, sourceEquation), $.val(1)),
|
|
92
|
+
c: $.fn('clamp', $.val(0), chroma($, sourceEquation), $.val(0.4)),
|
|
93
|
+
h: sourceEquation.h,
|
|
94
|
+
}));
|
|
95
|
+
return [
|
|
96
|
+
sourceName,
|
|
97
|
+
{
|
|
98
|
+
name: sourceName,
|
|
99
|
+
equation,
|
|
100
|
+
},
|
|
101
|
+
];
|
|
102
|
+
}));
|
|
103
|
+
}
|
|
104
|
+
export function compileRange(range, context) {
|
|
105
|
+
return Object.fromEntries(Object.keys(range).map((name) => [
|
|
106
|
+
name,
|
|
107
|
+
range[name].equation.printComputed(context),
|
|
108
|
+
]));
|
|
109
|
+
}
|
|
110
|
+
//# sourceMappingURL=ranges.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ranges.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/ranges.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Token } from '@arbor-css/tokens';
|
|
2
|
+
import { ColorRangeConfig, DefaultRangeName, UncompiledColorRange } from './ranges.js';
|
|
3
|
+
export interface SchemeDefinition<TRangeConfig extends ColorRangeConfig<TRangeNames>, TRangeNames extends string = DefaultRangeName> {
|
|
4
|
+
getColorRange: (config: TRangeConfig, tokens: {
|
|
5
|
+
saturation: Token;
|
|
6
|
+
}) => UncompiledColorRange<TRangeNames>;
|
|
7
|
+
tag: string;
|
|
8
|
+
isDark: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare function createScheme<RangeConfig extends ColorRangeConfig = ColorRangeConfig>(def: SchemeDefinition<RangeConfig>): SchemeDefinition<RangeConfig, "light" | "paper" | "wash" | "mid" | "heavy" | "ink">;
|
|
11
|
+
export declare const defaultLightScheme: SchemeDefinition<ColorRangeConfig<DefaultRangeName>, DefaultRangeName>;
|
|
12
|
+
export declare const defaultDarkScheme: SchemeDefinition<ColorRangeConfig<DefaultRangeName>, DefaultRangeName>;
|
|
13
|
+
//# sourceMappingURL=schemes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schemes.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/schemes.ts"],"names":[],"mappings":"AAAA,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,EACpB,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/arborPreset/modeValues/color/schemes.ts"],"names":[],"mappings":"AACA,OAAO,EAEN,wBAAwB,EACxB,yBAAyB,GAGzB,MAAM,aAAa,CAAC;AAgBrB,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"intents.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeValues/intents.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,wBAAgB,wBAAwB,CAAC,WAAW,SAAS,MAAM,EAClE,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;EA0CtB;AAED,wBAAgB,yBAAyB,CAAC,WAAW,SAAS,MAAM,EACnE,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;EA8CtB;AAED,wBAAgB,yBAAyB,CAAC,WAAW,SAAS,MAAM,EACnE,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;;;;;;EAsBtB;AAED,wBAAgB,sBAAsB,CAAC,WAAW,SAAS,MAAM,EAChE,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"intents.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeValues/intents.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,wBAAgB,wBAAwB,CAAC,WAAW,SAAS,MAAM,EAClE,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;EA0CtB;AAED,wBAAgB,yBAAyB,CAAC,WAAW,SAAS,MAAM,EACnE,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;EA8CtB;AAED,wBAAgB,yBAAyB,CAAC,WAAW,SAAS,MAAM,EACnE,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;;;;;;EAsBtB;AAED,wBAAgB,sBAAsB,CAAC,WAAW,SAAS,MAAM,EAChE,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;;;;;;;;;0CAWe,CAAC;0BACF,CAAC;;;;;;;;;;;;;8CAW8C,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAZ9sB,CAAC;0BACF,CAAC;;;;;;;;;;;;;8CAW8C,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;0CAZ9sB,CAAC;0BACF,CAAC;;;;;;;;;;;;;8CAW8C,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAZ9sB,CAAC;0BACF,CAAC;;;;;;;;;;;;;8CAW8C,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;0CAZ9sB,CAAC;0BACF,CAAC;;;;;;;;;;;;;8CAW8C,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAZ9sB,CAAC;0BACF,CAAC;;;;;;;;;;;;;8CAW8C,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;EADnvB"}
|
|
@@ -5,8 +5,8 @@ export function createActionIntentValues($) {
|
|
|
5
5
|
$root: css `
|
|
6
6
|
${$.mode.action.padding.block} ${$.mode.action.padding.inline}
|
|
7
7
|
`,
|
|
8
|
-
block: css `calc(${$.mode.primitive.spacing.md} / ${$.mode.
|
|
9
|
-
inline: css `calc((${$.mode.primitive.spacing.lg} + ${$.
|
|
8
|
+
block: css `calc(${$.mode.primitive.spacing.md} / ${$.mode.global.density})`,
|
|
9
|
+
inline: css `calc((${$.mode.primitive.spacing.lg} + ${$.mode.global.roundness} * ${$.mode.primitive.spacing.sm}) / ${$.mode.global.density})`,
|
|
10
10
|
},
|
|
11
11
|
roundness: 1,
|
|
12
12
|
radius: css `calc(${$.mode.radius.sm} * ${$.mode.action.roundness})`,
|
|
@@ -15,7 +15,7 @@ export function createActionIntentValues($) {
|
|
|
15
15
|
${$.mode.color.main.mid}
|
|
16
16
|
`,
|
|
17
17
|
fg: css `
|
|
18
|
-
${$.mode.
|
|
18
|
+
${$.mode.global.trueHeavyColor}
|
|
19
19
|
`,
|
|
20
20
|
border: css `
|
|
21
21
|
${$.mode.color.main.heavy}
|
|
@@ -26,7 +26,7 @@ export function createActionIntentValues($) {
|
|
|
26
26
|
${$.mode.color.neutral.paper}
|
|
27
27
|
`,
|
|
28
28
|
fg: css `
|
|
29
|
-
${$.mode.
|
|
29
|
+
${$.mode.global.trueHeavyColor}
|
|
30
30
|
`,
|
|
31
31
|
border: css `
|
|
32
32
|
${$.mode.color.neutral.heavy}
|
|
@@ -35,7 +35,7 @@ export function createActionIntentValues($) {
|
|
|
35
35
|
ambient: {
|
|
36
36
|
bg: 'transparent',
|
|
37
37
|
fg: css `
|
|
38
|
-
${$.mode.
|
|
38
|
+
${$.mode.global.trueHeavyColor}
|
|
39
39
|
`,
|
|
40
40
|
border: 'transparent',
|
|
41
41
|
},
|
|
@@ -47,8 +47,8 @@ export function createSurfaceIntentValues($) {
|
|
|
47
47
|
$root: css `
|
|
48
48
|
${$.mode.surface.padding.block} ${$.mode.surface.padding.inline}
|
|
49
49
|
`,
|
|
50
|
-
block: css `calc(${$.mode.spacing.lg} * max(1, ${$.mode.surface.roundness} * ${$.
|
|
51
|
-
inline: css `calc(${$.mode.spacing.lg} * max(1, ${$.mode.surface.roundness} * ${$.
|
|
50
|
+
block: css `calc(${$.mode.spacing.lg} * max(1, ${$.mode.surface.roundness} * ${$.mode.global.roundness}))`,
|
|
51
|
+
inline: css `calc(${$.mode.spacing.lg} * max(1, ${$.mode.surface.roundness} * ${$.mode.global.roundness}))`,
|
|
52
52
|
},
|
|
53
53
|
roundness: 0.75,
|
|
54
54
|
radius: css `calc(${$.mode.radius.md} * ${$.mode.surface.roundness})`,
|
|
@@ -57,7 +57,7 @@ export function createSurfaceIntentValues($) {
|
|
|
57
57
|
${$.mode.color.main.light}
|
|
58
58
|
`,
|
|
59
59
|
fg: css `
|
|
60
|
-
${$.mode.
|
|
60
|
+
${$.mode.global.trueHeavyColor}
|
|
61
61
|
`,
|
|
62
62
|
border: css `
|
|
63
63
|
${$.mode.color.main.heavy}
|
|
@@ -93,8 +93,8 @@ export function createControlIntentValues($) {
|
|
|
93
93
|
$root: css `
|
|
94
94
|
${$.mode.control.padding.block} ${$.mode.control.padding.inline}
|
|
95
95
|
`,
|
|
96
|
-
block: css `calc(${$.mode.primitive.spacing.sm} / ${$.mode.
|
|
97
|
-
inline: css `calc((${$.mode.primitive.spacing.md} + ${$.
|
|
96
|
+
block: css `calc(${$.mode.primitive.spacing.sm} / ${$.mode.global.density})`,
|
|
97
|
+
inline: css `calc((${$.mode.primitive.spacing.md} + ${$.mode.global.roundness} * ${$.mode.primitive.spacing.sm}) / ${$.mode.global.density})`,
|
|
98
98
|
},
|
|
99
99
|
roundness: 1,
|
|
100
100
|
radius: css `calc(${$.mode.radius.sm} * ${$.mode.control.roundness})`,
|
|
@@ -112,19 +112,19 @@ export function createControlIntentValues($) {
|
|
|
112
112
|
export function createTextIntentValues($) {
|
|
113
113
|
return {
|
|
114
114
|
primary: {
|
|
115
|
-
size: css `calc(${$.mode.primitive.typography['3xl'].size} / ${$.mode.
|
|
115
|
+
size: css `calc(${$.mode.primitive.typography['3xl'].size} / ${$.mode.global.density})`,
|
|
116
116
|
weight: $.mode.primitive.typography['3xl'].weight,
|
|
117
117
|
lineHeight: $.mode.primitive.typography['3xl'].lineHeight,
|
|
118
118
|
font: 'sans-serif',
|
|
119
119
|
},
|
|
120
120
|
secondary: {
|
|
121
|
-
size: css `calc(max(${$.mode.primitive.typography.xs.size}, ${$.mode.primitive.typography.md.size} / ${$.mode.
|
|
121
|
+
size: css `calc(max(${$.mode.primitive.typography.xs.size}, ${$.mode.primitive.typography.md.size} / ${$.mode.global.density}))`,
|
|
122
122
|
weight: $.mode.primitive.typography.md.weight,
|
|
123
123
|
lineHeight: $.mode.primitive.typography.md.lineHeight,
|
|
124
124
|
font: 'sans-serif',
|
|
125
125
|
},
|
|
126
126
|
ambient: {
|
|
127
|
-
size: css `calc(max(${$.mode.primitive.typography.xs.size}, ${$.mode.primitive.typography.sm.size} / ${$.mode.
|
|
127
|
+
size: css `calc(max(${$.mode.primitive.typography.xs.size}, ${$.mode.primitive.typography.sm.size} / ${$.mode.global.density}))`,
|
|
128
128
|
weight: $.mode.primitive.typography.sm.weight,
|
|
129
129
|
lineHeight: $.mode.primitive.typography.sm.lineHeight,
|
|
130
130
|
font: 'sans-serif',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"intents.js","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeValues/intents.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAKtC,MAAM,UAAU,wBAAwB,CACvC,CAAsB;IAEtB,OAAO;QACN,OAAO,EAAE;YACR,KAAK,EAAE,GAAG,CAAA;MACP,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;IAC7D;YACD,KAAK,EAAE,GAAG,CAAA,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG;YAC3E,MAAM,EAAE,GAAG,CAAA,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"intents.js","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeValues/intents.ts"],"names":[],"mappings":"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"}
|