@shuriken-ui/tailwind 1.0.0-beta.8 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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
|
};
|