@arbor-css/core 0.0.92 → 0.0.94
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 +280 -35
- package/dist/presets/arborPreset/preset.d.ts.map +1 -1
- package/dist/presets/arborPreset/preset.js +101 -29
- 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 +5 -57
- 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,13 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ArborPrefixConfig, GlobalConfig } from '@arbor-css/globals';
|
|
1
|
+
import { ArborPrefixConfig } from '@arbor-css/globals';
|
|
3
2
|
import { ModeValues } from '@arbor-css/modes';
|
|
4
|
-
import { ShadowConfig } from '@arbor-css/shadows';
|
|
5
|
-
import { SpacingConfig } from '@arbor-css/spacing';
|
|
6
|
-
import { TypographyConfig } from '@arbor-css/typography';
|
|
7
3
|
import { ArborModeSchema } from './modeSchema/modeSchema.js';
|
|
4
|
+
import { CompileColorsOptions, DefaultRangeName } from './modeValues/color/index.js';
|
|
5
|
+
import { ShadowConfig } from './modeValues/shadow/index.js';
|
|
6
|
+
import { SpacingConfig } from './modeValues/spacing/index.js';
|
|
7
|
+
import { TypographyConfig } from './modeValues/typography/index.js';
|
|
8
8
|
export interface ArborPresetConfig<TRanges extends string, TRangeStepNames extends string = DefaultRangeName> {
|
|
9
9
|
prefixes?: ArborPrefixConfig;
|
|
10
|
-
globals?: Partial<GlobalConfig>;
|
|
11
10
|
color: CompileColorsOptions<TRanges, TRangeStepNames> & {
|
|
12
11
|
mainColor: string;
|
|
13
12
|
defaultScheme?: 'light' | 'dark';
|
|
@@ -17,22 +16,82 @@ export interface ArborPresetConfig<TRanges extends string, TRangeStepNames exten
|
|
|
17
16
|
shadow?: ShadowConfig;
|
|
18
17
|
easing?: ModeValues<ArborModeSchema['easing']>;
|
|
19
18
|
duration?: ModeValues<ArborModeSchema['duration']>;
|
|
19
|
+
globals?: Partial<ModeValues<ArborModeSchema['global']>>;
|
|
20
20
|
/**
|
|
21
|
-
* Turns off the automatic bundled @mode-
|
|
22
|
-
*
|
|
21
|
+
* Turns off the automatic bundled @mode-light, @mode-dark, and @mode-inverted.
|
|
22
|
+
* Also removes automatic scheme detection from the base mode.
|
|
23
23
|
*/
|
|
24
|
-
|
|
24
|
+
disableAutoColorSchemes?: boolean;
|
|
25
25
|
}
|
|
26
26
|
/**
|
|
27
27
|
* Adds opinionated primitive tokens and a full-featured mode
|
|
28
28
|
* schema on top of the basic preset's utility mixins and functions.
|
|
29
29
|
*/
|
|
30
30
|
export declare const presetArbor: <TRanges extends string, TRangeStepNames extends string = DefaultRangeName>(config: ArborPresetConfig<TRanges>) => import("@arbor-css/preset").ArborPreset<{
|
|
31
|
-
|
|
31
|
+
global: {
|
|
32
|
+
trueLightColor: {
|
|
33
|
+
purpose: "color";
|
|
34
|
+
description: "Either white or black, depending on the color scheme";
|
|
35
|
+
};
|
|
36
|
+
trueHeavyColor: {
|
|
37
|
+
purpose: "color";
|
|
38
|
+
description: "Either white or black, depending on the color scheme";
|
|
39
|
+
};
|
|
40
|
+
whenLight: {
|
|
41
|
+
purpose: "scalar";
|
|
42
|
+
description: "Resolves to 1 in light color schemes and 0 in dark color schemes.";
|
|
43
|
+
};
|
|
44
|
+
whenDark: {
|
|
45
|
+
purpose: "scalar";
|
|
46
|
+
description: "Resolves to 1 in dark color schemes and 0 in light color schemes.";
|
|
47
|
+
};
|
|
48
|
+
whenInverted: {
|
|
49
|
+
purpose: "scalar";
|
|
50
|
+
description: "Resolves to 1 in inverted color schemes and 0 in non-inverted color schemes.";
|
|
51
|
+
};
|
|
52
|
+
schemeMultiplier: {
|
|
53
|
+
purpose: "scalar";
|
|
54
|
+
description: "Resolves to 1 in light color schemes and -1 in dark color schemes.";
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
} & {
|
|
58
|
+
global: {
|
|
32
59
|
density: {
|
|
33
60
|
purpose: "scalar";
|
|
34
61
|
description: "A scaling factor for density. Higher density means smaller, tighter spacing and size";
|
|
35
62
|
};
|
|
63
|
+
saturation: {
|
|
64
|
+
purpose: "scalar";
|
|
65
|
+
description: "Applies global saturation adjustments to all colors";
|
|
66
|
+
};
|
|
67
|
+
roundness: {
|
|
68
|
+
purpose: "scalar";
|
|
69
|
+
description: "Controls the roundness of corners. Larger roundness values also may affect padding.";
|
|
70
|
+
};
|
|
71
|
+
shadowSpread: {
|
|
72
|
+
purpose: "scalar";
|
|
73
|
+
description: "Controls the spread size of all shadows.";
|
|
74
|
+
};
|
|
75
|
+
shadowBlur: {
|
|
76
|
+
purpose: "scalar";
|
|
77
|
+
description: "Controls the blur scaling of all shadows.";
|
|
78
|
+
};
|
|
79
|
+
lineWidth: {
|
|
80
|
+
purpose: "scalar";
|
|
81
|
+
description: "Controls the width of lines used for borders, etc.";
|
|
82
|
+
};
|
|
83
|
+
baseFontSize: {
|
|
84
|
+
purpose: "font-size";
|
|
85
|
+
description: "Defines the root font size used to derive typography tokens.";
|
|
86
|
+
};
|
|
87
|
+
baseSpacingSize: {
|
|
88
|
+
purpose: "spacing";
|
|
89
|
+
description: "Defines the base spacing unit used to derive spacing and layout tokens.";
|
|
90
|
+
};
|
|
91
|
+
defaultShadowColor: {
|
|
92
|
+
purpose: "color";
|
|
93
|
+
description: "Provides the default shadow color used when a shadow token does not supply its own color.";
|
|
94
|
+
};
|
|
36
95
|
};
|
|
37
96
|
primitive: {
|
|
38
97
|
color: Record<TRanges, {
|
|
@@ -951,7 +1010,7 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
951
1010
|
};
|
|
952
1011
|
}>;
|
|
953
1012
|
readonly accent: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
954
|
-
|
|
1013
|
+
applied: {
|
|
955
1014
|
"@@TOKEN@@": true;
|
|
956
1015
|
name: string;
|
|
957
1016
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -999,8 +1058,8 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
999
1058
|
suffixed: (suffix: string) => any;
|
|
1000
1059
|
prefixed: any;
|
|
1001
1060
|
};
|
|
1002
|
-
}
|
|
1003
|
-
|
|
1061
|
+
};
|
|
1062
|
+
ref: {
|
|
1004
1063
|
"@@TOKEN@@": true;
|
|
1005
1064
|
name: string;
|
|
1006
1065
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1049,7 +1108,7 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1049
1108
|
prefixed: any;
|
|
1050
1109
|
};
|
|
1051
1110
|
};
|
|
1052
|
-
|
|
1111
|
+
contrast: {
|
|
1053
1112
|
"@@TOKEN@@": true;
|
|
1054
1113
|
name: string;
|
|
1055
1114
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1135,7 +1194,7 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1135
1194
|
$root?: undefined;
|
|
1136
1195
|
}>;
|
|
1137
1196
|
readonly bg: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
1138
|
-
|
|
1197
|
+
applied: {
|
|
1139
1198
|
"@@TOKEN@@": true;
|
|
1140
1199
|
name: string;
|
|
1141
1200
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1183,8 +1242,8 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1183
1242
|
suffixed: (suffix: string) => any;
|
|
1184
1243
|
prefixed: any;
|
|
1185
1244
|
};
|
|
1186
|
-
}
|
|
1187
|
-
|
|
1245
|
+
};
|
|
1246
|
+
ref: {
|
|
1188
1247
|
"@@TOKEN@@": true;
|
|
1189
1248
|
name: string;
|
|
1190
1249
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1233,7 +1292,7 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1233
1292
|
prefixed: any;
|
|
1234
1293
|
};
|
|
1235
1294
|
};
|
|
1236
|
-
|
|
1295
|
+
contrast: {
|
|
1237
1296
|
"@@TOKEN@@": true;
|
|
1238
1297
|
name: string;
|
|
1239
1298
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1319,7 +1378,7 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1319
1378
|
$root?: undefined;
|
|
1320
1379
|
}>;
|
|
1321
1380
|
readonly border: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
1322
|
-
|
|
1381
|
+
applied: {
|
|
1323
1382
|
"@@TOKEN@@": true;
|
|
1324
1383
|
name: string;
|
|
1325
1384
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1367,8 +1426,8 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1367
1426
|
suffixed: (suffix: string) => any;
|
|
1368
1427
|
prefixed: any;
|
|
1369
1428
|
};
|
|
1370
|
-
}
|
|
1371
|
-
|
|
1429
|
+
};
|
|
1430
|
+
ref: {
|
|
1372
1431
|
"@@TOKEN@@": true;
|
|
1373
1432
|
name: string;
|
|
1374
1433
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1417,7 +1476,7 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1417
1476
|
prefixed: any;
|
|
1418
1477
|
};
|
|
1419
1478
|
};
|
|
1420
|
-
|
|
1479
|
+
contrast: {
|
|
1421
1480
|
"@@TOKEN@@": true;
|
|
1422
1481
|
name: string;
|
|
1423
1482
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1503,7 +1562,7 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1503
1562
|
$root?: undefined;
|
|
1504
1563
|
}>;
|
|
1505
1564
|
readonly fill: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
1506
|
-
|
|
1565
|
+
applied: {
|
|
1507
1566
|
"@@TOKEN@@": true;
|
|
1508
1567
|
name: string;
|
|
1509
1568
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1551,8 +1610,8 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1551
1610
|
suffixed: (suffix: string) => any;
|
|
1552
1611
|
prefixed: any;
|
|
1553
1612
|
};
|
|
1554
|
-
}
|
|
1555
|
-
|
|
1613
|
+
};
|
|
1614
|
+
ref: {
|
|
1556
1615
|
"@@TOKEN@@": true;
|
|
1557
1616
|
name: string;
|
|
1558
1617
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1601,7 +1660,7 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1601
1660
|
prefixed: any;
|
|
1602
1661
|
};
|
|
1603
1662
|
};
|
|
1604
|
-
|
|
1663
|
+
contrast: {
|
|
1605
1664
|
"@@TOKEN@@": true;
|
|
1606
1665
|
name: string;
|
|
1607
1666
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1687,7 +1746,7 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1687
1746
|
$root?: undefined;
|
|
1688
1747
|
}>;
|
|
1689
1748
|
readonly fg: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
1690
|
-
|
|
1749
|
+
applied: {
|
|
1691
1750
|
"@@TOKEN@@": true;
|
|
1692
1751
|
name: string;
|
|
1693
1752
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1735,8 +1794,8 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1735
1794
|
suffixed: (suffix: string) => any;
|
|
1736
1795
|
prefixed: any;
|
|
1737
1796
|
};
|
|
1738
|
-
}
|
|
1739
|
-
|
|
1797
|
+
};
|
|
1798
|
+
ref: {
|
|
1740
1799
|
"@@TOKEN@@": true;
|
|
1741
1800
|
name: string;
|
|
1742
1801
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1785,7 +1844,7 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1785
1844
|
prefixed: any;
|
|
1786
1845
|
};
|
|
1787
1846
|
};
|
|
1788
|
-
|
|
1847
|
+
contrast: {
|
|
1789
1848
|
"@@TOKEN@@": true;
|
|
1790
1849
|
name: string;
|
|
1791
1850
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1871,7 +1930,7 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1871
1930
|
$root?: undefined;
|
|
1872
1931
|
}>;
|
|
1873
1932
|
readonly stroke: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
1874
|
-
|
|
1933
|
+
applied: {
|
|
1875
1934
|
"@@TOKEN@@": true;
|
|
1876
1935
|
name: string;
|
|
1877
1936
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1919,8 +1978,8 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1919
1978
|
suffixed: (suffix: string) => any;
|
|
1920
1979
|
prefixed: any;
|
|
1921
1980
|
};
|
|
1922
|
-
}
|
|
1923
|
-
|
|
1981
|
+
};
|
|
1982
|
+
ref: {
|
|
1924
1983
|
"@@TOKEN@@": true;
|
|
1925
1984
|
name: string;
|
|
1926
1985
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1969,7 +2028,7 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
1969
2028
|
prefixed: any;
|
|
1970
2029
|
};
|
|
1971
2030
|
};
|
|
1972
|
-
|
|
2031
|
+
contrast: {
|
|
1973
2032
|
"@@TOKEN@@": true;
|
|
1974
2033
|
name: string;
|
|
1975
2034
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -2054,5 +2113,191 @@ export declare const presetArbor: <TRanges extends string, TRangeStepNames exten
|
|
|
2054
2113
|
[x: string]: /*elided*/ any;
|
|
2055
2114
|
$root?: undefined;
|
|
2056
2115
|
}>;
|
|
2057
|
-
} &
|
|
2116
|
+
} & {
|
|
2117
|
+
border: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
2118
|
+
applied: {
|
|
2119
|
+
"@@TOKEN@@": true;
|
|
2120
|
+
name: string;
|
|
2121
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
2122
|
+
tag: string | undefined;
|
|
2123
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
2124
|
+
group: string | undefined;
|
|
2125
|
+
description: string | undefined;
|
|
2126
|
+
contributedBy: string | undefined;
|
|
2127
|
+
fallback: string | number | undefined;
|
|
2128
|
+
var: string;
|
|
2129
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
2130
|
+
assign: (value?: string | number) => string;
|
|
2131
|
+
readonly definition: string;
|
|
2132
|
+
suffixed: (suffix: string) => {
|
|
2133
|
+
"@@TOKEN@@": true;
|
|
2134
|
+
name: string;
|
|
2135
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
2136
|
+
tag: string | undefined;
|
|
2137
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
2138
|
+
group: string | undefined;
|
|
2139
|
+
description: string | undefined;
|
|
2140
|
+
contributedBy: string | undefined;
|
|
2141
|
+
fallback: string | number | undefined;
|
|
2142
|
+
var: string;
|
|
2143
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
2144
|
+
assign: (value?: string | number) => string;
|
|
2145
|
+
readonly definition: string;
|
|
2146
|
+
suffixed: any;
|
|
2147
|
+
prefixed: (prefix: string) => any;
|
|
2148
|
+
};
|
|
2149
|
+
prefixed: (prefix: string) => {
|
|
2150
|
+
"@@TOKEN@@": true;
|
|
2151
|
+
name: string;
|
|
2152
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
2153
|
+
tag: string | undefined;
|
|
2154
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
2155
|
+
group: string | undefined;
|
|
2156
|
+
description: string | undefined;
|
|
2157
|
+
contributedBy: string | undefined;
|
|
2158
|
+
fallback: string | number | undefined;
|
|
2159
|
+
var: string;
|
|
2160
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
2161
|
+
assign: (value?: string | number) => string;
|
|
2162
|
+
readonly definition: string;
|
|
2163
|
+
suffixed: (suffix: string) => any;
|
|
2164
|
+
prefixed: any;
|
|
2165
|
+
};
|
|
2166
|
+
};
|
|
2167
|
+
ref: {
|
|
2168
|
+
"@@TOKEN@@": true;
|
|
2169
|
+
name: string;
|
|
2170
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
2171
|
+
tag: string | undefined;
|
|
2172
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
2173
|
+
group: string | undefined;
|
|
2174
|
+
description: string | undefined;
|
|
2175
|
+
contributedBy: string | undefined;
|
|
2176
|
+
fallback: string | number | undefined;
|
|
2177
|
+
var: string;
|
|
2178
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
2179
|
+
assign: (value?: string | number) => string;
|
|
2180
|
+
readonly definition: string;
|
|
2181
|
+
suffixed: (suffix: string) => {
|
|
2182
|
+
"@@TOKEN@@": true;
|
|
2183
|
+
name: string;
|
|
2184
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
2185
|
+
tag: string | undefined;
|
|
2186
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
2187
|
+
group: string | undefined;
|
|
2188
|
+
description: string | undefined;
|
|
2189
|
+
contributedBy: string | undefined;
|
|
2190
|
+
fallback: string | number | undefined;
|
|
2191
|
+
var: string;
|
|
2192
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
2193
|
+
assign: (value?: string | number) => string;
|
|
2194
|
+
readonly definition: string;
|
|
2195
|
+
suffixed: any;
|
|
2196
|
+
prefixed: (prefix: string) => any;
|
|
2197
|
+
};
|
|
2198
|
+
prefixed: (prefix: string) => {
|
|
2199
|
+
"@@TOKEN@@": true;
|
|
2200
|
+
name: string;
|
|
2201
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
2202
|
+
tag: string | undefined;
|
|
2203
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
2204
|
+
group: string | undefined;
|
|
2205
|
+
description: string | undefined;
|
|
2206
|
+
contributedBy: string | undefined;
|
|
2207
|
+
fallback: string | number | undefined;
|
|
2208
|
+
var: string;
|
|
2209
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
2210
|
+
assign: (value?: string | number) => string;
|
|
2211
|
+
readonly definition: string;
|
|
2212
|
+
suffixed: (suffix: string) => any;
|
|
2213
|
+
prefixed: any;
|
|
2214
|
+
};
|
|
2215
|
+
};
|
|
2216
|
+
contrast: {
|
|
2217
|
+
"@@TOKEN@@": true;
|
|
2218
|
+
name: string;
|
|
2219
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
2220
|
+
tag: string | undefined;
|
|
2221
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
2222
|
+
group: string | undefined;
|
|
2223
|
+
description: string | undefined;
|
|
2224
|
+
contributedBy: string | undefined;
|
|
2225
|
+
fallback: string | number | undefined;
|
|
2226
|
+
var: string;
|
|
2227
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
2228
|
+
assign: (value?: string | number) => string;
|
|
2229
|
+
readonly definition: string;
|
|
2230
|
+
suffixed: (suffix: string) => {
|
|
2231
|
+
"@@TOKEN@@": true;
|
|
2232
|
+
name: string;
|
|
2233
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
2234
|
+
tag: string | undefined;
|
|
2235
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
2236
|
+
group: string | undefined;
|
|
2237
|
+
description: string | undefined;
|
|
2238
|
+
contributedBy: string | undefined;
|
|
2239
|
+
fallback: string | number | undefined;
|
|
2240
|
+
var: string;
|
|
2241
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
2242
|
+
assign: (value?: string | number) => string;
|
|
2243
|
+
readonly definition: string;
|
|
2244
|
+
suffixed: any;
|
|
2245
|
+
prefixed: (prefix: string) => any;
|
|
2246
|
+
};
|
|
2247
|
+
prefixed: (prefix: string) => {
|
|
2248
|
+
"@@TOKEN@@": true;
|
|
2249
|
+
name: string;
|
|
2250
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
2251
|
+
tag: string | undefined;
|
|
2252
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
2253
|
+
group: string | undefined;
|
|
2254
|
+
description: string | undefined;
|
|
2255
|
+
contributedBy: string | undefined;
|
|
2256
|
+
fallback: string | number | undefined;
|
|
2257
|
+
var: string;
|
|
2258
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
2259
|
+
assign: (value?: string | number) => string;
|
|
2260
|
+
readonly definition: string;
|
|
2261
|
+
suffixed: (suffix: string) => any;
|
|
2262
|
+
prefixed: any;
|
|
2263
|
+
};
|
|
2264
|
+
};
|
|
2265
|
+
}>;
|
|
2266
|
+
borderLighten: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
2267
|
+
readonly name: "--source";
|
|
2268
|
+
readonly fallback: string;
|
|
2269
|
+
}], {
|
|
2270
|
+
[x: string]: /*elided*/ any;
|
|
2271
|
+
$root?: undefined;
|
|
2272
|
+
}>;
|
|
2273
|
+
borderDarken: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
2274
|
+
readonly name: "--source";
|
|
2275
|
+
readonly fallback: string;
|
|
2276
|
+
}], {
|
|
2277
|
+
[x: string]: /*elided*/ any;
|
|
2278
|
+
$root?: undefined;
|
|
2279
|
+
}>;
|
|
2280
|
+
borderDesaturate: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
2281
|
+
readonly name: "--source";
|
|
2282
|
+
readonly fallback: string;
|
|
2283
|
+
}], {
|
|
2284
|
+
[x: string]: /*elided*/ any;
|
|
2285
|
+
$root?: undefined;
|
|
2286
|
+
}>;
|
|
2287
|
+
borderSaturate: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
2288
|
+
readonly name: "--source";
|
|
2289
|
+
readonly fallback: string;
|
|
2290
|
+
}], {
|
|
2291
|
+
[x: string]: /*elided*/ any;
|
|
2292
|
+
$root?: undefined;
|
|
2293
|
+
}>;
|
|
2294
|
+
borderFade: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
|
|
2295
|
+
readonly name: "--source";
|
|
2296
|
+
readonly fallback: string;
|
|
2297
|
+
}], {
|
|
2298
|
+
[x: string]: /*elided*/ any;
|
|
2299
|
+
$root?: undefined;
|
|
2300
|
+
}>;
|
|
2301
|
+
}>;
|
|
2302
|
+
export type PresetArborModeTokens<TRangeNames extends string> = ReturnType<typeof presetArbor>['$']['mode'];
|
|
2058
2303
|
//# sourceMappingURL=preset.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,43 +1,48 @@
|
|
|
1
|
-
import { compileColors, } from '@arbor-css/colors';
|
|
2
|
-
import { defaultGlobals, } from '@arbor-css/globals';
|
|
3
1
|
import { definePreset } from '@arbor-css/preset';
|
|
4
|
-
import {
|
|
5
|
-
import { compileSpacing } from '@arbor-css/spacing';
|
|
6
|
-
import { compileTypography } from '@arbor-css/typography';
|
|
2
|
+
import { createColorMixins } from '../basicPreset/mixins.js';
|
|
7
3
|
import { presetBasic } from '../basicPreset/preset.js';
|
|
8
4
|
import { createArborModeSchema, } from './modeSchema/modeSchema.js';
|
|
5
|
+
import { compileColors, } from './modeValues/color/index.js';
|
|
9
6
|
import { createActionIntentValues, createControlIntentValues, createSurfaceIntentValues, createTextIntentValues, } from './modeValues/intents.js';
|
|
10
7
|
import { createColorSemanticValues, createDurationSemanticValues, createEasingSemanticValues, createLineWidthSemanticValues, createRadiusSemanticValues, createShadowSemanticValues, createSpacingSemanticValues, } from './modeValues/semantics.js';
|
|
8
|
+
import { compileShadows } from './modeValues/shadow/index.js';
|
|
9
|
+
import { compileSpacing } from './modeValues/spacing/index.js';
|
|
10
|
+
import { compileTypography, } from './modeValues/typography/index.js';
|
|
11
11
|
/**
|
|
12
12
|
* Adds opinionated primitive tokens and a full-featured mode
|
|
13
13
|
* schema on top of the basic preset's utility mixins and functions.
|
|
14
14
|
*/
|
|
15
15
|
export const presetArbor = (config) => {
|
|
16
|
-
const defaultedGlobals = {
|
|
17
|
-
...defaultGlobals,
|
|
18
|
-
...config.globals,
|
|
19
|
-
};
|
|
20
16
|
const preset = definePreset({
|
|
21
17
|
name: 'arbor',
|
|
22
18
|
modeSchema: createArborModeSchema({
|
|
23
19
|
colorNames: Object.keys(config.color.ranges),
|
|
24
20
|
}),
|
|
25
|
-
baseMode: (
|
|
26
|
-
// NOTE: had to bypass typings for color tokens... the user-controlled
|
|
27
|
-
// color names seem to really mess with this.
|
|
21
|
+
baseMode: ($) => {
|
|
28
22
|
return {
|
|
29
|
-
|
|
23
|
+
global: {
|
|
30
24
|
density: 1,
|
|
25
|
+
lineWidth: 1,
|
|
26
|
+
roundness: 0.5,
|
|
27
|
+
saturation: 0.5,
|
|
28
|
+
shadowBlur: 0.5,
|
|
29
|
+
shadowSpread: 0,
|
|
30
|
+
baseFontSize: '16px',
|
|
31
|
+
baseSpacingSize: '8px',
|
|
32
|
+
defaultShadowColor: 'rgba(0 0 0 / 0.15)',
|
|
33
|
+
...config.globals,
|
|
31
34
|
},
|
|
32
35
|
/** PRIMITIVES */
|
|
33
36
|
primitive: {
|
|
37
|
+
// NOTE: had to bypass typings for color tokens... the user-controlled
|
|
38
|
+
// color names seem to really mess with this.
|
|
34
39
|
color: compileColors({
|
|
35
40
|
ranges: config.color.ranges,
|
|
36
41
|
schemes: config.color.schemes,
|
|
37
|
-
},
|
|
38
|
-
spacing: compileSpacing(config.spacing || {},
|
|
39
|
-
typography: compileTypography(config.typography || {}
|
|
40
|
-
shadow: compileShadows(config.shadow || {},
|
|
42
|
+
}, $.mode.global),
|
|
43
|
+
spacing: compileSpacing(config.spacing || {}, $.mode.global),
|
|
44
|
+
typography: compileTypography(config.typography || {}),
|
|
45
|
+
shadow: compileShadows(config.shadow || {}, $.mode.global),
|
|
41
46
|
easing: config.easing ||
|
|
42
47
|
{
|
|
43
48
|
$root: $.mode.easing.medium,
|
|
@@ -68,22 +73,89 @@ export const presetArbor = (config) => {
|
|
|
68
73
|
text: createTextIntentValues($),
|
|
69
74
|
};
|
|
70
75
|
},
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
76
|
+
baseModeOptions: ($) => ({
|
|
77
|
+
extraCss: `
|
|
78
|
+
font-size: ${$.mode.global.baseFontSize.var};
|
|
79
|
+
container-type: style;
|
|
80
|
+
${!config.disableAutoColorSchemes ?
|
|
81
|
+
`
|
|
82
|
+
@media (prefers-color-scheme: light) {
|
|
83
|
+
color-scheme: light;
|
|
84
|
+
${$.mode.global.whenLight.assign(1)}
|
|
85
|
+
${$.mode.global.whenDark.assign(0)}
|
|
86
|
+
}
|
|
87
|
+
@media (prefers-color-scheme: dark) {
|
|
88
|
+
color-scheme: dark;
|
|
89
|
+
${$.mode.global.whenLight.assign(0)}
|
|
90
|
+
${$.mode.global.whenDark.assign(1)}
|
|
91
|
+
}
|
|
92
|
+
`
|
|
93
|
+
: ''}
|
|
94
|
+
`,
|
|
95
|
+
}),
|
|
96
|
+
config: config.prefixes,
|
|
97
|
+
mixins: (create, $) => {
|
|
98
|
+
// overwrite the basic preset's border mixin to apply the user's
|
|
99
|
+
// configured border width
|
|
100
|
+
const newBorderMixins = createColorMixins(create, $.mode.global, {
|
|
101
|
+
name: 'border',
|
|
102
|
+
property: 'border-color',
|
|
103
|
+
description: 'Routes border color assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
|
|
104
|
+
defineExtraProperties: (css) => ({
|
|
105
|
+
'border-style': css `solid`,
|
|
106
|
+
'border-width': css `
|
|
107
|
+
calc(1px * ${$.mode.global.lineWidth})
|
|
108
|
+
`,
|
|
109
|
+
}),
|
|
110
|
+
});
|
|
111
|
+
return {
|
|
112
|
+
border: newBorderMixins.ref,
|
|
113
|
+
borderLighten: newBorderMixins.lighten,
|
|
114
|
+
borderDarken: newBorderMixins.darken,
|
|
115
|
+
borderDesaturate: newBorderMixins.desaturate,
|
|
116
|
+
borderSaturate: newBorderMixins.saturate,
|
|
117
|
+
borderFade: newBorderMixins.fade,
|
|
118
|
+
};
|
|
74
119
|
},
|
|
75
120
|
extends: [presetBasic],
|
|
76
121
|
});
|
|
77
|
-
if (!config.
|
|
122
|
+
if (!config.disableAutoColorSchemes) {
|
|
123
|
+
preset.bundleMode('dark', {}, {
|
|
124
|
+
extraCss: `
|
|
125
|
+
container-type: style;
|
|
126
|
+
color-scheme: dark;
|
|
127
|
+
${preset.$.mode.global.whenDark.assign(1)}
|
|
128
|
+
${preset.$.mode.global.whenLight.assign(0)}
|
|
129
|
+
`,
|
|
130
|
+
});
|
|
131
|
+
preset.bundleMode('light', {}, {
|
|
132
|
+
extraCss: `
|
|
133
|
+
container-type: style;
|
|
134
|
+
color-scheme: light;
|
|
135
|
+
${preset.$.mode.global.whenLight.assign(1)}
|
|
136
|
+
${preset.$.mode.global.whenDark.assign(0)}
|
|
137
|
+
`,
|
|
138
|
+
});
|
|
78
139
|
// special built-in mode: @mode-inverted - easier to create here than in userland
|
|
79
|
-
preset.bundleMode('inverted', {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
140
|
+
preset.bundleMode('inverted', {}, {
|
|
141
|
+
extraCss: `
|
|
142
|
+
@media (prefers-color-scheme: light) {
|
|
143
|
+
color-scheme: dark;
|
|
144
|
+
}
|
|
145
|
+
@media (prefers-color-scheme: dark) {
|
|
146
|
+
color-scheme: light;
|
|
147
|
+
}
|
|
148
|
+
@container style(${preset.$.mode.global.whenLight.name}: 1) {
|
|
149
|
+
color-scheme: dark;
|
|
150
|
+
${preset.$.mode.global.whenLight.assign(0)}
|
|
151
|
+
${preset.$.mode.global.whenDark.assign(1)}
|
|
152
|
+
}
|
|
153
|
+
@container style(${preset.$.mode.global.whenDark.name}: 1) {
|
|
154
|
+
color-scheme: light;
|
|
155
|
+
${preset.$.mode.global.whenLight.assign(1)}
|
|
156
|
+
${preset.$.mode.global.whenDark.assign(0)}
|
|
157
|
+
}
|
|
158
|
+
`,
|
|
87
159
|
});
|
|
88
160
|
}
|
|
89
161
|
return preset;
|