mn-angular-lib 0.0.54 → 0.0.55

package/fesm2022/mn-angular-lib.mjs

@@ -173,11 +173,11 @@ const mnAlertVariants = tv({
     base: 'flex items-start gap-3 p-4 border rounded-xl shadow-sm transition-all duration-300',
     variants: {
         kind: {
-            success: 'bg-green-50 border-green-200 text-green-800',
-            info: 'bg-blue-50 border-blue-200 text-blue-800',
-            warning: 'bg-amber-50 border-amber-200 text-amber-800',
-            error: 'bg-red-50 border-red-200 text-red-800',
-            default: 'bg-white border-gray-200 text-gray-800',
+            success: 'bg-success/10 border-success/30 text-success',
+            info: 'bg-info/10 border-info/30 text-info',
+            warning: 'bg-warning/10 border-warning/30 text-warning',
+            error: 'bg-error/10 border-error/30 text-error',
+            default: 'bg-base-100 border-base-300 text-base-content',
         },
         variant: {
             fill: '',
@@ -189,22 +189,22 @@ const mnAlertVariants = tv({
         {
             kind: 'success',
             variant: 'fill',
-            class: 'bg-green-600 border-green-700 text-white'
+            class: 'bg-success border-success text-success-content'
         },
         {
             kind: 'info',
             variant: 'fill',
-            class: 'bg-blue-600 border-blue-700 text-white'
+            class: 'bg-info border-info text-info-content'
         },
         {
             kind: 'warning',
             variant: 'fill',
-            class: 'bg-amber-500 border-amber-600 text-white'
+            class: 'bg-warning border-warning text-warning-content'
         },
         {
             kind: 'error',
             variant: 'fill',
-            class: 'bg-red-600 border-red-700 text-white'
+            class: 'bg-error border-error text-error-content'
         }
     ],
     defaultVariants: {
@@ -289,23 +289,23 @@ const mnButtonVariants = tv({
     },
     compoundVariants: [
         // Fill
-        { variant: 'fill', color: 'primary', class: 'bg-brand-500 text-black hover:bg-brand-700' },
-        { variant: 'fill', color: 'secondary', class: 'bg-gray-600 text-white hover:bg-gray-700' },
-        { variant: 'fill', color: 'danger', class: 'bg-red-600 text-white hover:bg-red-700' },
-        { variant: 'fill', color: 'warning', class: 'bg-amber-500 text-black hover:bg-amber-600' },
-        { variant: 'fill', color: 'success', class: 'bg-green-600 text-white hover:bg-green-700' },
+        { variant: 'fill', color: 'primary', class: 'bg-primary text-primary-content hover:bg-primary/80' },
+        { variant: 'fill', color: 'secondary', class: 'bg-neutral text-neutral-content hover:bg-neutral/80' },
+        { variant: 'fill', color: 'danger', class: 'bg-error text-error-content hover:bg-error/80' },
+        { variant: 'fill', color: 'warning', class: 'bg-warning text-warning-content hover:bg-warning/80' },
+        { variant: 'fill', color: 'success', class: 'bg-success text-success-content hover:bg-success/80' },
         // Outline
-        { variant: 'outline', color: 'primary', class: 'border-brand-500 text-brand-500 hover:bg-brand-100' },
-        { variant: 'outline', color: 'secondary', class: 'border-gray-600 text-gray-700 hover:bg-gray-100' },
-        { variant: 'outline', color: 'danger', class: 'border-red-600 text-red-600 hover:bg-red-100' },
-        { variant: 'outline', color: 'warning', class: 'border-amber-500 text-amber-600 hover:bg-amber-100' },
-        { variant: 'outline', color: 'success', class: 'border-green-600 text-green-600 hover:bg-green-100' },
+        { variant: 'outline', color: 'primary', class: 'border-primary text-primary hover:bg-primary/10' },
+        { variant: 'outline', color: 'secondary', class: 'border-neutral text-neutral hover:bg-neutral/10' },
+        { variant: 'outline', color: 'danger', class: 'border-error text-error hover:bg-error/10' },
+        { variant: 'outline', color: 'warning', class: 'border-warning text-warning hover:bg-warning/10' },
+        { variant: 'outline', color: 'success', class: 'border-success text-success hover:bg-success/10' },
         // Text
-        { variant: 'text', color: 'primary', class: 'text-brand-500 hover:bg-brand-100' },
-        { variant: 'text', color: 'secondary', class: 'text-gray-700 hover:bg-gray-100' },
-        { variant: 'text', color: 'danger', class: 'text-red-600 hover:bg-red-100' },
-        { variant: 'text', color: 'warning', class: 'text-amber-600 hover:bg-amber-100' },
-        { variant: 'text', color: 'success', class: 'text-green-600 hover:bg-green-100' },
+        { variant: 'text', color: 'primary', class: 'text-primary hover:bg-primary/10' },
+        { variant: 'text', color: 'secondary', class: 'text-neutral hover:bg-neutral/10' },
+        { variant: 'text', color: 'danger', class: 'text-error hover:bg-error/10' },
+        { variant: 'text', color: 'warning', class: 'text-warning hover:bg-warning/10' },
+        { variant: 'text', color: 'success', class: 'text-success hover:bg-success/10' },
     ],
     defaultVariants: {
         size: 'md',
@@ -553,7 +553,7 @@ function pickAdapter(type) {
 }
 
 const mnInputFieldVariants = tv({
-    base: 'bg-white border-1 border-gray-500 placeholder-gray-500 text-sm',
+    base: 'bg-base-100 border-1 border-base-300 placeholder-base-content/50 text-base-content text-sm',
     variants: {
         shadow: {
             true: 'shadow-lg',
@@ -1452,7 +1452,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 const mnTextareaVariants = tv({
-    base: 'bg-white border-1 border-gray-500 placeholder-gray-500 text-sm',
+    base: 'bg-base-100 border-1 border-base-300 placeholder-base-content/50 text-base-content text-sm',
     variants: {
         shadow: {
             true: 'shadow-lg',
@@ -1916,7 +1916,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 const mnDatetimeVariants = tv({
-    base: 'bg-white border-1 border-gray-500 placeholder-gray-500 text-sm',
+    base: 'bg-base-100 border-1 border-base-300 placeholder-base-content/50 text-base-content text-sm',
     variants: {
         shadow: {
             true: 'shadow-lg',
@@ -2092,7 +2092,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 const mnMultiSelectVariants = tv({
-    base: 'bg-white border-1 border-gray-500 text-sm cursor-pointer',
+    base: 'bg-base-100 border-1 border-base-300 text-base-content text-sm cursor-pointer',
     variants: {
         shadow: {
             true: 'shadow-lg',