@shuriken-ui/tailwind 1.0.0-beta.8 → 1.0.1
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.
- package/dist/colors.d.cts +2 -0
- package/dist/colors.d.mts +2 -0
- package/dist/colors.d.ts +1 -1
- package/dist/config.d.cts +200 -0
- package/dist/config.d.mts +200 -0
- package/dist/config.d.ts +0 -13
- package/dist/index.d.cts +8 -0
- package/dist/index.d.mts +8 -0
- package/dist/preset.cjs +123 -23
- package/dist/preset.d.cts +393 -0
- package/dist/preset.d.mts +393 -0
- package/dist/preset.d.ts +0 -26
- package/dist/preset.mjs +123 -23
- package/package.json +15 -15
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-
|
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
|
}
|
@@ -1711,10 +1711,10 @@ const breadcrumb = plugin__default.withOptions(
|
|
1711
1711
|
[`@apply me-3 sm:hidden`]: {}
|
1712
1712
|
},
|
1713
1713
|
[`.${prefix}breadcrumb-item:not(:last-child)`]: {
|
1714
|
-
[`@apply flex`]: {}
|
1714
|
+
[`@apply hidden sm:flex`]: {}
|
1715
1715
|
},
|
1716
1716
|
[`.${prefix}breadcrumb-item:last-child`]: {
|
1717
|
-
[`@apply
|
1717
|
+
[`@apply flex`]: {}
|
1718
1718
|
},
|
1719
1719
|
[`.${prefix}item-inner`]: {
|
1720
1720
|
[`@apply text-${config.list.itemInner.text} flex items-center gap-x-1 transition-colors duration-${config.list.itemInner.duration}`]: {},
|
@@ -2067,6 +2067,9 @@ const buttonGroup = plugin__default.withOptions(
|
|
2067
2067
|
[`@apply flex`]: {},
|
2068
2068
|
[`.${prefix}button, .${prefix}button-action, .${prefix}button-icon`]: {
|
2069
2069
|
[`@apply !border-e-0`]: {},
|
2070
|
+
[`&:focus`]: {
|
2071
|
+
[`@apply !z-10 relative`]: {}
|
2072
|
+
},
|
2070
2073
|
[`&:not(:first-child):not(:last-child)`]: {
|
2071
2074
|
[`@apply !rounded-none`]: {}
|
2072
2075
|
},
|
@@ -2076,6 +2079,78 @@ const buttonGroup = plugin__default.withOptions(
|
|
2076
2079
|
[`&:last-child`]: {
|
2077
2080
|
[`@apply !border-e !rounded-s-none`]: {}
|
2078
2081
|
}
|
2082
|
+
},
|
2083
|
+
[`.${prefix}input-wrapper:not(:first-child):not(:last-child)`]: {
|
2084
|
+
[`.${prefix}input`]: {
|
2085
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
2086
|
+
[`&:focus`]: {
|
2087
|
+
[`@apply !z-10 relative`]: {}
|
2088
|
+
}
|
2089
|
+
}
|
2090
|
+
},
|
2091
|
+
[`.${prefix}input-wrapper:first-child`]: {
|
2092
|
+
[`.${prefix}input`]: {
|
2093
|
+
[`@apply !rounded-e-none`]: {},
|
2094
|
+
[`&:focus`]: {
|
2095
|
+
[`@apply !z-10 relative`]: {}
|
2096
|
+
}
|
2097
|
+
}
|
2098
|
+
},
|
2099
|
+
[`.${prefix}input-wrapper:last-child`]: {
|
2100
|
+
[`.${prefix}input`]: {
|
2101
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
2102
|
+
[`&:focus`]: {
|
2103
|
+
[`@apply !z-10 relative`]: {}
|
2104
|
+
}
|
2105
|
+
}
|
2106
|
+
},
|
2107
|
+
[`.${prefix}select-wrapper:not(:first-child):not(:last-child)`]: {
|
2108
|
+
[`.${prefix}select`]: {
|
2109
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
2110
|
+
[`&:focus`]: {
|
2111
|
+
[`@apply !z-10 relative`]: {}
|
2112
|
+
}
|
2113
|
+
}
|
2114
|
+
},
|
2115
|
+
[`.${prefix}select-wrapper:first-child`]: {
|
2116
|
+
[`.${prefix}select`]: {
|
2117
|
+
[`@apply !rounded-e-none`]: {},
|
2118
|
+
[`&:focus`]: {
|
2119
|
+
[`@apply !z-10 relative`]: {}
|
2120
|
+
}
|
2121
|
+
}
|
2122
|
+
},
|
2123
|
+
[`.${prefix}select-wrapper:last-child`]: {
|
2124
|
+
[`.${prefix}select`]: {
|
2125
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
2126
|
+
[`&:focus`]: {
|
2127
|
+
[`@apply !z-10 relative`]: {}
|
2128
|
+
}
|
2129
|
+
}
|
2130
|
+
},
|
2131
|
+
[`.${prefix}dropdown:not(:first-child):not(:last-child)`]: {
|
2132
|
+
[`.${prefix}nui-button`]: {
|
2133
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
2134
|
+
[`&:focus`]: {
|
2135
|
+
[`@apply !z-10 relative`]: {}
|
2136
|
+
}
|
2137
|
+
}
|
2138
|
+
},
|
2139
|
+
[`.${prefix}dropdown:first-child`]: {
|
2140
|
+
[`.${prefix}nui-button`]: {
|
2141
|
+
[`@apply !rounded-e-none`]: {},
|
2142
|
+
[`&:focus`]: {
|
2143
|
+
[`@apply !z-10 relative`]: {}
|
2144
|
+
}
|
2145
|
+
}
|
2146
|
+
},
|
2147
|
+
[`.${prefix}dropdown:last-child`]: {
|
2148
|
+
[`.${prefix}nui-button`]: {
|
2149
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
2150
|
+
[`&:focus`]: {
|
2151
|
+
[`@apply !z-10 relative`]: {}
|
2152
|
+
}
|
2153
|
+
}
|
2079
2154
|
}
|
2080
2155
|
}
|
2081
2156
|
});
|
@@ -4226,13 +4301,19 @@ const inputFileRegular = plugin__default.withOptions(
|
|
4226
4301
|
}
|
4227
4302
|
},
|
4228
4303
|
[`&.${prefix}input-sm:not(.${prefix}has-icon)`]: {
|
4229
|
-
[`@apply
|
4304
|
+
[`@apply text-${config.hasNotIcon.sm} leading-4`]: {},
|
4305
|
+
[`.${prefix}input-file-inner`]: {
|
4306
|
+
[`@apply h-8 py-2 gap-1`]: {}
|
4307
|
+
},
|
4230
4308
|
[`.${prefix}input-file-addon`]: {
|
4231
4309
|
[`@apply h-8 px-2`]: {}
|
4232
4310
|
}
|
4233
4311
|
},
|
4234
4312
|
[`&.${prefix}input-sm.${prefix}has-icon`]: {
|
4235
|
-
[`@apply
|
4313
|
+
[`@apply text-${config.hasIcon.sm.text} leading-4`]: {},
|
4314
|
+
[`.${prefix}input-file-inner`]: {
|
4315
|
+
[`@apply h-8 py-2 pe-3`]: {}
|
4316
|
+
},
|
4236
4317
|
[`.${prefix}input-file-addon`]: {
|
4237
4318
|
[`@apply h-8 px-2`]: {}
|
4238
4319
|
},
|
@@ -4241,13 +4322,19 @@ const inputFileRegular = plugin__default.withOptions(
|
|
4241
4322
|
}
|
4242
4323
|
},
|
4243
4324
|
[`&.${prefix}input-md:not(.${prefix}has-icon)`]: {
|
4244
|
-
[`@apply
|
4325
|
+
[`@apply text-${config.hasNotIcon.md} leading-5`]: {},
|
4326
|
+
[`.${prefix}input-file-inner`]: {
|
4327
|
+
[`@apply h-10 gap-2`]: {}
|
4328
|
+
},
|
4245
4329
|
[`.${prefix}input-file-addon`]: {
|
4246
4330
|
[`@apply h-10 px-3`]: {}
|
4247
4331
|
}
|
4248
4332
|
},
|
4249
4333
|
[`&.${prefix}input-md.${prefix}has-icon`]: {
|
4250
|
-
[`@apply
|
4334
|
+
[`@apply text-${config.hasIcon.md.text} leading-5`]: {},
|
4335
|
+
[`.${prefix}input-file-inner`]: {
|
4336
|
+
[`@apply h-10 pe-4`]: {}
|
4337
|
+
},
|
4251
4338
|
[`.${prefix}input-file-addon`]: {
|
4252
4339
|
[`@apply h-10 px-3`]: {}
|
4253
4340
|
},
|
@@ -4256,13 +4343,19 @@ const inputFileRegular = plugin__default.withOptions(
|
|
4256
4343
|
}
|
4257
4344
|
},
|
4258
4345
|
[`&.${prefix}input-lg:not(.${prefix}has-icon)`]: {
|
4259
|
-
[`@apply
|
4346
|
+
[`@apply text-${config.hasNotIcon.lg} leading-5`]: {},
|
4347
|
+
[`.${prefix}input-file-inner`]: {
|
4348
|
+
[`@apply h-12 gap-2`]: {}
|
4349
|
+
},
|
4260
4350
|
[`.${prefix}input-file-addon`]: {
|
4261
4351
|
[`@apply h-12 px-4`]: {}
|
4262
4352
|
}
|
4263
4353
|
},
|
4264
4354
|
[`&.${prefix}input-lg.${prefix}has-icon`]: {
|
4265
|
-
[`@apply
|
4355
|
+
[`@apply text-${config.hasIcon.lg.text} leading-5`]: {},
|
4356
|
+
[`.${prefix}input-file-inner`]: {
|
4357
|
+
[`@apply h-12 pe-4`]: {}
|
4358
|
+
},
|
4266
4359
|
[`.${prefix}input-file-addon`]: {
|
4267
4360
|
[`@apply h-12 px-4`]: {}
|
4268
4361
|
},
|
@@ -4717,7 +4810,7 @@ const input = plugin__default.withOptions(
|
|
4717
4810
|
[`@apply relative`]: {}
|
4718
4811
|
},
|
4719
4812
|
[`.${prefix}input-icon`]: {
|
4720
|
-
[`@apply text-${config.icon.text} absolute start-0 top-0 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
4813
|
+
[`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
4721
4814
|
},
|
4722
4815
|
[`.${prefix}input-error-text`]: {
|
4723
4816
|
[`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
|
@@ -6973,11 +7066,27 @@ const progress = plugin__default.withOptions(
|
|
6973
7066
|
});
|
6974
7067
|
};
|
6975
7068
|
},
|
6976
|
-
function() {
|
7069
|
+
function(options) {
|
7070
|
+
let { prefix } = defu.defu(options, defaultPluginOptions);
|
7071
|
+
if (prefix) {
|
7072
|
+
prefix = `${prefix}-`;
|
7073
|
+
}
|
6977
7074
|
return {
|
6978
7075
|
theme: {
|
6979
7076
|
shurikenUi: {
|
6980
7077
|
progress: defaultProgressConfig
|
7078
|
+
},
|
7079
|
+
extend: {
|
7080
|
+
keyframes: {
|
7081
|
+
[`${prefix}progress-indeterminate`]: {
|
7082
|
+
"0%": { "margin-left": "-100%" },
|
7083
|
+
"60%": { "margin-left": "100%" },
|
7084
|
+
"100%": { "margin-left": "-100%" }
|
7085
|
+
}
|
7086
|
+
},
|
7087
|
+
animation: {
|
7088
|
+
[`${prefix}progress-indeterminate`]: `${prefix}progress-indeterminate 3s linear infinite forwards`
|
7089
|
+
}
|
6981
7090
|
}
|
6982
7091
|
}
|
6983
7092
|
};
|
@@ -7354,7 +7463,7 @@ const select = plugin__default.withOptions(
|
|
7354
7463
|
[`@apply relative`]: {}
|
7355
7464
|
},
|
7356
7465
|
[`.${prefix}select-icon`]: {
|
7357
|
-
[`@apply text-${config.icon.text} absolute start-0 top-0 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
7466
|
+
[`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
7358
7467
|
},
|
7359
7468
|
[`.${prefix}select-error-text`]: {
|
7360
7469
|
[`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
|
@@ -7382,7 +7491,7 @@ const select = plugin__default.withOptions(
|
|
7382
7491
|
},
|
7383
7492
|
[`.${prefix}select-chevron`]: {
|
7384
7493
|
"@apply pointer-events-none": {},
|
7385
|
-
[`@apply text-${config.select.chevron.text} absolute end-0 top-0 flex items-center justify-center transition-transform duration-${config.select.chevron.duration}`]: {}
|
7494
|
+
[`@apply text-${config.select.chevron.text} absolute end-0 top-0 z-20 flex items-center justify-center transition-transform duration-${config.select.chevron.duration}`]: {}
|
7386
7495
|
},
|
7387
7496
|
[`&.${prefix}select-multiple`]: {
|
7388
7497
|
[`.${prefix}select`]: {
|
@@ -10007,16 +10116,7 @@ function createPreset(options = {}) {
|
|
10007
10116
|
fontSize: "0.95rem !important"
|
10008
10117
|
}
|
10009
10118
|
}
|
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
|
-
}
|
10119
|
+
})
|
10020
10120
|
}
|
10021
10121
|
}
|
10022
10122
|
};
|
@@ -0,0 +1,393 @@
|
|
1
|
+
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
2
|
+
import { Config } from 'tailwindcss';
|
3
|
+
import typography__default from '@tailwindcss/typography';
|
4
|
+
|
5
|
+
interface PluginOption {
|
6
|
+
prefix?: string;
|
7
|
+
}
|
8
|
+
|
9
|
+
declare function hasPreset(config: Config): boolean;
|
10
|
+
declare function createPreset(options?: PluginOption): {
|
11
|
+
darkMode: "class";
|
12
|
+
content: never[];
|
13
|
+
plugins: (typeof typography__default | {
|
14
|
+
handler: () => void;
|
15
|
+
} | {
|
16
|
+
handler: tailwindcss_types_config.PluginCreator;
|
17
|
+
config?: Partial<Config> | undefined;
|
18
|
+
})[];
|
19
|
+
theme: {
|
20
|
+
fontFamily: {
|
21
|
+
sans: string[];
|
22
|
+
heading: string[];
|
23
|
+
alt: string[];
|
24
|
+
mono: string[];
|
25
|
+
};
|
26
|
+
extend: {
|
27
|
+
colors: {
|
28
|
+
muted: {
|
29
|
+
'50': "#f8fafc";
|
30
|
+
'100': "#f1f5f9";
|
31
|
+
'200': "#e2e8f0";
|
32
|
+
'300': "#cbd5e1";
|
33
|
+
'400': "#94a3b8";
|
34
|
+
'500': "#64748b";
|
35
|
+
'600': "#475569";
|
36
|
+
'700': "#334155";
|
37
|
+
'800': "#1e293b";
|
38
|
+
'900': "#0f172a";
|
39
|
+
'950': "#020617";
|
40
|
+
};
|
41
|
+
primary: {
|
42
|
+
'50': "#f5f3ff";
|
43
|
+
'100': "#ede9fe";
|
44
|
+
'200': "#ddd6fe";
|
45
|
+
'300': "#c4b5fd";
|
46
|
+
'400': "#a78bfa";
|
47
|
+
'500': "#8b5cf6";
|
48
|
+
'600': "#7c3aed";
|
49
|
+
'700': "#6d28d9";
|
50
|
+
'800': "#5b21b6";
|
51
|
+
'900': "#4c1d95";
|
52
|
+
'950': "#2e1065";
|
53
|
+
};
|
54
|
+
info: {
|
55
|
+
'50': "#f0f9ff";
|
56
|
+
'100': "#e0f2fe";
|
57
|
+
'200': "#bae6fd";
|
58
|
+
'300': "#7dd3fc";
|
59
|
+
'400': "#38bdf8";
|
60
|
+
'500': "#0ea5e9";
|
61
|
+
'600': "#0284c7";
|
62
|
+
'700': "#0369a1";
|
63
|
+
'800': "#075985";
|
64
|
+
'900': "#0c4a6e";
|
65
|
+
'950': "#082f49";
|
66
|
+
};
|
67
|
+
success: {
|
68
|
+
'50': "#f0fdfa";
|
69
|
+
'100': "#ccfbf1";
|
70
|
+
'200': "#99f6e4";
|
71
|
+
'300': "#5eead4";
|
72
|
+
'400': "#2dd4bf";
|
73
|
+
'500': "#14b8a6";
|
74
|
+
'600': "#0d9488";
|
75
|
+
'700': "#0f766e";
|
76
|
+
'800': "#115e59";
|
77
|
+
'900': "#134e4a";
|
78
|
+
'950': "#042f2e";
|
79
|
+
};
|
80
|
+
warning: {
|
81
|
+
'50': "#fffbeb";
|
82
|
+
'100': "#fef3c7";
|
83
|
+
'200': "#fde68a";
|
84
|
+
'300': "#fcd34d";
|
85
|
+
'400': "#fbbf24";
|
86
|
+
'500': "#f59e0b";
|
87
|
+
'600': "#d97706";
|
88
|
+
'700': "#b45309";
|
89
|
+
'800': "#92400e";
|
90
|
+
'900': "#78350f";
|
91
|
+
'950': "#451a03";
|
92
|
+
};
|
93
|
+
danger: {
|
94
|
+
'50': "#fff1f2";
|
95
|
+
'100': "#ffe4e6";
|
96
|
+
'200': "#fecdd3";
|
97
|
+
'300': "#fda4af";
|
98
|
+
'400': "#fb7185";
|
99
|
+
'500': "#f43f5e";
|
100
|
+
'600': "#e11d48";
|
101
|
+
'700': "#be123c";
|
102
|
+
'800': "#9f1239";
|
103
|
+
'900': "#881337";
|
104
|
+
'950': "#4c0519";
|
105
|
+
};
|
106
|
+
};
|
107
|
+
screens: {
|
108
|
+
xs: {
|
109
|
+
max: string;
|
110
|
+
};
|
111
|
+
lg: string;
|
112
|
+
ptablet: {
|
113
|
+
raw: string;
|
114
|
+
};
|
115
|
+
ltablet: {
|
116
|
+
raw: string;
|
117
|
+
};
|
118
|
+
};
|
119
|
+
typography: ({ theme }: any) => {
|
120
|
+
primary: {
|
121
|
+
css: {
|
122
|
+
'--tw-prose-links': any;
|
123
|
+
'--tw-prose-quote-borders': any;
|
124
|
+
'--tw-prose-invert-links': any;
|
125
|
+
'--tw-prose-invert-quote-borders': any;
|
126
|
+
};
|
127
|
+
};
|
128
|
+
muted: {
|
129
|
+
css: {
|
130
|
+
'--tw-prose-body': any;
|
131
|
+
'--tw-prose-headings': any;
|
132
|
+
'--tw-prose-lead': any;
|
133
|
+
'--tw-prose-bold': any;
|
134
|
+
'--tw-prose-counters': any;
|
135
|
+
'--tw-prose-bullets': any;
|
136
|
+
'--tw-prose-hr': any;
|
137
|
+
'--tw-prose-quotes': any;
|
138
|
+
'--tw-prose-captions': any;
|
139
|
+
'--tw-prose-code': any;
|
140
|
+
'--tw-prose-pre-code': any;
|
141
|
+
'--tw-prose-pre-bg': any;
|
142
|
+
'--tw-prose-th-borders': any;
|
143
|
+
'--tw-prose-td-borders': any;
|
144
|
+
'--tw-prose-invert-body': any;
|
145
|
+
'--tw-prose-invert-headings': any;
|
146
|
+
'--tw-prose-invert-lead': any;
|
147
|
+
'--tw-prose-invert-bold': any;
|
148
|
+
'--tw-prose-invert-counters': any;
|
149
|
+
'--tw-prose-invert-bullets': any;
|
150
|
+
'--tw-prose-invert-hr': any;
|
151
|
+
'--tw-prose-invert-quotes': any;
|
152
|
+
'--tw-prose-invert-captions': any;
|
153
|
+
'--tw-prose-invert-code': any;
|
154
|
+
'--tw-prose-invert-pre-code': any;
|
155
|
+
'--tw-prose-invert-pre-bg': any;
|
156
|
+
'--tw-prose-invert-th-borders': any;
|
157
|
+
'--tw-prose-invert-td-borders': any;
|
158
|
+
};
|
159
|
+
};
|
160
|
+
css: {
|
161
|
+
h1: {
|
162
|
+
fontWeight: number;
|
163
|
+
};
|
164
|
+
h2: {
|
165
|
+
fontWeight: number;
|
166
|
+
};
|
167
|
+
h3: {
|
168
|
+
fontWeight: number;
|
169
|
+
};
|
170
|
+
h4: {
|
171
|
+
fontWeight: number;
|
172
|
+
};
|
173
|
+
li: {
|
174
|
+
fontSize: string;
|
175
|
+
padding: string;
|
176
|
+
};
|
177
|
+
em: {
|
178
|
+
fontSize: string;
|
179
|
+
lineHeight: number;
|
180
|
+
};
|
181
|
+
blockquote: {
|
182
|
+
fontSize: string;
|
183
|
+
lineHeight: number;
|
184
|
+
fontWeight: number;
|
185
|
+
padding: string;
|
186
|
+
};
|
187
|
+
pre: {
|
188
|
+
fontFamily: any;
|
189
|
+
};
|
190
|
+
code: {
|
191
|
+
fontFamily: any;
|
192
|
+
padding: string;
|
193
|
+
fontWeight: number;
|
194
|
+
fontSize: string;
|
195
|
+
};
|
196
|
+
};
|
197
|
+
};
|
198
|
+
};
|
199
|
+
};
|
200
|
+
};
|
201
|
+
declare const preset: {
|
202
|
+
darkMode: "class";
|
203
|
+
content: never[];
|
204
|
+
plugins: (typeof typography__default | {
|
205
|
+
handler: () => void;
|
206
|
+
} | {
|
207
|
+
handler: tailwindcss_types_config.PluginCreator;
|
208
|
+
config?: Partial<Config> | undefined;
|
209
|
+
})[];
|
210
|
+
theme: {
|
211
|
+
fontFamily: {
|
212
|
+
sans: string[];
|
213
|
+
heading: string[];
|
214
|
+
alt: string[];
|
215
|
+
mono: string[];
|
216
|
+
};
|
217
|
+
extend: {
|
218
|
+
colors: {
|
219
|
+
muted: {
|
220
|
+
'50': "#f8fafc";
|
221
|
+
'100': "#f1f5f9";
|
222
|
+
'200': "#e2e8f0";
|
223
|
+
'300': "#cbd5e1";
|
224
|
+
'400': "#94a3b8";
|
225
|
+
'500': "#64748b";
|
226
|
+
'600': "#475569";
|
227
|
+
'700': "#334155";
|
228
|
+
'800': "#1e293b";
|
229
|
+
'900': "#0f172a";
|
230
|
+
'950': "#020617";
|
231
|
+
};
|
232
|
+
primary: {
|
233
|
+
'50': "#f5f3ff";
|
234
|
+
'100': "#ede9fe";
|
235
|
+
'200': "#ddd6fe";
|
236
|
+
'300': "#c4b5fd";
|
237
|
+
'400': "#a78bfa";
|
238
|
+
'500': "#8b5cf6";
|
239
|
+
'600': "#7c3aed";
|
240
|
+
'700': "#6d28d9";
|
241
|
+
'800': "#5b21b6";
|
242
|
+
'900': "#4c1d95";
|
243
|
+
'950': "#2e1065";
|
244
|
+
};
|
245
|
+
info: {
|
246
|
+
'50': "#f0f9ff";
|
247
|
+
'100': "#e0f2fe";
|
248
|
+
'200': "#bae6fd";
|
249
|
+
'300': "#7dd3fc";
|
250
|
+
'400': "#38bdf8";
|
251
|
+
'500': "#0ea5e9";
|
252
|
+
'600': "#0284c7";
|
253
|
+
'700': "#0369a1";
|
254
|
+
'800': "#075985";
|
255
|
+
'900': "#0c4a6e";
|
256
|
+
'950': "#082f49";
|
257
|
+
};
|
258
|
+
success: {
|
259
|
+
'50': "#f0fdfa";
|
260
|
+
'100': "#ccfbf1";
|
261
|
+
'200': "#99f6e4";
|
262
|
+
'300': "#5eead4";
|
263
|
+
'400': "#2dd4bf";
|
264
|
+
'500': "#14b8a6";
|
265
|
+
'600': "#0d9488";
|
266
|
+
'700': "#0f766e";
|
267
|
+
'800': "#115e59";
|
268
|
+
'900': "#134e4a";
|
269
|
+
'950': "#042f2e";
|
270
|
+
};
|
271
|
+
warning: {
|
272
|
+
'50': "#fffbeb";
|
273
|
+
'100': "#fef3c7";
|
274
|
+
'200': "#fde68a";
|
275
|
+
'300': "#fcd34d";
|
276
|
+
'400': "#fbbf24";
|
277
|
+
'500': "#f59e0b";
|
278
|
+
'600': "#d97706";
|
279
|
+
'700': "#b45309";
|
280
|
+
'800': "#92400e";
|
281
|
+
'900': "#78350f";
|
282
|
+
'950': "#451a03";
|
283
|
+
};
|
284
|
+
danger: {
|
285
|
+
'50': "#fff1f2";
|
286
|
+
'100': "#ffe4e6";
|
287
|
+
'200': "#fecdd3";
|
288
|
+
'300': "#fda4af";
|
289
|
+
'400': "#fb7185";
|
290
|
+
'500': "#f43f5e";
|
291
|
+
'600': "#e11d48";
|
292
|
+
'700': "#be123c";
|
293
|
+
'800': "#9f1239";
|
294
|
+
'900': "#881337";
|
295
|
+
'950': "#4c0519";
|
296
|
+
};
|
297
|
+
};
|
298
|
+
screens: {
|
299
|
+
xs: {
|
300
|
+
max: string;
|
301
|
+
};
|
302
|
+
lg: string;
|
303
|
+
ptablet: {
|
304
|
+
raw: string;
|
305
|
+
};
|
306
|
+
ltablet: {
|
307
|
+
raw: string;
|
308
|
+
};
|
309
|
+
};
|
310
|
+
typography: ({ theme }: any) => {
|
311
|
+
primary: {
|
312
|
+
css: {
|
313
|
+
'--tw-prose-links': any;
|
314
|
+
'--tw-prose-quote-borders': any;
|
315
|
+
'--tw-prose-invert-links': any;
|
316
|
+
'--tw-prose-invert-quote-borders': any;
|
317
|
+
};
|
318
|
+
};
|
319
|
+
muted: {
|
320
|
+
css: {
|
321
|
+
'--tw-prose-body': any;
|
322
|
+
'--tw-prose-headings': any;
|
323
|
+
'--tw-prose-lead': any;
|
324
|
+
'--tw-prose-bold': any;
|
325
|
+
'--tw-prose-counters': any;
|
326
|
+
'--tw-prose-bullets': any;
|
327
|
+
'--tw-prose-hr': any;
|
328
|
+
'--tw-prose-quotes': any;
|
329
|
+
'--tw-prose-captions': any;
|
330
|
+
'--tw-prose-code': any;
|
331
|
+
'--tw-prose-pre-code': any;
|
332
|
+
'--tw-prose-pre-bg': any;
|
333
|
+
'--tw-prose-th-borders': any;
|
334
|
+
'--tw-prose-td-borders': any;
|
335
|
+
'--tw-prose-invert-body': any;
|
336
|
+
'--tw-prose-invert-headings': any;
|
337
|
+
'--tw-prose-invert-lead': any;
|
338
|
+
'--tw-prose-invert-bold': any;
|
339
|
+
'--tw-prose-invert-counters': any;
|
340
|
+
'--tw-prose-invert-bullets': any;
|
341
|
+
'--tw-prose-invert-hr': any;
|
342
|
+
'--tw-prose-invert-quotes': any;
|
343
|
+
'--tw-prose-invert-captions': any;
|
344
|
+
'--tw-prose-invert-code': any;
|
345
|
+
'--tw-prose-invert-pre-code': any;
|
346
|
+
'--tw-prose-invert-pre-bg': any;
|
347
|
+
'--tw-prose-invert-th-borders': any;
|
348
|
+
'--tw-prose-invert-td-borders': any;
|
349
|
+
};
|
350
|
+
};
|
351
|
+
css: {
|
352
|
+
h1: {
|
353
|
+
fontWeight: number;
|
354
|
+
};
|
355
|
+
h2: {
|
356
|
+
fontWeight: number;
|
357
|
+
};
|
358
|
+
h3: {
|
359
|
+
fontWeight: number;
|
360
|
+
};
|
361
|
+
h4: {
|
362
|
+
fontWeight: number;
|
363
|
+
};
|
364
|
+
li: {
|
365
|
+
fontSize: string;
|
366
|
+
padding: string;
|
367
|
+
};
|
368
|
+
em: {
|
369
|
+
fontSize: string;
|
370
|
+
lineHeight: number;
|
371
|
+
};
|
372
|
+
blockquote: {
|
373
|
+
fontSize: string;
|
374
|
+
lineHeight: number;
|
375
|
+
fontWeight: number;
|
376
|
+
padding: string;
|
377
|
+
};
|
378
|
+
pre: {
|
379
|
+
fontFamily: any;
|
380
|
+
};
|
381
|
+
code: {
|
382
|
+
fontFamily: any;
|
383
|
+
padding: string;
|
384
|
+
fontWeight: number;
|
385
|
+
fontSize: string;
|
386
|
+
};
|
387
|
+
};
|
388
|
+
};
|
389
|
+
};
|
390
|
+
};
|
391
|
+
};
|
392
|
+
|
393
|
+
export { createPreset, hasPreset, preset };
|