@shuriken-ui/tailwind 3.0.0 → 3.0.1
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/index.d.cts +2 -2
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/plugins/index.cjs +454 -241
- package/dist/plugins/index.d.cts +6 -1
- package/dist/plugins/index.d.mts +6 -1
- package/dist/plugins/index.d.ts +6 -1
- package/dist/plugins/index.mjs +454 -242
- package/dist/preset.d.cts +1 -1
- package/dist/preset.d.mts +1 -1
- package/dist/preset.d.ts +1 -1
- package/dist/shared/{tailwind.a9f50d73.d.cts → tailwind.0b4ef210.d.cts} +1029 -229
- package/dist/shared/{tailwind.a9f50d73.d.mts → tailwind.0b4ef210.d.mts} +1029 -229
- package/dist/shared/{tailwind.a9f50d73.d.ts → tailwind.0b4ef210.d.ts} +1029 -229
- package/package.json +9 -11
package/dist/plugins/index.mjs
CHANGED
@@ -15,8 +15,8 @@ function mergePlugins(plugins) {
|
|
15
15
|
return plugin((api) => plugins.map((plugin2) => plugin2.handler(api)), config);
|
16
16
|
}
|
17
17
|
|
18
|
-
const key$
|
19
|
-
const defaultConfig$
|
18
|
+
const key$T = "accordion";
|
19
|
+
const defaultConfig$S = {
|
20
20
|
wrapper: {
|
21
21
|
width: "full",
|
22
22
|
rounded: {
|
@@ -233,15 +233,15 @@ const defaultConfig$R = {
|
|
233
233
|
}
|
234
234
|
};
|
235
235
|
|
236
|
-
const config$
|
236
|
+
const config$T = {
|
237
237
|
theme: {
|
238
238
|
nui: {
|
239
|
-
[key$
|
239
|
+
[key$T]: defaultConfig$S
|
240
240
|
}
|
241
241
|
}
|
242
242
|
};
|
243
243
|
const accordion = plugin(({ addComponents, theme }) => {
|
244
|
-
const config2 = theme(`nui.${key$
|
244
|
+
const config2 = theme(`nui.${key$T}`);
|
245
245
|
addComponents({
|
246
246
|
//Accordion:wrapper
|
247
247
|
".nui-accordion": {
|
@@ -458,10 +458,10 @@ const accordion = plugin(({ addComponents, theme }) => {
|
|
458
458
|
}
|
459
459
|
}
|
460
460
|
});
|
461
|
-
}, config$
|
461
|
+
}, config$T);
|
462
462
|
|
463
|
-
const key$
|
464
|
-
const defaultConfig$
|
463
|
+
const key$S = "autocomplete";
|
464
|
+
const defaultConfig$R = {
|
465
465
|
rounded: {
|
466
466
|
none: "none",
|
467
467
|
sm: "md",
|
@@ -949,15 +949,15 @@ const defaultConfig$Q = {
|
|
949
949
|
}
|
950
950
|
};
|
951
951
|
|
952
|
-
const config$
|
952
|
+
const config$S = {
|
953
953
|
theme: {
|
954
954
|
nui: {
|
955
|
-
[key$
|
955
|
+
[key$S]: defaultConfig$R
|
956
956
|
}
|
957
957
|
}
|
958
958
|
};
|
959
959
|
const autocomplete = plugin(({ addComponents, theme }) => {
|
960
|
-
const config2 = theme(`nui.${key$
|
960
|
+
const config2 = theme(`nui.${key$S}`);
|
961
961
|
addComponents({
|
962
962
|
".nui-autocomplete": {
|
963
963
|
"@apply w-full relative": {},
|
@@ -1051,15 +1051,6 @@ const autocomplete = plugin(({ addComponents, theme }) => {
|
|
1051
1051
|
"@apply h-3 w-full max-w-[75%] rounded": {}
|
1052
1052
|
}
|
1053
1053
|
},
|
1054
|
-
//Autocomplete:error
|
1055
|
-
".nui-autocomplete-error-text": {
|
1056
|
-
//Base
|
1057
|
-
"@apply mt-1 block leading-none": {},
|
1058
|
-
//Error text font
|
1059
|
-
[`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight}`]: {},
|
1060
|
-
//Error text color
|
1061
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
1062
|
-
},
|
1063
1054
|
//Autocomplete:results
|
1064
1055
|
".nui-autocomplete-results": {
|
1065
1056
|
"@apply nui-slimscroll absolute z-20 mt-1 max-h-[265px] w-full overflow-auto py-1 outline-none sm:text-sm": {},
|
@@ -1463,10 +1454,10 @@ const autocomplete = plugin(({ addComponents, theme }) => {
|
|
1463
1454
|
}
|
1464
1455
|
}
|
1465
1456
|
});
|
1466
|
-
}, config$
|
1457
|
+
}, config$S);
|
1467
1458
|
|
1468
|
-
const key$
|
1469
|
-
const defaultConfig$
|
1459
|
+
const key$R = "avatar";
|
1460
|
+
const defaultConfig$Q = {
|
1470
1461
|
inner: {
|
1471
1462
|
size: "full",
|
1472
1463
|
transition: {
|
@@ -1815,15 +1806,15 @@ const defaultConfig$P = {
|
|
1815
1806
|
}
|
1816
1807
|
};
|
1817
1808
|
|
1818
|
-
const config$
|
1809
|
+
const config$R = {
|
1819
1810
|
theme: {
|
1820
1811
|
nui: {
|
1821
|
-
[key$
|
1812
|
+
[key$R]: defaultConfig$Q
|
1822
1813
|
}
|
1823
1814
|
}
|
1824
1815
|
};
|
1825
1816
|
const avatar = plugin(({ addComponents, theme }) => {
|
1826
|
-
const config2 = theme(`nui.${key$
|
1817
|
+
const config2 = theme(`nui.${key$R}`);
|
1827
1818
|
addComponents({
|
1828
1819
|
".nui-avatar": {
|
1829
1820
|
//Avatar:wrapper
|
@@ -2588,10 +2579,10 @@ const avatar = plugin(({ addComponents, theme }) => {
|
|
2588
2579
|
}
|
2589
2580
|
}
|
2590
2581
|
});
|
2591
|
-
}, config$
|
2582
|
+
}, config$R);
|
2592
2583
|
|
2593
|
-
const key$
|
2594
|
-
const defaultConfig$
|
2584
|
+
const key$Q = "avatarGroup";
|
2585
|
+
const defaultConfig$P = {
|
2595
2586
|
avatar: {
|
2596
2587
|
rounded: "full",
|
2597
2588
|
outer: {
|
@@ -2711,15 +2702,15 @@ const defaultConfig$O = {
|
|
2711
2702
|
}
|
2712
2703
|
};
|
2713
2704
|
|
2714
|
-
const config$
|
2705
|
+
const config$Q = {
|
2715
2706
|
theme: {
|
2716
2707
|
nui: {
|
2717
|
-
[key$
|
2708
|
+
[key$Q]: defaultConfig$P
|
2718
2709
|
}
|
2719
2710
|
}
|
2720
2711
|
};
|
2721
2712
|
const avatarGroup = plugin(({ addComponents, theme }) => {
|
2722
|
-
const config2 = theme(`nui.${key$
|
2713
|
+
const config2 = theme(`nui.${key$Q}`);
|
2723
2714
|
addComponents({
|
2724
2715
|
".nui-avatar-group": {
|
2725
2716
|
"@apply flex": {},
|
@@ -2863,10 +2854,10 @@ const avatarGroup = plugin(({ addComponents, theme }) => {
|
|
2863
2854
|
}
|
2864
2855
|
}
|
2865
2856
|
});
|
2866
|
-
}, config$
|
2857
|
+
}, config$Q);
|
2867
2858
|
|
2868
|
-
const key$
|
2869
|
-
const defaultConfig$
|
2859
|
+
const key$P = "breadcrumb";
|
2860
|
+
const defaultConfig$O = {
|
2870
2861
|
item: {
|
2871
2862
|
text: {
|
2872
2863
|
font: {
|
@@ -2932,15 +2923,15 @@ const defaultConfig$N = {
|
|
2932
2923
|
}
|
2933
2924
|
};
|
2934
2925
|
|
2935
|
-
const config$
|
2926
|
+
const config$P = {
|
2936
2927
|
theme: {
|
2937
2928
|
nui: {
|
2938
|
-
[key$
|
2929
|
+
[key$P]: defaultConfig$O
|
2939
2930
|
}
|
2940
2931
|
}
|
2941
2932
|
};
|
2942
2933
|
const breadcrumb = plugin(({ addComponents, theme }) => {
|
2943
|
-
const config2 = theme(`nui.${key$
|
2934
|
+
const config2 = theme(`nui.${key$P}`);
|
2944
2935
|
addComponents({
|
2945
2936
|
".nui-breadcrumb": {
|
2946
2937
|
".nui-breadcrumb-list": {
|
@@ -3005,10 +2996,10 @@ const breadcrumb = plugin(({ addComponents, theme }) => {
|
|
3005
2996
|
}
|
3006
2997
|
}
|
3007
2998
|
});
|
3008
|
-
}, config$
|
2999
|
+
}, config$P);
|
3009
3000
|
|
3010
|
-
const key$
|
3011
|
-
const defaultConfig$
|
3001
|
+
const key$O = "buttonAction";
|
3002
|
+
const defaultConfig$N = {
|
3012
3003
|
rounded: {
|
3013
3004
|
none: "none",
|
3014
3005
|
sm: "md",
|
@@ -3343,15 +3334,15 @@ const defaultConfig$M = {
|
|
3343
3334
|
}
|
3344
3335
|
};
|
3345
3336
|
|
3346
|
-
const config$
|
3337
|
+
const config$O = {
|
3347
3338
|
theme: {
|
3348
3339
|
nui: {
|
3349
|
-
[key$
|
3340
|
+
[key$O]: defaultConfig$N
|
3350
3341
|
}
|
3351
3342
|
}
|
3352
3343
|
};
|
3353
3344
|
const buttonAction = plugin(({ addComponents, theme }) => {
|
3354
|
-
const config2 = theme(`nui.${key$
|
3345
|
+
const config2 = theme(`nui.${key$O}`);
|
3355
3346
|
addComponents({
|
3356
3347
|
".nui-button-action": {
|
3357
3348
|
//Wrapper
|
@@ -3540,10 +3531,10 @@ const buttonAction = plugin(({ addComponents, theme }) => {
|
|
3540
3531
|
}
|
3541
3532
|
}
|
3542
3533
|
});
|
3543
|
-
}, config$
|
3534
|
+
}, config$O);
|
3544
3535
|
|
3545
|
-
const key$
|
3546
|
-
const defaultConfig$
|
3536
|
+
const key$N = "buttonClose";
|
3537
|
+
const defaultConfig$M = {
|
3547
3538
|
size: {
|
3548
3539
|
xs: {
|
3549
3540
|
outer: "6",
|
@@ -3579,6 +3570,14 @@ const defaultConfig$L = {
|
|
3579
3570
|
hover: {
|
3580
3571
|
light: "muted-100",
|
3581
3572
|
dark: "muted-700"
|
3573
|
+
},
|
3574
|
+
focus: {
|
3575
|
+
light: "muted-100",
|
3576
|
+
dark: "muted-700"
|
3577
|
+
},
|
3578
|
+
active: {
|
3579
|
+
light: "transparent",
|
3580
|
+
dark: "transparent"
|
3582
3581
|
}
|
3583
3582
|
},
|
3584
3583
|
font: {
|
@@ -3597,6 +3596,14 @@ const defaultConfig$L = {
|
|
3597
3596
|
hover: {
|
3598
3597
|
light: "muted-100",
|
3599
3598
|
dark: "muted-900"
|
3599
|
+
},
|
3600
|
+
focus: {
|
3601
|
+
light: "muted-100",
|
3602
|
+
dark: "muted-900"
|
3603
|
+
},
|
3604
|
+
active: {
|
3605
|
+
light: "transparent",
|
3606
|
+
dark: "transparent"
|
3600
3607
|
}
|
3601
3608
|
},
|
3602
3609
|
font: {
|
@@ -3615,6 +3622,14 @@ const defaultConfig$L = {
|
|
3615
3622
|
hover: {
|
3616
3623
|
light: "muted-50",
|
3617
3624
|
dark: "muted-600"
|
3625
|
+
},
|
3626
|
+
focus: {
|
3627
|
+
light: "muted-50",
|
3628
|
+
dark: "muted-600"
|
3629
|
+
},
|
3630
|
+
active: {
|
3631
|
+
light: "muted-100",
|
3632
|
+
dark: "muted-700"
|
3618
3633
|
}
|
3619
3634
|
},
|
3620
3635
|
font: {
|
@@ -3633,6 +3648,14 @@ const defaultConfig$L = {
|
|
3633
3648
|
hover: {
|
3634
3649
|
light: "muted-50",
|
3635
3650
|
dark: "muted-900"
|
3651
|
+
},
|
3652
|
+
focus: {
|
3653
|
+
light: "muted-50",
|
3654
|
+
dark: "muted-900"
|
3655
|
+
},
|
3656
|
+
active: {
|
3657
|
+
light: "muted-100",
|
3658
|
+
dark: "muted-950"
|
3636
3659
|
}
|
3637
3660
|
},
|
3638
3661
|
font: {
|
@@ -3651,6 +3674,14 @@ const defaultConfig$L = {
|
|
3651
3674
|
hover: {
|
3652
3675
|
light: "primary-500/20",
|
3653
3676
|
dark: "primary-500/20"
|
3677
|
+
},
|
3678
|
+
focus: {
|
3679
|
+
light: "primary-500/20",
|
3680
|
+
dark: "primary-500/20"
|
3681
|
+
},
|
3682
|
+
active: {
|
3683
|
+
light: "primary-500/10",
|
3684
|
+
dark: "primary-500/10"
|
3654
3685
|
}
|
3655
3686
|
},
|
3656
3687
|
font: {
|
@@ -3669,6 +3700,14 @@ const defaultConfig$L = {
|
|
3669
3700
|
hover: {
|
3670
3701
|
light: "info-500/20",
|
3671
3702
|
dark: "info-500/20"
|
3703
|
+
},
|
3704
|
+
focus: {
|
3705
|
+
light: "info-500/20",
|
3706
|
+
dark: "info-500/20"
|
3707
|
+
},
|
3708
|
+
active: {
|
3709
|
+
light: "info-500/10",
|
3710
|
+
dark: "info-500/10"
|
3672
3711
|
}
|
3673
3712
|
},
|
3674
3713
|
font: {
|
@@ -3687,6 +3726,14 @@ const defaultConfig$L = {
|
|
3687
3726
|
hover: {
|
3688
3727
|
light: "success-500/20",
|
3689
3728
|
dark: "success-500/20"
|
3729
|
+
},
|
3730
|
+
focus: {
|
3731
|
+
light: "success-500/20",
|
3732
|
+
dark: "success-500/20"
|
3733
|
+
},
|
3734
|
+
active: {
|
3735
|
+
light: "success-500/10",
|
3736
|
+
dark: "success-500/10"
|
3690
3737
|
}
|
3691
3738
|
},
|
3692
3739
|
font: {
|
@@ -3705,6 +3752,14 @@ const defaultConfig$L = {
|
|
3705
3752
|
hover: {
|
3706
3753
|
light: "warning-500/20",
|
3707
3754
|
dark: "warning-500/20"
|
3755
|
+
},
|
3756
|
+
focus: {
|
3757
|
+
light: "warning-500/20",
|
3758
|
+
dark: "warning-500/20"
|
3759
|
+
},
|
3760
|
+
active: {
|
3761
|
+
light: "warning-500/10",
|
3762
|
+
dark: "warning-500/10"
|
3708
3763
|
}
|
3709
3764
|
},
|
3710
3765
|
font: {
|
@@ -3723,6 +3778,14 @@ const defaultConfig$L = {
|
|
3723
3778
|
hover: {
|
3724
3779
|
light: "danger-500/20",
|
3725
3780
|
dark: "danger-500/20"
|
3781
|
+
},
|
3782
|
+
focus: {
|
3783
|
+
light: "danger-500/20",
|
3784
|
+
dark: "danger-500/20"
|
3785
|
+
},
|
3786
|
+
active: {
|
3787
|
+
light: "danger-500/10",
|
3788
|
+
dark: "danger-500/10"
|
3726
3789
|
}
|
3727
3790
|
},
|
3728
3791
|
font: {
|
@@ -3739,15 +3802,15 @@ const defaultConfig$L = {
|
|
3739
3802
|
}
|
3740
3803
|
};
|
3741
3804
|
|
3742
|
-
const config$
|
3805
|
+
const config$N = {
|
3743
3806
|
theme: {
|
3744
3807
|
nui: {
|
3745
|
-
[key$
|
3808
|
+
[key$N]: defaultConfig$M
|
3746
3809
|
}
|
3747
3810
|
}
|
3748
3811
|
};
|
3749
3812
|
const buttonClose = plugin(({ addComponents, theme }) => {
|
3750
|
-
const config2 = theme(`nui.${key$
|
3813
|
+
const config2 = theme(`nui.${key$N}`);
|
3751
3814
|
addComponents({
|
3752
3815
|
".nui-button-close": {
|
3753
3816
|
"@apply nui-focus flex items-center justify-center disabled:opacity-30 cursor-pointer": {},
|
@@ -3807,7 +3870,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
|
|
3807
3870
|
//Background
|
3808
3871
|
[`@apply bg-${config2.color.default.background.base.light} dark:bg-${config2.color.default.background.base.dark}`]: {},
|
3809
3872
|
//Background hover
|
3810
|
-
[`@apply hover:bg-${config2.color.default.background.hover.light} dark:hover:bg-${config2.color.default.background.hover.dark}`]: {}
|
3873
|
+
[`@apply hover:bg-${config2.color.default.background.hover.light} dark:hover:bg-${config2.color.default.background.hover.dark}`]: {},
|
3874
|
+
//Background focus
|
3875
|
+
[`@apply focus-visible:bg-${config2.color.default.background.focus.light} dark:focus-visible:bg-${config2.color.default.background.focus.dark}`]: {},
|
3876
|
+
//Background active
|
3877
|
+
[`@apply active:enabled:bg-${config2.color.default.background.active.light} dark:active:enabled:bg-${config2.color.default.background.active.dark}`]: {}
|
3811
3878
|
},
|
3812
3879
|
//Color:default-contrast
|
3813
3880
|
"&.nui-button-default-contrast": {
|
@@ -3815,7 +3882,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
|
|
3815
3882
|
//Background
|
3816
3883
|
[`@apply bg-${config2.color.defaultContrast.background.base.light} dark:bg-${config2.color.defaultContrast.background.base.dark}`]: {},
|
3817
3884
|
//Background hover
|
3818
|
-
[`@apply hover:bg-${config2.color.defaultContrast.background.hover.light} dark:hover:bg-${config2.color.defaultContrast.background.hover.dark}`]: {}
|
3885
|
+
[`@apply hover:bg-${config2.color.defaultContrast.background.hover.light} dark:hover:bg-${config2.color.defaultContrast.background.hover.dark}`]: {},
|
3886
|
+
//Background focus
|
3887
|
+
[`@apply focus-visible:bg-${config2.color.defaultContrast.background.focus.light} dark:focus-visible:bg-${config2.color.defaultContrast.background.focus.dark}`]: {},
|
3888
|
+
//Background active
|
3889
|
+
[`@apply active:enabled:bg-${config2.color.defaultContrast.background.active.light} dark:active:enabled:bg-${config2.color.defaultContrast.background.active.dark}`]: {}
|
3819
3890
|
},
|
3820
3891
|
//Color:muted
|
3821
3892
|
"&.nui-button-muted": {
|
@@ -3823,7 +3894,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
|
|
3823
3894
|
//Background
|
3824
3895
|
[`@apply bg-${config2.color.muted.background.base.light} dark:bg-${config2.color.muted.background.base.dark}`]: {},
|
3825
3896
|
//Background hover
|
3826
|
-
[`@apply hover:bg-${config2.color.muted.background.hover.light} dark:hover:bg-${config2.color.muted.background.hover.dark}`]: {}
|
3897
|
+
[`@apply hover:bg-${config2.color.muted.background.hover.light} dark:hover:bg-${config2.color.muted.background.hover.dark}`]: {},
|
3898
|
+
//Background focus
|
3899
|
+
[`@apply focus-visible:bg-${config2.color.muted.background.focus.light} dark:focus-visible:bg-${config2.color.muted.background.focus.dark}`]: {},
|
3900
|
+
//Background active
|
3901
|
+
[`@apply active:enabled:bg-${config2.color.muted.background.active.light} dark:active:enabled:bg-${config2.color.muted.background.active.dark}`]: {}
|
3827
3902
|
},
|
3828
3903
|
//Color:muted-contrast
|
3829
3904
|
"&.nui-button-muted-contrast": {
|
@@ -3831,7 +3906,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
|
|
3831
3906
|
//Background
|
3832
3907
|
[`@apply bg-${config2.color.mutedContrast.background.base.light} dark:bg-${config2.color.mutedContrast.background.base.dark}`]: {},
|
3833
3908
|
//Background hover
|
3834
|
-
[`@apply hover:bg-${config2.color.mutedContrast.background.hover.light} dark:hover:bg-${config2.color.mutedContrast.background.hover.dark}`]: {}
|
3909
|
+
[`@apply hover:bg-${config2.color.mutedContrast.background.hover.light} dark:hover:bg-${config2.color.mutedContrast.background.hover.dark}`]: {},
|
3910
|
+
//Background focus
|
3911
|
+
[`@apply focus-visible:bg-${config2.color.mutedContrast.background.focus.light} dark:focus-visible:bg-${config2.color.mutedContrast.background.focus.dark}`]: {},
|
3912
|
+
//Background active
|
3913
|
+
[`@apply active:enabled:bg-${config2.color.mutedContrast.background.active.light} dark:active:enabled:bg-${config2.color.mutedContrast.background.active.dark}`]: {}
|
3835
3914
|
},
|
3836
3915
|
//Color:primary
|
3837
3916
|
"&.nui-button-primary": {
|
@@ -3839,7 +3918,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
|
|
3839
3918
|
//Background
|
3840
3919
|
[`@apply bg-${config2.color.primary.background.base.light} dark:bg-${config2.color.primary.background.base.dark}`]: {},
|
3841
3920
|
//Background hover
|
3842
|
-
[`@apply hover:bg-${config2.color.primary.background.hover.light} dark:hover:bg-${config2.color.primary.background.hover.dark}`]: {}
|
3921
|
+
[`@apply hover:bg-${config2.color.primary.background.hover.light} dark:hover:bg-${config2.color.primary.background.hover.dark}`]: {},
|
3922
|
+
//Background focus
|
3923
|
+
[`@apply focus-visible:bg-${config2.color.primary.background.focus.light} dark:focus-visible:bg-${config2.color.primary.background.focus.dark}`]: {},
|
3924
|
+
//Background active
|
3925
|
+
[`@apply active:enabled:bg-${config2.color.primary.background.active.light} dark:active:enabled:bg-${config2.color.primary.background.active.dark}`]: {}
|
3843
3926
|
},
|
3844
3927
|
//Color:info
|
3845
3928
|
"&.nui-button-info": {
|
@@ -3847,7 +3930,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
|
|
3847
3930
|
//Background
|
3848
3931
|
[`@apply bg-${config2.color.info.background.base.light} dark:bg-${config2.color.info.background.base.dark}`]: {},
|
3849
3932
|
//Background hover
|
3850
|
-
[`@apply hover:bg-${config2.color.info.background.hover.light} dark:hover:bg-${config2.color.info.background.hover.dark}`]: {}
|
3933
|
+
[`@apply hover:bg-${config2.color.info.background.hover.light} dark:hover:bg-${config2.color.info.background.hover.dark}`]: {},
|
3934
|
+
//Background focus
|
3935
|
+
[`@apply focus-visible:bg-${config2.color.info.background.focus.light} dark:focus-visible:bg-${config2.color.info.background.focus.dark}`]: {},
|
3936
|
+
//Background active
|
3937
|
+
[`@apply active:enabled:bg-${config2.color.info.background.active.light} dark:active:enabled:bg-${config2.color.info.background.active.dark}`]: {}
|
3851
3938
|
},
|
3852
3939
|
//Color:success
|
3853
3940
|
"&.nui-button-success": {
|
@@ -3855,7 +3942,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
|
|
3855
3942
|
//Background
|
3856
3943
|
[`@apply bg-${config2.color.success.background.base.light} dark:bg-${config2.color.success.background.base.dark}`]: {},
|
3857
3944
|
//Background hover
|
3858
|
-
[`@apply hover:bg-${config2.color.success.background.hover.light} dark:hover:bg-${config2.color.success.background.hover.dark}`]: {}
|
3945
|
+
[`@apply hover:bg-${config2.color.success.background.hover.light} dark:hover:bg-${config2.color.success.background.hover.dark}`]: {},
|
3946
|
+
//Background focus
|
3947
|
+
[`@apply focus-visible:bg-${config2.color.success.background.focus.light} dark:focus-visible:bg-${config2.color.success.background.focus.dark}`]: {},
|
3948
|
+
//Background active
|
3949
|
+
[`@apply active:enabled:bg-${config2.color.success.background.active.light} dark:active:enabled:bg-${config2.color.success.background.active.dark}`]: {}
|
3859
3950
|
},
|
3860
3951
|
//Color:warning
|
3861
3952
|
"&.nui-button-warning": {
|
@@ -3863,7 +3954,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
|
|
3863
3954
|
//Background
|
3864
3955
|
[`@apply bg-${config2.color.warning.background.base.light} dark:bg-${config2.color.warning.background.base.dark}`]: {},
|
3865
3956
|
//Background hover
|
3866
|
-
[`@apply hover:bg-${config2.color.warning.background.hover.light} dark:hover:bg-${config2.color.warning.background.hover.dark}`]: {}
|
3957
|
+
[`@apply hover:bg-${config2.color.warning.background.hover.light} dark:hover:bg-${config2.color.warning.background.hover.dark}`]: {},
|
3958
|
+
//Background focus
|
3959
|
+
[`@apply focus-visible:bg-${config2.color.warning.background.focus.light} dark:focus-visible:bg-${config2.color.warning.background.focus.dark}`]: {},
|
3960
|
+
//Background active
|
3961
|
+
[`@apply active:enabled:bg-${config2.color.warning.background.active.light} dark:active:enabled:bg-${config2.color.warning.background.active.dark}`]: {}
|
3867
3962
|
},
|
3868
3963
|
//Color:danger
|
3869
3964
|
"&.nui-button-danger": {
|
@@ -3871,19 +3966,23 @@ const buttonClose = plugin(({ addComponents, theme }) => {
|
|
3871
3966
|
//Background
|
3872
3967
|
[`@apply bg-${config2.color.danger.background.base.light} dark:bg-${config2.color.danger.background.base.dark}`]: {},
|
3873
3968
|
//Background hover
|
3874
|
-
[`@apply hover:bg-${config2.color.danger.background.hover.light} dark:hover:bg-${config2.color.danger.background.hover.dark}`]: {}
|
3969
|
+
[`@apply hover:bg-${config2.color.danger.background.hover.light} dark:hover:bg-${config2.color.danger.background.hover.dark}`]: {},
|
3970
|
+
//Background focus
|
3971
|
+
[`@apply focus-visible:bg-${config2.color.danger.background.focus.light} dark:focus-visible:bg-${config2.color.danger.background.focus.dark}`]: {},
|
3972
|
+
//Background active
|
3973
|
+
[`@apply active:enabled:bg-${config2.color.danger.background.active.light} dark:active:enabled:bg-${config2.color.danger.background.active.dark}`]: {}
|
3875
3974
|
}
|
3876
3975
|
}
|
3877
3976
|
});
|
3878
|
-
}, config$
|
3977
|
+
}, config$N);
|
3879
3978
|
|
3880
|
-
const key$
|
3881
|
-
const defaultConfig$
|
3979
|
+
const key$M = "buttonAction";
|
3980
|
+
const defaultConfig$L = {};
|
3882
3981
|
|
3883
|
-
const config$
|
3982
|
+
const config$M = {
|
3884
3983
|
theme: {
|
3885
3984
|
nui: {
|
3886
|
-
[key$
|
3985
|
+
[key$M]: defaultConfig$L
|
3887
3986
|
}
|
3888
3987
|
}
|
3889
3988
|
};
|
@@ -3892,7 +3991,7 @@ const buttonGroup = plugin(
|
|
3892
3991
|
'.nui-button-group, [role="group"]': {
|
3893
3992
|
"@apply flex": {},
|
3894
3993
|
// Button
|
3895
|
-
".nui-button:not(:only-child), .nui-button-action:not(:only-child), .nui-button-icon:not(:only-child)": {
|
3994
|
+
"> .nui-button:not(:only-child), > .nui-button-action:not(:only-child), > .nui-button-icon:not(:only-child)": {
|
3896
3995
|
"@apply !border-e-0": {},
|
3897
3996
|
"&:focus": {
|
3898
3997
|
"@apply !z-10 relative": {}
|
@@ -4076,11 +4175,11 @@ const buttonGroup = plugin(
|
|
4076
4175
|
}
|
4077
4176
|
}
|
4078
4177
|
}),
|
4079
|
-
config$
|
4178
|
+
config$M
|
4080
4179
|
);
|
4081
4180
|
|
4082
|
-
const key$
|
4083
|
-
const defaultConfig$
|
4181
|
+
const key$L = "buttonIcon";
|
4182
|
+
const defaultConfig$K = {
|
4084
4183
|
font: {
|
4085
4184
|
family: "sans",
|
4086
4185
|
size: "sm",
|
@@ -4338,15 +4437,15 @@ const defaultConfig$J = {
|
|
4338
4437
|
}
|
4339
4438
|
};
|
4340
4439
|
|
4341
|
-
const config$
|
4440
|
+
const config$L = {
|
4342
4441
|
theme: {
|
4343
4442
|
nui: {
|
4344
|
-
[key$
|
4443
|
+
[key$L]: defaultConfig$K
|
4345
4444
|
}
|
4346
4445
|
}
|
4347
4446
|
};
|
4348
4447
|
const buttonIcon = plugin(({ addComponents, theme }) => {
|
4349
|
-
const config2 = theme(`nui.${key$
|
4448
|
+
const config2 = theme(`nui.${key$L}`);
|
4350
4449
|
addComponents({
|
4351
4450
|
".nui-button-icon": {
|
4352
4451
|
//Base
|
@@ -4501,10 +4600,10 @@ const buttonIcon = plugin(({ addComponents, theme }) => {
|
|
4501
4600
|
}
|
4502
4601
|
}
|
4503
4602
|
});
|
4504
|
-
}, config$
|
4603
|
+
}, config$L);
|
4505
4604
|
|
4506
|
-
const key$
|
4507
|
-
const defaultConfig$
|
4605
|
+
const key$K = "button";
|
4606
|
+
const defaultConfig$J = {
|
4508
4607
|
font: {
|
4509
4608
|
family: "sans",
|
4510
4609
|
weight: "normal"
|
@@ -5555,15 +5654,15 @@ const defaultConfig$I = {
|
|
5555
5654
|
}
|
5556
5655
|
};
|
5557
5656
|
|
5558
|
-
const config$
|
5657
|
+
const config$K = {
|
5559
5658
|
theme: {
|
5560
5659
|
nui: {
|
5561
|
-
button: defaultConfig$
|
5660
|
+
button: defaultConfig$J
|
5562
5661
|
}
|
5563
5662
|
}
|
5564
5663
|
};
|
5565
5664
|
const button = plugin(({ addComponents, theme }) => {
|
5566
|
-
const config2 = theme(`nui.${key$
|
5665
|
+
const config2 = theme(`nui.${key$K}`);
|
5567
5666
|
addComponents({
|
5568
5667
|
".nui-button": {
|
5569
5668
|
// #region Base
|
@@ -6331,10 +6430,10 @@ const button = plugin(({ addComponents, theme }) => {
|
|
6331
6430
|
// #endregion
|
6332
6431
|
}
|
6333
6432
|
});
|
6334
|
-
}, config$
|
6433
|
+
}, config$K);
|
6335
6434
|
|
6336
|
-
const key$
|
6337
|
-
const defaultConfig$
|
6435
|
+
const key$J = "card";
|
6436
|
+
const defaultConfig$I = {
|
6338
6437
|
width: "full",
|
6339
6438
|
rounded: {
|
6340
6439
|
none: "none",
|
@@ -6465,15 +6564,15 @@ const defaultConfig$H = {
|
|
6465
6564
|
}
|
6466
6565
|
};
|
6467
6566
|
|
6468
|
-
const config$
|
6567
|
+
const config$J = {
|
6469
6568
|
theme: {
|
6470
6569
|
nui: {
|
6471
|
-
[key$
|
6570
|
+
[key$J]: defaultConfig$I
|
6472
6571
|
}
|
6473
6572
|
}
|
6474
6573
|
};
|
6475
6574
|
const card = plugin(({ addComponents, theme }) => {
|
6476
|
-
const config2 = theme(`nui.${key$
|
6575
|
+
const config2 = theme(`nui.${key$J}`);
|
6477
6576
|
addComponents({
|
6478
6577
|
".nui-card": {
|
6479
6578
|
//Base
|
@@ -6578,10 +6677,10 @@ const card = plugin(({ addComponents, theme }) => {
|
|
6578
6677
|
}
|
6579
6678
|
}
|
6580
6679
|
});
|
6581
|
-
}, config$
|
6680
|
+
}, config$J);
|
6582
6681
|
|
6583
|
-
const key$
|
6584
|
-
const defaultConfig$
|
6682
|
+
const key$I = "checkbox";
|
6683
|
+
const defaultConfig$H = {
|
6585
6684
|
rounded: {
|
6586
6685
|
sm: "rounded",
|
6587
6686
|
md: "rounded-md",
|
@@ -6683,15 +6782,15 @@ const defaultConfig$G = {
|
|
6683
6782
|
}
|
6684
6783
|
};
|
6685
6784
|
|
6686
|
-
const config$
|
6785
|
+
const config$I = {
|
6687
6786
|
theme: {
|
6688
6787
|
nui: {
|
6689
|
-
[key$
|
6788
|
+
[key$I]: defaultConfig$H
|
6690
6789
|
}
|
6691
6790
|
}
|
6692
6791
|
};
|
6693
6792
|
const checkbox = plugin(({ addComponents, theme }) => {
|
6694
|
-
const config2 = theme(`nui.${key$
|
6793
|
+
const config2 = theme(`nui.${key$I}`);
|
6695
6794
|
addComponents({
|
6696
6795
|
//Wrapper
|
6697
6796
|
".nui-checkbox": {
|
@@ -6755,9 +6854,7 @@ const checkbox = plugin(({ addComponents, theme }) => {
|
|
6755
6854
|
},
|
6756
6855
|
//Error
|
6757
6856
|
".nui-checkbox-error": {
|
6758
|
-
[`@apply
|
6759
|
-
//Color
|
6760
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
6857
|
+
[`@apply ms-1 inline-block`]: {}
|
6761
6858
|
},
|
6762
6859
|
//Rounded:sm
|
6763
6860
|
"&.nui-checkbox-rounded-sm .nui-checkbox-outer, &.nui-checkbox-rounded-sm .nui-checkbox-inner": {
|
@@ -6817,10 +6914,10 @@ const checkbox = plugin(({ addComponents, theme }) => {
|
|
6817
6914
|
}
|
6818
6915
|
}
|
6819
6916
|
});
|
6820
|
-
}, config$
|
6917
|
+
}, config$I);
|
6821
6918
|
|
6822
|
-
const key$
|
6823
|
-
const defaultConfig$
|
6919
|
+
const key$H = "drodownDivider";
|
6920
|
+
const defaultConfig$G = {
|
6824
6921
|
margin: {
|
6825
6922
|
y: "2"
|
6826
6923
|
},
|
@@ -6830,24 +6927,24 @@ const defaultConfig$F = {
|
|
6830
6927
|
}
|
6831
6928
|
};
|
6832
6929
|
|
6833
|
-
const config$
|
6930
|
+
const config$H = {
|
6834
6931
|
theme: {
|
6835
6932
|
nui: {
|
6836
|
-
[key$
|
6933
|
+
[key$H]: defaultConfig$G
|
6837
6934
|
}
|
6838
6935
|
}
|
6839
6936
|
};
|
6840
6937
|
const dropdownDivider = plugin(({ addComponents, theme }) => {
|
6841
|
-
const config2 = theme(`nui.${key$
|
6938
|
+
const config2 = theme(`nui.${key$H}`);
|
6842
6939
|
addComponents({
|
6843
6940
|
".nui-dropdown-divider": {
|
6844
6941
|
[`@apply my-${config2.margin.y} block h-px w-full border-t border-${config2.border.light} dark:border-${config2.border.dark}`]: {}
|
6845
6942
|
}
|
6846
6943
|
});
|
6847
|
-
}, config$
|
6944
|
+
}, config$H);
|
6848
6945
|
|
6849
|
-
const key$
|
6850
|
-
const defaultConfig$
|
6946
|
+
const key$G = "dropdownItem";
|
6947
|
+
const defaultConfig$F = {
|
6851
6948
|
align: "start",
|
6852
6949
|
font: {
|
6853
6950
|
family: "sans",
|
@@ -6943,15 +7040,15 @@ const defaultConfig$E = {
|
|
6943
7040
|
}
|
6944
7041
|
};
|
6945
7042
|
|
6946
|
-
const config$
|
7043
|
+
const config$G = {
|
6947
7044
|
theme: {
|
6948
7045
|
nui: {
|
6949
|
-
[key$
|
7046
|
+
[key$G]: defaultConfig$F
|
6950
7047
|
}
|
6951
7048
|
}
|
6952
7049
|
};
|
6953
7050
|
const dropdownItem = plugin(({ addComponents, theme }) => {
|
6954
|
-
const config2 = theme(`nui.${key$
|
7051
|
+
const config2 = theme(`nui.${key$G}`);
|
6955
7052
|
addComponents({
|
6956
7053
|
//Wrapper
|
6957
7054
|
".nui-dropdown-item": {
|
@@ -6968,6 +7065,10 @@ const dropdownItem = plugin(({ addComponents, theme }) => {
|
|
6968
7065
|
"&:not(.nui-active)": {
|
6969
7066
|
[`@apply text-${config2.font.color.inactive.light} dark:text-${config2.font.color.inactive.dark}`]: {}
|
6970
7067
|
},
|
7068
|
+
//Item:disabled
|
7069
|
+
"&.nui-item-disabled": {
|
7070
|
+
[`@apply opacity-50 pointer-events-none`]: {}
|
7071
|
+
},
|
6971
7072
|
//Contrast:default
|
6972
7073
|
"&.nui-item-default": {
|
6973
7074
|
//Background:hover
|
@@ -7035,10 +7136,10 @@ const dropdownItem = plugin(({ addComponents, theme }) => {
|
|
7035
7136
|
}
|
7036
7137
|
}
|
7037
7138
|
});
|
7038
|
-
}, config$
|
7139
|
+
}, config$G);
|
7039
7140
|
|
7040
|
-
const key$
|
7041
|
-
const defaultConfig$
|
7141
|
+
const key$F = "dropdown";
|
7142
|
+
const defaultConfig$E = {
|
7042
7143
|
align: "start",
|
7043
7144
|
button: {
|
7044
7145
|
context: {
|
@@ -7085,15 +7186,6 @@ const defaultConfig$D = {
|
|
7085
7186
|
duration: "300"
|
7086
7187
|
}
|
7087
7188
|
},
|
7088
|
-
text: {
|
7089
|
-
font: {
|
7090
|
-
family: "sans",
|
7091
|
-
color: {
|
7092
|
-
light: "muted-400",
|
7093
|
-
dark: "muted-400"
|
7094
|
-
}
|
7095
|
-
}
|
7096
|
-
},
|
7097
7189
|
chevron: {
|
7098
7190
|
size: "4",
|
7099
7191
|
transition: {
|
@@ -7171,15 +7263,15 @@ const defaultConfig$D = {
|
|
7171
7263
|
}
|
7172
7264
|
};
|
7173
7265
|
|
7174
|
-
const config$
|
7266
|
+
const config$F = {
|
7175
7267
|
theme: {
|
7176
7268
|
nui: {
|
7177
|
-
[key$
|
7269
|
+
[key$F]: defaultConfig$E
|
7178
7270
|
}
|
7179
7271
|
}
|
7180
7272
|
};
|
7181
7273
|
const dropdown = plugin(({ addComponents, theme }) => {
|
7182
|
-
const config2 = theme(`nui.${key$
|
7274
|
+
const config2 = theme(`nui.${key$F}`);
|
7183
7275
|
addComponents({
|
7184
7276
|
//Wrapper
|
7185
7277
|
".nui-dropdown": {
|
@@ -7226,13 +7318,7 @@ const dropdown = plugin(({ addComponents, theme }) => {
|
|
7226
7318
|
//Button:text
|
7227
7319
|
".nui-text-button": {
|
7228
7320
|
//Base
|
7229
|
-
"@apply flex items-center space-x-1": {}
|
7230
|
-
//Font
|
7231
|
-
[`@apply font-${config2.button.text.font.family} text-${config2.button.text.font.color.light} dark:text-${config2.button.text.font.color.dark}`]: {},
|
7232
|
-
//Text:inner
|
7233
|
-
".nui-text-button-inner": {
|
7234
|
-
[`@apply font-${config2.button.text.font.family}`]: {}
|
7235
|
-
}
|
7321
|
+
"@apply flex items-center space-x-1": {}
|
7236
7322
|
},
|
7237
7323
|
//Button:chevron
|
7238
7324
|
".nui-chevron": {
|
@@ -7334,10 +7420,10 @@ const dropdown = plugin(({ addComponents, theme }) => {
|
|
7334
7420
|
}
|
7335
7421
|
}
|
7336
7422
|
});
|
7337
|
-
}, config$
|
7423
|
+
}, config$F);
|
7338
7424
|
|
7339
|
-
const key$
|
7340
|
-
const defaultConfig$
|
7425
|
+
const key$E = "focus";
|
7426
|
+
const defaultConfig$D = {
|
7341
7427
|
offset: "2",
|
7342
7428
|
width: "2",
|
7343
7429
|
style: "dashed",
|
@@ -7348,15 +7434,15 @@ const defaultConfig$C = {
|
|
7348
7434
|
mode: "always"
|
7349
7435
|
};
|
7350
7436
|
|
7351
|
-
const config$
|
7437
|
+
const config$E = {
|
7352
7438
|
theme: {
|
7353
7439
|
nui: {
|
7354
|
-
[key$
|
7440
|
+
[key$E]: defaultConfig$D
|
7355
7441
|
}
|
7356
7442
|
}
|
7357
7443
|
};
|
7358
7444
|
const focus = plugin(({ addComponents, theme }) => {
|
7359
|
-
const config2 = theme(`nui.${key$
|
7445
|
+
const config2 = theme(`nui.${key$E}`);
|
7360
7446
|
const mode = config2.mode === "focus-visible" ? "&:has(:focus-visible), &:focus-visible" : "&:focus-within";
|
7361
7447
|
addComponents({
|
7362
7448
|
".nui-focus": {
|
@@ -7368,10 +7454,10 @@ const focus = plugin(({ addComponents, theme }) => {
|
|
7368
7454
|
}
|
7369
7455
|
}
|
7370
7456
|
});
|
7371
|
-
}, config$
|
7457
|
+
}, config$E);
|
7372
7458
|
|
7373
|
-
const key$
|
7374
|
-
const defaultConfig$
|
7459
|
+
const key$D = "fullscreenDropfile";
|
7460
|
+
const defaultConfig$C = {
|
7375
7461
|
height: "[230px]",
|
7376
7462
|
width: "[500px]",
|
7377
7463
|
rounded: "rounded-md",
|
@@ -7406,15 +7492,15 @@ const defaultConfig$B = {
|
|
7406
7492
|
}
|
7407
7493
|
};
|
7408
7494
|
|
7409
|
-
const config$
|
7495
|
+
const config$D = {
|
7410
7496
|
theme: {
|
7411
7497
|
nui: {
|
7412
|
-
[key$
|
7498
|
+
[key$D]: defaultConfig$C
|
7413
7499
|
}
|
7414
7500
|
}
|
7415
7501
|
};
|
7416
7502
|
const fullscreenDropfile = plugin(({ addComponents, theme }) => {
|
7417
|
-
const config2 = theme(`nui.${key$
|
7503
|
+
const config2 = theme(`nui.${key$D}`);
|
7418
7504
|
addComponents({
|
7419
7505
|
//Wrapper
|
7420
7506
|
".nui-fullscreen-dropfile": {
|
@@ -7487,10 +7573,10 @@ const fullscreenDropfile = plugin(({ addComponents, theme }) => {
|
|
7487
7573
|
}
|
7488
7574
|
}
|
7489
7575
|
});
|
7490
|
-
}, config$
|
7576
|
+
}, config$D);
|
7491
7577
|
|
7492
|
-
const key$
|
7493
|
-
const defaultConfig$
|
7578
|
+
const key$C = "heading";
|
7579
|
+
const defaultConfig$B = {
|
7494
7580
|
size: {
|
7495
7581
|
xs: "xs",
|
7496
7582
|
sm: "sm",
|
@@ -7523,15 +7609,15 @@ const defaultConfig$A = {
|
|
7523
7609
|
}
|
7524
7610
|
};
|
7525
7611
|
|
7526
|
-
const config$
|
7612
|
+
const config$C = {
|
7527
7613
|
theme: {
|
7528
7614
|
nui: {
|
7529
|
-
[key$
|
7615
|
+
[key$C]: defaultConfig$B
|
7530
7616
|
}
|
7531
7617
|
}
|
7532
7618
|
};
|
7533
7619
|
const heading = plugin(({ addComponents, theme }) => {
|
7534
|
-
const config2 = theme(`nui.${key$
|
7620
|
+
const config2 = theme(`nui.${key$C}`);
|
7535
7621
|
addComponents({
|
7536
7622
|
".nui-heading": {
|
7537
7623
|
"@apply font-sans": {},
|
@@ -7612,10 +7698,10 @@ const heading = plugin(({ addComponents, theme }) => {
|
|
7612
7698
|
}
|
7613
7699
|
}
|
7614
7700
|
});
|
7615
|
-
}, config$
|
7701
|
+
}, config$C);
|
7616
7702
|
|
7617
|
-
const key$
|
7618
|
-
const defaultConfig$
|
7703
|
+
const key$B = "iconBox";
|
7704
|
+
const defaultConfig$A = {
|
7619
7705
|
bordered: {
|
7620
7706
|
border: {
|
7621
7707
|
size: "2",
|
@@ -7705,6 +7791,30 @@ const defaultConfig$z = {
|
|
7705
7791
|
}
|
7706
7792
|
}
|
7707
7793
|
},
|
7794
|
+
muted: {
|
7795
|
+
background: {
|
7796
|
+
light: "muted-200",
|
7797
|
+
dark: "muted-700"
|
7798
|
+
},
|
7799
|
+
font: {
|
7800
|
+
color: {
|
7801
|
+
light: "muted-700",
|
7802
|
+
dark: "muted-200"
|
7803
|
+
}
|
7804
|
+
}
|
7805
|
+
},
|
7806
|
+
mutedContrast: {
|
7807
|
+
background: {
|
7808
|
+
light: "muted-200",
|
7809
|
+
dark: "muted-950"
|
7810
|
+
},
|
7811
|
+
font: {
|
7812
|
+
color: {
|
7813
|
+
light: "muted-700",
|
7814
|
+
dark: "muted-100"
|
7815
|
+
}
|
7816
|
+
}
|
7817
|
+
},
|
7708
7818
|
light: {
|
7709
7819
|
background: {
|
7710
7820
|
light: "white",
|
@@ -7827,6 +7937,30 @@ const defaultConfig$z = {
|
|
7827
7937
|
}
|
7828
7938
|
}
|
7829
7939
|
},
|
7940
|
+
muted: {
|
7941
|
+
background: {
|
7942
|
+
light: "muted-600/10",
|
7943
|
+
dark: "muted-700/10"
|
7944
|
+
},
|
7945
|
+
font: {
|
7946
|
+
color: {
|
7947
|
+
light: "muted-700",
|
7948
|
+
dark: "muted-200"
|
7949
|
+
}
|
7950
|
+
}
|
7951
|
+
},
|
7952
|
+
mutedContrast: {
|
7953
|
+
background: {
|
7954
|
+
light: "muted-600/10",
|
7955
|
+
dark: "muted-950/10"
|
7956
|
+
},
|
7957
|
+
font: {
|
7958
|
+
color: {
|
7959
|
+
light: "muted-700",
|
7960
|
+
dark: "muted-100"
|
7961
|
+
}
|
7962
|
+
}
|
7963
|
+
},
|
7830
7964
|
light: {
|
7831
7965
|
background: {
|
7832
7966
|
light: "white/10",
|
@@ -7957,6 +8091,38 @@ const defaultConfig$z = {
|
|
7957
8091
|
}
|
7958
8092
|
}
|
7959
8093
|
},
|
8094
|
+
muted: {
|
8095
|
+
background: {
|
8096
|
+
light: "transparent",
|
8097
|
+
dark: "transparent"
|
8098
|
+
},
|
8099
|
+
border: {
|
8100
|
+
light: "current",
|
8101
|
+
dark: "current"
|
8102
|
+
},
|
8103
|
+
font: {
|
8104
|
+
color: {
|
8105
|
+
light: "muted-700",
|
8106
|
+
dark: "muted-200"
|
8107
|
+
}
|
8108
|
+
}
|
8109
|
+
},
|
8110
|
+
mutedContrast: {
|
8111
|
+
background: {
|
8112
|
+
light: "transparent",
|
8113
|
+
dark: "transparent"
|
8114
|
+
},
|
8115
|
+
border: {
|
8116
|
+
light: "current",
|
8117
|
+
dark: "current"
|
8118
|
+
},
|
8119
|
+
font: {
|
8120
|
+
color: {
|
8121
|
+
light: "muted-700",
|
8122
|
+
dark: "muted-100"
|
8123
|
+
}
|
8124
|
+
}
|
8125
|
+
},
|
7960
8126
|
light: {
|
7961
8127
|
background: {
|
7962
8128
|
light: "transparent",
|
@@ -8090,15 +8256,15 @@ const defaultConfig$z = {
|
|
8090
8256
|
}
|
8091
8257
|
};
|
8092
8258
|
|
8093
|
-
const config$
|
8259
|
+
const config$B = {
|
8094
8260
|
theme: {
|
8095
8261
|
nui: {
|
8096
|
-
[key$
|
8262
|
+
[key$B]: defaultConfig$A
|
8097
8263
|
}
|
8098
8264
|
}
|
8099
8265
|
};
|
8100
8266
|
const iconBox = plugin(({ addComponents, theme }) => {
|
8101
|
-
const config2 = theme(`nui.${key$
|
8267
|
+
const config2 = theme(`nui.${key$B}`);
|
8102
8268
|
addComponents({
|
8103
8269
|
//Wrapper
|
8104
8270
|
".nui-icon-box": {
|
@@ -8226,6 +8392,20 @@ const iconBox = plugin(({ addComponents, theme }) => {
|
|
8226
8392
|
//Background
|
8227
8393
|
[`@apply bg-${config2.color.variant.solid.defaultContrast.background.light} dark:bg-${config2.color.variant.solid.defaultContrast.background.dark}`]: {}
|
8228
8394
|
},
|
8395
|
+
//Color:muted
|
8396
|
+
"&.nui-box-muted": {
|
8397
|
+
//Font
|
8398
|
+
[`@apply text-${config2.color.variant.solid.muted.font.color.light} dark:text-${config2.color.variant.solid.muted.font.color.dark}`]: {},
|
8399
|
+
//Background
|
8400
|
+
[`@apply bg-${config2.color.variant.solid.muted.background.light} dark:bg-${config2.color.variant.solid.muted.background.dark}`]: {}
|
8401
|
+
},
|
8402
|
+
//Color:muted-contrast
|
8403
|
+
"&.nui-box-muted-contrast": {
|
8404
|
+
//Font
|
8405
|
+
[`@apply text-${config2.color.variant.solid.mutedContrast.font.color.light} dark:text-${config2.color.variant.solid.mutedContrast.font.color.dark}`]: {},
|
8406
|
+
//Background
|
8407
|
+
[`@apply bg-${config2.color.variant.solid.mutedContrast.background.light} dark:bg-${config2.color.variant.solid.mutedContrast.background.dark}`]: {}
|
8408
|
+
},
|
8229
8409
|
//Color:light
|
8230
8410
|
"&.nui-box-light": {
|
8231
8411
|
//Font
|
@@ -8299,6 +8479,20 @@ const iconBox = plugin(({ addComponents, theme }) => {
|
|
8299
8479
|
//Background
|
8300
8480
|
[`@apply bg-${config2.color.variant.pastel.defaultContrast.background.light} dark:bg-${config2.color.variant.pastel.defaultContrast.background.dark}`]: {}
|
8301
8481
|
},
|
8482
|
+
//Color:muted
|
8483
|
+
"&.nui-box-muted": {
|
8484
|
+
//Font
|
8485
|
+
[`@apply text-${config2.color.variant.pastel.muted.font.color.light} dark:text-${config2.color.variant.pastel.muted.font.color.dark}`]: {},
|
8486
|
+
//Background
|
8487
|
+
[`@apply bg-${config2.color.variant.pastel.muted.background.light} dark:bg-${config2.color.variant.pastel.muted.background.dark}`]: {}
|
8488
|
+
},
|
8489
|
+
//Color:muted-contrast
|
8490
|
+
"&.nui-box-muted-contrast": {
|
8491
|
+
//Font
|
8492
|
+
[`@apply text-${config2.color.variant.pastel.mutedContrast.font.color.light} dark:text-${config2.color.variant.pastel.mutedContrast.font.color.dark}`]: {},
|
8493
|
+
//Background
|
8494
|
+
[`@apply bg-${config2.color.variant.pastel.mutedContrast.background.light} dark:bg-${config2.color.variant.pastel.mutedContrast.background.dark}`]: {}
|
8495
|
+
},
|
8302
8496
|
//Color:light
|
8303
8497
|
"&.nui-box-light": {
|
8304
8498
|
//Font
|
@@ -8376,6 +8570,24 @@ const iconBox = plugin(({ addComponents, theme }) => {
|
|
8376
8570
|
//Border
|
8377
8571
|
[`@apply border-2 border-${config2.color.variant.outline.defaultContrast.border.light} dark:border-${config2.color.variant.outline.defaultContrast.border.dark}`]: {}
|
8378
8572
|
},
|
8573
|
+
//Color:muted
|
8574
|
+
"&.nui-box-muted": {
|
8575
|
+
//Font
|
8576
|
+
[`@apply text-${config2.color.variant.outline.muted.font.color.light} dark:text-${config2.color.variant.outline.muted.font.color.dark}`]: {},
|
8577
|
+
//Background
|
8578
|
+
[`@apply bg-${config2.color.variant.outline.muted.background.light} bg-${config2.color.variant.outline.muted.background.dark}`]: {},
|
8579
|
+
//Border
|
8580
|
+
[`@apply border-2 border-${config2.color.variant.outline.muted.border.light} dark:border-${config2.color.variant.outline.muted.border.dark}`]: {}
|
8581
|
+
},
|
8582
|
+
//Color:muted-contrast
|
8583
|
+
"&.nui-box-muted-contrast": {
|
8584
|
+
//Font
|
8585
|
+
[`@apply text-${config2.color.variant.outline.mutedContrast.font.color.light} dark:text-${config2.color.variant.outline.mutedContrast.font.color.dark}`]: {},
|
8586
|
+
//Background
|
8587
|
+
[`@apply bg-${config2.color.variant.outline.mutedContrast.background.light} bg-${config2.color.variant.outline.mutedContrast.background.dark}`]: {},
|
8588
|
+
//Border
|
8589
|
+
[`@apply border-2 border-${config2.color.variant.outline.mutedContrast.border.light} dark:border-${config2.color.variant.outline.mutedContrast.border.dark}`]: {}
|
8590
|
+
},
|
8379
8591
|
//Color:light
|
8380
8592
|
"&.nui-box-light": {
|
8381
8593
|
//Font
|
@@ -8459,10 +8671,10 @@ const iconBox = plugin(({ addComponents, theme }) => {
|
|
8459
8671
|
}
|
8460
8672
|
}
|
8461
8673
|
});
|
8462
|
-
}, config$
|
8674
|
+
}, config$B);
|
8463
8675
|
|
8464
|
-
const key$
|
8465
|
-
const defaultConfig$
|
8676
|
+
const key$A = "inputFileRegular";
|
8677
|
+
const defaultConfig$z = {
|
8466
8678
|
font: {
|
8467
8679
|
color: {
|
8468
8680
|
light: "muted-400",
|
@@ -8659,15 +8871,15 @@ const defaultConfig$y = {
|
|
8659
8871
|
}
|
8660
8872
|
};
|
8661
8873
|
|
8662
|
-
const config$
|
8874
|
+
const config$A = {
|
8663
8875
|
theme: {
|
8664
8876
|
nui: {
|
8665
|
-
[key$
|
8877
|
+
[key$A]: defaultConfig$z
|
8666
8878
|
}
|
8667
8879
|
}
|
8668
8880
|
};
|
8669
8881
|
const inputFileRegular = plugin(({ addComponents, theme }) => {
|
8670
|
-
const config2 = theme(`nui.${key$
|
8882
|
+
const config2 = theme(`nui.${key$A}`);
|
8671
8883
|
addComponents({
|
8672
8884
|
//Wrapper
|
8673
8885
|
".nui-input-file-regular": {
|
@@ -8710,13 +8922,6 @@ const inputFileRegular = plugin(({ addComponents, theme }) => {
|
|
8710
8922
|
"@apply h-3 w-full max-w-[75%] rounded": {}
|
8711
8923
|
}
|
8712
8924
|
},
|
8713
|
-
//Input:error
|
8714
|
-
".nui-input-file-error-text": {
|
8715
|
-
//Base
|
8716
|
-
[`@apply mt-1 block font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
|
8717
|
-
//Color
|
8718
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
8719
|
-
},
|
8720
8925
|
//Color:default
|
8721
8926
|
"&.nui-input-default": {
|
8722
8927
|
//Input:inner
|
@@ -8911,10 +9116,10 @@ const inputFileRegular = plugin(({ addComponents, theme }) => {
|
|
8911
9116
|
}
|
8912
9117
|
}
|
8913
9118
|
});
|
8914
|
-
}, config$
|
9119
|
+
}, config$A);
|
8915
9120
|
|
8916
|
-
const key$
|
8917
|
-
const defaultConfig$
|
9121
|
+
const key$z = "inputFile";
|
9122
|
+
const defaultConfig$y = {
|
8918
9123
|
drop: {
|
8919
9124
|
height: "64",
|
8920
9125
|
border: {
|
@@ -9166,15 +9371,15 @@ const defaultConfig$x = {
|
|
9166
9371
|
}
|
9167
9372
|
};
|
9168
9373
|
|
9169
|
-
const config$
|
9374
|
+
const config$z = {
|
9170
9375
|
theme: {
|
9171
9376
|
nui: {
|
9172
|
-
[key$
|
9377
|
+
[key$z]: defaultConfig$y
|
9173
9378
|
}
|
9174
9379
|
}
|
9175
9380
|
};
|
9176
9381
|
const inputFile = plugin(({ addComponents, theme }) => {
|
9177
|
-
const config2 = theme(`nui.${key$
|
9382
|
+
const config2 = theme(`nui.${key$z}`);
|
9178
9383
|
addComponents({
|
9179
9384
|
//Wrapper
|
9180
9385
|
".nui-input-file": {
|
@@ -9449,10 +9654,10 @@ const inputFile = plugin(({ addComponents, theme }) => {
|
|
9449
9654
|
}
|
9450
9655
|
}
|
9451
9656
|
});
|
9452
|
-
}, config$
|
9657
|
+
}, config$z);
|
9453
9658
|
|
9454
|
-
const key$
|
9455
|
-
const defaultConfig$
|
9659
|
+
const key$y = "input";
|
9660
|
+
const defaultConfig$x = {
|
9456
9661
|
rounded: {
|
9457
9662
|
none: "rounded-none",
|
9458
9663
|
sm: "rounded-md",
|
@@ -9814,15 +10019,15 @@ const defaultConfig$w = {
|
|
9814
10019
|
}
|
9815
10020
|
};
|
9816
10021
|
|
9817
|
-
const config$
|
10022
|
+
const config$y = {
|
9818
10023
|
theme: {
|
9819
10024
|
nui: {
|
9820
|
-
[key$
|
10025
|
+
[key$y]: defaultConfig$x
|
9821
10026
|
}
|
9822
10027
|
}
|
9823
10028
|
};
|
9824
10029
|
const input = plugin(({ addComponents, theme }) => {
|
9825
|
-
const config2 = theme(`nui.${key$
|
10030
|
+
const config2 = theme(`nui.${key$y}`);
|
9826
10031
|
addComponents({
|
9827
10032
|
//Wrapper
|
9828
10033
|
".nui-input-wrapper": {
|
@@ -9851,15 +10056,6 @@ const input = plugin(({ addComponents, theme }) => {
|
|
9851
10056
|
//Transition
|
9852
10057
|
[`@apply transition-${config2.input.icon.transition.property} duration-${config2.input.icon.transition.duration}`]: {}
|
9853
10058
|
},
|
9854
|
-
//Error:text
|
9855
|
-
".nui-input-error-text": {
|
9856
|
-
//Base
|
9857
|
-
"@apply mt-1 block": {},
|
9858
|
-
//Font
|
9859
|
-
[`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
|
9860
|
-
//Font color
|
9861
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
9862
|
-
},
|
9863
10059
|
//Input
|
9864
10060
|
".nui-input": {
|
9865
10061
|
//Base
|
@@ -10218,10 +10414,10 @@ const input = plugin(({ addComponents, theme }) => {
|
|
10218
10414
|
}
|
10219
10415
|
}
|
10220
10416
|
});
|
10221
|
-
}, config$
|
10417
|
+
}, config$y);
|
10222
10418
|
|
10223
|
-
const key$
|
10224
|
-
const defaultConfig$
|
10419
|
+
const key$x = "inputNumber";
|
10420
|
+
const defaultConfig$w = {
|
10225
10421
|
rounded: {
|
10226
10422
|
none: "rounded-none",
|
10227
10423
|
sm: "rounded-md",
|
@@ -10592,15 +10788,15 @@ const defaultConfig$v = {
|
|
10592
10788
|
}
|
10593
10789
|
};
|
10594
10790
|
|
10595
|
-
const config$
|
10791
|
+
const config$x = {
|
10596
10792
|
theme: {
|
10597
10793
|
nui: {
|
10598
|
-
[key$
|
10794
|
+
[key$x]: defaultConfig$w
|
10599
10795
|
}
|
10600
10796
|
}
|
10601
10797
|
};
|
10602
10798
|
const inputNumber = plugin(({ addComponents, theme }) => {
|
10603
|
-
const config2 = theme(`nui.${key$
|
10799
|
+
const config2 = theme(`nui.${key$x}`);
|
10604
10800
|
addComponents({
|
10605
10801
|
//Wrapper
|
10606
10802
|
".nui-input-number-wrapper": {
|
@@ -10646,15 +10842,6 @@ const inputNumber = plugin(({ addComponents, theme }) => {
|
|
10646
10842
|
".nui-input-number-buttons svg": {
|
10647
10843
|
"@apply h-4 w-4": {}
|
10648
10844
|
},
|
10649
|
-
//Error:text
|
10650
|
-
".nui-input-number-error-text": {
|
10651
|
-
//Base
|
10652
|
-
"@apply mt-1 block": {},
|
10653
|
-
//Font
|
10654
|
-
[`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
|
10655
|
-
//Font color
|
10656
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
10657
|
-
},
|
10658
10845
|
//Input
|
10659
10846
|
".nui-input-number": {
|
10660
10847
|
//Base
|
@@ -11061,6 +11248,34 @@ const inputNumber = plugin(({ addComponents, theme }) => {
|
|
11061
11248
|
}
|
11062
11249
|
}
|
11063
11250
|
});
|
11251
|
+
}, config$x);
|
11252
|
+
|
11253
|
+
const key$w = "inputHelpText";
|
11254
|
+
const defaultConfig$v = {
|
11255
|
+
font: {
|
11256
|
+
family: "sans",
|
11257
|
+
size: "[0.65rem]",
|
11258
|
+
weight: "medium"
|
11259
|
+
}
|
11260
|
+
};
|
11261
|
+
|
11262
|
+
const config$w = {
|
11263
|
+
theme: {
|
11264
|
+
nui: {
|
11265
|
+
[key$w]: defaultConfig$v
|
11266
|
+
}
|
11267
|
+
}
|
11268
|
+
};
|
11269
|
+
const inputHelpText = plugin(({ addComponents, theme }) => {
|
11270
|
+
const config2 = theme(`nui.${key$w}`);
|
11271
|
+
addComponents({
|
11272
|
+
".nui-input-help-text": {
|
11273
|
+
//Base
|
11274
|
+
"@apply mt-1 block": {},
|
11275
|
+
//Font
|
11276
|
+
[`@apply font-${config2.font.family} text-${config2.font.size} font-${config2.font.weight} leading-none`]: {}
|
11277
|
+
}
|
11278
|
+
});
|
11064
11279
|
}, config$w);
|
11065
11280
|
|
11066
11281
|
const key$v = "kbd";
|
@@ -12137,15 +12352,6 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12137
12352
|
[`@apply bg-${config2.option.activeHover.background.light} dark:bg-${config2.option.activeHover.background.dark}`]: {}
|
12138
12353
|
}
|
12139
12354
|
},
|
12140
|
-
//Listbox:error
|
12141
|
-
".nui-listbox-error-text": {
|
12142
|
-
//Base
|
12143
|
-
"@apply mt-1 block": {},
|
12144
|
-
//Font
|
12145
|
-
[`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
|
12146
|
-
//Color
|
12147
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
12148
|
-
},
|
12149
12355
|
//Listbox:placeload
|
12150
12356
|
".nui-listbox-placeload.nui-loading-placeload": {
|
12151
12357
|
"@apply absolute start-0 top-0 flex w-full items-center px-4": {},
|
@@ -12815,6 +13021,9 @@ const messageText = plugin(({ addComponents, theme }) => {
|
|
12815
13021
|
|
12816
13022
|
const key$n = "message";
|
12817
13023
|
const defaultConfig$m = {
|
13024
|
+
safeArea: {
|
13025
|
+
end: "6"
|
13026
|
+
},
|
12818
13027
|
icon: {
|
12819
13028
|
outer: {
|
12820
13029
|
size: "10"
|
@@ -12845,8 +13054,21 @@ const defaultConfig$m = {
|
|
12845
13054
|
icon: {
|
12846
13055
|
size: "4"
|
12847
13056
|
},
|
13057
|
+
position: {
|
13058
|
+
top: "[-0.5rem]",
|
13059
|
+
end: "[-0.5rem]"
|
13060
|
+
},
|
13061
|
+
size: {
|
13062
|
+
outer: {
|
13063
|
+
width: "8",
|
13064
|
+
height: "8"
|
13065
|
+
},
|
13066
|
+
inner: {
|
13067
|
+
width: "6",
|
13068
|
+
height: "6"
|
13069
|
+
}
|
13070
|
+
},
|
12848
13071
|
rounded: "rounded-full",
|
12849
|
-
padding: "1",
|
12850
13072
|
transition: {
|
12851
13073
|
property: "colors",
|
12852
13074
|
duration: "200"
|
@@ -13409,7 +13631,7 @@ const message = plugin(({ addComponents, theme }) => {
|
|
13409
13631
|
addComponents({
|
13410
13632
|
//Wrapper
|
13411
13633
|
".nui-message": {
|
13412
|
-
"@apply flex
|
13634
|
+
"@apply relative flex gap-2 border": {},
|
13413
13635
|
//Icon:outer
|
13414
13636
|
".nui-message-icon-outer": {
|
13415
13637
|
[`@apply flex h-${config2.icon.outer.size} w-${config2.icon.outer.size} shrink-0 items-center justify-center`]: {},
|
@@ -13424,15 +13646,19 @@ const message = plugin(({ addComponents, theme }) => {
|
|
13424
13646
|
//Inner:text
|
13425
13647
|
".nui-message-inner-text": {
|
13426
13648
|
//Base
|
13427
|
-
"@apply
|
13649
|
+
"@apply inline-flex items-center leading-normal": {},
|
13428
13650
|
//Font
|
13429
13651
|
[`@apply font-${config2.inner.font.family} text-${config2.inner.font.size}`]: {},
|
13430
13652
|
//Color
|
13431
13653
|
[`@apply text-${config2.inner.font.color.light} dark:text-${config2.inner.font.color.dark}`]: {}
|
13432
13654
|
},
|
13433
|
-
//
|
13655
|
+
//Message:close
|
13656
|
+
".nui-message-close-wrapper": {
|
13657
|
+
[`@apply absolute top-${config2.close.position.top} end-${config2.close.position.end} flex items-center justify-center bg-white dark:bg-muted-950 border border-muted-200 dark:border-muted-800 ${config2.close.rounded} h-${config2.close.size.outer.height} w-${config2.close.size.outer.width}`]: {}
|
13658
|
+
},
|
13659
|
+
//Message:close
|
13434
13660
|
".nui-message-close": {
|
13435
|
-
[`@apply nui-focus
|
13661
|
+
[`@apply nui-focus flex cursor-pointer items-center justify-center shrink-0 h-${config2.close.size.inner.height} w-${config2.close.size.inner.width} ${config2.close.rounded}`]: {},
|
13436
13662
|
//Color
|
13437
13663
|
[`@apply text-${config2.close.color.light} dark:text-${config2.close.color.dark}`]: {},
|
13438
13664
|
//Transition
|
@@ -13442,6 +13668,14 @@ const message = plugin(({ addComponents, theme }) => {
|
|
13442
13668
|
[`@apply h-${config2.close.icon.size} w-${config2.close.icon.size}`]: {}
|
13443
13669
|
}
|
13444
13670
|
},
|
13671
|
+
//Message:text
|
13672
|
+
"&.nui-has-text": {
|
13673
|
+
[`@apply py-2 ps-2 pe-${config2.safeArea.end}`]: {}
|
13674
|
+
},
|
13675
|
+
//Message:icon
|
13676
|
+
"&.nui-has-icon": {
|
13677
|
+
[`@apply py-1 ps-1 pe-${config2.safeArea.end}`]: {}
|
13678
|
+
},
|
13445
13679
|
//Rounded:sm
|
13446
13680
|
"&.nui-message-rounded-sm": {
|
13447
13681
|
[`@apply ${config2.rounded.sm}`]: {},
|
@@ -14868,9 +15102,7 @@ const radio = plugin(({ addComponents, theme }) => {
|
|
14868
15102
|
},
|
14869
15103
|
//Radio:error
|
14870
15104
|
".nui-radio-error": {
|
14871
|
-
"@apply ms-1 inline-block": {}
|
14872
|
-
//Font
|
14873
|
-
[`@apply font-${config2.error.font.family} text-${config2.error.font.size} text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
15105
|
+
"@apply ms-1 inline-block": {}
|
14874
15106
|
},
|
14875
15107
|
//Color:default
|
14876
15108
|
"&.nui-radio-default": {
|
@@ -15334,15 +15566,6 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15334
15566
|
//Transition
|
15335
15567
|
[`@apply transition-${config2.select.icon.transition.property} duration-${config2.select.icon.transition.duration}`]: {}
|
15336
15568
|
},
|
15337
|
-
//Error:text
|
15338
|
-
".nui-select-error-text": {
|
15339
|
-
//Base
|
15340
|
-
"@apply mt-1 block": {},
|
15341
|
-
//Font
|
15342
|
-
[`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
|
15343
|
-
//Font color
|
15344
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
15345
|
-
},
|
15346
15569
|
//Select
|
15347
15570
|
".nui-select": {
|
15348
15571
|
//Base
|
@@ -15700,6 +15923,7 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15700
15923
|
const key$c = "slimscroll";
|
15701
15924
|
const defaultConfig$b = {
|
15702
15925
|
width: "[6px]",
|
15926
|
+
height: "[6px]",
|
15703
15927
|
background: {
|
15704
15928
|
base: {
|
15705
15929
|
light: "black/5",
|
@@ -15725,7 +15949,7 @@ const slimscroll = plugin(({ addComponents, theme }) => {
|
|
15725
15949
|
".nui-slimscroll::-webkit-scrollbar, .nui-slimscroll-opaque::-webkit-scrollbar": {
|
15726
15950
|
scrollBehavior: "smooth",
|
15727
15951
|
scrollbarGutter: "stable",
|
15728
|
-
[`@apply w-${config2.width}`]: {}
|
15952
|
+
[`@apply w-${config2.width} h-${config2.height}`]: {}
|
15729
15953
|
},
|
15730
15954
|
".nui-slimscroll::-webkit-scrollbar-thumb": {
|
15731
15955
|
[`@apply rounded-lg bg-${config2.background.base.light} dark:bg-${config2.background.base.dark} duration-300 transition-all`]: {}
|
@@ -15909,10 +16133,6 @@ const snack = plugin(({ addComponents, theme }) => {
|
|
15909
16133
|
//Color
|
15910
16134
|
[`@apply text-${config2.font.color.light} dark:text-${config2.font.color.dark}`]: {}
|
15911
16135
|
},
|
15912
|
-
//Snack:button
|
15913
|
-
".nui-snack-button": {
|
15914
|
-
"@apply hover:!bg-transparent": {}
|
15915
|
-
},
|
15916
16136
|
//Size:xs
|
15917
16137
|
"&.nui-snack-xs": {
|
15918
16138
|
//Snack:media:xs
|
@@ -18855,15 +19075,6 @@ const textarea = plugin(({ addComponents, theme }) => {
|
|
18855
19075
|
[`@apply transition-${config2.textarea.transition.property} duration-${config2.textarea.transition.duration}`]: {}
|
18856
19076
|
}
|
18857
19077
|
},
|
18858
|
-
//Error:text
|
18859
|
-
".nui-textarea-error-text": {
|
18860
|
-
//Base
|
18861
|
-
"@apply mt-1 block": {},
|
18862
|
-
//Font
|
18863
|
-
[`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
|
18864
|
-
//Font color
|
18865
|
-
[`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
|
18866
|
-
},
|
18867
19078
|
//Textrea:placeload
|
18868
19079
|
".nui-textarea-placeload": {
|
18869
19080
|
[`@apply absolute start-0 top-4 flex h-${config2.textarea.placeload.size} w-${config2.textarea.placeload.size} flex-col space-y-${config2.textarea.placeload.space} px-3`]: {},
|
@@ -19916,7 +20127,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
|
|
19916
20127
|
borderRadius: "0.5ch",
|
19917
20128
|
zIndex: "1000",
|
19918
20129
|
[`@apply font-${config2.font.family} text-xs shadow-lg`]: {},
|
19919
|
-
[`@apply text-${config2.font.color.light} dark:text-${config2.font.color.
|
20130
|
+
[`@apply text-${config2.font.color.light} dark:text-${config2.font.color.dark}`]: {},
|
19920
20131
|
[`@apply !bg-${config2.background.light} dark:!bg-${config2.background.dark}`]: {}
|
19921
20132
|
},
|
19922
20133
|
[`[${tooltip}]:hover::before, [${tooltip}]:hover::after, [${tooltip}]:focus-visible::before, [${tooltip}]:focus-visible::after`]: {
|
@@ -19930,7 +20141,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
|
|
19930
20141
|
bottom: "calc(100% + 8px)",
|
19931
20142
|
borderBottomWidth: "0",
|
19932
20143
|
borderTopColor: "currentColor",
|
19933
|
-
[`@apply !text-${config2.background.light} dark:!text-${config2.background.
|
20144
|
+
[`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
|
19934
20145
|
},
|
19935
20146
|
[`[${tooltip}]:not([${position}])::after, [${tooltip}][${position}^='up']::after`]: {
|
19936
20147
|
bottom: "calc(100% + 13px)"
|
@@ -20046,6 +20257,7 @@ const components = mergePlugins([
|
|
20046
20257
|
inputFile,
|
20047
20258
|
input,
|
20048
20259
|
inputNumber,
|
20260
|
+
inputHelpText,
|
20049
20261
|
kbd,
|
20050
20262
|
label,
|
20051
20263
|
link,
|
@@ -20170,4 +20382,4 @@ const textShades = plugin(
|
|
20170
20382
|
|
20171
20383
|
const utilities = mergePlugins([bgShades, textShades]);
|
20172
20384
|
|
20173
|
-
export { accordion, autocomplete, avatar, avatarGroup, base, bgShades, breadcrumb, button, buttonAction, buttonClose, buttonGroup, buttonIcon, card, checkbox, components, dropdown, dropdownDivider, dropdownItem, focus, fullscreenDropfile, heading, iconBox, input, inputFile, inputFileRegular, inputNumber, kbd, label, link, list, listbox, mark, mask, message, messageText, modal, pagination, paragraph, placeholderPage, placeload, progress, progressCircle, prose, radio, select, slimscroll, snack, switchBall, switchThin, tabSlider, tabs, tag, text, textShades, textarea, themeSwitch, themeToggle, toast, tooltip, utilities };
|
20385
|
+
export { accordion, autocomplete, avatar, avatarGroup, base, bgShades, breadcrumb, button, buttonAction, buttonClose, buttonGroup, buttonIcon, card, checkbox, components, dropdown, dropdownDivider, dropdownItem, focus, fullscreenDropfile, heading, iconBox, input, inputFile, inputFileRegular, inputHelpText, inputNumber, kbd, label, link, list, listbox, mark, mask, message, messageText, modal, pagination, paragraph, placeholderPage, placeload, progress, progressCircle, prose, radio, select, slimscroll, snack, switchBall, switchThin, tabSlider, tabs, tag, text, textShades, textarea, themeSwitch, themeToggle, toast, tooltip, utilities };
|