@shuriken-ui/tailwind 1.0.0-beta.8 → 1.0.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/colors.d.cts +2 -0
- package/dist/colors.d.mts +2 -0
- package/dist/colors.d.ts +1 -1
- package/dist/config.d.cts +200 -0
- package/dist/config.d.mts +200 -0
- package/dist/config.d.ts +0 -13
- package/dist/index.d.cts +8 -0
- package/dist/index.d.mts +8 -0
- package/dist/preset.cjs +123 -23
- package/dist/preset.d.cts +393 -0
- package/dist/preset.d.mts +393 -0
- package/dist/preset.d.ts +0 -26
- package/dist/preset.mjs +123 -23
- package/package.json +15 -15
|
@@ -0,0 +1,393 @@
|
|
|
1
|
+
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
2
|
+
import { Config } from 'tailwindcss';
|
|
3
|
+
import typography__default from '@tailwindcss/typography';
|
|
4
|
+
|
|
5
|
+
interface PluginOption {
|
|
6
|
+
prefix?: string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
declare function hasPreset(config: Config): boolean;
|
|
10
|
+
declare function createPreset(options?: PluginOption): {
|
|
11
|
+
darkMode: "class";
|
|
12
|
+
content: never[];
|
|
13
|
+
plugins: (typeof typography__default | {
|
|
14
|
+
handler: () => void;
|
|
15
|
+
} | {
|
|
16
|
+
handler: tailwindcss_types_config.PluginCreator;
|
|
17
|
+
config?: Partial<Config> | undefined;
|
|
18
|
+
})[];
|
|
19
|
+
theme: {
|
|
20
|
+
fontFamily: {
|
|
21
|
+
sans: string[];
|
|
22
|
+
heading: string[];
|
|
23
|
+
alt: string[];
|
|
24
|
+
mono: string[];
|
|
25
|
+
};
|
|
26
|
+
extend: {
|
|
27
|
+
colors: {
|
|
28
|
+
muted: {
|
|
29
|
+
'50': "#f8fafc";
|
|
30
|
+
'100': "#f1f5f9";
|
|
31
|
+
'200': "#e2e8f0";
|
|
32
|
+
'300': "#cbd5e1";
|
|
33
|
+
'400': "#94a3b8";
|
|
34
|
+
'500': "#64748b";
|
|
35
|
+
'600': "#475569";
|
|
36
|
+
'700': "#334155";
|
|
37
|
+
'800': "#1e293b";
|
|
38
|
+
'900': "#0f172a";
|
|
39
|
+
'950': "#020617";
|
|
40
|
+
};
|
|
41
|
+
primary: {
|
|
42
|
+
'50': "#f5f3ff";
|
|
43
|
+
'100': "#ede9fe";
|
|
44
|
+
'200': "#ddd6fe";
|
|
45
|
+
'300': "#c4b5fd";
|
|
46
|
+
'400': "#a78bfa";
|
|
47
|
+
'500': "#8b5cf6";
|
|
48
|
+
'600': "#7c3aed";
|
|
49
|
+
'700': "#6d28d9";
|
|
50
|
+
'800': "#5b21b6";
|
|
51
|
+
'900': "#4c1d95";
|
|
52
|
+
'950': "#2e1065";
|
|
53
|
+
};
|
|
54
|
+
info: {
|
|
55
|
+
'50': "#f0f9ff";
|
|
56
|
+
'100': "#e0f2fe";
|
|
57
|
+
'200': "#bae6fd";
|
|
58
|
+
'300': "#7dd3fc";
|
|
59
|
+
'400': "#38bdf8";
|
|
60
|
+
'500': "#0ea5e9";
|
|
61
|
+
'600': "#0284c7";
|
|
62
|
+
'700': "#0369a1";
|
|
63
|
+
'800': "#075985";
|
|
64
|
+
'900': "#0c4a6e";
|
|
65
|
+
'950': "#082f49";
|
|
66
|
+
};
|
|
67
|
+
success: {
|
|
68
|
+
'50': "#f0fdfa";
|
|
69
|
+
'100': "#ccfbf1";
|
|
70
|
+
'200': "#99f6e4";
|
|
71
|
+
'300': "#5eead4";
|
|
72
|
+
'400': "#2dd4bf";
|
|
73
|
+
'500': "#14b8a6";
|
|
74
|
+
'600': "#0d9488";
|
|
75
|
+
'700': "#0f766e";
|
|
76
|
+
'800': "#115e59";
|
|
77
|
+
'900': "#134e4a";
|
|
78
|
+
'950': "#042f2e";
|
|
79
|
+
};
|
|
80
|
+
warning: {
|
|
81
|
+
'50': "#fffbeb";
|
|
82
|
+
'100': "#fef3c7";
|
|
83
|
+
'200': "#fde68a";
|
|
84
|
+
'300': "#fcd34d";
|
|
85
|
+
'400': "#fbbf24";
|
|
86
|
+
'500': "#f59e0b";
|
|
87
|
+
'600': "#d97706";
|
|
88
|
+
'700': "#b45309";
|
|
89
|
+
'800': "#92400e";
|
|
90
|
+
'900': "#78350f";
|
|
91
|
+
'950': "#451a03";
|
|
92
|
+
};
|
|
93
|
+
danger: {
|
|
94
|
+
'50': "#fff1f2";
|
|
95
|
+
'100': "#ffe4e6";
|
|
96
|
+
'200': "#fecdd3";
|
|
97
|
+
'300': "#fda4af";
|
|
98
|
+
'400': "#fb7185";
|
|
99
|
+
'500': "#f43f5e";
|
|
100
|
+
'600': "#e11d48";
|
|
101
|
+
'700': "#be123c";
|
|
102
|
+
'800': "#9f1239";
|
|
103
|
+
'900': "#881337";
|
|
104
|
+
'950': "#4c0519";
|
|
105
|
+
};
|
|
106
|
+
};
|
|
107
|
+
screens: {
|
|
108
|
+
xs: {
|
|
109
|
+
max: string;
|
|
110
|
+
};
|
|
111
|
+
lg: string;
|
|
112
|
+
ptablet: {
|
|
113
|
+
raw: string;
|
|
114
|
+
};
|
|
115
|
+
ltablet: {
|
|
116
|
+
raw: string;
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
typography: ({ theme }: any) => {
|
|
120
|
+
primary: {
|
|
121
|
+
css: {
|
|
122
|
+
'--tw-prose-links': any;
|
|
123
|
+
'--tw-prose-quote-borders': any;
|
|
124
|
+
'--tw-prose-invert-links': any;
|
|
125
|
+
'--tw-prose-invert-quote-borders': any;
|
|
126
|
+
};
|
|
127
|
+
};
|
|
128
|
+
muted: {
|
|
129
|
+
css: {
|
|
130
|
+
'--tw-prose-body': any;
|
|
131
|
+
'--tw-prose-headings': any;
|
|
132
|
+
'--tw-prose-lead': any;
|
|
133
|
+
'--tw-prose-bold': any;
|
|
134
|
+
'--tw-prose-counters': any;
|
|
135
|
+
'--tw-prose-bullets': any;
|
|
136
|
+
'--tw-prose-hr': any;
|
|
137
|
+
'--tw-prose-quotes': any;
|
|
138
|
+
'--tw-prose-captions': any;
|
|
139
|
+
'--tw-prose-code': any;
|
|
140
|
+
'--tw-prose-pre-code': any;
|
|
141
|
+
'--tw-prose-pre-bg': any;
|
|
142
|
+
'--tw-prose-th-borders': any;
|
|
143
|
+
'--tw-prose-td-borders': any;
|
|
144
|
+
'--tw-prose-invert-body': any;
|
|
145
|
+
'--tw-prose-invert-headings': any;
|
|
146
|
+
'--tw-prose-invert-lead': any;
|
|
147
|
+
'--tw-prose-invert-bold': any;
|
|
148
|
+
'--tw-prose-invert-counters': any;
|
|
149
|
+
'--tw-prose-invert-bullets': any;
|
|
150
|
+
'--tw-prose-invert-hr': any;
|
|
151
|
+
'--tw-prose-invert-quotes': any;
|
|
152
|
+
'--tw-prose-invert-captions': any;
|
|
153
|
+
'--tw-prose-invert-code': any;
|
|
154
|
+
'--tw-prose-invert-pre-code': any;
|
|
155
|
+
'--tw-prose-invert-pre-bg': any;
|
|
156
|
+
'--tw-prose-invert-th-borders': any;
|
|
157
|
+
'--tw-prose-invert-td-borders': any;
|
|
158
|
+
};
|
|
159
|
+
};
|
|
160
|
+
css: {
|
|
161
|
+
h1: {
|
|
162
|
+
fontWeight: number;
|
|
163
|
+
};
|
|
164
|
+
h2: {
|
|
165
|
+
fontWeight: number;
|
|
166
|
+
};
|
|
167
|
+
h3: {
|
|
168
|
+
fontWeight: number;
|
|
169
|
+
};
|
|
170
|
+
h4: {
|
|
171
|
+
fontWeight: number;
|
|
172
|
+
};
|
|
173
|
+
li: {
|
|
174
|
+
fontSize: string;
|
|
175
|
+
padding: string;
|
|
176
|
+
};
|
|
177
|
+
em: {
|
|
178
|
+
fontSize: string;
|
|
179
|
+
lineHeight: number;
|
|
180
|
+
};
|
|
181
|
+
blockquote: {
|
|
182
|
+
fontSize: string;
|
|
183
|
+
lineHeight: number;
|
|
184
|
+
fontWeight: number;
|
|
185
|
+
padding: string;
|
|
186
|
+
};
|
|
187
|
+
pre: {
|
|
188
|
+
fontFamily: any;
|
|
189
|
+
};
|
|
190
|
+
code: {
|
|
191
|
+
fontFamily: any;
|
|
192
|
+
padding: string;
|
|
193
|
+
fontWeight: number;
|
|
194
|
+
fontSize: string;
|
|
195
|
+
};
|
|
196
|
+
};
|
|
197
|
+
};
|
|
198
|
+
};
|
|
199
|
+
};
|
|
200
|
+
};
|
|
201
|
+
declare const preset: {
|
|
202
|
+
darkMode: "class";
|
|
203
|
+
content: never[];
|
|
204
|
+
plugins: (typeof typography__default | {
|
|
205
|
+
handler: () => void;
|
|
206
|
+
} | {
|
|
207
|
+
handler: tailwindcss_types_config.PluginCreator;
|
|
208
|
+
config?: Partial<Config> | undefined;
|
|
209
|
+
})[];
|
|
210
|
+
theme: {
|
|
211
|
+
fontFamily: {
|
|
212
|
+
sans: string[];
|
|
213
|
+
heading: string[];
|
|
214
|
+
alt: string[];
|
|
215
|
+
mono: string[];
|
|
216
|
+
};
|
|
217
|
+
extend: {
|
|
218
|
+
colors: {
|
|
219
|
+
muted: {
|
|
220
|
+
'50': "#f8fafc";
|
|
221
|
+
'100': "#f1f5f9";
|
|
222
|
+
'200': "#e2e8f0";
|
|
223
|
+
'300': "#cbd5e1";
|
|
224
|
+
'400': "#94a3b8";
|
|
225
|
+
'500': "#64748b";
|
|
226
|
+
'600': "#475569";
|
|
227
|
+
'700': "#334155";
|
|
228
|
+
'800': "#1e293b";
|
|
229
|
+
'900': "#0f172a";
|
|
230
|
+
'950': "#020617";
|
|
231
|
+
};
|
|
232
|
+
primary: {
|
|
233
|
+
'50': "#f5f3ff";
|
|
234
|
+
'100': "#ede9fe";
|
|
235
|
+
'200': "#ddd6fe";
|
|
236
|
+
'300': "#c4b5fd";
|
|
237
|
+
'400': "#a78bfa";
|
|
238
|
+
'500': "#8b5cf6";
|
|
239
|
+
'600': "#7c3aed";
|
|
240
|
+
'700': "#6d28d9";
|
|
241
|
+
'800': "#5b21b6";
|
|
242
|
+
'900': "#4c1d95";
|
|
243
|
+
'950': "#2e1065";
|
|
244
|
+
};
|
|
245
|
+
info: {
|
|
246
|
+
'50': "#f0f9ff";
|
|
247
|
+
'100': "#e0f2fe";
|
|
248
|
+
'200': "#bae6fd";
|
|
249
|
+
'300': "#7dd3fc";
|
|
250
|
+
'400': "#38bdf8";
|
|
251
|
+
'500': "#0ea5e9";
|
|
252
|
+
'600': "#0284c7";
|
|
253
|
+
'700': "#0369a1";
|
|
254
|
+
'800': "#075985";
|
|
255
|
+
'900': "#0c4a6e";
|
|
256
|
+
'950': "#082f49";
|
|
257
|
+
};
|
|
258
|
+
success: {
|
|
259
|
+
'50': "#f0fdfa";
|
|
260
|
+
'100': "#ccfbf1";
|
|
261
|
+
'200': "#99f6e4";
|
|
262
|
+
'300': "#5eead4";
|
|
263
|
+
'400': "#2dd4bf";
|
|
264
|
+
'500': "#14b8a6";
|
|
265
|
+
'600': "#0d9488";
|
|
266
|
+
'700': "#0f766e";
|
|
267
|
+
'800': "#115e59";
|
|
268
|
+
'900': "#134e4a";
|
|
269
|
+
'950': "#042f2e";
|
|
270
|
+
};
|
|
271
|
+
warning: {
|
|
272
|
+
'50': "#fffbeb";
|
|
273
|
+
'100': "#fef3c7";
|
|
274
|
+
'200': "#fde68a";
|
|
275
|
+
'300': "#fcd34d";
|
|
276
|
+
'400': "#fbbf24";
|
|
277
|
+
'500': "#f59e0b";
|
|
278
|
+
'600': "#d97706";
|
|
279
|
+
'700': "#b45309";
|
|
280
|
+
'800': "#92400e";
|
|
281
|
+
'900': "#78350f";
|
|
282
|
+
'950': "#451a03";
|
|
283
|
+
};
|
|
284
|
+
danger: {
|
|
285
|
+
'50': "#fff1f2";
|
|
286
|
+
'100': "#ffe4e6";
|
|
287
|
+
'200': "#fecdd3";
|
|
288
|
+
'300': "#fda4af";
|
|
289
|
+
'400': "#fb7185";
|
|
290
|
+
'500': "#f43f5e";
|
|
291
|
+
'600': "#e11d48";
|
|
292
|
+
'700': "#be123c";
|
|
293
|
+
'800': "#9f1239";
|
|
294
|
+
'900': "#881337";
|
|
295
|
+
'950': "#4c0519";
|
|
296
|
+
};
|
|
297
|
+
};
|
|
298
|
+
screens: {
|
|
299
|
+
xs: {
|
|
300
|
+
max: string;
|
|
301
|
+
};
|
|
302
|
+
lg: string;
|
|
303
|
+
ptablet: {
|
|
304
|
+
raw: string;
|
|
305
|
+
};
|
|
306
|
+
ltablet: {
|
|
307
|
+
raw: string;
|
|
308
|
+
};
|
|
309
|
+
};
|
|
310
|
+
typography: ({ theme }: any) => {
|
|
311
|
+
primary: {
|
|
312
|
+
css: {
|
|
313
|
+
'--tw-prose-links': any;
|
|
314
|
+
'--tw-prose-quote-borders': any;
|
|
315
|
+
'--tw-prose-invert-links': any;
|
|
316
|
+
'--tw-prose-invert-quote-borders': any;
|
|
317
|
+
};
|
|
318
|
+
};
|
|
319
|
+
muted: {
|
|
320
|
+
css: {
|
|
321
|
+
'--tw-prose-body': any;
|
|
322
|
+
'--tw-prose-headings': any;
|
|
323
|
+
'--tw-prose-lead': any;
|
|
324
|
+
'--tw-prose-bold': any;
|
|
325
|
+
'--tw-prose-counters': any;
|
|
326
|
+
'--tw-prose-bullets': any;
|
|
327
|
+
'--tw-prose-hr': any;
|
|
328
|
+
'--tw-prose-quotes': any;
|
|
329
|
+
'--tw-prose-captions': any;
|
|
330
|
+
'--tw-prose-code': any;
|
|
331
|
+
'--tw-prose-pre-code': any;
|
|
332
|
+
'--tw-prose-pre-bg': any;
|
|
333
|
+
'--tw-prose-th-borders': any;
|
|
334
|
+
'--tw-prose-td-borders': any;
|
|
335
|
+
'--tw-prose-invert-body': any;
|
|
336
|
+
'--tw-prose-invert-headings': any;
|
|
337
|
+
'--tw-prose-invert-lead': any;
|
|
338
|
+
'--tw-prose-invert-bold': any;
|
|
339
|
+
'--tw-prose-invert-counters': any;
|
|
340
|
+
'--tw-prose-invert-bullets': any;
|
|
341
|
+
'--tw-prose-invert-hr': any;
|
|
342
|
+
'--tw-prose-invert-quotes': any;
|
|
343
|
+
'--tw-prose-invert-captions': any;
|
|
344
|
+
'--tw-prose-invert-code': any;
|
|
345
|
+
'--tw-prose-invert-pre-code': any;
|
|
346
|
+
'--tw-prose-invert-pre-bg': any;
|
|
347
|
+
'--tw-prose-invert-th-borders': any;
|
|
348
|
+
'--tw-prose-invert-td-borders': any;
|
|
349
|
+
};
|
|
350
|
+
};
|
|
351
|
+
css: {
|
|
352
|
+
h1: {
|
|
353
|
+
fontWeight: number;
|
|
354
|
+
};
|
|
355
|
+
h2: {
|
|
356
|
+
fontWeight: number;
|
|
357
|
+
};
|
|
358
|
+
h3: {
|
|
359
|
+
fontWeight: number;
|
|
360
|
+
};
|
|
361
|
+
h4: {
|
|
362
|
+
fontWeight: number;
|
|
363
|
+
};
|
|
364
|
+
li: {
|
|
365
|
+
fontSize: string;
|
|
366
|
+
padding: string;
|
|
367
|
+
};
|
|
368
|
+
em: {
|
|
369
|
+
fontSize: string;
|
|
370
|
+
lineHeight: number;
|
|
371
|
+
};
|
|
372
|
+
blockquote: {
|
|
373
|
+
fontSize: string;
|
|
374
|
+
lineHeight: number;
|
|
375
|
+
fontWeight: number;
|
|
376
|
+
padding: string;
|
|
377
|
+
};
|
|
378
|
+
pre: {
|
|
379
|
+
fontFamily: any;
|
|
380
|
+
};
|
|
381
|
+
code: {
|
|
382
|
+
fontFamily: any;
|
|
383
|
+
padding: string;
|
|
384
|
+
fontWeight: number;
|
|
385
|
+
fontSize: string;
|
|
386
|
+
};
|
|
387
|
+
};
|
|
388
|
+
};
|
|
389
|
+
};
|
|
390
|
+
};
|
|
391
|
+
};
|
|
392
|
+
|
|
393
|
+
export { createPreset, hasPreset, preset };
|
package/dist/preset.d.ts
CHANGED
|
@@ -195,19 +195,6 @@ declare function createPreset(options?: PluginOption): {
|
|
|
195
195
|
};
|
|
196
196
|
};
|
|
197
197
|
};
|
|
198
|
-
keyframes: {
|
|
199
|
-
'nui-indeterminate': {
|
|
200
|
-
'0%': {
|
|
201
|
-
'margin-left': string;
|
|
202
|
-
};
|
|
203
|
-
'100%': {
|
|
204
|
-
'margin-left': string;
|
|
205
|
-
};
|
|
206
|
-
};
|
|
207
|
-
};
|
|
208
|
-
animation: {
|
|
209
|
-
'nui-indeterminate': string;
|
|
210
|
-
};
|
|
211
198
|
};
|
|
212
199
|
};
|
|
213
200
|
};
|
|
@@ -399,19 +386,6 @@ declare const preset: {
|
|
|
399
386
|
};
|
|
400
387
|
};
|
|
401
388
|
};
|
|
402
|
-
keyframes: {
|
|
403
|
-
'nui-indeterminate': {
|
|
404
|
-
'0%': {
|
|
405
|
-
'margin-left': string;
|
|
406
|
-
};
|
|
407
|
-
'100%': {
|
|
408
|
-
'margin-left': string;
|
|
409
|
-
};
|
|
410
|
-
};
|
|
411
|
-
};
|
|
412
|
-
animation: {
|
|
413
|
-
'nui-indeterminate': string;
|
|
414
|
-
};
|
|
415
389
|
};
|
|
416
390
|
};
|
|
417
391
|
};
|
package/dist/preset.mjs
CHANGED
|
@@ -496,7 +496,7 @@ const autocomplete = plugin.withOptions(
|
|
|
496
496
|
}
|
|
497
497
|
},
|
|
498
498
|
[`.${prefix}autocomplete-clear`]: {
|
|
499
|
-
[`@apply text-${config.clear.text} hover:text-${config.clear.textHover} dark:hover:text-${config.clear.textHoverDark} absolute end-0 top-0 z-
|
|
499
|
+
[`@apply text-${config.clear.text} hover:text-${config.clear.textHover} dark:hover:text-${config.clear.textHoverDark} absolute end-0 top-0 z-auto flex items-center justify-center transition-colors duration-${config.clear.duration} cursor-pointer`]: {},
|
|
500
500
|
[`.${prefix}autocomplete-clear-inner`]: {
|
|
501
501
|
[`@apply w-${config.clear.inner.size} h-${config.clear.inner.size}`]: {}
|
|
502
502
|
}
|
|
@@ -1700,10 +1700,10 @@ const breadcrumb = plugin.withOptions(
|
|
|
1700
1700
|
[`@apply me-3 sm:hidden`]: {}
|
|
1701
1701
|
},
|
|
1702
1702
|
[`.${prefix}breadcrumb-item:not(:last-child)`]: {
|
|
1703
|
-
[`@apply flex`]: {}
|
|
1703
|
+
[`@apply hidden sm:flex`]: {}
|
|
1704
1704
|
},
|
|
1705
1705
|
[`.${prefix}breadcrumb-item:last-child`]: {
|
|
1706
|
-
[`@apply
|
|
1706
|
+
[`@apply flex`]: {}
|
|
1707
1707
|
},
|
|
1708
1708
|
[`.${prefix}item-inner`]: {
|
|
1709
1709
|
[`@apply text-${config.list.itemInner.text} flex items-center gap-x-1 transition-colors duration-${config.list.itemInner.duration}`]: {},
|
|
@@ -2056,6 +2056,9 @@ const buttonGroup = plugin.withOptions(
|
|
|
2056
2056
|
[`@apply flex`]: {},
|
|
2057
2057
|
[`.${prefix}button, .${prefix}button-action, .${prefix}button-icon`]: {
|
|
2058
2058
|
[`@apply !border-e-0`]: {},
|
|
2059
|
+
[`&:focus`]: {
|
|
2060
|
+
[`@apply !z-10 relative`]: {}
|
|
2061
|
+
},
|
|
2059
2062
|
[`&:not(:first-child):not(:last-child)`]: {
|
|
2060
2063
|
[`@apply !rounded-none`]: {}
|
|
2061
2064
|
},
|
|
@@ -2065,6 +2068,78 @@ const buttonGroup = plugin.withOptions(
|
|
|
2065
2068
|
[`&:last-child`]: {
|
|
2066
2069
|
[`@apply !border-e !rounded-s-none`]: {}
|
|
2067
2070
|
}
|
|
2071
|
+
},
|
|
2072
|
+
[`.${prefix}input-wrapper:not(:first-child):not(:last-child)`]: {
|
|
2073
|
+
[`.${prefix}input`]: {
|
|
2074
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
|
2075
|
+
[`&:focus`]: {
|
|
2076
|
+
[`@apply !z-10 relative`]: {}
|
|
2077
|
+
}
|
|
2078
|
+
}
|
|
2079
|
+
},
|
|
2080
|
+
[`.${prefix}input-wrapper:first-child`]: {
|
|
2081
|
+
[`.${prefix}input`]: {
|
|
2082
|
+
[`@apply !rounded-e-none`]: {},
|
|
2083
|
+
[`&:focus`]: {
|
|
2084
|
+
[`@apply !z-10 relative`]: {}
|
|
2085
|
+
}
|
|
2086
|
+
}
|
|
2087
|
+
},
|
|
2088
|
+
[`.${prefix}input-wrapper:last-child`]: {
|
|
2089
|
+
[`.${prefix}input`]: {
|
|
2090
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
|
2091
|
+
[`&:focus`]: {
|
|
2092
|
+
[`@apply !z-10 relative`]: {}
|
|
2093
|
+
}
|
|
2094
|
+
}
|
|
2095
|
+
},
|
|
2096
|
+
[`.${prefix}select-wrapper:not(:first-child):not(:last-child)`]: {
|
|
2097
|
+
[`.${prefix}select`]: {
|
|
2098
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
|
2099
|
+
[`&:focus`]: {
|
|
2100
|
+
[`@apply !z-10 relative`]: {}
|
|
2101
|
+
}
|
|
2102
|
+
}
|
|
2103
|
+
},
|
|
2104
|
+
[`.${prefix}select-wrapper:first-child`]: {
|
|
2105
|
+
[`.${prefix}select`]: {
|
|
2106
|
+
[`@apply !rounded-e-none`]: {},
|
|
2107
|
+
[`&:focus`]: {
|
|
2108
|
+
[`@apply !z-10 relative`]: {}
|
|
2109
|
+
}
|
|
2110
|
+
}
|
|
2111
|
+
},
|
|
2112
|
+
[`.${prefix}select-wrapper:last-child`]: {
|
|
2113
|
+
[`.${prefix}select`]: {
|
|
2114
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
|
2115
|
+
[`&:focus`]: {
|
|
2116
|
+
[`@apply !z-10 relative`]: {}
|
|
2117
|
+
}
|
|
2118
|
+
}
|
|
2119
|
+
},
|
|
2120
|
+
[`.${prefix}dropdown:not(:first-child):not(:last-child)`]: {
|
|
2121
|
+
[`.${prefix}nui-button`]: {
|
|
2122
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
|
2123
|
+
[`&:focus`]: {
|
|
2124
|
+
[`@apply !z-10 relative`]: {}
|
|
2125
|
+
}
|
|
2126
|
+
}
|
|
2127
|
+
},
|
|
2128
|
+
[`.${prefix}dropdown:first-child`]: {
|
|
2129
|
+
[`.${prefix}nui-button`]: {
|
|
2130
|
+
[`@apply !rounded-e-none`]: {},
|
|
2131
|
+
[`&:focus`]: {
|
|
2132
|
+
[`@apply !z-10 relative`]: {}
|
|
2133
|
+
}
|
|
2134
|
+
}
|
|
2135
|
+
},
|
|
2136
|
+
[`.${prefix}dropdown:last-child`]: {
|
|
2137
|
+
[`.${prefix}nui-button`]: {
|
|
2138
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
|
2139
|
+
[`&:focus`]: {
|
|
2140
|
+
[`@apply !z-10 relative`]: {}
|
|
2141
|
+
}
|
|
2142
|
+
}
|
|
2068
2143
|
}
|
|
2069
2144
|
}
|
|
2070
2145
|
});
|
|
@@ -4215,13 +4290,19 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4215
4290
|
}
|
|
4216
4291
|
},
|
|
4217
4292
|
[`&.${prefix}input-sm:not(.${prefix}has-icon)`]: {
|
|
4218
|
-
[`@apply
|
|
4293
|
+
[`@apply text-${config.hasNotIcon.sm} leading-4`]: {},
|
|
4294
|
+
[`.${prefix}input-file-inner`]: {
|
|
4295
|
+
[`@apply h-8 py-2 gap-1`]: {}
|
|
4296
|
+
},
|
|
4219
4297
|
[`.${prefix}input-file-addon`]: {
|
|
4220
4298
|
[`@apply h-8 px-2`]: {}
|
|
4221
4299
|
}
|
|
4222
4300
|
},
|
|
4223
4301
|
[`&.${prefix}input-sm.${prefix}has-icon`]: {
|
|
4224
|
-
[`@apply
|
|
4302
|
+
[`@apply text-${config.hasIcon.sm.text} leading-4`]: {},
|
|
4303
|
+
[`.${prefix}input-file-inner`]: {
|
|
4304
|
+
[`@apply h-8 py-2 pe-3`]: {}
|
|
4305
|
+
},
|
|
4225
4306
|
[`.${prefix}input-file-addon`]: {
|
|
4226
4307
|
[`@apply h-8 px-2`]: {}
|
|
4227
4308
|
},
|
|
@@ -4230,13 +4311,19 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4230
4311
|
}
|
|
4231
4312
|
},
|
|
4232
4313
|
[`&.${prefix}input-md:not(.${prefix}has-icon)`]: {
|
|
4233
|
-
[`@apply
|
|
4314
|
+
[`@apply text-${config.hasNotIcon.md} leading-5`]: {},
|
|
4315
|
+
[`.${prefix}input-file-inner`]: {
|
|
4316
|
+
[`@apply h-10 gap-2`]: {}
|
|
4317
|
+
},
|
|
4234
4318
|
[`.${prefix}input-file-addon`]: {
|
|
4235
4319
|
[`@apply h-10 px-3`]: {}
|
|
4236
4320
|
}
|
|
4237
4321
|
},
|
|
4238
4322
|
[`&.${prefix}input-md.${prefix}has-icon`]: {
|
|
4239
|
-
[`@apply
|
|
4323
|
+
[`@apply text-${config.hasIcon.md.text} leading-5`]: {},
|
|
4324
|
+
[`.${prefix}input-file-inner`]: {
|
|
4325
|
+
[`@apply h-10 pe-4`]: {}
|
|
4326
|
+
},
|
|
4240
4327
|
[`.${prefix}input-file-addon`]: {
|
|
4241
4328
|
[`@apply h-10 px-3`]: {}
|
|
4242
4329
|
},
|
|
@@ -4245,13 +4332,19 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4245
4332
|
}
|
|
4246
4333
|
},
|
|
4247
4334
|
[`&.${prefix}input-lg:not(.${prefix}has-icon)`]: {
|
|
4248
|
-
[`@apply
|
|
4335
|
+
[`@apply text-${config.hasNotIcon.lg} leading-5`]: {},
|
|
4336
|
+
[`.${prefix}input-file-inner`]: {
|
|
4337
|
+
[`@apply h-12 gap-2`]: {}
|
|
4338
|
+
},
|
|
4249
4339
|
[`.${prefix}input-file-addon`]: {
|
|
4250
4340
|
[`@apply h-12 px-4`]: {}
|
|
4251
4341
|
}
|
|
4252
4342
|
},
|
|
4253
4343
|
[`&.${prefix}input-lg.${prefix}has-icon`]: {
|
|
4254
|
-
[`@apply
|
|
4344
|
+
[`@apply text-${config.hasIcon.lg.text} leading-5`]: {},
|
|
4345
|
+
[`.${prefix}input-file-inner`]: {
|
|
4346
|
+
[`@apply h-12 pe-4`]: {}
|
|
4347
|
+
},
|
|
4255
4348
|
[`.${prefix}input-file-addon`]: {
|
|
4256
4349
|
[`@apply h-12 px-4`]: {}
|
|
4257
4350
|
},
|
|
@@ -4706,7 +4799,7 @@ const input = plugin.withOptions(
|
|
|
4706
4799
|
[`@apply relative`]: {}
|
|
4707
4800
|
},
|
|
4708
4801
|
[`.${prefix}input-icon`]: {
|
|
4709
|
-
[`@apply text-${config.icon.text} absolute start-0 top-0 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
|
4802
|
+
[`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
|
4710
4803
|
},
|
|
4711
4804
|
[`.${prefix}input-error-text`]: {
|
|
4712
4805
|
[`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
|
|
@@ -6962,11 +7055,27 @@ const progress = plugin.withOptions(
|
|
|
6962
7055
|
});
|
|
6963
7056
|
};
|
|
6964
7057
|
},
|
|
6965
|
-
function() {
|
|
7058
|
+
function(options) {
|
|
7059
|
+
let { prefix } = defu(options, defaultPluginOptions);
|
|
7060
|
+
if (prefix) {
|
|
7061
|
+
prefix = `${prefix}-`;
|
|
7062
|
+
}
|
|
6966
7063
|
return {
|
|
6967
7064
|
theme: {
|
|
6968
7065
|
shurikenUi: {
|
|
6969
7066
|
progress: defaultProgressConfig
|
|
7067
|
+
},
|
|
7068
|
+
extend: {
|
|
7069
|
+
keyframes: {
|
|
7070
|
+
[`${prefix}progress-indeterminate`]: {
|
|
7071
|
+
"0%": { "margin-left": "-100%" },
|
|
7072
|
+
"60%": { "margin-left": "100%" },
|
|
7073
|
+
"100%": { "margin-left": "-100%" }
|
|
7074
|
+
}
|
|
7075
|
+
},
|
|
7076
|
+
animation: {
|
|
7077
|
+
[`${prefix}progress-indeterminate`]: `${prefix}progress-indeterminate 3s linear infinite forwards`
|
|
7078
|
+
}
|
|
6970
7079
|
}
|
|
6971
7080
|
}
|
|
6972
7081
|
};
|
|
@@ -7343,7 +7452,7 @@ const select = plugin.withOptions(
|
|
|
7343
7452
|
[`@apply relative`]: {}
|
|
7344
7453
|
},
|
|
7345
7454
|
[`.${prefix}select-icon`]: {
|
|
7346
|
-
[`@apply text-${config.icon.text} absolute start-0 top-0 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
|
7455
|
+
[`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
|
7347
7456
|
},
|
|
7348
7457
|
[`.${prefix}select-error-text`]: {
|
|
7349
7458
|
[`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
|
|
@@ -7371,7 +7480,7 @@ const select = plugin.withOptions(
|
|
|
7371
7480
|
},
|
|
7372
7481
|
[`.${prefix}select-chevron`]: {
|
|
7373
7482
|
"@apply pointer-events-none": {},
|
|
7374
|
-
[`@apply text-${config.select.chevron.text} absolute end-0 top-0 flex items-center justify-center transition-transform duration-${config.select.chevron.duration}`]: {}
|
|
7483
|
+
[`@apply text-${config.select.chevron.text} absolute end-0 top-0 z-20 flex items-center justify-center transition-transform duration-${config.select.chevron.duration}`]: {}
|
|
7375
7484
|
},
|
|
7376
7485
|
[`&.${prefix}select-multiple`]: {
|
|
7377
7486
|
[`.${prefix}select`]: {
|
|
@@ -9996,16 +10105,7 @@ function createPreset(options = {}) {
|
|
|
9996
10105
|
fontSize: "0.95rem !important"
|
|
9997
10106
|
}
|
|
9998
10107
|
}
|
|
9999
|
-
})
|
|
10000
|
-
keyframes: {
|
|
10001
|
-
"nui-indeterminate": {
|
|
10002
|
-
"0%": { "margin-left": "-10%" },
|
|
10003
|
-
"100%": { "margin-left": "100%" }
|
|
10004
|
-
}
|
|
10005
|
-
},
|
|
10006
|
-
animation: {
|
|
10007
|
-
"nui-indeterminate": "nui-indeterminate 1s cubic-bezier(0.4, 0, 0.2, 1) infinite"
|
|
10008
|
-
}
|
|
10108
|
+
})
|
|
10009
10109
|
}
|
|
10010
10110
|
}
|
|
10011
10111
|
};
|