@shuriken-ui/tailwind 1.2.0 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/config.d.cts +4 -4
- package/dist/config.d.mts +4 -4
- package/dist/config.d.ts +4 -4
- package/dist/index.cjs +0 -1
- package/dist/index.mjs +0 -1
- package/dist/preset.cjs +54 -32
- package/dist/preset.mjs +54 -32
- package/package.json +7 -8
package/dist/config.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as typography from '@tailwindcss/typography';
|
|
2
1
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
2
|
+
import * as typography from '@tailwindcss/typography';
|
|
3
3
|
import { Config } from 'tailwindcss';
|
|
4
4
|
|
|
5
5
|
declare const _default: {
|
|
@@ -7,11 +7,11 @@ declare const _default: {
|
|
|
7
7
|
presets: {
|
|
8
8
|
darkMode: "class";
|
|
9
9
|
content: never[];
|
|
10
|
-
plugins: ({
|
|
10
|
+
plugins: (typeof typography | {
|
|
11
|
+
handler: () => void;
|
|
12
|
+
} | {
|
|
11
13
|
handler: tailwindcss_types_config.PluginCreator;
|
|
12
14
|
config?: Partial<Config> | undefined;
|
|
13
|
-
} | typeof typography | {
|
|
14
|
-
handler: () => void;
|
|
15
15
|
})[];
|
|
16
16
|
theme: {
|
|
17
17
|
fontFamily: {
|
package/dist/config.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as typography from '@tailwindcss/typography';
|
|
2
1
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
2
|
+
import * as typography from '@tailwindcss/typography';
|
|
3
3
|
import { Config } from 'tailwindcss';
|
|
4
4
|
|
|
5
5
|
declare const _default: {
|
|
@@ -7,11 +7,11 @@ declare const _default: {
|
|
|
7
7
|
presets: {
|
|
8
8
|
darkMode: "class";
|
|
9
9
|
content: never[];
|
|
10
|
-
plugins: ({
|
|
10
|
+
plugins: (typeof typography | {
|
|
11
|
+
handler: () => void;
|
|
12
|
+
} | {
|
|
11
13
|
handler: tailwindcss_types_config.PluginCreator;
|
|
12
14
|
config?: Partial<Config> | undefined;
|
|
13
|
-
} | typeof typography | {
|
|
14
|
-
handler: () => void;
|
|
15
15
|
})[];
|
|
16
16
|
theme: {
|
|
17
17
|
fontFamily: {
|
package/dist/config.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as typography from '@tailwindcss/typography';
|
|
2
1
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
2
|
+
import * as typography from '@tailwindcss/typography';
|
|
3
3
|
import { Config } from 'tailwindcss';
|
|
4
4
|
|
|
5
5
|
declare const _default: {
|
|
@@ -7,11 +7,11 @@ declare const _default: {
|
|
|
7
7
|
presets: {
|
|
8
8
|
darkMode: "class";
|
|
9
9
|
content: never[];
|
|
10
|
-
plugins: ({
|
|
10
|
+
plugins: (typeof typography | {
|
|
11
|
+
handler: () => void;
|
|
12
|
+
} | {
|
|
11
13
|
handler: tailwindcss_types_config.PluginCreator;
|
|
12
14
|
config?: Partial<Config> | undefined;
|
|
13
|
-
} | typeof typography | {
|
|
14
|
-
handler: () => void;
|
|
15
15
|
})[];
|
|
16
16
|
theme: {
|
|
17
17
|
fontFamily: {
|
package/dist/index.cjs
CHANGED
package/dist/index.mjs
CHANGED
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}`]: {}
|
|
@@ -2847,7 +2847,6 @@ const defaultButtonConfig = {
|
|
|
2847
2847
|
};
|
|
2848
2848
|
const button = plugin__default.withOptions(
|
|
2849
2849
|
function(options) {
|
|
2850
|
-
console.log("register button plugin");
|
|
2851
2850
|
let { prefix } = defu.defu(options, defaultPluginOptions);
|
|
2852
2851
|
if (prefix) {
|
|
2853
2852
|
prefix = `${prefix}-`;
|
|
@@ -3445,6 +3444,7 @@ const defaultDropdownItemConfig = {
|
|
|
3445
3444
|
text: "primary-500"
|
|
3446
3445
|
},
|
|
3447
3446
|
rounded: {
|
|
3447
|
+
straight: "none",
|
|
3448
3448
|
default: "md",
|
|
3449
3449
|
smooth: "lg",
|
|
3450
3450
|
curved: "xl"
|
|
@@ -3462,7 +3462,7 @@ const dropdownItem = plugin__default.withOptions(
|
|
|
3462
3462
|
);
|
|
3463
3463
|
addComponents({
|
|
3464
3464
|
[`.${prefix}dropdown-item`]: {
|
|
3465
|
-
[`@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}`]: {},
|
|
3466
3466
|
[`.${prefix}item-content`]: {
|
|
3467
3467
|
[`@apply grow`]: {}
|
|
3468
3468
|
},
|
|
@@ -3540,7 +3540,7 @@ const defaultDropdownConfig = {
|
|
|
3540
3540
|
shadowColor: "muted-500/10",
|
|
3541
3541
|
shadowColorDark: "muted-800/10",
|
|
3542
3542
|
headerTitle: {
|
|
3543
|
-
font: "
|
|
3543
|
+
font: "sans",
|
|
3544
3544
|
fontSize: "medium",
|
|
3545
3545
|
text: "muted-500",
|
|
3546
3546
|
textDark: "muted-200",
|
|
@@ -3623,7 +3623,7 @@ const dropdown = plugin__default.withOptions(
|
|
|
3623
3623
|
[`.${prefix}context-button`]: {
|
|
3624
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}`]: {},
|
|
3625
3625
|
[`.${prefix}context-button-inner`]: {
|
|
3626
|
-
[`@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}`]: {}
|
|
3627
3627
|
},
|
|
3628
3628
|
[`.${prefix}context-icon`]: {
|
|
3629
3629
|
[`@apply text-${config.contextButton.icon.text} h-${config.contextButton.icon.size} w-${config.contextButton.icon.size} transition-transform duration-${config.contextButton.icon.duration}`]: {}
|
|
@@ -3776,7 +3776,7 @@ const defaultFullscreenDropfileConfig = {
|
|
|
3776
3776
|
text: "primary-500",
|
|
3777
3777
|
textSize: "6xl"
|
|
3778
3778
|
},
|
|
3779
|
-
labelTextSize: "
|
|
3779
|
+
labelTextSize: "base"
|
|
3780
3780
|
};
|
|
3781
3781
|
const fullscreenDropfile = plugin__default.withOptions(
|
|
3782
3782
|
function(options) {
|
|
@@ -4348,7 +4348,7 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4348
4348
|
[`@apply relative`]: {}
|
|
4349
4349
|
},
|
|
4350
4350
|
[`.${prefix}input-file-inner`]: {
|
|
4351
|
-
[`@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`]: {}
|
|
4352
4352
|
},
|
|
4353
4353
|
[`.${prefix}input-file-addon`]: {
|
|
4354
4354
|
[`@apply pointer-events-none flex shrink-0 items-center justify-center gap-1 transition-colors duration-100`]: {}
|
|
@@ -4360,7 +4360,7 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4360
4360
|
[`@apply ms-2 inline-flex truncate text-${config.text.text}`]: {}
|
|
4361
4361
|
},
|
|
4362
4362
|
[`.${prefix}input-file-placeload`]: {
|
|
4363
|
-
[`@apply absolute
|
|
4363
|
+
[`@apply absolute -end-8 flex w-[70%] items-center`]: {},
|
|
4364
4364
|
[`.${prefix}placeload`]: {
|
|
4365
4365
|
[`@apply h-3 w-full max-w-[75%] rounded`]: {}
|
|
4366
4366
|
}
|
|
@@ -4386,7 +4386,7 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4386
4386
|
},
|
|
4387
4387
|
[`&.${prefix}input-color-focus`]: {
|
|
4388
4388
|
[`.${prefix}input-file-inner`]: {
|
|
4389
|
-
[`@apply focus
|
|
4389
|
+
[`@apply focus-within:!border-${config.colorFocus}`]: {}
|
|
4390
4390
|
}
|
|
4391
4391
|
},
|
|
4392
4392
|
[`&.${prefix}input-file-loading`]: {
|
|
@@ -4426,6 +4426,9 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4426
4426
|
},
|
|
4427
4427
|
[`.${prefix}input-file-addon`]: {
|
|
4428
4428
|
[`@apply h-8 px-2`]: {}
|
|
4429
|
+
},
|
|
4430
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4431
|
+
[`@apply top-2.5`]: {}
|
|
4429
4432
|
}
|
|
4430
4433
|
},
|
|
4431
4434
|
[`&.${prefix}input-sm.${prefix}has-icon`]: {
|
|
@@ -4438,6 +4441,9 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4438
4441
|
},
|
|
4439
4442
|
[`.${prefix}input-file-icon`]: {
|
|
4440
4443
|
[`@apply w-${config.hasIcon.sm.iconSize} h-${config.hasIcon.sm.iconSize}`]: {}
|
|
4444
|
+
},
|
|
4445
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4446
|
+
[`@apply top-2.5`]: {}
|
|
4441
4447
|
}
|
|
4442
4448
|
},
|
|
4443
4449
|
[`&.${prefix}input-md:not(.${prefix}has-icon)`]: {
|
|
@@ -4447,6 +4453,9 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4447
4453
|
},
|
|
4448
4454
|
[`.${prefix}input-file-addon`]: {
|
|
4449
4455
|
[`@apply h-10 px-3`]: {}
|
|
4456
|
+
},
|
|
4457
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4458
|
+
[`@apply top-3.5`]: {}
|
|
4450
4459
|
}
|
|
4451
4460
|
},
|
|
4452
4461
|
[`&.${prefix}input-md.${prefix}has-icon`]: {
|
|
@@ -4459,6 +4468,9 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4459
4468
|
},
|
|
4460
4469
|
[`.${prefix}input-file-icon`]: {
|
|
4461
4470
|
[`@apply w-${config.hasIcon.md.iconSize} h-${config.hasIcon.md.iconSize}`]: {}
|
|
4471
|
+
},
|
|
4472
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4473
|
+
[`@apply top-3.5`]: {}
|
|
4462
4474
|
}
|
|
4463
4475
|
},
|
|
4464
4476
|
[`&.${prefix}input-lg:not(.${prefix}has-icon)`]: {
|
|
@@ -4468,6 +4480,9 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4468
4480
|
},
|
|
4469
4481
|
[`.${prefix}input-file-addon`]: {
|
|
4470
4482
|
[`@apply h-12 px-4`]: {}
|
|
4483
|
+
},
|
|
4484
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4485
|
+
[`@apply top-[1.2rem]`]: {}
|
|
4471
4486
|
}
|
|
4472
4487
|
},
|
|
4473
4488
|
[`&.${prefix}input-lg.${prefix}has-icon`]: {
|
|
@@ -4480,6 +4495,9 @@ const inputFileRegular = plugin__default.withOptions(
|
|
|
4480
4495
|
},
|
|
4481
4496
|
[`.${prefix}input-file-icon`]: {
|
|
4482
4497
|
[`@apply w-${config.hasIcon.lg.iconSize} h-${config.hasIcon.lg.iconSize}`]: {}
|
|
4498
|
+
},
|
|
4499
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4500
|
+
[`@apply top-[1.2rem]`]: {}
|
|
4483
4501
|
}
|
|
4484
4502
|
},
|
|
4485
4503
|
[`&:hover`]: {
|
|
@@ -4605,7 +4623,7 @@ const inputFile = plugin__default.withOptions(
|
|
|
4605
4623
|
);
|
|
4606
4624
|
addComponents({
|
|
4607
4625
|
[`.${prefix}input-file`]: {
|
|
4608
|
-
[`@apply relative`]: {},
|
|
4626
|
+
[`@apply relative block`]: {},
|
|
4609
4627
|
[`&.${prefix}input-file-drop`]: {
|
|
4610
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}`]: {},
|
|
4611
4629
|
[`.${prefix}drop-area-inner`]: {
|
|
@@ -5390,6 +5408,7 @@ const defaultListboxConfig = {
|
|
|
5390
5408
|
},
|
|
5391
5409
|
activeOrHover: {
|
|
5392
5410
|
text: "primary-600",
|
|
5411
|
+
textDark: "primary-400",
|
|
5393
5412
|
bg: "primary-500/10"
|
|
5394
5413
|
}
|
|
5395
5414
|
},
|
|
@@ -5499,7 +5518,7 @@ const defaultListboxConfig = {
|
|
|
5499
5518
|
}
|
|
5500
5519
|
},
|
|
5501
5520
|
muted: {
|
|
5502
|
-
bg: "muted-
|
|
5521
|
+
bg: "muted-100",
|
|
5503
5522
|
bgDark: "muted-900",
|
|
5504
5523
|
border: "muted-300",
|
|
5505
5524
|
borderDark: "muted-700",
|
|
@@ -5523,7 +5542,7 @@ const defaultListboxConfig = {
|
|
|
5523
5542
|
}
|
|
5524
5543
|
},
|
|
5525
5544
|
mutedContrast: {
|
|
5526
|
-
bg: "muted-
|
|
5545
|
+
bg: "muted-100",
|
|
5527
5546
|
bgDark: "muted-950",
|
|
5528
5547
|
border: "muted-300",
|
|
5529
5548
|
borderDark: "muted-800",
|
|
@@ -5702,8 +5721,11 @@ const listbox = plugin__default.withOptions(
|
|
|
5702
5721
|
[`@apply text-${config.option.inner.text}`]: {}
|
|
5703
5722
|
}
|
|
5704
5723
|
},
|
|
5724
|
+
[`&:not(.${prefix}active), &:not(:hover)`]: {
|
|
5725
|
+
[`@apply text-muted-600 dark:text-muted-200`]: {}
|
|
5726
|
+
},
|
|
5705
5727
|
[`&.${prefix}active, &:hover`]: {
|
|
5706
|
-
[`@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}`]: {}
|
|
5707
5729
|
}
|
|
5708
5730
|
},
|
|
5709
5731
|
[`.${prefix}listbox-error-text`]: {
|
|
@@ -6682,7 +6704,7 @@ const defaultPaginationConfig = {
|
|
|
6682
6704
|
space: "1",
|
|
6683
6705
|
notActive: {
|
|
6684
6706
|
bg: "white",
|
|
6685
|
-
bgDark: "
|
|
6707
|
+
bgDark: "muted-800",
|
|
6686
6708
|
bgHover: "muted-100",
|
|
6687
6709
|
bgHoverDark: "muted-900",
|
|
6688
6710
|
text: "muted-500",
|
|
@@ -7475,7 +7497,7 @@ const defaultSelectConfig = {
|
|
|
7475
7497
|
textPlaceholderDark: "muted-600"
|
|
7476
7498
|
},
|
|
7477
7499
|
muted: {
|
|
7478
|
-
bg: "muted-
|
|
7500
|
+
bg: "muted-100",
|
|
7479
7501
|
bgDark: "muted-900/75",
|
|
7480
7502
|
border: "muted-200",
|
|
7481
7503
|
borderDark: "muted-700",
|
|
@@ -8060,7 +8082,7 @@ const defaultSwitchBallConfig = {
|
|
|
8060
8082
|
},
|
|
8061
8083
|
dualLabel: {
|
|
8062
8084
|
label: {
|
|
8063
|
-
font: "
|
|
8085
|
+
font: "sans",
|
|
8064
8086
|
fontWeight: "medium",
|
|
8065
8087
|
text: "muted-800",
|
|
8066
8088
|
textDark: "white",
|
|
@@ -8182,7 +8204,7 @@ const defaultSwitchThinConfig = {
|
|
|
8182
8204
|
},
|
|
8183
8205
|
dualLabel: {
|
|
8184
8206
|
label: {
|
|
8185
|
-
font: "
|
|
8207
|
+
font: "sans",
|
|
8186
8208
|
fontWeight: "medium",
|
|
8187
8209
|
text: "muted-800",
|
|
8188
8210
|
textDark: "white",
|
|
@@ -8376,10 +8398,10 @@ const tabSlider = plugin__default.withOptions(
|
|
|
8376
8398
|
}
|
|
8377
8399
|
},
|
|
8378
8400
|
[`&.${prefix}tabs-sm`]: {
|
|
8379
|
-
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-
|
|
8401
|
+
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-track`]: {
|
|
8380
8402
|
[`@apply max-w-${config.tabsSM.twoSlotsW}`]: {}
|
|
8381
8403
|
},
|
|
8382
|
-
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-
|
|
8404
|
+
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-track`]: {
|
|
8383
8405
|
[`@apply max-w-${config.tabsSM.threeSlotsW}`]: {}
|
|
8384
8406
|
},
|
|
8385
8407
|
[`.${prefix}tab-slider-track`]: {
|
|
@@ -8387,10 +8409,10 @@ const tabSlider = plugin__default.withOptions(
|
|
|
8387
8409
|
}
|
|
8388
8410
|
},
|
|
8389
8411
|
[`&.${prefix}tabs-md`]: {
|
|
8390
|
-
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-
|
|
8412
|
+
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-track`]: {
|
|
8391
8413
|
[`@apply max-w-${config.tabsMD.twoSlotsW}`]: {}
|
|
8392
8414
|
},
|
|
8393
|
-
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-
|
|
8415
|
+
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-track`]: {
|
|
8394
8416
|
[`@apply max-w-${config.tabsMD.threeSlotsW}`]: {}
|
|
8395
8417
|
},
|
|
8396
8418
|
[`.${prefix}tab-slider-track`]: {
|
|
@@ -8439,7 +8461,7 @@ const tabSlider = plugin__default.withOptions(
|
|
|
8439
8461
|
|
|
8440
8462
|
const defaultTabsConfig = {
|
|
8441
8463
|
inner: {
|
|
8442
|
-
font: "
|
|
8464
|
+
font: "sans",
|
|
8443
8465
|
space: "6"
|
|
8444
8466
|
},
|
|
8445
8467
|
item: {
|
|
@@ -9018,7 +9040,7 @@ const defaultTextareaConfig = {
|
|
|
9018
9040
|
textPlaceholderDark: "muted-600"
|
|
9019
9041
|
},
|
|
9020
9042
|
muted: {
|
|
9021
|
-
bg: "muted-
|
|
9043
|
+
bg: "muted-100",
|
|
9022
9044
|
bgDark: "muted-900/75",
|
|
9023
9045
|
border: "muted-200",
|
|
9024
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}`]: {}
|
|
@@ -2836,7 +2836,6 @@ const defaultButtonConfig = {
|
|
|
2836
2836
|
};
|
|
2837
2837
|
const button = plugin.withOptions(
|
|
2838
2838
|
function(options) {
|
|
2839
|
-
console.log("register button plugin");
|
|
2840
2839
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
2841
2840
|
if (prefix) {
|
|
2842
2841
|
prefix = `${prefix}-`;
|
|
@@ -3434,6 +3433,7 @@ const defaultDropdownItemConfig = {
|
|
|
3434
3433
|
text: "primary-500"
|
|
3435
3434
|
},
|
|
3436
3435
|
rounded: {
|
|
3436
|
+
straight: "none",
|
|
3437
3437
|
default: "md",
|
|
3438
3438
|
smooth: "lg",
|
|
3439
3439
|
curved: "xl"
|
|
@@ -3451,7 +3451,7 @@ const dropdownItem = plugin.withOptions(
|
|
|
3451
3451
|
);
|
|
3452
3452
|
addComponents({
|
|
3453
3453
|
[`.${prefix}dropdown-item`]: {
|
|
3454
|
-
[`@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}`]: {},
|
|
3455
3455
|
[`.${prefix}item-content`]: {
|
|
3456
3456
|
[`@apply grow`]: {}
|
|
3457
3457
|
},
|
|
@@ -3529,7 +3529,7 @@ const defaultDropdownConfig = {
|
|
|
3529
3529
|
shadowColor: "muted-500/10",
|
|
3530
3530
|
shadowColorDark: "muted-800/10",
|
|
3531
3531
|
headerTitle: {
|
|
3532
|
-
font: "
|
|
3532
|
+
font: "sans",
|
|
3533
3533
|
fontSize: "medium",
|
|
3534
3534
|
text: "muted-500",
|
|
3535
3535
|
textDark: "muted-200",
|
|
@@ -3612,7 +3612,7 @@ const dropdown = plugin.withOptions(
|
|
|
3612
3612
|
[`.${prefix}context-button`]: {
|
|
3613
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}`]: {},
|
|
3614
3614
|
[`.${prefix}context-button-inner`]: {
|
|
3615
|
-
[`@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}`]: {}
|
|
3616
3616
|
},
|
|
3617
3617
|
[`.${prefix}context-icon`]: {
|
|
3618
3618
|
[`@apply text-${config.contextButton.icon.text} h-${config.contextButton.icon.size} w-${config.contextButton.icon.size} transition-transform duration-${config.contextButton.icon.duration}`]: {}
|
|
@@ -3765,7 +3765,7 @@ const defaultFullscreenDropfileConfig = {
|
|
|
3765
3765
|
text: "primary-500",
|
|
3766
3766
|
textSize: "6xl"
|
|
3767
3767
|
},
|
|
3768
|
-
labelTextSize: "
|
|
3768
|
+
labelTextSize: "base"
|
|
3769
3769
|
};
|
|
3770
3770
|
const fullscreenDropfile = plugin.withOptions(
|
|
3771
3771
|
function(options) {
|
|
@@ -4337,7 +4337,7 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4337
4337
|
[`@apply relative`]: {}
|
|
4338
4338
|
},
|
|
4339
4339
|
[`.${prefix}input-file-inner`]: {
|
|
4340
|
-
[`@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`]: {}
|
|
4341
4341
|
},
|
|
4342
4342
|
[`.${prefix}input-file-addon`]: {
|
|
4343
4343
|
[`@apply pointer-events-none flex shrink-0 items-center justify-center gap-1 transition-colors duration-100`]: {}
|
|
@@ -4349,7 +4349,7 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4349
4349
|
[`@apply ms-2 inline-flex truncate text-${config.text.text}`]: {}
|
|
4350
4350
|
},
|
|
4351
4351
|
[`.${prefix}input-file-placeload`]: {
|
|
4352
|
-
[`@apply absolute
|
|
4352
|
+
[`@apply absolute -end-8 flex w-[70%] items-center`]: {},
|
|
4353
4353
|
[`.${prefix}placeload`]: {
|
|
4354
4354
|
[`@apply h-3 w-full max-w-[75%] rounded`]: {}
|
|
4355
4355
|
}
|
|
@@ -4375,7 +4375,7 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4375
4375
|
},
|
|
4376
4376
|
[`&.${prefix}input-color-focus`]: {
|
|
4377
4377
|
[`.${prefix}input-file-inner`]: {
|
|
4378
|
-
[`@apply focus
|
|
4378
|
+
[`@apply focus-within:!border-${config.colorFocus}`]: {}
|
|
4379
4379
|
}
|
|
4380
4380
|
},
|
|
4381
4381
|
[`&.${prefix}input-file-loading`]: {
|
|
@@ -4415,6 +4415,9 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4415
4415
|
},
|
|
4416
4416
|
[`.${prefix}input-file-addon`]: {
|
|
4417
4417
|
[`@apply h-8 px-2`]: {}
|
|
4418
|
+
},
|
|
4419
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4420
|
+
[`@apply top-2.5`]: {}
|
|
4418
4421
|
}
|
|
4419
4422
|
},
|
|
4420
4423
|
[`&.${prefix}input-sm.${prefix}has-icon`]: {
|
|
@@ -4427,6 +4430,9 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4427
4430
|
},
|
|
4428
4431
|
[`.${prefix}input-file-icon`]: {
|
|
4429
4432
|
[`@apply w-${config.hasIcon.sm.iconSize} h-${config.hasIcon.sm.iconSize}`]: {}
|
|
4433
|
+
},
|
|
4434
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4435
|
+
[`@apply top-2.5`]: {}
|
|
4430
4436
|
}
|
|
4431
4437
|
},
|
|
4432
4438
|
[`&.${prefix}input-md:not(.${prefix}has-icon)`]: {
|
|
@@ -4436,6 +4442,9 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4436
4442
|
},
|
|
4437
4443
|
[`.${prefix}input-file-addon`]: {
|
|
4438
4444
|
[`@apply h-10 px-3`]: {}
|
|
4445
|
+
},
|
|
4446
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4447
|
+
[`@apply top-3.5`]: {}
|
|
4439
4448
|
}
|
|
4440
4449
|
},
|
|
4441
4450
|
[`&.${prefix}input-md.${prefix}has-icon`]: {
|
|
@@ -4448,6 +4457,9 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4448
4457
|
},
|
|
4449
4458
|
[`.${prefix}input-file-icon`]: {
|
|
4450
4459
|
[`@apply w-${config.hasIcon.md.iconSize} h-${config.hasIcon.md.iconSize}`]: {}
|
|
4460
|
+
},
|
|
4461
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4462
|
+
[`@apply top-3.5`]: {}
|
|
4451
4463
|
}
|
|
4452
4464
|
},
|
|
4453
4465
|
[`&.${prefix}input-lg:not(.${prefix}has-icon)`]: {
|
|
@@ -4457,6 +4469,9 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4457
4469
|
},
|
|
4458
4470
|
[`.${prefix}input-file-addon`]: {
|
|
4459
4471
|
[`@apply h-12 px-4`]: {}
|
|
4472
|
+
},
|
|
4473
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4474
|
+
[`@apply top-[1.2rem]`]: {}
|
|
4460
4475
|
}
|
|
4461
4476
|
},
|
|
4462
4477
|
[`&.${prefix}input-lg.${prefix}has-icon`]: {
|
|
@@ -4469,6 +4484,9 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4469
4484
|
},
|
|
4470
4485
|
[`.${prefix}input-file-icon`]: {
|
|
4471
4486
|
[`@apply w-${config.hasIcon.lg.iconSize} h-${config.hasIcon.lg.iconSize}`]: {}
|
|
4487
|
+
},
|
|
4488
|
+
[`.${prefix}input-file-placeload`]: {
|
|
4489
|
+
[`@apply top-[1.2rem]`]: {}
|
|
4472
4490
|
}
|
|
4473
4491
|
},
|
|
4474
4492
|
[`&:hover`]: {
|
|
@@ -4594,7 +4612,7 @@ const inputFile = plugin.withOptions(
|
|
|
4594
4612
|
);
|
|
4595
4613
|
addComponents({
|
|
4596
4614
|
[`.${prefix}input-file`]: {
|
|
4597
|
-
[`@apply relative`]: {},
|
|
4615
|
+
[`@apply relative block`]: {},
|
|
4598
4616
|
[`&.${prefix}input-file-drop`]: {
|
|
4599
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}`]: {},
|
|
4600
4618
|
[`.${prefix}drop-area-inner`]: {
|
|
@@ -5379,6 +5397,7 @@ const defaultListboxConfig = {
|
|
|
5379
5397
|
},
|
|
5380
5398
|
activeOrHover: {
|
|
5381
5399
|
text: "primary-600",
|
|
5400
|
+
textDark: "primary-400",
|
|
5382
5401
|
bg: "primary-500/10"
|
|
5383
5402
|
}
|
|
5384
5403
|
},
|
|
@@ -5488,7 +5507,7 @@ const defaultListboxConfig = {
|
|
|
5488
5507
|
}
|
|
5489
5508
|
},
|
|
5490
5509
|
muted: {
|
|
5491
|
-
bg: "muted-
|
|
5510
|
+
bg: "muted-100",
|
|
5492
5511
|
bgDark: "muted-900",
|
|
5493
5512
|
border: "muted-300",
|
|
5494
5513
|
borderDark: "muted-700",
|
|
@@ -5512,7 +5531,7 @@ const defaultListboxConfig = {
|
|
|
5512
5531
|
}
|
|
5513
5532
|
},
|
|
5514
5533
|
mutedContrast: {
|
|
5515
|
-
bg: "muted-
|
|
5534
|
+
bg: "muted-100",
|
|
5516
5535
|
bgDark: "muted-950",
|
|
5517
5536
|
border: "muted-300",
|
|
5518
5537
|
borderDark: "muted-800",
|
|
@@ -5691,8 +5710,11 @@ const listbox = plugin.withOptions(
|
|
|
5691
5710
|
[`@apply text-${config.option.inner.text}`]: {}
|
|
5692
5711
|
}
|
|
5693
5712
|
},
|
|
5713
|
+
[`&:not(.${prefix}active), &:not(:hover)`]: {
|
|
5714
|
+
[`@apply text-muted-600 dark:text-muted-200`]: {}
|
|
5715
|
+
},
|
|
5694
5716
|
[`&.${prefix}active, &:hover`]: {
|
|
5695
|
-
[`@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}`]: {}
|
|
5696
5718
|
}
|
|
5697
5719
|
},
|
|
5698
5720
|
[`.${prefix}listbox-error-text`]: {
|
|
@@ -6671,7 +6693,7 @@ const defaultPaginationConfig = {
|
|
|
6671
6693
|
space: "1",
|
|
6672
6694
|
notActive: {
|
|
6673
6695
|
bg: "white",
|
|
6674
|
-
bgDark: "
|
|
6696
|
+
bgDark: "muted-800",
|
|
6675
6697
|
bgHover: "muted-100",
|
|
6676
6698
|
bgHoverDark: "muted-900",
|
|
6677
6699
|
text: "muted-500",
|
|
@@ -7464,7 +7486,7 @@ const defaultSelectConfig = {
|
|
|
7464
7486
|
textPlaceholderDark: "muted-600"
|
|
7465
7487
|
},
|
|
7466
7488
|
muted: {
|
|
7467
|
-
bg: "muted-
|
|
7489
|
+
bg: "muted-100",
|
|
7468
7490
|
bgDark: "muted-900/75",
|
|
7469
7491
|
border: "muted-200",
|
|
7470
7492
|
borderDark: "muted-700",
|
|
@@ -8049,7 +8071,7 @@ const defaultSwitchBallConfig = {
|
|
|
8049
8071
|
},
|
|
8050
8072
|
dualLabel: {
|
|
8051
8073
|
label: {
|
|
8052
|
-
font: "
|
|
8074
|
+
font: "sans",
|
|
8053
8075
|
fontWeight: "medium",
|
|
8054
8076
|
text: "muted-800",
|
|
8055
8077
|
textDark: "white",
|
|
@@ -8171,7 +8193,7 @@ const defaultSwitchThinConfig = {
|
|
|
8171
8193
|
},
|
|
8172
8194
|
dualLabel: {
|
|
8173
8195
|
label: {
|
|
8174
|
-
font: "
|
|
8196
|
+
font: "sans",
|
|
8175
8197
|
fontWeight: "medium",
|
|
8176
8198
|
text: "muted-800",
|
|
8177
8199
|
textDark: "white",
|
|
@@ -8365,10 +8387,10 @@ const tabSlider = plugin.withOptions(
|
|
|
8365
8387
|
}
|
|
8366
8388
|
},
|
|
8367
8389
|
[`&.${prefix}tabs-sm`]: {
|
|
8368
|
-
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-
|
|
8390
|
+
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-track`]: {
|
|
8369
8391
|
[`@apply max-w-${config.tabsSM.twoSlotsW}`]: {}
|
|
8370
8392
|
},
|
|
8371
|
-
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-
|
|
8393
|
+
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-track`]: {
|
|
8372
8394
|
[`@apply max-w-${config.tabsSM.threeSlotsW}`]: {}
|
|
8373
8395
|
},
|
|
8374
8396
|
[`.${prefix}tab-slider-track`]: {
|
|
@@ -8376,10 +8398,10 @@ const tabSlider = plugin.withOptions(
|
|
|
8376
8398
|
}
|
|
8377
8399
|
},
|
|
8378
8400
|
[`&.${prefix}tabs-md`]: {
|
|
8379
|
-
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-
|
|
8401
|
+
[`&.${prefix}tabs-two-slots .${prefix}tab-slider-track`]: {
|
|
8380
8402
|
[`@apply max-w-${config.tabsMD.twoSlotsW}`]: {}
|
|
8381
8403
|
},
|
|
8382
|
-
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-
|
|
8404
|
+
[`&.${prefix}tabs-three-slots .${prefix}tab-slider-track`]: {
|
|
8383
8405
|
[`@apply max-w-${config.tabsMD.threeSlotsW}`]: {}
|
|
8384
8406
|
},
|
|
8385
8407
|
[`.${prefix}tab-slider-track`]: {
|
|
@@ -8428,7 +8450,7 @@ const tabSlider = plugin.withOptions(
|
|
|
8428
8450
|
|
|
8429
8451
|
const defaultTabsConfig = {
|
|
8430
8452
|
inner: {
|
|
8431
|
-
font: "
|
|
8453
|
+
font: "sans",
|
|
8432
8454
|
space: "6"
|
|
8433
8455
|
},
|
|
8434
8456
|
item: {
|
|
@@ -9007,7 +9029,7 @@ const defaultTextareaConfig = {
|
|
|
9007
9029
|
textPlaceholderDark: "muted-600"
|
|
9008
9030
|
},
|
|
9009
9031
|
muted: {
|
|
9010
|
-
bg: "muted-
|
|
9032
|
+
bg: "muted-100",
|
|
9011
9033
|
bgDark: "muted-900/75",
|
|
9012
9034
|
border: "muted-200",
|
|
9013
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.2",
|
|
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
|
}
|