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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (14) 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.d.cts +200 -0
  5. package/dist/config.d.mts +200 -0
  6. package/dist/config.d.ts +0 -13
  7. package/dist/index.d.cts +8 -0
  8. package/dist/index.d.mts +8 -0
  9. package/dist/preset.cjs +43 -18
  10. package/dist/preset.d.cts +393 -0
  11. package/dist/preset.d.mts +393 -0
  12. package/dist/preset.d.ts +0 -26
  13. package/dist/preset.mjs +43 -18
  14. package/package.json +15 -15
package/dist/colors.d.cts ADDED
@@ -0,0 +1,2 @@
1
+
2
+ export { }
package/dist/colors.d.mts ADDED
@@ -0,0 +1,2 @@
1
+
2
+ export { }
package/dist/colors.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
 
2
- export { }
2
+ export { }
package/dist/config.d.cts ADDED
@@ -0,0 +1,200 @@
1
+ import * as tailwindcss_types_config from 'tailwindcss/types/config';
2
+ import * as typography from '@tailwindcss/typography';
3
+ import { Config } from 'tailwindcss';
4
+
5
+ declare const _default: {
6
+ content: never[];
7
+ presets: {
8
+ darkMode: "class";
9
+ content: never[];
10
+ plugins: (typeof 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
+ };
196
+ };
197
+ }[];
198
+ };
199
+
200
+ export { _default as default };
package/dist/config.d.mts ADDED
@@ -0,0 +1,200 @@
1
+ import * as tailwindcss_types_config from 'tailwindcss/types/config';
2
+ import * as typography from '@tailwindcss/typography';
3
+ import { Config } from 'tailwindcss';
4
+
5
+ declare const _default: {
6
+ content: never[];
7
+ presets: {
8
+ darkMode: "class";
9
+ content: never[];
10
+ plugins: (typeof 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
+ };
196
+ };
197
+ }[];
198
+ };
199
+
200
+ export { _default as default };
package/dist/config.d.ts CHANGED
@@ -192,19 +192,6 @@ declare const _default: {
192
192
  };
193
193
  };
194
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
195
  };
209
196
  };
210
197
  }[];
package/dist/index.d.cts ADDED
@@ -0,0 +1,8 @@
1
+ import { Config } from 'tailwindcss';
2
+ export { createPreset, hasPreset, preset } from './preset.cjs';
3
+ import 'tailwindcss/types/config';
4
+ import '@tailwindcss/typography';
5
+
6
+ declare function withShurikenUI(config: Config): Config;
7
+
8
+ export { withShurikenUI };
package/dist/index.d.mts ADDED
@@ -0,0 +1,8 @@
1
+ import { Config } from 'tailwindcss';
2
+ export { createPreset, hasPreset, preset } from './preset.mjs';
3
+ import 'tailwindcss/types/config';
4
+ import '@tailwindcss/typography';
5
+
6
+ declare function withShurikenUI(config: Config): Config;
7
+
8
+ export { withShurikenUI };
package/dist/preset.cjs CHANGED
@@ -507,7 +507,7 @@ const autocomplete = plugin__default.withOptions(
507
507
  }
508
508
  },
509
509
  [`.${prefix}autocomplete-clear`]: {
510
- [`@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`]: {},
511
511
  [`.${prefix}autocomplete-clear-inner`]: {
512
512
  [`@apply w-${config.clear.inner.size} h-${config.clear.inner.size}`]: {}
513
513
  }
@@ -4226,13 +4226,19 @@ const inputFileRegular = plugin__default.withOptions(
4226
4226
  }
4227
4227
  },
4228
4228
  [`&.${prefix}input-sm:not(.${prefix}has-icon)`]: {
4229
- [`@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
+ },
4230
4233
  [`.${prefix}input-file-addon`]: {
4231
4234
  [`@apply h-8 px-2`]: {}
4232
4235
  }
4233
4236
  },
4234
4237
  [`&.${prefix}input-sm.${prefix}has-icon`]: {
4235
- [`@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
+ },
4236
4242
  [`.${prefix}input-file-addon`]: {
4237
4243
  [`@apply h-8 px-2`]: {}
4238
4244
  },
@@ -4241,13 +4247,19 @@ const inputFileRegular = plugin__default.withOptions(
4241
4247
  }
4242
4248
  },
4243
4249
  [`&.${prefix}input-md:not(.${prefix}has-icon)`]: {
4244
- [`@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
+ },
4245
4254
  [`.${prefix}input-file-addon`]: {
4246
4255
  [`@apply h-10 px-3`]: {}
4247
4256
  }
4248
4257
  },
4249
4258
  [`&.${prefix}input-md.${prefix}has-icon`]: {
4250
- [`@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
+ },
4251
4263
  [`.${prefix}input-file-addon`]: {
4252
4264
  [`@apply h-10 px-3`]: {}
4253
4265
  },
@@ -4256,13 +4268,19 @@ const inputFileRegular = plugin__default.withOptions(
4256
4268
  }
4257
4269
  },
4258
4270
  [`&.${prefix}input-lg:not(.${prefix}has-icon)`]: {
4259
- [`@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
+ },
4260
4275
  [`.${prefix}input-file-addon`]: {
4261
4276
  [`@apply h-12 px-4`]: {}
4262
4277
  }
4263
4278
  },
4264
4279
  [`&.${prefix}input-lg.${prefix}has-icon`]: {
4265
- [`@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
+ },
4266
4284
  [`.${prefix}input-file-addon`]: {
4267
4285
  [`@apply h-12 px-4`]: {}
4268
4286
  },
@@ -6973,11 +6991,27 @@ const progress = plugin__default.withOptions(
6973
6991
  });
6974
6992
  };
6975
6993
  },
6976
- function() {
6994
+ function(options) {
6995
+ let { prefix } = defu.defu(options, defaultPluginOptions);
6996
+ if (prefix) {
6997
+ prefix = `${prefix}-`;
6998
+ }
6977
6999
  return {
6978
7000
  theme: {
6979
7001
  shurikenUi: {
6980
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
+ }
6981
7015
  }
6982
7016
  }
6983
7017
  };
@@ -10007,16 +10041,7 @@ function createPreset(options = {}) {
10007
10041
  fontSize: "0.95rem !important"
10008
10042
  }
10009
10043
  }
10010
- }),
10011
- keyframes: {
10012
- "nui-indeterminate": {
10013
- "0%": { "margin-left": "-10%" },
10014
- "100%": { "margin-left": "100%" }
10015
- }
10016
- },
10017
- animation: {
10018
- "nui-indeterminate": "nui-indeterminate 1s cubic-bezier(0.4, 0, 0.2, 1) infinite"
10019
- }
10044
+ })
10020
10045
  }
10021
10046
  }
10022
10047
  };