@shuriken-ui/tailwind 1.0.0-beta.1 → 1.0.0-beta.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/preset.cjs +71 -19
- package/dist/preset.mjs +71 -19
- package/package.json +1 -1
package/dist/preset.cjs
CHANGED
@@ -2090,10 +2090,14 @@ const defaultButtonIconConfig = {
|
|
2090
2090
|
full: "full"
|
2091
2091
|
},
|
2092
2092
|
default: {
|
2093
|
+
bg: "white",
|
2094
|
+
bgDark: "muted-700",
|
2093
2095
|
bgHover: "muted-50",
|
2094
2096
|
bgHoverDark: "muted-600",
|
2095
2097
|
text: "muted-700",
|
2096
|
-
textDark: "white"
|
2098
|
+
textDark: "white",
|
2099
|
+
border: "muted-300",
|
2100
|
+
borderDark: "muted-600"
|
2097
2101
|
},
|
2098
2102
|
muted: {
|
2099
2103
|
bg: "muted-200",
|
@@ -2164,7 +2168,7 @@ const buttonIcon = plugin__default.withOptions(
|
|
2164
2168
|
[`@apply !text-transparent`]: {}
|
2165
2169
|
},
|
2166
2170
|
[`&.${prefix}-button-default`]: {
|
2167
|
-
[`@apply text-${config.default.text} dark:text-${config.default.textDark} dark:hover:bg-${config.default.bgHoverDark} hover:bg-${config.default.bgHover}`]: {}
|
2171
|
+
[`@apply text-${config.default.text} bg-${config.default.bg} dark:bg-${config.default.bgDark} dark:text-${config.default.textDark} dark:hover:bg-${config.default.bgHoverDark} hover:bg-${config.default.bgHover} border border-${config.default.border} dark:border-${config.default.borderDark}`]: {}
|
2168
2172
|
},
|
2169
2173
|
[`&.${prefix}-button-muted`]: {
|
2170
2174
|
[`@apply text-${config.muted.text} bg-${config.muted.bg} dark:text-${config.muted.textDark} dark:bg-${config.muted.bgDark} dark:hover:bg-${config.muted.bgHoverDark} hover:bg-${config.muted.bgHover}`]: {}
|
@@ -2640,7 +2644,7 @@ const button = plugin__default.withOptions(
|
|
2640
2644
|
[`.${prefix}-button`]: {
|
2641
2645
|
[`@apply relative font-sans font-${config.font} leading-5 no-underline inline-flex justify-center items-center space-x-1 ${prefix}-focus transition-all duration-${config.duration} disabled:opacity-60 disabled:cursor-not-allowed hover:shadow-none`]: {},
|
2642
2646
|
[`.${prefix}-button-badge`]: {
|
2643
|
-
[`@apply flex absolute h-${config.badge.space} w-${config.badge.space} top-0 -end-1 -mt-1
|
2647
|
+
[`@apply flex absolute h-${config.badge.space} w-${config.badge.space} top-0 -end-1 -mt-1`]: {},
|
2644
2648
|
[`.${prefix}-button-badge-pulse`]: {
|
2645
2649
|
[`@apply absolute inline-flex h-full w-full rounded-full opacity-75`]: {}
|
2646
2650
|
},
|
@@ -3599,6 +3603,9 @@ const dropdown = plugin__default.withOptions(
|
|
3599
3603
|
[`.${prefix}-menu`]: {
|
3600
3604
|
[`@apply relative`]: {}
|
3601
3605
|
},
|
3606
|
+
[`.${prefix}-menu-content`]: {
|
3607
|
+
[`@apply p-2`]: {}
|
3608
|
+
},
|
3602
3609
|
[`.${prefix}-context-button`]: {
|
3603
3610
|
[`@apply dark:ring-offset-${config.contextButton.ringOffsetDark} inline-flex h-${config.contextButton.size} w-${config.contextButton.size} items-center justify-center rounded-${config.contextButton.rounded} ring-1 ring-transparent transition-all duration-${config.contextButton.duration} group-hover:ring-${config.contextButton.ringGroupHover}`]: {},
|
3604
3611
|
[`.${prefix}-context-button-inner`]: {
|
@@ -3758,25 +3765,25 @@ const fullscreenDropfile = plugin__default.withOptions(
|
|
3758
3765
|
function(options) {
|
3759
3766
|
const { prefix } = defu.defu(options, defaultPluginOptions);
|
3760
3767
|
return function({ addComponents, theme }) {
|
3761
|
-
theme(
|
3768
|
+
const config = theme(
|
3762
3769
|
"shurikenUi.fullscreenDropfile"
|
3763
3770
|
);
|
3764
3771
|
addComponents({
|
3765
3772
|
[`.${prefix}-fullscreen-dropfile`]: {
|
3766
3773
|
[`.${prefix}-fullscreen-dropfile-outer`]: {
|
3767
|
-
[`@apply
|
3774
|
+
[`@apply bg-muted-200/20 dark:bg-muted-800/20 fixed inset-0 z-40 backdrop-blur-sm transition-all hover:backdrop-blur-none`]: {}
|
3768
3775
|
},
|
3769
3776
|
[`.${prefix}-fullscreen-dropfile-inner`]: {
|
3770
3777
|
[`@apply fixed inset-0 z-50`]: {},
|
3771
3778
|
[`.${prefix}-fullscreen-dropfile-container`]: {
|
3772
3779
|
[`@apply flex h-full flex-1 items-center justify-center`]: {},
|
3773
3780
|
[`.${prefix}-fullscreen-dropfile-content`]: {
|
3774
|
-
[`@apply border
|
3781
|
+
[`@apply border-${config.border} bg-muted-200 dark:bg-muted-800 mx-auto flex h-${config.height} w-${config.width} flex-col items-center justify-center gap-6 rounded border drop-shadow-sm`]: {},
|
3775
3782
|
[`.${prefix}-fullscreen-dropfile-icon`]: {
|
3776
|
-
[`@apply text
|
3783
|
+
[`@apply text-${config.icon.text} text-${config.icon.textSize}`]: {}
|
3777
3784
|
},
|
3778
3785
|
[`.${prefix}-fullscreen-dropfile-label`]: {
|
3779
|
-
[`@apply text
|
3786
|
+
[`@apply text-${config.labelTextSize}`]: {}
|
3780
3787
|
}
|
3781
3788
|
}
|
3782
3789
|
}
|
@@ -5584,7 +5591,7 @@ const listbox = plugin__default.withOptions(
|
|
5584
5591
|
[`@apply h-${config.button.iconBox.innerSize} w-${config.button.iconBox.innerSize}`]: {}
|
5585
5592
|
}
|
5586
5593
|
},
|
5587
|
-
[`.${prefix}-
|
5594
|
+
[`.${prefix}-listbox-placeholder`]: {
|
5588
5595
|
[`@apply text-${config.button.placeholder.text} dark:text-${config.button.placeholder.textDark} truncate text-${config.button.placeholder.textPosition}`]: {}
|
5589
5596
|
}
|
5590
5597
|
},
|
@@ -7159,7 +7166,7 @@ const defaultRadioConfig = {
|
|
7159
7166
|
size: "5"
|
7160
7167
|
},
|
7161
7168
|
labelText: {
|
7162
|
-
text: "
|
7169
|
+
text: "muted-400",
|
7163
7170
|
textSize: "sm",
|
7164
7171
|
font: "sans"
|
7165
7172
|
},
|
@@ -7256,6 +7263,50 @@ const radio = plugin__default.withOptions(
|
|
7256
7263
|
}
|
7257
7264
|
);
|
7258
7265
|
|
7266
|
+
const defaultRadioHeadlessConfig = {
|
7267
|
+
label: {
|
7268
|
+
text: "muted-400",
|
7269
|
+
textSize: "sm",
|
7270
|
+
font: "sans"
|
7271
|
+
},
|
7272
|
+
input: {
|
7273
|
+
size: "full"
|
7274
|
+
}
|
7275
|
+
};
|
7276
|
+
const radioHeadless = plugin__default.withOptions(
|
7277
|
+
function(options) {
|
7278
|
+
const { prefix } = defu.defu(options, defaultPluginOptions);
|
7279
|
+
return function({ addComponents, theme }) {
|
7280
|
+
const config = theme(
|
7281
|
+
"shurikenUi.radioHeadless"
|
7282
|
+
);
|
7283
|
+
addComponents({
|
7284
|
+
[`.${prefix}-radio-headless`]: {
|
7285
|
+
[`@apply relative`]: {},
|
7286
|
+
[`.${prefix}-radio-headless-label`]: {
|
7287
|
+
[`@apply text-${config.label.text} mb-1 inline-block cursor-pointer select-none font-${config.label.font} text-${config.label.textSize}`]: {}
|
7288
|
+
},
|
7289
|
+
[`.${prefix}-radio-headless-inner`]: {
|
7290
|
+
[`@apply relative`]: {},
|
7291
|
+
[`.${prefix}-radio-headless-input`]: {
|
7292
|
+
[`@apply absolute inset-0 z-20 h-${config.input.size} w-${config.input.size} cursor-pointer disabled:cursor-not-allowed opacity-0`]: {}
|
7293
|
+
}
|
7294
|
+
}
|
7295
|
+
}
|
7296
|
+
});
|
7297
|
+
};
|
7298
|
+
},
|
7299
|
+
function() {
|
7300
|
+
return {
|
7301
|
+
theme: {
|
7302
|
+
shurikenUi: {
|
7303
|
+
radioHeadless: defaultRadioHeadlessConfig
|
7304
|
+
}
|
7305
|
+
}
|
7306
|
+
};
|
7307
|
+
}
|
7308
|
+
);
|
7309
|
+
|
7259
7310
|
const defaultSelectConfig = {
|
7260
7311
|
labelFloat: {
|
7261
7312
|
text: "primary-500",
|
@@ -7962,12 +8013,12 @@ const switchBall = plugin__default.withOptions(
|
|
7962
8013
|
[`.${prefix}-switch-ball-single-label`]: {
|
7963
8014
|
[`@apply text-${config.singleLabel.text} relative ms-3 cursor-pointer select-none font-${config.singleLabel.font} text-${config.singleLabel.textSize}`]: {}
|
7964
8015
|
},
|
7965
|
-
[`.${prefix}-switch-dual-label`]: {
|
8016
|
+
[`.${prefix}-switch-ball-dual-label`]: {
|
7966
8017
|
[`@apply ms-3`]: {},
|
7967
|
-
[`.${prefix}-switch-label`]: {
|
8018
|
+
[`.${prefix}-switch-ball-label`]: {
|
7968
8019
|
[`@apply font-${config.dualLabel.label.font} text-${config.dualLabel.label.text} block text-${config.dualLabel.label.textSize} font-${config.dualLabel.label.fontWeight} dark:text-${config.dualLabel.label.textDark}`]: {}
|
7969
8020
|
},
|
7970
|
-
[`.${prefix}-switch-sublabel`]: {
|
8021
|
+
[`.${prefix}-switch-ball-sublabel`]: {
|
7971
8022
|
[`@apply text-${config.dualLabel.sublabel.text} block font-${config.dualLabel.sublabel.font} text-${config.dualLabel.sublabel.textSize}`]: {}
|
7972
8023
|
}
|
7973
8024
|
},
|
@@ -8078,12 +8129,12 @@ const switchThin = plugin__default.withOptions(
|
|
8078
8129
|
[`.${prefix}-switch-thin-single-label`]: {
|
8079
8130
|
[`@apply text-${config.singleLabel.text} relative ms-3 cursor-pointer select-none font-${config.singleLabel.font} text-${config.singleLabel.textSize}`]: {}
|
8080
8131
|
},
|
8081
|
-
[`.${prefix}-switch-dual-label`]: {
|
8132
|
+
[`.${prefix}-switch-thin-dual-label`]: {
|
8082
8133
|
[`@apply ms-3`]: {},
|
8083
|
-
[`.${prefix}-switch-label`]: {
|
8134
|
+
[`.${prefix}-switch-thin-label`]: {
|
8084
8135
|
[`@apply font-${config.dualLabel.label.font} text-${config.dualLabel.label.text} block text-${config.dualLabel.label.textSize} font-${config.dualLabel.label.fontWeight} dark:text-${config.dualLabel.label.textDark}`]: {}
|
8085
8136
|
},
|
8086
|
-
[`.${prefix}-switch-sublabel`]: {
|
8137
|
+
[`.${prefix}-switch-thin-sublabel`]: {
|
8087
8138
|
[`@apply text-${config.dualLabel.sublabel.text} block font-${config.dualLabel.sublabel.font} text-${config.dualLabel.sublabel.textSize}`]: {}
|
8088
8139
|
}
|
8089
8140
|
},
|
@@ -8943,6 +8994,9 @@ const textarea = plugin__default.withOptions(
|
|
8943
8994
|
[`@apply ${prefix}-focus w-${config.textarea.size}`]: {},
|
8944
8995
|
[`&:focus-visible ~ .${prefix}-label-float`]: {
|
8945
8996
|
[`@apply !text-${config.textarea.focusVisible.labelFloat.text} dark:!text-${config.textarea.focusVisible.labelFloat.textDark}`]: {}
|
8997
|
+
},
|
8998
|
+
[`&.${prefix}-textarea-focus`]: {
|
8999
|
+
[`@apply focus:!border-${config.textarea.focus.border} transition-colors duration-${config.textarea.focus.duration}`]: {}
|
8946
9000
|
}
|
8947
9001
|
},
|
8948
9002
|
[`.${prefix}-textarea-error-text`]: {
|
@@ -9030,9 +9084,6 @@ const textarea = plugin__default.withOptions(
|
|
9030
9084
|
[`@apply !border-${config.textarea.error.border} dark:!border-${config.textarea.error.borderDark}`]: {}
|
9031
9085
|
}
|
9032
9086
|
},
|
9033
|
-
[`&.${prefix}-textarea-focus`]: {
|
9034
|
-
[`@apply focus-visible:!border-${config.textarea.focus.border} transition-colors duration-${config.textarea.focus.duration}`]: {}
|
9035
|
-
},
|
9036
9087
|
[`&.${prefix}-textarea-no-resize`]: {
|
9037
9088
|
[`.${prefix}-textarea`]: {
|
9038
9089
|
[`@apply resize-none`]: {}
|
@@ -9774,6 +9825,7 @@ const components = [
|
|
9774
9825
|
progress,
|
9775
9826
|
prose,
|
9776
9827
|
radio,
|
9828
|
+
radioHeadless,
|
9777
9829
|
select,
|
9778
9830
|
slimscroll,
|
9779
9831
|
snack,
|
package/dist/preset.mjs
CHANGED
@@ -2079,10 +2079,14 @@ const defaultButtonIconConfig = {
|
|
2079
2079
|
full: "full"
|
2080
2080
|
},
|
2081
2081
|
default: {
|
2082
|
+
bg: "white",
|
2083
|
+
bgDark: "muted-700",
|
2082
2084
|
bgHover: "muted-50",
|
2083
2085
|
bgHoverDark: "muted-600",
|
2084
2086
|
text: "muted-700",
|
2085
|
-
textDark: "white"
|
2087
|
+
textDark: "white",
|
2088
|
+
border: "muted-300",
|
2089
|
+
borderDark: "muted-600"
|
2086
2090
|
},
|
2087
2091
|
muted: {
|
2088
2092
|
bg: "muted-200",
|
@@ -2153,7 +2157,7 @@ const buttonIcon = plugin.withOptions(
|
|
2153
2157
|
[`@apply !text-transparent`]: {}
|
2154
2158
|
},
|
2155
2159
|
[`&.${prefix}-button-default`]: {
|
2156
|
-
[`@apply text-${config.default.text} dark:text-${config.default.textDark} dark:hover:bg-${config.default.bgHoverDark} hover:bg-${config.default.bgHover}`]: {}
|
2160
|
+
[`@apply text-${config.default.text} bg-${config.default.bg} dark:bg-${config.default.bgDark} dark:text-${config.default.textDark} dark:hover:bg-${config.default.bgHoverDark} hover:bg-${config.default.bgHover} border border-${config.default.border} dark:border-${config.default.borderDark}`]: {}
|
2157
2161
|
},
|
2158
2162
|
[`&.${prefix}-button-muted`]: {
|
2159
2163
|
[`@apply text-${config.muted.text} bg-${config.muted.bg} dark:text-${config.muted.textDark} dark:bg-${config.muted.bgDark} dark:hover:bg-${config.muted.bgHoverDark} hover:bg-${config.muted.bgHover}`]: {}
|
@@ -2629,7 +2633,7 @@ const button = plugin.withOptions(
|
|
2629
2633
|
[`.${prefix}-button`]: {
|
2630
2634
|
[`@apply relative font-sans font-${config.font} leading-5 no-underline inline-flex justify-center items-center space-x-1 ${prefix}-focus transition-all duration-${config.duration} disabled:opacity-60 disabled:cursor-not-allowed hover:shadow-none`]: {},
|
2631
2635
|
[`.${prefix}-button-badge`]: {
|
2632
|
-
[`@apply flex absolute h-${config.badge.space} w-${config.badge.space} top-0 -end-1 -mt-1
|
2636
|
+
[`@apply flex absolute h-${config.badge.space} w-${config.badge.space} top-0 -end-1 -mt-1`]: {},
|
2633
2637
|
[`.${prefix}-button-badge-pulse`]: {
|
2634
2638
|
[`@apply absolute inline-flex h-full w-full rounded-full opacity-75`]: {}
|
2635
2639
|
},
|
@@ -3588,6 +3592,9 @@ const dropdown = plugin.withOptions(
|
|
3588
3592
|
[`.${prefix}-menu`]: {
|
3589
3593
|
[`@apply relative`]: {}
|
3590
3594
|
},
|
3595
|
+
[`.${prefix}-menu-content`]: {
|
3596
|
+
[`@apply p-2`]: {}
|
3597
|
+
},
|
3591
3598
|
[`.${prefix}-context-button`]: {
|
3592
3599
|
[`@apply dark:ring-offset-${config.contextButton.ringOffsetDark} inline-flex h-${config.contextButton.size} w-${config.contextButton.size} items-center justify-center rounded-${config.contextButton.rounded} ring-1 ring-transparent transition-all duration-${config.contextButton.duration} group-hover:ring-${config.contextButton.ringGroupHover}`]: {},
|
3593
3600
|
[`.${prefix}-context-button-inner`]: {
|
@@ -3747,25 +3754,25 @@ const fullscreenDropfile = plugin.withOptions(
|
|
3747
3754
|
function(options) {
|
3748
3755
|
const { prefix } = defu(options, defaultPluginOptions);
|
3749
3756
|
return function({ addComponents, theme }) {
|
3750
|
-
theme(
|
3757
|
+
const config = theme(
|
3751
3758
|
"shurikenUi.fullscreenDropfile"
|
3752
3759
|
);
|
3753
3760
|
addComponents({
|
3754
3761
|
[`.${prefix}-fullscreen-dropfile`]: {
|
3755
3762
|
[`.${prefix}-fullscreen-dropfile-outer`]: {
|
3756
|
-
[`@apply
|
3763
|
+
[`@apply bg-muted-200/20 dark:bg-muted-800/20 fixed inset-0 z-40 backdrop-blur-sm transition-all hover:backdrop-blur-none`]: {}
|
3757
3764
|
},
|
3758
3765
|
[`.${prefix}-fullscreen-dropfile-inner`]: {
|
3759
3766
|
[`@apply fixed inset-0 z-50`]: {},
|
3760
3767
|
[`.${prefix}-fullscreen-dropfile-container`]: {
|
3761
3768
|
[`@apply flex h-full flex-1 items-center justify-center`]: {},
|
3762
3769
|
[`.${prefix}-fullscreen-dropfile-content`]: {
|
3763
|
-
[`@apply border
|
3770
|
+
[`@apply border-${config.border} bg-muted-200 dark:bg-muted-800 mx-auto flex h-${config.height} w-${config.width} flex-col items-center justify-center gap-6 rounded border drop-shadow-sm`]: {},
|
3764
3771
|
[`.${prefix}-fullscreen-dropfile-icon`]: {
|
3765
|
-
[`@apply text
|
3772
|
+
[`@apply text-${config.icon.text} text-${config.icon.textSize}`]: {}
|
3766
3773
|
},
|
3767
3774
|
[`.${prefix}-fullscreen-dropfile-label`]: {
|
3768
|
-
[`@apply text
|
3775
|
+
[`@apply text-${config.labelTextSize}`]: {}
|
3769
3776
|
}
|
3770
3777
|
}
|
3771
3778
|
}
|
@@ -5573,7 +5580,7 @@ const listbox = plugin.withOptions(
|
|
5573
5580
|
[`@apply h-${config.button.iconBox.innerSize} w-${config.button.iconBox.innerSize}`]: {}
|
5574
5581
|
}
|
5575
5582
|
},
|
5576
|
-
[`.${prefix}-
|
5583
|
+
[`.${prefix}-listbox-placeholder`]: {
|
5577
5584
|
[`@apply text-${config.button.placeholder.text} dark:text-${config.button.placeholder.textDark} truncate text-${config.button.placeholder.textPosition}`]: {}
|
5578
5585
|
}
|
5579
5586
|
},
|
@@ -7148,7 +7155,7 @@ const defaultRadioConfig = {
|
|
7148
7155
|
size: "5"
|
7149
7156
|
},
|
7150
7157
|
labelText: {
|
7151
|
-
text: "
|
7158
|
+
text: "muted-400",
|
7152
7159
|
textSize: "sm",
|
7153
7160
|
font: "sans"
|
7154
7161
|
},
|
@@ -7245,6 +7252,50 @@ const radio = plugin.withOptions(
|
|
7245
7252
|
}
|
7246
7253
|
);
|
7247
7254
|
|
7255
|
+
const defaultRadioHeadlessConfig = {
|
7256
|
+
label: {
|
7257
|
+
text: "muted-400",
|
7258
|
+
textSize: "sm",
|
7259
|
+
font: "sans"
|
7260
|
+
},
|
7261
|
+
input: {
|
7262
|
+
size: "full"
|
7263
|
+
}
|
7264
|
+
};
|
7265
|
+
const radioHeadless = plugin.withOptions(
|
7266
|
+
function(options) {
|
7267
|
+
const { prefix } = defu(options, defaultPluginOptions);
|
7268
|
+
return function({ addComponents, theme }) {
|
7269
|
+
const config = theme(
|
7270
|
+
"shurikenUi.radioHeadless"
|
7271
|
+
);
|
7272
|
+
addComponents({
|
7273
|
+
[`.${prefix}-radio-headless`]: {
|
7274
|
+
[`@apply relative`]: {},
|
7275
|
+
[`.${prefix}-radio-headless-label`]: {
|
7276
|
+
[`@apply text-${config.label.text} mb-1 inline-block cursor-pointer select-none font-${config.label.font} text-${config.label.textSize}`]: {}
|
7277
|
+
},
|
7278
|
+
[`.${prefix}-radio-headless-inner`]: {
|
7279
|
+
[`@apply relative`]: {},
|
7280
|
+
[`.${prefix}-radio-headless-input`]: {
|
7281
|
+
[`@apply absolute inset-0 z-20 h-${config.input.size} w-${config.input.size} cursor-pointer disabled:cursor-not-allowed opacity-0`]: {}
|
7282
|
+
}
|
7283
|
+
}
|
7284
|
+
}
|
7285
|
+
});
|
7286
|
+
};
|
7287
|
+
},
|
7288
|
+
function() {
|
7289
|
+
return {
|
7290
|
+
theme: {
|
7291
|
+
shurikenUi: {
|
7292
|
+
radioHeadless: defaultRadioHeadlessConfig
|
7293
|
+
}
|
7294
|
+
}
|
7295
|
+
};
|
7296
|
+
}
|
7297
|
+
);
|
7298
|
+
|
7248
7299
|
const defaultSelectConfig = {
|
7249
7300
|
labelFloat: {
|
7250
7301
|
text: "primary-500",
|
@@ -7951,12 +8002,12 @@ const switchBall = plugin.withOptions(
|
|
7951
8002
|
[`.${prefix}-switch-ball-single-label`]: {
|
7952
8003
|
[`@apply text-${config.singleLabel.text} relative ms-3 cursor-pointer select-none font-${config.singleLabel.font} text-${config.singleLabel.textSize}`]: {}
|
7953
8004
|
},
|
7954
|
-
[`.${prefix}-switch-dual-label`]: {
|
8005
|
+
[`.${prefix}-switch-ball-dual-label`]: {
|
7955
8006
|
[`@apply ms-3`]: {},
|
7956
|
-
[`.${prefix}-switch-label`]: {
|
8007
|
+
[`.${prefix}-switch-ball-label`]: {
|
7957
8008
|
[`@apply font-${config.dualLabel.label.font} text-${config.dualLabel.label.text} block text-${config.dualLabel.label.textSize} font-${config.dualLabel.label.fontWeight} dark:text-${config.dualLabel.label.textDark}`]: {}
|
7958
8009
|
},
|
7959
|
-
[`.${prefix}-switch-sublabel`]: {
|
8010
|
+
[`.${prefix}-switch-ball-sublabel`]: {
|
7960
8011
|
[`@apply text-${config.dualLabel.sublabel.text} block font-${config.dualLabel.sublabel.font} text-${config.dualLabel.sublabel.textSize}`]: {}
|
7961
8012
|
}
|
7962
8013
|
},
|
@@ -8067,12 +8118,12 @@ const switchThin = plugin.withOptions(
|
|
8067
8118
|
[`.${prefix}-switch-thin-single-label`]: {
|
8068
8119
|
[`@apply text-${config.singleLabel.text} relative ms-3 cursor-pointer select-none font-${config.singleLabel.font} text-${config.singleLabel.textSize}`]: {}
|
8069
8120
|
},
|
8070
|
-
[`.${prefix}-switch-dual-label`]: {
|
8121
|
+
[`.${prefix}-switch-thin-dual-label`]: {
|
8071
8122
|
[`@apply ms-3`]: {},
|
8072
|
-
[`.${prefix}-switch-label`]: {
|
8123
|
+
[`.${prefix}-switch-thin-label`]: {
|
8073
8124
|
[`@apply font-${config.dualLabel.label.font} text-${config.dualLabel.label.text} block text-${config.dualLabel.label.textSize} font-${config.dualLabel.label.fontWeight} dark:text-${config.dualLabel.label.textDark}`]: {}
|
8074
8125
|
},
|
8075
|
-
[`.${prefix}-switch-sublabel`]: {
|
8126
|
+
[`.${prefix}-switch-thin-sublabel`]: {
|
8076
8127
|
[`@apply text-${config.dualLabel.sublabel.text} block font-${config.dualLabel.sublabel.font} text-${config.dualLabel.sublabel.textSize}`]: {}
|
8077
8128
|
}
|
8078
8129
|
},
|
@@ -8932,6 +8983,9 @@ const textarea = plugin.withOptions(
|
|
8932
8983
|
[`@apply ${prefix}-focus w-${config.textarea.size}`]: {},
|
8933
8984
|
[`&:focus-visible ~ .${prefix}-label-float`]: {
|
8934
8985
|
[`@apply !text-${config.textarea.focusVisible.labelFloat.text} dark:!text-${config.textarea.focusVisible.labelFloat.textDark}`]: {}
|
8986
|
+
},
|
8987
|
+
[`&.${prefix}-textarea-focus`]: {
|
8988
|
+
[`@apply focus:!border-${config.textarea.focus.border} transition-colors duration-${config.textarea.focus.duration}`]: {}
|
8935
8989
|
}
|
8936
8990
|
},
|
8937
8991
|
[`.${prefix}-textarea-error-text`]: {
|
@@ -9019,9 +9073,6 @@ const textarea = plugin.withOptions(
|
|
9019
9073
|
[`@apply !border-${config.textarea.error.border} dark:!border-${config.textarea.error.borderDark}`]: {}
|
9020
9074
|
}
|
9021
9075
|
},
|
9022
|
-
[`&.${prefix}-textarea-focus`]: {
|
9023
|
-
[`@apply focus-visible:!border-${config.textarea.focus.border} transition-colors duration-${config.textarea.focus.duration}`]: {}
|
9024
|
-
},
|
9025
9076
|
[`&.${prefix}-textarea-no-resize`]: {
|
9026
9077
|
[`.${prefix}-textarea`]: {
|
9027
9078
|
[`@apply resize-none`]: {}
|
@@ -9763,6 +9814,7 @@ const components = [
|
|
9763
9814
|
progress,
|
9764
9815
|
prose,
|
9765
9816
|
radio,
|
9817
|
+
radioHeadless,
|
9766
9818
|
select,
|
9767
9819
|
slimscroll,
|
9768
9820
|
snack,
|