@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 CHANGED
@@ -11,7 +11,7 @@ require('defu');
11
11
 
12
12
  const config = {
13
13
  content: [],
14
- presets: [preset.default]
14
+ presets: [preset.preset]
15
15
  };
16
16
 
17
17
  module.exports = config;
package/dist/config.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as tailwindcss_types_config from 'tailwindcss/types/config';
2
- import * as _tailwindcss_typography from '@tailwindcss/typography';
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 _tailwindcss_typography | {
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 shurikenUIPreset from './preset.mjs';
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: [shurikenUIPreset]
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 defu = require('defu');
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(userConfig) {
14
- return defu.defu(userConfig, config);
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(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 };
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-0`]: {}
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: "white",
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-300",
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
- return {
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 shurikenUIPreset = createPreset();
10030
+ const preset = createPreset();
10015
10031
 
10016
10032
  exports.createPreset = createPreset;
10017
- exports.default = shurikenUIPreset;
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 _tailwindcss_typography__default from '@tailwindcss/typography';
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 _tailwindcss_typography__default | {
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 _default: {
214
+ declare const preset: {
214
215
  darkMode: "class";
215
216
  content: never[];
216
- plugins: (typeof _tailwindcss_typography__default | {
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, _default as default };
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-0`]: {}
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: "white",
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-300",
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
- return {
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 shurikenUIPreset = createPreset();
10019
+ const preset = createPreset();
10002
10020
 
10003
- export { createPreset, shurikenUIPreset as default };
10021
+ export { createPreset, hasPreset, preset };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shuriken-ui/tailwind",
3
- "version": "1.0.0-beta.7",
3
+ "version": "1.0.0-beta.8",
4
4
  "license": "MIT",
5
5
  "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
6
6
  "repository": "shuriken-ui/tailwind",