@aginies/tokens 0.1.0
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/README.md +47 -0
- package/dist/index.cjs +416 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +203 -0
- package/dist/index.d.ts +203 -0
- package/dist/index.js +365 -0
- package/dist/index.js.map +1 -0
- package/dist/legacy-bridge.css +147 -0
- package/dist/preset.cjs +239 -0
- package/dist/preset.cjs.map +1 -0
- package/dist/preset.d.cts +306 -0
- package/dist/preset.d.ts +306 -0
- package/dist/preset.js +214 -0
- package/dist/preset.js.map +1 -0
- package/dist/tokens.css +1002 -0
- package/dist/tokens.json +357 -0
- package/package.json +67 -0
package/dist/preset.d.ts
ADDED
|
@@ -0,0 +1,306 @@
|
|
|
1
|
+
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
2
|
+
|
|
3
|
+
declare const preset: {
|
|
4
|
+
darkMode: ["class"];
|
|
5
|
+
theme: {
|
|
6
|
+
extend: {
|
|
7
|
+
colors: {
|
|
8
|
+
bg: {
|
|
9
|
+
DEFAULT: string;
|
|
10
|
+
2: string;
|
|
11
|
+
};
|
|
12
|
+
panel: {
|
|
13
|
+
DEFAULT: string;
|
|
14
|
+
2: string;
|
|
15
|
+
3: string;
|
|
16
|
+
};
|
|
17
|
+
line: {
|
|
18
|
+
DEFAULT: string;
|
|
19
|
+
2: string;
|
|
20
|
+
3: string;
|
|
21
|
+
};
|
|
22
|
+
text: {
|
|
23
|
+
DEFAULT: string;
|
|
24
|
+
2: string;
|
|
25
|
+
};
|
|
26
|
+
mute: string;
|
|
27
|
+
signal: {
|
|
28
|
+
DEFAULT: string;
|
|
29
|
+
ink: string;
|
|
30
|
+
soft: string;
|
|
31
|
+
};
|
|
32
|
+
ok: {
|
|
33
|
+
DEFAULT: string;
|
|
34
|
+
ink: string;
|
|
35
|
+
soft: string;
|
|
36
|
+
};
|
|
37
|
+
warn: {
|
|
38
|
+
DEFAULT: string;
|
|
39
|
+
ink: string;
|
|
40
|
+
soft: string;
|
|
41
|
+
};
|
|
42
|
+
bad: {
|
|
43
|
+
DEFAULT: string;
|
|
44
|
+
ink: string;
|
|
45
|
+
soft: string;
|
|
46
|
+
};
|
|
47
|
+
overlay: string;
|
|
48
|
+
data: {
|
|
49
|
+
[k: string]: string;
|
|
50
|
+
};
|
|
51
|
+
canvas: {
|
|
52
|
+
DEFAULT: string;
|
|
53
|
+
grid: string;
|
|
54
|
+
node: string;
|
|
55
|
+
'node-line': string;
|
|
56
|
+
};
|
|
57
|
+
edge: {
|
|
58
|
+
DEFAULT: string;
|
|
59
|
+
hover: string;
|
|
60
|
+
active: string;
|
|
61
|
+
};
|
|
62
|
+
execution: string;
|
|
63
|
+
neutral: {
|
|
64
|
+
[k: string]: string;
|
|
65
|
+
};
|
|
66
|
+
gray: {
|
|
67
|
+
[k: string]: string;
|
|
68
|
+
};
|
|
69
|
+
slate: {
|
|
70
|
+
[k: string]: string;
|
|
71
|
+
};
|
|
72
|
+
zinc: {
|
|
73
|
+
[k: string]: string;
|
|
74
|
+
};
|
|
75
|
+
stone: {
|
|
76
|
+
[k: string]: string;
|
|
77
|
+
};
|
|
78
|
+
red: {
|
|
79
|
+
DEFAULT: string;
|
|
80
|
+
ink: string;
|
|
81
|
+
soft: string;
|
|
82
|
+
};
|
|
83
|
+
rose: {
|
|
84
|
+
DEFAULT: string;
|
|
85
|
+
ink: string;
|
|
86
|
+
soft: string;
|
|
87
|
+
};
|
|
88
|
+
pink: {
|
|
89
|
+
DEFAULT: string;
|
|
90
|
+
ink: string;
|
|
91
|
+
soft: string;
|
|
92
|
+
};
|
|
93
|
+
amber: {
|
|
94
|
+
DEFAULT: string;
|
|
95
|
+
ink: string;
|
|
96
|
+
soft: string;
|
|
97
|
+
};
|
|
98
|
+
orange: {
|
|
99
|
+
DEFAULT: string;
|
|
100
|
+
ink: string;
|
|
101
|
+
soft: string;
|
|
102
|
+
};
|
|
103
|
+
yellow: {
|
|
104
|
+
DEFAULT: string;
|
|
105
|
+
ink: string;
|
|
106
|
+
soft: string;
|
|
107
|
+
};
|
|
108
|
+
green: {
|
|
109
|
+
DEFAULT: string;
|
|
110
|
+
ink: string;
|
|
111
|
+
soft: string;
|
|
112
|
+
};
|
|
113
|
+
emerald: {
|
|
114
|
+
DEFAULT: string;
|
|
115
|
+
ink: string;
|
|
116
|
+
soft: string;
|
|
117
|
+
};
|
|
118
|
+
teal: {
|
|
119
|
+
DEFAULT: string;
|
|
120
|
+
ink: string;
|
|
121
|
+
soft: string;
|
|
122
|
+
};
|
|
123
|
+
lime: {
|
|
124
|
+
DEFAULT: string;
|
|
125
|
+
ink: string;
|
|
126
|
+
soft: string;
|
|
127
|
+
};
|
|
128
|
+
blue: {
|
|
129
|
+
DEFAULT: string;
|
|
130
|
+
ink: string;
|
|
131
|
+
soft: string;
|
|
132
|
+
};
|
|
133
|
+
sky: {
|
|
134
|
+
DEFAULT: string;
|
|
135
|
+
ink: string;
|
|
136
|
+
soft: string;
|
|
137
|
+
};
|
|
138
|
+
cyan: {
|
|
139
|
+
DEFAULT: string;
|
|
140
|
+
ink: string;
|
|
141
|
+
soft: string;
|
|
142
|
+
};
|
|
143
|
+
indigo: {
|
|
144
|
+
DEFAULT: string;
|
|
145
|
+
ink: string;
|
|
146
|
+
soft: string;
|
|
147
|
+
};
|
|
148
|
+
violet: {
|
|
149
|
+
DEFAULT: string;
|
|
150
|
+
ink: string;
|
|
151
|
+
soft: string;
|
|
152
|
+
};
|
|
153
|
+
purple: {
|
|
154
|
+
DEFAULT: string;
|
|
155
|
+
ink: string;
|
|
156
|
+
soft: string;
|
|
157
|
+
};
|
|
158
|
+
fuchsia: {
|
|
159
|
+
DEFAULT: string;
|
|
160
|
+
ink: string;
|
|
161
|
+
soft: string;
|
|
162
|
+
};
|
|
163
|
+
background: string;
|
|
164
|
+
foreground: string;
|
|
165
|
+
card: {
|
|
166
|
+
DEFAULT: string;
|
|
167
|
+
foreground: string;
|
|
168
|
+
};
|
|
169
|
+
popover: {
|
|
170
|
+
DEFAULT: string;
|
|
171
|
+
foreground: string;
|
|
172
|
+
};
|
|
173
|
+
primary: {
|
|
174
|
+
DEFAULT: string;
|
|
175
|
+
foreground: string;
|
|
176
|
+
};
|
|
177
|
+
secondary: {
|
|
178
|
+
DEFAULT: string;
|
|
179
|
+
foreground: string;
|
|
180
|
+
};
|
|
181
|
+
muted: {
|
|
182
|
+
DEFAULT: string;
|
|
183
|
+
foreground: string;
|
|
184
|
+
};
|
|
185
|
+
accent: {
|
|
186
|
+
DEFAULT: string;
|
|
187
|
+
foreground: string;
|
|
188
|
+
};
|
|
189
|
+
destructive: {
|
|
190
|
+
DEFAULT: string;
|
|
191
|
+
foreground: string;
|
|
192
|
+
};
|
|
193
|
+
border: string;
|
|
194
|
+
input: {
|
|
195
|
+
DEFAULT: string;
|
|
196
|
+
background: string;
|
|
197
|
+
};
|
|
198
|
+
ring: string;
|
|
199
|
+
chart: {
|
|
200
|
+
[k: string]: string;
|
|
201
|
+
};
|
|
202
|
+
};
|
|
203
|
+
fontFamily: {
|
|
204
|
+
display: [string];
|
|
205
|
+
sans: [string];
|
|
206
|
+
body: [string];
|
|
207
|
+
mono: [string];
|
|
208
|
+
};
|
|
209
|
+
fontSize: tailwindcss_types_config.KeyValuePair<string, string | [fontSize: string, lineHeight: string] | [fontSize: string, configuration: Partial<{
|
|
210
|
+
lineHeight: string;
|
|
211
|
+
letterSpacing: string;
|
|
212
|
+
fontWeight: string | number;
|
|
213
|
+
}>]>;
|
|
214
|
+
fontWeight: {
|
|
215
|
+
normal: string;
|
|
216
|
+
medium: string;
|
|
217
|
+
semibold: string;
|
|
218
|
+
bold: string;
|
|
219
|
+
};
|
|
220
|
+
letterSpacing: {
|
|
221
|
+
tighter: string;
|
|
222
|
+
tight: string;
|
|
223
|
+
snug: string;
|
|
224
|
+
normal: string;
|
|
225
|
+
wide: string;
|
|
226
|
+
wider: string;
|
|
227
|
+
widest: string;
|
|
228
|
+
};
|
|
229
|
+
borderRadius: {
|
|
230
|
+
none: string;
|
|
231
|
+
sm: string;
|
|
232
|
+
DEFAULT: string;
|
|
233
|
+
md: string;
|
|
234
|
+
lg: string;
|
|
235
|
+
xl: string;
|
|
236
|
+
'2xl': string;
|
|
237
|
+
full: string;
|
|
238
|
+
};
|
|
239
|
+
boxShadow: {
|
|
240
|
+
sm: string;
|
|
241
|
+
DEFAULT: string;
|
|
242
|
+
md: string;
|
|
243
|
+
lg: string;
|
|
244
|
+
xl: string;
|
|
245
|
+
'2xl': string;
|
|
246
|
+
field: string;
|
|
247
|
+
none: string;
|
|
248
|
+
};
|
|
249
|
+
ringColor: {
|
|
250
|
+
DEFAULT: string;
|
|
251
|
+
};
|
|
252
|
+
ringOffsetColor: {
|
|
253
|
+
DEFAULT: string;
|
|
254
|
+
};
|
|
255
|
+
outlineColor: {
|
|
256
|
+
DEFAULT: string;
|
|
257
|
+
};
|
|
258
|
+
spacing: {
|
|
259
|
+
gutter: string;
|
|
260
|
+
'section-y': string;
|
|
261
|
+
'section-y-tight': string;
|
|
262
|
+
};
|
|
263
|
+
maxWidth: {
|
|
264
|
+
wrap: string;
|
|
265
|
+
};
|
|
266
|
+
screens: {
|
|
267
|
+
nav: string;
|
|
268
|
+
wide: string;
|
|
269
|
+
};
|
|
270
|
+
zIndex: {
|
|
271
|
+
raised: string;
|
|
272
|
+
sticky: string;
|
|
273
|
+
dropdown: string;
|
|
274
|
+
modal: string;
|
|
275
|
+
toast: string;
|
|
276
|
+
};
|
|
277
|
+
transitionDuration: {
|
|
278
|
+
DEFAULT: string;
|
|
279
|
+
fast: string;
|
|
280
|
+
base: string;
|
|
281
|
+
slow: string;
|
|
282
|
+
enter: string;
|
|
283
|
+
};
|
|
284
|
+
transitionTimingFunction: {
|
|
285
|
+
enter: string;
|
|
286
|
+
};
|
|
287
|
+
keyframes: {
|
|
288
|
+
'fade-up': {
|
|
289
|
+
from: {
|
|
290
|
+
opacity: string;
|
|
291
|
+
transform: string;
|
|
292
|
+
};
|
|
293
|
+
to: {
|
|
294
|
+
opacity: string;
|
|
295
|
+
transform: string;
|
|
296
|
+
};
|
|
297
|
+
};
|
|
298
|
+
};
|
|
299
|
+
animation: {
|
|
300
|
+
'fade-up': string;
|
|
301
|
+
};
|
|
302
|
+
};
|
|
303
|
+
};
|
|
304
|
+
};
|
|
305
|
+
|
|
306
|
+
export { preset as aginiesPreset, preset as default };
|
package/dist/preset.js
ADDED
|
@@ -0,0 +1,214 @@
|
|
|
1
|
+
// src/preset.ts
|
|
2
|
+
var STEPS = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
|
|
3
|
+
var t = (name) => `rgb(var(--${name}-rgb) / <alpha-value>)`;
|
|
4
|
+
var ramp = (name, extra = {}) => ({
|
|
5
|
+
DEFAULT: t(name),
|
|
6
|
+
ink: t(`${name}-ink`),
|
|
7
|
+
soft: `var(--${name}-soft)`,
|
|
8
|
+
...Object.fromEntries(STEPS.map((s) => [s, `rgb(var(--${name}-${s}) / <alpha-value>)`])),
|
|
9
|
+
...extra
|
|
10
|
+
});
|
|
11
|
+
var neutral = Object.fromEntries(STEPS.map((s) => [s, t(`neutral-${s}`)]));
|
|
12
|
+
var signal = ramp("signal", { 2: t("signal-2") });
|
|
13
|
+
var ok = ramp("ok");
|
|
14
|
+
var warn = ramp("warn");
|
|
15
|
+
var bad = ramp("bad");
|
|
16
|
+
var fontSize = {
|
|
17
|
+
// dense UI sizes (Tailwind's default names, retuned)
|
|
18
|
+
xs: ["var(--fs-ui-xs)", { lineHeight: "var(--lh-ui-xs)" }],
|
|
19
|
+
sm: ["var(--fs-ui)", { lineHeight: "var(--lh-ui)" }],
|
|
20
|
+
base: ["var(--fs-body-2)", { lineHeight: "var(--lh-body-2)" }],
|
|
21
|
+
lg: ["var(--fs-h4)", { lineHeight: "var(--lh-h4)", letterSpacing: "var(--ls-h4)" }],
|
|
22
|
+
xl: ["20px", { lineHeight: "1.3", letterSpacing: "-0.015em" }],
|
|
23
|
+
// design-system scale
|
|
24
|
+
display: [
|
|
25
|
+
"var(--fs-display)",
|
|
26
|
+
{ lineHeight: "var(--lh-display)", letterSpacing: "var(--ls-display)", fontWeight: "600" }
|
|
27
|
+
],
|
|
28
|
+
h1: [
|
|
29
|
+
"var(--fs-h1)",
|
|
30
|
+
{ lineHeight: "var(--lh-h1)", letterSpacing: "var(--ls-h1)", fontWeight: "600" }
|
|
31
|
+
],
|
|
32
|
+
h2: [
|
|
33
|
+
"var(--fs-h2)",
|
|
34
|
+
{ lineHeight: "var(--lh-h2)", letterSpacing: "var(--ls-h2)", fontWeight: "600" }
|
|
35
|
+
],
|
|
36
|
+
h3: [
|
|
37
|
+
"var(--fs-h3)",
|
|
38
|
+
{ lineHeight: "var(--lh-h3)", letterSpacing: "var(--ls-h3)", fontWeight: "600" }
|
|
39
|
+
],
|
|
40
|
+
h4: [
|
|
41
|
+
"var(--fs-h4)",
|
|
42
|
+
{ lineHeight: "var(--lh-h4)", letterSpacing: "var(--ls-h4)", fontWeight: "600" }
|
|
43
|
+
],
|
|
44
|
+
stat: [
|
|
45
|
+
"var(--fs-stat)",
|
|
46
|
+
{ lineHeight: "var(--lh-stat)", letterSpacing: "var(--ls-stat)", fontWeight: "600" }
|
|
47
|
+
],
|
|
48
|
+
lede: ["var(--fs-lede)", { lineHeight: "var(--lh-lede)" }],
|
|
49
|
+
body: ["var(--fs-body)", { lineHeight: "var(--lh-body)" }],
|
|
50
|
+
"body-2": ["var(--fs-body-2)", { lineHeight: "var(--lh-body-2)" }],
|
|
51
|
+
small: ["var(--fs-small)", { lineHeight: "var(--lh-small)" }],
|
|
52
|
+
eyebrow: [
|
|
53
|
+
"var(--fs-eyebrow)",
|
|
54
|
+
{ lineHeight: "var(--lh-eyebrow)", letterSpacing: "var(--ls-eyebrow)", fontWeight: "500" }
|
|
55
|
+
],
|
|
56
|
+
label: [
|
|
57
|
+
"var(--fs-label)",
|
|
58
|
+
{ lineHeight: "var(--lh-label)", letterSpacing: "var(--ls-label)", fontWeight: "500" }
|
|
59
|
+
],
|
|
60
|
+
tag: ["var(--fs-tag)", { lineHeight: "var(--lh-tag)", letterSpacing: "var(--ls-tag)" }],
|
|
61
|
+
ui: ["var(--fs-ui)", { lineHeight: "var(--lh-ui)" }],
|
|
62
|
+
"ui-sm": ["var(--fs-ui-sm)", { lineHeight: "var(--lh-ui-sm)" }],
|
|
63
|
+
"ui-xs": ["var(--fs-ui-xs)", { lineHeight: "var(--lh-ui-xs)" }]
|
|
64
|
+
};
|
|
65
|
+
var preset = {
|
|
66
|
+
darkMode: ["class"],
|
|
67
|
+
theme: {
|
|
68
|
+
extend: {
|
|
69
|
+
colors: {
|
|
70
|
+
// ── design-system names ──
|
|
71
|
+
bg: { DEFAULT: t("bg"), 2: t("bg-2") },
|
|
72
|
+
panel: { DEFAULT: t("panel"), 2: t("panel-2"), 3: t("panel-3") },
|
|
73
|
+
line: { DEFAULT: t("line"), 2: t("line-2"), 3: t("line-3") },
|
|
74
|
+
text: { DEFAULT: t("text"), 2: t("text-2") },
|
|
75
|
+
mute: t("mute"),
|
|
76
|
+
signal,
|
|
77
|
+
ok,
|
|
78
|
+
warn,
|
|
79
|
+
bad,
|
|
80
|
+
overlay: "var(--overlay)",
|
|
81
|
+
data: Object.fromEntries([1, 2, 3, 4, 5, 6].map((i) => [i, `var(--data-${i})`])),
|
|
82
|
+
canvas: {
|
|
83
|
+
DEFAULT: "var(--canvas-bg)",
|
|
84
|
+
grid: "var(--canvas-grid)",
|
|
85
|
+
node: "var(--canvas-node)",
|
|
86
|
+
"node-line": "var(--canvas-node-line)"
|
|
87
|
+
},
|
|
88
|
+
edge: { DEFAULT: "var(--edge)", hover: "var(--edge-hover)", active: "var(--edge-active)" },
|
|
89
|
+
execution: "var(--execution)",
|
|
90
|
+
// ── standard palettes, remapped onto tokens ──
|
|
91
|
+
neutral,
|
|
92
|
+
gray: neutral,
|
|
93
|
+
slate: neutral,
|
|
94
|
+
zinc: neutral,
|
|
95
|
+
stone: neutral,
|
|
96
|
+
red: bad,
|
|
97
|
+
rose: bad,
|
|
98
|
+
pink: bad,
|
|
99
|
+
amber: warn,
|
|
100
|
+
orange: warn,
|
|
101
|
+
yellow: warn,
|
|
102
|
+
green: ok,
|
|
103
|
+
emerald: ok,
|
|
104
|
+
teal: ok,
|
|
105
|
+
lime: ok,
|
|
106
|
+
blue: signal,
|
|
107
|
+
sky: signal,
|
|
108
|
+
cyan: signal,
|
|
109
|
+
indigo: signal,
|
|
110
|
+
violet: signal,
|
|
111
|
+
purple: signal,
|
|
112
|
+
fuchsia: signal,
|
|
113
|
+
// ── shadcn/ui semantic names ──
|
|
114
|
+
background: t("bg"),
|
|
115
|
+
foreground: t("text"),
|
|
116
|
+
card: { DEFAULT: t("panel"), foreground: t("text") },
|
|
117
|
+
popover: { DEFAULT: t("panel-2"), foreground: t("text") },
|
|
118
|
+
primary: { DEFAULT: t("text"), foreground: t("bg") },
|
|
119
|
+
secondary: { DEFAULT: t("panel-2"), foreground: t("text") },
|
|
120
|
+
muted: { DEFAULT: t("panel-2"), foreground: t("mute") },
|
|
121
|
+
accent: { DEFAULT: t("panel-3"), foreground: t("text") },
|
|
122
|
+
destructive: { DEFAULT: t("bad"), foreground: t("bad-ink") },
|
|
123
|
+
border: t("line"),
|
|
124
|
+
input: { DEFAULT: t("line-2"), background: t("bg-2") },
|
|
125
|
+
ring: t("signal"),
|
|
126
|
+
chart: Object.fromEntries([1, 2, 3, 4, 5].map((i) => [i, `var(--data-${i})`]))
|
|
127
|
+
},
|
|
128
|
+
fontFamily: {
|
|
129
|
+
display: ["var(--font-display)"],
|
|
130
|
+
sans: ["var(--font-body)"],
|
|
131
|
+
body: ["var(--font-body)"],
|
|
132
|
+
mono: ["var(--font-mono)"]
|
|
133
|
+
},
|
|
134
|
+
fontSize,
|
|
135
|
+
fontWeight: {
|
|
136
|
+
normal: "400",
|
|
137
|
+
medium: "500",
|
|
138
|
+
semibold: "600",
|
|
139
|
+
bold: "700"
|
|
140
|
+
},
|
|
141
|
+
letterSpacing: {
|
|
142
|
+
tighter: "-0.04em",
|
|
143
|
+
tight: "-0.025em",
|
|
144
|
+
snug: "-0.01em",
|
|
145
|
+
normal: "0",
|
|
146
|
+
wide: "0.04em",
|
|
147
|
+
wider: "0.1em",
|
|
148
|
+
widest: "0.14em"
|
|
149
|
+
},
|
|
150
|
+
borderRadius: {
|
|
151
|
+
none: "0",
|
|
152
|
+
sm: "var(--radius-sm)",
|
|
153
|
+
DEFAULT: "var(--radius-md)",
|
|
154
|
+
md: "var(--radius-md)",
|
|
155
|
+
lg: "var(--radius-lg)",
|
|
156
|
+
xl: "var(--radius-xl)",
|
|
157
|
+
"2xl": "var(--radius-2xl)",
|
|
158
|
+
full: "var(--radius-full)"
|
|
159
|
+
},
|
|
160
|
+
boxShadow: {
|
|
161
|
+
sm: "var(--shadow-sm)",
|
|
162
|
+
DEFAULT: "var(--shadow-sm)",
|
|
163
|
+
md: "var(--shadow-sm)",
|
|
164
|
+
lg: "var(--shadow)",
|
|
165
|
+
xl: "var(--shadow)",
|
|
166
|
+
"2xl": "var(--shadow)",
|
|
167
|
+
field: "var(--focus-field-ring)",
|
|
168
|
+
none: "none"
|
|
169
|
+
},
|
|
170
|
+
ringColor: { DEFAULT: t("signal") },
|
|
171
|
+
ringOffsetColor: { DEFAULT: t("bg") },
|
|
172
|
+
outlineColor: { DEFAULT: t("signal") },
|
|
173
|
+
spacing: {
|
|
174
|
+
gutter: "var(--gutter)",
|
|
175
|
+
"section-y": "var(--section-y)",
|
|
176
|
+
"section-y-tight": "var(--section-y-tight)"
|
|
177
|
+
},
|
|
178
|
+
maxWidth: { wrap: "var(--max)" },
|
|
179
|
+
screens: { nav: "1180px", wide: "1340px" },
|
|
180
|
+
zIndex: {
|
|
181
|
+
raised: "var(--z-raised)",
|
|
182
|
+
sticky: "var(--z-sticky)",
|
|
183
|
+
dropdown: "var(--z-dropdown)",
|
|
184
|
+
modal: "var(--z-modal)",
|
|
185
|
+
toast: "var(--z-toast)"
|
|
186
|
+
},
|
|
187
|
+
transitionDuration: {
|
|
188
|
+
DEFAULT: "var(--duration-fast)",
|
|
189
|
+
fast: "var(--duration-fast)",
|
|
190
|
+
base: "var(--duration-base)",
|
|
191
|
+
slow: "var(--duration-slow)",
|
|
192
|
+
enter: "var(--duration-enter)"
|
|
193
|
+
},
|
|
194
|
+
transitionTimingFunction: {
|
|
195
|
+
enter: "var(--ease-enter)"
|
|
196
|
+
},
|
|
197
|
+
keyframes: {
|
|
198
|
+
"fade-up": {
|
|
199
|
+
from: { opacity: "0", transform: "translateY(10px)" },
|
|
200
|
+
to: { opacity: "1", transform: "none" }
|
|
201
|
+
}
|
|
202
|
+
},
|
|
203
|
+
animation: {
|
|
204
|
+
"fade-up": "fade-up var(--duration-enter) var(--ease-enter) both"
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
};
|
|
209
|
+
var preset_default = preset;
|
|
210
|
+
export {
|
|
211
|
+
preset as aginiesPreset,
|
|
212
|
+
preset_default as default
|
|
213
|
+
};
|
|
214
|
+
//# sourceMappingURL=preset.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/preset.ts"],"sourcesContent":["/**\n * Tailwind CSS v3 preset for the Aginies design system.\n *\n * Every colour resolves to a CSS custom property from `tokens.css`, so the same utilities\n * follow the theme (`.dark` / `.light` / `[data-theme]`) and the `.room` inversion.\n *\n * Two families of names are provided:\n * - the design-system names (`bg-panel`, `text-mute`, `border-line-2`, `bg-signal`, …)\n * - the standard Tailwind palettes (`red`, `amber`, `gray`, `blue`, …) remapped onto the\n * status ramps, so existing utility classes keep working without ever leaving the tokens\n * - the shadcn/ui semantic names (`bg-background`, `text-muted-foreground`, …)\n *\n * No dependencies beyond Tailwind's own types; usable without the JS entry.\n */\nimport type { Config } from 'tailwindcss'\n\ntype Steps = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950\nconst STEPS: Steps[] = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950]\n\n/** Semantic token with alpha-modifier support: `bg-panel/50`. */\nconst t = (name: string) => `rgb(var(--${name}-rgb) / <alpha-value>)`\n\n/** Generated status ramp: `text-signal-300`, `bg-bad-50/40`. */\nconst ramp = (name: string, extra: Record<string, string> = {}) => ({\n DEFAULT: t(name),\n ink: t(`${name}-ink`),\n soft: `var(--${name}-soft)`,\n ...Object.fromEntries(STEPS.map((s) => [s, `rgb(var(--${name}-${s}) / <alpha-value>)`])),\n ...extra,\n})\n\nconst neutral = Object.fromEntries(STEPS.map((s) => [s, t(`neutral-${s}`)]))\n\nconst signal = ramp('signal', { 2: t('signal-2') })\nconst ok = ramp('ok')\nconst warn = ramp('warn')\nconst bad = ramp('bad')\n\nconst fontSize: NonNullable<NonNullable<Config['theme']>['fontSize']> = {\n // dense UI sizes (Tailwind's default names, retuned)\n xs: ['var(--fs-ui-xs)', { lineHeight: 'var(--lh-ui-xs)' }],\n sm: ['var(--fs-ui)', { lineHeight: 'var(--lh-ui)' }],\n base: ['var(--fs-body-2)', { lineHeight: 'var(--lh-body-2)' }],\n lg: ['var(--fs-h4)', { lineHeight: 'var(--lh-h4)', letterSpacing: 'var(--ls-h4)' }],\n xl: ['20px', { lineHeight: '1.3', letterSpacing: '-0.015em' }],\n // design-system scale\n display: [\n 'var(--fs-display)',\n { lineHeight: 'var(--lh-display)', letterSpacing: 'var(--ls-display)', fontWeight: '600' },\n ],\n h1: [\n 'var(--fs-h1)',\n { lineHeight: 'var(--lh-h1)', letterSpacing: 'var(--ls-h1)', fontWeight: '600' },\n ],\n h2: [\n 'var(--fs-h2)',\n { lineHeight: 'var(--lh-h2)', letterSpacing: 'var(--ls-h2)', fontWeight: '600' },\n ],\n h3: [\n 'var(--fs-h3)',\n { lineHeight: 'var(--lh-h3)', letterSpacing: 'var(--ls-h3)', fontWeight: '600' },\n ],\n h4: [\n 'var(--fs-h4)',\n { lineHeight: 'var(--lh-h4)', letterSpacing: 'var(--ls-h4)', fontWeight: '600' },\n ],\n stat: [\n 'var(--fs-stat)',\n { lineHeight: 'var(--lh-stat)', letterSpacing: 'var(--ls-stat)', fontWeight: '600' },\n ],\n lede: ['var(--fs-lede)', { lineHeight: 'var(--lh-lede)' }],\n body: ['var(--fs-body)', { lineHeight: 'var(--lh-body)' }],\n 'body-2': ['var(--fs-body-2)', { lineHeight: 'var(--lh-body-2)' }],\n small: ['var(--fs-small)', { lineHeight: 'var(--lh-small)' }],\n eyebrow: [\n 'var(--fs-eyebrow)',\n { lineHeight: 'var(--lh-eyebrow)', letterSpacing: 'var(--ls-eyebrow)', fontWeight: '500' },\n ],\n label: [\n 'var(--fs-label)',\n { lineHeight: 'var(--lh-label)', letterSpacing: 'var(--ls-label)', fontWeight: '500' },\n ],\n tag: ['var(--fs-tag)', { lineHeight: 'var(--lh-tag)', letterSpacing: 'var(--ls-tag)' }],\n ui: ['var(--fs-ui)', { lineHeight: 'var(--lh-ui)' }],\n 'ui-sm': ['var(--fs-ui-sm)', { lineHeight: 'var(--lh-ui-sm)' }],\n 'ui-xs': ['var(--fs-ui-xs)', { lineHeight: 'var(--lh-ui-xs)' }],\n}\n\nconst preset = {\n darkMode: ['class'],\n theme: {\n extend: {\n colors: {\n // ── design-system names ──\n bg: { DEFAULT: t('bg'), 2: t('bg-2') },\n panel: { DEFAULT: t('panel'), 2: t('panel-2'), 3: t('panel-3') },\n line: { DEFAULT: t('line'), 2: t('line-2'), 3: t('line-3') },\n text: { DEFAULT: t('text'), 2: t('text-2') },\n mute: t('mute'),\n signal,\n ok,\n warn,\n bad,\n overlay: 'var(--overlay)',\n data: Object.fromEntries([1, 2, 3, 4, 5, 6].map((i) => [i, `var(--data-${i})`])),\n canvas: {\n DEFAULT: 'var(--canvas-bg)',\n grid: 'var(--canvas-grid)',\n node: 'var(--canvas-node)',\n 'node-line': 'var(--canvas-node-line)',\n },\n edge: { DEFAULT: 'var(--edge)', hover: 'var(--edge-hover)', active: 'var(--edge-active)' },\n execution: 'var(--execution)',\n\n // ── standard palettes, remapped onto tokens ──\n neutral,\n gray: neutral,\n slate: neutral,\n zinc: neutral,\n stone: neutral,\n red: bad,\n rose: bad,\n pink: bad,\n amber: warn,\n orange: warn,\n yellow: warn,\n green: ok,\n emerald: ok,\n teal: ok,\n lime: ok,\n blue: signal,\n sky: signal,\n cyan: signal,\n indigo: signal,\n violet: signal,\n purple: signal,\n fuchsia: signal,\n\n // ── shadcn/ui semantic names ──\n background: t('bg'),\n foreground: t('text'),\n card: { DEFAULT: t('panel'), foreground: t('text') },\n popover: { DEFAULT: t('panel-2'), foreground: t('text') },\n primary: { DEFAULT: t('text'), foreground: t('bg') },\n secondary: { DEFAULT: t('panel-2'), foreground: t('text') },\n muted: { DEFAULT: t('panel-2'), foreground: t('mute') },\n accent: { DEFAULT: t('panel-3'), foreground: t('text') },\n destructive: { DEFAULT: t('bad'), foreground: t('bad-ink') },\n border: t('line'),\n input: { DEFAULT: t('line-2'), background: t('bg-2') },\n ring: t('signal'),\n chart: Object.fromEntries([1, 2, 3, 4, 5].map((i) => [i, `var(--data-${i})`])),\n },\n fontFamily: {\n display: ['var(--font-display)'],\n sans: ['var(--font-body)'],\n body: ['var(--font-body)'],\n mono: ['var(--font-mono)'],\n },\n fontSize,\n fontWeight: {\n normal: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n },\n letterSpacing: {\n tighter: '-0.04em',\n tight: '-0.025em',\n snug: '-0.01em',\n normal: '0',\n wide: '0.04em',\n wider: '0.1em',\n widest: '0.14em',\n },\n borderRadius: {\n none: '0',\n sm: 'var(--radius-sm)',\n DEFAULT: 'var(--radius-md)',\n md: 'var(--radius-md)',\n lg: 'var(--radius-lg)',\n xl: 'var(--radius-xl)',\n '2xl': 'var(--radius-2xl)',\n full: 'var(--radius-full)',\n },\n boxShadow: {\n sm: 'var(--shadow-sm)',\n DEFAULT: 'var(--shadow-sm)',\n md: 'var(--shadow-sm)',\n lg: 'var(--shadow)',\n xl: 'var(--shadow)',\n '2xl': 'var(--shadow)',\n field: 'var(--focus-field-ring)',\n none: 'none',\n },\n ringColor: { DEFAULT: t('signal') },\n ringOffsetColor: { DEFAULT: t('bg') },\n outlineColor: { DEFAULT: t('signal') },\n spacing: {\n gutter: 'var(--gutter)',\n 'section-y': 'var(--section-y)',\n 'section-y-tight': 'var(--section-y-tight)',\n },\n maxWidth: { wrap: 'var(--max)' },\n screens: { nav: '1180px', wide: '1340px' },\n zIndex: {\n raised: 'var(--z-raised)',\n sticky: 'var(--z-sticky)',\n dropdown: 'var(--z-dropdown)',\n modal: 'var(--z-modal)',\n toast: 'var(--z-toast)',\n },\n transitionDuration: {\n DEFAULT: 'var(--duration-fast)',\n fast: 'var(--duration-fast)',\n base: 'var(--duration-base)',\n slow: 'var(--duration-slow)',\n enter: 'var(--duration-enter)',\n },\n transitionTimingFunction: {\n enter: 'var(--ease-enter)',\n },\n keyframes: {\n 'fade-up': {\n from: { opacity: '0', transform: 'translateY(10px)' },\n to: { opacity: '1', transform: 'none' },\n },\n },\n animation: {\n 'fade-up': 'fade-up var(--duration-enter) var(--ease-enter) both',\n },\n },\n },\n} satisfies Partial<Config>\n\nexport default preset\nexport { preset as aginiesPreset }\n"],"mappings":"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","names":[]}
|