@shuriken-ui/tailwind 1.0.0 → 1.0.2
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/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
|
},
|