@shuriken-ui/tailwind 1.0.0-beta.8 → 1.0.1
Sign up to get free protection for your applications and to get access to all the features.
- 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 };
|