@rowkit/tokens 0.0.0 → 0.1.1
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/LICENSE +21 -0
- package/README.md +68 -0
- package/dist/color.d.ts +333 -0
- package/dist/css.d.ts +15 -0
- package/dist/index.d.ts +397 -0
- package/dist/index.js +402 -0
- package/dist/index.js.map +1 -0
- package/dist/motion.d.ts +38 -0
- package/dist/radius.d.ts +24 -0
- package/dist/reference.html +1228 -0
- package/dist/shadow.d.ts +29 -0
- package/dist/spacing.d.ts +51 -0
- package/dist/tokens.css +257 -0
- package/dist/typography.d.ts +86 -0
- package/dist/z-index.d.ts +31 -0
- package/package.json +46 -9
- package/index.js +0 -1
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,397 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* `@rowkit/tokens` — the design token layer behind rowkit.
|
|
3
|
+
*
|
|
4
|
+
* Consumable on its own: import {@link tokens} for a fully typed object, or
|
|
5
|
+
* `@rowkit/tokens/css` for the Tailwind v4 `@theme` block. Nothing here depends
|
|
6
|
+
* on Vue, so a design tool, a docs site, or a chart library can read the same
|
|
7
|
+
* values the components use.
|
|
8
|
+
*
|
|
9
|
+
* @example Typed access to a primitive
|
|
10
|
+
* ```ts
|
|
11
|
+
* import { tokens } from '@rowkit/tokens'
|
|
12
|
+
* tokens.color.primary[600] // 'oklch(0.546 0.209 259)'
|
|
13
|
+
* ```
|
|
14
|
+
*
|
|
15
|
+
* @example The stylesheet
|
|
16
|
+
* ```css
|
|
17
|
+
* @import 'tailwindcss';
|
|
18
|
+
* @import '@rowkit/tokens/css';
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
export { colorPrimitives, colorSteps, danger, neutral, primary, semanticColorDark, semanticColorLight, success, warning, } from './color.js';
|
|
22
|
+
export type { ColorRef, ColorStep, SemanticColorName } from './color.js';
|
|
23
|
+
export { duration, easing } from './motion.js';
|
|
24
|
+
export type { DurationName, EasingName } from './motion.js';
|
|
25
|
+
export { radius } from './radius.js';
|
|
26
|
+
export type { RadiusName } from './radius.js';
|
|
27
|
+
export { shadow } from './shadow.js';
|
|
28
|
+
export type { ShadowName } from './shadow.js';
|
|
29
|
+
export { spacing, spacingBase } from './spacing.js';
|
|
30
|
+
export type { SpacingName } from './spacing.js';
|
|
31
|
+
export { fontFamily, fontSize, fontWeight, letterSpacing, lineHeight } from './typography.js';
|
|
32
|
+
export type { FontSizeName } from './typography.js';
|
|
33
|
+
export { zIndex } from './z-index.js';
|
|
34
|
+
export type { ZIndexName } from './z-index.js';
|
|
35
|
+
export { buildThemeCss } from './css.js';
|
|
36
|
+
/**
|
|
37
|
+
* Every rowkit token in one object.
|
|
38
|
+
*
|
|
39
|
+
* Grouped by scale rather than flattened, so `tokens.color.primary[600]`
|
|
40
|
+
* narrows to its literal type and autocompletes each level.
|
|
41
|
+
*/
|
|
42
|
+
export declare const tokens: {
|
|
43
|
+
readonly color: {
|
|
44
|
+
readonly neutral: {
|
|
45
|
+
readonly 50: "oklch(0.984 0.003 264)";
|
|
46
|
+
readonly 100: "oklch(0.968 0.004 264)";
|
|
47
|
+
readonly 200: "oklch(0.928 0.006 264)";
|
|
48
|
+
readonly 300: "oklch(0.869 0.01 264)";
|
|
49
|
+
readonly 400: "oklch(0.704 0.018 264)";
|
|
50
|
+
readonly 500: "oklch(0.551 0.024 264)";
|
|
51
|
+
readonly 600: "oklch(0.446 0.027 264)";
|
|
52
|
+
readonly 700: "oklch(0.373 0.028 264)";
|
|
53
|
+
readonly 800: "oklch(0.279 0.03 264)";
|
|
54
|
+
readonly 900: "oklch(0.21 0.033 264)";
|
|
55
|
+
readonly 950: "oklch(0.13 0.036 264)";
|
|
56
|
+
};
|
|
57
|
+
readonly primary: {
|
|
58
|
+
readonly 50: "oklch(0.97 0.014 259)";
|
|
59
|
+
readonly 100: "oklch(0.936 0.03 259)";
|
|
60
|
+
readonly 200: "oklch(0.885 0.055 259)";
|
|
61
|
+
readonly 300: "oklch(0.809 0.095 259)";
|
|
62
|
+
readonly 400: "oklch(0.715 0.147 259)";
|
|
63
|
+
readonly 500: "oklch(0.623 0.201 259)";
|
|
64
|
+
readonly 600: "oklch(0.546 0.209 259)";
|
|
65
|
+
readonly 700: "oklch(0.488 0.187 259)";
|
|
66
|
+
readonly 800: "oklch(0.442 0.165 259)";
|
|
67
|
+
readonly 900: "oklch(0.396 0.135 259)";
|
|
68
|
+
readonly 950: "oklch(0.282 0.086 259)";
|
|
69
|
+
};
|
|
70
|
+
readonly success: {
|
|
71
|
+
readonly 50: "oklch(0.97 0.014 152)";
|
|
72
|
+
readonly 100: "oklch(0.936 0.036 152)";
|
|
73
|
+
readonly 200: "oklch(0.885 0.064 152)";
|
|
74
|
+
readonly 300: "oklch(0.809 0.097 152)";
|
|
75
|
+
readonly 400: "oklch(0.715 0.145 152)";
|
|
76
|
+
readonly 500: "oklch(0.623 0.162 152)";
|
|
77
|
+
readonly 600: "oklch(0.546 0.142 152)";
|
|
78
|
+
readonly 700: "oklch(0.488 0.127 152)";
|
|
79
|
+
readonly 800: "oklch(0.442 0.115 152)";
|
|
80
|
+
readonly 900: "oklch(0.396 0.103 152)";
|
|
81
|
+
readonly 950: "oklch(0.282 0.073 152)";
|
|
82
|
+
};
|
|
83
|
+
readonly warning: {
|
|
84
|
+
readonly 50: "oklch(0.97 0.016 75)";
|
|
85
|
+
readonly 100: "oklch(0.936 0.04 75)";
|
|
86
|
+
readonly 200: "oklch(0.885 0.071 75)";
|
|
87
|
+
readonly 300: "oklch(0.849 0.108 75)";
|
|
88
|
+
readonly 400: "oklch(0.785 0.162 75)";
|
|
89
|
+
readonly 500: "oklch(0.723 0.15 75)";
|
|
90
|
+
readonly 600: "oklch(0.616 0.128 75)";
|
|
91
|
+
readonly 700: "oklch(0.528 0.11 75)";
|
|
92
|
+
readonly 800: "oklch(0.442 0.092 75)";
|
|
93
|
+
readonly 900: "oklch(0.396 0.082 75)";
|
|
94
|
+
readonly 950: "oklch(0.282 0.059 75)";
|
|
95
|
+
};
|
|
96
|
+
readonly danger: {
|
|
97
|
+
readonly 50: "oklch(0.97 0.014 25)";
|
|
98
|
+
readonly 100: "oklch(0.936 0.032 25)";
|
|
99
|
+
readonly 200: "oklch(0.885 0.06 25)";
|
|
100
|
+
readonly 300: "oklch(0.809 0.107 25)";
|
|
101
|
+
readonly 400: "oklch(0.715 0.17 25)";
|
|
102
|
+
readonly 500: "oklch(0.623 0.214 25)";
|
|
103
|
+
readonly 600: "oklch(0.546 0.218 25)";
|
|
104
|
+
readonly 700: "oklch(0.488 0.195 25)";
|
|
105
|
+
readonly 800: "oklch(0.442 0.165 25)";
|
|
106
|
+
readonly 900: "oklch(0.396 0.135 25)";
|
|
107
|
+
readonly 950: "oklch(0.282 0.086 25)";
|
|
108
|
+
};
|
|
109
|
+
/** Flat map of every primitive, keyed by CSS custom property suffix. */
|
|
110
|
+
readonly primitives: {
|
|
111
|
+
readonly "danger-50": string;
|
|
112
|
+
readonly "danger-100": string;
|
|
113
|
+
readonly "danger-200": string;
|
|
114
|
+
readonly "danger-300": string;
|
|
115
|
+
readonly "danger-400": string;
|
|
116
|
+
readonly "danger-500": string;
|
|
117
|
+
readonly "danger-600": string;
|
|
118
|
+
readonly "danger-700": string;
|
|
119
|
+
readonly "danger-800": string;
|
|
120
|
+
readonly "danger-900": string;
|
|
121
|
+
readonly "danger-950": string;
|
|
122
|
+
readonly "warning-50": string;
|
|
123
|
+
readonly "warning-100": string;
|
|
124
|
+
readonly "warning-200": string;
|
|
125
|
+
readonly "warning-300": string;
|
|
126
|
+
readonly "warning-400": string;
|
|
127
|
+
readonly "warning-500": string;
|
|
128
|
+
readonly "warning-600": string;
|
|
129
|
+
readonly "warning-700": string;
|
|
130
|
+
readonly "warning-800": string;
|
|
131
|
+
readonly "warning-900": string;
|
|
132
|
+
readonly "warning-950": string;
|
|
133
|
+
readonly "success-50": string;
|
|
134
|
+
readonly "success-100": string;
|
|
135
|
+
readonly "success-200": string;
|
|
136
|
+
readonly "success-300": string;
|
|
137
|
+
readonly "success-400": string;
|
|
138
|
+
readonly "success-500": string;
|
|
139
|
+
readonly "success-600": string;
|
|
140
|
+
readonly "success-700": string;
|
|
141
|
+
readonly "success-800": string;
|
|
142
|
+
readonly "success-900": string;
|
|
143
|
+
readonly "success-950": string;
|
|
144
|
+
readonly "primary-50": string;
|
|
145
|
+
readonly "primary-100": string;
|
|
146
|
+
readonly "primary-200": string;
|
|
147
|
+
readonly "primary-300": string;
|
|
148
|
+
readonly "primary-400": string;
|
|
149
|
+
readonly "primary-500": string;
|
|
150
|
+
readonly "primary-600": string;
|
|
151
|
+
readonly "primary-700": string;
|
|
152
|
+
readonly "primary-800": string;
|
|
153
|
+
readonly "primary-900": string;
|
|
154
|
+
readonly "primary-950": string;
|
|
155
|
+
readonly "neutral-50": string;
|
|
156
|
+
readonly "neutral-100": string;
|
|
157
|
+
readonly "neutral-200": string;
|
|
158
|
+
readonly "neutral-300": string;
|
|
159
|
+
readonly "neutral-400": string;
|
|
160
|
+
readonly "neutral-500": string;
|
|
161
|
+
readonly "neutral-600": string;
|
|
162
|
+
readonly "neutral-700": string;
|
|
163
|
+
readonly "neutral-800": string;
|
|
164
|
+
readonly "neutral-900": string;
|
|
165
|
+
readonly "neutral-950": string;
|
|
166
|
+
readonly white: "oklch(1 0 0)";
|
|
167
|
+
readonly black: "oklch(0 0 0)";
|
|
168
|
+
};
|
|
169
|
+
/** Semantic tokens, which reference primitives via `var()`. */
|
|
170
|
+
readonly semantic: {
|
|
171
|
+
readonly light: {
|
|
172
|
+
readonly background: `var(--color-${string})`;
|
|
173
|
+
readonly surface: `var(--color-${string})`;
|
|
174
|
+
readonly 'surface-subtle': `var(--color-${string})`;
|
|
175
|
+
readonly 'surface-hover': `var(--color-${string})`;
|
|
176
|
+
readonly 'surface-active': `var(--color-${string})`;
|
|
177
|
+
readonly 'surface-selected': `var(--color-${string})`;
|
|
178
|
+
readonly 'surface-disabled': `var(--color-${string})`;
|
|
179
|
+
readonly skeleton: `var(--color-${string})`;
|
|
180
|
+
readonly text: `var(--color-${string})`;
|
|
181
|
+
readonly 'text-muted': `var(--color-${string})`;
|
|
182
|
+
readonly 'text-subtle': `var(--color-${string})`;
|
|
183
|
+
readonly 'text-disabled': `var(--color-${string})`;
|
|
184
|
+
readonly border: `var(--color-${string})`;
|
|
185
|
+
readonly 'border-strong': `var(--color-${string})`;
|
|
186
|
+
readonly 'border-subtle': `var(--color-${string})`;
|
|
187
|
+
readonly 'border-control': `var(--color-${string})`;
|
|
188
|
+
readonly 'focus-ring': `var(--color-${string})`;
|
|
189
|
+
readonly shadow: `var(--color-${string})`;
|
|
190
|
+
readonly 'neutral-solid': `var(--color-${string})`;
|
|
191
|
+
readonly 'neutral-solid-hover': `var(--color-${string})`;
|
|
192
|
+
readonly 'neutral-on-solid': `var(--color-${string})`;
|
|
193
|
+
readonly 'neutral-subtle': `var(--color-${string})`;
|
|
194
|
+
readonly 'neutral-on-subtle': `var(--color-${string})`;
|
|
195
|
+
readonly 'neutral-border': `var(--color-${string})`;
|
|
196
|
+
readonly 'primary-solid': `var(--color-${string})`;
|
|
197
|
+
readonly 'primary-solid-hover': `var(--color-${string})`;
|
|
198
|
+
readonly 'primary-on-solid': `var(--color-${string})`;
|
|
199
|
+
readonly 'primary-subtle': `var(--color-${string})`;
|
|
200
|
+
readonly 'primary-on-subtle': `var(--color-${string})`;
|
|
201
|
+
readonly 'primary-border': `var(--color-${string})`;
|
|
202
|
+
readonly 'success-solid': `var(--color-${string})`;
|
|
203
|
+
readonly 'success-solid-hover': `var(--color-${string})`;
|
|
204
|
+
readonly 'success-on-solid': `var(--color-${string})`;
|
|
205
|
+
readonly 'success-subtle': `var(--color-${string})`;
|
|
206
|
+
readonly 'success-on-subtle': `var(--color-${string})`;
|
|
207
|
+
readonly 'success-border': `var(--color-${string})`;
|
|
208
|
+
readonly 'warning-solid': `var(--color-${string})`;
|
|
209
|
+
readonly 'warning-solid-hover': `var(--color-${string})`;
|
|
210
|
+
readonly 'warning-on-solid': `var(--color-${string})`;
|
|
211
|
+
readonly 'warning-subtle': `var(--color-${string})`;
|
|
212
|
+
readonly 'warning-on-subtle': `var(--color-${string})`;
|
|
213
|
+
readonly 'warning-border': `var(--color-${string})`;
|
|
214
|
+
readonly 'danger-solid': `var(--color-${string})`;
|
|
215
|
+
readonly 'danger-solid-hover': `var(--color-${string})`;
|
|
216
|
+
readonly 'danger-on-solid': `var(--color-${string})`;
|
|
217
|
+
readonly 'danger-subtle': `var(--color-${string})`;
|
|
218
|
+
readonly 'danger-on-subtle': `var(--color-${string})`;
|
|
219
|
+
readonly 'danger-border': `var(--color-${string})`;
|
|
220
|
+
};
|
|
221
|
+
readonly dark: {
|
|
222
|
+
readonly background: `var(--color-${string})`;
|
|
223
|
+
readonly surface: `var(--color-${string})`;
|
|
224
|
+
readonly 'surface-subtle': `var(--color-${string})`;
|
|
225
|
+
readonly 'surface-hover': `var(--color-${string})`;
|
|
226
|
+
readonly 'surface-active': `var(--color-${string})`;
|
|
227
|
+
readonly 'surface-selected': `var(--color-${string})`;
|
|
228
|
+
readonly 'surface-disabled': `var(--color-${string})`;
|
|
229
|
+
readonly skeleton: `var(--color-${string})`;
|
|
230
|
+
readonly text: `var(--color-${string})`;
|
|
231
|
+
readonly 'text-muted': `var(--color-${string})`;
|
|
232
|
+
readonly 'text-subtle': `var(--color-${string})`;
|
|
233
|
+
readonly 'text-disabled': `var(--color-${string})`;
|
|
234
|
+
readonly border: `var(--color-${string})`;
|
|
235
|
+
readonly 'border-strong': `var(--color-${string})`;
|
|
236
|
+
readonly 'border-subtle': `var(--color-${string})`;
|
|
237
|
+
readonly 'border-control': `var(--color-${string})`;
|
|
238
|
+
readonly 'focus-ring': `var(--color-${string})`;
|
|
239
|
+
readonly shadow: `var(--color-${string})`;
|
|
240
|
+
readonly 'neutral-solid': `var(--color-${string})`;
|
|
241
|
+
readonly 'neutral-solid-hover': `var(--color-${string})`;
|
|
242
|
+
readonly 'neutral-on-solid': `var(--color-${string})`;
|
|
243
|
+
readonly 'neutral-subtle': `var(--color-${string})`;
|
|
244
|
+
readonly 'neutral-on-subtle': `var(--color-${string})`;
|
|
245
|
+
readonly 'neutral-border': `var(--color-${string})`;
|
|
246
|
+
readonly 'primary-solid': `var(--color-${string})`;
|
|
247
|
+
readonly 'primary-solid-hover': `var(--color-${string})`;
|
|
248
|
+
readonly 'primary-on-solid': `var(--color-${string})`;
|
|
249
|
+
readonly 'primary-subtle': `var(--color-${string})`;
|
|
250
|
+
readonly 'primary-on-subtle': `var(--color-${string})`;
|
|
251
|
+
readonly 'primary-border': `var(--color-${string})`;
|
|
252
|
+
readonly 'success-solid': `var(--color-${string})`;
|
|
253
|
+
readonly 'success-solid-hover': `var(--color-${string})`;
|
|
254
|
+
readonly 'success-on-solid': `var(--color-${string})`;
|
|
255
|
+
readonly 'success-subtle': `var(--color-${string})`;
|
|
256
|
+
readonly 'success-on-subtle': `var(--color-${string})`;
|
|
257
|
+
readonly 'success-border': `var(--color-${string})`;
|
|
258
|
+
readonly 'warning-solid': `var(--color-${string})`;
|
|
259
|
+
readonly 'warning-solid-hover': `var(--color-${string})`;
|
|
260
|
+
readonly 'warning-on-solid': `var(--color-${string})`;
|
|
261
|
+
readonly 'warning-subtle': `var(--color-${string})`;
|
|
262
|
+
readonly 'warning-on-subtle': `var(--color-${string})`;
|
|
263
|
+
readonly 'warning-border': `var(--color-${string})`;
|
|
264
|
+
readonly 'danger-solid': `var(--color-${string})`;
|
|
265
|
+
readonly 'danger-solid-hover': `var(--color-${string})`;
|
|
266
|
+
readonly 'danger-on-solid': `var(--color-${string})`;
|
|
267
|
+
readonly 'danger-subtle': `var(--color-${string})`;
|
|
268
|
+
readonly 'danger-on-subtle': `var(--color-${string})`;
|
|
269
|
+
readonly 'danger-border': `var(--color-${string})`;
|
|
270
|
+
};
|
|
271
|
+
};
|
|
272
|
+
};
|
|
273
|
+
readonly spacing: {
|
|
274
|
+
readonly 0: "0rem";
|
|
275
|
+
readonly px: "1px";
|
|
276
|
+
readonly 1: "0.25rem";
|
|
277
|
+
readonly 2: "0.5rem";
|
|
278
|
+
readonly 3: "0.75rem";
|
|
279
|
+
readonly 4: "1rem";
|
|
280
|
+
readonly 5: "1.25rem";
|
|
281
|
+
readonly 6: "1.5rem";
|
|
282
|
+
readonly 8: "2rem";
|
|
283
|
+
readonly 10: "2.5rem";
|
|
284
|
+
readonly 12: "3rem";
|
|
285
|
+
readonly 16: "4rem";
|
|
286
|
+
readonly 20: "5rem";
|
|
287
|
+
readonly 24: "6rem";
|
|
288
|
+
};
|
|
289
|
+
readonly spacingBase: "0.25rem";
|
|
290
|
+
readonly font: {
|
|
291
|
+
readonly family: {
|
|
292
|
+
readonly sans: string;
|
|
293
|
+
readonly mono: string;
|
|
294
|
+
};
|
|
295
|
+
readonly size: {
|
|
296
|
+
readonly xs: {
|
|
297
|
+
readonly size: "0.75rem";
|
|
298
|
+
readonly lineHeight: "1rem";
|
|
299
|
+
};
|
|
300
|
+
readonly sm: {
|
|
301
|
+
readonly size: "0.875rem";
|
|
302
|
+
readonly lineHeight: "1.25rem";
|
|
303
|
+
};
|
|
304
|
+
readonly base: {
|
|
305
|
+
readonly size: "1rem";
|
|
306
|
+
readonly lineHeight: "1.5rem";
|
|
307
|
+
};
|
|
308
|
+
readonly lg: {
|
|
309
|
+
readonly size: "1.125rem";
|
|
310
|
+
readonly lineHeight: "1.75rem";
|
|
311
|
+
};
|
|
312
|
+
readonly xl: {
|
|
313
|
+
readonly size: "1.25rem";
|
|
314
|
+
readonly lineHeight: "1.75rem";
|
|
315
|
+
};
|
|
316
|
+
readonly '2xl': {
|
|
317
|
+
readonly size: "1.5rem";
|
|
318
|
+
readonly lineHeight: "2rem";
|
|
319
|
+
};
|
|
320
|
+
readonly '3xl': {
|
|
321
|
+
readonly size: "1.875rem";
|
|
322
|
+
readonly lineHeight: "2.25rem";
|
|
323
|
+
};
|
|
324
|
+
};
|
|
325
|
+
readonly weight: {
|
|
326
|
+
readonly normal: "400";
|
|
327
|
+
readonly medium: "500";
|
|
328
|
+
readonly semibold: "600";
|
|
329
|
+
readonly bold: "700";
|
|
330
|
+
};
|
|
331
|
+
readonly letterSpacing: {
|
|
332
|
+
readonly tight: "-0.015em";
|
|
333
|
+
readonly normal: "0em";
|
|
334
|
+
readonly wide: "0.04em";
|
|
335
|
+
};
|
|
336
|
+
readonly lineHeight: {
|
|
337
|
+
readonly none: "1";
|
|
338
|
+
readonly tight: "1.25";
|
|
339
|
+
readonly snug: "1.375";
|
|
340
|
+
readonly normal: "1.5";
|
|
341
|
+
readonly relaxed: "1.625";
|
|
342
|
+
};
|
|
343
|
+
};
|
|
344
|
+
readonly radius: {
|
|
345
|
+
readonly none: "0rem";
|
|
346
|
+
readonly xs: "0.125rem";
|
|
347
|
+
readonly sm: "0.25rem";
|
|
348
|
+
readonly md: "0.375rem";
|
|
349
|
+
readonly lg: "0.5rem";
|
|
350
|
+
readonly xl: "0.75rem";
|
|
351
|
+
readonly full: "9999px";
|
|
352
|
+
};
|
|
353
|
+
readonly shadow: {
|
|
354
|
+
readonly none: "none";
|
|
355
|
+
readonly xs: "0 1px 2px 0 color-mix(in oklab, var(--color-shadow) 6%, transparent)";
|
|
356
|
+
readonly 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)";
|
|
357
|
+
readonly 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)";
|
|
358
|
+
readonly 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)";
|
|
359
|
+
readonly 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)";
|
|
360
|
+
readonly 'scroll-x': "8px 0 8px -8px color-mix(in oklab, var(--color-shadow) 15%, transparent)";
|
|
361
|
+
};
|
|
362
|
+
readonly zIndex: {
|
|
363
|
+
readonly base: "0";
|
|
364
|
+
readonly sticky: "100";
|
|
365
|
+
readonly dropdown: "200";
|
|
366
|
+
readonly overlay: "300";
|
|
367
|
+
readonly modal: "400";
|
|
368
|
+
readonly popover: "500";
|
|
369
|
+
readonly toast: "600";
|
|
370
|
+
readonly tooltip: "700";
|
|
371
|
+
};
|
|
372
|
+
readonly motion: {
|
|
373
|
+
readonly duration: {
|
|
374
|
+
readonly instant: "0ms";
|
|
375
|
+
readonly fast: "120ms";
|
|
376
|
+
readonly normal: "200ms";
|
|
377
|
+
readonly slow: "320ms";
|
|
378
|
+
};
|
|
379
|
+
readonly easing: {
|
|
380
|
+
readonly linear: "linear";
|
|
381
|
+
readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
|
|
382
|
+
readonly enter: "cubic-bezier(0, 0, 0.2, 1)";
|
|
383
|
+
readonly exit: "cubic-bezier(0.4, 0, 1, 1)";
|
|
384
|
+
};
|
|
385
|
+
};
|
|
386
|
+
};
|
|
387
|
+
/** The shape of {@link tokens}. */
|
|
388
|
+
export type Tokens = typeof tokens;
|
|
389
|
+
/**
|
|
390
|
+
* The `@rowkit/tokens` version this build was produced from.
|
|
391
|
+
*
|
|
392
|
+
* Read from `package.json` rather than written out. A literal here went stale
|
|
393
|
+
* the moment Changesets bumped the manifest — it edits `package.json` and
|
|
394
|
+
* nothing was updating the constant, so the first release broke its own test.
|
|
395
|
+
* Rollup tree-shakes the JSON down to this one string, so nothing else ships.
|
|
396
|
+
*/
|
|
397
|
+
export declare const version: string;
|