@shuriken-ui/tailwind 1.0.0 → 1.0.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/config.d.cts +4 -4
- package/dist/config.d.mts +4 -4
- package/dist/config.d.ts +4 -4
- package/dist/preset.cjs +87 -6
- package/dist/preset.mjs +87 -6
- package/package.json +1 -1
package/dist/config.d.cts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
2
1
|
import * as typography from '@tailwindcss/typography';
|
2
|
+
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
3
3
|
import { Config } from 'tailwindcss';
|
4
4
|
|
5
5
|
declare const _default: {
|
@@ -7,11 +7,11 @@ declare const _default: {
|
|
7
7
|
presets: {
|
8
8
|
darkMode: "class";
|
9
9
|
content: never[];
|
10
|
-
plugins: (
|
11
|
-
handler: () => void;
|
12
|
-
} | {
|
10
|
+
plugins: ({
|
13
11
|
handler: tailwindcss_types_config.PluginCreator;
|
14
12
|
config?: Partial<Config> | undefined;
|
13
|
+
} | typeof typography | {
|
14
|
+
handler: () => void;
|
15
15
|
})[];
|
16
16
|
theme: {
|
17
17
|
fontFamily: {
|
package/dist/config.d.mts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
2
1
|
import * as typography from '@tailwindcss/typography';
|
2
|
+
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
3
3
|
import { Config } from 'tailwindcss';
|
4
4
|
|
5
5
|
declare const _default: {
|
@@ -7,11 +7,11 @@ declare const _default: {
|
|
7
7
|
presets: {
|
8
8
|
darkMode: "class";
|
9
9
|
content: never[];
|
10
|
-
plugins: (
|
11
|
-
handler: () => void;
|
12
|
-
} | {
|
10
|
+
plugins: ({
|
13
11
|
handler: tailwindcss_types_config.PluginCreator;
|
14
12
|
config?: Partial<Config> | undefined;
|
13
|
+
} | typeof typography | {
|
14
|
+
handler: () => void;
|
15
15
|
})[];
|
16
16
|
theme: {
|
17
17
|
fontFamily: {
|
package/dist/config.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
2
1
|
import * as typography from '@tailwindcss/typography';
|
2
|
+
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
3
3
|
import { Config } from 'tailwindcss';
|
4
4
|
|
5
5
|
declare const _default: {
|
@@ -7,11 +7,11 @@ declare const _default: {
|
|
7
7
|
presets: {
|
8
8
|
darkMode: "class";
|
9
9
|
content: never[];
|
10
|
-
plugins: (
|
11
|
-
handler: () => void;
|
12
|
-
} | {
|
10
|
+
plugins: ({
|
13
11
|
handler: tailwindcss_types_config.PluginCreator;
|
14
12
|
config?: Partial<Config> | undefined;
|
13
|
+
} | typeof typography | {
|
14
|
+
handler: () => void;
|
15
15
|
})[];
|
16
16
|
theme: {
|
17
17
|
fontFamily: {
|
package/dist/preset.cjs
CHANGED
@@ -705,6 +705,9 @@ const autocomplete = plugin__default.withOptions(
|
|
705
705
|
[`&.${prefix}autocomplete-label-float`]: {
|
706
706
|
[`.${prefix}autocomplete-input`]: {
|
707
707
|
[`@apply placeholder:text-transparent dark:placeholder:text-transparent`]: {}
|
708
|
+
},
|
709
|
+
[`.${prefix}autocomplete-multiple .${prefix}autocomplete-multiple-list`]: {
|
710
|
+
[`@apply mb-6`]: {}
|
708
711
|
}
|
709
712
|
},
|
710
713
|
[`&.${prefix}autocomplete-error`]: {
|
@@ -1711,10 +1714,10 @@ const breadcrumb = plugin__default.withOptions(
|
|
1711
1714
|
[`@apply me-3 sm:hidden`]: {}
|
1712
1715
|
},
|
1713
1716
|
[`.${prefix}breadcrumb-item:not(:last-child)`]: {
|
1714
|
-
[`@apply flex`]: {}
|
1717
|
+
[`@apply hidden sm:flex`]: {}
|
1715
1718
|
},
|
1716
1719
|
[`.${prefix}breadcrumb-item:last-child`]: {
|
1717
|
-
[`@apply
|
1720
|
+
[`@apply flex`]: {}
|
1718
1721
|
},
|
1719
1722
|
[`.${prefix}item-inner`]: {
|
1720
1723
|
[`@apply text-${config.list.itemInner.text} flex items-center gap-x-1 transition-colors duration-${config.list.itemInner.duration}`]: {},
|
@@ -2067,6 +2070,9 @@ const buttonGroup = plugin__default.withOptions(
|
|
2067
2070
|
[`@apply flex`]: {},
|
2068
2071
|
[`.${prefix}button, .${prefix}button-action, .${prefix}button-icon`]: {
|
2069
2072
|
[`@apply !border-e-0`]: {},
|
2073
|
+
[`&:focus`]: {
|
2074
|
+
[`@apply !z-10 relative`]: {}
|
2075
|
+
},
|
2070
2076
|
[`&:not(:first-child):not(:last-child)`]: {
|
2071
2077
|
[`@apply !rounded-none`]: {}
|
2072
2078
|
},
|
@@ -2076,6 +2082,78 @@ const buttonGroup = plugin__default.withOptions(
|
|
2076
2082
|
[`&:last-child`]: {
|
2077
2083
|
[`@apply !border-e !rounded-s-none`]: {}
|
2078
2084
|
}
|
2085
|
+
},
|
2086
|
+
[`.${prefix}input-wrapper:not(:first-child):not(:last-child)`]: {
|
2087
|
+
[`.${prefix}input`]: {
|
2088
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
2089
|
+
[`&:focus`]: {
|
2090
|
+
[`@apply !z-10 relative`]: {}
|
2091
|
+
}
|
2092
|
+
}
|
2093
|
+
},
|
2094
|
+
[`.${prefix}input-wrapper:first-child`]: {
|
2095
|
+
[`.${prefix}input`]: {
|
2096
|
+
[`@apply !rounded-e-none`]: {},
|
2097
|
+
[`&:focus`]: {
|
2098
|
+
[`@apply !z-10 relative`]: {}
|
2099
|
+
}
|
2100
|
+
}
|
2101
|
+
},
|
2102
|
+
[`.${prefix}input-wrapper:last-child`]: {
|
2103
|
+
[`.${prefix}input`]: {
|
2104
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
2105
|
+
[`&:focus`]: {
|
2106
|
+
[`@apply !z-10 relative`]: {}
|
2107
|
+
}
|
2108
|
+
}
|
2109
|
+
},
|
2110
|
+
[`.${prefix}select-wrapper:not(:first-child):not(:last-child)`]: {
|
2111
|
+
[`.${prefix}select`]: {
|
2112
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
2113
|
+
[`&:focus`]: {
|
2114
|
+
[`@apply !z-10 relative`]: {}
|
2115
|
+
}
|
2116
|
+
}
|
2117
|
+
},
|
2118
|
+
[`.${prefix}select-wrapper:first-child`]: {
|
2119
|
+
[`.${prefix}select`]: {
|
2120
|
+
[`@apply !rounded-e-none`]: {},
|
2121
|
+
[`&:focus`]: {
|
2122
|
+
[`@apply !z-10 relative`]: {}
|
2123
|
+
}
|
2124
|
+
}
|
2125
|
+
},
|
2126
|
+
[`.${prefix}select-wrapper:last-child`]: {
|
2127
|
+
[`.${prefix}select`]: {
|
2128
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
2129
|
+
[`&:focus`]: {
|
2130
|
+
[`@apply !z-10 relative`]: {}
|
2131
|
+
}
|
2132
|
+
}
|
2133
|
+
},
|
2134
|
+
[`.${prefix}dropdown:not(:first-child):not(:last-child)`]: {
|
2135
|
+
[`.${prefix}nui-button`]: {
|
2136
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
2137
|
+
[`&:focus`]: {
|
2138
|
+
[`@apply !z-10 relative`]: {}
|
2139
|
+
}
|
2140
|
+
}
|
2141
|
+
},
|
2142
|
+
[`.${prefix}dropdown:first-child`]: {
|
2143
|
+
[`.${prefix}nui-button`]: {
|
2144
|
+
[`@apply !rounded-e-none`]: {},
|
2145
|
+
[`&:focus`]: {
|
2146
|
+
[`@apply !z-10 relative`]: {}
|
2147
|
+
}
|
2148
|
+
}
|
2149
|
+
},
|
2150
|
+
[`.${prefix}dropdown:last-child`]: {
|
2151
|
+
[`.${prefix}nui-button`]: {
|
2152
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
2153
|
+
[`&:focus`]: {
|
2154
|
+
[`@apply !z-10 relative`]: {}
|
2155
|
+
}
|
2156
|
+
}
|
2079
2157
|
}
|
2080
2158
|
}
|
2081
2159
|
});
|
@@ -4735,7 +4813,7 @@ const input = plugin__default.withOptions(
|
|
4735
4813
|
[`@apply relative`]: {}
|
4736
4814
|
},
|
4737
4815
|
[`.${prefix}input-icon`]: {
|
4738
|
-
[`@apply text-${config.icon.text} absolute start-0 top-0 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
4816
|
+
[`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
4739
4817
|
},
|
4740
4818
|
[`.${prefix}input-error-text`]: {
|
4741
4819
|
[`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
|
@@ -7388,7 +7466,7 @@ const select = plugin__default.withOptions(
|
|
7388
7466
|
[`@apply relative`]: {}
|
7389
7467
|
},
|
7390
7468
|
[`.${prefix}select-icon`]: {
|
7391
|
-
[`@apply text-${config.icon.text} absolute start-0 top-0 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
7469
|
+
[`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
7392
7470
|
},
|
7393
7471
|
[`.${prefix}select-error-text`]: {
|
7394
7472
|
[`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
|
@@ -7416,7 +7494,7 @@ const select = plugin__default.withOptions(
|
|
7416
7494
|
},
|
7417
7495
|
[`.${prefix}select-chevron`]: {
|
7418
7496
|
"@apply pointer-events-none": {},
|
7419
|
-
[`@apply text-${config.select.chevron.text} absolute end-0 top-0 flex items-center justify-center transition-transform duration-${config.select.chevron.duration}`]: {}
|
7497
|
+
[`@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}`]: {}
|
7420
7498
|
},
|
7421
7499
|
[`&.${prefix}select-multiple`]: {
|
7422
7500
|
[`.${prefix}select`]: {
|
@@ -8091,7 +8169,9 @@ const defaultTabSliderConfig = {
|
|
8091
8169
|
},
|
8092
8170
|
item: {
|
8093
8171
|
notActiveText: "muted-400",
|
8094
|
-
activeText: "white"
|
8172
|
+
activeText: "white",
|
8173
|
+
fontSize: "sm",
|
8174
|
+
fontFamily: "sans"
|
8095
8175
|
},
|
8096
8176
|
naver: {
|
8097
8177
|
bg: "primary-500",
|
@@ -8135,6 +8215,7 @@ const tabSlider = plugin__default.withOptions(
|
|
8135
8215
|
},
|
8136
8216
|
[`.${prefix}tab-slider-item`]: {
|
8137
8217
|
[`@apply relative z-20 flex h-full flex-1 items-center justify-center`]: {},
|
8218
|
+
[`@apply text-${config.item.fontSize} font-${config.item.fontFamily}`]: {},
|
8138
8219
|
[`&:not(.${prefix}active)`]: {
|
8139
8220
|
[`@apply text-${config.item.notActiveText}`]: {}
|
8140
8221
|
},
|
package/dist/preset.mjs
CHANGED
@@ -694,6 +694,9 @@ const autocomplete = plugin.withOptions(
|
|
694
694
|
[`&.${prefix}autocomplete-label-float`]: {
|
695
695
|
[`.${prefix}autocomplete-input`]: {
|
696
696
|
[`@apply placeholder:text-transparent dark:placeholder:text-transparent`]: {}
|
697
|
+
},
|
698
|
+
[`.${prefix}autocomplete-multiple .${prefix}autocomplete-multiple-list`]: {
|
699
|
+
[`@apply mb-6`]: {}
|
697
700
|
}
|
698
701
|
},
|
699
702
|
[`&.${prefix}autocomplete-error`]: {
|
@@ -1700,10 +1703,10 @@ const breadcrumb = plugin.withOptions(
|
|
1700
1703
|
[`@apply me-3 sm:hidden`]: {}
|
1701
1704
|
},
|
1702
1705
|
[`.${prefix}breadcrumb-item:not(:last-child)`]: {
|
1703
|
-
[`@apply flex`]: {}
|
1706
|
+
[`@apply hidden sm:flex`]: {}
|
1704
1707
|
},
|
1705
1708
|
[`.${prefix}breadcrumb-item:last-child`]: {
|
1706
|
-
[`@apply
|
1709
|
+
[`@apply flex`]: {}
|
1707
1710
|
},
|
1708
1711
|
[`.${prefix}item-inner`]: {
|
1709
1712
|
[`@apply text-${config.list.itemInner.text} flex items-center gap-x-1 transition-colors duration-${config.list.itemInner.duration}`]: {},
|
@@ -2056,6 +2059,9 @@ const buttonGroup = plugin.withOptions(
|
|
2056
2059
|
[`@apply flex`]: {},
|
2057
2060
|
[`.${prefix}button, .${prefix}button-action, .${prefix}button-icon`]: {
|
2058
2061
|
[`@apply !border-e-0`]: {},
|
2062
|
+
[`&:focus`]: {
|
2063
|
+
[`@apply !z-10 relative`]: {}
|
2064
|
+
},
|
2059
2065
|
[`&:not(:first-child):not(:last-child)`]: {
|
2060
2066
|
[`@apply !rounded-none`]: {}
|
2061
2067
|
},
|
@@ -2065,6 +2071,78 @@ const buttonGroup = plugin.withOptions(
|
|
2065
2071
|
[`&:last-child`]: {
|
2066
2072
|
[`@apply !border-e !rounded-s-none`]: {}
|
2067
2073
|
}
|
2074
|
+
},
|
2075
|
+
[`.${prefix}input-wrapper:not(:first-child):not(:last-child)`]: {
|
2076
|
+
[`.${prefix}input`]: {
|
2077
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
2078
|
+
[`&:focus`]: {
|
2079
|
+
[`@apply !z-10 relative`]: {}
|
2080
|
+
}
|
2081
|
+
}
|
2082
|
+
},
|
2083
|
+
[`.${prefix}input-wrapper:first-child`]: {
|
2084
|
+
[`.${prefix}input`]: {
|
2085
|
+
[`@apply !rounded-e-none`]: {},
|
2086
|
+
[`&:focus`]: {
|
2087
|
+
[`@apply !z-10 relative`]: {}
|
2088
|
+
}
|
2089
|
+
}
|
2090
|
+
},
|
2091
|
+
[`.${prefix}input-wrapper:last-child`]: {
|
2092
|
+
[`.${prefix}input`]: {
|
2093
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
2094
|
+
[`&:focus`]: {
|
2095
|
+
[`@apply !z-10 relative`]: {}
|
2096
|
+
}
|
2097
|
+
}
|
2098
|
+
},
|
2099
|
+
[`.${prefix}select-wrapper:not(:first-child):not(:last-child)`]: {
|
2100
|
+
[`.${prefix}select`]: {
|
2101
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
2102
|
+
[`&:focus`]: {
|
2103
|
+
[`@apply !z-10 relative`]: {}
|
2104
|
+
}
|
2105
|
+
}
|
2106
|
+
},
|
2107
|
+
[`.${prefix}select-wrapper:first-child`]: {
|
2108
|
+
[`.${prefix}select`]: {
|
2109
|
+
[`@apply !rounded-e-none`]: {},
|
2110
|
+
[`&:focus`]: {
|
2111
|
+
[`@apply !z-10 relative`]: {}
|
2112
|
+
}
|
2113
|
+
}
|
2114
|
+
},
|
2115
|
+
[`.${prefix}select-wrapper:last-child`]: {
|
2116
|
+
[`.${prefix}select`]: {
|
2117
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
2118
|
+
[`&:focus`]: {
|
2119
|
+
[`@apply !z-10 relative`]: {}
|
2120
|
+
}
|
2121
|
+
}
|
2122
|
+
},
|
2123
|
+
[`.${prefix}dropdown:not(:first-child):not(:last-child)`]: {
|
2124
|
+
[`.${prefix}nui-button`]: {
|
2125
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
2126
|
+
[`&:focus`]: {
|
2127
|
+
[`@apply !z-10 relative`]: {}
|
2128
|
+
}
|
2129
|
+
}
|
2130
|
+
},
|
2131
|
+
[`.${prefix}dropdown:first-child`]: {
|
2132
|
+
[`.${prefix}nui-button`]: {
|
2133
|
+
[`@apply !rounded-e-none`]: {},
|
2134
|
+
[`&:focus`]: {
|
2135
|
+
[`@apply !z-10 relative`]: {}
|
2136
|
+
}
|
2137
|
+
}
|
2138
|
+
},
|
2139
|
+
[`.${prefix}dropdown:last-child`]: {
|
2140
|
+
[`.${prefix}nui-button`]: {
|
2141
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
2142
|
+
[`&:focus`]: {
|
2143
|
+
[`@apply !z-10 relative`]: {}
|
2144
|
+
}
|
2145
|
+
}
|
2068
2146
|
}
|
2069
2147
|
}
|
2070
2148
|
});
|
@@ -4724,7 +4802,7 @@ const input = plugin.withOptions(
|
|
4724
4802
|
[`@apply relative`]: {}
|
4725
4803
|
},
|
4726
4804
|
[`.${prefix}input-icon`]: {
|
4727
|
-
[`@apply text-${config.icon.text} absolute start-0 top-0 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
4805
|
+
[`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
4728
4806
|
},
|
4729
4807
|
[`.${prefix}input-error-text`]: {
|
4730
4808
|
[`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
|
@@ -7377,7 +7455,7 @@ const select = plugin.withOptions(
|
|
7377
7455
|
[`@apply relative`]: {}
|
7378
7456
|
},
|
7379
7457
|
[`.${prefix}select-icon`]: {
|
7380
|
-
[`@apply text-${config.icon.text} absolute start-0 top-0 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
7458
|
+
[`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
7381
7459
|
},
|
7382
7460
|
[`.${prefix}select-error-text`]: {
|
7383
7461
|
[`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
|
@@ -7405,7 +7483,7 @@ const select = plugin.withOptions(
|
|
7405
7483
|
},
|
7406
7484
|
[`.${prefix}select-chevron`]: {
|
7407
7485
|
"@apply pointer-events-none": {},
|
7408
|
-
[`@apply text-${config.select.chevron.text} absolute end-0 top-0 flex items-center justify-center transition-transform duration-${config.select.chevron.duration}`]: {}
|
7486
|
+
[`@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}`]: {}
|
7409
7487
|
},
|
7410
7488
|
[`&.${prefix}select-multiple`]: {
|
7411
7489
|
[`.${prefix}select`]: {
|
@@ -8080,7 +8158,9 @@ const defaultTabSliderConfig = {
|
|
8080
8158
|
},
|
8081
8159
|
item: {
|
8082
8160
|
notActiveText: "muted-400",
|
8083
|
-
activeText: "white"
|
8161
|
+
activeText: "white",
|
8162
|
+
fontSize: "sm",
|
8163
|
+
fontFamily: "sans"
|
8084
8164
|
},
|
8085
8165
|
naver: {
|
8086
8166
|
bg: "primary-500",
|
@@ -8124,6 +8204,7 @@ const tabSlider = plugin.withOptions(
|
|
8124
8204
|
},
|
8125
8205
|
[`.${prefix}tab-slider-item`]: {
|
8126
8206
|
[`@apply relative z-20 flex h-full flex-1 items-center justify-center`]: {},
|
8207
|
+
[`@apply text-${config.item.fontSize} font-${config.item.fontFamily}`]: {},
|
8127
8208
|
[`&:not(.${prefix}active)`]: {
|
8128
8209
|
[`@apply text-${config.item.notActiveText}`]: {}
|
8129
8210
|
},
|