@rowkit/tokens 0.1.1 → 0.3.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.
Files changed (12) hide show
  1. package/README.md +6 -4
  2. package/dist/blur.d.ts +18 -0
  3. package/dist/color.d.ts +295 -51
  4. package/dist/index.d.ts +134 -35
  5. package/dist/index.js +284 -194
  6. package/dist/index.js.map +1 -1
  7. package/dist/radius.d.ts +67 -15
  8. package/dist/reference.html +301 -254
  9. package/dist/shadow.d.ts +12 -1
  10. package/dist/tokens.css +158 -108
  11. package/dist/typography.d.ts +11 -4
  12. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  //#region package.json
2
- var e = "0.1.1", t = [
2
+ var e = "0.3.0", t = { overlay: "4px" }, n = [
3
3
  50,
4
4
  100,
5
5
  200,
@@ -11,7 +11,7 @@ var e = "0.1.1", t = [
11
11
  800,
12
12
  900,
13
13
  950
14
- ], n = {
14
+ ], r = {
15
15
  50: "oklch(0.984 0.003 264)",
16
16
  100: "oklch(0.968 0.004 264)",
17
17
  200: "oklch(0.928 0.006 264)",
@@ -23,19 +23,19 @@ var e = "0.1.1", t = [
23
23
  800: "oklch(0.279 0.03 264)",
24
24
  900: "oklch(0.21 0.033 264)",
25
25
  950: "oklch(0.13 0.036 264)"
26
- }, r = {
27
- 50: "oklch(0.97 0.014 259)",
28
- 100: "oklch(0.936 0.03 259)",
29
- 200: "oklch(0.885 0.055 259)",
30
- 300: "oklch(0.809 0.095 259)",
31
- 400: "oklch(0.715 0.147 259)",
32
- 500: "oklch(0.623 0.201 259)",
33
- 600: "oklch(0.546 0.209 259)",
34
- 700: "oklch(0.488 0.187 259)",
35
- 800: "oklch(0.442 0.165 259)",
36
- 900: "oklch(0.396 0.135 259)",
37
- 950: "oklch(0.282 0.086 259)"
38
26
  }, i = {
27
+ 50: "oklch(0.975 0.01 48)",
28
+ 100: "oklch(0.95 0.014 48)",
29
+ 200: "oklch(0.90 0.02 48)",
30
+ 300: "oklch(0.80 0.026 48)",
31
+ 400: "oklch(0.68 0.032 48)",
32
+ 500: "oklch(0.50 0.036 48)",
33
+ 600: "oklch(0.40 0.037 48)",
34
+ 700: "oklch(0.35 0.037 48)",
35
+ 800: "oklch(0.31 0.038 48)",
36
+ 900: "oklch(0.26 0.032 48)",
37
+ 950: "oklch(0.18 0.024 48)"
38
+ }, a = {
39
39
  50: "oklch(0.97 0.014 152)",
40
40
  100: "oklch(0.936 0.036 152)",
41
41
  200: "oklch(0.885 0.064 152)",
@@ -47,7 +47,7 @@ var e = "0.1.1", t = [
47
47
  800: "oklch(0.442 0.115 152)",
48
48
  900: "oklch(0.396 0.103 152)",
49
49
  950: "oklch(0.282 0.073 152)"
50
- }, a = {
50
+ }, o = {
51
51
  50: "oklch(0.97 0.016 75)",
52
52
  100: "oklch(0.936 0.04 75)",
53
53
  200: "oklch(0.885 0.071 75)",
@@ -59,7 +59,7 @@ var e = "0.1.1", t = [
59
59
  800: "oklch(0.442 0.092 75)",
60
60
  900: "oklch(0.396 0.082 75)",
61
61
  950: "oklch(0.282 0.059 75)"
62
- }, o = {
62
+ }, s = {
63
63
  50: "oklch(0.97 0.014 25)",
64
64
  100: "oklch(0.936 0.032 25)",
65
65
  200: "oklch(0.885 0.06 25)",
@@ -71,145 +71,216 @@ var e = "0.1.1", t = [
71
71
  800: "oklch(0.442 0.165 25)",
72
72
  900: "oklch(0.396 0.135 25)",
73
73
  950: "oklch(0.282 0.086 25)"
74
- }, s = {
74
+ }, c = {
75
+ 988: "oklch(0.988 0.002 264)",
76
+ 985: "oklch(0.985 0 0)",
77
+ 972: "oklch(0.972 0.003 264)",
78
+ 970: "oklch(0.97 0 0)",
79
+ 940: "oklch(0.940 0.004 264)",
80
+ 922: "oklch(0.922 0 0)",
81
+ 905: "oklch(0.905 0.006 264)",
82
+ 870: "oklch(0.87 0 0)",
83
+ 708: "oklch(0.708 0 0)",
84
+ 635: "oklch(0.635 0 0)",
85
+ 642: "oklch(0.642 0.012 264)",
86
+ 556: "oklch(0.556 0 0)",
87
+ 535: "oklch(0.535 0 0)",
88
+ 371: "oklch(0.371 0 0)",
89
+ 269: "oklch(0.269 0 0)",
90
+ 205: "oklch(0.205 0 0)",
91
+ 145: "oklch(0.145 0 0)"
92
+ }, l = {
93
+ 850: "oklch(0.85 0.08 25)",
94
+ 577: "oklch(0.577 0.235 27.325)",
95
+ 520: "oklch(0.52 0.212 27.325)",
96
+ 350: "oklch(0.38 0.055 25)",
97
+ 260: "oklch(0.32 0.045 25)"
98
+ }, u = {
99
+ 950: "oklch(0.95 0.05 152)",
100
+ 880: "oklch(0.88 0.05 152)",
101
+ 850: "oklch(0.85 0.12 152)",
102
+ 550: "oklch(0.55 0.144 152)",
103
+ 520: "oklch(0.52 0.136 152)",
104
+ 400: "oklch(0.4 0.105 152)",
105
+ 350: "oklch(0.35 0.092 152)",
106
+ 260: "oklch(0.26 0.068 152)"
107
+ }, d = {
108
+ 950: "oklch(0.95 0.04 75)",
109
+ 880: "oklch(0.88 0.05 75)",
110
+ 850: "oklch(0.85 0.12 75)",
111
+ 550: "oklch(0.55 0.116 75)",
112
+ 520: "oklch(0.52 0.109 75)",
113
+ 400: "oklch(0.4 0.084 75)",
114
+ 350: "oklch(0.35 0.074 75)",
115
+ 260: "oklch(0.26 0.055 75)"
116
+ }, f = {
117
+ 8: "oklch(1 0 0 / 8%)",
118
+ 10: "oklch(1 0 0 / 10%)",
119
+ 15: "oklch(1 0 0 / 15%)"
120
+ }, p = {
75
121
  white: "oklch(1 0 0)",
76
122
  black: "oklch(0 0 0)",
77
- ...c("neutral", n),
78
- ...c("primary", r),
79
- ...c("success", i),
80
- ...c("warning", a),
81
- ...c("danger", o)
123
+ ...h("gray", c),
124
+ ...h("red", l),
125
+ ...h("green", u),
126
+ ...h("amber", d),
127
+ ...h("white-alpha", f),
128
+ ...m("neutral", r),
129
+ ...m("primary", i),
130
+ ...m("success", a),
131
+ ...m("warning", o),
132
+ ...m("danger", s)
82
133
  };
83
- function c(e, n) {
134
+ function m(e, t) {
84
135
  let r = {};
85
- for (let i of t) r[`${e}-${i}`] = n[i];
136
+ for (let i of n) r[`${e}-${i}`] = t[i];
86
137
  return r;
87
138
  }
88
- var l = (e) => `var(--color-${e})`, u = {
89
- background: l("neutral-50"),
90
- surface: l("white"),
91
- "surface-subtle": l("neutral-100"),
92
- "surface-hover": l("neutral-100"),
93
- "surface-active": l("neutral-200"),
94
- "surface-selected": l("primary-50"),
95
- "surface-disabled": l("neutral-100"),
96
- skeleton: l("neutral-200"),
97
- text: l("neutral-900"),
98
- "text-muted": l("neutral-600"),
99
- "text-subtle": l("neutral-400"),
100
- "text-disabled": l("neutral-400"),
101
- border: l("neutral-200"),
102
- "border-strong": l("neutral-300"),
103
- "border-subtle": l("neutral-100"),
104
- "border-control": l("neutral-500"),
105
- "focus-ring": l("primary-600"),
106
- shadow: l("neutral-950"),
107
- "neutral-solid": l("neutral-700"),
108
- "neutral-solid-hover": l("neutral-800"),
109
- "neutral-on-solid": l("white"),
110
- "neutral-subtle": l("neutral-100"),
111
- "neutral-on-subtle": l("neutral-700"),
112
- "neutral-border": l("neutral-200"),
113
- "primary-solid": l("primary-600"),
114
- "primary-solid-hover": l("primary-700"),
115
- "primary-on-solid": l("white"),
116
- "primary-subtle": l("primary-50"),
117
- "primary-on-subtle": l("primary-700"),
118
- "primary-border": l("primary-200"),
119
- "success-solid": l("success-600"),
120
- "success-solid-hover": l("success-700"),
121
- "success-on-solid": l("white"),
122
- "success-subtle": l("success-50"),
123
- "success-on-subtle": l("success-700"),
124
- "success-border": l("success-200"),
125
- "warning-solid": l("warning-600"),
126
- "warning-solid-hover": l("warning-500"),
127
- "warning-on-solid": l("neutral-900"),
128
- "warning-subtle": l("warning-50"),
129
- "warning-on-subtle": l("warning-700"),
130
- "warning-border": l("warning-200"),
131
- "danger-solid": l("danger-600"),
132
- "danger-solid-hover": l("danger-700"),
133
- "danger-on-solid": l("white"),
134
- "danger-subtle": l("danger-50"),
135
- "danger-on-subtle": l("danger-700"),
136
- "danger-border": l("danger-200")
137
- }, d = {
138
- background: l("neutral-950"),
139
- surface: l("neutral-900"),
140
- "surface-subtle": l("neutral-800"),
141
- "surface-hover": l("neutral-800"),
142
- "surface-active": l("neutral-700"),
143
- "surface-selected": l("primary-950"),
144
- "surface-disabled": l("neutral-800"),
145
- skeleton: l("neutral-800"),
146
- text: l("neutral-50"),
147
- "text-muted": l("neutral-400"),
148
- "text-subtle": l("neutral-500"),
149
- "text-disabled": l("neutral-600"),
150
- border: l("neutral-800"),
151
- "border-strong": l("neutral-700"),
152
- "border-subtle": l("neutral-900"),
153
- "border-control": l("neutral-500"),
154
- "focus-ring": l("primary-400"),
155
- shadow: l("black"),
156
- "neutral-solid": l("neutral-400"),
157
- "neutral-solid-hover": l("neutral-300"),
158
- "neutral-on-solid": l("neutral-950"),
159
- "neutral-subtle": l("neutral-800"),
160
- "neutral-on-subtle": l("neutral-200"),
161
- "neutral-border": l("neutral-700"),
162
- "primary-solid": l("primary-400"),
163
- "primary-solid-hover": l("primary-300"),
164
- "primary-on-solid": l("neutral-950"),
165
- "primary-subtle": l("primary-950"),
166
- "primary-on-subtle": l("primary-300"),
167
- "primary-border": l("primary-800"),
168
- "success-solid": l("success-400"),
169
- "success-solid-hover": l("success-300"),
170
- "success-on-solid": l("neutral-950"),
171
- "success-subtle": l("success-950"),
172
- "success-on-subtle": l("success-300"),
173
- "success-border": l("success-800"),
174
- "warning-solid": l("warning-400"),
175
- "warning-solid-hover": l("warning-300"),
176
- "warning-on-solid": l("neutral-950"),
177
- "warning-subtle": l("warning-950"),
178
- "warning-on-subtle": l("warning-300"),
179
- "warning-border": l("warning-800"),
180
- "danger-solid": l("danger-400"),
181
- "danger-solid-hover": l("danger-300"),
182
- "danger-on-solid": l("neutral-950"),
183
- "danger-subtle": l("danger-950"),
184
- "danger-on-subtle": l("danger-300"),
185
- "danger-border": l("danger-800")
186
- }, f = {
139
+ function h(e, t) {
140
+ let n = {};
141
+ for (let [r, i] of Object.entries(t)) n[`${e}-${r}`] = i;
142
+ return n;
143
+ }
144
+ var g = (e) => `var(--color-${e})`, _ = {
145
+ background: g("gray-988"),
146
+ card: g("white"),
147
+ muted: g("gray-972"),
148
+ accent: g("gray-972"),
149
+ "surface-active": g("gray-940"),
150
+ "surface-selected": g("primary-50"),
151
+ "surface-disabled": g("gray-972"),
152
+ skeleton: g("gray-972"),
153
+ foreground: g("gray-145"),
154
+ "muted-foreground": g("gray-535"),
155
+ "text-subtle": g("gray-635"),
156
+ "text-disabled": g("gray-708"),
157
+ border: g("gray-940"),
158
+ "border-strong": g("gray-905"),
159
+ "border-subtle": g("gray-972"),
160
+ input: g("gray-870"),
161
+ ring: g("gray-708"),
162
+ shadow: g("black"),
163
+ "neutral-solid": g("gray-972"),
164
+ "neutral-solid-hover": g("gray-940"),
165
+ "neutral-on-solid": g("gray-205"),
166
+ "neutral-subtle": g("gray-972"),
167
+ "neutral-on-subtle": g("gray-205"),
168
+ "neutral-border": g("gray-940"),
169
+ "primary-solid": g("primary-800"),
170
+ "primary-solid-hover": g("primary-900"),
171
+ "primary-on-solid": g("gray-985"),
172
+ "primary-subtle": g("primary-50"),
173
+ "primary-on-subtle": g("primary-900"),
174
+ "primary-border": g("primary-200"),
175
+ "success-solid": g("green-550"),
176
+ "success-solid-hover": g("green-520"),
177
+ "success-on-solid": g("white"),
178
+ "success-subtle": g("green-950"),
179
+ "success-on-subtle": g("green-400"),
180
+ "success-border": g("green-880"),
181
+ "warning-solid": g("amber-550"),
182
+ "warning-solid-hover": g("amber-520"),
183
+ "warning-on-solid": g("white"),
184
+ "warning-subtle": g("amber-950"),
185
+ "warning-on-subtle": g("amber-400"),
186
+ "warning-border": g("amber-880"),
187
+ "danger-solid": g("red-577"),
188
+ "danger-solid-hover": g("red-520"),
189
+ "danger-on-solid": g("white"),
190
+ "danger-subtle": g("danger-100"),
191
+ "danger-on-subtle": g("danger-700"),
192
+ "danger-border": g("danger-200")
193
+ }, v = {
194
+ background: g("gray-145"),
195
+ card: g("gray-205"),
196
+ muted: g("gray-269"),
197
+ accent: g("gray-269"),
198
+ "surface-active": g("gray-371"),
199
+ "surface-selected": g("gray-269"),
200
+ "surface-disabled": g("gray-269"),
201
+ skeleton: g("gray-269"),
202
+ foreground: g("gray-985"),
203
+ "muted-foreground": g("gray-708"),
204
+ "text-subtle": g("gray-556"),
205
+ "text-disabled": g("gray-556"),
206
+ border: g("white-alpha-8"),
207
+ "border-strong": g("white-alpha-15"),
208
+ "border-subtle": g("white-alpha-8"),
209
+ input: g("white-alpha-15"),
210
+ ring: g("white-alpha-15"),
211
+ shadow: g("black"),
212
+ "neutral-solid": g("gray-269"),
213
+ "neutral-solid-hover": g("gray-371"),
214
+ "neutral-on-solid": g("gray-985"),
215
+ "neutral-subtle": g("gray-269"),
216
+ "neutral-on-subtle": g("gray-985"),
217
+ "neutral-border": g("gray-371"),
218
+ "primary-solid": g("primary-100"),
219
+ "primary-solid-hover": g("primary-50"),
220
+ "primary-on-solid": g("primary-900"),
221
+ "primary-subtle": g("primary-900"),
222
+ "primary-on-subtle": g("primary-200"),
223
+ "primary-border": g("primary-700"),
224
+ "success-solid": g("green-550"),
225
+ "success-solid-hover": g("green-520"),
226
+ "success-on-solid": g("white"),
227
+ "success-subtle": g("green-260"),
228
+ "success-on-subtle": g("green-850"),
229
+ "success-border": g("green-350"),
230
+ "warning-solid": g("amber-550"),
231
+ "warning-solid-hover": g("amber-520"),
232
+ "warning-on-solid": g("white"),
233
+ "warning-subtle": g("amber-260"),
234
+ "warning-on-subtle": g("amber-850"),
235
+ "warning-border": g("amber-350"),
236
+ "danger-solid": g("red-577"),
237
+ "danger-solid-hover": g("red-520"),
238
+ "danger-on-solid": g("white"),
239
+ "danger-subtle": g("red-260"),
240
+ "danger-on-subtle": g("red-850"),
241
+ "danger-border": g("red-350")
242
+ }, y = {
187
243
  instant: "0ms",
188
244
  fast: "120ms",
189
245
  normal: "200ms",
190
246
  slow: "320ms"
191
- }, p = {
247
+ }, b = {
192
248
  linear: "linear",
193
249
  standard: "cubic-bezier(0.2, 0, 0, 1)",
194
250
  enter: "cubic-bezier(0, 0, 0.2, 1)",
195
251
  exit: "cubic-bezier(0.4, 0, 1, 1)"
196
- }, m = {
197
- none: "0rem",
198
- xs: "0.125rem",
199
- sm: "0.25rem",
200
- md: "0.375rem",
201
- lg: "0.5rem",
202
- xl: "0.75rem",
203
- full: "9999px"
204
- }, h = {
252
+ }, x = "0.5rem", S = {
253
+ none: 0,
254
+ xs: .4,
255
+ sm: .6,
256
+ md: .8,
257
+ lg: 1,
258
+ xl: 1.4
259
+ }, C = "9999px", w = {
260
+ ...Object.fromEntries(Object.entries(S).map(([e, t]) => [e, E(t)])),
261
+ full: C
262
+ }, T = {
263
+ ...Object.fromEntries(Object.entries(S).map(([e, t]) => [e, D(t)])),
264
+ full: C
265
+ };
266
+ function E(e) {
267
+ return e === 0 ? "0rem" : `${Number((Number.parseFloat(x) * e).toFixed(6))}rem`;
268
+ }
269
+ function D(e) {
270
+ return e === 0 ? "0rem" : e === 1 ? "var(--radius)" : `calc(var(--radius) * ${e})`;
271
+ }
272
+ //#endregion
273
+ //#region src/shadow.ts
274
+ var O = {
205
275
  none: "none",
206
276
  xs: "0 1px 2px 0 color-mix(in oklab, var(--color-shadow) 6%, transparent)",
207
277
  sm: "0 1px 3px 0 color-mix(in oklab, var(--color-shadow) 8%, transparent), 0 1px 2px -1px color-mix(in oklab, var(--color-shadow) 8%, transparent)",
208
278
  md: "0 4px 6px -1px color-mix(in oklab, var(--color-shadow) 9%, transparent), 0 2px 4px -2px color-mix(in oklab, var(--color-shadow) 9%, transparent)",
209
279
  lg: "0 10px 15px -3px color-mix(in oklab, var(--color-shadow) 10%, transparent), 0 4px 6px -4px color-mix(in oklab, var(--color-shadow) 10%, transparent)",
210
280
  xl: "0 20px 25px -5px color-mix(in oklab, var(--color-shadow) 12%, transparent), 0 8px 10px -6px color-mix(in oklab, var(--color-shadow) 12%, transparent)",
211
- "scroll-x": "8px 0 8px -8px color-mix(in oklab, var(--color-shadow) 15%, transparent)"
212
- }, g = {
281
+ "scroll-x": "12px 0 16px -8px color-mix(in oklab, var(--color-shadow) 22%, transparent)",
282
+ "sticky-header": "inset 0 -1px 0 var(--color-border)"
283
+ }, k = {
213
284
  0: "0rem",
214
285
  px: "1px",
215
286
  1: "0.25rem",
@@ -224,8 +295,10 @@ var l = (e) => `var(--color-${e})`, u = {
224
295
  16: "4rem",
225
296
  20: "5rem",
226
297
  24: "6rem"
227
- }, _ = "0.25rem", v = {
298
+ }, A = "0.25rem", j = {
228
299
  sans: [
300
+ "\"Geist Variable\"",
301
+ "Geist",
229
302
  "ui-sans-serif",
230
303
  "system-ui",
231
304
  "-apple-system",
@@ -236,6 +309,8 @@ var l = (e) => `var(--color-${e})`, u = {
236
309
  "sans-serif"
237
310
  ].join(", "),
238
311
  mono: [
312
+ "\"Geist Mono Variable\"",
313
+ "Geist Mono",
239
314
  "ui-monospace",
240
315
  "SFMono-Regular",
241
316
  "Menlo",
@@ -243,7 +318,7 @@ var l = (e) => `var(--color-${e})`, u = {
243
318
  "Liberation Mono",
244
319
  "monospace"
245
320
  ].join(", ")
246
- }, y = {
321
+ }, M = {
247
322
  xs: {
248
323
  size: "0.75rem",
249
324
  lineHeight: "1rem"
@@ -272,22 +347,22 @@ var l = (e) => `var(--color-${e})`, u = {
272
347
  size: "1.875rem",
273
348
  lineHeight: "2.25rem"
274
349
  }
275
- }, b = {
350
+ }, N = {
276
351
  normal: "400",
277
352
  medium: "500",
278
353
  semibold: "600",
279
354
  bold: "700"
280
- }, x = {
355
+ }, P = {
281
356
  tight: "-0.015em",
282
357
  normal: "0em",
283
358
  wide: "0.04em"
284
- }, S = {
359
+ }, F = {
285
360
  none: "1",
286
361
  tight: "1.25",
287
362
  snug: "1.375",
288
363
  normal: "1.5",
289
364
  relaxed: "1.625"
290
- }, C = {
365
+ }, I = {
291
366
  base: "0",
292
367
  sticky: "100",
293
368
  dropdown: "200",
@@ -299,52 +374,60 @@ var l = (e) => `var(--color-${e})`, u = {
299
374
  };
300
375
  //#endregion
301
376
  //#region src/css.ts
302
- function w() {
377
+ function L() {
303
378
  return [
304
- T(),
379
+ R(),
305
380
  "",
306
381
  "@custom-variant dark (&:where(.dark, .dark *));",
307
382
  "",
308
383
  "@theme {",
309
- E("colour primitives — the only literal colours in rowkit"),
310
- ...D(s, (e) => `--color-${e}`),
384
+ z("colour primitives — the only literal colours in rowkit"),
385
+ ...B(p, (e) => `--color-${e}`),
386
+ "",
387
+ z("semantic colours — light (defaults)"),
388
+ ...B(_, (e) => `--color-${e}`),
311
389
  "",
312
- E("semantic colours — light (defaults)"),
313
- ...D(u, (e) => `--color-${e}`),
390
+ z("spacing"),
391
+ ` --spacing: ${A};`,
392
+ ...B(k, (e) => `--spacing-${e}`),
314
393
  "",
315
- E("spacing"),
316
- ` --spacing: ${_};`,
317
- ...D(g, (e) => `--spacing-${e}`),
394
+ z("typography"),
395
+ ...B(j, (e) => `--font-${e}`),
396
+ ...V(),
397
+ ...B(N, (e) => `--font-weight-${e}`),
398
+ ...B(P, (e) => `--tracking-${e}`),
399
+ ...B(F, (e) => `--leading-${e}`),
318
400
  "",
319
- E("typography"),
320
- ...D(v, (e) => `--font-${e}`),
321
- ...O(),
322
- ...D(b, (e) => `--font-weight-${e}`),
323
- ...D(x, (e) => `--tracking-${e}`),
324
- ...D(S, (e) => `--leading-${e}`),
401
+ z("radii — multiples of --radius, declared in :root below"),
402
+ ...B(T, (e) => `--radius-${e}`),
325
403
  "",
326
- E("radii"),
327
- ...D(m, (e) => `--radius-${e}`),
404
+ z("blur"),
405
+ ...B(t, (e) => `--blur-${e}`),
328
406
  "",
329
- E("shadows"),
330
- ...D(h, (e) => `--shadow-${e}`),
407
+ z("shadows"),
408
+ ...B(O, (e) => `--shadow-${e}`),
331
409
  "",
332
- E("motion"),
333
- ...D(f, (e) => `--transition-duration-${e}`),
334
- ...D(p, (e) => `--ease-${e}`),
410
+ z("motion"),
411
+ ...B(y, (e) => `--transition-duration-${e}`),
412
+ ...B(b, (e) => `--ease-${e}`),
335
413
  "",
336
- E("stacking layers"),
337
- ...D(C, (e) => `--z-index-${e}`),
414
+ z("stacking layers"),
415
+ ...B(I, (e) => `--z-index-${e}`),
416
+ "}",
417
+ "",
418
+ "/* The one length the radius scale multiplies. Override to retune every corner. */",
419
+ ":root {",
420
+ ` --radius: ${x};`,
338
421
  "}",
339
422
  "",
340
423
  "/* Dark mode repoints semantic tokens only. Primitives are theme-agnostic. */",
341
424
  ".dark {",
342
- ...D(d, (e) => `--color-${e}`),
425
+ ...B(v, (e) => `--color-${e}`),
343
426
  "}",
344
427
  ""
345
428
  ].join("\n");
346
429
  }
347
- function T() {
430
+ function R() {
348
431
  return [
349
432
  "/*",
350
433
  " * rowkit design tokens.",
@@ -355,48 +438,55 @@ function T() {
355
438
  " */"
356
439
  ].join("\n");
357
440
  }
358
- function E(e) {
441
+ function z(e) {
359
442
  return ` /* ${e} */`;
360
443
  }
361
- function D(e, t) {
444
+ function B(e, t) {
362
445
  return Object.entries(e).map(([e, n]) => ` ${t(e)}: ${n};`);
363
446
  }
364
- function O() {
365
- return Object.entries(y).flatMap(([e, t]) => [` --text-${e}: ${t.size};`, ` --text-${e}--line-height: ${t.lineHeight};`]);
447
+ function V() {
448
+ return Object.entries(M).flatMap(([e, t]) => [` --text-${e}: ${t.size};`, ` --text-${e}--line-height: ${t.lineHeight};`]);
366
449
  }
367
450
  //#endregion
368
451
  //#region src/index.ts
369
- var k = {
452
+ var H = {
370
453
  color: {
371
- neutral: n,
372
- primary: r,
373
- success: i,
374
- warning: a,
375
- danger: o,
376
- primitives: s,
454
+ gray: c,
455
+ green: u,
456
+ amber: d,
457
+ whiteAlpha: f,
458
+ neutral: r,
459
+ primary: i,
460
+ red: l,
461
+ success: a,
462
+ warning: o,
463
+ danger: s,
464
+ primitives: p,
377
465
  semantic: {
378
- light: u,
379
- dark: d
466
+ light: _,
467
+ dark: v
380
468
  }
381
469
  },
382
- spacing: g,
383
- spacingBase: _,
470
+ spacing: k,
471
+ spacingBase: A,
384
472
  font: {
385
- family: v,
386
- size: y,
387
- weight: b,
388
- letterSpacing: x,
389
- lineHeight: S
473
+ family: j,
474
+ size: M,
475
+ weight: N,
476
+ letterSpacing: P,
477
+ lineHeight: F
390
478
  },
391
- radius: m,
392
- shadow: h,
393
- zIndex: C,
479
+ radius: w,
480
+ radiusBase: x,
481
+ blur: t,
482
+ shadow: O,
483
+ zIndex: I,
394
484
  motion: {
395
- duration: f,
396
- easing: p
485
+ duration: y,
486
+ easing: b
397
487
  }
398
- }, A = e;
488
+ }, U = e;
399
489
  //#endregion
400
- export { w as buildThemeCss, s as colorPrimitives, t as colorSteps, o as danger, f as duration, p as easing, v as fontFamily, y as fontSize, b as fontWeight, x as letterSpacing, S as lineHeight, n as neutral, r as primary, m as radius, d as semanticColorDark, u as semanticColorLight, h as shadow, g as spacing, _ as spacingBase, i as success, k as tokens, A as version, a as warning, C as zIndex };
490
+ export { d as amber, t as blur, L as buildThemeCss, p as colorPrimitives, n as colorSteps, s as danger, y as duration, b as easing, j as fontFamily, M as fontSize, N as fontWeight, c as gray, u as green, P as letterSpacing, F as lineHeight, r as neutral, i as primary, w as radius, x as radiusBase, l as red, v as semanticColorDark, _ as semanticColorLight, O as shadow, k as spacing, A as spacingBase, a as success, H as tokens, U as version, o as warning, f as whiteAlpha, I as zIndex };
401
491
 
402
492
  //# sourceMappingURL=index.js.map