@arbor-css/core 0.0.90 → 0.0.91
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/introspection.d.ts +1 -1
- package/dist/cli/introspection.d.ts.map +1 -1
- package/dist/cli/introspection.js +5 -8
- package/dist/cli/introspection.js.map +1 -1
- package/dist/cli/introspection.test.js +2 -9
- package/dist/cli/introspection.test.js.map +1 -1
- package/dist/cli/run.js +1 -1
- package/dist/cli/run.js.map +1 -1
- package/dist/cli/validate.d.ts.map +1 -1
- package/dist/cli/validate.js +0 -2
- package/dist/cli/validate.js.map +1 -1
- package/dist/cli/validate.test.js +0 -13
- package/dist/cli/validate.test.js.map +1 -1
- package/dist/getStructuredTokensMap.d.ts.map +1 -1
- package/dist/getStructuredTokensMap.js +0 -5
- package/dist/getStructuredTokensMap.js.map +1 -1
- package/dist/getStructuredTokensMap.test.js +3 -3
- package/dist/getStructuredTokensMap.test.js.map +1 -1
- package/dist/presets/arborPreset/index.d.ts +1 -2
- package/dist/presets/arborPreset/index.d.ts.map +1 -1
- package/dist/presets/arborPreset/index.js +1 -2
- package/dist/presets/arborPreset/index.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/action.d.ts +67 -0
- package/dist/presets/arborPreset/modeSchema/intents/action.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/intents/action.js +17 -0
- package/dist/presets/arborPreset/modeSchema/intents/action.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/intents/common.d.ts +35 -0
- package/dist/presets/arborPreset/modeSchema/intents/common.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/intents/common.js +36 -0
- package/dist/presets/arborPreset/modeSchema/intents/common.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/intents/control.d.ts +37 -0
- package/dist/presets/arborPreset/modeSchema/intents/control.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/intents/control.js +15 -0
- package/dist/presets/arborPreset/modeSchema/intents/control.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts +67 -0
- package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/intents/surface.js +17 -0
- package/dist/presets/arborPreset/modeSchema/intents/surface.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/intents/text.d.ts +21 -0
- package/dist/presets/arborPreset/modeSchema/intents/text.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/intents/text.js +8 -0
- package/dist/presets/arborPreset/modeSchema/intents/text.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts +820 -0
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/modeSchema.js +47 -0
- package/dist/presets/arborPreset/modeSchema/modeSchema.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/modeSchema.test.d.ts +2 -0
- package/dist/presets/arborPreset/modeSchema/modeSchema.test.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/modeSchema.test.js +10 -0
- package/dist/presets/arborPreset/modeSchema/modeSchema.test.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/primitives/color.d.ts +93 -0
- package/dist/presets/arborPreset/modeSchema/primitives/color.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/primitives/color.js +42 -0
- package/dist/presets/arborPreset/modeSchema/primitives/color.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/primitives/duration.d.ts +10 -0
- package/dist/presets/arborPreset/modeSchema/primitives/duration.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/primitives/duration.js +11 -0
- package/dist/presets/arborPreset/modeSchema/primitives/duration.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/primitives/easing.d.ts +10 -0
- package/dist/presets/arborPreset/modeSchema/primitives/easing.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/primitives/easing.js +11 -0
- package/dist/presets/arborPreset/modeSchema/primitives/easing.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/primitives/shadow.d.ts +159 -0
- package/dist/presets/arborPreset/modeSchema/primitives/shadow.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/primitives/shadow.js +35 -0
- package/dist/presets/arborPreset/modeSchema/primitives/shadow.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/primitives/spacing.d.ts +14 -0
- package/dist/presets/arborPreset/modeSchema/primitives/spacing.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/primitives/spacing.js +15 -0
- package/dist/presets/arborPreset/modeSchema/primitives/spacing.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/primitives/typography.d.ts +157 -0
- package/dist/presets/arborPreset/modeSchema/primitives/typography.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/primitives/typography.js +28 -0
- package/dist/presets/arborPreset/modeSchema/primitives/typography.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/scalars/scalars.d.ts +7 -0
- package/dist/presets/arborPreset/modeSchema/scalars/scalars.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/scalars/scalars.js +8 -0
- package/dist/presets/arborPreset/modeSchema/scalars/scalars.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/color.d.ts +63 -0
- package/dist/presets/arborPreset/modeSchema/semantics/color.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/color.js +7 -0
- package/dist/presets/arborPreset/modeSchema/semantics/color.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/common.d.ts +27 -0
- package/dist/presets/arborPreset/modeSchema/semantics/common.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/common.js +28 -0
- package/dist/presets/arborPreset/modeSchema/semantics/common.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/duration.d.ts +19 -0
- package/dist/presets/arborPreset/modeSchema/semantics/duration.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/duration.js +20 -0
- package/dist/presets/arborPreset/modeSchema/semantics/duration.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/easing.d.ts +19 -0
- package/dist/presets/arborPreset/modeSchema/semantics/easing.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/easing.js +20 -0
- package/dist/presets/arborPreset/modeSchema/semantics/easing.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/lines.d.ts +19 -0
- package/dist/presets/arborPreset/modeSchema/semantics/lines.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/lines.js +20 -0
- package/dist/presets/arborPreset/modeSchema/semantics/lines.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/radius.d.ts +12 -0
- package/dist/presets/arborPreset/modeSchema/semantics/radius.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/radius.js +13 -0
- package/dist/presets/arborPreset/modeSchema/semantics/radius.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/shadow.d.ts +115 -0
- package/dist/presets/arborPreset/modeSchema/semantics/shadow.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/shadow.js +17 -0
- package/dist/presets/arborPreset/modeSchema/semantics/shadow.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/spacing.d.ts +12 -0
- package/dist/presets/arborPreset/modeSchema/semantics/spacing.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/spacing.js +12 -0
- package/dist/presets/arborPreset/modeSchema/semantics/spacing.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/intents.d.ts +370 -0
- package/dist/presets/arborPreset/modeValues/intents.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/intents.js +134 -0
- package/dist/presets/arborPreset/modeValues/intents.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/semantics.d.ts +1048 -0
- package/dist/presets/arborPreset/modeValues/semantics.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/semantics.js +92 -0
- package/dist/presets/arborPreset/modeValues/semantics.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/types.d.ts +9 -0
- package/dist/presets/arborPreset/modeValues/types.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/types.js +2 -0
- package/dist/presets/arborPreset/modeValues/types.js.map +1 -0
- package/dist/presets/arborPreset/preset.d.ts +427 -52
- package/dist/presets/arborPreset/preset.d.ts.map +1 -1
- package/dist/presets/arborPreset/preset.js +72 -32
- package/dist/presets/arborPreset/preset.js.map +1 -1
- package/dist/presets/arborPreset/preset.test.js +2 -4
- package/dist/presets/arborPreset/preset.test.js.map +1 -1
- package/dist/presets/basicPreset/preset.d.ts +1 -1
- package/dist/runtime/components/BaseElement.d.ts +1 -1
- package/dist/runtime/components/BaseElement.d.ts.map +1 -1
- package/dist/runtime/components/GlobalsEditor.js +0 -40
- package/dist/runtime/components/GlobalsEditor.js.map +1 -1
- package/dist/runtime/components/SchemeSelector.js +1 -3
- package/dist/runtime/components/SchemeSelector.js.map +1 -1
- package/dist/runtime/components/SystemDemo.js +2 -2
- package/dist/runtime/components/SystemDemo.js.map +1 -1
- package/dist/stylesheet/generateStylesheet.d.ts.map +1 -1
- package/dist/stylesheet/generateStylesheet.js +40 -77
- package/dist/stylesheet/generateStylesheet.js.map +1 -1
- package/dist/stylesheet/generateStylesheet.test.js +3 -5
- package/dist/stylesheet/generateStylesheet.test.js.map +1 -1
- package/dist/stylesheet/modeToCss.d.ts.map +1 -1
- package/dist/stylesheet/modeToCss.js +22 -8
- package/dist/stylesheet/modeToCss.js.map +1 -1
- package/dist/stylesheet/modeToCss.test.js +19 -22
- package/dist/stylesheet/modeToCss.test.js.map +1 -1
- package/dist/util/resolveComputedTokenValue.js +5 -12
- 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/dist/util/resolveTokenReferences.d.ts.map +1 -1
- package/dist/util/resolveTokenReferences.js +1 -15
- package/dist/util/resolveTokenReferences.js.map +1 -1
- package/dist/util/resolveTokenReferences.test.js +3 -3
- package/dist/util/resolveTokenReferences.test.js.map +1 -1
- package/package.json +12 -12
- package/dist/presets/arborPreset/baseModeValues.d.ts +0 -16
- package/dist/presets/arborPreset/baseModeValues.d.ts.map +0 -1
- package/dist/presets/arborPreset/baseModeValues.js +0 -231
- package/dist/presets/arborPreset/baseModeValues.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema.d.ts +0 -448
- package/dist/presets/arborPreset/modeSchema.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema.js +0 -267
- package/dist/presets/arborPreset/modeSchema.js.map +0 -1
|
@@ -1,51 +1,91 @@
|
|
|
1
1
|
import { compileColors, } from '@arbor-css/colors';
|
|
2
|
+
import { defaultGlobals, } from '@arbor-css/globals';
|
|
2
3
|
import { definePreset } from '@arbor-css/preset';
|
|
3
4
|
import { compileShadows } from '@arbor-css/shadows';
|
|
4
5
|
import { compileSpacing } from '@arbor-css/spacing';
|
|
5
6
|
import { compileTypography } from '@arbor-css/typography';
|
|
6
7
|
import { presetBasic } from '../basicPreset/preset.js';
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
8
|
+
import { createArborModeSchema, } from './modeSchema/modeSchema.js';
|
|
9
|
+
import { createActionIntentValues, createControlIntentValues, createSurfaceIntentValues, createTextIntentValues, } from './modeValues/intents.js';
|
|
10
|
+
import { createColorSemanticValues, createDurationSemanticValues, createEasingSemanticValues, createLineWidthSemanticValues, createRadiusSemanticValues, createShadowSemanticValues, createSpacingSemanticValues, } from './modeValues/semantics.js';
|
|
9
11
|
/**
|
|
10
12
|
* Adds opinionated primitive tokens and a full-featured mode
|
|
11
13
|
* schema on top of the basic preset's utility mixins and functions.
|
|
12
14
|
*/
|
|
13
15
|
export const presetArbor = (config) => {
|
|
16
|
+
const defaultedGlobals = {
|
|
17
|
+
...defaultGlobals,
|
|
18
|
+
...config.globals,
|
|
19
|
+
};
|
|
14
20
|
const preset = definePreset({
|
|
15
21
|
name: 'arbor',
|
|
16
|
-
modeSchema:
|
|
17
|
-
|
|
18
|
-
tokens: $,
|
|
19
|
-
mainColor: config.color.mainColor,
|
|
22
|
+
modeSchema: createArborModeSchema({
|
|
23
|
+
colorNames: Object.keys(config.color.ranges),
|
|
20
24
|
}),
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
25
|
+
baseMode: ($, ctx) => {
|
|
26
|
+
// NOTE: had to bypass typings for color tokens... the user-controlled
|
|
27
|
+
// color names seem to really mess with this.
|
|
28
|
+
return {
|
|
29
|
+
scalar: {
|
|
30
|
+
density: 1,
|
|
31
|
+
},
|
|
32
|
+
/** PRIMITIVES */
|
|
33
|
+
primitive: {
|
|
34
|
+
color: compileColors({
|
|
35
|
+
ranges: config.color.ranges,
|
|
36
|
+
schemes: config.color.schemes,
|
|
37
|
+
}, ctx),
|
|
38
|
+
spacing: compileSpacing(config.spacing || {}, ctx),
|
|
39
|
+
typography: compileTypography(config.typography || {}, ctx),
|
|
40
|
+
shadow: compileShadows(config.shadow || {}, ctx),
|
|
41
|
+
easing: config.easing ||
|
|
42
|
+
{
|
|
43
|
+
$root: $.mode.easing.medium,
|
|
44
|
+
tight: `cubic-bezier(0.4, 0, 0.2, 1)`,
|
|
45
|
+
medium: `cubic-bezier(0.4, 0, 0.2, 1)`,
|
|
46
|
+
loose: `cubic-bezier(0.4, 0, 0.2, 1)`,
|
|
47
|
+
},
|
|
48
|
+
duration: config.duration ||
|
|
49
|
+
{
|
|
50
|
+
$root: $.mode.duration.medium,
|
|
51
|
+
short: `100ms`,
|
|
52
|
+
medium: `250ms`,
|
|
53
|
+
long: `500ms`,
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
/** SEMANTICS */
|
|
57
|
+
color: createColorSemanticValues($, config.color.mainColor),
|
|
58
|
+
spacing: createSpacingSemanticValues($),
|
|
59
|
+
shadow: createShadowSemanticValues($),
|
|
60
|
+
radius: createRadiusSemanticValues($),
|
|
61
|
+
lineWidth: createLineWidthSemanticValues($),
|
|
62
|
+
easing: createEasingSemanticValues($),
|
|
63
|
+
duration: createDurationSemanticValues($),
|
|
64
|
+
/** INTENTS */
|
|
65
|
+
action: createActionIntentValues($),
|
|
66
|
+
control: createControlIntentValues($),
|
|
67
|
+
surface: createSurfaceIntentValues($),
|
|
68
|
+
text: createTextIntentValues($),
|
|
69
|
+
};
|
|
70
|
+
},
|
|
71
|
+
config: {
|
|
72
|
+
...config.prefixes,
|
|
73
|
+
globals: defaultedGlobals,
|
|
74
|
+
},
|
|
47
75
|
extends: [presetBasic],
|
|
48
76
|
});
|
|
77
|
+
if (!config.disableAutoInvertedMode) {
|
|
78
|
+
// special built-in mode: @mode-inverted - easier to create here than in userland
|
|
79
|
+
preset.bundleMode('inverted', {
|
|
80
|
+
primitive: {
|
|
81
|
+
color: compileColors({
|
|
82
|
+
ranges: config.color.ranges,
|
|
83
|
+
schemes: config.color.schemes,
|
|
84
|
+
invertLightDark: true,
|
|
85
|
+
}, preset.context),
|
|
86
|
+
},
|
|
87
|
+
});
|
|
88
|
+
}
|
|
49
89
|
return preset;
|
|
50
90
|
};
|
|
51
91
|
//# sourceMappingURL=preset.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"preset.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { definePreset
|
|
1
|
+
import { definePreset } from '@arbor-css/preset';
|
|
2
2
|
import { expect, it } from 'vitest';
|
|
3
3
|
import { presetArbor } from './preset.js';
|
|
4
4
|
it('is extensible', () => {
|
|
@@ -23,10 +23,8 @@ it('is extensible', () => {
|
|
|
23
23
|
},
|
|
24
24
|
}),
|
|
25
25
|
});
|
|
26
|
-
expect(preset.$.
|
|
26
|
+
expect(preset.$.mode.primitive.color.red.mid.name).toEqual(base.$.mode.primitive.color.red.mid.name);
|
|
27
27
|
expect(preset.baseMode.test).toBe('red');
|
|
28
28
|
expect(preset.baseMode.action?.roundness).toBe(0.5);
|
|
29
|
-
const internals = getInternals(preset);
|
|
30
|
-
expect(internals.primitiveValues.color).toBeDefined();
|
|
31
29
|
});
|
|
32
30
|
//# sourceMappingURL=preset.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.test.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,
|
|
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;AACjD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,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;AACrD,CAAC,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* This basic preset includes utility mixins and functions,
|
|
3
3
|
* but no primitive tokens or mode schema.
|
|
4
4
|
*/
|
|
5
|
-
export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{},
|
|
5
|
+
export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
6
6
|
readonly lightenColor: import("@arbor-css/functions").ArborFunction<any>;
|
|
7
7
|
readonly darkenColor: import("@arbor-css/functions").ArborFunction<any>;
|
|
8
8
|
readonly desaturateColor: import("@arbor-css/functions").ArborFunction<any>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare class ArborElement extends HTMLElement {
|
|
2
2
|
shadowRoot: ShadowRoot;
|
|
3
|
-
config: import("@arbor-css/preset").ArborPreset<any, any, import("@arbor-css/
|
|
3
|
+
config: import("@arbor-css/preset").ArborPreset<any, any, import("@arbor-css/functions").PresetMixins>;
|
|
4
4
|
constructor();
|
|
5
5
|
}
|
|
6
6
|
//# sourceMappingURL=BaseElement.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseElement.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/BaseElement.ts"],"names":[],"mappings":"AAEA,qBAAa,YAAa,SAAQ,WAAW;IAC5C,UAAU,EAAG,UAAU,CAAC;IACxB,MAAM,
|
|
1
|
+
{"version":3,"file":"BaseElement.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/BaseElement.ts"],"names":[],"mappings":"AAEA,qBAAa,YAAa,SAAQ,WAAW;IAC5C,UAAU,EAAG,UAAU,CAAC;IACxB,MAAM,iGAAe;;CAMrB"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
import { getInternals } from '@arbor-css/preset';
|
|
2
|
-
import { isToken } from '@arbor-css/tokens';
|
|
3
1
|
import GUI from 'lil-gui';
|
|
4
|
-
import { readProperties } from '../readProperties.js';
|
|
5
2
|
import { getConfig } from '../registration.js';
|
|
6
3
|
import { ArborElement } from './BaseElement.js';
|
|
7
4
|
class GlobalsEditor extends ArborElement {
|
|
@@ -9,7 +6,6 @@ class GlobalsEditor extends ArborElement {
|
|
|
9
6
|
const gui = new GUI();
|
|
10
7
|
gui.close();
|
|
11
8
|
const config = getConfig();
|
|
12
|
-
const internals = getInternals(config);
|
|
13
9
|
const globalsFolder = gui.addFolder('Globals');
|
|
14
10
|
for (const [globalKey, token] of Object.entries(config.$.system.global)) {
|
|
15
11
|
let entry = token.type === 'color' ?
|
|
@@ -22,42 +18,6 @@ class GlobalsEditor extends ArborElement {
|
|
|
22
18
|
entry = entry.min(0).max(2).step(0.1);
|
|
23
19
|
}
|
|
24
20
|
}
|
|
25
|
-
const primitivesFolder = gui.addFolder('Primitives');
|
|
26
|
-
function addToken(parent, key, token, folder) {
|
|
27
|
-
let entry = token.type === 'color' ?
|
|
28
|
-
folder.addColor(parent, key)
|
|
29
|
-
: folder.add(parent, key);
|
|
30
|
-
entry.name(key).onChange((v) => {
|
|
31
|
-
document.documentElement.style.setProperty(token.name, v.toString());
|
|
32
|
-
// and all scheme permutations...
|
|
33
|
-
for (const scheme of Object.keys(internals.primitiveValues.color)) {
|
|
34
|
-
const prefix = scheme;
|
|
35
|
-
document.documentElement.style.setProperty(token.prefixed(prefix).name, v.toString());
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
const values = readProperties(config.$.primitives);
|
|
40
|
-
for (const [firstLayerKey, firstTokenLayer] of Object.entries(config.$.primitives)) {
|
|
41
|
-
if (isToken(firstTokenLayer)) {
|
|
42
|
-
addToken(values, firstLayerKey, firstTokenLayer, primitivesFolder);
|
|
43
|
-
}
|
|
44
|
-
else {
|
|
45
|
-
const primitiveFolder = primitivesFolder.addFolder(firstLayerKey);
|
|
46
|
-
for (const [secondLayerKey, secondTokenLayer] of Object.entries(firstTokenLayer)) {
|
|
47
|
-
if (isToken(secondTokenLayer)) {
|
|
48
|
-
addToken(values[firstLayerKey], secondLayerKey, secondTokenLayer, primitiveFolder);
|
|
49
|
-
}
|
|
50
|
-
else {
|
|
51
|
-
const secondLayerFolder = primitiveFolder.addFolder(secondLayerKey);
|
|
52
|
-
for (const [thirdLayerKey, thirdTokenLayer] of Object.entries(secondTokenLayer)) {
|
|
53
|
-
if (isToken(thirdTokenLayer)) {
|
|
54
|
-
addToken(values[firstLayerKey][secondLayerKey], thirdLayerKey, thirdTokenLayer, secondLayerFolder);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
21
|
}
|
|
62
22
|
}
|
|
63
23
|
customElements.define('arbor-globals-editor', GlobalsEditor);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalsEditor.js","sourceRoot":"","sources":["../../../src/runtime/components/GlobalsEditor.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"GlobalsEditor.js","sourceRoot":"","sources":["../../../src/runtime/components/GlobalsEditor.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,SAAS,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,aAAc,SAAQ,YAAY;IACvC,iBAAiB;QAChB,MAAM,GAAG,GAAG,IAAI,GAAG,EAAE,CAAC;QACtB,GAAG,CAAC,KAAK,EAAE,CAAC;QACZ,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAE3B,MAAM,aAAa,GAAG,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAE/C,KAAK,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;YACzE,IAAI,KAAK,GACR,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;gBACvB,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,SAAgB,CAAC;gBACjE,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,SAAgB,CAAC,CAAC;YAE/D,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAM,EAAE,EAAE;gBACzC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;YACtE,CAAC,CAAC,CAAC;YACH,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC7B,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACvC,CAAC;QACF,CAAC;IACF,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import { getInternals } from '../../index.js';
|
|
2
1
|
import { ArborElement } from './BaseElement.js';
|
|
3
2
|
class SchemeSelector extends ArborElement {
|
|
4
3
|
constructor() {
|
|
5
4
|
super();
|
|
6
5
|
this.render = () => {
|
|
7
|
-
const
|
|
8
|
-
const schemeNames = Object.keys(internals.primitiveValues.color);
|
|
6
|
+
const schemeNames = ['light', 'dark'];
|
|
9
7
|
const selected = this.getAttribute('selected') || 'base';
|
|
10
8
|
this.shadowRoot.innerHTML = `<div data-scheme-${selected}>
|
|
11
9
|
<select data-scheme-select name="scheme" aria-label="Select scheme" style="position: sticky; top: 0;">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SchemeSelector.js","sourceRoot":"","sources":["../../../src/runtime/components/SchemeSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"SchemeSelector.js","sourceRoot":"","sources":["../../../src/runtime/components/SchemeSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,cAAe,SAAQ,YAAY;IACxC;QACC,KAAK,EAAE,CAAC;QAIT,WAAM,GAAG,GAAG,EAAE;YACb,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC;YACzD,IAAI,CAAC,UAAW,CAAC,SAAS,GAAG,oBAAoB,QAAQ;;MAErD,WAAW;iBACX,GAAG,CACH,CAAC,UAAU,EAAE,EAAE,CACd,kBAAkB,UAAU,KAAK,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,WAAW,CACpG;iBACA,IAAI,CAAC,IAAI,CAAC;;;SAGP,CAAC;YACR,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAChD,sBAAsB,CACM,CAAC;YAC9B,UAAU,EAAE,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;gBAC3C,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC;gBACtC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;QAxBD,IAAI,CAAC,MAAM,EAAE,CAAC;IACf,CAAC;IAwBD,MAAM,KAAK,kBAAkB;QAC5B,OAAO,CAAC,UAAU,CAAC,CAAC;IACrB,CAAC;IACD,wBAAwB,CACvB,IAAY,EACZ,QAAuB,EACvB,QAAuB;QAEvB,IAAI,IAAI,KAAK,UAAU,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAClD,IAAI,CAAC,MAAM,EAAE,CAAC;QACf,CAAC;IACF,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC"}
|
|
@@ -9,7 +9,7 @@ class SystemDemo extends ArborElement {
|
|
|
9
9
|
<div data-mode-base>
|
|
10
10
|
<details>
|
|
11
11
|
<summary>Primitive Tokens</summary>
|
|
12
|
-
<pre>${JSON.stringify(convertStructure(this.config.$.
|
|
12
|
+
<pre>${JSON.stringify(convertStructure(this.config.$.mode.primitive, isToken, (token) => token.name), null, 2)}</pre>
|
|
13
13
|
</details>
|
|
14
14
|
<details>
|
|
15
15
|
<summary>Mode Tokens</summary>
|
|
@@ -22,7 +22,7 @@ class SystemDemo extends ArborElement {
|
|
|
22
22
|
<arbor-scheme-selector>
|
|
23
23
|
<details open>
|
|
24
24
|
<summary><h2 id="primitives" style="display: inline; margin: 0;">Primitive Tokens</h2></summary>
|
|
25
|
-
<arbor-token-values schema-path="$.
|
|
25
|
+
<arbor-token-values schema-path="$.mode.primitive"></arbor-token-values>
|
|
26
26
|
</details>
|
|
27
27
|
<details open>
|
|
28
28
|
<summary><h2 id="modes" style="display: inline; margin: 0;">Mode Tokens</h2></summary>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemDemo.js","sourceRoot":"","sources":["../../../src/runtime/components/SystemDemo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,UAAW,SAAQ,YAAY;IACpC;QACC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;;;YAIlB,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"SystemDemo.js","sourceRoot":"","sources":["../../../src/runtime/components/SystemDemo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,UAAW,SAAQ,YAAY;IACpC;QACC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;;;YAIlB,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAC5B,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;YAIM,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAClB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;YAIM,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;GAqBxC,CAAC;IACH,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateStylesheet.d.ts","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAgB,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"generateStylesheet.d.ts","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAgB,MAAM,0BAA0B,CAAC;AAKxE,wBAAgB,kBAAkB,CACjC,MAAM,EAAE,cAAc,EACtB,EACC,KAAK,EAAE,gBAA0B,GACjC,GAAE;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAClB,GACJ,MAAM,CA6ER"}
|
|
@@ -1,60 +1,12 @@
|
|
|
1
1
|
import { getInternals } from '@arbor-css/preset/config';
|
|
2
|
-
import { flattenTokenSchema
|
|
3
|
-
import { convertStructure } from '@arbor-css/util';
|
|
4
|
-
import { flattenAndApplyTokenValues } from '../util/flattenAndApplyTokenValues.js';
|
|
5
|
-
import { formatObjectToCss } from '../util/formatObjectToCss.js';
|
|
2
|
+
import { flattenTokenSchema } from '@arbor-css/tokens';
|
|
6
3
|
import { printTokens } from '../util/printTokens.js';
|
|
7
4
|
import { modeToCss } from './modeToCss.js';
|
|
8
|
-
const noPreference = `, (prefers-color-scheme: no-preference)`;
|
|
9
5
|
export function generateStylesheet(config, { layer: cascadeLayerName = 'arbor', } = {}) {
|
|
10
|
-
const {
|
|
6
|
+
const { modes } = getInternals(config);
|
|
11
7
|
const systemProps = config.$.system;
|
|
12
8
|
const globalProps = systemProps.global;
|
|
13
|
-
/**
|
|
14
|
-
* Each scheme generates a full set of CSS color properties
|
|
15
|
-
* which are prefixed with its tag. The application of a scheme
|
|
16
|
-
* then sets the "official" version of each property to the
|
|
17
|
-
* tagged one when it is applied.
|
|
18
|
-
*/
|
|
19
|
-
function getSchemeRootPropertiesCss(schemeName) {
|
|
20
|
-
const values = flattenAndApplyTokenValues(config.$.primitives.color, primitiveValues.color[schemeName].colors, { prefix: schemeName });
|
|
21
|
-
return formatObjectToCss(values);
|
|
22
|
-
}
|
|
23
|
-
function getSchemeApplicationCss(schemeName) {
|
|
24
|
-
const scheme = primitiveValues.color[schemeName];
|
|
25
|
-
const values = selfReferencedProps(config.$.primitives.color, {
|
|
26
|
-
valuePrefix: schemeName,
|
|
27
|
-
});
|
|
28
|
-
return `${systemProps.meta.schemeName.assign(schemeName)}
|
|
29
|
-
${systemProps.meta.scheme.invertMultiplier.assign(scheme.isDark ? -1 : 1)}
|
|
30
|
-
${systemProps.meta.scheme.whenDark.assign(scheme.isDark ? 1 : 0)}
|
|
31
|
-
${systemProps.meta.scheme.whenLight.assign(scheme.isDark ? 0 : 1)}
|
|
32
|
-
${systemProps.meta.scheme.trueLight.assign(scheme.isDark ? 'black' : 'white')}
|
|
33
|
-
${systemProps.meta.scheme.trueHeavy.assign(scheme.isDark ? 'white' : 'black')}
|
|
34
|
-
${formatObjectToCss(values)}
|
|
35
|
-
`;
|
|
36
|
-
}
|
|
37
9
|
const allModeProps = flattenTokenSchema(config.$.mode);
|
|
38
|
-
// replace scheme names with their tags if they are provided
|
|
39
|
-
const schemeColorsWithTags = Object.keys(primitiveValues.color).reduce((acc, key) => {
|
|
40
|
-
acc[key] = primitiveValues.color[key].colors;
|
|
41
|
-
return acc;
|
|
42
|
-
}, {});
|
|
43
|
-
// convert all tagged scheme colors to Tokens
|
|
44
|
-
const createToken = config.context.createPrimitiveToken;
|
|
45
|
-
const allColorTokens = tokenSchemaToList(convertStructure(schemeColorsWithTags, isToken, (_, path) => createToken(path.join('-'), { type: 'color' })));
|
|
46
|
-
const rawSchemeColorValuesCss = `/* Raw scheme colors */
|
|
47
|
-
${Object.keys(primitiveValues.color)
|
|
48
|
-
.map((schemeName) => getSchemeRootPropertiesCss(schemeName))
|
|
49
|
-
.join('\n')}`;
|
|
50
|
-
const lightDarkSchemeApplicationCss = `/* Dark/Light schemes are assigned to built-in device preferences */
|
|
51
|
-
@media (prefers-color-scheme: light)${defaultScheme === 'light' ? noPreference : ''} {
|
|
52
|
-
${getSchemeApplicationCss('light')}
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
@media (prefers-color-scheme: dark)${defaultScheme === 'dark' ? noPreference : ''} {
|
|
56
|
-
${getSchemeApplicationCss('dark')}
|
|
57
|
-
}`;
|
|
58
10
|
return `/* Auto-generated CSS - do not edit directly */
|
|
59
11
|
${cascadeLayerName ? `@layer ${cascadeLayerName} {` : ''}
|
|
60
12
|
:root {
|
|
@@ -62,32 +14,53 @@ ${cascadeLayerName ? `@layer ${cascadeLayerName} {` : ''}
|
|
|
62
14
|
${printTokens(globalProps, config.context.globals)}
|
|
63
15
|
/* By default we set the font size */
|
|
64
16
|
font-size: ${globalProps.baseFontSize.var};
|
|
65
|
-
|
|
66
|
-
${rawSchemeColorValuesCss}
|
|
67
|
-
${lightDarkSchemeApplicationCss}
|
|
68
|
-
|
|
69
|
-
/* Other primitives */
|
|
70
|
-
${printTokens(config.$.primitives.typography, primitiveValues.typography.levels)}
|
|
71
|
-
${printTokens(config.$.primitives.spacing, primitiveValues.spacing.levels)}
|
|
72
|
-
${printTokens(config.$.primitives.shadow, primitiveValues.shadow.levels)}
|
|
73
|
-
${printTokens(config.$.primitives.easing, primitiveValues.easing)}
|
|
74
|
-
${printTokens(config.$.primitives.duration, primitiveValues.duration)}
|
|
75
17
|
}
|
|
76
18
|
|
|
77
19
|
${[['base', config.baseMode], ...Object.entries(modes)]
|
|
78
20
|
.map(([modeName, modeValue]) => {
|
|
79
21
|
return `/* Mode: ${modeName} */
|
|
80
|
-
${
|
|
22
|
+
${modeToCss(modeValue, config)}
|
|
81
23
|
`;
|
|
82
24
|
})
|
|
83
25
|
.join('\n\n')}
|
|
84
26
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
}
|
|
90
|
-
|
|
27
|
+
/* System scheme tokens */
|
|
28
|
+
@media (prefers-color-scheme: light) {
|
|
29
|
+
:root {
|
|
30
|
+
${systemProps.meta.scheme.trueHeavy.assign('#000')}
|
|
31
|
+
${systemProps.meta.scheme.trueLight.assign('#fff')}
|
|
32
|
+
${systemProps.meta.scheme.invertMultiplier.assign('1')}
|
|
33
|
+
${systemProps.meta.scheme.whenDark.assign('0')}
|
|
34
|
+
${systemProps.meta.scheme.whenLight.assign('1')}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
@media (prefers-color-scheme: dark) {
|
|
38
|
+
:root {
|
|
39
|
+
${systemProps.meta.scheme.trueHeavy.assign('#fff')}
|
|
40
|
+
${systemProps.meta.scheme.trueLight.assign('#000')}
|
|
41
|
+
${systemProps.meta.scheme.invertMultiplier.assign('-1')}
|
|
42
|
+
${systemProps.meta.scheme.whenDark.assign('1')}
|
|
43
|
+
${systemProps.meta.scheme.whenLight.assign('0')}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
/* Scheme control classes */
|
|
48
|
+
.\\@scheme-light {
|
|
49
|
+
color-scheme: light;
|
|
50
|
+
${systemProps.meta.scheme.trueHeavy.assign('#000')}
|
|
51
|
+
${systemProps.meta.scheme.trueLight.assign('#fff')}
|
|
52
|
+
${systemProps.meta.scheme.invertMultiplier.assign('1')}
|
|
53
|
+
${systemProps.meta.scheme.whenDark.assign('0')}
|
|
54
|
+
${systemProps.meta.scheme.whenLight.assign('1')}
|
|
55
|
+
}
|
|
56
|
+
.\\@scheme-dark {
|
|
57
|
+
color-scheme: dark;
|
|
58
|
+
${systemProps.meta.scheme.trueHeavy.assign('#fff')}
|
|
59
|
+
${systemProps.meta.scheme.trueLight.assign('#000')}
|
|
60
|
+
${systemProps.meta.scheme.invertMultiplier.assign('-1')}
|
|
61
|
+
${systemProps.meta.scheme.whenDark.assign('1')}
|
|
62
|
+
${systemProps.meta.scheme.whenLight.assign('0')}
|
|
63
|
+
}
|
|
91
64
|
|
|
92
65
|
/* Function definitions */
|
|
93
66
|
${Object.values(config.functions)
|
|
@@ -95,16 +68,6 @@ ${Object.values(config.functions)
|
|
|
95
68
|
.filter(Boolean)
|
|
96
69
|
.join('\n\n')}
|
|
97
70
|
|
|
98
|
-
/* Power user classes */
|
|
99
|
-
.\\@user-colors {
|
|
100
|
-
${rawSchemeColorValuesCss}
|
|
101
|
-
${lightDarkSchemeApplicationCss}
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
${allColorTokens
|
|
105
|
-
.map((token) => token.definition)
|
|
106
|
-
.filter(Boolean)
|
|
107
|
-
.join('\n')}
|
|
108
71
|
${allModeProps
|
|
109
72
|
.map((PROP) => PROP.definition)
|
|
110
73
|
.filter(Boolean)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateStylesheet.js","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,
|
|
1
|
+
{"version":3,"file":"generateStylesheet.js","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,UAAU,kBAAkB,CACjC,MAAsB,EACtB,EACC,KAAK,EAAE,gBAAgB,GAAG,OAAO,MAG9B,EAAE;IAEN,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IACpC,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC;IAEvC,MAAM,YAAY,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEvD,OAAO;EACN,gBAAgB,CAAC,CAAC,CAAC,UAAU,gBAAgB,IAAI,CAAC,CAAC,CAAC,EAAE;;;GAGrD,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;;cAErC,WAAW,CAAC,YAAY,CAAC,GAAG;;;EAGxC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAU,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SAC9D,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,EAAE;QAC9B,OAAO,YAAY,QAAQ;EAC3B,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;CAC7B,CAAC;IACD,CAAC,CAAC;SACD,IAAI,CAAC,MAAM,CAAC;;;;;IAKV,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;IAChD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;IAChD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC;IACpD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC;IAC5C,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC;;;;;IAK7C,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;IAChD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;IAChD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC;IACrD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC;IAC5C,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC;;;;;;;GAO9C,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;GAChD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;GAChD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC;GACpD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC;GAC5C,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC;;;;GAI7C,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;GAChD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;GAChD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC;GACrD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC;GAC5C,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC;;;;EAI9C,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;SAC/B,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC;SAC1B,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,MAAM,CAAC;;EAEZ,YAAY;SACZ,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC;SAC9B,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,MAAM,CAAC;;EAEZ,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;CAC5B;SACE,IAAI,EAAE;SACN,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACzB,CAAC"}
|
|
@@ -9,15 +9,13 @@ it("generates a preset's CSS, including globals, primitives, modes, and function
|
|
|
9
9
|
},
|
|
10
10
|
mainColor: 'brand',
|
|
11
11
|
},
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
roundness: 1,
|
|
15
|
-
},
|
|
12
|
+
globals: {
|
|
13
|
+
roundness: 1,
|
|
16
14
|
},
|
|
17
15
|
});
|
|
18
16
|
const css = generateStylesheet(preset);
|
|
19
17
|
expect(css).toContain('--_-system-round: 1');
|
|
20
|
-
expect(css).toContain('--
|
|
18
|
+
expect(css).toContain('--m-primitive-color-brand-mid: ');
|
|
21
19
|
expect(css).toContain('--m-color-main: ');
|
|
22
20
|
expect(css).toContain('@function --fn-lighten-color');
|
|
23
21
|
});
|
|
@@ -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,
|
|
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,qBAAqB,CAAC,CAAC;IAC7C,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modeToCss.d.ts","sourceRoot":"","sources":["../../src/stylesheet/modeToCss.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"modeToCss.d.ts","sourceRoot":"","sources":["../../src/stylesheet/modeToCss.ts"],"names":[],"mappings":"AACA,OAAO,EAGN,YAAY,EAEZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAGN,iBAAiB,EAEjB,MAAM,mBAAmB,CAAC;AAG3B,wBAAgB,SAAS,CAAC,UAAU,SAAS,iBAAiB,EAC7D,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC,EAC9B,MAAM,EAAE,WAAW,CAAC,UAAU,CAAC,GAC7B,MAAM,CAsER"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { isCalcEquation, printEquation } from '@arbor-css/calc';
|
|
2
|
-
import { isModeValue } from '@arbor-css/modes';
|
|
2
|
+
import { getModeInternals, isModeValue, } from '@arbor-css/modes';
|
|
3
3
|
import { isToken, } from '@arbor-css/tokens';
|
|
4
4
|
import { toFlatKeys } from '@arbor-css/util';
|
|
5
5
|
export function modeToCss(mode, preset) {
|
|
@@ -9,6 +9,7 @@ export function modeToCss(mode, preset) {
|
|
|
9
9
|
const flatTokens = toFlatKeys(preset.$.mode, isToken, {
|
|
10
10
|
separator: '-',
|
|
11
11
|
});
|
|
12
|
+
const modeInternals = getModeInternals(mode);
|
|
12
13
|
const cssVars = {};
|
|
13
14
|
const lowPriorityVars = {};
|
|
14
15
|
for (const key in flatValues) {
|
|
@@ -22,8 +23,7 @@ export function modeToCss(mode, preset) {
|
|
|
22
23
|
cssVars[tokenVar.name] = value.var;
|
|
23
24
|
}
|
|
24
25
|
else if (isCalcEquation(value)) {
|
|
25
|
-
// TODO:
|
|
26
|
-
// instead?
|
|
26
|
+
// TODO: computeEquation instead?
|
|
27
27
|
cssVars[tokenVar.name] = printEquation(value);
|
|
28
28
|
}
|
|
29
29
|
else if (typeof value === 'string' || typeof value === 'number') {
|
|
@@ -43,18 +43,21 @@ export function modeToCss(mode, preset) {
|
|
|
43
43
|
const content = [valuesCss, preset.modeSchema.extraCss]
|
|
44
44
|
.filter(Boolean)
|
|
45
45
|
.join('\n');
|
|
46
|
-
const simpleSelector = `.\\@mode-${
|
|
47
|
-
const
|
|
48
|
-
const selectors = [simpleSelector, ...schemeSelectors];
|
|
46
|
+
const simpleSelector = `.\\@mode-${modeInternals.name}`;
|
|
47
|
+
const selectors = [simpleSelector, ...(modeInternals.extraSelectors ?? [])];
|
|
49
48
|
if (mode === preset.baseMode) {
|
|
50
49
|
// base mode values are applied to :root and all scheme selectors since they can be referenced by any mode and we want them to update when the base mode changes
|
|
51
50
|
selectors.push(...selectors.map((s) => s.replace(`.\\@mode-${mode.$name}`, ':root')));
|
|
52
51
|
}
|
|
53
52
|
return `${selectors.join(', ')} {
|
|
54
|
-
${preset.$.system.meta.modeName.assign(
|
|
53
|
+
${preset.$.system.meta.modeName.assign(modeInternals.name)}
|
|
55
54
|
${content}
|
|
55
|
+
${modeInternals.extraCss ?? ''}
|
|
56
56
|
}
|
|
57
|
-
|
|
57
|
+
`
|
|
58
|
+
.replace(/\s+/g, ' ')
|
|
59
|
+
.replaceAll('; ', ';\n\t')
|
|
60
|
+
.replaceAll('{ ', '{\n\t');
|
|
58
61
|
}
|
|
59
62
|
/**
|
|
60
63
|
* For a given Token, returns which values in the base mode depend on it.
|
|
@@ -91,6 +94,17 @@ function getBaseModeDependents(baseMode, token, modeTokens, visiting = []) {
|
|
|
91
94
|
Object.assign(dependents, getBaseModeDependents(baseMode, tokenForKey, modeTokens, nextVisiting));
|
|
92
95
|
}
|
|
93
96
|
}
|
|
97
|
+
else if (isToken(value)) {
|
|
98
|
+
if (value.name === token.name) {
|
|
99
|
+
const tokenForKey = flatTokens[key];
|
|
100
|
+
if (!tokenForKey) {
|
|
101
|
+
continue;
|
|
102
|
+
}
|
|
103
|
+
dependents[tokenForKey.name] = value.var;
|
|
104
|
+
// recurse to find any values that depend on this dependent as well
|
|
105
|
+
Object.assign(dependents, getBaseModeDependents(baseMode, tokenForKey, modeTokens, nextVisiting));
|
|
106
|
+
}
|
|
107
|
+
}
|
|
94
108
|
}
|
|
95
109
|
return dependents;
|
|
96
110
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modeToCss.js","sourceRoot":"","sources":["../../src/stylesheet/modeToCss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,
|
|
1
|
+
{"version":3,"file":"modeToCss.js","sourceRoot":"","sources":["../../src/stylesheet/modeToCss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EACN,gBAAgB,EAChB,WAAW,GAGX,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACN,OAAO,GAIP,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,UAAU,SAAS,CACxB,IAA8B,EAC9B,MAA+B;IAE/B,MAAM,UAAU,GAAG,UAAU,CAAY,IAAI,EAAE,WAAW,EAAE;QAC3D,SAAS,EAAE,GAAG;KACd,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,UAAU,CAAQ,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE;QAC5D,SAAS,EAAE,GAAG;KACd,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,OAAO,GAA2B,EAAE,CAAC;IAC3C,MAAM,eAAe,GAA2B,EAAE,CAAC;IAEnD,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAC9B,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;QAC9B,MAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;QACjC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACf,8CAA8C;YAC9C,SAAS;QACV,CAAC;QAED,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACpB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC;QACpC,CAAC;aAAM,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAClC,iCAAiC;YACjC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QAC/C,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACnE,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC3C,CAAC;aAAM,CAAC;YACP,MAAM,IAAI,KAAK,CACd,2BAA2B,QAAQ,CAAC,IAAI,KAAK,KAAK,uCAAuC,CACzF,CAAC;QACH,CAAC;QAED,iMAAiM;QACjM,MAAM,QAAQ,GAAG,qBAAqB,CACrC,MAAM,CAAC,QAAQ,EACf,QAAQ,EACR,MAAM,CAAC,CAAC,CAAC,IAAI,CACb,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC;QAChC,GAAG,eAAe;QAClB,GAAG,OAAO;KACV,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,KAAK,KAAK,EAAE,EAAE,CAAC,CAAC;IAClE,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC;SACrD,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,IAAI,CAAC,CAAC;IAEb,MAAM,cAAc,GAAG,YAAY,aAAa,CAAC,IAAI,EAAE,CAAC;IACxD,MAAM,SAAS,GAAG,CAAC,cAAc,EAAE,GAAG,CAAC,aAAa,CAAC,cAAc,IAAI,EAAE,CAAC,CAAC,CAAC;IAE5E,IAAI,IAAI,KAAK,MAAM,CAAC,QAAQ,EAAE,CAAC;QAC9B,gKAAgK;QAChK,SAAS,CAAC,IAAI,CACb,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC,CACrE,CAAC;IACH,CAAC;IAED,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;GAC5B,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC;GACxD,OAAO;GACP,aAAa,CAAC,QAAQ,IAAI,EAAE;;CAE9B;SACE,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;SACpB,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC;SACzB,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AAC7B,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,qBAAqB,CAC7B,QAA2B,EAC3B,KAAY,EACZ,UAA+C,EAC/C,WAAqB,EAAE;IAEvB,MAAM,UAAU,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC;IACrE,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;QACvB,uDAAuD;QACvD,oCAAoC;QACpC,MAAM,UAAU,GAAG,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5E,MAAM,IAAI,KAAK,CACd,wCAAwC,QAAQ,CAAC,KAAK,KAAK,UAAU,EAAE,CACvE,CAAC;IACH,CAAC;IACD,MAAM,YAAY,GAAG,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,UAAU,GAA2B,EAAE,CAAC;IAC9C,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,UAAU,CAAQ,UAAU,EAAE,OAAO,EAAE;QACzD,SAAS,EAAE,GAAG;KACd,CAAC,CAAC;IACH,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC5B,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;gBACzD,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;gBACpC,IAAI,CAAC,WAAW,EAAE,CAAC;oBAClB,SAAS;gBACV,CAAC;gBACD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;gBACpD,mEAAmE;gBACnE,MAAM,CAAC,MAAM,CACZ,UAAU,EACV,qBAAqB,CACpB,QAAQ,EACR,WAAW,EACX,UAAU,EACV,YAAY,CACZ,CACD,CAAC;YACH,CAAC;QACF,CAAC;aAAM,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,EAAE,CAAC;gBAC/B,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;gBACpC,IAAI,CAAC,WAAW,EAAE,CAAC;oBAClB,SAAS;gBACV,CAAC;gBACD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC;gBACzC,mEAAmE;gBACnE,MAAM,CAAC,MAAM,CACZ,UAAU,EACV,qBAAqB,CACpB,QAAQ,EACR,WAAW,EACX,UAAU,EACV,YAAY,CACZ,CACD,CAAC;YACH,CAAC;QACF,CAAC;IACF,CAAC;IACD,OAAO,UAAU,CAAC;AACnB,CAAC"}
|