@dimasbaguspm/versaur 0.0.6 → 0.0.7
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.js +67 -67
- package/dist/styles.css +11 -11
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3702,34 +3702,34 @@ const Or = E(
|
|
|
3702
3702
|
primary: "bg-coral text-white hover:bg-coral/90 focus-visible:ring-coral-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
|
|
3703
3703
|
secondary: "bg-sage text-white hover:bg-sage/90 focus-visible:ring-sage-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
|
|
3704
3704
|
tertiary: "bg-mist text-white hover:bg-mist/90 focus-visible:ring-mist-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
|
|
3705
|
-
ghost: "bg-
|
|
3705
|
+
ghost: "bg-white text-foreground hover:bg-slate-soft focus-visible:ring-slate-soft focus-visible:ring-offset-white",
|
|
3706
3706
|
neutral: "bg-neutral text-foreground border border-border hover:bg-neutral/80 focus-visible:ring-foreground-soft focus-visible:ring-offset-white shadow-sm",
|
|
3707
3707
|
// Outline variants
|
|
3708
|
-
"primary-outline": "border border-coral text-coral bg-
|
|
3709
|
-
"secondary-outline": "border border-sage text-sage bg-
|
|
3710
|
-
"tertiary-outline": "border border-mist text-mist bg-
|
|
3711
|
-
"ghost-outline": "border border-slate text-slate bg-
|
|
3712
|
-
"neutral-outline": "border border-neutral text-foreground bg-
|
|
3708
|
+
"primary-outline": "border border-coral text-coral bg-white hover:bg-coral hover:text-white focus-visible:ring-coral-soft focus-visible:ring-offset-white transition-all",
|
|
3709
|
+
"secondary-outline": "border border-sage text-sage bg-white hover:bg-sage hover:text-white focus-visible:ring-sage-soft focus-visible:ring-offset-white transition-all",
|
|
3710
|
+
"tertiary-outline": "border border-mist text-mist bg-white hover:bg-mist hover:text-white focus-visible:ring-mist-soft focus-visible:ring-offset-white transition-all",
|
|
3711
|
+
"ghost-outline": "border border-slate text-slate bg-white hover:bg-slate hover:text-white focus-visible:ring-slate-soft focus-visible:ring-offset-white transition-all",
|
|
3712
|
+
"neutral-outline": "border border-neutral text-foreground bg-white hover:bg-neutral hover:text-foreground focus-visible:ring-foreground-soft focus-visible:ring-offset-white transition-all",
|
|
3713
3713
|
// Ghost variants (subtle)
|
|
3714
|
-
"primary-ghost": "text-coral bg-
|
|
3715
|
-
"secondary-ghost": "text-sage bg-
|
|
3716
|
-
"tertiary-ghost": "text-mist bg-
|
|
3717
|
-
"neutral-ghost": "text-foreground bg-
|
|
3714
|
+
"primary-ghost": "text-coral bg-white hover:bg-coral-soft focus-visible:ring-coral-soft focus-visible:ring-offset-white",
|
|
3715
|
+
"secondary-ghost": "text-sage bg-white hover:bg-sage-soft focus-visible:ring-sage-soft focus-visible:ring-offset-white",
|
|
3716
|
+
"tertiary-ghost": "text-mist bg-white hover:bg-mist-soft focus-visible:ring-mist-soft focus-visible:ring-offset-white",
|
|
3717
|
+
"neutral-ghost": "text-foreground bg-white hover:bg-neutral/70 focus-visible:ring-foreground-soft focus-visible:ring-offset-white",
|
|
3718
3718
|
// Semantic variants
|
|
3719
3719
|
success: "bg-success text-white hover:bg-success/90 focus-visible:ring-success-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
|
|
3720
|
-
"success-outline": "border border-success text-success bg-
|
|
3721
|
-
"success-ghost": "text-success bg-
|
|
3720
|
+
"success-outline": "border border-success text-success bg-white hover:bg-success hover:text-white focus-visible:ring-success-soft focus-visible:ring-offset-white transition-all",
|
|
3721
|
+
"success-ghost": "text-success bg-white hover:bg-success-soft focus-visible:ring-success-soft focus-visible:ring-offset-white",
|
|
3722
3722
|
info: "bg-info text-white hover:bg-info/90 focus-visible:ring-info-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
|
|
3723
|
-
"info-outline": "border border-info text-info bg-
|
|
3724
|
-
"info-ghost": "text-info bg-
|
|
3723
|
+
"info-outline": "border border-info text-info bg-white hover:bg-info hover:text-white focus-visible:ring-info-soft focus-visible:ring-offset-white transition-all",
|
|
3724
|
+
"info-ghost": "text-info bg-white hover:bg-info-soft focus-visible:ring-info-soft focus-visible:ring-offset-white",
|
|
3725
3725
|
warning: "bg-warning text-white hover:bg-warning/90 focus-visible:ring-warning-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
|
|
3726
|
-
"warning-outline": "border border-warning text-warning bg-
|
|
3727
|
-
"warning-ghost": "text-warning bg-
|
|
3726
|
+
"warning-outline": "border border-warning text-warning bg-white hover:bg-warning hover:text-white focus-visible:ring-warning-soft focus-visible:ring-offset-white transition-all",
|
|
3727
|
+
"warning-ghost": "text-warning bg-white hover:bg-warning-soft focus-visible:ring-warning-soft focus-visible:ring-offset-white",
|
|
3728
3728
|
danger: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
|
|
3729
|
-
"danger-outline": "border border-danger text-danger bg-
|
|
3730
|
-
"danger-ghost": "text-danger bg-
|
|
3729
|
+
"danger-outline": "border border-danger text-danger bg-white hover:bg-danger hover:text-white focus-visible:ring-danger-soft focus-visible:ring-offset-white transition-all",
|
|
3730
|
+
"danger-ghost": "text-danger bg-white hover:bg-danger-soft focus-visible:ring-danger-soft focus-visible:ring-offset-white",
|
|
3731
3731
|
// Utility variants
|
|
3732
|
-
outline: "border border-border text-foreground bg-
|
|
3732
|
+
outline: "border border-border text-foreground bg-white hover:bg-accent-soft focus-visible:ring-accent-soft focus-visible:ring-offset-white transition-all",
|
|
3733
3733
|
destructive: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md"
|
|
3734
3734
|
},
|
|
3735
3735
|
size: {
|
|
@@ -3811,34 +3811,34 @@ const _r = y(
|
|
|
3811
3811
|
primary: "bg-coral text-white hover:bg-coral/90 focus-visible:ring-coral-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
|
|
3812
3812
|
secondary: "bg-sage text-white hover:bg-sage/90 focus-visible:ring-sage-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
|
|
3813
3813
|
tertiary: "bg-mist text-white hover:bg-mist/90 focus-visible:ring-mist-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
|
|
3814
|
-
ghost: "bg-
|
|
3814
|
+
ghost: "bg-white text-foreground hover:bg-slate-soft focus-visible:ring-slate-soft focus-visible:ring-offset-white",
|
|
3815
3815
|
neutral: "bg-neutral text-foreground border border-border hover:bg-neutral/80 focus-visible:ring-foreground-soft focus-visible:ring-offset-white shadow-sm",
|
|
3816
3816
|
// Outline variants
|
|
3817
|
-
"primary-outline": "border border-coral text-coral bg-
|
|
3818
|
-
"secondary-outline": "border border-sage text-sage bg-
|
|
3819
|
-
"tertiary-outline": "border border-mist text-mist bg-
|
|
3820
|
-
"ghost-outline": "border border-slate text-slate bg-
|
|
3821
|
-
"neutral-outline": "border border-neutral text-foreground bg-
|
|
3817
|
+
"primary-outline": "border border-coral text-coral bg-white hover:bg-coral hover:text-white focus-visible:ring-coral-soft focus-visible:ring-offset-white transition-all",
|
|
3818
|
+
"secondary-outline": "border border-sage text-sage bg-white hover:bg-sage hover:text-white focus-visible:ring-sage-soft focus-visible:ring-offset-white transition-all",
|
|
3819
|
+
"tertiary-outline": "border border-mist text-mist bg-white hover:bg-mist hover:text-white focus-visible:ring-mist-soft focus-visible:ring-offset-white transition-all",
|
|
3820
|
+
"ghost-outline": "border border-slate text-slate bg-white hover:bg-slate hover:text-white focus-visible:ring-slate-soft focus-visible:ring-offset-white transition-all",
|
|
3821
|
+
"neutral-outline": "border border-neutral text-foreground bg-white hover:bg-neutral hover:text-foreground focus-visible:ring-foreground-soft focus-visible:ring-offset-white transition-all",
|
|
3822
3822
|
// Ghost variants (subtle)
|
|
3823
|
-
"primary-ghost": "text-coral bg-
|
|
3824
|
-
"secondary-ghost": "text-sage bg-
|
|
3825
|
-
"tertiary-ghost": "text-mist bg-
|
|
3826
|
-
"neutral-ghost": "text-foreground bg-
|
|
3823
|
+
"primary-ghost": "text-coral bg-white hover:bg-coral-soft focus-visible:ring-coral-soft focus-visible:ring-offset-white",
|
|
3824
|
+
"secondary-ghost": "text-sage bg-white hover:bg-sage-soft focus-visible:ring-sage-soft focus-visible:ring-offset-white",
|
|
3825
|
+
"tertiary-ghost": "text-mist bg-white hover:bg-mist-soft focus-visible:ring-mist-soft focus-visible:ring-offset-white",
|
|
3826
|
+
"neutral-ghost": "text-foreground bg-white hover:bg-neutral/70 focus-visible:ring-foreground-soft focus-visible:ring-offset-white",
|
|
3827
3827
|
// Semantic variants
|
|
3828
3828
|
success: "bg-success text-white hover:bg-success/90 focus-visible:ring-success-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
|
|
3829
|
-
"success-outline": "border border-success text-success bg-
|
|
3830
|
-
"success-ghost": "text-success bg-
|
|
3829
|
+
"success-outline": "border border-success text-success bg-white hover:bg-success hover:text-white focus-visible:ring-success-soft focus-visible:ring-offset-white transition-all",
|
|
3830
|
+
"success-ghost": "text-success bg-white hover:bg-success-soft focus-visible:ring-success-soft focus-visible:ring-offset-white",
|
|
3831
3831
|
info: "bg-info text-white hover:bg-info/90 focus-visible:ring-info-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
|
|
3832
|
-
"info-outline": "border border-info text-info bg-
|
|
3833
|
-
"info-ghost": "text-info bg-
|
|
3832
|
+
"info-outline": "border border-info text-info bg-white hover:bg-info hover:text-white focus-visible:ring-info-soft focus-visible:ring-offset-white transition-all",
|
|
3833
|
+
"info-ghost": "text-info bg-white hover:bg-info-soft focus-visible:ring-info-soft focus-visible:ring-offset-white",
|
|
3834
3834
|
warning: "bg-warning text-white hover:bg-warning/90 focus-visible:ring-warning-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
|
|
3835
|
-
"warning-outline": "border border-warning text-warning bg-
|
|
3836
|
-
"warning-ghost": "text-warning bg-
|
|
3835
|
+
"warning-outline": "border border-warning text-warning bg-white hover:bg-warning hover:text-white focus-visible:ring-warning-soft focus-visible:ring-offset-white transition-all",
|
|
3836
|
+
"warning-ghost": "text-warning bg-white hover:bg-warning-soft focus-visible:ring-warning-soft focus-visible:ring-offset-white",
|
|
3837
3837
|
danger: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md",
|
|
3838
|
-
"danger-outline": "border border-danger text-danger bg-
|
|
3839
|
-
"danger-ghost": "text-danger bg-
|
|
3838
|
+
"danger-outline": "border border-danger text-danger bg-white hover:bg-danger hover:text-white focus-visible:ring-danger-soft focus-visible:ring-offset-white transition-all",
|
|
3839
|
+
"danger-ghost": "text-danger bg-white hover:bg-danger-soft focus-visible:ring-danger-soft focus-visible:ring-offset-white",
|
|
3840
3840
|
// Utility variants
|
|
3841
|
-
outline: "border border-border text-foreground bg-
|
|
3841
|
+
outline: "border border-border text-foreground bg-white hover:bg-accent-soft focus-visible:ring-accent-soft focus-visible:ring-offset-white transition-all",
|
|
3842
3842
|
destructive: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md"
|
|
3843
3843
|
},
|
|
3844
3844
|
size: {
|
|
@@ -3963,30 +3963,30 @@ const _r = y(
|
|
|
3963
3963
|
primary: "bg-coral text-white hover:bg-coral/90 focus-visible:ring-coral-soft focus-visible:ring-offset-white",
|
|
3964
3964
|
secondary: "bg-sage text-white hover:bg-sage/90 focus-visible:ring-sage-soft focus-visible:ring-offset-white",
|
|
3965
3965
|
tertiary: "bg-mist text-white hover:bg-mist/90 focus-visible:ring-mist-soft focus-visible:ring-offset-white",
|
|
3966
|
-
ghost: "bg-
|
|
3966
|
+
ghost: "bg-white text-foreground hover:bg-slate-soft focus-visible:ring-slate-soft focus-visible:ring-offset-white",
|
|
3967
3967
|
neutral: "bg-neutral text-foreground border border-border hover:bg-neutral/80 focus-visible:ring-foreground-soft focus-visible:ring-offset-white",
|
|
3968
|
-
"primary-outline": "border border-coral text-coral bg-
|
|
3969
|
-
"secondary-outline": "border border-sage text-sage bg-
|
|
3970
|
-
"tertiary-outline": "border border-mist text-mist bg-
|
|
3971
|
-
"ghost-outline": "border border-slate text-slate bg-
|
|
3972
|
-
"neutral-outline": "border border-neutral text-foreground bg-
|
|
3973
|
-
"primary-ghost": "text-coral bg-
|
|
3974
|
-
"secondary-ghost": "text-sage bg-
|
|
3975
|
-
"tertiary-ghost": "text-mist bg-
|
|
3976
|
-
"neutral-ghost": "text-foreground bg-
|
|
3968
|
+
"primary-outline": "border border-coral text-coral bg-white hover:bg-coral hover:text-white focus-visible:ring-coral-soft focus-visible:ring-offset-white",
|
|
3969
|
+
"secondary-outline": "border border-sage text-sage bg-white hover:bg-sage hover:text-white focus-visible:ring-sage-soft focus-visible:ring-offset-white",
|
|
3970
|
+
"tertiary-outline": "border border-mist text-mist bg-white hover:bg-mist hover:text-white focus-visible:ring-mist-soft focus-visible:ring-offset-white",
|
|
3971
|
+
"ghost-outline": "border border-slate text-slate bg-white hover:bg-slate hover:text-white focus-visible:ring-slate-soft focus-visible:ring-offset-white",
|
|
3972
|
+
"neutral-outline": "border border-neutral text-foreground bg-white hover:bg-neutral hover:text-foreground focus-visible:ring-foreground-soft focus-visible:ring-offset-white",
|
|
3973
|
+
"primary-ghost": "text-coral bg-white hover:bg-coral-soft focus-visible:ring-coral-soft focus-visible:ring-offset-white",
|
|
3974
|
+
"secondary-ghost": "text-sage bg-white hover:bg-sage-soft focus-visible:ring-sage-soft focus-visible:ring-offset-white",
|
|
3975
|
+
"tertiary-ghost": "text-mist bg-white hover:bg-mist-soft focus-visible:ring-mist-soft focus-visible:ring-offset-white",
|
|
3976
|
+
"neutral-ghost": "text-foreground bg-white hover:bg-neutral/70 focus-visible:ring-foreground-soft focus-visible:ring-offset-white",
|
|
3977
3977
|
success: "bg-success text-white hover:bg-success/90 focus-visible:ring-success-soft focus-visible:ring-offset-white",
|
|
3978
|
-
"success-outline": "border border-success text-success bg-
|
|
3979
|
-
"success-ghost": "text-success bg-
|
|
3978
|
+
"success-outline": "border border-success text-success bg-white hover:bg-success hover:text-white focus-visible:ring-success-soft focus-visible:ring-offset-white",
|
|
3979
|
+
"success-ghost": "text-success bg-white hover:bg-success-soft focus-visible:ring-success-soft focus-visible:ring-offset-white",
|
|
3980
3980
|
info: "bg-info text-white hover:bg-info/90 focus-visible:ring-info-soft focus-visible:ring-offset-white",
|
|
3981
|
-
"info-outline": "border border-info text-info bg-
|
|
3982
|
-
"info-ghost": "text-info bg-
|
|
3981
|
+
"info-outline": "border border-info text-info bg-white hover:bg-info hover:text-white focus-visible:ring-info-soft focus-visible:ring-offset-white",
|
|
3982
|
+
"info-ghost": "text-info bg-white hover:bg-info-soft focus-visible:ring-info-soft focus-visible:ring-offset-white",
|
|
3983
3983
|
warning: "bg-warning text-white hover:bg-warning/90 focus-visible:ring-warning-soft focus-visible:ring-offset-white",
|
|
3984
|
-
"warning-outline": "border border-warning text-warning bg-
|
|
3985
|
-
"warning-ghost": "text-warning bg-
|
|
3984
|
+
"warning-outline": "border border-warning text-warning bg-white hover:bg-warning hover:text-white focus-visible:ring-warning-soft focus-visible:ring-offset-white",
|
|
3985
|
+
"warning-ghost": "text-warning bg-white hover:bg-warning-soft focus-visible:ring-warning-soft focus-visible:ring-offset-white",
|
|
3986
3986
|
danger: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger-soft focus-visible:ring-offset-white",
|
|
3987
|
-
"danger-outline": "border border-danger text-danger bg-
|
|
3988
|
-
"danger-ghost": "text-danger bg-
|
|
3989
|
-
outline: "border border-border text-foreground bg-
|
|
3987
|
+
"danger-outline": "border border-danger text-danger bg-white hover:bg-danger hover:text-white focus-visible:ring-danger-soft focus-visible:ring-offset-white",
|
|
3988
|
+
"danger-ghost": "text-danger bg-white hover:bg-danger-soft focus-visible:ring-danger-soft focus-visible:ring-offset-white",
|
|
3989
|
+
outline: "border border-border text-foreground bg-white hover:bg-accent-soft focus-visible:ring-accent-soft focus-visible:ring-offset-white",
|
|
3990
3990
|
destructive: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger-soft focus-visible:ring-offset-white"
|
|
3991
3991
|
},
|
|
3992
3992
|
size: {
|
|
@@ -6541,16 +6541,16 @@ const ds = y(
|
|
|
6541
6541
|
{
|
|
6542
6542
|
variants: {
|
|
6543
6543
|
variant: {
|
|
6544
|
-
white: "bg-white border border-border
|
|
6545
|
-
neutral: "bg-neutral border border-gray-200
|
|
6546
|
-
primary: "bg-coral-soft border border-coral
|
|
6547
|
-
secondary: "bg-sage-soft border border-sage
|
|
6548
|
-
tertiary: "bg-mist-soft border border-mist
|
|
6549
|
-
ghost: "bg-transparent border border-slate
|
|
6550
|
-
success: "bg-success-soft border border-success
|
|
6551
|
-
info: "bg-info-soft border border-info
|
|
6552
|
-
warning: "bg-warning-soft border border-warning
|
|
6553
|
-
danger: "bg-danger-soft border border-danger
|
|
6544
|
+
white: "bg-white border border-border",
|
|
6545
|
+
neutral: "bg-neutral border border-gray-200",
|
|
6546
|
+
primary: "bg-coral-soft border border-coral",
|
|
6547
|
+
secondary: "bg-sage-soft border border-sage",
|
|
6548
|
+
tertiary: "bg-mist-soft border border-mist",
|
|
6549
|
+
ghost: "bg-transparent border border-slate",
|
|
6550
|
+
success: "bg-success-soft border border-success",
|
|
6551
|
+
info: "bg-info-soft border border-info",
|
|
6552
|
+
warning: "bg-warning-soft border border-warning",
|
|
6553
|
+
danger: "bg-danger-soft border border-danger"
|
|
6554
6554
|
},
|
|
6555
6555
|
size: {
|
|
6556
6556
|
xs: "p-2",
|
package/dist/styles.css
CHANGED
|
@@ -21,27 +21,27 @@
|
|
|
21
21
|
|
|
22
22
|
/* Core Colors */
|
|
23
23
|
--color-coral: #e07a5f;
|
|
24
|
-
--color-coral-soft: #
|
|
24
|
+
--color-coral-soft: #fff8f6;
|
|
25
25
|
--color-sage: #81b29a;
|
|
26
|
-
--color-sage-soft: #
|
|
26
|
+
--color-sage-soft: #f6fffa;
|
|
27
27
|
--color-mist: #84a5c0;
|
|
28
|
-
--color-mist-soft: #
|
|
28
|
+
--color-mist-soft: #f5faff;
|
|
29
29
|
--color-slate: #3d405b;
|
|
30
30
|
--color-slate-soft: #e3e4ea;
|
|
31
31
|
--color-cream: #f4f1de;
|
|
32
|
-
--color-cream-soft: #
|
|
32
|
+
--color-cream-soft: #fcf9f1;
|
|
33
33
|
--color-light-gray: #f8f9fa;
|
|
34
34
|
--color-light-gray-soft: #fcfcfd;
|
|
35
35
|
|
|
36
36
|
/* Semantic Colors */
|
|
37
37
|
--color-success: #6db285;
|
|
38
|
-
--color-success-soft: #
|
|
38
|
+
--color-success-soft: #f4fff9;
|
|
39
39
|
--color-info: #6b8fad;
|
|
40
|
-
--color-info-soft: #
|
|
40
|
+
--color-info-soft: #f0f8ff;
|
|
41
41
|
--color-warning: #e08a47;
|
|
42
|
-
--color-warning-soft: #
|
|
42
|
+
--color-warning-soft: #fff9f2;
|
|
43
43
|
--color-danger: #e06650;
|
|
44
|
-
--color-danger-soft: #
|
|
44
|
+
--color-danger-soft: #fff5f4;
|
|
45
45
|
|
|
46
46
|
/* Background and Foreground */
|
|
47
47
|
--color-background: #ffffff; /* White */
|
|
@@ -49,11 +49,11 @@
|
|
|
49
49
|
|
|
50
50
|
/* Button/Component Variants */
|
|
51
51
|
--color-primary: #e07a5f; /* Coral */
|
|
52
|
-
--color-primary-soft: #
|
|
52
|
+
--color-primary-soft: #fff8f6; /* Soft Coral */
|
|
53
53
|
--color-secondary: #81b29a; /* Sage */
|
|
54
|
-
--color-secondary-soft: #
|
|
54
|
+
--color-secondary-soft: #f6fffa; /* Soft Sage */
|
|
55
55
|
--color-tertiary: #84a5c0; /* Mist */
|
|
56
|
-
--color-tertiary-soft: #
|
|
56
|
+
--color-tertiary-soft: #f5faff; /* Soft Mist */
|
|
57
57
|
--color-ghost: #3d405b; /* Slate */
|
|
58
58
|
--color-ghost-soft: #e3e4ea; /* Soft Slate */
|
|
59
59
|
--color-neutral: #e9ecef; /* Light Gray */
|