@shuriken-ui/tailwind 1.0.0-beta.7 → 1.0.0-beta.8
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/config.cjs +1 -1
- package/dist/config.d.ts +2 -2
- package/dist/config.mjs +2 -2
- package/dist/index.cjs +12 -5
- package/dist/index.d.ts +4 -627
- package/dist/index.mjs +11 -6
- package/dist/preset.cjs +25 -8
- package/dist/preset.d.ts +6 -5
- package/dist/preset.mjs +24 -6
- package/package.json +1 -1
package/dist/config.cjs
CHANGED
package/dist/config.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
2
|
-
import * as
|
2
|
+
import * as typography from '@tailwindcss/typography';
|
3
3
|
import { Config } from 'tailwindcss';
|
4
4
|
|
5
5
|
declare const _default: {
|
@@ -7,7 +7,7 @@ declare const _default: {
|
|
7
7
|
presets: {
|
8
8
|
darkMode: "class";
|
9
9
|
content: never[];
|
10
|
-
plugins: (typeof
|
10
|
+
plugins: (typeof typography | {
|
11
11
|
handler: () => void;
|
12
12
|
} | {
|
13
13
|
handler: tailwindcss_types_config.PluginCreator;
|
package/dist/config.mjs
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import
|
1
|
+
import { preset } from './preset.mjs';
|
2
2
|
import 'tailwindcss/defaultTheme';
|
3
3
|
import 'tailwindcss/colors';
|
4
4
|
import '@tailwindcss/typography';
|
@@ -9,7 +9,7 @@ import 'defu';
|
|
9
9
|
|
10
10
|
const config = {
|
11
11
|
content: [],
|
12
|
-
presets: [
|
12
|
+
presets: [preset]
|
13
13
|
};
|
14
14
|
|
15
15
|
export { config as default };
|
package/dist/index.cjs
CHANGED
@@ -1,17 +1,24 @@
|
|
1
1
|
'use strict';
|
2
2
|
|
3
|
-
const
|
4
|
-
const config = require('./config.cjs');
|
5
|
-
require('./preset.cjs');
|
3
|
+
const preset = require('./preset.cjs');
|
6
4
|
require('tailwindcss/defaultTheme');
|
7
5
|
require('tailwindcss/colors');
|
8
6
|
require('@tailwindcss/typography');
|
9
7
|
require('@tailwindcss/aspect-ratio');
|
10
8
|
require('@tailwindcss/container-queries');
|
11
9
|
require('tailwindcss/plugin');
|
10
|
+
require('defu');
|
12
11
|
|
13
|
-
function withShurikenUI(
|
14
|
-
|
12
|
+
function withShurikenUI(config) {
|
13
|
+
if (preset.hasPreset(config)) {
|
14
|
+
return config;
|
15
|
+
}
|
16
|
+
config.presets ?? (config.presets = []);
|
17
|
+
config.presets.push(preset.preset);
|
18
|
+
return config;
|
15
19
|
}
|
16
20
|
|
21
|
+
exports.createPreset = preset.createPreset;
|
22
|
+
exports.hasPreset = preset.hasPreset;
|
23
|
+
exports.preset = preset.preset;
|
17
24
|
exports.withShurikenUI = withShurikenUI;
|
package/dist/index.d.ts
CHANGED
@@ -1,631 +1,8 @@
|
|
1
|
-
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
2
|
-
import * as _tailwindcss_typography from '@tailwindcss/typography';
|
3
1
|
import { Config } from 'tailwindcss';
|
2
|
+
export { createPreset, hasPreset, preset } from './preset.js';
|
3
|
+
import 'tailwindcss/types/config';
|
4
|
+
import '@tailwindcss/typography';
|
4
5
|
|
5
|
-
declare function withShurikenUI(
|
6
|
-
content: never[];
|
7
|
-
presets: {
|
8
|
-
darkMode: "class";
|
9
|
-
content: never[];
|
10
|
-
plugins: (typeof _tailwindcss_typography | {
|
11
|
-
handler: () => void;
|
12
|
-
} | {
|
13
|
-
handler: tailwindcss_types_config.PluginCreator;
|
14
|
-
config?: Partial<Config> | undefined;
|
15
|
-
})[];
|
16
|
-
theme: {
|
17
|
-
fontFamily: {
|
18
|
-
sans: string[];
|
19
|
-
heading: string[];
|
20
|
-
alt: string[];
|
21
|
-
mono: string[];
|
22
|
-
};
|
23
|
-
extend: {
|
24
|
-
colors: {
|
25
|
-
muted: {
|
26
|
-
'50': "#f8fafc";
|
27
|
-
'100': "#f1f5f9";
|
28
|
-
'200': "#e2e8f0";
|
29
|
-
'300': "#cbd5e1";
|
30
|
-
'400': "#94a3b8";
|
31
|
-
'500': "#64748b";
|
32
|
-
'600': "#475569";
|
33
|
-
'700': "#334155";
|
34
|
-
'800': "#1e293b";
|
35
|
-
'900': "#0f172a";
|
36
|
-
'950': "#020617";
|
37
|
-
};
|
38
|
-
primary: {
|
39
|
-
'50': "#f5f3ff";
|
40
|
-
'100': "#ede9fe";
|
41
|
-
'200': "#ddd6fe";
|
42
|
-
'300': "#c4b5fd";
|
43
|
-
'400': "#a78bfa";
|
44
|
-
'500': "#8b5cf6";
|
45
|
-
'600': "#7c3aed";
|
46
|
-
'700': "#6d28d9";
|
47
|
-
'800': "#5b21b6";
|
48
|
-
'900': "#4c1d95";
|
49
|
-
'950': "#2e1065";
|
50
|
-
};
|
51
|
-
info: {
|
52
|
-
'50': "#f0f9ff";
|
53
|
-
'100': "#e0f2fe";
|
54
|
-
'200': "#bae6fd";
|
55
|
-
'300': "#7dd3fc";
|
56
|
-
'400': "#38bdf8";
|
57
|
-
'500': "#0ea5e9";
|
58
|
-
'600': "#0284c7";
|
59
|
-
'700': "#0369a1";
|
60
|
-
'800': "#075985";
|
61
|
-
'900': "#0c4a6e";
|
62
|
-
'950': "#082f49";
|
63
|
-
};
|
64
|
-
success: {
|
65
|
-
'50': "#f0fdfa";
|
66
|
-
'100': "#ccfbf1";
|
67
|
-
'200': "#99f6e4";
|
68
|
-
'300': "#5eead4";
|
69
|
-
'400': "#2dd4bf";
|
70
|
-
'500': "#14b8a6";
|
71
|
-
'600': "#0d9488";
|
72
|
-
'700': "#0f766e";
|
73
|
-
'800': "#115e59";
|
74
|
-
'900': "#134e4a";
|
75
|
-
'950': "#042f2e";
|
76
|
-
};
|
77
|
-
warning: {
|
78
|
-
'50': "#fffbeb";
|
79
|
-
'100': "#fef3c7";
|
80
|
-
'200': "#fde68a";
|
81
|
-
'300': "#fcd34d";
|
82
|
-
'400': "#fbbf24";
|
83
|
-
'500': "#f59e0b";
|
84
|
-
'600': "#d97706";
|
85
|
-
'700': "#b45309";
|
86
|
-
'800': "#92400e";
|
87
|
-
'900': "#78350f";
|
88
|
-
'950': "#451a03";
|
89
|
-
};
|
90
|
-
danger: {
|
91
|
-
'50': "#fff1f2";
|
92
|
-
'100': "#ffe4e6";
|
93
|
-
'200': "#fecdd3";
|
94
|
-
'300': "#fda4af";
|
95
|
-
'400': "#fb7185";
|
96
|
-
'500': "#f43f5e";
|
97
|
-
'600': "#e11d48";
|
98
|
-
'700': "#be123c";
|
99
|
-
'800': "#9f1239";
|
100
|
-
'900': "#881337";
|
101
|
-
'950': "#4c0519";
|
102
|
-
};
|
103
|
-
};
|
104
|
-
screens: {
|
105
|
-
xs: {
|
106
|
-
max: string;
|
107
|
-
};
|
108
|
-
lg: string;
|
109
|
-
ptablet: {
|
110
|
-
raw: string;
|
111
|
-
};
|
112
|
-
ltablet: {
|
113
|
-
raw: string;
|
114
|
-
};
|
115
|
-
};
|
116
|
-
typography: ({ theme }: any) => {
|
117
|
-
primary: {
|
118
|
-
css: {
|
119
|
-
'--tw-prose-links': any;
|
120
|
-
'--tw-prose-quote-borders': any;
|
121
|
-
'--tw-prose-invert-links': any;
|
122
|
-
'--tw-prose-invert-quote-borders': any;
|
123
|
-
};
|
124
|
-
};
|
125
|
-
muted: {
|
126
|
-
css: {
|
127
|
-
'--tw-prose-body': any;
|
128
|
-
'--tw-prose-headings': any;
|
129
|
-
'--tw-prose-lead': any;
|
130
|
-
'--tw-prose-bold': any;
|
131
|
-
'--tw-prose-counters': any;
|
132
|
-
'--tw-prose-bullets': any;
|
133
|
-
'--tw-prose-hr': any;
|
134
|
-
'--tw-prose-quotes': any;
|
135
|
-
'--tw-prose-captions': any;
|
136
|
-
'--tw-prose-code': any;
|
137
|
-
'--tw-prose-pre-code': any;
|
138
|
-
'--tw-prose-pre-bg': any;
|
139
|
-
'--tw-prose-th-borders': any;
|
140
|
-
'--tw-prose-td-borders': any;
|
141
|
-
'--tw-prose-invert-body': any;
|
142
|
-
'--tw-prose-invert-headings': any;
|
143
|
-
'--tw-prose-invert-lead': any;
|
144
|
-
'--tw-prose-invert-bold': any;
|
145
|
-
'--tw-prose-invert-counters': any;
|
146
|
-
'--tw-prose-invert-bullets': any;
|
147
|
-
'--tw-prose-invert-hr': any;
|
148
|
-
'--tw-prose-invert-quotes': any;
|
149
|
-
'--tw-prose-invert-captions': any;
|
150
|
-
'--tw-prose-invert-code': any;
|
151
|
-
'--tw-prose-invert-pre-code': any;
|
152
|
-
'--tw-prose-invert-pre-bg': any;
|
153
|
-
'--tw-prose-invert-th-borders': any;
|
154
|
-
'--tw-prose-invert-td-borders': any;
|
155
|
-
};
|
156
|
-
};
|
157
|
-
css: {
|
158
|
-
h1: {
|
159
|
-
fontWeight: number;
|
160
|
-
};
|
161
|
-
h2: {
|
162
|
-
fontWeight: number;
|
163
|
-
};
|
164
|
-
h3: {
|
165
|
-
fontWeight: number;
|
166
|
-
};
|
167
|
-
h4: {
|
168
|
-
fontWeight: number;
|
169
|
-
};
|
170
|
-
li: {
|
171
|
-
fontSize: string;
|
172
|
-
padding: string;
|
173
|
-
};
|
174
|
-
em: {
|
175
|
-
fontSize: string;
|
176
|
-
lineHeight: number;
|
177
|
-
};
|
178
|
-
blockquote: {
|
179
|
-
fontSize: string;
|
180
|
-
lineHeight: number;
|
181
|
-
fontWeight: number;
|
182
|
-
padding: string;
|
183
|
-
};
|
184
|
-
pre: {
|
185
|
-
fontFamily: any;
|
186
|
-
};
|
187
|
-
code: {
|
188
|
-
fontFamily: any;
|
189
|
-
padding: string;
|
190
|
-
fontWeight: number;
|
191
|
-
fontSize: string;
|
192
|
-
};
|
193
|
-
};
|
194
|
-
};
|
195
|
-
keyframes: {
|
196
|
-
'nui-indeterminate': {
|
197
|
-
'0%': {
|
198
|
-
'margin-left': string;
|
199
|
-
};
|
200
|
-
'100%': {
|
201
|
-
'margin-left': string;
|
202
|
-
};
|
203
|
-
};
|
204
|
-
};
|
205
|
-
animation: {
|
206
|
-
'nui-indeterminate': string;
|
207
|
-
};
|
208
|
-
};
|
209
|
-
};
|
210
|
-
}[];
|
211
|
-
}, "presets" | "content"> & {
|
212
|
-
presets: {
|
213
|
-
darkMode: "class";
|
214
|
-
content: never[];
|
215
|
-
plugins: (typeof _tailwindcss_typography | {
|
216
|
-
handler: () => void;
|
217
|
-
} | {
|
218
|
-
handler: tailwindcss_types_config.PluginCreator;
|
219
|
-
config?: Partial<Config> | undefined;
|
220
|
-
})[];
|
221
|
-
theme: {
|
222
|
-
fontFamily: {
|
223
|
-
sans: string[];
|
224
|
-
heading: string[];
|
225
|
-
alt: string[];
|
226
|
-
mono: string[];
|
227
|
-
};
|
228
|
-
extend: {
|
229
|
-
colors: {
|
230
|
-
muted: {
|
231
|
-
'50': "#f8fafc";
|
232
|
-
'100': "#f1f5f9";
|
233
|
-
'200': "#e2e8f0";
|
234
|
-
'300': "#cbd5e1";
|
235
|
-
'400': "#94a3b8";
|
236
|
-
'500': "#64748b";
|
237
|
-
'600': "#475569";
|
238
|
-
'700': "#334155";
|
239
|
-
'800': "#1e293b";
|
240
|
-
'900': "#0f172a";
|
241
|
-
'950': "#020617";
|
242
|
-
};
|
243
|
-
primary: {
|
244
|
-
'50': "#f5f3ff";
|
245
|
-
'100': "#ede9fe";
|
246
|
-
'200': "#ddd6fe";
|
247
|
-
'300': "#c4b5fd";
|
248
|
-
'400': "#a78bfa";
|
249
|
-
'500': "#8b5cf6";
|
250
|
-
'600': "#7c3aed";
|
251
|
-
'700': "#6d28d9";
|
252
|
-
'800': "#5b21b6";
|
253
|
-
'900': "#4c1d95";
|
254
|
-
'950': "#2e1065";
|
255
|
-
};
|
256
|
-
info: {
|
257
|
-
'50': "#f0f9ff";
|
258
|
-
'100': "#e0f2fe";
|
259
|
-
'200': "#bae6fd";
|
260
|
-
'300': "#7dd3fc";
|
261
|
-
'400': "#38bdf8";
|
262
|
-
'500': "#0ea5e9";
|
263
|
-
'600': "#0284c7";
|
264
|
-
'700': "#0369a1";
|
265
|
-
'800': "#075985";
|
266
|
-
'900': "#0c4a6e";
|
267
|
-
'950': "#082f49";
|
268
|
-
};
|
269
|
-
success: {
|
270
|
-
'50': "#f0fdfa";
|
271
|
-
'100': "#ccfbf1";
|
272
|
-
'200': "#99f6e4";
|
273
|
-
'300': "#5eead4";
|
274
|
-
'400': "#2dd4bf";
|
275
|
-
'500': "#14b8a6";
|
276
|
-
'600': "#0d9488";
|
277
|
-
'700': "#0f766e";
|
278
|
-
'800': "#115e59";
|
279
|
-
'900': "#134e4a";
|
280
|
-
'950': "#042f2e";
|
281
|
-
};
|
282
|
-
warning: {
|
283
|
-
'50': "#fffbeb";
|
284
|
-
'100': "#fef3c7";
|
285
|
-
'200': "#fde68a";
|
286
|
-
'300': "#fcd34d";
|
287
|
-
'400': "#fbbf24";
|
288
|
-
'500': "#f59e0b";
|
289
|
-
'600': "#d97706";
|
290
|
-
'700': "#b45309";
|
291
|
-
'800': "#92400e";
|
292
|
-
'900': "#78350f";
|
293
|
-
'950': "#451a03";
|
294
|
-
};
|
295
|
-
danger: {
|
296
|
-
'50': "#fff1f2";
|
297
|
-
'100': "#ffe4e6";
|
298
|
-
'200': "#fecdd3";
|
299
|
-
'300': "#fda4af";
|
300
|
-
'400': "#fb7185";
|
301
|
-
'500': "#f43f5e";
|
302
|
-
'600': "#e11d48";
|
303
|
-
'700': "#be123c";
|
304
|
-
'800': "#9f1239";
|
305
|
-
'900': "#881337";
|
306
|
-
'950': "#4c0519";
|
307
|
-
};
|
308
|
-
};
|
309
|
-
screens: {
|
310
|
-
xs: {
|
311
|
-
max: string;
|
312
|
-
};
|
313
|
-
lg: string;
|
314
|
-
ptablet: {
|
315
|
-
raw: string;
|
316
|
-
};
|
317
|
-
ltablet: {
|
318
|
-
raw: string;
|
319
|
-
};
|
320
|
-
};
|
321
|
-
typography: ({ theme }: any) => {
|
322
|
-
primary: {
|
323
|
-
css: {
|
324
|
-
'--tw-prose-links': any;
|
325
|
-
'--tw-prose-quote-borders': any;
|
326
|
-
'--tw-prose-invert-links': any;
|
327
|
-
'--tw-prose-invert-quote-borders': any;
|
328
|
-
};
|
329
|
-
};
|
330
|
-
muted: {
|
331
|
-
css: {
|
332
|
-
'--tw-prose-body': any;
|
333
|
-
'--tw-prose-headings': any;
|
334
|
-
'--tw-prose-lead': any;
|
335
|
-
'--tw-prose-bold': any;
|
336
|
-
'--tw-prose-counters': any;
|
337
|
-
'--tw-prose-bullets': any;
|
338
|
-
'--tw-prose-hr': any;
|
339
|
-
'--tw-prose-quotes': any;
|
340
|
-
'--tw-prose-captions': any;
|
341
|
-
'--tw-prose-code': any;
|
342
|
-
'--tw-prose-pre-code': any;
|
343
|
-
'--tw-prose-pre-bg': any;
|
344
|
-
'--tw-prose-th-borders': any;
|
345
|
-
'--tw-prose-td-borders': any;
|
346
|
-
'--tw-prose-invert-body': any;
|
347
|
-
'--tw-prose-invert-headings': any;
|
348
|
-
'--tw-prose-invert-lead': any;
|
349
|
-
'--tw-prose-invert-bold': any;
|
350
|
-
'--tw-prose-invert-counters': any;
|
351
|
-
'--tw-prose-invert-bullets': any;
|
352
|
-
'--tw-prose-invert-hr': any;
|
353
|
-
'--tw-prose-invert-quotes': any;
|
354
|
-
'--tw-prose-invert-captions': any;
|
355
|
-
'--tw-prose-invert-code': any;
|
356
|
-
'--tw-prose-invert-pre-code': any;
|
357
|
-
'--tw-prose-invert-pre-bg': any;
|
358
|
-
'--tw-prose-invert-th-borders': any;
|
359
|
-
'--tw-prose-invert-td-borders': any;
|
360
|
-
};
|
361
|
-
};
|
362
|
-
css: {
|
363
|
-
h1: {
|
364
|
-
fontWeight: number;
|
365
|
-
};
|
366
|
-
h2: {
|
367
|
-
fontWeight: number;
|
368
|
-
};
|
369
|
-
h3: {
|
370
|
-
fontWeight: number;
|
371
|
-
};
|
372
|
-
h4: {
|
373
|
-
fontWeight: number;
|
374
|
-
};
|
375
|
-
li: {
|
376
|
-
fontSize: string;
|
377
|
-
padding: string;
|
378
|
-
};
|
379
|
-
em: {
|
380
|
-
fontSize: string;
|
381
|
-
lineHeight: number;
|
382
|
-
};
|
383
|
-
blockquote: {
|
384
|
-
fontSize: string;
|
385
|
-
lineHeight: number;
|
386
|
-
fontWeight: number;
|
387
|
-
padding: string;
|
388
|
-
};
|
389
|
-
pre: {
|
390
|
-
fontFamily: any;
|
391
|
-
};
|
392
|
-
code: {
|
393
|
-
fontFamily: any;
|
394
|
-
padding: string;
|
395
|
-
fontWeight: number;
|
396
|
-
fontSize: string;
|
397
|
-
};
|
398
|
-
};
|
399
|
-
};
|
400
|
-
keyframes: {
|
401
|
-
'nui-indeterminate': {
|
402
|
-
'0%': {
|
403
|
-
'margin-left': string;
|
404
|
-
};
|
405
|
-
'100%': {
|
406
|
-
'margin-left': string;
|
407
|
-
};
|
408
|
-
};
|
409
|
-
};
|
410
|
-
animation: {
|
411
|
-
'nui-indeterminate': string;
|
412
|
-
};
|
413
|
-
};
|
414
|
-
};
|
415
|
-
}[] | (Config | {
|
416
|
-
darkMode: "class";
|
417
|
-
content: never[];
|
418
|
-
plugins: (typeof _tailwindcss_typography | {
|
419
|
-
handler: () => void;
|
420
|
-
} | {
|
421
|
-
handler: tailwindcss_types_config.PluginCreator;
|
422
|
-
config?: Partial<Config> | undefined;
|
423
|
-
})[];
|
424
|
-
theme: {
|
425
|
-
fontFamily: {
|
426
|
-
sans: string[];
|
427
|
-
heading: string[];
|
428
|
-
alt: string[];
|
429
|
-
mono: string[];
|
430
|
-
};
|
431
|
-
extend: {
|
432
|
-
colors: {
|
433
|
-
muted: {
|
434
|
-
'50': "#f8fafc";
|
435
|
-
'100': "#f1f5f9";
|
436
|
-
'200': "#e2e8f0";
|
437
|
-
'300': "#cbd5e1";
|
438
|
-
'400': "#94a3b8";
|
439
|
-
'500': "#64748b";
|
440
|
-
'600': "#475569";
|
441
|
-
'700': "#334155";
|
442
|
-
'800': "#1e293b";
|
443
|
-
'900': "#0f172a";
|
444
|
-
'950': "#020617";
|
445
|
-
};
|
446
|
-
primary: {
|
447
|
-
'50': "#f5f3ff";
|
448
|
-
'100': "#ede9fe";
|
449
|
-
'200': "#ddd6fe";
|
450
|
-
'300': "#c4b5fd";
|
451
|
-
'400': "#a78bfa";
|
452
|
-
'500': "#8b5cf6";
|
453
|
-
'600': "#7c3aed";
|
454
|
-
'700': "#6d28d9";
|
455
|
-
'800': "#5b21b6";
|
456
|
-
'900': "#4c1d95";
|
457
|
-
'950': "#2e1065";
|
458
|
-
};
|
459
|
-
info: {
|
460
|
-
'50': "#f0f9ff";
|
461
|
-
'100': "#e0f2fe";
|
462
|
-
'200': "#bae6fd";
|
463
|
-
'300': "#7dd3fc";
|
464
|
-
'400': "#38bdf8";
|
465
|
-
'500': "#0ea5e9";
|
466
|
-
'600': "#0284c7";
|
467
|
-
'700': "#0369a1";
|
468
|
-
'800': "#075985";
|
469
|
-
'900': "#0c4a6e";
|
470
|
-
'950': "#082f49";
|
471
|
-
};
|
472
|
-
success: {
|
473
|
-
'50': "#f0fdfa";
|
474
|
-
'100': "#ccfbf1";
|
475
|
-
'200': "#99f6e4";
|
476
|
-
'300': "#5eead4";
|
477
|
-
'400': "#2dd4bf";
|
478
|
-
'500': "#14b8a6";
|
479
|
-
'600': "#0d9488";
|
480
|
-
'700': "#0f766e";
|
481
|
-
'800': "#115e59";
|
482
|
-
'900': "#134e4a";
|
483
|
-
'950': "#042f2e";
|
484
|
-
};
|
485
|
-
warning: {
|
486
|
-
'50': "#fffbeb";
|
487
|
-
'100': "#fef3c7";
|
488
|
-
'200': "#fde68a";
|
489
|
-
'300': "#fcd34d";
|
490
|
-
'400': "#fbbf24";
|
491
|
-
'500': "#f59e0b";
|
492
|
-
'600': "#d97706";
|
493
|
-
'700': "#b45309";
|
494
|
-
'800': "#92400e";
|
495
|
-
'900': "#78350f";
|
496
|
-
'950': "#451a03";
|
497
|
-
};
|
498
|
-
danger: {
|
499
|
-
'50': "#fff1f2";
|
500
|
-
'100': "#ffe4e6";
|
501
|
-
'200': "#fecdd3";
|
502
|
-
'300': "#fda4af";
|
503
|
-
'400': "#fb7185";
|
504
|
-
'500': "#f43f5e";
|
505
|
-
'600': "#e11d48";
|
506
|
-
'700': "#be123c";
|
507
|
-
'800': "#9f1239";
|
508
|
-
'900': "#881337";
|
509
|
-
'950': "#4c0519";
|
510
|
-
};
|
511
|
-
};
|
512
|
-
screens: {
|
513
|
-
xs: {
|
514
|
-
max: string;
|
515
|
-
};
|
516
|
-
lg: string;
|
517
|
-
ptablet: {
|
518
|
-
raw: string;
|
519
|
-
};
|
520
|
-
ltablet: {
|
521
|
-
raw: string;
|
522
|
-
};
|
523
|
-
};
|
524
|
-
typography: ({ theme }: any) => {
|
525
|
-
primary: {
|
526
|
-
css: {
|
527
|
-
'--tw-prose-links': any;
|
528
|
-
'--tw-prose-quote-borders': any;
|
529
|
-
'--tw-prose-invert-links': any;
|
530
|
-
'--tw-prose-invert-quote-borders': any;
|
531
|
-
};
|
532
|
-
};
|
533
|
-
muted: {
|
534
|
-
css: {
|
535
|
-
'--tw-prose-body': any;
|
536
|
-
'--tw-prose-headings': any;
|
537
|
-
'--tw-prose-lead': any;
|
538
|
-
'--tw-prose-bold': any;
|
539
|
-
'--tw-prose-counters': any;
|
540
|
-
'--tw-prose-bullets': any;
|
541
|
-
'--tw-prose-hr': any;
|
542
|
-
'--tw-prose-quotes': any;
|
543
|
-
'--tw-prose-captions': any;
|
544
|
-
'--tw-prose-code': any;
|
545
|
-
'--tw-prose-pre-code': any;
|
546
|
-
'--tw-prose-pre-bg': any;
|
547
|
-
'--tw-prose-th-borders': any;
|
548
|
-
'--tw-prose-td-borders': any;
|
549
|
-
'--tw-prose-invert-body': any;
|
550
|
-
'--tw-prose-invert-headings': any;
|
551
|
-
'--tw-prose-invert-lead': any;
|
552
|
-
'--tw-prose-invert-bold': any;
|
553
|
-
'--tw-prose-invert-counters': any;
|
554
|
-
'--tw-prose-invert-bullets': any;
|
555
|
-
'--tw-prose-invert-hr': any;
|
556
|
-
'--tw-prose-invert-quotes': any;
|
557
|
-
'--tw-prose-invert-captions': any;
|
558
|
-
'--tw-prose-invert-code': any;
|
559
|
-
'--tw-prose-invert-pre-code': any;
|
560
|
-
'--tw-prose-invert-pre-bg': any;
|
561
|
-
'--tw-prose-invert-th-borders': any;
|
562
|
-
'--tw-prose-invert-td-borders': any;
|
563
|
-
};
|
564
|
-
};
|
565
|
-
css: {
|
566
|
-
h1: {
|
567
|
-
fontWeight: number;
|
568
|
-
};
|
569
|
-
h2: {
|
570
|
-
fontWeight: number;
|
571
|
-
};
|
572
|
-
h3: {
|
573
|
-
fontWeight: number;
|
574
|
-
};
|
575
|
-
h4: {
|
576
|
-
fontWeight: number;
|
577
|
-
};
|
578
|
-
li: {
|
579
|
-
fontSize: string;
|
580
|
-
padding: string;
|
581
|
-
};
|
582
|
-
em: {
|
583
|
-
fontSize: string;
|
584
|
-
lineHeight: number;
|
585
|
-
};
|
586
|
-
blockquote: {
|
587
|
-
fontSize: string;
|
588
|
-
lineHeight: number;
|
589
|
-
fontWeight: number;
|
590
|
-
padding: string;
|
591
|
-
};
|
592
|
-
pre: {
|
593
|
-
fontFamily: any;
|
594
|
-
};
|
595
|
-
code: {
|
596
|
-
fontFamily: any;
|
597
|
-
padding: string;
|
598
|
-
fontWeight: number;
|
599
|
-
fontSize: string;
|
600
|
-
};
|
601
|
-
};
|
602
|
-
};
|
603
|
-
keyframes: {
|
604
|
-
'nui-indeterminate': {
|
605
|
-
'0%': {
|
606
|
-
'margin-left': string;
|
607
|
-
};
|
608
|
-
'100%': {
|
609
|
-
'margin-left': string;
|
610
|
-
};
|
611
|
-
};
|
612
|
-
};
|
613
|
-
animation: {
|
614
|
-
'nui-indeterminate': string;
|
615
|
-
};
|
616
|
-
};
|
617
|
-
};
|
618
|
-
} | undefined)[];
|
619
|
-
content: (string | tailwindcss_types_config.RawFile)[] | (Omit<{
|
620
|
-
files: (string | tailwindcss_types_config.RawFile)[];
|
621
|
-
relative?: boolean | undefined;
|
622
|
-
extract?: tailwindcss_types_config.ExtractorFn | {
|
623
|
-
[extension: string]: tailwindcss_types_config.ExtractorFn;
|
624
|
-
} | undefined;
|
625
|
-
transform?: tailwindcss_types_config.TransformerFn | {
|
626
|
-
[extension: string]: tailwindcss_types_config.TransformerFn;
|
627
|
-
} | undefined;
|
628
|
-
}, never> & Omit<never[], never> & {});
|
629
|
-
};
|
6
|
+
declare function withShurikenUI(config: Config): Config;
|
630
7
|
|
631
8
|
export { withShurikenUI };
|
package/dist/index.mjs
CHANGED
@@ -1,15 +1,20 @@
|
|
1
|
-
import {
|
2
|
-
|
3
|
-
import './preset.mjs';
|
1
|
+
import { hasPreset, preset } from './preset.mjs';
|
2
|
+
export { createPreset } from './preset.mjs';
|
4
3
|
import 'tailwindcss/defaultTheme';
|
5
4
|
import 'tailwindcss/colors';
|
6
5
|
import '@tailwindcss/typography';
|
7
6
|
import '@tailwindcss/aspect-ratio';
|
8
7
|
import '@tailwindcss/container-queries';
|
9
8
|
import 'tailwindcss/plugin';
|
9
|
+
import 'defu';
|
10
10
|
|
11
|
-
function withShurikenUI(
|
12
|
-
|
11
|
+
function withShurikenUI(config) {
|
12
|
+
if (hasPreset(config)) {
|
13
|
+
return config;
|
14
|
+
}
|
15
|
+
config.presets ?? (config.presets = []);
|
16
|
+
config.presets.push(preset);
|
17
|
+
return config;
|
13
18
|
}
|
14
19
|
|
15
|
-
export { withShurikenUI };
|
20
|
+
export { hasPreset, preset, withShurikenUI };
|
package/dist/preset.cjs
CHANGED
@@ -1,7 +1,5 @@
|
|
1
1
|
'use strict';
|
2
2
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
3
|
const defaultTheme = require('tailwindcss/defaultTheme');
|
6
4
|
const colors = require('tailwindcss/colors');
|
7
5
|
const typography = require('@tailwindcss/typography');
|
@@ -701,7 +699,7 @@ const autocomplete = plugin__default.withOptions(
|
|
701
699
|
[`@apply text-transparent`]: {}
|
702
700
|
},
|
703
701
|
[`.${prefix}autocomplete-icon`]: {
|
704
|
-
[`@apply opacity-
|
702
|
+
[`@apply opacity-50`]: {}
|
705
703
|
}
|
706
704
|
},
|
707
705
|
[`&.${prefix}autocomplete-label-float`]: {
|
@@ -1773,13 +1771,13 @@ const defaultButtonActionConfig = {
|
|
1773
1771
|
muted: {
|
1774
1772
|
text: "muted-500",
|
1775
1773
|
textDark: "white",
|
1776
|
-
bg: "
|
1774
|
+
bg: "muted-200",
|
1777
1775
|
bgDark: "muted-700/40",
|
1778
1776
|
bgHoverEnabled: "muted-100",
|
1779
1777
|
bgHoverEnabledDark: "muted-700/60",
|
1780
1778
|
bgActiveEnabled: "muted-200/50",
|
1781
1779
|
bgActiveEnabledDark: "muted-800",
|
1782
|
-
border: "muted-
|
1780
|
+
border: "muted-200",
|
1783
1781
|
borderDark: "muted-700/40",
|
1784
1782
|
borderActiveEnabledDark: "muted-800"
|
1785
1783
|
},
|
@@ -4745,6 +4743,11 @@ const input = plugin__default.withOptions(
|
|
4745
4743
|
[`.${prefix}input-action`]: {
|
4746
4744
|
[`@apply text-${config.input.action.text} absolute end-0 top-0 flex items-center justify-center transition-colors duration-${config.input.action.duration}`]: {}
|
4747
4745
|
},
|
4746
|
+
[`&.${prefix}input-focus`]: {
|
4747
|
+
[`.${prefix}input`]: {
|
4748
|
+
[`@apply focus:border-primary-500 dark:focus:border-primary-500`]: {}
|
4749
|
+
}
|
4750
|
+
},
|
4748
4751
|
[`&.${prefix}input-rounded`]: {
|
4749
4752
|
[`.${prefix}input`]: {
|
4750
4753
|
[`@apply rounded-${config.input.rounded.default}`]: {}
|
@@ -9881,8 +9884,15 @@ const shurikenUIUtilities = plugin__default.withOptions(
|
|
9881
9884
|
}
|
9882
9885
|
);
|
9883
9886
|
|
9887
|
+
const ShurikenUISymbol = "__is_shuriken_ui";
|
9888
|
+
function hasPreset(config) {
|
9889
|
+
if (config.presets && Array.isArray(config.presets)) {
|
9890
|
+
return config.presets.some((preset2) => preset2 && ShurikenUISymbol in preset2);
|
9891
|
+
}
|
9892
|
+
return false;
|
9893
|
+
}
|
9884
9894
|
function createPreset(options = {}) {
|
9885
|
-
|
9895
|
+
const config = {
|
9886
9896
|
darkMode: "class",
|
9887
9897
|
content: [],
|
9888
9898
|
plugins: [
|
@@ -10010,8 +10020,15 @@ function createPreset(options = {}) {
|
|
10010
10020
|
}
|
10011
10021
|
}
|
10012
10022
|
};
|
10023
|
+
Object.defineProperty(config, ShurikenUISymbol, {
|
10024
|
+
value: true,
|
10025
|
+
enumerable: false,
|
10026
|
+
writable: false
|
10027
|
+
});
|
10028
|
+
return config;
|
10013
10029
|
}
|
10014
|
-
const
|
10030
|
+
const preset = createPreset();
|
10015
10031
|
|
10016
10032
|
exports.createPreset = createPreset;
|
10017
|
-
exports.
|
10033
|
+
exports.hasPreset = hasPreset;
|
10034
|
+
exports.preset = preset;
|
package/dist/preset.d.ts
CHANGED
@@ -1,15 +1,16 @@
|
|
1
1
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
2
2
|
import { Config } from 'tailwindcss';
|
3
|
-
import
|
3
|
+
import typography__default from '@tailwindcss/typography';
|
4
4
|
|
5
5
|
interface PluginOption {
|
6
6
|
prefix?: string;
|
7
7
|
}
|
8
8
|
|
9
|
+
declare function hasPreset(config: Config): boolean;
|
9
10
|
declare function createPreset(options?: PluginOption): {
|
10
11
|
darkMode: "class";
|
11
12
|
content: never[];
|
12
|
-
plugins: (typeof
|
13
|
+
plugins: (typeof typography__default | {
|
13
14
|
handler: () => void;
|
14
15
|
} | {
|
15
16
|
handler: tailwindcss_types_config.PluginCreator;
|
@@ -210,10 +211,10 @@ declare function createPreset(options?: PluginOption): {
|
|
210
211
|
};
|
211
212
|
};
|
212
213
|
};
|
213
|
-
declare const
|
214
|
+
declare const preset: {
|
214
215
|
darkMode: "class";
|
215
216
|
content: never[];
|
216
|
-
plugins: (typeof
|
217
|
+
plugins: (typeof typography__default | {
|
217
218
|
handler: () => void;
|
218
219
|
} | {
|
219
220
|
handler: tailwindcss_types_config.PluginCreator;
|
@@ -415,4 +416,4 @@ declare const _default: {
|
|
415
416
|
};
|
416
417
|
};
|
417
418
|
|
418
|
-
export { createPreset,
|
419
|
+
export { createPreset, hasPreset, preset };
|
package/dist/preset.mjs
CHANGED
@@ -688,7 +688,7 @@ const autocomplete = plugin.withOptions(
|
|
688
688
|
[`@apply text-transparent`]: {}
|
689
689
|
},
|
690
690
|
[`.${prefix}autocomplete-icon`]: {
|
691
|
-
[`@apply opacity-
|
691
|
+
[`@apply opacity-50`]: {}
|
692
692
|
}
|
693
693
|
},
|
694
694
|
[`&.${prefix}autocomplete-label-float`]: {
|
@@ -1760,13 +1760,13 @@ const defaultButtonActionConfig = {
|
|
1760
1760
|
muted: {
|
1761
1761
|
text: "muted-500",
|
1762
1762
|
textDark: "white",
|
1763
|
-
bg: "
|
1763
|
+
bg: "muted-200",
|
1764
1764
|
bgDark: "muted-700/40",
|
1765
1765
|
bgHoverEnabled: "muted-100",
|
1766
1766
|
bgHoverEnabledDark: "muted-700/60",
|
1767
1767
|
bgActiveEnabled: "muted-200/50",
|
1768
1768
|
bgActiveEnabledDark: "muted-800",
|
1769
|
-
border: "muted-
|
1769
|
+
border: "muted-200",
|
1770
1770
|
borderDark: "muted-700/40",
|
1771
1771
|
borderActiveEnabledDark: "muted-800"
|
1772
1772
|
},
|
@@ -4732,6 +4732,11 @@ const input = plugin.withOptions(
|
|
4732
4732
|
[`.${prefix}input-action`]: {
|
4733
4733
|
[`@apply text-${config.input.action.text} absolute end-0 top-0 flex items-center justify-center transition-colors duration-${config.input.action.duration}`]: {}
|
4734
4734
|
},
|
4735
|
+
[`&.${prefix}input-focus`]: {
|
4736
|
+
[`.${prefix}input`]: {
|
4737
|
+
[`@apply focus:border-primary-500 dark:focus:border-primary-500`]: {}
|
4738
|
+
}
|
4739
|
+
},
|
4735
4740
|
[`&.${prefix}input-rounded`]: {
|
4736
4741
|
[`.${prefix}input`]: {
|
4737
4742
|
[`@apply rounded-${config.input.rounded.default}`]: {}
|
@@ -9868,8 +9873,15 @@ const shurikenUIUtilities = plugin.withOptions(
|
|
9868
9873
|
}
|
9869
9874
|
);
|
9870
9875
|
|
9876
|
+
const ShurikenUISymbol = "__is_shuriken_ui";
|
9877
|
+
function hasPreset(config) {
|
9878
|
+
if (config.presets && Array.isArray(config.presets)) {
|
9879
|
+
return config.presets.some((preset2) => preset2 && ShurikenUISymbol in preset2);
|
9880
|
+
}
|
9881
|
+
return false;
|
9882
|
+
}
|
9871
9883
|
function createPreset(options = {}) {
|
9872
|
-
|
9884
|
+
const config = {
|
9873
9885
|
darkMode: "class",
|
9874
9886
|
content: [],
|
9875
9887
|
plugins: [
|
@@ -9997,7 +10009,13 @@ function createPreset(options = {}) {
|
|
9997
10009
|
}
|
9998
10010
|
}
|
9999
10011
|
};
|
10012
|
+
Object.defineProperty(config, ShurikenUISymbol, {
|
10013
|
+
value: true,
|
10014
|
+
enumerable: false,
|
10015
|
+
writable: false
|
10016
|
+
});
|
10017
|
+
return config;
|
10000
10018
|
}
|
10001
|
-
const
|
10019
|
+
const preset = createPreset();
|
10002
10020
|
|
10003
|
-
export { createPreset,
|
10021
|
+
export { createPreset, hasPreset, preset };
|