@shuriken-ui/tailwind 1.0.0-beta.8 → 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.
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
  };