@shuriken-ui/tailwind 2.0.0-next.9 → 2.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +42 -4
- package/dist/config.cjs +4 -2
- package/dist/config.mjs +4 -2
- package/dist/index.cjs +4 -2
- package/dist/index.d.cts +5 -3
- package/dist/index.d.mts +5 -3
- package/dist/index.d.ts +5 -3
- package/dist/index.mjs +4 -2
- package/dist/plugins/index.cjs +17051 -0
- package/dist/plugins/index.d.cts +303 -0
- package/dist/plugins/index.d.mts +303 -0
- package/dist/plugins/index.d.ts +303 -0
- package/dist/plugins/index.mjs +16986 -0
- package/dist/preset.cjs +20 -17722
- package/dist/preset.d.cts +1 -2
- package/dist/preset.d.mts +1 -2
- package/dist/preset.d.ts +1 -2
- package/dist/preset.mjs +20 -17719
- package/dist/shared/tailwind.60db5be7.d.cts +38711 -0
- package/dist/shared/tailwind.60db5be7.d.mts +38711 -0
- package/dist/shared/tailwind.60db5be7.d.ts +38711 -0
- package/dist/themes.cjs +119 -0
- package/dist/themes.d.cts +187 -0
- package/dist/themes.d.mts +187 -0
- package/dist/themes.d.ts +187 -0
- package/dist/themes.mjs +113 -0
- package/package.json +39 -29
- package/dist/shared/tailwind.d65f80d7.d.cts +0 -8394
- package/dist/shared/tailwind.d65f80d7.d.mts +0 -8394
- package/dist/shared/tailwind.d65f80d7.d.ts +0 -8394
package/dist/themes.cjs
ADDED
@@ -0,0 +1,119 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
const colors = require('tailwindcss/colors');
|
4
|
+
const defaultTheme$1 = require('tailwindcss/defaultTheme');
|
5
|
+
|
6
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
|
7
|
+
|
8
|
+
const colors__default = /*#__PURE__*/_interopDefaultCompat(colors);
|
9
|
+
|
10
|
+
const defaultTheme = {
|
11
|
+
fontFamily: {
|
12
|
+
sans: defaultTheme$1.fontFamily.sans,
|
13
|
+
heading: defaultTheme$1.fontFamily.sans,
|
14
|
+
alt: defaultTheme$1.fontFamily.sans,
|
15
|
+
mono: defaultTheme$1.fontFamily.mono
|
16
|
+
},
|
17
|
+
extend: {
|
18
|
+
colors: {
|
19
|
+
primary: colors__default.violet,
|
20
|
+
"primary-invert": colors__default.white,
|
21
|
+
muted: colors__default.slate,
|
22
|
+
info: colors__default.sky,
|
23
|
+
success: colors__default.teal,
|
24
|
+
warning: colors__default.amber,
|
25
|
+
danger: colors__default.rose
|
26
|
+
},
|
27
|
+
screens: {
|
28
|
+
xs: { max: "639px" },
|
29
|
+
lg: "1025px",
|
30
|
+
ptablet: {
|
31
|
+
raw: "(min-width: 768px) and (max-width: 1024px) and (orientation: portrait)"
|
32
|
+
},
|
33
|
+
ltablet: {
|
34
|
+
raw: "(min-width: 768px) and (max-width: 1024px) and (orientation: landscape)"
|
35
|
+
}
|
36
|
+
},
|
37
|
+
typography: ({ theme }) => ({
|
38
|
+
primary: {
|
39
|
+
css: {
|
40
|
+
"--tw-prose-links": theme("colors.primary.600"),
|
41
|
+
"--tw-prose-quote-borders": theme("colors.primary.600"),
|
42
|
+
"--tw-prose-invert-links": theme("colors.primary.500"),
|
43
|
+
"--tw-prose-invert-quote-borders": theme("colors.primary.500")
|
44
|
+
}
|
45
|
+
},
|
46
|
+
muted: {
|
47
|
+
css: {
|
48
|
+
"--tw-prose-body": theme("colors.muted.700"),
|
49
|
+
"--tw-prose-headings": theme("colors.muted.800"),
|
50
|
+
"--tw-prose-lead": theme("colors.muted.600"),
|
51
|
+
"--tw-prose-bold": theme("colors.muted.800"),
|
52
|
+
"--tw-prose-counters": theme("colors.muted.500"),
|
53
|
+
"--tw-prose-bullets": theme("colors.muted.300"),
|
54
|
+
"--tw-prose-hr": theme("colors.muted.200"),
|
55
|
+
"--tw-prose-quotes": theme("colors.muted.500"),
|
56
|
+
"--tw-prose-captions": theme("colors.muted.500"),
|
57
|
+
"--tw-prose-code": theme("colors.muted.800"),
|
58
|
+
"--tw-prose-pre-code": theme("colors.muted.800"),
|
59
|
+
"--tw-prose-pre-bg": theme("colors.muted.100"),
|
60
|
+
"--tw-prose-th-borders": theme("colors.muted.300"),
|
61
|
+
"--tw-prose-td-borders": theme("colors.muted.200"),
|
62
|
+
"--tw-prose-invert-body": theme("colors.muted.400"),
|
63
|
+
"--tw-prose-invert-headings": theme("colors.muted.100"),
|
64
|
+
"--tw-prose-invert-lead": theme("colors.muted.300"),
|
65
|
+
"--tw-prose-invert-bold": theme("colors.muted.300"),
|
66
|
+
"--tw-prose-invert-counters": theme("colors.muted.400"),
|
67
|
+
"--tw-prose-invert-bullets": theme("colors.muted.400"),
|
68
|
+
"--tw-prose-invert-hr": theme("colors.muted.800"),
|
69
|
+
"--tw-prose-invert-quotes": theme("colors.muted.200"),
|
70
|
+
"--tw-prose-invert-captions": theme("colors.muted.400"),
|
71
|
+
"--tw-prose-invert-code": theme("colors.muted.200"),
|
72
|
+
"--tw-prose-invert-pre-code": theme("colors.muted.200"),
|
73
|
+
"--tw-prose-invert-pre-bg": theme("colors.muted.800"),
|
74
|
+
"--tw-prose-invert-th-borders": theme("colors.muted.600"),
|
75
|
+
"--tw-prose-invert-td-borders": theme("colors.muted.700")
|
76
|
+
}
|
77
|
+
},
|
78
|
+
css: {
|
79
|
+
h1: {
|
80
|
+
fontWeight: 700
|
81
|
+
},
|
82
|
+
h2: {
|
83
|
+
fontWeight: 700
|
84
|
+
},
|
85
|
+
h3: {
|
86
|
+
fontWeight: 500
|
87
|
+
},
|
88
|
+
h4: {
|
89
|
+
fontWeight: 500
|
90
|
+
},
|
91
|
+
li: {
|
92
|
+
fontSize: "1.15rem",
|
93
|
+
padding: "0.35rem 0"
|
94
|
+
},
|
95
|
+
em: {
|
96
|
+
fontSize: "1.1rem",
|
97
|
+
lineHeight: 1
|
98
|
+
},
|
99
|
+
blockquote: {
|
100
|
+
fontSize: "1.1rem",
|
101
|
+
lineHeight: 1.4,
|
102
|
+
fontWeight: 500,
|
103
|
+
padding: "1.75rem"
|
104
|
+
},
|
105
|
+
pre: {
|
106
|
+
fontFamily: theme("fontFamily.mono")
|
107
|
+
},
|
108
|
+
code: {
|
109
|
+
fontFamily: theme("fontFamily.mono"),
|
110
|
+
padding: "0.35rem",
|
111
|
+
fontWeight: 600,
|
112
|
+
fontSize: "0.95rem !important"
|
113
|
+
}
|
114
|
+
}
|
115
|
+
})
|
116
|
+
}
|
117
|
+
};
|
118
|
+
|
119
|
+
exports.defaultTheme = defaultTheme;
|
@@ -0,0 +1,187 @@
|
|
1
|
+
/**
|
2
|
+
* Default theme for shuriken-ui preset
|
3
|
+
*/
|
4
|
+
declare const defaultTheme: {
|
5
|
+
fontFamily: {
|
6
|
+
sans: string[];
|
7
|
+
heading: string[];
|
8
|
+
alt: string[];
|
9
|
+
mono: string[];
|
10
|
+
};
|
11
|
+
extend: {
|
12
|
+
colors: {
|
13
|
+
primary: {
|
14
|
+
'50': "#f5f3ff";
|
15
|
+
'100': "#ede9fe";
|
16
|
+
'200': "#ddd6fe";
|
17
|
+
'300': "#c4b5fd";
|
18
|
+
'400': "#a78bfa";
|
19
|
+
'500': "#8b5cf6";
|
20
|
+
'600': "#7c3aed";
|
21
|
+
'700': "#6d28d9";
|
22
|
+
'800': "#5b21b6";
|
23
|
+
'900': "#4c1d95";
|
24
|
+
'950': "#2e1065";
|
25
|
+
};
|
26
|
+
'primary-invert': "#fff";
|
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
|
+
info: {
|
41
|
+
'50': "#f0f9ff";
|
42
|
+
'100': "#e0f2fe";
|
43
|
+
'200': "#bae6fd";
|
44
|
+
'300': "#7dd3fc";
|
45
|
+
'400': "#38bdf8";
|
46
|
+
'500': "#0ea5e9";
|
47
|
+
'600': "#0284c7";
|
48
|
+
'700': "#0369a1";
|
49
|
+
'800': "#075985";
|
50
|
+
'900': "#0c4a6e";
|
51
|
+
'950': "#082f49";
|
52
|
+
};
|
53
|
+
success: {
|
54
|
+
'50': "#f0fdfa";
|
55
|
+
'100': "#ccfbf1";
|
56
|
+
'200': "#99f6e4";
|
57
|
+
'300': "#5eead4";
|
58
|
+
'400': "#2dd4bf";
|
59
|
+
'500': "#14b8a6";
|
60
|
+
'600': "#0d9488";
|
61
|
+
'700': "#0f766e";
|
62
|
+
'800': "#115e59";
|
63
|
+
'900': "#134e4a";
|
64
|
+
'950': "#042f2e";
|
65
|
+
};
|
66
|
+
warning: {
|
67
|
+
'50': "#fffbeb";
|
68
|
+
'100': "#fef3c7";
|
69
|
+
'200': "#fde68a";
|
70
|
+
'300': "#fcd34d";
|
71
|
+
'400': "#fbbf24";
|
72
|
+
'500': "#f59e0b";
|
73
|
+
'600': "#d97706";
|
74
|
+
'700': "#b45309";
|
75
|
+
'800': "#92400e";
|
76
|
+
'900': "#78350f";
|
77
|
+
'950': "#451a03";
|
78
|
+
};
|
79
|
+
danger: {
|
80
|
+
'50': "#fff1f2";
|
81
|
+
'100': "#ffe4e6";
|
82
|
+
'200': "#fecdd3";
|
83
|
+
'300': "#fda4af";
|
84
|
+
'400': "#fb7185";
|
85
|
+
'500': "#f43f5e";
|
86
|
+
'600': "#e11d48";
|
87
|
+
'700': "#be123c";
|
88
|
+
'800': "#9f1239";
|
89
|
+
'900': "#881337";
|
90
|
+
'950': "#4c0519";
|
91
|
+
};
|
92
|
+
};
|
93
|
+
screens: {
|
94
|
+
xs: {
|
95
|
+
max: string;
|
96
|
+
};
|
97
|
+
lg: string;
|
98
|
+
ptablet: {
|
99
|
+
raw: string;
|
100
|
+
};
|
101
|
+
ltablet: {
|
102
|
+
raw: string;
|
103
|
+
};
|
104
|
+
};
|
105
|
+
typography: ({ theme }: any) => {
|
106
|
+
primary: {
|
107
|
+
css: {
|
108
|
+
'--tw-prose-links': any;
|
109
|
+
'--tw-prose-quote-borders': any;
|
110
|
+
'--tw-prose-invert-links': any;
|
111
|
+
'--tw-prose-invert-quote-borders': any;
|
112
|
+
};
|
113
|
+
};
|
114
|
+
muted: {
|
115
|
+
css: {
|
116
|
+
'--tw-prose-body': any;
|
117
|
+
'--tw-prose-headings': any;
|
118
|
+
'--tw-prose-lead': any;
|
119
|
+
'--tw-prose-bold': any;
|
120
|
+
'--tw-prose-counters': any;
|
121
|
+
'--tw-prose-bullets': any;
|
122
|
+
'--tw-prose-hr': any;
|
123
|
+
'--tw-prose-quotes': any;
|
124
|
+
'--tw-prose-captions': any;
|
125
|
+
'--tw-prose-code': any;
|
126
|
+
'--tw-prose-pre-code': any;
|
127
|
+
'--tw-prose-pre-bg': any;
|
128
|
+
'--tw-prose-th-borders': any;
|
129
|
+
'--tw-prose-td-borders': any;
|
130
|
+
'--tw-prose-invert-body': any;
|
131
|
+
'--tw-prose-invert-headings': any;
|
132
|
+
'--tw-prose-invert-lead': any;
|
133
|
+
'--tw-prose-invert-bold': any;
|
134
|
+
'--tw-prose-invert-counters': any;
|
135
|
+
'--tw-prose-invert-bullets': any;
|
136
|
+
'--tw-prose-invert-hr': any;
|
137
|
+
'--tw-prose-invert-quotes': any;
|
138
|
+
'--tw-prose-invert-captions': any;
|
139
|
+
'--tw-prose-invert-code': any;
|
140
|
+
'--tw-prose-invert-pre-code': any;
|
141
|
+
'--tw-prose-invert-pre-bg': any;
|
142
|
+
'--tw-prose-invert-th-borders': any;
|
143
|
+
'--tw-prose-invert-td-borders': any;
|
144
|
+
};
|
145
|
+
};
|
146
|
+
css: {
|
147
|
+
h1: {
|
148
|
+
fontWeight: number;
|
149
|
+
};
|
150
|
+
h2: {
|
151
|
+
fontWeight: number;
|
152
|
+
};
|
153
|
+
h3: {
|
154
|
+
fontWeight: number;
|
155
|
+
};
|
156
|
+
h4: {
|
157
|
+
fontWeight: number;
|
158
|
+
};
|
159
|
+
li: {
|
160
|
+
fontSize: string;
|
161
|
+
padding: string;
|
162
|
+
};
|
163
|
+
em: {
|
164
|
+
fontSize: string;
|
165
|
+
lineHeight: number;
|
166
|
+
};
|
167
|
+
blockquote: {
|
168
|
+
fontSize: string;
|
169
|
+
lineHeight: number;
|
170
|
+
fontWeight: number;
|
171
|
+
padding: string;
|
172
|
+
};
|
173
|
+
pre: {
|
174
|
+
fontFamily: any;
|
175
|
+
};
|
176
|
+
code: {
|
177
|
+
fontFamily: any;
|
178
|
+
padding: string;
|
179
|
+
fontWeight: number;
|
180
|
+
fontSize: string;
|
181
|
+
};
|
182
|
+
};
|
183
|
+
};
|
184
|
+
};
|
185
|
+
};
|
186
|
+
|
187
|
+
export { defaultTheme };
|
@@ -0,0 +1,187 @@
|
|
1
|
+
/**
|
2
|
+
* Default theme for shuriken-ui preset
|
3
|
+
*/
|
4
|
+
declare const defaultTheme: {
|
5
|
+
fontFamily: {
|
6
|
+
sans: string[];
|
7
|
+
heading: string[];
|
8
|
+
alt: string[];
|
9
|
+
mono: string[];
|
10
|
+
};
|
11
|
+
extend: {
|
12
|
+
colors: {
|
13
|
+
primary: {
|
14
|
+
'50': "#f5f3ff";
|
15
|
+
'100': "#ede9fe";
|
16
|
+
'200': "#ddd6fe";
|
17
|
+
'300': "#c4b5fd";
|
18
|
+
'400': "#a78bfa";
|
19
|
+
'500': "#8b5cf6";
|
20
|
+
'600': "#7c3aed";
|
21
|
+
'700': "#6d28d9";
|
22
|
+
'800': "#5b21b6";
|
23
|
+
'900': "#4c1d95";
|
24
|
+
'950': "#2e1065";
|
25
|
+
};
|
26
|
+
'primary-invert': "#fff";
|
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
|
+
info: {
|
41
|
+
'50': "#f0f9ff";
|
42
|
+
'100': "#e0f2fe";
|
43
|
+
'200': "#bae6fd";
|
44
|
+
'300': "#7dd3fc";
|
45
|
+
'400': "#38bdf8";
|
46
|
+
'500': "#0ea5e9";
|
47
|
+
'600': "#0284c7";
|
48
|
+
'700': "#0369a1";
|
49
|
+
'800': "#075985";
|
50
|
+
'900': "#0c4a6e";
|
51
|
+
'950': "#082f49";
|
52
|
+
};
|
53
|
+
success: {
|
54
|
+
'50': "#f0fdfa";
|
55
|
+
'100': "#ccfbf1";
|
56
|
+
'200': "#99f6e4";
|
57
|
+
'300': "#5eead4";
|
58
|
+
'400': "#2dd4bf";
|
59
|
+
'500': "#14b8a6";
|
60
|
+
'600': "#0d9488";
|
61
|
+
'700': "#0f766e";
|
62
|
+
'800': "#115e59";
|
63
|
+
'900': "#134e4a";
|
64
|
+
'950': "#042f2e";
|
65
|
+
};
|
66
|
+
warning: {
|
67
|
+
'50': "#fffbeb";
|
68
|
+
'100': "#fef3c7";
|
69
|
+
'200': "#fde68a";
|
70
|
+
'300': "#fcd34d";
|
71
|
+
'400': "#fbbf24";
|
72
|
+
'500': "#f59e0b";
|
73
|
+
'600': "#d97706";
|
74
|
+
'700': "#b45309";
|
75
|
+
'800': "#92400e";
|
76
|
+
'900': "#78350f";
|
77
|
+
'950': "#451a03";
|
78
|
+
};
|
79
|
+
danger: {
|
80
|
+
'50': "#fff1f2";
|
81
|
+
'100': "#ffe4e6";
|
82
|
+
'200': "#fecdd3";
|
83
|
+
'300': "#fda4af";
|
84
|
+
'400': "#fb7185";
|
85
|
+
'500': "#f43f5e";
|
86
|
+
'600': "#e11d48";
|
87
|
+
'700': "#be123c";
|
88
|
+
'800': "#9f1239";
|
89
|
+
'900': "#881337";
|
90
|
+
'950': "#4c0519";
|
91
|
+
};
|
92
|
+
};
|
93
|
+
screens: {
|
94
|
+
xs: {
|
95
|
+
max: string;
|
96
|
+
};
|
97
|
+
lg: string;
|
98
|
+
ptablet: {
|
99
|
+
raw: string;
|
100
|
+
};
|
101
|
+
ltablet: {
|
102
|
+
raw: string;
|
103
|
+
};
|
104
|
+
};
|
105
|
+
typography: ({ theme }: any) => {
|
106
|
+
primary: {
|
107
|
+
css: {
|
108
|
+
'--tw-prose-links': any;
|
109
|
+
'--tw-prose-quote-borders': any;
|
110
|
+
'--tw-prose-invert-links': any;
|
111
|
+
'--tw-prose-invert-quote-borders': any;
|
112
|
+
};
|
113
|
+
};
|
114
|
+
muted: {
|
115
|
+
css: {
|
116
|
+
'--tw-prose-body': any;
|
117
|
+
'--tw-prose-headings': any;
|
118
|
+
'--tw-prose-lead': any;
|
119
|
+
'--tw-prose-bold': any;
|
120
|
+
'--tw-prose-counters': any;
|
121
|
+
'--tw-prose-bullets': any;
|
122
|
+
'--tw-prose-hr': any;
|
123
|
+
'--tw-prose-quotes': any;
|
124
|
+
'--tw-prose-captions': any;
|
125
|
+
'--tw-prose-code': any;
|
126
|
+
'--tw-prose-pre-code': any;
|
127
|
+
'--tw-prose-pre-bg': any;
|
128
|
+
'--tw-prose-th-borders': any;
|
129
|
+
'--tw-prose-td-borders': any;
|
130
|
+
'--tw-prose-invert-body': any;
|
131
|
+
'--tw-prose-invert-headings': any;
|
132
|
+
'--tw-prose-invert-lead': any;
|
133
|
+
'--tw-prose-invert-bold': any;
|
134
|
+
'--tw-prose-invert-counters': any;
|
135
|
+
'--tw-prose-invert-bullets': any;
|
136
|
+
'--tw-prose-invert-hr': any;
|
137
|
+
'--tw-prose-invert-quotes': any;
|
138
|
+
'--tw-prose-invert-captions': any;
|
139
|
+
'--tw-prose-invert-code': any;
|
140
|
+
'--tw-prose-invert-pre-code': any;
|
141
|
+
'--tw-prose-invert-pre-bg': any;
|
142
|
+
'--tw-prose-invert-th-borders': any;
|
143
|
+
'--tw-prose-invert-td-borders': any;
|
144
|
+
};
|
145
|
+
};
|
146
|
+
css: {
|
147
|
+
h1: {
|
148
|
+
fontWeight: number;
|
149
|
+
};
|
150
|
+
h2: {
|
151
|
+
fontWeight: number;
|
152
|
+
};
|
153
|
+
h3: {
|
154
|
+
fontWeight: number;
|
155
|
+
};
|
156
|
+
h4: {
|
157
|
+
fontWeight: number;
|
158
|
+
};
|
159
|
+
li: {
|
160
|
+
fontSize: string;
|
161
|
+
padding: string;
|
162
|
+
};
|
163
|
+
em: {
|
164
|
+
fontSize: string;
|
165
|
+
lineHeight: number;
|
166
|
+
};
|
167
|
+
blockquote: {
|
168
|
+
fontSize: string;
|
169
|
+
lineHeight: number;
|
170
|
+
fontWeight: number;
|
171
|
+
padding: string;
|
172
|
+
};
|
173
|
+
pre: {
|
174
|
+
fontFamily: any;
|
175
|
+
};
|
176
|
+
code: {
|
177
|
+
fontFamily: any;
|
178
|
+
padding: string;
|
179
|
+
fontWeight: number;
|
180
|
+
fontSize: string;
|
181
|
+
};
|
182
|
+
};
|
183
|
+
};
|
184
|
+
};
|
185
|
+
};
|
186
|
+
|
187
|
+
export { defaultTheme };
|
package/dist/themes.d.ts
ADDED
@@ -0,0 +1,187 @@
|
|
1
|
+
/**
|
2
|
+
* Default theme for shuriken-ui preset
|
3
|
+
*/
|
4
|
+
declare const defaultTheme: {
|
5
|
+
fontFamily: {
|
6
|
+
sans: string[];
|
7
|
+
heading: string[];
|
8
|
+
alt: string[];
|
9
|
+
mono: string[];
|
10
|
+
};
|
11
|
+
extend: {
|
12
|
+
colors: {
|
13
|
+
primary: {
|
14
|
+
'50': "#f5f3ff";
|
15
|
+
'100': "#ede9fe";
|
16
|
+
'200': "#ddd6fe";
|
17
|
+
'300': "#c4b5fd";
|
18
|
+
'400': "#a78bfa";
|
19
|
+
'500': "#8b5cf6";
|
20
|
+
'600': "#7c3aed";
|
21
|
+
'700': "#6d28d9";
|
22
|
+
'800': "#5b21b6";
|
23
|
+
'900': "#4c1d95";
|
24
|
+
'950': "#2e1065";
|
25
|
+
};
|
26
|
+
'primary-invert': "#fff";
|
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
|
+
info: {
|
41
|
+
'50': "#f0f9ff";
|
42
|
+
'100': "#e0f2fe";
|
43
|
+
'200': "#bae6fd";
|
44
|
+
'300': "#7dd3fc";
|
45
|
+
'400': "#38bdf8";
|
46
|
+
'500': "#0ea5e9";
|
47
|
+
'600': "#0284c7";
|
48
|
+
'700': "#0369a1";
|
49
|
+
'800': "#075985";
|
50
|
+
'900': "#0c4a6e";
|
51
|
+
'950': "#082f49";
|
52
|
+
};
|
53
|
+
success: {
|
54
|
+
'50': "#f0fdfa";
|
55
|
+
'100': "#ccfbf1";
|
56
|
+
'200': "#99f6e4";
|
57
|
+
'300': "#5eead4";
|
58
|
+
'400': "#2dd4bf";
|
59
|
+
'500': "#14b8a6";
|
60
|
+
'600': "#0d9488";
|
61
|
+
'700': "#0f766e";
|
62
|
+
'800': "#115e59";
|
63
|
+
'900': "#134e4a";
|
64
|
+
'950': "#042f2e";
|
65
|
+
};
|
66
|
+
warning: {
|
67
|
+
'50': "#fffbeb";
|
68
|
+
'100': "#fef3c7";
|
69
|
+
'200': "#fde68a";
|
70
|
+
'300': "#fcd34d";
|
71
|
+
'400': "#fbbf24";
|
72
|
+
'500': "#f59e0b";
|
73
|
+
'600': "#d97706";
|
74
|
+
'700': "#b45309";
|
75
|
+
'800': "#92400e";
|
76
|
+
'900': "#78350f";
|
77
|
+
'950': "#451a03";
|
78
|
+
};
|
79
|
+
danger: {
|
80
|
+
'50': "#fff1f2";
|
81
|
+
'100': "#ffe4e6";
|
82
|
+
'200': "#fecdd3";
|
83
|
+
'300': "#fda4af";
|
84
|
+
'400': "#fb7185";
|
85
|
+
'500': "#f43f5e";
|
86
|
+
'600': "#e11d48";
|
87
|
+
'700': "#be123c";
|
88
|
+
'800': "#9f1239";
|
89
|
+
'900': "#881337";
|
90
|
+
'950': "#4c0519";
|
91
|
+
};
|
92
|
+
};
|
93
|
+
screens: {
|
94
|
+
xs: {
|
95
|
+
max: string;
|
96
|
+
};
|
97
|
+
lg: string;
|
98
|
+
ptablet: {
|
99
|
+
raw: string;
|
100
|
+
};
|
101
|
+
ltablet: {
|
102
|
+
raw: string;
|
103
|
+
};
|
104
|
+
};
|
105
|
+
typography: ({ theme }: any) => {
|
106
|
+
primary: {
|
107
|
+
css: {
|
108
|
+
'--tw-prose-links': any;
|
109
|
+
'--tw-prose-quote-borders': any;
|
110
|
+
'--tw-prose-invert-links': any;
|
111
|
+
'--tw-prose-invert-quote-borders': any;
|
112
|
+
};
|
113
|
+
};
|
114
|
+
muted: {
|
115
|
+
css: {
|
116
|
+
'--tw-prose-body': any;
|
117
|
+
'--tw-prose-headings': any;
|
118
|
+
'--tw-prose-lead': any;
|
119
|
+
'--tw-prose-bold': any;
|
120
|
+
'--tw-prose-counters': any;
|
121
|
+
'--tw-prose-bullets': any;
|
122
|
+
'--tw-prose-hr': any;
|
123
|
+
'--tw-prose-quotes': any;
|
124
|
+
'--tw-prose-captions': any;
|
125
|
+
'--tw-prose-code': any;
|
126
|
+
'--tw-prose-pre-code': any;
|
127
|
+
'--tw-prose-pre-bg': any;
|
128
|
+
'--tw-prose-th-borders': any;
|
129
|
+
'--tw-prose-td-borders': any;
|
130
|
+
'--tw-prose-invert-body': any;
|
131
|
+
'--tw-prose-invert-headings': any;
|
132
|
+
'--tw-prose-invert-lead': any;
|
133
|
+
'--tw-prose-invert-bold': any;
|
134
|
+
'--tw-prose-invert-counters': any;
|
135
|
+
'--tw-prose-invert-bullets': any;
|
136
|
+
'--tw-prose-invert-hr': any;
|
137
|
+
'--tw-prose-invert-quotes': any;
|
138
|
+
'--tw-prose-invert-captions': any;
|
139
|
+
'--tw-prose-invert-code': any;
|
140
|
+
'--tw-prose-invert-pre-code': any;
|
141
|
+
'--tw-prose-invert-pre-bg': any;
|
142
|
+
'--tw-prose-invert-th-borders': any;
|
143
|
+
'--tw-prose-invert-td-borders': any;
|
144
|
+
};
|
145
|
+
};
|
146
|
+
css: {
|
147
|
+
h1: {
|
148
|
+
fontWeight: number;
|
149
|
+
};
|
150
|
+
h2: {
|
151
|
+
fontWeight: number;
|
152
|
+
};
|
153
|
+
h3: {
|
154
|
+
fontWeight: number;
|
155
|
+
};
|
156
|
+
h4: {
|
157
|
+
fontWeight: number;
|
158
|
+
};
|
159
|
+
li: {
|
160
|
+
fontSize: string;
|
161
|
+
padding: string;
|
162
|
+
};
|
163
|
+
em: {
|
164
|
+
fontSize: string;
|
165
|
+
lineHeight: number;
|
166
|
+
};
|
167
|
+
blockquote: {
|
168
|
+
fontSize: string;
|
169
|
+
lineHeight: number;
|
170
|
+
fontWeight: number;
|
171
|
+
padding: string;
|
172
|
+
};
|
173
|
+
pre: {
|
174
|
+
fontFamily: any;
|
175
|
+
};
|
176
|
+
code: {
|
177
|
+
fontFamily: any;
|
178
|
+
padding: string;
|
179
|
+
fontWeight: number;
|
180
|
+
fontSize: string;
|
181
|
+
};
|
182
|
+
};
|
183
|
+
};
|
184
|
+
};
|
185
|
+
};
|
186
|
+
|
187
|
+
export { defaultTheme };
|