@shuriken-ui/tailwind 1.0.0-beta.1 → 1.0.0-beta.3

Sign up to get free protection for your applications and to get access to all the features.
package/dist/preset.d.ts CHANGED
@@ -1,9 +1,12 @@
1
- import { P as PluginOption } from './options-cff79ff9.js';
2
1
  import * as tailwindcss_types_config from 'tailwindcss/types/config';
3
2
  import { Config } from 'tailwindcss';
4
3
  import _tailwindcss_typography__default from '@tailwindcss/typography';
5
4
 
6
- declare const _default: {
5
+ interface PluginOption {
6
+ prefix?: string;
7
+ }
8
+
9
+ declare function createPreset(options?: PluginOption): {
7
10
  darkMode: "class";
8
11
  content: never[];
9
12
  plugins: (typeof _tailwindcss_typography__default | {
@@ -11,12 +14,210 @@ declare const _default: {
11
14
  } | {
12
15
  handler: tailwindcss_types_config.PluginCreator;
13
16
  config?: Partial<Config> | undefined;
14
- } | {
15
- (options: PluginOption): {
16
- handler: tailwindcss_types_config.PluginCreator;
17
- config?: Partial<Config> | undefined;
17
+ })[];
18
+ theme: {
19
+ fontFamily: {
20
+ sans: string[];
21
+ heading: string[];
22
+ alt: string[];
23
+ mono: string[];
24
+ };
25
+ extend: {
26
+ colors: {
27
+ muted: {
28
+ '50': "#f8fafc";
29
+ '100': "#f1f5f9";
30
+ '200': "#e2e8f0";
31
+ '300': "#cbd5e1";
32
+ '400': "#94a3b8";
33
+ '500': "#64748b";
34
+ '600': "#475569";
35
+ '700': "#334155";
36
+ '800': "#1e293b";
37
+ '900': "#0f172a";
38
+ '950': "#020617";
39
+ };
40
+ primary: {
41
+ '50': "#f5f3ff";
42
+ '100': "#ede9fe";
43
+ '200': "#ddd6fe";
44
+ '300': "#c4b5fd";
45
+ '400': "#a78bfa";
46
+ '500': "#8b5cf6";
47
+ '600': "#7c3aed";
48
+ '700': "#6d28d9";
49
+ '800': "#5b21b6";
50
+ '900': "#4c1d95";
51
+ '950': "#2e1065";
52
+ };
53
+ info: {
54
+ '50': "#f0f9ff";
55
+ '100': "#e0f2fe";
56
+ '200': "#bae6fd";
57
+ '300': "#7dd3fc";
58
+ '400': "#38bdf8";
59
+ '500': "#0ea5e9";
60
+ '600': "#0284c7";
61
+ '700': "#0369a1";
62
+ '800': "#075985";
63
+ '900': "#0c4a6e";
64
+ '950': "#082f49";
65
+ };
66
+ success: {
67
+ '50': "#f0fdfa";
68
+ '100': "#ccfbf1";
69
+ '200': "#99f6e4";
70
+ '300': "#5eead4";
71
+ '400': "#2dd4bf";
72
+ '500': "#14b8a6";
73
+ '600': "#0d9488";
74
+ '700': "#0f766e";
75
+ '800': "#115e59";
76
+ '900': "#134e4a";
77
+ '950': "#042f2e";
78
+ };
79
+ warning: {
80
+ '50': "#fffbeb";
81
+ '100': "#fef3c7";
82
+ '200': "#fde68a";
83
+ '300': "#fcd34d";
84
+ '400': "#fbbf24";
85
+ '500': "#f59e0b";
86
+ '600': "#d97706";
87
+ '700': "#b45309";
88
+ '800': "#92400e";
89
+ '900': "#78350f";
90
+ '950': "#451a03";
91
+ };
92
+ danger: {
93
+ '50': "#fff1f2";
94
+ '100': "#ffe4e6";
95
+ '200': "#fecdd3";
96
+ '300': "#fda4af";
97
+ '400': "#fb7185";
98
+ '500': "#f43f5e";
99
+ '600': "#e11d48";
100
+ '700': "#be123c";
101
+ '800': "#9f1239";
102
+ '900': "#881337";
103
+ '950': "#4c0519";
104
+ };
105
+ };
106
+ screens: {
107
+ xs: {
108
+ max: string;
109
+ };
110
+ lg: string;
111
+ ptablet: {
112
+ raw: string;
113
+ };
114
+ ltablet: {
115
+ raw: string;
116
+ };
117
+ };
118
+ typography: ({ theme }: any) => {
119
+ primary: {
120
+ css: {
121
+ '--tw-prose-links': any;
122
+ '--tw-prose-quote-borders': any;
123
+ '--tw-prose-invert-links': any;
124
+ '--tw-prose-invert-quote-borders': any;
125
+ };
126
+ };
127
+ muted: {
128
+ css: {
129
+ '--tw-prose-body': any;
130
+ '--tw-prose-headings': any;
131
+ '--tw-prose-lead': any;
132
+ '--tw-prose-bold': any;
133
+ '--tw-prose-counters': any;
134
+ '--tw-prose-bullets': any;
135
+ '--tw-prose-hr': any;
136
+ '--tw-prose-quotes': any;
137
+ '--tw-prose-captions': any;
138
+ '--tw-prose-code': any;
139
+ '--tw-prose-pre-code': any;
140
+ '--tw-prose-pre-bg': any;
141
+ '--tw-prose-th-borders': any;
142
+ '--tw-prose-td-borders': any;
143
+ '--tw-prose-invert-body': any;
144
+ '--tw-prose-invert-headings': any;
145
+ '--tw-prose-invert-lead': any;
146
+ '--tw-prose-invert-bold': any;
147
+ '--tw-prose-invert-counters': any;
148
+ '--tw-prose-invert-bullets': any;
149
+ '--tw-prose-invert-hr': any;
150
+ '--tw-prose-invert-quotes': any;
151
+ '--tw-prose-invert-captions': any;
152
+ '--tw-prose-invert-code': any;
153
+ '--tw-prose-invert-pre-code': any;
154
+ '--tw-prose-invert-pre-bg': any;
155
+ '--tw-prose-invert-th-borders': any;
156
+ '--tw-prose-invert-td-borders': any;
157
+ };
158
+ };
159
+ css: {
160
+ h1: {
161
+ fontWeight: number;
162
+ };
163
+ h2: {
164
+ fontWeight: number;
165
+ };
166
+ h3: {
167
+ fontWeight: number;
168
+ };
169
+ h4: {
170
+ fontWeight: number;
171
+ };
172
+ li: {
173
+ fontSize: string;
174
+ padding: string;
175
+ };
176
+ em: {
177
+ fontSize: string;
178
+ lineHeight: number;
179
+ };
180
+ blockquote: {
181
+ fontSize: string;
182
+ lineHeight: number;
183
+ fontWeight: number;
184
+ padding: string;
185
+ };
186
+ pre: {
187
+ fontFamily: any;
188
+ };
189
+ code: {
190
+ fontFamily: any;
191
+ padding: string;
192
+ fontWeight: number;
193
+ fontSize: string;
194
+ };
195
+ };
196
+ };
197
+ keyframes: {
198
+ 'nui-indeterminate': {
199
+ '0%': {
200
+ 'margin-left': string;
201
+ };
202
+ '100%': {
203
+ 'margin-left': string;
204
+ };
205
+ };
206
+ };
207
+ animation: {
208
+ 'nui-indeterminate': string;
209
+ };
18
210
  };
19
- __isOptionsFunction: true;
211
+ };
212
+ };
213
+ declare const _default: {
214
+ darkMode: "class";
215
+ content: never[];
216
+ plugins: (typeof _tailwindcss_typography__default | {
217
+ handler: () => void;
218
+ } | {
219
+ handler: tailwindcss_types_config.PluginCreator;
220
+ config?: Partial<Config> | undefined;
20
221
  })[];
21
222
  theme: {
22
223
  fontFamily: {
@@ -214,4 +415,4 @@ declare const _default: {
214
415
  };
215
416
  };
216
417
 
217
- export { _default as default };
418
+ export { createPreset, _default as default };