@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mixins.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/mixins.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mixins.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/mixins.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,64 @@
|
|
|
1
|
+
declare const modeSchema: {
|
|
2
|
+
global: {
|
|
3
|
+
trueLightColor: {
|
|
4
|
+
purpose: "color";
|
|
5
|
+
description: "Either white or black, depending on the color scheme";
|
|
6
|
+
};
|
|
7
|
+
trueHeavyColor: {
|
|
8
|
+
purpose: "color";
|
|
9
|
+
description: "Either white or black, depending on the color scheme";
|
|
10
|
+
};
|
|
11
|
+
whenLight: {
|
|
12
|
+
purpose: "scalar";
|
|
13
|
+
description: "Resolves to 1 in light color schemes and 0 in dark color schemes.";
|
|
14
|
+
};
|
|
15
|
+
whenDark: {
|
|
16
|
+
purpose: "scalar";
|
|
17
|
+
description: "Resolves to 1 in dark color schemes and 0 in light color schemes.";
|
|
18
|
+
};
|
|
19
|
+
whenInverted: {
|
|
20
|
+
purpose: "scalar";
|
|
21
|
+
description: "Resolves to 1 in inverted color schemes and 0 in non-inverted color schemes.";
|
|
22
|
+
};
|
|
23
|
+
schemeMultiplier: {
|
|
24
|
+
purpose: "scalar";
|
|
25
|
+
description: "Resolves to 1 in light color schemes and -1 in dark color schemes.";
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export type BasicPresetModeSchema = typeof modeSchema;
|
|
1
30
|
/**
|
|
2
31
|
* This basic preset includes utility mixins and functions,
|
|
3
32
|
* but no primitive tokens or mode schema.
|
|
4
33
|
*/
|
|
5
|
-
export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
|
|
34
|
+
export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
|
|
35
|
+
global: {
|
|
36
|
+
trueLightColor: {
|
|
37
|
+
purpose: "color";
|
|
38
|
+
description: "Either white or black, depending on the color scheme";
|
|
39
|
+
};
|
|
40
|
+
trueHeavyColor: {
|
|
41
|
+
purpose: "color";
|
|
42
|
+
description: "Either white or black, depending on the color scheme";
|
|
43
|
+
};
|
|
44
|
+
whenLight: {
|
|
45
|
+
purpose: "scalar";
|
|
46
|
+
description: "Resolves to 1 in light color schemes and 0 in dark color schemes.";
|
|
47
|
+
};
|
|
48
|
+
whenDark: {
|
|
49
|
+
purpose: "scalar";
|
|
50
|
+
description: "Resolves to 1 in dark color schemes and 0 in light color schemes.";
|
|
51
|
+
};
|
|
52
|
+
whenInverted: {
|
|
53
|
+
purpose: "scalar";
|
|
54
|
+
description: "Resolves to 1 in inverted color schemes and 0 in non-inverted color schemes.";
|
|
55
|
+
};
|
|
56
|
+
schemeMultiplier: {
|
|
57
|
+
purpose: "scalar";
|
|
58
|
+
description: "Resolves to 1 in light color schemes and -1 in dark color schemes.";
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
}, {
|
|
6
62
|
readonly lightenColor: import("@arbor-css/functions").ArborFunction<any>;
|
|
7
63
|
readonly darkenColor: import("@arbor-css/functions").ArborFunction<any>;
|
|
8
64
|
readonly desaturateColor: import("@arbor-css/functions").ArborFunction<any>;
|
|
@@ -112,7 +168,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
112
168
|
};
|
|
113
169
|
}>;
|
|
114
170
|
readonly accent: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
115
|
-
|
|
171
|
+
applied: {
|
|
116
172
|
"@@TOKEN@@": true;
|
|
117
173
|
name: string;
|
|
118
174
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -160,8 +216,8 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
160
216
|
suffixed: (suffix: string) => any;
|
|
161
217
|
prefixed: any;
|
|
162
218
|
};
|
|
163
|
-
}
|
|
164
|
-
|
|
219
|
+
};
|
|
220
|
+
ref: {
|
|
165
221
|
"@@TOKEN@@": true;
|
|
166
222
|
name: string;
|
|
167
223
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -210,7 +266,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
210
266
|
prefixed: any;
|
|
211
267
|
};
|
|
212
268
|
};
|
|
213
|
-
|
|
269
|
+
contrast: {
|
|
214
270
|
"@@TOKEN@@": true;
|
|
215
271
|
name: string;
|
|
216
272
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -296,7 +352,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
296
352
|
$root?: undefined;
|
|
297
353
|
}>;
|
|
298
354
|
readonly bg: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
299
|
-
|
|
355
|
+
applied: {
|
|
300
356
|
"@@TOKEN@@": true;
|
|
301
357
|
name: string;
|
|
302
358
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -344,8 +400,8 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
344
400
|
suffixed: (suffix: string) => any;
|
|
345
401
|
prefixed: any;
|
|
346
402
|
};
|
|
347
|
-
}
|
|
348
|
-
|
|
403
|
+
};
|
|
404
|
+
ref: {
|
|
349
405
|
"@@TOKEN@@": true;
|
|
350
406
|
name: string;
|
|
351
407
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -394,7 +450,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
394
450
|
prefixed: any;
|
|
395
451
|
};
|
|
396
452
|
};
|
|
397
|
-
|
|
453
|
+
contrast: {
|
|
398
454
|
"@@TOKEN@@": true;
|
|
399
455
|
name: string;
|
|
400
456
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -480,7 +536,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
480
536
|
$root?: undefined;
|
|
481
537
|
}>;
|
|
482
538
|
readonly border: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
483
|
-
|
|
539
|
+
applied: {
|
|
484
540
|
"@@TOKEN@@": true;
|
|
485
541
|
name: string;
|
|
486
542
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -528,8 +584,8 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
528
584
|
suffixed: (suffix: string) => any;
|
|
529
585
|
prefixed: any;
|
|
530
586
|
};
|
|
531
|
-
}
|
|
532
|
-
|
|
587
|
+
};
|
|
588
|
+
ref: {
|
|
533
589
|
"@@TOKEN@@": true;
|
|
534
590
|
name: string;
|
|
535
591
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -578,7 +634,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
578
634
|
prefixed: any;
|
|
579
635
|
};
|
|
580
636
|
};
|
|
581
|
-
|
|
637
|
+
contrast: {
|
|
582
638
|
"@@TOKEN@@": true;
|
|
583
639
|
name: string;
|
|
584
640
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -664,7 +720,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
664
720
|
$root?: undefined;
|
|
665
721
|
}>;
|
|
666
722
|
readonly fill: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
667
|
-
|
|
723
|
+
applied: {
|
|
668
724
|
"@@TOKEN@@": true;
|
|
669
725
|
name: string;
|
|
670
726
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -712,8 +768,8 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
712
768
|
suffixed: (suffix: string) => any;
|
|
713
769
|
prefixed: any;
|
|
714
770
|
};
|
|
715
|
-
}
|
|
716
|
-
|
|
771
|
+
};
|
|
772
|
+
ref: {
|
|
717
773
|
"@@TOKEN@@": true;
|
|
718
774
|
name: string;
|
|
719
775
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -762,7 +818,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
762
818
|
prefixed: any;
|
|
763
819
|
};
|
|
764
820
|
};
|
|
765
|
-
|
|
821
|
+
contrast: {
|
|
766
822
|
"@@TOKEN@@": true;
|
|
767
823
|
name: string;
|
|
768
824
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -848,7 +904,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
848
904
|
$root?: undefined;
|
|
849
905
|
}>;
|
|
850
906
|
readonly fg: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
851
|
-
|
|
907
|
+
applied: {
|
|
852
908
|
"@@TOKEN@@": true;
|
|
853
909
|
name: string;
|
|
854
910
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -896,8 +952,8 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
896
952
|
suffixed: (suffix: string) => any;
|
|
897
953
|
prefixed: any;
|
|
898
954
|
};
|
|
899
|
-
}
|
|
900
|
-
|
|
955
|
+
};
|
|
956
|
+
ref: {
|
|
901
957
|
"@@TOKEN@@": true;
|
|
902
958
|
name: string;
|
|
903
959
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -946,7 +1002,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
946
1002
|
prefixed: any;
|
|
947
1003
|
};
|
|
948
1004
|
};
|
|
949
|
-
|
|
1005
|
+
contrast: {
|
|
950
1006
|
"@@TOKEN@@": true;
|
|
951
1007
|
name: string;
|
|
952
1008
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1032,7 +1088,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
1032
1088
|
$root?: undefined;
|
|
1033
1089
|
}>;
|
|
1034
1090
|
readonly stroke: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
1035
|
-
|
|
1091
|
+
applied: {
|
|
1036
1092
|
"@@TOKEN@@": true;
|
|
1037
1093
|
name: string;
|
|
1038
1094
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1080,8 +1136,8 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
1080
1136
|
suffixed: (suffix: string) => any;
|
|
1081
1137
|
prefixed: any;
|
|
1082
1138
|
};
|
|
1083
|
-
}
|
|
1084
|
-
|
|
1139
|
+
};
|
|
1140
|
+
ref: {
|
|
1085
1141
|
"@@TOKEN@@": true;
|
|
1086
1142
|
name: string;
|
|
1087
1143
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1130,7 +1186,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
1130
1186
|
prefixed: any;
|
|
1131
1187
|
};
|
|
1132
1188
|
};
|
|
1133
|
-
|
|
1189
|
+
contrast: {
|
|
1134
1190
|
"@@TOKEN@@": true;
|
|
1135
1191
|
name: string;
|
|
1136
1192
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1216,4 +1272,5 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
|
|
|
1216
1272
|
$root?: undefined;
|
|
1217
1273
|
}>;
|
|
1218
1274
|
}>;
|
|
1275
|
+
export {};
|
|
1219
1276
|
//# sourceMappingURL=preset.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/preset.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/preset.ts"],"names":[],"mappings":"AAYA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Ba,CAAC;AAE9B,MAAM,MAAM,qBAAqB,GAAG,OAAO,UAAU,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAkEA,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CArCxP,CAAA;0BAAgD,CAAC;;;;;;;;;;;;;8CAc7D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAuBwJ,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAV9Q,CAAC"}
|
|
@@ -1,35 +1,73 @@
|
|
|
1
|
+
import { css } from '@arbor-css/calc';
|
|
1
2
|
import { definePreset } from '@arbor-css/preset';
|
|
2
3
|
import { darkenColorAlteration, desaturateColorAlteration, fadeColorAlteration, lightenColorAlteration, saturateColorAlteration, } from './commonFunctions.js';
|
|
3
4
|
import { createPresetMixins } from './mixins.js';
|
|
5
|
+
const modeSchema = {
|
|
6
|
+
global: {
|
|
7
|
+
trueLightColor: {
|
|
8
|
+
purpose: 'color',
|
|
9
|
+
description: 'Either white or black, depending on the color scheme',
|
|
10
|
+
},
|
|
11
|
+
trueHeavyColor: {
|
|
12
|
+
purpose: 'color',
|
|
13
|
+
description: 'Either white or black, depending on the color scheme',
|
|
14
|
+
},
|
|
15
|
+
whenLight: {
|
|
16
|
+
purpose: 'scalar',
|
|
17
|
+
description: 'Resolves to 1 in light color schemes and 0 in dark color schemes.',
|
|
18
|
+
},
|
|
19
|
+
whenDark: {
|
|
20
|
+
purpose: 'scalar',
|
|
21
|
+
description: 'Resolves to 1 in dark color schemes and 0 in light color schemes.',
|
|
22
|
+
},
|
|
23
|
+
whenInverted: {
|
|
24
|
+
purpose: 'scalar',
|
|
25
|
+
description: 'Resolves to 1 in inverted color schemes and 0 in non-inverted color schemes.',
|
|
26
|
+
},
|
|
27
|
+
schemeMultiplier: {
|
|
28
|
+
purpose: 'scalar',
|
|
29
|
+
description: 'Resolves to 1 in light color schemes and -1 in dark color schemes.',
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
};
|
|
4
33
|
/**
|
|
5
34
|
* This basic preset includes utility mixins and functions,
|
|
6
35
|
* but no primitive tokens or mode schema.
|
|
7
36
|
*/
|
|
8
37
|
export const presetBasic = definePreset({
|
|
9
38
|
name: 'arbor-base',
|
|
10
|
-
modeSchema
|
|
11
|
-
baseMode: () => ({
|
|
12
|
-
|
|
39
|
+
modeSchema,
|
|
40
|
+
baseMode: ($) => ({
|
|
41
|
+
global: {
|
|
42
|
+
trueLightColor: 'light-dark(white, black)',
|
|
43
|
+
trueHeavyColor: 'light-dark(black, white)',
|
|
44
|
+
whenLight: css `calc(${$.system.env.prefersLight} - ${$.mode.global.whenInverted})`,
|
|
45
|
+
whenDark: css `calc(1 - ${$.mode.global.whenLight})`,
|
|
46
|
+
whenInverted: '0',
|
|
47
|
+
schemeMultiplier: css `calc(${$.mode.global.whenLight} - ${$.mode.global.whenDark})`,
|
|
48
|
+
},
|
|
49
|
+
}),
|
|
50
|
+
mixins: (create, $) => createPresetMixins($.mode.global, create),
|
|
13
51
|
functions: (create, $) => {
|
|
14
52
|
const lightenColor = create('lighten-color', {
|
|
15
53
|
description: 'Lightens a color by a specified "step" value',
|
|
16
54
|
parameters: ['--color', '--step'],
|
|
17
|
-
definition: (css, color, step) => lightenColorAlteration(css, $.
|
|
55
|
+
definition: (css, color, step) => lightenColorAlteration(css, $.mode.global, color, step),
|
|
18
56
|
});
|
|
19
57
|
const darkenColor = create('darken-color', {
|
|
20
58
|
description: 'Darkens a color by a specified "step" value',
|
|
21
59
|
parameters: ['--color', '--step'],
|
|
22
|
-
definition: (css, color, step) => darkenColorAlteration(css, $.
|
|
60
|
+
definition: (css, color, step) => darkenColorAlteration(css, $.mode.global, color, step),
|
|
23
61
|
});
|
|
24
62
|
const desaturateColor = create('desaturate-color', {
|
|
25
63
|
description: 'Desaturates a color by a specified "step" value',
|
|
26
64
|
parameters: ['--color', '--step'],
|
|
27
|
-
definition: (css, color, step) => desaturateColorAlteration(css, $.
|
|
65
|
+
definition: (css, color, step) => desaturateColorAlteration(css, $.mode.global, color, step),
|
|
28
66
|
});
|
|
29
67
|
const saturateColor = create('saturate-color', {
|
|
30
68
|
description: 'Saturates a color by a specified "step" value',
|
|
31
69
|
parameters: ['--color', '--step'],
|
|
32
|
-
definition: (css, color, step) => saturateColorAlteration(css, $.
|
|
70
|
+
definition: (css, color, step) => saturateColorAlteration(css, $.mode.global, color, step),
|
|
33
71
|
});
|
|
34
72
|
const fade = create('fade', {
|
|
35
73
|
description: 'Applies an alpha channel to a source color using CSS relative color syntax.',
|
|
@@ -49,14 +87,14 @@ export const presetBasic = definePreset({
|
|
|
49
87
|
fallback: '0px',
|
|
50
88
|
},
|
|
51
89
|
],
|
|
52
|
-
definition: (css, color, size, offset) => css `0 0 0 ${offset} ${$.
|
|
90
|
+
definition: (css, color, size, offset) => css `0 0 0 ${offset} ${$.mode.global.trueLightColor}, 0 0 0 calc(${size} + ${offset}) ${color}`,
|
|
53
91
|
});
|
|
54
92
|
const contrastColor = create('contrast-color', {
|
|
55
93
|
description: 'Returns either black or white depending on which has better contrast with the background color. Supply a parameter to use it instead of the background.',
|
|
56
94
|
parameters: [
|
|
57
95
|
{
|
|
58
96
|
name: '--against-color',
|
|
59
|
-
fallback: $.mixins.bg.contrast.varFallback($.mixins.bg.ref.varFallback($.
|
|
97
|
+
fallback: $.mixins.bg.contrast.varFallback($.mixins.bg.ref.varFallback($.mode.global.trueLightColor.var)),
|
|
60
98
|
},
|
|
61
99
|
],
|
|
62
100
|
definition: (css, againstColor) => css `contrast-color(${againstColor})`,
|
|
@@ -72,4 +110,10 @@ export const presetBasic = definePreset({
|
|
|
72
110
|
};
|
|
73
111
|
},
|
|
74
112
|
});
|
|
113
|
+
// verify types
|
|
114
|
+
// @ts-expect-error
|
|
115
|
+
presetBasic.$.mixins.kasjdkfj;
|
|
116
|
+
presetBasic.$.mixins.accent.ref;
|
|
117
|
+
presetBasic.$.mixins.bg.ref.varFallback('red');
|
|
118
|
+
presetBasic.$.mixins.bg.contrast.var;
|
|
75
119
|
//# sourceMappingURL=preset.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/preset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"preset.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/preset.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ class SchemeSelector extends ArborElement {
|
|
|
5
5
|
this.render = () => {
|
|
6
6
|
const schemeNames = ['light', 'dark'];
|
|
7
7
|
const selected = this.getAttribute('selected') || 'base';
|
|
8
|
-
this.shadowRoot.innerHTML = `<div
|
|
8
|
+
this.shadowRoot.innerHTML = `<div class="@scheme-${selected}" style="background: var(--m-surface-ambient-bg); color: var(--m-surface-ambient-fg);">
|
|
9
9
|
<select data-scheme-select name="scheme" aria-label="Select scheme" style="position: sticky; top: 0;">
|
|
10
10
|
${schemeNames
|
|
11
11
|
.map((schemeName) => `<option value="${schemeName}" ${schemeName === selected ? 'selected' : ''}>${schemeName}</option>`)
|
|
@@ -13,9 +13,9 @@ class SchemeSelector extends ArborElement {
|
|
|
13
13
|
</select>
|
|
14
14
|
<slot></slot>
|
|
15
15
|
</div>`;
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
const selectedMode =
|
|
16
|
+
const schemeSelect = this.shadowRoot?.querySelector('[data-scheme-select]');
|
|
17
|
+
schemeSelect?.addEventListener('change', () => {
|
|
18
|
+
const selectedMode = schemeSelect.value;
|
|
19
19
|
this.setAttribute('selected', selectedMode);
|
|
20
20
|
});
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,uBAAuB,QAAQ;;MAExD,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,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAClD,sBAAsB,CACM,CAAC;YAC9B,YAAY,EAAE,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;gBAC7C,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC;gBACxC,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenValues.js","sourceRoot":"","sources":["../../../src/runtime/components/TokenValues.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,WAAY,SAAQ,YAAY;IACrC;QACC,KAAK,EAAE,CAAC;QAER,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QACpD,MAAM,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAChE,MAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CACzC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAC1B,MAAa,CACb,CAAC;QACF,MAAM,MAAM,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;QAExC,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;MAExB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;aAC7B,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,EAAE;YAC1B,8BAA8B;YAC9B,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAC9B,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACjB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;gBAChC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;oBACpB,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;gBACpB,CAAC;gBACD,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC1B,OAAO,MAAM,CAAC;YACf,CAAC,EACD,EAA6B,CAC7B,CAAC;YACF,OAAO;cACC,OAAO;;UAEX,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;iBACzB,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE;gBACxB,OAAO;;iBAEA,KAAK;aACT,MAAM;qBACN,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACd,OAAO;;wBAEI,KAAK,CAAC,IAAI;kDACgB,KAAK,CAAC,GAAG,cAAc,KAAK,CAAC,OAAO;oBAClE,CAAC;gBACT,CAAC,CAAC;qBACD,IAAI,CAAC,IAAI,CAAC;iBACN,CAAC;YACT,CAAC,CAAC;iBACD,IAAI,CAAC,IAAI,CAAC;;cAEN,CAAC;QACV,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC;;;;QAIR,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC;aACjC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE;YAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;YAC5C,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;YAClD,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;YAC9D,OAAO;;;qBAGM,KAAK;wBACF,OAAO;0BACL,SAAS;+BACJ,aAAa;;mDAEO,OAAO,aAAa,SAAS,kBAAkB,aAAa;;SAEtG,CAAC;QACH,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC
|
|
1
|
+
{"version":3,"file":"TokenValues.js","sourceRoot":"","sources":["../../../src/runtime/components/TokenValues.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,WAAY,SAAQ,YAAY;IACrC;QACC,KAAK,EAAE,CAAC;QAER,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QACpD,MAAM,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAChE,MAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CACzC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAC1B,MAAa,CACb,CAAC;QACF,MAAM,MAAM,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;QAExC,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;MAExB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;aAC7B,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,EAAE;YAC1B,8BAA8B;YAC9B,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAC9B,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACjB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;gBAChC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;oBACpB,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;gBACpB,CAAC;gBACD,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC1B,OAAO,MAAM,CAAC;YACf,CAAC,EACD,EAA6B,CAC7B,CAAC;YACF,OAAO;cACC,OAAO;;UAEX,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;iBACzB,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE;gBACxB,OAAO;;iBAEA,KAAK;aACT,MAAM;qBACN,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACd,OAAO;;wBAEI,KAAK,CAAC,IAAI;kDACgB,KAAK,CAAC,GAAG,cAAc,KAAK,CAAC,OAAO;oBAClE,CAAC;gBACT,CAAC,CAAC;qBACD,IAAI,CAAC,IAAI,CAAC;iBACN,CAAC;YACT,CAAC,CAAC;iBACD,IAAI,CAAC,IAAI,CAAC;;cAEN,CAAC;QACV,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC;;;;QAIR,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC;aACjC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE;YAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;YAC5C,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;YAClD,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;YAC9D,OAAO;;;qBAGM,KAAK;wBACF,OAAO;0BACL,SAAS;+BACJ,aAAa;;mDAEO,OAAO,aAAa,SAAS,kBAAkB,aAAa;;SAEtG,CAAC;QACH,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+Bf,CAAC;IACH,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,iBAAiB,CAAC;AACzB,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/runtime/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/runtime/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,iBAAiB,CAAC;AACzB,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,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;AAIxE,wBAAgB,kBAAkB,CACjC,MAAM,EAAE,cAAc,EACtB,EACC,KAAK,EAAE,gBAA0B,GACjC,GAAE;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAClB,GACJ,MAAM,CA8CR"}
|
|
@@ -1,66 +1,34 @@
|
|
|
1
1
|
import { getInternals } from '@arbor-css/preset/config';
|
|
2
2
|
import { flattenTokenSchema } from '@arbor-css/tokens';
|
|
3
|
-
import { printTokens } from '../util/printTokens.js';
|
|
4
3
|
import { modeToCss } from './modeToCss.js';
|
|
5
4
|
export function generateStylesheet(config, { layer: cascadeLayerName = 'arbor', } = {}) {
|
|
6
5
|
const { modes } = getInternals(config);
|
|
7
6
|
const systemProps = config.$.system;
|
|
8
|
-
const globalProps = systemProps.global;
|
|
9
7
|
const allModeProps = flattenTokenSchema(config.$.mode);
|
|
10
8
|
return `/* Auto-generated CSS - do not edit directly */
|
|
11
|
-
${cascadeLayerName ? `@layer ${cascadeLayerName} {` : ''}
|
|
12
|
-
:root {
|
|
13
|
-
/* Assign user globals */
|
|
14
|
-
${printTokens(globalProps, config.context.globals)}
|
|
15
|
-
/* By default we set the font size */
|
|
16
|
-
font-size: ${globalProps.baseFontSize.var};
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
${[['base', config.baseMode], ...Object.entries(modes)]
|
|
20
|
-
.map(([modeName, modeValue]) => {
|
|
21
|
-
return `/* Mode: ${modeName} */
|
|
22
|
-
${modeToCss(modeValue, config)}
|
|
23
|
-
`;
|
|
24
|
-
})
|
|
25
|
-
.join('\n\n')}
|
|
26
|
-
|
|
27
|
-
/* System scheme tokens */
|
|
28
|
-
@media (prefers-color-scheme: light) {
|
|
9
|
+
${cascadeLayerName ? `@layer ${cascadeLayerName} {` : ''}
|
|
29
10
|
:root {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
11
|
+
@media (prefers-color-scheme: light) {
|
|
12
|
+
${systemProps.env.prefersLight.assign(1)}
|
|
13
|
+
${systemProps.env.prefersDark.assign(0)}
|
|
14
|
+
}
|
|
15
|
+
@media (prefers-color-scheme: dark) {
|
|
16
|
+
${systemProps.env.prefersLight.assign(0)}
|
|
17
|
+
${systemProps.env.prefersDark.assign(1)}
|
|
18
|
+
}
|
|
35
19
|
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
${systemProps.meta.scheme.invertMultiplier.assign('-1')}
|
|
42
|
-
${systemProps.meta.scheme.whenDark.assign('1')}
|
|
43
|
-
${systemProps.meta.scheme.whenLight.assign('0')}
|
|
20
|
+
.\\@scheme-light {
|
|
21
|
+
color-scheme: light;
|
|
22
|
+
}
|
|
23
|
+
.\\@scheme-dark {
|
|
24
|
+
color-scheme: dark;
|
|
44
25
|
}
|
|
45
|
-
|
|
26
|
+
${[config.baseMode, ...modes]
|
|
27
|
+
.map((modeValue) => {
|
|
28
|
+
return modeToCss(modeValue, config);
|
|
29
|
+
})
|
|
30
|
+
.join('\n\n')}
|
|
46
31
|
|
|
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
|
-
}
|
|
64
32
|
|
|
65
33
|
/* Function definitions */
|
|
66
34
|
${Object.values(config.functions)
|
|
@@ -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,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,
|
|
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,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;IAEpC,MAAM,YAAY,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEvD,OAAO;GACL,gBAAgB,CAAC,CAAC,CAAC,UAAU,gBAAgB,IAAI,CAAC,CAAC,CAAC,EAAE;;;KAGpD,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;KACtC,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;;;KAGrC,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;KACtC,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;;;;;;;;;EASxC,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAC;SAC3B,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;QAClB,OAAO,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC;SACD,IAAI,CAAC,MAAM,CAAC;;;;EAIZ,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"}
|
|
@@ -14,7 +14,9 @@ it("generates a preset's CSS, including globals, primitives, modes, and function
|
|
|
14
14
|
},
|
|
15
15
|
});
|
|
16
16
|
const css = generateStylesheet(preset);
|
|
17
|
-
expect(css).toContain('--_-
|
|
17
|
+
expect(css).toContain('--_-env-prefersLight: ');
|
|
18
|
+
expect(css).toContain('--_-env-prefersDark: ');
|
|
19
|
+
expect(css).toContain('--m-global-roundness: 1');
|
|
18
20
|
expect(css).toContain('--m-primitive-color-brand-mid: ');
|
|
19
21
|
expect(css).toContain('--m-color-main: ');
|
|
20
22
|
expect(css).toContain('@function --fn-lighten-color');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateStylesheet.test.js","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,EAAE,CAAC,+EAA+E,EAAE,GAAG,EAAE;IACxF,MAAM,MAAM,GAAG,WAAW,CAAC;QAC1B,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;aAClB;YACD,SAAS,EAAE,OAAO;SAClB;QACD,OAAO,EAAE;YACR,SAAS,EAAE,CAAC;SACZ;KACD,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAEvC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"generateStylesheet.test.js","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,EAAE,CAAC,+EAA+E,EAAE,GAAG,EAAE;IACxF,MAAM,MAAM,GAAG,WAAW,CAAC;QAC1B,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;aAClB;YACD,SAAS,EAAE,OAAO;SAClB;QACD,OAAO,EAAE;YACR,SAAS,EAAE,CAAC;SACZ;KACD,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAEvC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC;IAChD,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC;IAC/C,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,iCAAiC,CAAC,CAAC;IACzD,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;IAC1C,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,8BAA8B,CAAC,CAAC;AACvD,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modeToCss.d.ts","sourceRoot":"","sources":["../../src/stylesheet/modeToCss.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"modeToCss.d.ts","sourceRoot":"","sources":["../../src/stylesheet/modeToCss.ts"],"names":[],"mappings":"AAOA,OAAO,EAGN,YAAY,EAEZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAGN,iBAAiB,EAEjB,MAAM,mBAAmB,CAAC;AA+F3B,wBAAgB,SAAS,CAAC,UAAU,SAAS,iBAAiB,EAC7D,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC,EAC9B,MAAM,EAAE,WAAW,CAAC,UAAU,CAAC,GAC7B,MAAM,CA8ER"}
|