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

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/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');
@@ -509,7 +507,7 @@ const autocomplete = plugin__default.withOptions(
509
507
  }
510
508
  },
511
509
  [`.${prefix}autocomplete-clear`]: {
512
- [`@apply text-${config.clear.text} hover:text-${config.clear.textHover} dark:hover:text-${config.clear.textHoverDark} absolute end-0 top-0 z-10 flex items-center justify-center transition-colors duration-${config.clear.duration} cursor-pointer`]: {},
510
+ [`@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`]: {},
513
511
  [`.${prefix}autocomplete-clear-inner`]: {
514
512
  [`@apply w-${config.clear.inner.size} h-${config.clear.inner.size}`]: {}
515
513
  }
@@ -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
  },
@@ -4228,13 +4226,19 @@ const inputFileRegular = plugin__default.withOptions(
4228
4226
  }
4229
4227
  },
4230
4228
  [`&.${prefix}input-sm:not(.${prefix}has-icon)`]: {
4231
- [`@apply h-8 py-2 text-${config.hasNotIcon.sm} leading-4 gap-1`]: {},
4229
+ [`@apply text-${config.hasNotIcon.sm} leading-4`]: {},
4230
+ [`.${prefix}input-file-inner`]: {
4231
+ [`@apply h-8 py-2 gap-1`]: {}
4232
+ },
4232
4233
  [`.${prefix}input-file-addon`]: {
4233
4234
  [`@apply h-8 px-2`]: {}
4234
4235
  }
4235
4236
  },
4236
4237
  [`&.${prefix}input-sm.${prefix}has-icon`]: {
4237
- [`@apply h-8 py-2 text-${config.hasIcon.sm.text} leading-4 pe-3`]: {},
4238
+ [`@apply text-${config.hasIcon.sm.text} leading-4`]: {},
4239
+ [`.${prefix}input-file-inner`]: {
4240
+ [`@apply h-8 py-2 pe-3`]: {}
4241
+ },
4238
4242
  [`.${prefix}input-file-addon`]: {
4239
4243
  [`@apply h-8 px-2`]: {}
4240
4244
  },
@@ -4243,13 +4247,19 @@ const inputFileRegular = plugin__default.withOptions(
4243
4247
  }
4244
4248
  },
4245
4249
  [`&.${prefix}input-md:not(.${prefix}has-icon)`]: {
4246
- [`@apply h-10 text-${config.hasNotIcon.md} leading-5 gap-2`]: {},
4250
+ [`@apply text-${config.hasNotIcon.md} leading-5`]: {},
4251
+ [`.${prefix}input-file-inner`]: {
4252
+ [`@apply h-10 gap-2`]: {}
4253
+ },
4247
4254
  [`.${prefix}input-file-addon`]: {
4248
4255
  [`@apply h-10 px-3`]: {}
4249
4256
  }
4250
4257
  },
4251
4258
  [`&.${prefix}input-md.${prefix}has-icon`]: {
4252
- [`@apply h-10 text-${config.hasIcon.md.text} leading-5 pe-4`]: {},
4259
+ [`@apply text-${config.hasIcon.md.text} leading-5`]: {},
4260
+ [`.${prefix}input-file-inner`]: {
4261
+ [`@apply h-10 pe-4`]: {}
4262
+ },
4253
4263
  [`.${prefix}input-file-addon`]: {
4254
4264
  [`@apply h-10 px-3`]: {}
4255
4265
  },
@@ -4258,13 +4268,19 @@ const inputFileRegular = plugin__default.withOptions(
4258
4268
  }
4259
4269
  },
4260
4270
  [`&.${prefix}input-lg:not(.${prefix}has-icon)`]: {
4261
- [`@apply h-12 text-${config.hasNotIcon.lg} leading-5 gap-2`]: {},
4271
+ [`@apply text-${config.hasNotIcon.lg} leading-5`]: {},
4272
+ [`.${prefix}input-file-inner`]: {
4273
+ [`@apply h-12 gap-2`]: {}
4274
+ },
4262
4275
  [`.${prefix}input-file-addon`]: {
4263
4276
  [`@apply h-12 px-4`]: {}
4264
4277
  }
4265
4278
  },
4266
4279
  [`&.${prefix}input-lg.${prefix}has-icon`]: {
4267
- [`@apply h-12 text-${config.hasIcon.lg.text} leading-5 pe-4`]: {},
4280
+ [`@apply text-${config.hasIcon.lg.text} leading-5`]: {},
4281
+ [`.${prefix}input-file-inner`]: {
4282
+ [`@apply h-12 pe-4`]: {}
4283
+ },
4268
4284
  [`.${prefix}input-file-addon`]: {
4269
4285
  [`@apply h-12 px-4`]: {}
4270
4286
  },
@@ -4745,6 +4761,11 @@ const input = plugin__default.withOptions(
4745
4761
  [`.${prefix}input-action`]: {
4746
4762
  [`@apply text-${config.input.action.text} absolute end-0 top-0 flex items-center justify-center transition-colors duration-${config.input.action.duration}`]: {}
4747
4763
  },
4764
+ [`&.${prefix}input-focus`]: {
4765
+ [`.${prefix}input`]: {
4766
+ [`@apply focus:border-primary-500 dark:focus:border-primary-500`]: {}
4767
+ }
4768
+ },
4748
4769
  [`&.${prefix}input-rounded`]: {
4749
4770
  [`.${prefix}input`]: {
4750
4771
  [`@apply rounded-${config.input.rounded.default}`]: {}
@@ -6970,11 +6991,27 @@ const progress = plugin__default.withOptions(
6970
6991
  });
6971
6992
  };
6972
6993
  },
6973
- function() {
6994
+ function(options) {
6995
+ let { prefix } = defu.defu(options, defaultPluginOptions);
6996
+ if (prefix) {
6997
+ prefix = `${prefix}-`;
6998
+ }
6974
6999
  return {
6975
7000
  theme: {
6976
7001
  shurikenUi: {
6977
7002
  progress: defaultProgressConfig
7003
+ },
7004
+ extend: {
7005
+ keyframes: {
7006
+ [`${prefix}progress-indeterminate`]: {
7007
+ "0%": { "margin-left": "-100%" },
7008
+ "60%": { "margin-left": "100%" },
7009
+ "100%": { "margin-left": "-100%" }
7010
+ }
7011
+ },
7012
+ animation: {
7013
+ [`${prefix}progress-indeterminate`]: `${prefix}progress-indeterminate 3s linear infinite forwards`
7014
+ }
6978
7015
  }
6979
7016
  }
6980
7017
  };
@@ -9881,8 +9918,15 @@ const shurikenUIUtilities = plugin__default.withOptions(
9881
9918
  }
9882
9919
  );
9883
9920
 
9921
+ const ShurikenUISymbol = "__is_shuriken_ui";
9922
+ function hasPreset(config) {
9923
+ if (config.presets && Array.isArray(config.presets)) {
9924
+ return config.presets.some((preset2) => preset2 && ShurikenUISymbol in preset2);
9925
+ }
9926
+ return false;
9927
+ }
9884
9928
  function createPreset(options = {}) {
9885
- return {
9929
+ const config = {
9886
9930
  darkMode: "class",
9887
9931
  content: [],
9888
9932
  plugins: [
@@ -9997,21 +10041,19 @@ function createPreset(options = {}) {
9997
10041
  fontSize: "0.95rem !important"
9998
10042
  }
9999
10043
  }
10000
- }),
10001
- keyframes: {
10002
- "nui-indeterminate": {
10003
- "0%": { "margin-left": "-10%" },
10004
- "100%": { "margin-left": "100%" }
10005
- }
10006
- },
10007
- animation: {
10008
- "nui-indeterminate": "nui-indeterminate 1s cubic-bezier(0.4, 0, 0.2, 1) infinite"
10009
- }
10044
+ })
10010
10045
  }
10011
10046
  }
10012
10047
  };
10048
+ Object.defineProperty(config, ShurikenUISymbol, {
10049
+ value: true,
10050
+ enumerable: false,
10051
+ writable: false
10052
+ });
10053
+ return config;
10013
10054
  }
10014
- const shurikenUIPreset = createPreset();
10055
+ const preset = createPreset();
10015
10056
 
10016
10057
  exports.createPreset = createPreset;
10017
- exports.default = shurikenUIPreset;
10058
+ exports.hasPreset = hasPreset;
10059
+ exports.preset = preset;
@@ -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 };