@shuriken-ui/tailwind 1.2.1 → 1.2.3
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 +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
|
}
|