@shuriken-ui/tailwind 2.0.0-next.8 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -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 };
@@ -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 };