@shuriken-ui/tailwind 1.0.0-beta.7 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (19) hide show
  1. package/dist/colors.d.cts +2 -0
  2. package/dist/colors.d.mts +2 -0
  3. package/dist/colors.d.ts +1 -1
  4. package/dist/config.cjs +1 -1
  5. package/dist/config.d.cts +200 -0
  6. package/dist/config.d.mts +200 -0
  7. package/dist/config.d.ts +2 -15
  8. package/dist/config.mjs +2 -2
  9. package/dist/index.cjs +12 -5
  10. package/dist/index.d.cts +8 -0
  11. package/dist/index.d.mts +8 -0
  12. package/dist/index.d.ts +4 -627
  13. package/dist/index.mjs +11 -6
  14. package/dist/preset.cjs +68 -26
  15. package/dist/preset.d.cts +393 -0
  16. package/dist/preset.d.mts +393 -0
  17. package/dist/preset.d.ts +6 -31
  18. package/dist/preset.mjs +67 -24
  19. package/package.json +15 -15
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(userConfig: Config): Omit<Config, "presets" | "content"> & Omit<{
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 { defu } from 'defu';
2
- import config from './config.mjs';
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(userConfig) {
12
- return defu(userConfig, config);
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 };