@shuriken-ui/tailwind 2.0.0-next.7 → 2.0.0-next.9
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/preset.cjs +31 -31
- package/dist/preset.mjs +31 -31
- package/package.json +1 -1
package/dist/preset.cjs
CHANGED
|
@@ -5383,63 +5383,63 @@ const card = plugin__default.withOptions(
|
|
|
5383
5383
|
//Color:white
|
|
5384
5384
|
[`&.${prefix}card-white`]: {
|
|
5385
5385
|
//Border
|
|
5386
|
-
[`@apply border border-${config.color.white.border.light} dark:border-${config.color.white.border.
|
|
5386
|
+
[`@apply border border-${config.color.white.border.light} dark:border-${config.color.white.border.dark}`]: {},
|
|
5387
5387
|
//Background
|
|
5388
5388
|
[`@apply bg-${config.color.white.background.light} dark:bg-${config.color.white.background.dark}`]: {}
|
|
5389
5389
|
},
|
|
5390
5390
|
//Color:whiteContrast
|
|
5391
5391
|
[`&.${prefix}card-white-contrast`]: {
|
|
5392
5392
|
//Border
|
|
5393
|
-
[`@apply border border-${config.color.whiteContrast.border.light} dark:border-${config.color.whiteContrast.border.
|
|
5393
|
+
[`@apply border border-${config.color.whiteContrast.border.light} dark:border-${config.color.whiteContrast.border.dark}`]: {},
|
|
5394
5394
|
//Background
|
|
5395
5395
|
[`@apply bg-${config.color.whiteContrast.background.light} dark:bg-${config.color.whiteContrast.background.dark}`]: {}
|
|
5396
5396
|
},
|
|
5397
5397
|
//Color:muted
|
|
5398
5398
|
[`&.${prefix}card-muted`]: {
|
|
5399
5399
|
//Border
|
|
5400
|
-
[`@apply border border-${config.color.muted.border.light} dark:border-${config.color.muted.border.
|
|
5400
|
+
[`@apply border border-${config.color.muted.border.light} dark:border-${config.color.muted.border.dark}`]: {},
|
|
5401
5401
|
//Background
|
|
5402
5402
|
[`@apply bg-${config.color.muted.background.light} dark:bg-${config.color.muted.background.dark}`]: {}
|
|
5403
5403
|
},
|
|
5404
5404
|
//Color:mutedContrast
|
|
5405
5405
|
[`&.${prefix}card-muted-contrast`]: {
|
|
5406
5406
|
//Border
|
|
5407
|
-
[`@apply border border-${config.color.mutedContrast.border.light} dark:border-${config.color.mutedContrast.border.
|
|
5407
|
+
[`@apply border border-${config.color.mutedContrast.border.light} dark:border-${config.color.mutedContrast.border.dark}`]: {},
|
|
5408
5408
|
//Background
|
|
5409
5409
|
[`@apply bg-${config.color.mutedContrast.background.light} dark:bg-${config.color.mutedContrast.background.dark}`]: {}
|
|
5410
5410
|
},
|
|
5411
5411
|
//Color:primary
|
|
5412
5412
|
[`&.${prefix}card-primary`]: {
|
|
5413
5413
|
//Border
|
|
5414
|
-
[`@apply border border-${config.color.primary.border.light} dark:border-${config.color.primary.border.
|
|
5414
|
+
[`@apply border border-${config.color.primary.border.light} dark:border-${config.color.primary.border.dark}`]: {},
|
|
5415
5415
|
//Background
|
|
5416
5416
|
[`@apply bg-${config.color.primary.background.light} dark:bg-${config.color.primary.background.dark}`]: {}
|
|
5417
5417
|
},
|
|
5418
5418
|
//Color:info
|
|
5419
5419
|
[`&.${prefix}card-info`]: {
|
|
5420
5420
|
//Border
|
|
5421
|
-
[`@apply border border-${config.color.info.border.light} dark:border-${config.color.info.border.
|
|
5421
|
+
[`@apply border border-${config.color.info.border.light} dark:border-${config.color.info.border.dark}`]: {},
|
|
5422
5422
|
//Background
|
|
5423
5423
|
[`@apply bg-${config.color.info.background.light} dark:bg-${config.color.info.background.dark}`]: {}
|
|
5424
5424
|
},
|
|
5425
5425
|
//Color:success
|
|
5426
5426
|
[`&.${prefix}card-success`]: {
|
|
5427
5427
|
//Border
|
|
5428
|
-
[`@apply border border-${config.color.success.border.light} dark:border-${config.color.success.border.
|
|
5428
|
+
[`@apply border border-${config.color.success.border.light} dark:border-${config.color.success.border.dark}`]: {},
|
|
5429
5429
|
//Background
|
|
5430
5430
|
[`@apply bg-${config.color.success.background.light} dark:bg-${config.color.success.background.dark}`]: {}
|
|
5431
5431
|
},
|
|
5432
5432
|
//Color:warning
|
|
5433
5433
|
[`&.${prefix}card-warning`]: {
|
|
5434
5434
|
//Border
|
|
5435
|
-
[`@apply border border-${config.color.warning.border.light} dark:border-${config.color.warning.border.
|
|
5435
|
+
[`@apply border border-${config.color.warning.border.light} dark:border-${config.color.warning.border.dark}`]: {},
|
|
5436
5436
|
//Background
|
|
5437
5437
|
[`@apply bg-${config.color.warning.background.light} dark:bg-${config.color.warning.background.dark}`]: {}
|
|
5438
5438
|
},
|
|
5439
5439
|
//Color:danger
|
|
5440
5440
|
[`&.${prefix}card-danger`]: {
|
|
5441
5441
|
//Border
|
|
5442
|
-
[`@apply border border-${config.color.danger.border.light} dark:border-${config.color.danger.border.
|
|
5442
|
+
[`@apply border border-${config.color.danger.border.light} dark:border-${config.color.danger.border.dark}`]: {},
|
|
5443
5443
|
//Background
|
|
5444
5444
|
[`@apply bg-${config.color.danger.background.light} dark:bg-${config.color.danger.background.dark}`]: {}
|
|
5445
5445
|
},
|
|
@@ -10563,7 +10563,7 @@ const listbox = plugin__default.withOptions(
|
|
|
10563
10563
|
[`@apply text-${config.error.font.color.light} dark:text-${config.error.font.color.dark}`]: {}
|
|
10564
10564
|
},
|
|
10565
10565
|
//Listbox:placeload
|
|
10566
|
-
[`.${prefix}listbox-placeload`]: {
|
|
10566
|
+
[`.${prefix}listbox-placeload.${prefix}loading-placeload`]: {
|
|
10567
10567
|
[`@apply absolute start-0 top-0 flex w-full items-center px-4`]: {},
|
|
10568
10568
|
[`.${prefix}placeload`]: {
|
|
10569
10569
|
[`@apply h-3 w-full max-w-[75%] rounded`]: {}
|
|
@@ -10797,7 +10797,7 @@ const listbox = plugin__default.withOptions(
|
|
|
10797
10797
|
//Listbox:loading
|
|
10798
10798
|
[`&.${prefix}listbox-loading`]: {
|
|
10799
10799
|
[`.${prefix}listbox-button`]: {
|
|
10800
|
-
[`@apply !text-transparent placeholder:!text-transparent dark:placeholder:!text-transparent`]: {}
|
|
10800
|
+
[`@apply !text-transparent placeholder:!text-transparent dark:placeholder:!text-transparent pointer-events-none`]: {}
|
|
10801
10801
|
},
|
|
10802
10802
|
[`.${prefix}listbox-button ~ .${prefix}label-float`]: {
|
|
10803
10803
|
[`@apply text-transparent`]: {}
|
|
@@ -10861,13 +10861,13 @@ const listbox = plugin__default.withOptions(
|
|
|
10861
10861
|
//Without:icon && Size:sm && Label:float
|
|
10862
10862
|
[`&.${prefix}listbox-label-float:not(.${prefix}has-icon).${prefix}listbox-sm`]: {
|
|
10863
10863
|
[`.${prefix}label-float`]: {
|
|
10864
|
-
[`@apply start-3 ms-
|
|
10864
|
+
[`@apply start-3 -ms-3 -mt-7 text-${config.icon.disabled.label.float.sm.font.size} text-transparent`]: {}
|
|
10865
10865
|
},
|
|
10866
|
-
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float`]: {
|
|
10867
|
-
[`@apply !-ms-3 !-mt-7 !text-${config.label.float.font.color}
|
|
10866
|
+
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float, .${prefix}label-float-active`]: {
|
|
10867
|
+
[`@apply !-ms-3 !-mt-7 !text-${config.label.float.font.color}`]: {}
|
|
10868
10868
|
},
|
|
10869
|
-
[`.${prefix}listbox-button
|
|
10870
|
-
[`@apply ms-0 mt-0
|
|
10869
|
+
[`.${prefix}listbox-button ~ .${prefix}label-float`]: {
|
|
10870
|
+
[`@apply ms-0 mt-0`]: {}
|
|
10871
10871
|
}
|
|
10872
10872
|
},
|
|
10873
10873
|
//With:icon && Size:sm && Label:float
|
|
@@ -10875,7 +10875,7 @@ const listbox = plugin__default.withOptions(
|
|
|
10875
10875
|
[`.${prefix}label-float`]: {
|
|
10876
10876
|
[`@apply start-8 -ms-8 -mt-7 text-${config.icon.disabled.label.float.sm.font.size} text-transparent`]: {}
|
|
10877
10877
|
},
|
|
10878
|
-
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float`]: {
|
|
10878
|
+
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float, .${prefix}label-float-active`]: {
|
|
10879
10879
|
[`@apply !-ms-8 !-mt-7 !text-${config.label.float.font.color}`]: {}
|
|
10880
10880
|
},
|
|
10881
10881
|
[`.${prefix}listbox-button ~ .${prefix}label-float`]: {
|
|
@@ -10885,10 +10885,10 @@ const listbox = plugin__default.withOptions(
|
|
|
10885
10885
|
//Without:icon && Size:md && Label:float
|
|
10886
10886
|
[`&.${prefix}listbox-label-float:not(.${prefix}has-icon).${prefix}listbox-md`]: {
|
|
10887
10887
|
[`.${prefix}label-float`]: {
|
|
10888
|
-
[`@apply start-3 -ms-3 -mt-
|
|
10888
|
+
[`@apply start-3 -ms-3 -mt-7 text-${config.icon.disabled.label.float.md.font.size.base} text-transparent`]: {}
|
|
10889
10889
|
},
|
|
10890
|
-
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float`]: {
|
|
10891
|
-
[`@apply !-ms-3 !-mt-
|
|
10890
|
+
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float, .${prefix}label-float-active`]: {
|
|
10891
|
+
[`@apply !-ms-3 !-mt-7 !text-${config.icon.disabled.label.float.md.font.size.focus} !text-${config.label.float.font.color}`]: {}
|
|
10892
10892
|
},
|
|
10893
10893
|
[`.${prefix}listbox-button ~ .${prefix}label-float`]: {
|
|
10894
10894
|
[`@apply ms-0 mt-0 text-${config.icon.disabled.label.float.md.font.size.base}`]: {}
|
|
@@ -10897,10 +10897,10 @@ const listbox = plugin__default.withOptions(
|
|
|
10897
10897
|
//With:icon && Size:md && Label:float
|
|
10898
10898
|
[`&.${prefix}listbox-label-float.${prefix}has-icon.${prefix}listbox-md`]: {
|
|
10899
10899
|
[`.${prefix}label-float`]: {
|
|
10900
|
-
[`@apply start-10 -ms-10 -mt-
|
|
10900
|
+
[`@apply start-10 -ms-10 -mt-7 text-${config.icon.enabled.label.float.md.font.size.base} text-transparent`]: {}
|
|
10901
10901
|
},
|
|
10902
|
-
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float`]: {
|
|
10903
|
-
[`@apply !-ms-10 !-mt-
|
|
10902
|
+
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float, .${prefix}label-float-active`]: {
|
|
10903
|
+
[`@apply !-ms-10 !-mt-7 !text-${config.icon.enabled.label.float.md.font.size.focus} !text-${config.label.float.font.color}`]: {}
|
|
10904
10904
|
},
|
|
10905
10905
|
[`.${prefix}listbox-button ~ .${prefix}label-float`]: {
|
|
10906
10906
|
[`@apply ms-0 mt-0 text-${config.icon.enabled.label.float.md.font.size.unfocus}`]: {}
|
|
@@ -10909,10 +10909,10 @@ const listbox = plugin__default.withOptions(
|
|
|
10909
10909
|
//Without:icon && Size:lg && Label:float
|
|
10910
10910
|
[`&.${prefix}listbox-label-float:not(.${prefix}has-icon).${prefix}listbox-lg`]: {
|
|
10911
10911
|
[`.${prefix}label-float`]: {
|
|
10912
|
-
[`@apply start-3 -ms-3 -mt-
|
|
10912
|
+
[`@apply start-3 -ms-3 -mt-7 text-${config.icon.disabled.label.float.lg.font.size.base} text-transparent`]: {}
|
|
10913
10913
|
},
|
|
10914
|
-
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float`]: {
|
|
10915
|
-
[`@apply !-ms-3 !-mt-
|
|
10914
|
+
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float, .${prefix}label-float-active`]: {
|
|
10915
|
+
[`@apply !-ms-3 !-mt-7 !text-${config.icon.disabled.label.float.lg.font.size.focus} !text-${config.label.float.font.color}`]: {}
|
|
10916
10916
|
},
|
|
10917
10917
|
[`.${prefix}listbox-button ~ .${prefix}label-float`]: {
|
|
10918
10918
|
[`@apply ms-0 mt-0 text-${config.icon.disabled.label.float.lg.font.size.unfocus}`]: {}
|
|
@@ -10921,10 +10921,10 @@ const listbox = plugin__default.withOptions(
|
|
|
10921
10921
|
//With:icon && Size:lg && Label:float
|
|
10922
10922
|
[`&.${prefix}listbox-label-float.${prefix}has-icon.${prefix}listbox-lg`]: {
|
|
10923
10923
|
[`.${prefix}label-float`]: {
|
|
10924
|
-
[`@apply start-11 -ms-10 -mt-
|
|
10924
|
+
[`@apply start-11 -ms-10 -mt-7 text-${config.icon.enabled.label.float.lg.font.size.base} text-transparent`]: {}
|
|
10925
10925
|
},
|
|
10926
|
-
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float`]: {
|
|
10927
|
-
[`@apply !-ms-10 !-mt-
|
|
10926
|
+
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float, .${prefix}label-float-active`]: {
|
|
10927
|
+
[`@apply !-ms-10 !-mt-7 !text-${config.icon.enabled.label.float.lg.font.size.focus} !text-${config.label.float.font.color}`]: {}
|
|
10928
10928
|
},
|
|
10929
10929
|
[`.${prefix}listbox-button ~ .${prefix}label-float`]: {
|
|
10930
10930
|
[`@apply ms-0 mt-0 text-${config.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
|
@@ -16184,7 +16184,7 @@ const textarea = plugin__default.withOptions(
|
|
|
16184
16184
|
},
|
|
16185
16185
|
//Textarea
|
|
16186
16186
|
[`.${prefix}textarea`]: {
|
|
16187
|
-
[`@apply ${prefix}focus w-${config.textarea.width}`]: {},
|
|
16187
|
+
[`@apply ${prefix}focus w-${config.textarea.width} enabled:cursor-default cursor-not-allowed`]: {},
|
|
16188
16188
|
//Focus:label:float
|
|
16189
16189
|
[`&:focus-visible ~ .${prefix}label-float`]: {
|
|
16190
16190
|
[`@apply !text-${config.label.float.font.color} dark:!text-${config.label.float.font.color}`]: {}
|
|
@@ -16604,7 +16604,7 @@ const themeSwitch = plugin__default.withOptions(
|
|
|
16604
16604
|
[`@apply ring-offset-${config.inverted.disabled.ring.light} dark:ring-offset-${config.inverted.disabled.ring.dark}`]: {},
|
|
16605
16605
|
[`.${prefix}theme-switch-inner`]: {
|
|
16606
16606
|
//Border
|
|
16607
|
-
[`@apply border border-${config.inverted.disabled.inner.
|
|
16607
|
+
[`@apply border border-${config.inverted.disabled.inner.border.light} dark:border-${config.inverted.disabled.inner.border.dark}`]: {},
|
|
16608
16608
|
//Background
|
|
16609
16609
|
[`@apply bg-${config.inverted.disabled.inner.background.light} dark:bg-${config.inverted.disabled.inner.background.dark}`]: {}
|
|
16610
16610
|
}
|
package/dist/preset.mjs
CHANGED
|
@@ -5373,63 +5373,63 @@ const card = plugin.withOptions(
|
|
|
5373
5373
|
//Color:white
|
|
5374
5374
|
[`&.${prefix}card-white`]: {
|
|
5375
5375
|
//Border
|
|
5376
|
-
[`@apply border border-${config.color.white.border.light} dark:border-${config.color.white.border.
|
|
5376
|
+
[`@apply border border-${config.color.white.border.light} dark:border-${config.color.white.border.dark}`]: {},
|
|
5377
5377
|
//Background
|
|
5378
5378
|
[`@apply bg-${config.color.white.background.light} dark:bg-${config.color.white.background.dark}`]: {}
|
|
5379
5379
|
},
|
|
5380
5380
|
//Color:whiteContrast
|
|
5381
5381
|
[`&.${prefix}card-white-contrast`]: {
|
|
5382
5382
|
//Border
|
|
5383
|
-
[`@apply border border-${config.color.whiteContrast.border.light} dark:border-${config.color.whiteContrast.border.
|
|
5383
|
+
[`@apply border border-${config.color.whiteContrast.border.light} dark:border-${config.color.whiteContrast.border.dark}`]: {},
|
|
5384
5384
|
//Background
|
|
5385
5385
|
[`@apply bg-${config.color.whiteContrast.background.light} dark:bg-${config.color.whiteContrast.background.dark}`]: {}
|
|
5386
5386
|
},
|
|
5387
5387
|
//Color:muted
|
|
5388
5388
|
[`&.${prefix}card-muted`]: {
|
|
5389
5389
|
//Border
|
|
5390
|
-
[`@apply border border-${config.color.muted.border.light} dark:border-${config.color.muted.border.
|
|
5390
|
+
[`@apply border border-${config.color.muted.border.light} dark:border-${config.color.muted.border.dark}`]: {},
|
|
5391
5391
|
//Background
|
|
5392
5392
|
[`@apply bg-${config.color.muted.background.light} dark:bg-${config.color.muted.background.dark}`]: {}
|
|
5393
5393
|
},
|
|
5394
5394
|
//Color:mutedContrast
|
|
5395
5395
|
[`&.${prefix}card-muted-contrast`]: {
|
|
5396
5396
|
//Border
|
|
5397
|
-
[`@apply border border-${config.color.mutedContrast.border.light} dark:border-${config.color.mutedContrast.border.
|
|
5397
|
+
[`@apply border border-${config.color.mutedContrast.border.light} dark:border-${config.color.mutedContrast.border.dark}`]: {},
|
|
5398
5398
|
//Background
|
|
5399
5399
|
[`@apply bg-${config.color.mutedContrast.background.light} dark:bg-${config.color.mutedContrast.background.dark}`]: {}
|
|
5400
5400
|
},
|
|
5401
5401
|
//Color:primary
|
|
5402
5402
|
[`&.${prefix}card-primary`]: {
|
|
5403
5403
|
//Border
|
|
5404
|
-
[`@apply border border-${config.color.primary.border.light} dark:border-${config.color.primary.border.
|
|
5404
|
+
[`@apply border border-${config.color.primary.border.light} dark:border-${config.color.primary.border.dark}`]: {},
|
|
5405
5405
|
//Background
|
|
5406
5406
|
[`@apply bg-${config.color.primary.background.light} dark:bg-${config.color.primary.background.dark}`]: {}
|
|
5407
5407
|
},
|
|
5408
5408
|
//Color:info
|
|
5409
5409
|
[`&.${prefix}card-info`]: {
|
|
5410
5410
|
//Border
|
|
5411
|
-
[`@apply border border-${config.color.info.border.light} dark:border-${config.color.info.border.
|
|
5411
|
+
[`@apply border border-${config.color.info.border.light} dark:border-${config.color.info.border.dark}`]: {},
|
|
5412
5412
|
//Background
|
|
5413
5413
|
[`@apply bg-${config.color.info.background.light} dark:bg-${config.color.info.background.dark}`]: {}
|
|
5414
5414
|
},
|
|
5415
5415
|
//Color:success
|
|
5416
5416
|
[`&.${prefix}card-success`]: {
|
|
5417
5417
|
//Border
|
|
5418
|
-
[`@apply border border-${config.color.success.border.light} dark:border-${config.color.success.border.
|
|
5418
|
+
[`@apply border border-${config.color.success.border.light} dark:border-${config.color.success.border.dark}`]: {},
|
|
5419
5419
|
//Background
|
|
5420
5420
|
[`@apply bg-${config.color.success.background.light} dark:bg-${config.color.success.background.dark}`]: {}
|
|
5421
5421
|
},
|
|
5422
5422
|
//Color:warning
|
|
5423
5423
|
[`&.${prefix}card-warning`]: {
|
|
5424
5424
|
//Border
|
|
5425
|
-
[`@apply border border-${config.color.warning.border.light} dark:border-${config.color.warning.border.
|
|
5425
|
+
[`@apply border border-${config.color.warning.border.light} dark:border-${config.color.warning.border.dark}`]: {},
|
|
5426
5426
|
//Background
|
|
5427
5427
|
[`@apply bg-${config.color.warning.background.light} dark:bg-${config.color.warning.background.dark}`]: {}
|
|
5428
5428
|
},
|
|
5429
5429
|
//Color:danger
|
|
5430
5430
|
[`&.${prefix}card-danger`]: {
|
|
5431
5431
|
//Border
|
|
5432
|
-
[`@apply border border-${config.color.danger.border.light} dark:border-${config.color.danger.border.
|
|
5432
|
+
[`@apply border border-${config.color.danger.border.light} dark:border-${config.color.danger.border.dark}`]: {},
|
|
5433
5433
|
//Background
|
|
5434
5434
|
[`@apply bg-${config.color.danger.background.light} dark:bg-${config.color.danger.background.dark}`]: {}
|
|
5435
5435
|
},
|
|
@@ -10553,7 +10553,7 @@ const listbox = plugin.withOptions(
|
|
|
10553
10553
|
[`@apply text-${config.error.font.color.light} dark:text-${config.error.font.color.dark}`]: {}
|
|
10554
10554
|
},
|
|
10555
10555
|
//Listbox:placeload
|
|
10556
|
-
[`.${prefix}listbox-placeload`]: {
|
|
10556
|
+
[`.${prefix}listbox-placeload.${prefix}loading-placeload`]: {
|
|
10557
10557
|
[`@apply absolute start-0 top-0 flex w-full items-center px-4`]: {},
|
|
10558
10558
|
[`.${prefix}placeload`]: {
|
|
10559
10559
|
[`@apply h-3 w-full max-w-[75%] rounded`]: {}
|
|
@@ -10787,7 +10787,7 @@ const listbox = plugin.withOptions(
|
|
|
10787
10787
|
//Listbox:loading
|
|
10788
10788
|
[`&.${prefix}listbox-loading`]: {
|
|
10789
10789
|
[`.${prefix}listbox-button`]: {
|
|
10790
|
-
[`@apply !text-transparent placeholder:!text-transparent dark:placeholder:!text-transparent`]: {}
|
|
10790
|
+
[`@apply !text-transparent placeholder:!text-transparent dark:placeholder:!text-transparent pointer-events-none`]: {}
|
|
10791
10791
|
},
|
|
10792
10792
|
[`.${prefix}listbox-button ~ .${prefix}label-float`]: {
|
|
10793
10793
|
[`@apply text-transparent`]: {}
|
|
@@ -10851,13 +10851,13 @@ const listbox = plugin.withOptions(
|
|
|
10851
10851
|
//Without:icon && Size:sm && Label:float
|
|
10852
10852
|
[`&.${prefix}listbox-label-float:not(.${prefix}has-icon).${prefix}listbox-sm`]: {
|
|
10853
10853
|
[`.${prefix}label-float`]: {
|
|
10854
|
-
[`@apply start-3 ms-
|
|
10854
|
+
[`@apply start-3 -ms-3 -mt-7 text-${config.icon.disabled.label.float.sm.font.size} text-transparent`]: {}
|
|
10855
10855
|
},
|
|
10856
|
-
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float`]: {
|
|
10857
|
-
[`@apply !-ms-3 !-mt-7 !text-${config.label.float.font.color}
|
|
10856
|
+
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float, .${prefix}label-float-active`]: {
|
|
10857
|
+
[`@apply !-ms-3 !-mt-7 !text-${config.label.float.font.color}`]: {}
|
|
10858
10858
|
},
|
|
10859
|
-
[`.${prefix}listbox-button
|
|
10860
|
-
[`@apply ms-0 mt-0
|
|
10859
|
+
[`.${prefix}listbox-button ~ .${prefix}label-float`]: {
|
|
10860
|
+
[`@apply ms-0 mt-0`]: {}
|
|
10861
10861
|
}
|
|
10862
10862
|
},
|
|
10863
10863
|
//With:icon && Size:sm && Label:float
|
|
@@ -10865,7 +10865,7 @@ const listbox = plugin.withOptions(
|
|
|
10865
10865
|
[`.${prefix}label-float`]: {
|
|
10866
10866
|
[`@apply start-8 -ms-8 -mt-7 text-${config.icon.disabled.label.float.sm.font.size} text-transparent`]: {}
|
|
10867
10867
|
},
|
|
10868
|
-
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float`]: {
|
|
10868
|
+
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float, .${prefix}label-float-active`]: {
|
|
10869
10869
|
[`@apply !-ms-8 !-mt-7 !text-${config.label.float.font.color}`]: {}
|
|
10870
10870
|
},
|
|
10871
10871
|
[`.${prefix}listbox-button ~ .${prefix}label-float`]: {
|
|
@@ -10875,10 +10875,10 @@ const listbox = plugin.withOptions(
|
|
|
10875
10875
|
//Without:icon && Size:md && Label:float
|
|
10876
10876
|
[`&.${prefix}listbox-label-float:not(.${prefix}has-icon).${prefix}listbox-md`]: {
|
|
10877
10877
|
[`.${prefix}label-float`]: {
|
|
10878
|
-
[`@apply start-3 -ms-3 -mt-
|
|
10878
|
+
[`@apply start-3 -ms-3 -mt-7 text-${config.icon.disabled.label.float.md.font.size.base} text-transparent`]: {}
|
|
10879
10879
|
},
|
|
10880
|
-
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float`]: {
|
|
10881
|
-
[`@apply !-ms-3 !-mt-
|
|
10880
|
+
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float, .${prefix}label-float-active`]: {
|
|
10881
|
+
[`@apply !-ms-3 !-mt-7 !text-${config.icon.disabled.label.float.md.font.size.focus} !text-${config.label.float.font.color}`]: {}
|
|
10882
10882
|
},
|
|
10883
10883
|
[`.${prefix}listbox-button ~ .${prefix}label-float`]: {
|
|
10884
10884
|
[`@apply ms-0 mt-0 text-${config.icon.disabled.label.float.md.font.size.base}`]: {}
|
|
@@ -10887,10 +10887,10 @@ const listbox = plugin.withOptions(
|
|
|
10887
10887
|
//With:icon && Size:md && Label:float
|
|
10888
10888
|
[`&.${prefix}listbox-label-float.${prefix}has-icon.${prefix}listbox-md`]: {
|
|
10889
10889
|
[`.${prefix}label-float`]: {
|
|
10890
|
-
[`@apply start-10 -ms-10 -mt-
|
|
10890
|
+
[`@apply start-10 -ms-10 -mt-7 text-${config.icon.enabled.label.float.md.font.size.base} text-transparent`]: {}
|
|
10891
10891
|
},
|
|
10892
|
-
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float`]: {
|
|
10893
|
-
[`@apply !-ms-10 !-mt-
|
|
10892
|
+
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float, .${prefix}label-float-active`]: {
|
|
10893
|
+
[`@apply !-ms-10 !-mt-7 !text-${config.icon.enabled.label.float.md.font.size.focus} !text-${config.label.float.font.color}`]: {}
|
|
10894
10894
|
},
|
|
10895
10895
|
[`.${prefix}listbox-button ~ .${prefix}label-float`]: {
|
|
10896
10896
|
[`@apply ms-0 mt-0 text-${config.icon.enabled.label.float.md.font.size.unfocus}`]: {}
|
|
@@ -10899,10 +10899,10 @@ const listbox = plugin.withOptions(
|
|
|
10899
10899
|
//Without:icon && Size:lg && Label:float
|
|
10900
10900
|
[`&.${prefix}listbox-label-float:not(.${prefix}has-icon).${prefix}listbox-lg`]: {
|
|
10901
10901
|
[`.${prefix}label-float`]: {
|
|
10902
|
-
[`@apply start-3 -ms-3 -mt-
|
|
10902
|
+
[`@apply start-3 -ms-3 -mt-7 text-${config.icon.disabled.label.float.lg.font.size.base} text-transparent`]: {}
|
|
10903
10903
|
},
|
|
10904
|
-
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float`]: {
|
|
10905
|
-
[`@apply !-ms-3 !-mt-
|
|
10904
|
+
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float, .${prefix}label-float-active`]: {
|
|
10905
|
+
[`@apply !-ms-3 !-mt-7 !text-${config.icon.disabled.label.float.lg.font.size.focus} !text-${config.label.float.font.color}`]: {}
|
|
10906
10906
|
},
|
|
10907
10907
|
[`.${prefix}listbox-button ~ .${prefix}label-float`]: {
|
|
10908
10908
|
[`@apply ms-0 mt-0 text-${config.icon.disabled.label.float.lg.font.size.unfocus}`]: {}
|
|
@@ -10911,10 +10911,10 @@ const listbox = plugin.withOptions(
|
|
|
10911
10911
|
//With:icon && Size:lg && Label:float
|
|
10912
10912
|
[`&.${prefix}listbox-label-float.${prefix}has-icon.${prefix}listbox-lg`]: {
|
|
10913
10913
|
[`.${prefix}label-float`]: {
|
|
10914
|
-
[`@apply start-11 -ms-10 -mt-
|
|
10914
|
+
[`@apply start-11 -ms-10 -mt-7 text-${config.icon.enabled.label.float.lg.font.size.base} text-transparent`]: {}
|
|
10915
10915
|
},
|
|
10916
|
-
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float`]: {
|
|
10917
|
-
[`@apply !-ms-10 !-mt-
|
|
10916
|
+
[`.${prefix}listbox-button:focus-visible ~ .${prefix}label-float, .${prefix}listbox-button:focus ~ .${prefix}label-float, .${prefix}label-float-active`]: {
|
|
10917
|
+
[`@apply !-ms-10 !-mt-7 !text-${config.icon.enabled.label.float.lg.font.size.focus} !text-${config.label.float.font.color}`]: {}
|
|
10918
10918
|
},
|
|
10919
10919
|
[`.${prefix}listbox-button ~ .${prefix}label-float`]: {
|
|
10920
10920
|
[`@apply ms-0 mt-0 text-${config.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
|
@@ -16174,7 +16174,7 @@ const textarea = plugin.withOptions(
|
|
|
16174
16174
|
},
|
|
16175
16175
|
//Textarea
|
|
16176
16176
|
[`.${prefix}textarea`]: {
|
|
16177
|
-
[`@apply ${prefix}focus w-${config.textarea.width}`]: {},
|
|
16177
|
+
[`@apply ${prefix}focus w-${config.textarea.width} enabled:cursor-default cursor-not-allowed`]: {},
|
|
16178
16178
|
//Focus:label:float
|
|
16179
16179
|
[`&:focus-visible ~ .${prefix}label-float`]: {
|
|
16180
16180
|
[`@apply !text-${config.label.float.font.color} dark:!text-${config.label.float.font.color}`]: {}
|
|
@@ -16594,7 +16594,7 @@ const themeSwitch = plugin.withOptions(
|
|
|
16594
16594
|
[`@apply ring-offset-${config.inverted.disabled.ring.light} dark:ring-offset-${config.inverted.disabled.ring.dark}`]: {},
|
|
16595
16595
|
[`.${prefix}theme-switch-inner`]: {
|
|
16596
16596
|
//Border
|
|
16597
|
-
[`@apply border border-${config.inverted.disabled.inner.
|
|
16597
|
+
[`@apply border border-${config.inverted.disabled.inner.border.light} dark:border-${config.inverted.disabled.inner.border.dark}`]: {},
|
|
16598
16598
|
//Background
|
|
16599
16599
|
[`@apply bg-${config.inverted.disabled.inner.background.light} dark:bg-${config.inverted.disabled.inner.background.dark}`]: {}
|
|
16600
16600
|
}
|