@shuriken-ui/tailwind 1.2.1 → 1.2.3
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/preset.cjs +55 -32
- package/dist/preset.mjs +55 -32
- package/package.json +7 -8
package/dist/preset.cjs
CHANGED
|
@@ -120,10 +120,10 @@ const accordion = plugin__default.withOptions(
|
|
|
120
120
|
[`@apply border-${config.outer.border} dark:border-${config.outer.borderDark} dark:bg-${config.outer.bgDark} ms-2 flex h-${config.outer.size} w-${config.outer.size} items-center justify-center rounded-${config.outer.rounded} border bg-${config.outer.bg} transition-all duration-${config.outer.duration}`]: {}
|
|
121
121
|
},
|
|
122
122
|
[`.${prefix}chevron-icon`]: {
|
|
123
|
-
[`@apply h-${config.chevronIcon.size} w-${config.chevronIcon.size} transition-transform duration-${config.chevronIcon.duration}`]: {}
|
|
123
|
+
[`@apply text-muted-400 h-${config.chevronIcon.size} w-${config.chevronIcon.size} transition-transform duration-${config.chevronIcon.duration}`]: {}
|
|
124
124
|
},
|
|
125
125
|
[`.${prefix}plus-icon`]: {
|
|
126
|
-
[`@apply h-${config.plusIcon.size} w-${config.plusIcon.size} transition-transform duration-${config.plusIcon.duration}`]: {}
|
|
126
|
+
[`@apply text-muted-400 h-${config.plusIcon.size} w-${config.plusIcon.size} transition-transform duration-${config.plusIcon.duration}`]: {}
|
|
127
127
|
},
|
|
128
128
|
[`.${prefix}accordion-content`]: {
|
|
129
129
|
[`@apply px-${config.content.space} pb-${config.content.space} font-${config.content.font} text-${config.content.text} dark:text-${config.content.textDark}`]: {}
|
|
@@ -350,7 +350,7 @@ const defaultAutocompleteConfig = {
|
|
|
350
350
|
}
|
|
351
351
|
},
|
|
352
352
|
muted: {
|
|
353
|
-
bg: "muted-
|
|
353
|
+
bg: "muted-100",
|
|
354
354
|
bgDark: "muted-900/75",
|
|
355
355
|
border: "muted-200",
|
|
356
356
|
borderDark: "muted-700",
|
|
@@ -365,7 +365,7 @@ const defaultAutocompleteConfig = {
|
|
|
365
365
|
bgDark: "muted-800"
|
|
366
366
|
},
|
|
367
367
|
resultsInner: {
|
|
368
|
-
bg: "
|
|
368
|
+
bg: "white",
|
|
369
369
|
bgDark: "muted-700"
|
|
370
370
|
}
|
|
371
371
|
},
|
|
@@ -385,7 +385,7 @@ const defaultAutocompleteConfig = {
|
|
|
385
385
|
bgDark: "muted-950/75"
|
|
386
386
|
},
|
|
387
387
|
resultsInner: {
|
|
388
|
-
bg: "
|
|
388
|
+
bg: "white",
|
|
389
389
|
bgDark: "muted-700"
|
|
390
390
|
}
|
|
391
391
|
},
|
|
@@ -531,7 +531,7 @@ const autocomplete = plugin__default.withOptions(
|
|
|
531
531
|
[`@apply px-2 py-1`]: {}
|
|
532
532
|
},
|
|
533
533
|
[`.${prefix}autocomplete-results-item-inner`]: {
|
|
534
|
-
[`@apply flex gap-2 cursor-pointer items-center p-${config.itemInner.space} transition-colors duration-${config.itemInner.duration}`]: {},
|
|
534
|
+
[`@apply text-muted-800 dark:text-muted-100 flex gap-2 cursor-pointer items-center p-${config.itemInner.space} transition-colors duration-${config.itemInner.duration}`]: {},
|
|
535
535
|
[`.${prefix}autocomplete-results-item-selected`]: {
|
|
536
536
|
[`@apply ms-auto flex items-center justify-center`]: {}
|
|
537
537
|
},
|
|
@@ -647,7 +647,7 @@ const autocomplete = plugin__default.withOptions(
|
|
|
647
647
|
[`@apply border bg-${config.default.bg} border-${config.default.border} text-${config.default.text} placeholder:text-${config.default.textPlaceholder} dark:border-${config.default.borderDark} dark:bg-${config.default.bgDark} dark:text-${config.default.textDark} dark:placeholder:text-${config.default.textPlaceholderDark}`]: {}
|
|
648
648
|
},
|
|
649
649
|
[`.${prefix}autocomplete-results`]: {
|
|
650
|
-
[`@apply border-${config.default.results.border} dark:border-${config.default.results.borderDark} dark:bg-${config.default.results.bgDark} border bg-${config.default.bg}`]: {}
|
|
650
|
+
[`@apply border-${config.default.results.border} dark:border-${config.default.results.borderDark} dark:bg-${config.default.results.bgDark} border bg-${config.default.results.bg}`]: {}
|
|
651
651
|
},
|
|
652
652
|
[`.${prefix}autocomplete-results-item-inner.${prefix}active`]: {
|
|
653
653
|
[`@apply bg-${config.default.resultsInner.bg} dark:bg-${config.default.resultsInner.bgDark}`]: {}
|
|
@@ -658,7 +658,7 @@ const autocomplete = plugin__default.withOptions(
|
|
|
658
658
|
[`@apply border bg-${config.defaultContrast.bg} border-${config.defaultContrast.border} text-${config.defaultContrast.text} placeholder:text-${config.defaultContrast.textPlaceholder} dark:border-${config.defaultContrast.borderDark} dark:bg-${config.defaultContrast.bgDark} dark:text-${config.defaultContrast.textDark} dark:placeholder:text-${config.defaultContrast.textPlaceholderDark}`]: {}
|
|
659
659
|
},
|
|
660
660
|
[`.${prefix}autocomplete-results`]: {
|
|
661
|
-
[`@apply border-${config.defaultContrast.results.border} dark:border-${config.defaultContrast.results.borderDark} dark:bg-${config.defaultContrast.results.bgDark} border bg-${config.defaultContrast.bg}`]: {}
|
|
661
|
+
[`@apply border-${config.defaultContrast.results.border} dark:border-${config.defaultContrast.results.borderDark} dark:bg-${config.defaultContrast.results.bgDark} border bg-${config.defaultContrast.results.bg}`]: {}
|
|
662
662
|
},
|
|
663
663
|
[`.${prefix}autocomplete-results-item-inner.${prefix}active`]: {
|
|
664
664
|
[`@apply bg-${config.defaultContrast.resultsInner.bg} dark:bg-${config.defaultContrast.resultsInner.bgDark}`]: {}
|
|
@@ -669,7 +669,7 @@ const autocomplete = plugin__default.withOptions(
|
|
|
669
669
|
[`@apply border bg-${config.muted.bg} border-${config.muted.border} text-${config.muted.text} placeholder:text-${config.muted.textPlaceholder} dark:border-${config.muted.borderDark} dark:bg-${config.muted.bgDark} dark:text-${config.muted.textDark} dark:placeholder:text-${config.muted.textPlaceholderDark}`]: {}
|
|
670
670
|
},
|
|
671
671
|
[`.${prefix}autocomplete-results`]: {
|
|
672
|
-
[`@apply border-${config.muted.results.border} dark:border-${config.muted.results.borderDark} dark:bg-${config.muted.results.bgDark} border bg-${config.muted.bg}`]: {}
|
|
672
|
+
[`@apply border-${config.muted.results.border} dark:border-${config.muted.results.borderDark} dark:bg-${config.muted.results.bgDark} border bg-${config.muted.results.bg}`]: {}
|
|
673
673
|
},
|
|
674
674
|
[`.${prefix}autocomplete-results-item-inner.${prefix}active`]: {
|
|
675
675
|
[`@apply bg-${config.muted.resultsInner.bg} dark:bg-${config.muted.resultsInner.bgDark}`]: {}
|
|
@@ -680,7 +680,7 @@ const autocomplete = plugin__default.withOptions(
|
|
|
680
680
|
[`@apply border bg-${config.mutedContrast.bg} border-${config.mutedContrast.border} text-${config.mutedContrast.text} placeholder:text-${config.mutedContrast.textPlaceholder} dark:border-${config.mutedContrast.borderDark} dark:bg-${config.mutedContrast.bgDark} dark:text-${config.mutedContrast.textDark} dark:placeholder:text-${config.mutedContrast.textPlaceholderDark}`]: {}
|
|
681
681
|
},
|
|
682
682
|
[`.${prefix}autocomplete-results`]: {
|
|
683
|
-
[`@apply border-${config.mutedContrast.results.border} dark:border-${config.mutedContrast.results.borderDark} dark:bg-${config.mutedContrast.results.bgDark} border bg-${config.mutedContrast.bg}`]: {}
|
|
683
|
+
[`@apply border-${config.mutedContrast.results.border} dark:border-${config.mutedContrast.results.borderDark} dark:bg-${config.mutedContrast.results.bgDark} border bg-${config.mutedContrast.results.bg}`]: {}
|
|
684
684
|
},
|
|
685
685
|
[`.${prefix}autocomplete-results-item-inner.${prefix}active`]: {
|
|
686
686
|
[`@apply bg-${config.mutedContrast.resultsInner.bg} dark:bg-${config.mutedContrast.resultsInner.bgDark}`]: {}
|
|
@@ -3444,6 +3444,7 @@ const defaultDropdownItemConfig = {
|
|
|
3444
3444
|
text: "primary-500"
|
|
3445
3445
|
},
|
|
3446
3446
|
rounded: {
|
|
3447
|
+
straight: "none",
|
|
3447
3448
|
default: "md",
|
|
3448
3449
|
smooth: "lg",
|
|
3449
3450
|
curved: "xl"
|
|
@@ -3461,7 +3462,7 @@ const dropdownItem = plugin__default.withOptions(
|
|
|
3461
3462
|
);
|
|
3462
3463
|
addComponents({
|
|
3463
3464
|
[`.${prefix}dropdown-item`]: {
|
|
3464
|
-
[`@apply flex w-full items-center justify-start gap-2
|
|
3465
|
+
[`@apply flex w-full items-center justify-start gap-2 px-3 py-2 text-${config.textPosition} text-${config.textSize} cursor-pointer transition-colors duration-${config.duration}`]: {},
|
|
3465
3466
|
[`.${prefix}item-content`]: {
|
|
3466
3467
|
[`@apply grow`]: {}
|
|
3467
3468
|
},
|
|
@@ -3539,7 +3540,7 @@ const defaultDropdownConfig = {
|
|
|
3539
3540
|
shadowColor: "muted-500/10",
|
|
3540
3541
|
shadowColorDark: "muted-800/10",
|
|
3541
3542
|
headerTitle: {
|
|
3542
|
-
font: "
|
|
3543
|
+
font: "sans",
|
|
3543
3544
|
fontSize: "medium",
|
|
3544
3545
|
text: "muted-500",
|
|
3545
3546
|
textDark: "muted-200",
|
|
@@ -3614,7 +3615,7 @@ const dropdown = plugin__default.withOptions(
|
|
|
3614
3615
|
[`.${prefix}dropdown`]: {
|
|
3615
3616
|
[`@apply text-${config.textPosition}`]: {},
|
|
3616
3617
|
[`.${prefix}menu`]: {
|
|
3617
|
-
[`@apply relative`]: {}
|
|
3618
|
+
[`@apply relative inline-block`]: {}
|
|
3618
3619
|
},
|
|
3619
3620
|
[`.${prefix}menu-content`]: {
|
|
3620
3621
|
[`@apply p-2`]: {}
|
|
@@ -3622,7 +3623,7 @@ const dropdown = plugin__default.withOptions(
|
|
|
3622
3623
|
[`.${prefix}context-button`]: {
|
|
3623
3624
|
[`@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}`]: {},
|
|
3624
3625
|
[`.${prefix}context-button-inner`]: {
|
|
3625
|
-
[`@apply border-${config.contextButton.inner.border} dark:border-${config.contextButton.inner.borderDark} dark:bg-${config.contextButton.inner.
|
|
3626
|
+
[`@apply border-${config.contextButton.inner.border} dark:border-${config.contextButton.inner.borderDark} dark:bg-${config.contextButton.inner.bgDark} flex h-${config.contextButton.inner.size} w-${config.contextButton.inner.size} items-center justify-center rounded-${config.contextButton.inner.rounded} border bg-${config.contextButton.inner.bg}`]: {}
|
|
3626
3627
|
},
|
|
3627
3628
|
[`.${prefix}context-icon`]: {
|
|
3628
3629
|
[`@apply text-${config.contextButton.icon.text} h-${config.contextButton.icon.size} w-${config.contextButton.icon.size} transition-transform duration-${config.contextButton.icon.duration}`]: {}
|
|
@@ -3775,7 +3776,7 @@ const defaultFullscreenDropfileConfig = {
|
|
|
3775
3776
|
text: "primary-500",
|
|
3776
3777
|
textSize: "6xl"
|
|
3777
3778
|
},
|
|
3778
|
-
labelTextSize: "
|
|
3779
|
+
labelTextSize: "base"
|
|
3779
3780
|
};
|
|
3780
3781
|
const fullscreenDropfile = plugin__default.withOptions(
|
|
3781
3782
|
function(options) {
|
|
@@ -4347,7 +4348,7 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4347
4348
|
[`@apply relative`]: {}
|
|
4348
4349
|
},
|
|
4349
4350
|
[`.${prefix}input-file-inner`]: {
|
|
4350
|
-
[`@apply ${prefix}focus flex w-${config.inner.size} cursor-pointer items-center overflow-hidden font-${config.inner.font} transition-colors duration-${config.inner.duration} focus-within:outline-1 disabled:cursor-not-allowed disabled:opacity-75`]: {}
|
|
4351
|
+
[`@apply relative ${prefix}focus flex w-${config.inner.size} cursor-pointer items-center overflow-hidden font-${config.inner.font} transition-colors duration-${config.inner.duration} focus-within:outline-1 disabled:cursor-not-allowed disabled:opacity-75`]: {}
|
|
4351
4352
|
},
|
|
4352
4353
|
[`.${prefix}input-file-addon`]: {
|
|
4353
4354
|
[`@apply pointer-events-none flex shrink-0 items-center justify-center gap-1 transition-colors duration-100`]: {}
|
|
@@ -4359,7 +4360,7 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4359
4360
|
[`@apply ms-2 inline-flex truncate text-${config.text.text}`]: {}
|
|
4360
4361
|
},
|
|
4361
4362
|
[`.${prefix}input-file-placeload`]: {
|
|
4362
|
-
[`@apply absolute
|
|
4363
|
+
[`@apply absolute -end-8 flex w-[70%] items-center`]: {},
|
|
4363
4364
|
[`.${prefix}placeload`]: {
|
|
4364
4365
|
[`@apply h-3 w-full max-w-[75%] rounded`]: {}
|
|
4365
4366
|
}
|
|
@@ -4385,7 +4386,7 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4385
4386
|
},
|
|
4386
4387
|
[`&.${prefix}input-color-focus`]: {
|
|
4387
4388
|
[`.${prefix}input-file-inner`]: {
|
|
4388
|
-
[`@apply focus
|
|
4389
|
+
[`@apply focus-within:!border-${config.colorFocus}`]: {}
|
|
4389
4390
|
}
|
|
4390
4391
|
},
|
|
4391
4392
|
[`&.${prefix}input-file-loading`]: {
|
|
@@ -4425,6 +4426,9 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4425
4426
|
},
|
|
4426
4427
|
[`.${prefix}input-file-addon`]: {
|
|
4427
4428
|
[`@apply h-8 px-2`]: {}
|
|
4429
|
+
},
|
|
4430
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4431
|
+
[`@apply top-2.5`]: {}
|
|
4428
4432
|
}
|
|
4429
4433
|
},
|
|
4430
4434
|
[`&.${prefix}input-sm.${prefix}has-icon`]: {
|
|
@@ -4437,6 +4441,9 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4437
4441
|
},
|
|
4438
4442
|
[`.${prefix}input-file-icon`]: {
|
|
4439
4443
|
[`@apply w-${config.hasIcon.sm.iconSize} h-${config.hasIcon.sm.iconSize}`]: {}
|
|
4444
|
+
},
|
|
4445
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4446
|
+
[`@apply top-2.5`]: {}
|
|
4440
4447
|
}
|
|
4441
4448
|
},
|
|
4442
4449
|
[`&.${prefix}input-md:not(.${prefix}has-icon)`]: {
|
|
@@ -4446,6 +4453,9 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4446
4453
|
},
|
|
4447
4454
|
[`.${prefix}input-file-addon`]: {
|
|
4448
4455
|
[`@apply h-10 px-3`]: {}
|
|
4456
|
+
},
|
|
4457
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4458
|
+
[`@apply top-3.5`]: {}
|
|
4449
4459
|
}
|
|
4450
4460
|
},
|
|
4451
4461
|
[`&.${prefix}input-md.${prefix}has-icon`]: {
|
|
@@ -4458,6 +4468,9 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4458
4468
|
},
|
|
4459
4469
|
[`.${prefix}input-file-icon`]: {
|
|
4460
4470
|
[`@apply w-${config.hasIcon.md.iconSize} h-${config.hasIcon.md.iconSize}`]: {}
|
|
4471
|
+
},
|
|
4472
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4473
|
+
[`@apply top-3.5`]: {}
|
|
4461
4474
|
}
|
|
4462
4475
|
},
|
|
4463
4476
|
[`&.${prefix}input-lg:not(.${prefix}has-icon)`]: {
|
|
@@ -4467,6 +4480,9 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4467
4480
|
},
|
|
4468
4481
|
[`.${prefix}input-file-addon`]: {
|
|
4469
4482
|
[`@apply h-12 px-4`]: {}
|
|
4483
|
+
},
|
|
4484
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4485
|
+
[`@apply top-[1.2rem]`]: {}
|
|
4470
4486
|
}
|
|
4471
4487
|
},
|
|
4472
4488
|
[`&.${prefix}input-lg.${prefix}has-icon`]: {
|
|
@@ -4479,6 +4495,9 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4479
4495
|
},
|
|
4480
4496
|
[`.${prefix}input-file-icon`]: {
|
|
4481
4497
|
[`@apply w-${config.hasIcon.lg.iconSize} h-${config.hasIcon.lg.iconSize}`]: {}
|
|
4498
|
+
},
|
|
4499
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4500
|
+
[`@apply top-[1.2rem]`]: {}
|
|
4482
4501
|
}
|
|
4483
4502
|
},
|
|
4484
4503
|
[`&:hover`]: {
|
|
@@ -4604,7 +4623,7 @@ const inputFile = plugin__default.withOptions(
|
|
|
4604
4623
|
);
|
|
4605
4624
|
addComponents({
|
|
4606
4625
|
[`.${prefix}input-file`]: {
|
|
4607
|
-
[`@apply relative`]: {},
|
|
4626
|
+
[`@apply relative block`]: {},
|
|
4608
4627
|
[`&.${prefix}input-file-drop`]: {
|
|
4609
4628
|
[`@apply relative h-${config.drop.size} border-dashed border-2 border-${config.drop.border} dark:border-${config.drop.borderDark} hover:border-${config.drop.borderHover} dark:hover:border-${config.drop.borderHoverDark} bg-${config.drop.bg} dark:bg-${config.drop.bgDark} flex justify-center items-center transition-colors duration-${config.drop.duration}`]: {},
|
|
4610
4629
|
[`.${prefix}drop-area-inner`]: {
|
|
@@ -5389,6 +5408,7 @@ const defaultListboxConfig = {
|
|
|
5389
5408
|
},
|
|
5390
5409
|
activeOrHover: {
|
|
5391
5410
|
text: "primary-600",
|
|
5411
|
+
textDark: "primary-400",
|
|
5392
5412
|
bg: "primary-500/10"
|
|
5393
5413
|
}
|
|
5394
5414
|
},
|
|
@@ -5498,7 +5518,7 @@ const defaultListboxConfig = {
|
|
|
5498
5518
|
}
|
|
5499
5519
|
},
|
|
5500
5520
|
muted: {
|
|
5501
|
-
bg: "muted-
|
|
5521
|
+
bg: "muted-100",
|
|
5502
5522
|
bgDark: "muted-900",
|
|
5503
5523
|
border: "muted-300",
|
|
5504
5524
|
borderDark: "muted-700",
|
|
@@ -5522,7 +5542,7 @@ const defaultListboxConfig = {
|
|
|
5522
5542
|
}
|
|
5523
5543
|
},
|
|
5524
5544
|
mutedContrast: {
|
|
5525
|
-
bg: "muted-
|
|
5545
|
+
bg: "muted-100",
|
|
5526
5546
|
bgDark: "muted-950",
|
|
5527
5547
|
border: "muted-300",
|
|
5528
5548
|
borderDark: "muted-800",
|
|
@@ -5701,8 +5721,11 @@ const listbox = plugin__default.withOptions(
|
|
|
5701
5721
|
[`@apply text-${config.option.inner.text}`]: {}
|
|
5702
5722
|
}
|
|
5703
5723
|
},
|
|
5724
|
+
[`&:not(.${prefix}active), &:not(:hover)`]: {
|
|
5725
|
+
[`@apply text-muted-600 dark:text-muted-200`]: {}
|
|
5726
|
+
},
|
|
5704
5727
|
[`&.${prefix}active, &:hover`]: {
|
|
5705
|
-
[`@apply bg-${config.option.activeOrHover.bg} text-${config.option.activeOrHover.text}`]: {}
|
|
5728
|
+
[`@apply bg-${config.option.activeOrHover.bg} text-${config.option.activeOrHover.text} dark:text-${config.option.activeOrHover.textDark}`]: {}
|
|
5706
5729
|
}
|
|
5707
5730
|
},
|
|
5708
5731
|
[`.${prefix}listbox-error-text`]: {
|
|
@@ -6681,7 +6704,7 @@ const defaultPaginationConfig = {
|
|
|
6681
6704
|
space: "1",
|
|
6682
6705
|
notActive: {
|
|
6683
6706
|
bg: "white",
|
|
6684
|
-
bgDark: "
|
|
6707
|
+
bgDark: "muted-800",
|
|
6685
6708
|
bgHover: "muted-100",
|
|
6686
6709
|
bgHoverDark: "muted-900",
|
|
6687
6710
|
text: "muted-500",
|
|
@@ -7474,7 +7497,7 @@ const defaultSelectConfig = {
|
|
|
7474
7497
|
textPlaceholderDark: "muted-600"
|
|
7475
7498
|
},
|
|
7476
7499
|
muted: {
|
|
7477
|
-
bg: "muted-
|
|
7500
|
+
bg: "muted-100",
|
|
7478
7501
|
bgDark: "muted-900/75",
|
|
7479
7502
|
border: "muted-200",
|
|
7480
7503
|
borderDark: "muted-700",
|
|
@@ -8059,7 +8082,7 @@ const defaultSwitchBallConfig = {
|
|
|
8059
8082
|
},
|
|
8060
8083
|
dualLabel: {
|
|
8061
8084
|
label: {
|
|
8062
|
-
font: "
|
|
8085
|
+
font: "sans",
|
|
8063
8086
|
fontWeight: "medium",
|
|
8064
8087
|
text: "muted-800",
|
|
8065
8088
|
textDark: "white",
|
|
@@ -8181,7 +8204,7 @@ const defaultSwitchThinConfig = {
|
|
|
8181
8204
|
},
|
|
8182
8205
|
dualLabel: {
|
|
8183
8206
|
label: {
|
|
8184
|
-
font: "
|
|
8207
|
+
font: "sans",
|
|
8185
8208
|
fontWeight: "medium",
|
|
8186
8209
|
text: "muted-800",
|
|
8187
8210
|
textDark: "white",
|
|
@@ -8375,10 +8398,10 @@ const tabSlider = plugin__default.withOptions(
|
|
|
8375
8398
|
}
|
|
8376
8399
|
},
|
|
8377
8400
|
[`&.${prefix}tabs-sm`]: {
|
|
8378
|
-
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-
|
|
8401
|
+
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-track`]: {
|
|
8379
8402
|
[`@apply max-w-${config.tabsSM.twoSlotsW}`]: {}
|
|
8380
8403
|
},
|
|
8381
|
-
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-
|
|
8404
|
+
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-track`]: {
|
|
8382
8405
|
[`@apply max-w-${config.tabsSM.threeSlotsW}`]: {}
|
|
8383
8406
|
},
|
|
8384
8407
|
[`.${prefix}tab-slider-track`]: {
|
|
@@ -8386,10 +8409,10 @@ const tabSlider = plugin__default.withOptions(
|
|
|
8386
8409
|
}
|
|
8387
8410
|
},
|
|
8388
8411
|
[`&.${prefix}tabs-md`]: {
|
|
8389
|
-
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-
|
|
8412
|
+
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-track`]: {
|
|
8390
8413
|
[`@apply max-w-${config.tabsMD.twoSlotsW}`]: {}
|
|
8391
8414
|
},
|
|
8392
|
-
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-
|
|
8415
|
+
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-track`]: {
|
|
8393
8416
|
[`@apply max-w-${config.tabsMD.threeSlotsW}`]: {}
|
|
8394
8417
|
},
|
|
8395
8418
|
[`.${prefix}tab-slider-track`]: {
|
|
@@ -8438,7 +8461,7 @@ const tabSlider = plugin__default.withOptions(
|
|
|
8438
8461
|
|
|
8439
8462
|
const defaultTabsConfig = {
|
|
8440
8463
|
inner: {
|
|
8441
|
-
font: "
|
|
8464
|
+
font: "sans",
|
|
8442
8465
|
space: "6"
|
|
8443
8466
|
},
|
|
8444
8467
|
item: {
|
|
@@ -9017,7 +9040,7 @@ const defaultTextareaConfig = {
|
|
|
9017
9040
|
textPlaceholderDark: "muted-600"
|
|
9018
9041
|
},
|
|
9019
9042
|
muted: {
|
|
9020
|
-
bg: "muted-
|
|
9043
|
+
bg: "muted-100",
|
|
9021
9044
|
bgDark: "muted-900/75",
|
|
9022
9045
|
border: "muted-200",
|
|
9023
9046
|
borderDark: "muted-700",
|
package/dist/preset.mjs
CHANGED
|
@@ -109,10 +109,10 @@ const accordion = plugin.withOptions(
|
|
|
109
109
|
[`@apply border-${config.outer.border} dark:border-${config.outer.borderDark} dark:bg-${config.outer.bgDark} ms-2 flex h-${config.outer.size} w-${config.outer.size} items-center justify-center rounded-${config.outer.rounded} border bg-${config.outer.bg} transition-all duration-${config.outer.duration}`]: {}
|
|
110
110
|
},
|
|
111
111
|
[`.${prefix}chevron-icon`]: {
|
|
112
|
-
[`@apply h-${config.chevronIcon.size} w-${config.chevronIcon.size} transition-transform duration-${config.chevronIcon.duration}`]: {}
|
|
112
|
+
[`@apply text-muted-400 h-${config.chevronIcon.size} w-${config.chevronIcon.size} transition-transform duration-${config.chevronIcon.duration}`]: {}
|
|
113
113
|
},
|
|
114
114
|
[`.${prefix}plus-icon`]: {
|
|
115
|
-
[`@apply h-${config.plusIcon.size} w-${config.plusIcon.size} transition-transform duration-${config.plusIcon.duration}`]: {}
|
|
115
|
+
[`@apply text-muted-400 h-${config.plusIcon.size} w-${config.plusIcon.size} transition-transform duration-${config.plusIcon.duration}`]: {}
|
|
116
116
|
},
|
|
117
117
|
[`.${prefix}accordion-content`]: {
|
|
118
118
|
[`@apply px-${config.content.space} pb-${config.content.space} font-${config.content.font} text-${config.content.text} dark:text-${config.content.textDark}`]: {}
|
|
@@ -339,7 +339,7 @@ const defaultAutocompleteConfig = {
|
|
|
339
339
|
}
|
|
340
340
|
},
|
|
341
341
|
muted: {
|
|
342
|
-
bg: "muted-
|
|
342
|
+
bg: "muted-100",
|
|
343
343
|
bgDark: "muted-900/75",
|
|
344
344
|
border: "muted-200",
|
|
345
345
|
borderDark: "muted-700",
|
|
@@ -354,7 +354,7 @@ const defaultAutocompleteConfig = {
|
|
|
354
354
|
bgDark: "muted-800"
|
|
355
355
|
},
|
|
356
356
|
resultsInner: {
|
|
357
|
-
bg: "
|
|
357
|
+
bg: "white",
|
|
358
358
|
bgDark: "muted-700"
|
|
359
359
|
}
|
|
360
360
|
},
|
|
@@ -374,7 +374,7 @@ const defaultAutocompleteConfig = {
|
|
|
374
374
|
bgDark: "muted-950/75"
|
|
375
375
|
},
|
|
376
376
|
resultsInner: {
|
|
377
|
-
bg: "
|
|
377
|
+
bg: "white",
|
|
378
378
|
bgDark: "muted-700"
|
|
379
379
|
}
|
|
380
380
|
},
|
|
@@ -520,7 +520,7 @@ const autocomplete = plugin.withOptions(
|
|
|
520
520
|
[`@apply px-2 py-1`]: {}
|
|
521
521
|
},
|
|
522
522
|
[`.${prefix}autocomplete-results-item-inner`]: {
|
|
523
|
-
[`@apply flex gap-2 cursor-pointer items-center p-${config.itemInner.space} transition-colors duration-${config.itemInner.duration}`]: {},
|
|
523
|
+
[`@apply text-muted-800 dark:text-muted-100 flex gap-2 cursor-pointer items-center p-${config.itemInner.space} transition-colors duration-${config.itemInner.duration}`]: {},
|
|
524
524
|
[`.${prefix}autocomplete-results-item-selected`]: {
|
|
525
525
|
[`@apply ms-auto flex items-center justify-center`]: {}
|
|
526
526
|
},
|
|
@@ -636,7 +636,7 @@ const autocomplete = plugin.withOptions(
|
|
|
636
636
|
[`@apply border bg-${config.default.bg} border-${config.default.border} text-${config.default.text} placeholder:text-${config.default.textPlaceholder} dark:border-${config.default.borderDark} dark:bg-${config.default.bgDark} dark:text-${config.default.textDark} dark:placeholder:text-${config.default.textPlaceholderDark}`]: {}
|
|
637
637
|
},
|
|
638
638
|
[`.${prefix}autocomplete-results`]: {
|
|
639
|
-
[`@apply border-${config.default.results.border} dark:border-${config.default.results.borderDark} dark:bg-${config.default.results.bgDark} border bg-${config.default.bg}`]: {}
|
|
639
|
+
[`@apply border-${config.default.results.border} dark:border-${config.default.results.borderDark} dark:bg-${config.default.results.bgDark} border bg-${config.default.results.bg}`]: {}
|
|
640
640
|
},
|
|
641
641
|
[`.${prefix}autocomplete-results-item-inner.${prefix}active`]: {
|
|
642
642
|
[`@apply bg-${config.default.resultsInner.bg} dark:bg-${config.default.resultsInner.bgDark}`]: {}
|
|
@@ -647,7 +647,7 @@ const autocomplete = plugin.withOptions(
|
|
|
647
647
|
[`@apply border bg-${config.defaultContrast.bg} border-${config.defaultContrast.border} text-${config.defaultContrast.text} placeholder:text-${config.defaultContrast.textPlaceholder} dark:border-${config.defaultContrast.borderDark} dark:bg-${config.defaultContrast.bgDark} dark:text-${config.defaultContrast.textDark} dark:placeholder:text-${config.defaultContrast.textPlaceholderDark}`]: {}
|
|
648
648
|
},
|
|
649
649
|
[`.${prefix}autocomplete-results`]: {
|
|
650
|
-
[`@apply border-${config.defaultContrast.results.border} dark:border-${config.defaultContrast.results.borderDark} dark:bg-${config.defaultContrast.results.bgDark} border bg-${config.defaultContrast.bg}`]: {}
|
|
650
|
+
[`@apply border-${config.defaultContrast.results.border} dark:border-${config.defaultContrast.results.borderDark} dark:bg-${config.defaultContrast.results.bgDark} border bg-${config.defaultContrast.results.bg}`]: {}
|
|
651
651
|
},
|
|
652
652
|
[`.${prefix}autocomplete-results-item-inner.${prefix}active`]: {
|
|
653
653
|
[`@apply bg-${config.defaultContrast.resultsInner.bg} dark:bg-${config.defaultContrast.resultsInner.bgDark}`]: {}
|
|
@@ -658,7 +658,7 @@ const autocomplete = plugin.withOptions(
|
|
|
658
658
|
[`@apply border bg-${config.muted.bg} border-${config.muted.border} text-${config.muted.text} placeholder:text-${config.muted.textPlaceholder} dark:border-${config.muted.borderDark} dark:bg-${config.muted.bgDark} dark:text-${config.muted.textDark} dark:placeholder:text-${config.muted.textPlaceholderDark}`]: {}
|
|
659
659
|
},
|
|
660
660
|
[`.${prefix}autocomplete-results`]: {
|
|
661
|
-
[`@apply border-${config.muted.results.border} dark:border-${config.muted.results.borderDark} dark:bg-${config.muted.results.bgDark} border bg-${config.muted.bg}`]: {}
|
|
661
|
+
[`@apply border-${config.muted.results.border} dark:border-${config.muted.results.borderDark} dark:bg-${config.muted.results.bgDark} border bg-${config.muted.results.bg}`]: {}
|
|
662
662
|
},
|
|
663
663
|
[`.${prefix}autocomplete-results-item-inner.${prefix}active`]: {
|
|
664
664
|
[`@apply bg-${config.muted.resultsInner.bg} dark:bg-${config.muted.resultsInner.bgDark}`]: {}
|
|
@@ -669,7 +669,7 @@ const autocomplete = plugin.withOptions(
|
|
|
669
669
|
[`@apply border bg-${config.mutedContrast.bg} border-${config.mutedContrast.border} text-${config.mutedContrast.text} placeholder:text-${config.mutedContrast.textPlaceholder} dark:border-${config.mutedContrast.borderDark} dark:bg-${config.mutedContrast.bgDark} dark:text-${config.mutedContrast.textDark} dark:placeholder:text-${config.mutedContrast.textPlaceholderDark}`]: {}
|
|
670
670
|
},
|
|
671
671
|
[`.${prefix}autocomplete-results`]: {
|
|
672
|
-
[`@apply border-${config.mutedContrast.results.border} dark:border-${config.mutedContrast.results.borderDark} dark:bg-${config.mutedContrast.results.bgDark} border bg-${config.mutedContrast.bg}`]: {}
|
|
672
|
+
[`@apply border-${config.mutedContrast.results.border} dark:border-${config.mutedContrast.results.borderDark} dark:bg-${config.mutedContrast.results.bgDark} border bg-${config.mutedContrast.results.bg}`]: {}
|
|
673
673
|
},
|
|
674
674
|
[`.${prefix}autocomplete-results-item-inner.${prefix}active`]: {
|
|
675
675
|
[`@apply bg-${config.mutedContrast.resultsInner.bg} dark:bg-${config.mutedContrast.resultsInner.bgDark}`]: {}
|
|
@@ -3433,6 +3433,7 @@ const defaultDropdownItemConfig = {
|
|
|
3433
3433
|
text: "primary-500"
|
|
3434
3434
|
},
|
|
3435
3435
|
rounded: {
|
|
3436
|
+
straight: "none",
|
|
3436
3437
|
default: "md",
|
|
3437
3438
|
smooth: "lg",
|
|
3438
3439
|
curved: "xl"
|
|
@@ -3450,7 +3451,7 @@ const dropdownItem = plugin.withOptions(
|
|
|
3450
3451
|
);
|
|
3451
3452
|
addComponents({
|
|
3452
3453
|
[`.${prefix}dropdown-item`]: {
|
|
3453
|
-
[`@apply flex w-full items-center justify-start gap-2
|
|
3454
|
+
[`@apply flex w-full items-center justify-start gap-2 px-3 py-2 text-${config.textPosition} text-${config.textSize} cursor-pointer transition-colors duration-${config.duration}`]: {},
|
|
3454
3455
|
[`.${prefix}item-content`]: {
|
|
3455
3456
|
[`@apply grow`]: {}
|
|
3456
3457
|
},
|
|
@@ -3528,7 +3529,7 @@ const defaultDropdownConfig = {
|
|
|
3528
3529
|
shadowColor: "muted-500/10",
|
|
3529
3530
|
shadowColorDark: "muted-800/10",
|
|
3530
3531
|
headerTitle: {
|
|
3531
|
-
font: "
|
|
3532
|
+
font: "sans",
|
|
3532
3533
|
fontSize: "medium",
|
|
3533
3534
|
text: "muted-500",
|
|
3534
3535
|
textDark: "muted-200",
|
|
@@ -3603,7 +3604,7 @@ const dropdown = plugin.withOptions(
|
|
|
3603
3604
|
[`.${prefix}dropdown`]: {
|
|
3604
3605
|
[`@apply text-${config.textPosition}`]: {},
|
|
3605
3606
|
[`.${prefix}menu`]: {
|
|
3606
|
-
[`@apply relative`]: {}
|
|
3607
|
+
[`@apply relative inline-block`]: {}
|
|
3607
3608
|
},
|
|
3608
3609
|
[`.${prefix}menu-content`]: {
|
|
3609
3610
|
[`@apply p-2`]: {}
|
|
@@ -3611,7 +3612,7 @@ const dropdown = plugin.withOptions(
|
|
|
3611
3612
|
[`.${prefix}context-button`]: {
|
|
3612
3613
|
[`@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}`]: {},
|
|
3613
3614
|
[`.${prefix}context-button-inner`]: {
|
|
3614
|
-
[`@apply border-${config.contextButton.inner.border} dark:border-${config.contextButton.inner.borderDark} dark:bg-${config.contextButton.inner.
|
|
3615
|
+
[`@apply border-${config.contextButton.inner.border} dark:border-${config.contextButton.inner.borderDark} dark:bg-${config.contextButton.inner.bgDark} flex h-${config.contextButton.inner.size} w-${config.contextButton.inner.size} items-center justify-center rounded-${config.contextButton.inner.rounded} border bg-${config.contextButton.inner.bg}`]: {}
|
|
3615
3616
|
},
|
|
3616
3617
|
[`.${prefix}context-icon`]: {
|
|
3617
3618
|
[`@apply text-${config.contextButton.icon.text} h-${config.contextButton.icon.size} w-${config.contextButton.icon.size} transition-transform duration-${config.contextButton.icon.duration}`]: {}
|
|
@@ -3764,7 +3765,7 @@ const defaultFullscreenDropfileConfig = {
|
|
|
3764
3765
|
text: "primary-500",
|
|
3765
3766
|
textSize: "6xl"
|
|
3766
3767
|
},
|
|
3767
|
-
labelTextSize: "
|
|
3768
|
+
labelTextSize: "base"
|
|
3768
3769
|
};
|
|
3769
3770
|
const fullscreenDropfile = plugin.withOptions(
|
|
3770
3771
|
function(options) {
|
|
@@ -4336,7 +4337,7 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4336
4337
|
[`@apply relative`]: {}
|
|
4337
4338
|
},
|
|
4338
4339
|
[`.${prefix}input-file-inner`]: {
|
|
4339
|
-
[`@apply ${prefix}focus flex w-${config.inner.size} cursor-pointer items-center overflow-hidden font-${config.inner.font} transition-colors duration-${config.inner.duration} focus-within:outline-1 disabled:cursor-not-allowed disabled:opacity-75`]: {}
|
|
4340
|
+
[`@apply relative ${prefix}focus flex w-${config.inner.size} cursor-pointer items-center overflow-hidden font-${config.inner.font} transition-colors duration-${config.inner.duration} focus-within:outline-1 disabled:cursor-not-allowed disabled:opacity-75`]: {}
|
|
4340
4341
|
},
|
|
4341
4342
|
[`.${prefix}input-file-addon`]: {
|
|
4342
4343
|
[`@apply pointer-events-none flex shrink-0 items-center justify-center gap-1 transition-colors duration-100`]: {}
|
|
@@ -4348,7 +4349,7 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4348
4349
|
[`@apply ms-2 inline-flex truncate text-${config.text.text}`]: {}
|
|
4349
4350
|
},
|
|
4350
4351
|
[`.${prefix}input-file-placeload`]: {
|
|
4351
|
-
[`@apply absolute
|
|
4352
|
+
[`@apply absolute -end-8 flex w-[70%] items-center`]: {},
|
|
4352
4353
|
[`.${prefix}placeload`]: {
|
|
4353
4354
|
[`@apply h-3 w-full max-w-[75%] rounded`]: {}
|
|
4354
4355
|
}
|
|
@@ -4374,7 +4375,7 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4374
4375
|
},
|
|
4375
4376
|
[`&.${prefix}input-color-focus`]: {
|
|
4376
4377
|
[`.${prefix}input-file-inner`]: {
|
|
4377
|
-
[`@apply focus
|
|
4378
|
+
[`@apply focus-within:!border-${config.colorFocus}`]: {}
|
|
4378
4379
|
}
|
|
4379
4380
|
},
|
|
4380
4381
|
[`&.${prefix}input-file-loading`]: {
|
|
@@ -4414,6 +4415,9 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4414
4415
|
},
|
|
4415
4416
|
[`.${prefix}input-file-addon`]: {
|
|
4416
4417
|
[`@apply h-8 px-2`]: {}
|
|
4418
|
+
},
|
|
4419
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4420
|
+
[`@apply top-2.5`]: {}
|
|
4417
4421
|
}
|
|
4418
4422
|
},
|
|
4419
4423
|
[`&.${prefix}input-sm.${prefix}has-icon`]: {
|
|
@@ -4426,6 +4430,9 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4426
4430
|
},
|
|
4427
4431
|
[`.${prefix}input-file-icon`]: {
|
|
4428
4432
|
[`@apply w-${config.hasIcon.sm.iconSize} h-${config.hasIcon.sm.iconSize}`]: {}
|
|
4433
|
+
},
|
|
4434
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4435
|
+
[`@apply top-2.5`]: {}
|
|
4429
4436
|
}
|
|
4430
4437
|
},
|
|
4431
4438
|
[`&.${prefix}input-md:not(.${prefix}has-icon)`]: {
|
|
@@ -4435,6 +4442,9 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4435
4442
|
},
|
|
4436
4443
|
[`.${prefix}input-file-addon`]: {
|
|
4437
4444
|
[`@apply h-10 px-3`]: {}
|
|
4445
|
+
},
|
|
4446
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4447
|
+
[`@apply top-3.5`]: {}
|
|
4438
4448
|
}
|
|
4439
4449
|
},
|
|
4440
4450
|
[`&.${prefix}input-md.${prefix}has-icon`]: {
|
|
@@ -4447,6 +4457,9 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4447
4457
|
},
|
|
4448
4458
|
[`.${prefix}input-file-icon`]: {
|
|
4449
4459
|
[`@apply w-${config.hasIcon.md.iconSize} h-${config.hasIcon.md.iconSize}`]: {}
|
|
4460
|
+
},
|
|
4461
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4462
|
+
[`@apply top-3.5`]: {}
|
|
4450
4463
|
}
|
|
4451
4464
|
},
|
|
4452
4465
|
[`&.${prefix}input-lg:not(.${prefix}has-icon)`]: {
|
|
@@ -4456,6 +4469,9 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4456
4469
|
},
|
|
4457
4470
|
[`.${prefix}input-file-addon`]: {
|
|
4458
4471
|
[`@apply h-12 px-4`]: {}
|
|
4472
|
+
},
|
|
4473
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4474
|
+
[`@apply top-[1.2rem]`]: {}
|
|
4459
4475
|
}
|
|
4460
4476
|
},
|
|
4461
4477
|
[`&.${prefix}input-lg.${prefix}has-icon`]: {
|
|
@@ -4468,6 +4484,9 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4468
4484
|
},
|
|
4469
4485
|
[`.${prefix}input-file-icon`]: {
|
|
4470
4486
|
[`@apply w-${config.hasIcon.lg.iconSize} h-${config.hasIcon.lg.iconSize}`]: {}
|
|
4487
|
+
},
|
|
4488
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4489
|
+
[`@apply top-[1.2rem]`]: {}
|
|
4471
4490
|
}
|
|
4472
4491
|
},
|
|
4473
4492
|
[`&:hover`]: {
|
|
@@ -4593,7 +4612,7 @@ const inputFile = plugin.withOptions(
|
|
|
4593
4612
|
);
|
|
4594
4613
|
addComponents({
|
|
4595
4614
|
[`.${prefix}input-file`]: {
|
|
4596
|
-
[`@apply relative`]: {},
|
|
4615
|
+
[`@apply relative block`]: {},
|
|
4597
4616
|
[`&.${prefix}input-file-drop`]: {
|
|
4598
4617
|
[`@apply relative h-${config.drop.size} border-dashed border-2 border-${config.drop.border} dark:border-${config.drop.borderDark} hover:border-${config.drop.borderHover} dark:hover:border-${config.drop.borderHoverDark} bg-${config.drop.bg} dark:bg-${config.drop.bgDark} flex justify-center items-center transition-colors duration-${config.drop.duration}`]: {},
|
|
4599
4618
|
[`.${prefix}drop-area-inner`]: {
|
|
@@ -5378,6 +5397,7 @@ const defaultListboxConfig = {
|
|
|
5378
5397
|
},
|
|
5379
5398
|
activeOrHover: {
|
|
5380
5399
|
text: "primary-600",
|
|
5400
|
+
textDark: "primary-400",
|
|
5381
5401
|
bg: "primary-500/10"
|
|
5382
5402
|
}
|
|
5383
5403
|
},
|
|
@@ -5487,7 +5507,7 @@ const defaultListboxConfig = {
|
|
|
5487
5507
|
}
|
|
5488
5508
|
},
|
|
5489
5509
|
muted: {
|
|
5490
|
-
bg: "muted-
|
|
5510
|
+
bg: "muted-100",
|
|
5491
5511
|
bgDark: "muted-900",
|
|
5492
5512
|
border: "muted-300",
|
|
5493
5513
|
borderDark: "muted-700",
|
|
@@ -5511,7 +5531,7 @@ const defaultListboxConfig = {
|
|
|
5511
5531
|
}
|
|
5512
5532
|
},
|
|
5513
5533
|
mutedContrast: {
|
|
5514
|
-
bg: "muted-
|
|
5534
|
+
bg: "muted-100",
|
|
5515
5535
|
bgDark: "muted-950",
|
|
5516
5536
|
border: "muted-300",
|
|
5517
5537
|
borderDark: "muted-800",
|
|
@@ -5690,8 +5710,11 @@ const listbox = plugin.withOptions(
|
|
|
5690
5710
|
[`@apply text-${config.option.inner.text}`]: {}
|
|
5691
5711
|
}
|
|
5692
5712
|
},
|
|
5713
|
+
[`&:not(.${prefix}active), &:not(:hover)`]: {
|
|
5714
|
+
[`@apply text-muted-600 dark:text-muted-200`]: {}
|
|
5715
|
+
},
|
|
5693
5716
|
[`&.${prefix}active, &:hover`]: {
|
|
5694
|
-
[`@apply bg-${config.option.activeOrHover.bg} text-${config.option.activeOrHover.text}`]: {}
|
|
5717
|
+
[`@apply bg-${config.option.activeOrHover.bg} text-${config.option.activeOrHover.text} dark:text-${config.option.activeOrHover.textDark}`]: {}
|
|
5695
5718
|
}
|
|
5696
5719
|
},
|
|
5697
5720
|
[`.${prefix}listbox-error-text`]: {
|
|
@@ -6670,7 +6693,7 @@ const defaultPaginationConfig = {
|
|
|
6670
6693
|
space: "1",
|
|
6671
6694
|
notActive: {
|
|
6672
6695
|
bg: "white",
|
|
6673
|
-
bgDark: "
|
|
6696
|
+
bgDark: "muted-800",
|
|
6674
6697
|
bgHover: "muted-100",
|
|
6675
6698
|
bgHoverDark: "muted-900",
|
|
6676
6699
|
text: "muted-500",
|
|
@@ -7463,7 +7486,7 @@ const defaultSelectConfig = {
|
|
|
7463
7486
|
textPlaceholderDark: "muted-600"
|
|
7464
7487
|
},
|
|
7465
7488
|
muted: {
|
|
7466
|
-
bg: "muted-
|
|
7489
|
+
bg: "muted-100",
|
|
7467
7490
|
bgDark: "muted-900/75",
|
|
7468
7491
|
border: "muted-200",
|
|
7469
7492
|
borderDark: "muted-700",
|
|
@@ -8048,7 +8071,7 @@ const defaultSwitchBallConfig = {
|
|
|
8048
8071
|
},
|
|
8049
8072
|
dualLabel: {
|
|
8050
8073
|
label: {
|
|
8051
|
-
font: "
|
|
8074
|
+
font: "sans",
|
|
8052
8075
|
fontWeight: "medium",
|
|
8053
8076
|
text: "muted-800",
|
|
8054
8077
|
textDark: "white",
|
|
@@ -8170,7 +8193,7 @@ const defaultSwitchThinConfig = {
|
|
|
8170
8193
|
},
|
|
8171
8194
|
dualLabel: {
|
|
8172
8195
|
label: {
|
|
8173
|
-
font: "
|
|
8196
|
+
font: "sans",
|
|
8174
8197
|
fontWeight: "medium",
|
|
8175
8198
|
text: "muted-800",
|
|
8176
8199
|
textDark: "white",
|
|
@@ -8364,10 +8387,10 @@ const tabSlider = plugin.withOptions(
|
|
|
8364
8387
|
}
|
|
8365
8388
|
},
|
|
8366
8389
|
[`&.${prefix}tabs-sm`]: {
|
|
8367
|
-
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-
|
|
8390
|
+
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-track`]: {
|
|
8368
8391
|
[`@apply max-w-${config.tabsSM.twoSlotsW}`]: {}
|
|
8369
8392
|
},
|
|
8370
|
-
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-
|
|
8393
|
+
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-track`]: {
|
|
8371
8394
|
[`@apply max-w-${config.tabsSM.threeSlotsW}`]: {}
|
|
8372
8395
|
},
|
|
8373
8396
|
[`.${prefix}tab-slider-track`]: {
|
|
@@ -8375,10 +8398,10 @@ const tabSlider = plugin.withOptions(
|
|
|
8375
8398
|
}
|
|
8376
8399
|
},
|
|
8377
8400
|
[`&.${prefix}tabs-md`]: {
|
|
8378
|
-
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-
|
|
8401
|
+
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-track`]: {
|
|
8379
8402
|
[`@apply max-w-${config.tabsMD.twoSlotsW}`]: {}
|
|
8380
8403
|
},
|
|
8381
|
-
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-
|
|
8404
|
+
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-track`]: {
|
|
8382
8405
|
[`@apply max-w-${config.tabsMD.threeSlotsW}`]: {}
|
|
8383
8406
|
},
|
|
8384
8407
|
[`.${prefix}tab-slider-track`]: {
|
|
@@ -8427,7 +8450,7 @@ const tabSlider = plugin.withOptions(
|
|
|
8427
8450
|
|
|
8428
8451
|
const defaultTabsConfig = {
|
|
8429
8452
|
inner: {
|
|
8430
|
-
font: "
|
|
8453
|
+
font: "sans",
|
|
8431
8454
|
space: "6"
|
|
8432
8455
|
},
|
|
8433
8456
|
item: {
|
|
@@ -9006,7 +9029,7 @@ const defaultTextareaConfig = {
|
|
|
9006
9029
|
textPlaceholderDark: "muted-600"
|
|
9007
9030
|
},
|
|
9008
9031
|
muted: {
|
|
9009
|
-
bg: "muted-
|
|
9032
|
+
bg: "muted-100",
|
|
9010
9033
|
bgDark: "muted-900/75",
|
|
9011
9034
|
border: "muted-200",
|
|
9012
9035
|
borderDark: "muted-700",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shuriken-ui/tailwind",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
|
|
6
6
|
"repository": "shuriken-ui/tailwind",
|
|
@@ -51,12 +51,11 @@
|
|
|
51
51
|
"build": "unbuild",
|
|
52
52
|
"build:storybook": "storybook build",
|
|
53
53
|
"lint": "run-s lint:eslint:fix lint:prettier:fix",
|
|
54
|
-
"lint:prettier": "prettier --check \"./**/*.(ts|
|
|
55
|
-
"lint:prettier:fix": "prettier --write \"./**/*.(ts|
|
|
56
|
-
"lint:eslint": "eslint -c .eslintrc.cjs --ext .
|
|
57
|
-
"lint:eslint:fix": "eslint -c .eslintrc.cjs --fix --ext .
|
|
58
|
-
"test": "run-
|
|
59
|
-
"test:lint": "run-s lint:eslint lint:prettier",
|
|
54
|
+
"lint:prettier": "prettier --check \"./**/*.(ts|css|scss|md)\"",
|
|
55
|
+
"lint:prettier:fix": "prettier --write \"./**/*.(ts|css|scss|md)\"",
|
|
56
|
+
"lint:eslint": "eslint -c .eslintrc.cjs --ext .ts .",
|
|
57
|
+
"lint:eslint:fix": "eslint -c .eslintrc.cjs --fix --ext .ts .",
|
|
58
|
+
"test": "run-s lint:eslint lint:prettier test:vitest",
|
|
60
59
|
"test:vitest": "vitest",
|
|
61
60
|
"coverage": "vitest run --coverage",
|
|
62
61
|
"prepack": "pnpm run build",
|
|
@@ -116,7 +115,7 @@
|
|
|
116
115
|
"lint-staged": {
|
|
117
116
|
"*.ts?(x)": [
|
|
118
117
|
"prettier --parser=typescript --write",
|
|
119
|
-
"eslint --fix"
|
|
118
|
+
"eslint -c .eslintrc.cjs --fix --ext .ts"
|
|
120
119
|
]
|
|
121
120
|
}
|
|
122
121
|
}
|