@shuriken-ui/tailwind 2.0.0-next.7 → 2.0.0-next.9
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 +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
|
}
|