@shuriken-ui/tailwind 1.0.0 → 1.0.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/preset.cjs +80 -5
- package/dist/preset.mjs +80 -5
- package/package.json +1 -1
package/dist/preset.cjs
CHANGED
|
@@ -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
|
});
|
|
@@ -4735,7 +4810,7 @@ const input = plugin__default.withOptions(
|
|
|
4735
4810
|
[`@apply relative`]: {}
|
|
4736
4811
|
},
|
|
4737
4812
|
[`.${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}`]: {}
|
|
4813
|
+
[`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
|
4739
4814
|
},
|
|
4740
4815
|
[`.${prefix}input-error-text`]: {
|
|
4741
4816
|
[`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
|
|
@@ -7388,7 +7463,7 @@ const select = plugin__default.withOptions(
|
|
|
7388
7463
|
[`@apply relative`]: {}
|
|
7389
7464
|
},
|
|
7390
7465
|
[`.${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}`]: {}
|
|
7466
|
+
[`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
|
7392
7467
|
},
|
|
7393
7468
|
[`.${prefix}select-error-text`]: {
|
|
7394
7469
|
[`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
|
|
@@ -7416,7 +7491,7 @@ const select = plugin__default.withOptions(
|
|
|
7416
7491
|
},
|
|
7417
7492
|
[`.${prefix}select-chevron`]: {
|
|
7418
7493
|
"@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}`]: {}
|
|
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}`]: {}
|
|
7420
7495
|
},
|
|
7421
7496
|
[`&.${prefix}select-multiple`]: {
|
|
7422
7497
|
[`.${prefix}select`]: {
|
package/dist/preset.mjs
CHANGED
|
@@ -1700,10 +1700,10 @@ const breadcrumb = plugin.withOptions(
|
|
|
1700
1700
|
[`@apply me-3 sm:hidden`]: {}
|
|
1701
1701
|
},
|
|
1702
1702
|
[`.${prefix}breadcrumb-item:not(:last-child)`]: {
|
|
1703
|
-
[`@apply flex`]: {}
|
|
1703
|
+
[`@apply hidden sm:flex`]: {}
|
|
1704
1704
|
},
|
|
1705
1705
|
[`.${prefix}breadcrumb-item:last-child`]: {
|
|
1706
|
-
[`@apply
|
|
1706
|
+
[`@apply flex`]: {}
|
|
1707
1707
|
},
|
|
1708
1708
|
[`.${prefix}item-inner`]: {
|
|
1709
1709
|
[`@apply text-${config.list.itemInner.text} flex items-center gap-x-1 transition-colors duration-${config.list.itemInner.duration}`]: {},
|
|
@@ -2056,6 +2056,9 @@ const buttonGroup = plugin.withOptions(
|
|
|
2056
2056
|
[`@apply flex`]: {},
|
|
2057
2057
|
[`.${prefix}button, .${prefix}button-action, .${prefix}button-icon`]: {
|
|
2058
2058
|
[`@apply !border-e-0`]: {},
|
|
2059
|
+
[`&:focus`]: {
|
|
2060
|
+
[`@apply !z-10 relative`]: {}
|
|
2061
|
+
},
|
|
2059
2062
|
[`&:not(:first-child):not(:last-child)`]: {
|
|
2060
2063
|
[`@apply !rounded-none`]: {}
|
|
2061
2064
|
},
|
|
@@ -2065,6 +2068,78 @@ const buttonGroup = plugin.withOptions(
|
|
|
2065
2068
|
[`&:last-child`]: {
|
|
2066
2069
|
[`@apply !border-e !rounded-s-none`]: {}
|
|
2067
2070
|
}
|
|
2071
|
+
},
|
|
2072
|
+
[`.${prefix}input-wrapper:not(:first-child):not(:last-child)`]: {
|
|
2073
|
+
[`.${prefix}input`]: {
|
|
2074
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
|
2075
|
+
[`&:focus`]: {
|
|
2076
|
+
[`@apply !z-10 relative`]: {}
|
|
2077
|
+
}
|
|
2078
|
+
}
|
|
2079
|
+
},
|
|
2080
|
+
[`.${prefix}input-wrapper:first-child`]: {
|
|
2081
|
+
[`.${prefix}input`]: {
|
|
2082
|
+
[`@apply !rounded-e-none`]: {},
|
|
2083
|
+
[`&:focus`]: {
|
|
2084
|
+
[`@apply !z-10 relative`]: {}
|
|
2085
|
+
}
|
|
2086
|
+
}
|
|
2087
|
+
},
|
|
2088
|
+
[`.${prefix}input-wrapper:last-child`]: {
|
|
2089
|
+
[`.${prefix}input`]: {
|
|
2090
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
|
2091
|
+
[`&:focus`]: {
|
|
2092
|
+
[`@apply !z-10 relative`]: {}
|
|
2093
|
+
}
|
|
2094
|
+
}
|
|
2095
|
+
},
|
|
2096
|
+
[`.${prefix}select-wrapper:not(:first-child):not(:last-child)`]: {
|
|
2097
|
+
[`.${prefix}select`]: {
|
|
2098
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
|
2099
|
+
[`&:focus`]: {
|
|
2100
|
+
[`@apply !z-10 relative`]: {}
|
|
2101
|
+
}
|
|
2102
|
+
}
|
|
2103
|
+
},
|
|
2104
|
+
[`.${prefix}select-wrapper:first-child`]: {
|
|
2105
|
+
[`.${prefix}select`]: {
|
|
2106
|
+
[`@apply !rounded-e-none`]: {},
|
|
2107
|
+
[`&:focus`]: {
|
|
2108
|
+
[`@apply !z-10 relative`]: {}
|
|
2109
|
+
}
|
|
2110
|
+
}
|
|
2111
|
+
},
|
|
2112
|
+
[`.${prefix}select-wrapper:last-child`]: {
|
|
2113
|
+
[`.${prefix}select`]: {
|
|
2114
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
|
2115
|
+
[`&:focus`]: {
|
|
2116
|
+
[`@apply !z-10 relative`]: {}
|
|
2117
|
+
}
|
|
2118
|
+
}
|
|
2119
|
+
},
|
|
2120
|
+
[`.${prefix}dropdown:not(:first-child):not(:last-child)`]: {
|
|
2121
|
+
[`.${prefix}nui-button`]: {
|
|
2122
|
+
[`@apply !border-e-0 !rounded-none`]: {},
|
|
2123
|
+
[`&:focus`]: {
|
|
2124
|
+
[`@apply !z-10 relative`]: {}
|
|
2125
|
+
}
|
|
2126
|
+
}
|
|
2127
|
+
},
|
|
2128
|
+
[`.${prefix}dropdown:first-child`]: {
|
|
2129
|
+
[`.${prefix}nui-button`]: {
|
|
2130
|
+
[`@apply !rounded-e-none`]: {},
|
|
2131
|
+
[`&:focus`]: {
|
|
2132
|
+
[`@apply !z-10 relative`]: {}
|
|
2133
|
+
}
|
|
2134
|
+
}
|
|
2135
|
+
},
|
|
2136
|
+
[`.${prefix}dropdown:last-child`]: {
|
|
2137
|
+
[`.${prefix}nui-button`]: {
|
|
2138
|
+
[`@apply !border-e !rounded-s-none`]: {},
|
|
2139
|
+
[`&:focus`]: {
|
|
2140
|
+
[`@apply !z-10 relative`]: {}
|
|
2141
|
+
}
|
|
2142
|
+
}
|
|
2068
2143
|
}
|
|
2069
2144
|
}
|
|
2070
2145
|
});
|
|
@@ -4724,7 +4799,7 @@ const input = plugin.withOptions(
|
|
|
4724
4799
|
[`@apply relative`]: {}
|
|
4725
4800
|
},
|
|
4726
4801
|
[`.${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}`]: {}
|
|
4802
|
+
[`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
|
4728
4803
|
},
|
|
4729
4804
|
[`.${prefix}input-error-text`]: {
|
|
4730
4805
|
[`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
|
|
@@ -7377,7 +7452,7 @@ const select = plugin.withOptions(
|
|
|
7377
7452
|
[`@apply relative`]: {}
|
|
7378
7453
|
},
|
|
7379
7454
|
[`.${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}`]: {}
|
|
7455
|
+
[`@apply text-${config.icon.text} absolute start-0 top-0 z-20 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
|
7381
7456
|
},
|
|
7382
7457
|
[`.${prefix}select-error-text`]: {
|
|
7383
7458
|
[`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
|
|
@@ -7405,7 +7480,7 @@ const select = plugin.withOptions(
|
|
|
7405
7480
|
},
|
|
7406
7481
|
[`.${prefix}select-chevron`]: {
|
|
7407
7482
|
"@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}`]: {}
|
|
7483
|
+
[`@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
7484
|
},
|
|
7410
7485
|
[`&.${prefix}select-multiple`]: {
|
|
7411
7486
|
[`.${prefix}select`]: {
|