@rowkit/tokens 0.4.0 → 1.0.0-beta.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/dist/index.js CHANGED
@@ -1,286 +1,157 @@
1
1
  //#region package.json
2
- var e = "0.4.0", t = { overlay: "4px" }, n = [
3
- 50,
4
- 100,
5
- 200,
6
- 300,
7
- 400,
8
- 500,
9
- 600,
10
- 700,
11
- 800,
12
- 900,
13
- 950
14
- ], r = {
15
- 50: "oklch(0.984 0.003 264)",
16
- 100: "oklch(0.968 0.004 264)",
17
- 200: "oklch(0.928 0.006 264)",
18
- 300: "oklch(0.869 0.01 264)",
19
- 400: "oklch(0.704 0.018 264)",
20
- 500: "oklch(0.551 0.024 264)",
21
- 600: "oklch(0.446 0.027 264)",
22
- 700: "oklch(0.373 0.028 264)",
23
- 800: "oklch(0.279 0.03 264)",
24
- 900: "oklch(0.21 0.033 264)",
25
- 950: "oklch(0.13 0.036 264)"
26
- }, i = {
27
- 50: "oklch(0.975 0.011 255)",
28
- 100: "oklch(0.948 0.022 255)",
29
- 200: "oklch(0.90 0.034 255)",
30
- 300: "oklch(0.80 0.05 255)",
31
- 400: "oklch(0.68 0.07 255)",
32
- 500: "oklch(0.52 0.09 255)",
33
- 600: "oklch(0.44 0.095 255)",
34
- 700: "oklch(0.38 0.095 255)",
35
- 800: "oklch(0.32 0.09 255)",
36
- 900: "oklch(0.27 0.075 255)",
37
- 950: "oklch(0.19 0.05 255)"
38
- }, a = {
39
- 50: "oklch(0.97 0.014 152)",
40
- 100: "oklch(0.936 0.036 152)",
41
- 200: "oklch(0.885 0.064 152)",
42
- 300: "oklch(0.809 0.097 152)",
43
- 400: "oklch(0.715 0.145 152)",
44
- 500: "oklch(0.623 0.162 152)",
45
- 600: "oklch(0.546 0.142 152)",
46
- 700: "oklch(0.488 0.127 152)",
47
- 800: "oklch(0.442 0.115 152)",
48
- 900: "oklch(0.396 0.103 152)",
49
- 950: "oklch(0.282 0.073 152)"
50
- }, o = {
51
- 50: "oklch(0.97 0.016 75)",
52
- 100: "oklch(0.936 0.04 75)",
53
- 200: "oklch(0.885 0.071 75)",
54
- 300: "oklch(0.849 0.108 75)",
55
- 400: "oklch(0.785 0.162 75)",
56
- 500: "oklch(0.723 0.15 75)",
57
- 600: "oklch(0.616 0.128 75)",
58
- 700: "oklch(0.528 0.11 75)",
59
- 800: "oklch(0.442 0.092 75)",
60
- 900: "oklch(0.396 0.082 75)",
61
- 950: "oklch(0.282 0.059 75)"
62
- }, s = {
63
- 50: "oklch(0.97 0.014 25)",
64
- 100: "oklch(0.936 0.032 25)",
65
- 200: "oklch(0.885 0.06 25)",
66
- 300: "oklch(0.809 0.107 25)",
67
- 400: "oklch(0.715 0.17 25)",
68
- 500: "oklch(0.623 0.214 25)",
69
- 600: "oklch(0.546 0.218 25)",
70
- 700: "oklch(0.488 0.195 25)",
71
- 800: "oklch(0.442 0.165 25)",
72
- 900: "oklch(0.396 0.135 25)",
73
- 950: "oklch(0.282 0.086 25)"
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 = {
121
- white: "oklch(1 0 0)",
122
- black: "oklch(0 0 0)",
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)
2
+ var e = "1.0.0-beta.0", t = {
3
+ black: "#000000",
4
+ white: "#ffffff",
5
+ silver: "#c0c0c0",
6
+ gray: "#808080",
7
+ navy: "#000080",
8
+ blue: "#0000ff",
9
+ teal: "#008080",
10
+ green: "#008000",
11
+ olive: "#808000",
12
+ yellow: "#ffff00",
13
+ maroon: "#800000",
14
+ red: "#ff0000"
15
+ }, n = {
16
+ light: "#dfdfdf",
17
+ "dark-gray": "#404040",
18
+ "title-blue": "#1084d0",
19
+ "title-gray": "#b5b5b5",
20
+ info: "#ffffe1"
21
+ }, r = {
22
+ ...i("vga", t),
23
+ ...i("win98", n)
133
24
  };
134
- function m(e, t) {
135
- let r = {};
136
- for (let i of n) r[`${e}-${i}`] = t[i];
137
- return r;
138
- }
139
- function h(e, t) {
25
+ function i(e, t) {
140
26
  let n = {};
141
27
  for (let [r, i] of Object.entries(t)) n[`${e}-${r}`] = i;
142
28
  return n;
143
29
  }
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 = {
30
+ var a = (e) => `var(--color-${e})`, o = {
31
+ background: a("vga-silver"),
32
+ desktop: a("vga-teal"),
33
+ card: a("vga-silver"),
34
+ muted: a("vga-silver"),
35
+ accent: a("vga-silver"),
36
+ "surface-active": a("vga-silver"),
37
+ "surface-selected": a("vga-navy"),
38
+ "surface-disabled": a("vga-silver"),
39
+ skeleton: a("vga-gray"),
40
+ input: a("vga-white"),
41
+ "tooltip-bg": a("win98-info"),
42
+ foreground: a("vga-black"),
43
+ "muted-foreground": a("vga-black"),
44
+ "text-subtle": a("win98-dark-gray"),
45
+ "text-disabled": a("vga-gray"),
46
+ "text-disabled-emboss": a("vga-white"),
47
+ "on-selected": a("vga-white"),
48
+ link: a("vga-blue"),
49
+ border: a("vga-gray"),
50
+ "border-strong": a("vga-black"),
51
+ "border-subtle": a("win98-light"),
52
+ ring: a("vga-black"),
53
+ shadow: a("vga-black"),
54
+ "bevel-highlight": a("vga-white"),
55
+ "bevel-light": a("win98-light"),
56
+ "bevel-shadow": a("vga-gray"),
57
+ "bevel-dark": a("vga-black"),
58
+ "titlebar-from": a("vga-navy"),
59
+ "titlebar-to": a("win98-title-blue"),
60
+ "titlebar-inactive-from": a("vga-gray"),
61
+ "titlebar-inactive-to": a("win98-title-gray"),
62
+ "titlebar-foreground": a("vga-white"),
63
+ "titlebar-inactive-foreground": a("vga-black"),
64
+ "neutral-solid": a("vga-black"),
65
+ "neutral-solid-hover": a("vga-black"),
66
+ "neutral-on-solid": a("vga-white"),
67
+ "neutral-subtle": a("vga-white"),
68
+ "neutral-on-subtle": a("vga-black"),
69
+ "neutral-border": a("vga-gray"),
70
+ "primary-solid": a("vga-navy"),
71
+ "primary-solid-hover": a("vga-navy"),
72
+ "primary-on-solid": a("vga-white"),
73
+ "primary-subtle": a("vga-white"),
74
+ "primary-on-subtle": a("vga-navy"),
75
+ "primary-border": a("vga-navy"),
76
+ "success-solid": a("vga-green"),
77
+ "success-solid-hover": a("vga-green"),
78
+ "success-on-solid": a("vga-white"),
79
+ "success-subtle": a("vga-white"),
80
+ "success-on-subtle": a("vga-green"),
81
+ "success-border": a("vga-green"),
82
+ "warning-solid": a("vga-yellow"),
83
+ "warning-solid-hover": a("vga-yellow"),
84
+ "warning-on-solid": a("vga-black"),
85
+ "warning-subtle": a("vga-white"),
86
+ "warning-on-subtle": a("vga-black"),
87
+ "warning-border": a("vga-olive"),
88
+ "danger-solid": a("vga-maroon"),
89
+ "danger-solid-hover": a("vga-maroon"),
90
+ "danger-on-solid": a("vga-white"),
91
+ "danger-subtle": a("vga-white"),
92
+ "danger-on-subtle": a("vga-maroon"),
93
+ "danger-border": a("vga-maroon")
94
+ }, s = {
243
95
  instant: "0ms",
244
96
  fast: "120ms",
245
97
  normal: "200ms",
246
98
  slow: "320ms"
247
- }, b = {
99
+ }, c = {
248
100
  linear: "linear",
249
101
  standard: "cubic-bezier(0.2, 0, 0, 1)",
250
102
  enter: "cubic-bezier(0, 0, 0.2, 1)",
251
103
  exit: "cubic-bezier(0.4, 0, 1, 1)"
252
- }, x = "0.5rem", S = {
104
+ }, l = "0rem", u = {
253
105
  none: 0,
254
106
  xs: .4,
255
107
  sm: .6,
256
108
  md: .8,
257
109
  lg: 1,
258
110
  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
111
+ }, d = "9999px", f = {
112
+ ...Object.fromEntries(Object.entries(u).map(([e, t]) => [e, m(t)])),
113
+ full: d
114
+ }, p = {
115
+ ...Object.fromEntries(Object.entries(u).map(([e, t]) => [e, h(t)])),
116
+ full: d
265
117
  };
266
- function E(e) {
267
- return e === 0 ? "0rem" : `${Number((Number.parseFloat(x) * e).toFixed(6))}rem`;
118
+ function m(e) {
119
+ return e === 0 ? "0rem" : `${Number((Number.parseFloat(l) * e).toFixed(6))}rem`;
268
120
  }
269
- function D(e) {
121
+ function h(e) {
270
122
  return e === 0 ? "0rem" : e === 1 ? "var(--radius)" : `calc(var(--radius) * ${e})`;
271
123
  }
272
124
  //#endregion
273
125
  //#region src/shadow.ts
274
- var O = {
126
+ var g = "var(--color-bevel-highlight)", _ = "var(--color-bevel-light)", v = "var(--color-bevel-shadow)", y = "var(--color-bevel-dark)";
127
+ function b(e, t) {
128
+ let [n, r] = e, i = [`inset -1px -1px ${r}`, `inset 1px 1px ${n}`];
129
+ if (t) {
130
+ let [e, n] = t;
131
+ i.push(`inset -2px -2px ${n}`, `inset 2px 2px ${e}`);
132
+ }
133
+ return i.join(", ");
134
+ }
135
+ var x = {
275
136
  none: "none",
276
- xs: "0 1px 2px 0 color-mix(in oklab, var(--color-shadow) 6%, transparent)",
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)",
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)",
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)",
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)",
281
- "scroll-x": "12px 0 16px -8px color-mix(in oklab, var(--color-shadow) 22%, transparent)",
137
+ raised: b([g, y], [_, v]),
138
+ window: b([_, y], [g, v]),
139
+ "raised-default": [
140
+ `inset -1px -1px ${y}`,
141
+ `inset 1px 1px ${y}`,
142
+ `inset -2px -2px ${y}`,
143
+ `inset 2px 2px ${g}`,
144
+ `inset -3px -3px ${v}`,
145
+ `inset 3px 3px ${_}`
146
+ ].join(", "),
147
+ pressed: b([y, g], [v, _]),
148
+ sunken: b([v, g], [y, _]),
149
+ status: b([v, g]),
150
+ etched: b([v, g], [g, v]),
151
+ "raised-thin": b([g, v]),
152
+ "scroll-x": `inset -1px 0 ${v}`,
282
153
  "sticky-header": "inset 0 -1px 0 var(--color-border)"
283
- }, k = {
154
+ }, S = { disabled: "1px 1px 0 var(--color-text-disabled-emboss)" }, C = {
284
155
  0: "0rem",
285
156
  px: "1px",
286
157
  1: "0.25rem",
@@ -295,74 +166,66 @@ var O = {
295
166
  16: "4rem",
296
167
  20: "5rem",
297
168
  24: "6rem"
298
- }, A = "0.25rem", j = {
169
+ }, w = "0.25rem", T = {
299
170
  sans: [
300
- "\"Geist Variable\"",
301
- "Geist",
302
- "ui-sans-serif",
303
- "system-ui",
304
- "-apple-system",
305
- "Segoe UI",
306
- "Roboto",
307
- "Helvetica Neue",
171
+ "\"PT Sans\"",
172
+ "Tahoma",
173
+ "\"Microsoft Sans Serif\"",
174
+ "\"MS Sans Serif\"",
175
+ "Verdana",
308
176
  "Arial",
309
177
  "sans-serif"
310
178
  ].join(", "),
311
179
  mono: [
312
- "\"Geist Mono Variable\"",
313
- "Geist Mono",
180
+ "VT323",
181
+ "\"Lucida Console\"",
182
+ "\"Courier New\"",
314
183
  "ui-monospace",
315
- "SFMono-Regular",
316
- "Menlo",
317
- "Consolas",
318
- "Liberation Mono",
319
184
  "monospace"
320
185
  ].join(", ")
321
- }, M = {
322
- xs: {
323
- size: "0.75rem",
186
+ }, E = {
187
+ ui: {
188
+ size: "0.8125rem",
324
189
  lineHeight: "1rem"
325
190
  },
326
- sm: {
327
- size: "0.875rem",
191
+ heading: {
192
+ size: "1rem",
328
193
  lineHeight: "1.25rem"
329
194
  },
330
- base: {
195
+ mono: {
331
196
  size: "1rem",
332
- lineHeight: "1.5rem"
197
+ lineHeight: "1rem"
333
198
  },
334
- lg: {
335
- size: "1.125rem",
336
- lineHeight: "1.75rem"
199
+ doc: {
200
+ size: "1rem",
201
+ lineHeight: "1.625rem"
337
202
  },
338
- xl: {
203
+ "doc-mono": {
339
204
  size: "1.25rem",
340
- lineHeight: "1.75rem"
205
+ lineHeight: "1.25rem"
206
+ },
207
+ "doc-h1": {
208
+ size: "1.625rem",
209
+ lineHeight: "1.875rem"
341
210
  },
342
- "2xl": {
343
- size: "1.5rem",
344
- lineHeight: "2rem"
211
+ "doc-h2": {
212
+ size: "1.1875rem",
213
+ lineHeight: "1.5rem"
345
214
  },
346
- "3xl": {
347
- size: "1.875rem",
348
- lineHeight: "2.25rem"
215
+ "doc-h3": {
216
+ size: "0.9375rem",
217
+ lineHeight: "1.25rem"
349
218
  }
350
- }, N = {
219
+ }, D = {
351
220
  normal: "400",
352
- medium: "500",
353
- semibold: "600",
354
221
  bold: "700"
355
- }, P = {
356
- tight: "-0.015em",
357
- normal: "0em",
358
- wide: "0.04em"
359
- }, F = {
222
+ }, O = { normal: "0em" }, k = {
360
223
  none: "1",
361
224
  tight: "1.25",
362
225
  snug: "1.375",
363
226
  normal: "1.5",
364
227
  relaxed: "1.625"
365
- }, I = {
228
+ }, A = {
366
229
  base: "0",
367
230
  sticky: "100",
368
231
  dropdown: "200",
@@ -374,60 +237,51 @@ var O = {
374
237
  };
375
238
  //#endregion
376
239
  //#region src/css.ts
377
- function L() {
240
+ function j() {
378
241
  return [
379
- R(),
380
- "",
381
- "@custom-variant dark (&:where(.dark, .dark *));",
242
+ M(),
382
243
  "",
383
244
  "@theme {",
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}`),
245
+ N("colour primitives — the only literal colours in rowkit"),
246
+ ...P(r, (e) => `--color-${e}`),
389
247
  "",
390
- z("spacing"),
391
- ` --spacing: ${A};`,
392
- ...B(k, (e) => `--spacing-${e}`),
248
+ N("semantic colours"),
249
+ ...P(o, (e) => `--color-${e}`),
393
250
  "",
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}`),
251
+ N("spacing"),
252
+ ` --spacing: ${w};`,
253
+ ...P(C, (e) => `--spacing-${e}`),
400
254
  "",
401
- z("radii — multiples of --radius, declared in :root below"),
402
- ...B(T, (e) => `--radius-${e}`),
255
+ N("typography"),
256
+ ...P(T, (e) => `--font-${e}`),
257
+ ...F(),
258
+ ...P(D, (e) => `--font-weight-${e}`),
259
+ ...P(O, (e) => `--tracking-${e}`),
260
+ ...P(k, (e) => `--leading-${e}`),
403
261
  "",
404
- z("blur"),
405
- ...B(t, (e) => `--blur-${e}`),
262
+ N("radii — multiples of --radius, declared in :root below"),
263
+ ...P(p, (e) => `--radius-${e}`),
406
264
  "",
407
- z("shadows"),
408
- ...B(O, (e) => `--shadow-${e}`),
265
+ N("bevels — box shadows"),
266
+ ...P(x, (e) => `--shadow-${e}`),
267
+ ...P(S, (e) => `--text-shadow-${e}`),
409
268
  "",
410
- z("motion"),
411
- ...B(y, (e) => `--transition-duration-${e}`),
412
- ...B(b, (e) => `--ease-${e}`),
269
+ N("motion"),
270
+ ...P(s, (e) => `--transition-duration-${e}`),
271
+ ...P(c, (e) => `--ease-${e}`),
413
272
  "",
414
- z("stacking layers"),
415
- ...B(I, (e) => `--z-index-${e}`),
273
+ N("stacking layers"),
274
+ ...P(A, (e) => `--z-index-${e}`),
416
275
  "}",
417
276
  "",
418
277
  "/* The one length the radius scale multiplies. Override to retune every corner. */",
419
278
  ":root {",
420
- ` --radius: ${x};`,
421
- "}",
422
- "",
423
- "/* Dark mode repoints semantic tokens only. Primitives are theme-agnostic. */",
424
- ".dark {",
425
- ...B(v, (e) => `--color-${e}`),
279
+ ` --radius: ${l};`,
426
280
  "}",
427
281
  ""
428
282
  ].join("\n");
429
283
  }
430
- function R() {
284
+ function M() {
431
285
  return [
432
286
  "/*",
433
287
  " * rowkit design tokens.",
@@ -438,55 +292,44 @@ function R() {
438
292
  " */"
439
293
  ].join("\n");
440
294
  }
441
- function z(e) {
295
+ function N(e) {
442
296
  return ` /* ${e} */`;
443
297
  }
444
- function B(e, t) {
298
+ function P(e, t) {
445
299
  return Object.entries(e).map(([e, n]) => ` ${t(e)}: ${n};`);
446
300
  }
447
- function V() {
448
- return Object.entries(M).flatMap(([e, t]) => [` --text-${e}: ${t.size};`, ` --text-${e}--line-height: ${t.lineHeight};`]);
301
+ function F() {
302
+ return Object.entries(E).flatMap(([e, t]) => [` --text-${e}: ${t.size};`, ` --text-${e}--line-height: ${t.lineHeight};`]);
449
303
  }
450
304
  //#endregion
451
305
  //#region src/index.ts
452
- var H = {
306
+ var I = {
453
307
  color: {
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,
465
- semantic: {
466
- light: _,
467
- dark: v
468
- }
308
+ vga: t,
309
+ win98: n,
310
+ primitives: r,
311
+ semantic: o
469
312
  },
470
- spacing: k,
471
- spacingBase: A,
313
+ spacing: C,
314
+ spacingBase: w,
472
315
  font: {
473
- family: j,
474
- size: M,
475
- weight: N,
476
- letterSpacing: P,
477
- lineHeight: F
316
+ family: T,
317
+ size: E,
318
+ weight: D,
319
+ letterSpacing: O,
320
+ lineHeight: k
478
321
  },
479
- radius: w,
480
- radiusBase: x,
481
- blur: t,
482
- shadow: O,
483
- zIndex: I,
322
+ radius: f,
323
+ radiusBase: l,
324
+ shadow: x,
325
+ textShadow: S,
326
+ zIndex: A,
484
327
  motion: {
485
- duration: y,
486
- easing: b
328
+ duration: s,
329
+ easing: c
487
330
  }
488
- }, U = e;
331
+ }, L = e;
489
332
  //#endregion
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 };
333
+ export { j as buildThemeCss, r as colorPrimitives, s as duration, c as easing, T as fontFamily, E as fontSize, D as fontWeight, O as letterSpacing, k as lineHeight, f as radius, l as radiusBase, o as semanticColor, x as shadow, C as spacing, w as spacingBase, S as textShadow, I as tokens, L as version, t as vga, n as win98, A as zIndex };
491
334
 
492
335
  //# sourceMappingURL=index.js.map