@arbor-css/core 0.0.141 → 0.0.143
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cli/run.js +1 -1
- package/dist/cli/run.js.map +1 -1
- package/dist/cli/validate.d.ts +2 -14
- package/dist/cli/validate.d.ts.map +1 -1
- package/dist/cli/validate.js +13 -201
- package/dist/cli/validate.js.map +1 -1
- package/dist/cli/validate.test.js +20 -3
- package/dist/cli/validate.test.js.map +1 -1
- package/dist/getStructuredTokensMap.test.js +3 -3
- package/dist/getStructuredTokensMap.test.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/presets/arborPreset/preset.d.ts +184 -46
- package/dist/presets/arborPreset/preset.d.ts.map +1 -1
- package/dist/presets/arborPreset/preset.test.js +1 -1
- package/dist/presets/arborPreset/preset.test.js.map +1 -1
- package/dist/presets/basicPreset/mixins.d.ts +140 -35
- package/dist/presets/basicPreset/mixins.d.ts.map +1 -1
- package/dist/presets/basicPreset/preset.d.ts +120 -30
- package/dist/presets/basicPreset/preset.d.ts.map +1 -1
- package/dist/presets/v2/index.d.ts +3 -0
- package/dist/presets/v2/index.d.ts.map +1 -0
- package/dist/presets/v2/index.js +3 -0
- package/dist/presets/v2/index.js.map +1 -0
- package/dist/presets/v2/preset.d.ts +2680 -0
- package/dist/presets/v2/preset.d.ts.map +1 -0
- package/dist/presets/v2/preset.js +403 -0
- package/dist/presets/v2/preset.js.map +1 -0
- package/dist/presets/v2/preset.test.d.ts +2 -0
- package/dist/presets/v2/preset.test.d.ts.map +1 -0
- package/dist/presets/v2/preset.test.js +118 -0
- package/dist/presets/v2/preset.test.js.map +1 -0
- package/dist/presets/v2/schema/global.d.ts +159 -0
- package/dist/presets/v2/schema/global.d.ts.map +1 -0
- package/dist/presets/v2/schema/global.js +158 -0
- package/dist/presets/v2/schema/global.js.map +1 -0
- package/dist/presets/v2/schema/intents.d.ts +41 -0
- package/dist/presets/v2/schema/intents.d.ts.map +1 -0
- package/dist/presets/v2/schema/intents.js +42 -0
- package/dist/presets/v2/schema/intents.js.map +1 -0
- package/dist/presets/v2/schema/schema.d.ts +745 -0
- package/dist/presets/v2/schema/schema.d.ts.map +1 -0
- package/dist/presets/v2/schema/schema.js +155 -0
- package/dist/presets/v2/schema/schema.js.map +1 -0
- package/dist/presets/v2/schema/semantics.d.ts +195 -0
- package/dist/presets/v2/schema/semantics.d.ts.map +1 -0
- package/dist/presets/v2/schema/semantics.js +73 -0
- package/dist/presets/v2/schema/semantics.js.map +1 -0
- package/dist/presets/v2/values/color/color.d.ts +25 -0
- package/dist/presets/v2/values/color/color.d.ts.map +1 -0
- package/dist/presets/v2/values/color/color.js +16 -0
- package/dist/presets/v2/values/color/color.js.map +1 -0
- package/dist/presets/v2/values/color/compile.d.ts +50 -0
- package/dist/presets/v2/values/color/compile.d.ts.map +1 -0
- package/dist/presets/v2/values/color/compile.js +77 -0
- package/dist/presets/v2/values/color/compile.js.map +1 -0
- package/dist/presets/v2/values/color/compile.test.d.ts +2 -0
- package/dist/presets/v2/values/color/compile.test.d.ts.map +1 -0
- package/dist/presets/v2/values/color/compile.test.js +195 -0
- package/dist/presets/v2/values/color/compile.test.js.map +1 -0
- package/dist/presets/v2/values/color/index.d.ts +5 -0
- package/dist/presets/v2/values/color/index.d.ts.map +1 -0
- package/dist/presets/v2/values/color/index.js +5 -0
- package/dist/presets/v2/values/color/index.js.map +1 -0
- package/dist/presets/v2/values/color/ranges.d.ts +75 -0
- package/dist/presets/v2/values/color/ranges.d.ts.map +1 -0
- package/dist/presets/v2/values/color/ranges.js +128 -0
- package/dist/presets/v2/values/color/ranges.js.map +1 -0
- package/dist/presets/v2/values/color/schemes.d.ts +16 -0
- package/dist/presets/v2/values/color/schemes.d.ts.map +1 -0
- package/dist/presets/v2/values/color/schemes.js +15 -0
- package/dist/presets/v2/values/color/schemes.js.map +1 -0
- package/dist/presets/v2/values/intents.d.ts +819 -0
- package/dist/presets/v2/values/intents.d.ts.map +1 -0
- package/dist/presets/v2/values/intents.js +318 -0
- package/dist/presets/v2/values/intents.js.map +1 -0
- package/dist/presets/v2/values/semantics.d.ts +731 -0
- package/dist/presets/v2/values/semantics.d.ts.map +1 -0
- package/dist/presets/v2/values/semantics.js +181 -0
- package/dist/presets/v2/values/semantics.js.map +1 -0
- package/dist/presets/v2/values/shadow/index.d.ts +21 -0
- package/dist/presets/v2/values/shadow/index.d.ts.map +1 -0
- package/dist/presets/v2/values/shadow/index.js +62 -0
- package/dist/presets/v2/values/shadow/index.js.map +1 -0
- package/dist/presets/v2/values/spacing/index.d.ts +20 -0
- package/dist/presets/v2/values/spacing/index.d.ts.map +1 -0
- package/dist/presets/v2/values/spacing/index.js +42 -0
- package/dist/presets/v2/values/spacing/index.js.map +1 -0
- package/dist/presets/v2/values/types.d.ts +7 -0
- package/dist/presets/v2/values/types.d.ts.map +1 -0
- package/dist/presets/v2/values/types.js +2 -0
- package/dist/presets/v2/values/types.js.map +1 -0
- package/dist/presets/v2/values/typography/index.d.ts +25 -0
- package/dist/presets/v2/values/typography/index.d.ts.map +1 -0
- package/dist/presets/v2/values/typography/index.js +46 -0
- package/dist/presets/v2/values/typography/index.js.map +1 -0
- package/dist/util/tokenRegex.d.ts +6 -0
- package/dist/util/tokenRegex.d.ts.map +1 -0
- package/dist/util/tokenRegex.js +14 -0
- package/dist/util/tokenRegex.js.map +1 -0
- package/dist/util/tokenValidation.d.ts +29 -0
- package/dist/util/tokenValidation.d.ts.map +1 -0
- package/dist/util/tokenValidation.js +328 -0
- package/dist/util/tokenValidation.js.map +1 -0
- package/dist/util/tokenValidation.test.d.ts +2 -0
- package/dist/util/tokenValidation.test.d.ts.map +1 -0
- package/dist/util/tokenValidation.test.js +87 -0
- package/dist/util/tokenValidation.test.js.map +1 -0
- package/package.json +14 -8
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"semantics.d.ts","sourceRoot":"","sources":["../../../../src/presets/v2/values/semantics.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
import { css } from '@arbor-css/css-eval';
|
|
2
|
+
import { compileColors } from './color/compile.js';
|
|
3
|
+
export function createShadowLevelSemanticValues($, level) {
|
|
4
|
+
const x = css `0px`;
|
|
5
|
+
const y = css `calc(1px * pow(3, ${level}))`;
|
|
6
|
+
const blur = css `calc(${$.mode.global.shadow.blur} * ${$.mode.global.space.baseSize} * 0.25 * pow(2, ${level} - 1))`;
|
|
7
|
+
const spread = css `calc(${$.mode.global.shadow.spread} * 1px * pow(2, ${level} - 1))`;
|
|
8
|
+
const color = css `oklch(from ${$.mode.global.shadow.color} l c h / 0.15)`;
|
|
9
|
+
return {
|
|
10
|
+
$root: css `
|
|
11
|
+
${x} ${y} ${blur} ${spread} ${color}
|
|
12
|
+
`,
|
|
13
|
+
x,
|
|
14
|
+
y,
|
|
15
|
+
blur,
|
|
16
|
+
spread,
|
|
17
|
+
color,
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
export function createSpacingSemanticValues($, config) {
|
|
21
|
+
function spacingForLevel(level) {
|
|
22
|
+
return css `calc(${config.roundToPixel ? 'round(' : ''}${$.mode.global.space.baseSize} * pow(${$.mode.global.space.scaleBase}, ${level} * ${$.mode.global.space.scaleExponentStep}) / ${$.mode.global.space.density}${config.roundToPixel ? ', 1px)' : ''})`;
|
|
23
|
+
}
|
|
24
|
+
return {
|
|
25
|
+
$root: $.mode.sp.md,
|
|
26
|
+
xs: spacingForLevel(-2),
|
|
27
|
+
sm: spacingForLevel(-1),
|
|
28
|
+
md: spacingForLevel(0),
|
|
29
|
+
lg: spacingForLevel(1),
|
|
30
|
+
xl: spacingForLevel(2),
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
export function createShadowSemanticValues($) {
|
|
34
|
+
return {
|
|
35
|
+
// --m-shadow => --m-shadow-md
|
|
36
|
+
$root: css `
|
|
37
|
+
${$.mode.shadow.md.$root}
|
|
38
|
+
`,
|
|
39
|
+
none: {
|
|
40
|
+
$root: '0 0 0 0 transparent',
|
|
41
|
+
x: '0',
|
|
42
|
+
y: '0',
|
|
43
|
+
blur: '0',
|
|
44
|
+
spread: '0',
|
|
45
|
+
color: 'transparent',
|
|
46
|
+
},
|
|
47
|
+
sm: createShadowLevelSemanticValues($, 0),
|
|
48
|
+
md: createShadowLevelSemanticValues($, 1),
|
|
49
|
+
lg: createShadowLevelSemanticValues($, 2),
|
|
50
|
+
xl: createShadowLevelSemanticValues($, 3),
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
export function createColorSemanticValues($, options) {
|
|
54
|
+
const palette = compileColors(options, $.mode.global);
|
|
55
|
+
return palette;
|
|
56
|
+
}
|
|
57
|
+
export function createRadiusSemanticValues($) {
|
|
58
|
+
return {
|
|
59
|
+
$root: $.mode.rd.md,
|
|
60
|
+
xs: css `calc(${$.mode.global.shape.roundness} * ${$.mode.sp.xs})`,
|
|
61
|
+
sm: css `calc(${$.mode.global.shape.roundness} * ${$.mode.sp.sm})`,
|
|
62
|
+
md: css `calc(${$.mode.global.shape.roundness} * ${$.mode.sp.md})`,
|
|
63
|
+
lg: css `calc(${$.mode.global.shape.roundness} * ${$.mode.sp.lg})`,
|
|
64
|
+
xl: css `calc(${$.mode.global.shape.roundness} * ${$.mode.sp.xl})`,
|
|
65
|
+
full: css `9999px`,
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
export function createLineWidthSemanticValues($) {
|
|
69
|
+
return {
|
|
70
|
+
$root: $.mode.lw.md,
|
|
71
|
+
sm: css `calc(max(1px, ${$.mode.global.shape.lineWidth} * 1px / 2))`,
|
|
72
|
+
md: css `calc(${$.mode.global.shape.lineWidth} * 1px)`,
|
|
73
|
+
lg: css `calc(${$.mode.global.shape.lineWidth} * 2px)`,
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
export function createEasingSemanticValues($) {
|
|
77
|
+
function easingForLevel(level) {
|
|
78
|
+
// x-axis positions control the tight/loose shape (JS constants, not CSS variables)
|
|
79
|
+
const x1 = 0.55 + level * 0.15; // 0.40 / 0.55 / 0.70
|
|
80
|
+
const x2 = Math.max(0.04, 0.1 - level * 0.05); // 0.15 / 0.10 / 0.05
|
|
81
|
+
// Spring is zero at the default bounciness of 0.5, grows above it.
|
|
82
|
+
// Scale factors are 2x vs the target spring at b=1 so the threshold shift preserves that feel.
|
|
83
|
+
const springScale = (0.2 + level * 0.1) * 2; // 0.20 / 0.40 / 0.60
|
|
84
|
+
const b = $.mode.global.ease.bounciness;
|
|
85
|
+
const spring = css `max(0, ${b} - 0.5) * ${springScale}`;
|
|
86
|
+
const y1 = css `calc(0 - ${spring})`;
|
|
87
|
+
const y2 = css `calc(1 + ${spring} * 2)`;
|
|
88
|
+
return css `cubic-bezier(${x1}, ${y1}, ${x2}, ${y2})`;
|
|
89
|
+
}
|
|
90
|
+
function easingInForLevel(level) {
|
|
91
|
+
// x1 controls depth of the ease-in; larger = slower start
|
|
92
|
+
const x1 = 0.4 + level * 0.2; // 0.20 / 0.40 / 0.60
|
|
93
|
+
// Spring creates a slight anticipation (backward pull) at the start
|
|
94
|
+
const springScale = (0.15 + level * 0.05) * 2; // 0.20 / 0.30 / 0.40
|
|
95
|
+
const b = $.mode.global.ease.bounciness;
|
|
96
|
+
const anticipation = css `calc(0 - max(0, ${b} - 0.5) * ${springScale})`;
|
|
97
|
+
return css `cubic-bezier(${x1}, ${anticipation}, 1, 1)`;
|
|
98
|
+
}
|
|
99
|
+
function easingOutForLevel(level) {
|
|
100
|
+
const x1 = 0.2 + level * 0.1; // 0.10 / 0.20 / 0.30
|
|
101
|
+
const x2 = 0.55 + level * 0.1; // 0.45 / 0.55 / 0.65
|
|
102
|
+
// Scale factors are 2x so that at b=1 the spring matches the original intent.
|
|
103
|
+
const springScale = 0.55 * Math.pow(2, level) * 2; // 0.55 / 1.10 / 2.20
|
|
104
|
+
const b = $.mode.global.ease.bounciness;
|
|
105
|
+
const overshoot = css `calc(1 + max(0, ${b} - 0.5) * ${springScale})`;
|
|
106
|
+
return css `cubic-bezier(${x1}, ${overshoot}, ${x2}, 1)`;
|
|
107
|
+
}
|
|
108
|
+
return {
|
|
109
|
+
$root: $.mode.ease.medium,
|
|
110
|
+
tight: easingForLevel(1),
|
|
111
|
+
medium: easingForLevel(0),
|
|
112
|
+
loose: easingForLevel(-1),
|
|
113
|
+
in: {
|
|
114
|
+
$root: $.mode.ease.in.medium,
|
|
115
|
+
tight: easingInForLevel(1),
|
|
116
|
+
medium: easingInForLevel(0),
|
|
117
|
+
loose: easingInForLevel(-1),
|
|
118
|
+
},
|
|
119
|
+
out: {
|
|
120
|
+
$root: $.mode.ease.out.medium,
|
|
121
|
+
tight: easingOutForLevel(1),
|
|
122
|
+
medium: easingOutForLevel(0),
|
|
123
|
+
loose: easingOutForLevel(-1),
|
|
124
|
+
},
|
|
125
|
+
};
|
|
126
|
+
}
|
|
127
|
+
export function createDurationSemanticValues($) {
|
|
128
|
+
function durationForLevel(level) {
|
|
129
|
+
return css `calc(${$.mode.global.duration.base} * pow(2, ${level}) * ${$.mode.global.duration.slowness})`;
|
|
130
|
+
}
|
|
131
|
+
return {
|
|
132
|
+
$root: $.mode.dur.medium,
|
|
133
|
+
short: durationForLevel(-1),
|
|
134
|
+
medium: durationForLevel(0),
|
|
135
|
+
long: durationForLevel(1),
|
|
136
|
+
};
|
|
137
|
+
}
|
|
138
|
+
export function createTypographyWeightSemanticValues($) {
|
|
139
|
+
const darkModeAdjustment = css `calc(-1 * ${$.mode.global.whenDark} * ${$.mode.global.typography.darkModeWeightAdjustment})`;
|
|
140
|
+
const weightRange = css `calc(${$.mode.global.typography.maxWeight} - ${$.mode.global.typography.minWeight})`;
|
|
141
|
+
const generalAdjustment = css `calc(${$.mode.global.typography.boldness} * ${weightRange} - (${weightRange} / 2) + ${darkModeAdjustment})`;
|
|
142
|
+
return {
|
|
143
|
+
$root: $.mode.fw.normal,
|
|
144
|
+
normal: css `calc(clamp(${$.mode.global.typography.minWeight}, ${$.mode.global.typography.baseWeight} + ${generalAdjustment}, ${$.mode.global.typography.maxWeight}))`,
|
|
145
|
+
bold: css `calc(clamp(${$.mode.global.typography.minWeight}, ${$.mode.global.typography.baseWeight} + (${$.mode.global.typography.weightStep}) + ${generalAdjustment}, ${$.mode.global.typography.maxWeight}))`,
|
|
146
|
+
};
|
|
147
|
+
}
|
|
148
|
+
export function createTypographySizeSemanticValues($, config) {
|
|
149
|
+
function sizeForLevel(level) {
|
|
150
|
+
return css `calc(${config.roundToPixel ? 'round(' : ''}clamp(${$.mode.global.typography.minFontSize}, 1rem * ${$.mode.global.typography.size} * pow(${$.mode.global.typography.fontSizeScaleBase}, ${level} * ${$.mode.global.typography.fontSizeScaleExponentStep}), ${$.mode.global.typography.maxFontSize})${config.roundToPixel ? ', 1px)' : ''})`;
|
|
151
|
+
}
|
|
152
|
+
return {
|
|
153
|
+
$root: $.mode.fs.md,
|
|
154
|
+
sm: sizeForLevel(-1),
|
|
155
|
+
md: sizeForLevel(0),
|
|
156
|
+
lg: sizeForLevel(1),
|
|
157
|
+
};
|
|
158
|
+
}
|
|
159
|
+
export function createTypographyLineHeightSemanticValues($, config) {
|
|
160
|
+
function lineHeightForLevel(level) {
|
|
161
|
+
return css `calc(${config.roundToPixel ? 'round(' : ''}clamp(${$.mode.global.typography.minLineHeight}, ${$.mode.global.typography.baseLineHeight} + ((${level} + (1 - ${$.mode.global.typography.size}) / 2) * ${$.mode.global.typography.lineHeightStep}), ${$.mode.global.typography.maxLineHeight})${config.roundToPixel ? ', 1px)' : ''})`;
|
|
162
|
+
}
|
|
163
|
+
return {
|
|
164
|
+
$root: $.mode.lh.normal,
|
|
165
|
+
tight: lineHeightForLevel(-1),
|
|
166
|
+
normal: lineHeightForLevel(0),
|
|
167
|
+
loose: lineHeightForLevel(1),
|
|
168
|
+
};
|
|
169
|
+
}
|
|
170
|
+
export function createTypographyLetterSpacingSemanticValues($, config) {
|
|
171
|
+
function letterSpacingForLevel(level) {
|
|
172
|
+
return css `calc(${config.roundToPixel ? 'round(' : ''}clamp(${$.mode.global.typography.minLetterSpacing}, ${$.mode.global.typography.baseLetterSpacing} + (${level} * ${$.mode.global.typography.letterSpacingStep}), ${$.mode.global.typography.maxLetterSpacing})${config.roundToPixel ? ', 1px)' : ''})`;
|
|
173
|
+
}
|
|
174
|
+
return {
|
|
175
|
+
$root: $.mode.ls.normal,
|
|
176
|
+
tight: letterSpacingForLevel(-1),
|
|
177
|
+
normal: letterSpacingForLevel(0),
|
|
178
|
+
loose: letterSpacingForLevel(1),
|
|
179
|
+
};
|
|
180
|
+
}
|
|
181
|
+
//# sourceMappingURL=semantics.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"semantics.js","sourceRoot":"","sources":["../../../../src/presets/v2/values/semantics.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Css } from '@arbor-css/css-eval';
|
|
2
|
+
import { GlobalTokens } from '../../schema/global.js';
|
|
3
|
+
export declare const defaultShadowLevels: readonly ["xs", "sm", "md", "lg", "xl"];
|
|
4
|
+
export type DefaultShadowLevel = (typeof defaultShadowLevels)[number];
|
|
5
|
+
export interface ShadowConfig<TShadowLevel extends string = DefaultShadowLevel> {
|
|
6
|
+
levels?: Record<TShadowLevel | 'none', Omit<CompiledShadowLevel, '$root'>>;
|
|
7
|
+
}
|
|
8
|
+
export interface CompiledShadowLevel {
|
|
9
|
+
$root: string | Css;
|
|
10
|
+
x: string | Css;
|
|
11
|
+
y: string | Css;
|
|
12
|
+
blur: string | Css;
|
|
13
|
+
spread: string | Css;
|
|
14
|
+
color: string | Css;
|
|
15
|
+
}
|
|
16
|
+
export declare function isCompiledShadowLevel(value: any): value is CompiledShadowLevel;
|
|
17
|
+
export type CompiledShadows<TShadowLevel extends string = DefaultShadowLevel> = {
|
|
18
|
+
[K in TShadowLevel | 'none']: CompiledShadowLevel;
|
|
19
|
+
};
|
|
20
|
+
export declare function compileShadows<TShadowLevel extends string = DefaultShadowLevel>(config: ShadowConfig<TShadowLevel>, tokens: GlobalTokens): CompiledShadows<TShadowLevel>;
|
|
21
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presets/v2/values/shadow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,eAAO,MAAM,mBAAmB,yCAA0C,CAAC;AAC3E,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtE,MAAM,WAAW,YAAY,CAC5B,YAAY,SAAS,MAAM,GAAG,kBAAkB;IAEhD,MAAM,CAAC,EAAE,MAAM,CAAC,YAAY,GAAG,MAAM,EAAE,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC;CAC3E;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;IACpB,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IAChB,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CACpC,KAAK,EAAE,GAAG,GACR,KAAK,IAAI,mBAAmB,CAM9B;AAED,MAAM,MAAM,eAAe,CAAC,YAAY,SAAS,MAAM,GAAG,kBAAkB,IAC3E;KACE,CAAC,IAAI,YAAY,GAAG,MAAM,GAAG,mBAAmB;CACjD,CAAC;AAkBH,wBAAgB,cAAc,CAC7B,YAAY,SAAS,MAAM,GAAG,kBAAkB,EAEhD,MAAM,EAAE,YAAY,CAAC,YAAY,CAAC,EAClC,MAAM,EAAE,YAAY,GAClB,eAAe,CAAC,YAAY,CAAC,CAgD/B"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { css } from '@arbor-css/css-eval';
|
|
2
|
+
export const defaultShadowLevels = ['xs', 'sm', 'md', 'lg', 'xl'];
|
|
3
|
+
export function isCompiledShadowLevel(value) {
|
|
4
|
+
return (value &&
|
|
5
|
+
typeof value === 'object' &&
|
|
6
|
+
['x', 'y', 'blur', 'spread', 'color'].every((prop) => prop in value));
|
|
7
|
+
}
|
|
8
|
+
const defaultShadowXCss = (step) => css `0px`;
|
|
9
|
+
const defaultShadowYCss = (step) => css `calc(1px * pow(2, ${step} - 1))`;
|
|
10
|
+
const defaultShadowBlurCss = (step, $) => css `
|
|
11
|
+
calc(${[$.shadow.blur, '0.5']} * ${[
|
|
12
|
+
$.space.baseSize,
|
|
13
|
+
'0.5rem',
|
|
14
|
+
]} * 0.25 * pow(2, ${step} - 1))
|
|
15
|
+
`;
|
|
16
|
+
const defaultShadowSpreadCss = (step, $) => css `
|
|
17
|
+
calc(${[$.shadow.spread, '0.5']} * 1px)
|
|
18
|
+
`;
|
|
19
|
+
const defaultShadowColorCss = (step, $) => css `
|
|
20
|
+
${$.shadow.color}
|
|
21
|
+
`;
|
|
22
|
+
export function compileShadows(config, tokens) {
|
|
23
|
+
const levelNames = config.levels ?
|
|
24
|
+
Object.keys(config.levels)
|
|
25
|
+
: defaultShadowLevels;
|
|
26
|
+
const levels = levelNames.reduce((acc, name, i) => {
|
|
27
|
+
const nameCast = name;
|
|
28
|
+
const levelConfig = config.levels?.[nameCast];
|
|
29
|
+
const x = levelConfig?.x ?? defaultShadowXCss(i);
|
|
30
|
+
const y = levelConfig?.y ?? defaultShadowYCss(i);
|
|
31
|
+
const blur = levelConfig?.blur ?? defaultShadowBlurCss(i, tokens);
|
|
32
|
+
const spread = levelConfig?.spread ?? defaultShadowSpreadCss(i, tokens);
|
|
33
|
+
const color = levelConfig?.color ?? defaultShadowColorCss(i, tokens);
|
|
34
|
+
const $root = css `
|
|
35
|
+
${x} ${y} ${blur} ${spread} ${color}
|
|
36
|
+
`;
|
|
37
|
+
acc[nameCast] = {
|
|
38
|
+
$root,
|
|
39
|
+
x,
|
|
40
|
+
y,
|
|
41
|
+
blur,
|
|
42
|
+
spread,
|
|
43
|
+
color,
|
|
44
|
+
...levelConfig,
|
|
45
|
+
};
|
|
46
|
+
return acc;
|
|
47
|
+
}, {});
|
|
48
|
+
levels['none'] = {
|
|
49
|
+
$root: '0 0 0 0 transparent',
|
|
50
|
+
x: '0',
|
|
51
|
+
y: '0',
|
|
52
|
+
blur: '0',
|
|
53
|
+
spread: '0',
|
|
54
|
+
color: 'transparent',
|
|
55
|
+
...config.levels?.['none'],
|
|
56
|
+
};
|
|
57
|
+
levels['none'].$root = css `
|
|
58
|
+
${levels['none'].x} ${levels['none'].y} ${levels['none'].blur} ${levels['none'].spread} ${levels['none'].color}
|
|
59
|
+
`;
|
|
60
|
+
return levels;
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presets/v2/values/shadow/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Css } from '@arbor-css/css-eval';
|
|
2
|
+
import { GlobalTokens } from '../../schema/global.js';
|
|
3
|
+
export declare const defaultSpacingLevels: readonly ["2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
|
|
4
|
+
export type DefaultSpacingLevel = (typeof defaultSpacingLevels)[number];
|
|
5
|
+
export interface SpacingConfig<TSpacingLevel extends string = DefaultSpacingLevel> {
|
|
6
|
+
levels?: Record<TSpacingLevel, string | number>;
|
|
7
|
+
defaultLevel?: TSpacingLevel;
|
|
8
|
+
roundToPixel?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export type CompiledSpacing<TSpacingLevel extends string = DefaultSpacingLevel> = {
|
|
11
|
+
[K in TSpacingLevel]: string | Css;
|
|
12
|
+
} & {
|
|
13
|
+
$root: string | Css;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* Given configuration for spacing sizes and the default
|
|
17
|
+
* level name, produces a range of spacing sizes.
|
|
18
|
+
*/
|
|
19
|
+
export declare function compileSpacing<TSpacingLevel extends string = DefaultSpacingLevel>(config: SpacingConfig<TSpacingLevel>, $: GlobalTokens): CompiledSpacing<TSpacingLevel>;
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presets/v2/values/spacing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,eAAO,MAAM,oBAAoB,8DASvB,CAAC;AACX,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,MAAM,WAAW,aAAa,CAC7B,aAAa,SAAS,MAAM,GAAG,mBAAmB;IAElD,MAAM,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,eAAe,CAC1B,aAAa,SAAS,MAAM,GAAG,mBAAmB,IAC/C;KACF,CAAC,IAAI,aAAa,GAAG,MAAM,GAAG,GAAG;CAClC,GAAG;IACH,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,cAAc,CAC7B,aAAa,SAAS,MAAM,GAAG,mBAAmB,EAElD,MAAM,EAAE,aAAa,CAAC,aAAa,CAAC,EACpC,CAAC,EAAE,YAAY,GACb,eAAe,CAAC,aAAa,CAAC,CAiChC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { css } from '@arbor-css/css-eval';
|
|
2
|
+
export const defaultSpacingLevels = [
|
|
3
|
+
'2xs',
|
|
4
|
+
'xs',
|
|
5
|
+
'sm',
|
|
6
|
+
'md',
|
|
7
|
+
'lg',
|
|
8
|
+
'xl',
|
|
9
|
+
'2xl',
|
|
10
|
+
'3xl',
|
|
11
|
+
];
|
|
12
|
+
/**
|
|
13
|
+
* Given configuration for spacing sizes and the default
|
|
14
|
+
* level name, produces a range of spacing sizes.
|
|
15
|
+
*/
|
|
16
|
+
export function compileSpacing(config, $) {
|
|
17
|
+
const levelNames = config.levels ?
|
|
18
|
+
Object.keys(config.levels)
|
|
19
|
+
: defaultSpacingLevels;
|
|
20
|
+
const baseIndex =
|
|
21
|
+
// user supplied explicit default level
|
|
22
|
+
config.defaultLevel ? levelNames.indexOf(config.defaultLevel)
|
|
23
|
+
// user did not give us a default level, but did give us custom levels, so we'll pick the middle one as the default
|
|
24
|
+
: config.levels ? Math.floor(levelNames.length / 2)
|
|
25
|
+
// user did not give us a default level, and is using the default levels, so we'll use 'md' as the default.
|
|
26
|
+
: levelNames.indexOf('md');
|
|
27
|
+
const levels = levelNames.reduce((acc, name, i) => {
|
|
28
|
+
const nameCast = name;
|
|
29
|
+
const levelConfig = config.levels?.[nameCast]?.toString();
|
|
30
|
+
const step = i - baseIndex;
|
|
31
|
+
acc[nameCast] =
|
|
32
|
+
levelConfig ??
|
|
33
|
+
css `calc(${config.roundToPixel ? 'round(' : ''}${$.space.baseSize} * pow(${[$.space.scaleBase, 2]}, ${[$.space.scaleExponentStep, 1]} * ${step})${config.roundToPixel ? ', 1px)' : ''})`;
|
|
34
|
+
return acc;
|
|
35
|
+
}, {});
|
|
36
|
+
const defaultLevel = config.defaultLevel ?? levelNames[baseIndex];
|
|
37
|
+
return {
|
|
38
|
+
...levels,
|
|
39
|
+
$root: levels[defaultLevel],
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presets/v2/values/spacing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAO,MAAM,qBAAqB,CAAC;AAG/C,MAAM,CAAC,MAAM,oBAAoB,GAAG;IACnC,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,KAAK;CACI,CAAC;AAmBX;;;GAGG;AACH,MAAM,UAAU,cAAc,CAG7B,MAAoC,EACpC,CAAe;IAEf,MAAM,UAAU,GACf,MAAM,CAAC,MAAM,CAAC,CAAC;QACd,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QAC3B,CAAC,CAAE,oBAAmD,CAAC;IAExD,MAAM,SAAS;IACd,uCAAuC;IACvC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC;QAC5D,mHAAmH;QACpH,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;YAClD,2GAA2G;YAC5G,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,IAAqB,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAC/B,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE;QAChB,MAAM,QAAQ,GAAG,IAAqB,CAAC;QACvC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;QAC1D,MAAM,IAAI,GAAG,CAAC,GAAG,SAAS,CAAC;QAC3B,GAAG,CAAC,QAAQ,CAAC;YACZ,WAAW;gBACX,GAAG,CAAA,QAAQ,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,QAAQ,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC,MAAM,IAAI,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;QAC1L,OAAO,GAAG,CAAC;IACZ,CAAC,EACD,EAAyC,CACP,CAAC;IACpC,MAAM,YAAY,GACjB,MAAM,CAAC,YAAY,IAAK,UAAU,CAAC,SAAS,CAAmB,CAAC;IAEjE,OAAO;QACN,GAAG,MAAM;QACT,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC;KAC3B,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ModeValues } from '@arbor-css/modes';
|
|
2
|
+
import { PresetTokens } from '@arbor-css/preset';
|
|
3
|
+
import { BasicPresetModeSchema } from '../../basicPreset/preset.js';
|
|
4
|
+
import { ModeSchema } from '../schema/schema.js';
|
|
5
|
+
export type Tokens<TColorName extends string> = PresetTokens<ModeSchema<TColorName> & BasicPresetModeSchema, {}>;
|
|
6
|
+
export type Values<TColorName extends string> = ModeValues<ModeSchema<TColorName> & BasicPresetModeSchema>;
|
|
7
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/presets/v2/values/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,MAAM,MAAM,CAAC,UAAU,SAAS,MAAM,IAAI,YAAY,CAC3D,UAAU,CAAC,UAAU,CAAC,GAAG,qBAAqB,EAC9C,EAAE,CACF,CAAC;AACF,MAAM,MAAM,MAAM,CAAC,UAAU,SAAS,MAAM,IAAI,UAAU,CACzD,UAAU,CAAC,UAAU,CAAC,GAAG,qBAAqB,CAC9C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/presets/v2/values/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Css, CssInterpolation } from '@arbor-css/css-eval';
|
|
2
|
+
import { Token } from '@arbor-css/tokens';
|
|
3
|
+
import { GlobalTokens } from '../../schema/global.js';
|
|
4
|
+
export interface TypographyLevel {
|
|
5
|
+
size: string | Css;
|
|
6
|
+
lineHeight: CssInterpolation;
|
|
7
|
+
letterSpacing: string | Css;
|
|
8
|
+
}
|
|
9
|
+
export declare function isTypographyLevel(value: any): value is TypographyLevel;
|
|
10
|
+
export type CompiledTypography<TLevels extends string = DefaultTypographyLevel> = {
|
|
11
|
+
[K in TLevels]: TypographyLevel;
|
|
12
|
+
} & {
|
|
13
|
+
weight: Record<'thin' | 'extraLight' | 'light' | 'normal' | 'medium' | 'semiBold' | 'bold' | 'extraBold' | 'black', string | Css>;
|
|
14
|
+
};
|
|
15
|
+
export declare const defaultTypographyLevels: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
|
|
16
|
+
export type DefaultTypographyLevel = (typeof defaultTypographyLevels)[number];
|
|
17
|
+
export type TypographyConfig<TLevels extends string = DefaultTypographyLevel> = {
|
|
18
|
+
levels?: Record<TLevels, Partial<TypographyLevel>>;
|
|
19
|
+
defaultLevel?: TLevels;
|
|
20
|
+
roundToPixel?: boolean;
|
|
21
|
+
};
|
|
22
|
+
export declare function compileTypography<TLevels extends string = DefaultTypographyLevel>(config: TypographyConfig<TLevels>, tokens: GlobalTokens, systemTokens: {
|
|
23
|
+
whenDark: Token;
|
|
24
|
+
}): CompiledTypography<TLevels>;
|
|
25
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presets/v2/values/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,GAAG,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,aAAa,EAAE,MAAM,GAAG,GAAG,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,eAAe,CAOtE;AAED,MAAM,MAAM,kBAAkB,CAC7B,OAAO,SAAS,MAAM,GAAG,sBAAsB,IAC5C;KACF,CAAC,IAAI,OAAO,GAAG,eAAe;CAC/B,GAAG;IACH,MAAM,EAAE,MAAM,CACX,MAAM,GACN,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,MAAM,GACN,WAAW,GACX,OAAO,EACT,MAAM,GAAG,GAAG,CACZ,CAAC;CACF,CAAC;AAEF,eAAO,MAAM,uBAAuB,4EAW1B,CAAC;AACX,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9E,MAAM,MAAM,gBAAgB,CAAC,OAAO,SAAS,MAAM,GAAG,sBAAsB,IAC3E;IACC,MAAM,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEH,wBAAgB,iBAAiB,CAChC,OAAO,SAAS,MAAM,GAAG,sBAAsB,EAE/C,MAAM,EAAE,gBAAgB,CAAC,OAAO,CAAC,EACjC,MAAM,EAAE,YAAY,EACpB,YAAY,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAA;CAAE,GAC/B,kBAAkB,CAAC,OAAO,CAAC,CA+B7B"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { css } from '@arbor-css/css-eval';
|
|
2
|
+
export function isTypographyLevel(value) {
|
|
3
|
+
return (value &&
|
|
4
|
+
'size' in value &&
|
|
5
|
+
'lineHeight' in value &&
|
|
6
|
+
'letterSpacing' in value);
|
|
7
|
+
}
|
|
8
|
+
export const defaultTypographyLevels = [
|
|
9
|
+
'xs',
|
|
10
|
+
'sm',
|
|
11
|
+
'md',
|
|
12
|
+
'lg',
|
|
13
|
+
'xl',
|
|
14
|
+
'2xl',
|
|
15
|
+
'3xl',
|
|
16
|
+
'4xl',
|
|
17
|
+
'5xl',
|
|
18
|
+
'6xl',
|
|
19
|
+
];
|
|
20
|
+
export function compileTypography(config, tokens, systemTokens) {
|
|
21
|
+
const levelNames = config.levels ?
|
|
22
|
+
Object.keys(config.levels)
|
|
23
|
+
: defaultTypographyLevels;
|
|
24
|
+
const baseIndex =
|
|
25
|
+
// user passed an explicit value
|
|
26
|
+
config.defaultLevel ? levelNames.indexOf(config.defaultLevel)
|
|
27
|
+
// user did not give us one, but did supply custom levels
|
|
28
|
+
: config.levels ? Math.floor(levelNames.length / 2)
|
|
29
|
+
// we're using default levels, and md is the base.
|
|
30
|
+
: levelNames.indexOf('md');
|
|
31
|
+
const levels = levelNames.reduce((acc, name, i) => {
|
|
32
|
+
const nameCast = name;
|
|
33
|
+
const levelConfig = config.levels?.[nameCast] ?? {};
|
|
34
|
+
acc[nameCast] = {
|
|
35
|
+
size: css `calc(${config.roundToPixel ? 'round(' : ''}clamp(${tokens.typography.minFontSize ?? '0.75rem'}, 1rem * pow(${tokens.typography.fontSizeScaleBase ?? 1.125}, (${i - baseIndex} * ${tokens.typography.fontSizeScaleExponentStep ?? 1})) / ${[tokens.space.density, 1]}, ${tokens.typography.maxFontSize ?? '3rem'})${config.roundToPixel ? ', 1px)' : ''})`,
|
|
36
|
+
lineHeight: css `calc(clamp(${tokens.typography.minLineHeight ?? 0.75}, (${tokens.typography.baseLineHeight ?? 1.5} - ${tokens.typography.lineHeightStep ?? 0.5} * ${i - baseIndex}), ${tokens.typography.maxLineHeight ?? 2}))`,
|
|
37
|
+
letterSpacing: css `calc(clamp(${tokens.typography.minLetterSpacing ?? 0}, (${tokens.typography.baseLetterSpacing ?? 0} + ${tokens.typography.letterSpacingStep ?? 0} * ${i - baseIndex}), ${tokens.typography.maxLetterSpacing ?? 0}))`,
|
|
38
|
+
...levelConfig,
|
|
39
|
+
};
|
|
40
|
+
return acc;
|
|
41
|
+
}, {});
|
|
42
|
+
return {
|
|
43
|
+
...levels,
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presets/v2/values/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAyB,MAAM,qBAAqB,CAAC;AAUjE,MAAM,UAAU,iBAAiB,CAAC,KAAU;IAC3C,OAAO,CACN,KAAK;QACL,MAAM,IAAI,KAAK;QACf,YAAY,IAAI,KAAK;QACrB,eAAe,IAAI,KAAK,CACxB,CAAC;AACH,CAAC;AAqBD,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACtC,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;CACI,CAAC;AAUX,MAAM,UAAU,iBAAiB,CAGhC,MAAiC,EACjC,MAAoB,EACpB,YAAiC;IAEjC,MAAM,UAAU,GACf,MAAM,CAAC,MAAM,CAAC,CAAC;QACd,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QAC3B,CAAC,CAAE,uBAAgD,CAAC;IACrD,MAAM,SAAS;IACd,gCAAgC;IAChC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC;QAC5D,yDAAyD;QAC1D,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;YAClD,kDAAkD;YACnD,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,IAAe,CAAC,CAAC;IAEvC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAC/B,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE;QAChB,MAAM,QAAQ,GAAG,IAAe,CAAC;QACjC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACpD,GAAG,CAAC,QAAQ,CAAC,GAAG;YACf,IAAI,EAAE,GAAG,CAAA,QAAQ,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,MAAM,CAAC,UAAU,CAAC,WAAW,IAAI,SAAS,gBAAgB,MAAM,CAAC,UAAU,CAAC,iBAAiB,IAAI,KAAK,MAAM,CAAC,GAAG,SAAS,MAAM,MAAM,CAAC,UAAU,CAAC,yBAAyB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,UAAU,CAAC,WAAW,IAAI,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG;YACnW,UAAU,EAAE,GAAG,CAAA,cAAc,MAAM,CAAC,UAAU,CAAC,aAAa,IAAI,IAAI,MAAM,MAAM,CAAC,UAAU,CAAC,cAAc,IAAI,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,cAAc,IAAI,GAAG,MAAM,CAAC,GAAG,SAAS,MAAM,MAAM,CAAC,UAAU,CAAC,aAAa,IAAI,CAAC,IAAI;YAC/N,aAAa,EAAE,GAAG,CAAA,cAAc,MAAM,CAAC,UAAU,CAAC,gBAAgB,IAAI,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,iBAAiB,IAAI,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,iBAAiB,IAAI,CAAC,MAAM,CAAC,GAAG,SAAS,MAAM,MAAM,CAAC,UAAU,CAAC,gBAAgB,IAAI,CAAC,IAAI;YACvO,GAAG,WAAW;SACd,CAAC;QACF,OAAO,GAAG,CAAC;IACZ,CAAC,EACD,EAAsC,CACP,CAAC;IAEjC,OAAO;QACN,GAAG,MAAM;KACT,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokenRegex.d.ts","sourceRoot":"","sources":["../../src/util/tokenRegex.ts"],"names":[],"mappings":"AAYA,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,SAAS,MAAM,EAAE;;;;IAE7D"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
function escapeRegex(value) {
|
|
2
|
+
return value.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
|
|
3
|
+
}
|
|
4
|
+
function createTokenRegex(prefix) {
|
|
5
|
+
return {
|
|
6
|
+
end: () => new RegExp(`(${prefix}([\\w-]+)?)$`, 'g'),
|
|
7
|
+
anywhere: () => new RegExp(`(${prefix}([\\w-]+)?)`, 'g'),
|
|
8
|
+
declaration: () => new RegExp(`(^|[;{\\s])(${prefix}([\\w-]+)?)\\s*:`, 'g'),
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export function createTokenRegexes(prefixes) {
|
|
12
|
+
return prefixes.map((prefix) => createTokenRegex(escapeRegex(prefix)));
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=tokenRegex.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokenRegex.js","sourceRoot":"","sources":["../../src/util/tokenRegex.ts"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,KAAa;IACjC,OAAO,KAAK,CAAC,OAAO,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;AACvD,CAAC;AAED,SAAS,gBAAgB,CAAC,MAAc;IACvC,OAAO;QACN,GAAG,EAAE,GAAG,EAAE,CAAC,IAAI,MAAM,CAAC,IAAI,MAAM,cAAc,EAAE,GAAG,CAAC;QACpD,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,MAAM,CAAC,IAAI,MAAM,aAAa,EAAE,GAAG,CAAC;QACxD,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,MAAM,CAAC,eAAe,MAAM,kBAAkB,EAAE,GAAG,CAAC;KAC3E,CAAC;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,QAA2B;IAC7D,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACxE,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { type ArborFunction, type ArborMixin } from '@arbor-css/functions';
|
|
2
|
+
import { type ArborResolvedPrefixes } from '@arbor-css/globals';
|
|
3
|
+
import type { AnyArborPreset } from '@arbor-css/preset/config';
|
|
4
|
+
import { type Token } from '@arbor-css/tokens';
|
|
5
|
+
export type TokenMapValue = Token | ArborFunction | ArborMixin<any, any>;
|
|
6
|
+
export type TokenMap = Map<string, TokenMapValue>;
|
|
7
|
+
export interface PrefixValidationConfig {
|
|
8
|
+
tokenPrefixes: string[];
|
|
9
|
+
functionNamePrefix: string;
|
|
10
|
+
mixinNamePrefix: string;
|
|
11
|
+
knownProps: Array<string | RegExp>;
|
|
12
|
+
}
|
|
13
|
+
export interface InvalidTokenMatch {
|
|
14
|
+
name: string;
|
|
15
|
+
kind: 'token' | 'function' | 'mixin';
|
|
16
|
+
reason: 'unknown' | 'invalid-declaration' | 'mixin-must-follow-apply';
|
|
17
|
+
index: number;
|
|
18
|
+
length: number;
|
|
19
|
+
suggestions: string[];
|
|
20
|
+
}
|
|
21
|
+
export declare function formatInvalidTokenMatchMessage(match: InvalidTokenMatch): string;
|
|
22
|
+
export declare function createTokenMap(preset: AnyArborPreset): TokenMap;
|
|
23
|
+
export declare function createPrefixValidationConfig(tokenPrefixes: ArborResolvedPrefixes, knownProps?: Array<string | RegExp>): PrefixValidationConfig;
|
|
24
|
+
export declare function findInvalidTokenMatches({ content, tokenMap, prefixConfig, }: {
|
|
25
|
+
content: string;
|
|
26
|
+
tokenMap: TokenMap;
|
|
27
|
+
prefixConfig: PrefixValidationConfig;
|
|
28
|
+
}): InvalidTokenMatch[];
|
|
29
|
+
//# sourceMappingURL=tokenValidation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokenValidation.d.ts","sourceRoot":"","sources":["../../src/util/tokenValidation.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEN,KAAK,qBAAqB,EAC1B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAA+B,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG5E,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAEzE,MAAM,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAElD,MAAM,WAAW,sBAAsB;IACtC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,iBAAiB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IACrC,MAAM,EAAE,SAAS,GAAG,qBAAqB,GAAG,yBAAyB,CAAC;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,EAAE,CAAC;CACtB;AAoKD,wBAAgB,8BAA8B,CAC7C,KAAK,EAAE,iBAAiB,GACtB,MAAM,CAyBR;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,cAAc,GAAG,QAAQ,CAgB/D;AAED,wBAAgB,4BAA4B,CAC3C,aAAa,EAAE,qBAAqB,EACpC,UAAU,GAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAM,GACrC,sBAAsB,CAoBxB;AAED,wBAAgB,uBAAuB,CAAC,EACvC,OAAO,EACP,QAAQ,EACR,YAAY,GACZ,EAAE;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,sBAAsB,CAAC;CACrC,GAAG,iBAAiB,EAAE,CAkLtB"}
|