@shuriken-ui/tailwind 1.0.0 → 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/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`]: {
|