From 8ca4e38ee7f3f24b925f2ab88ba41a18b0c0661f Mon Sep 17 00:00:00 2001
From: Driss Chelouati <driss.chelouati@gmail.com>
Date: Tue, 5 Dec 2023 15:09:41 +0100
Subject: [PATCH] feat(ButtonAction): redesign config

---
 .../button-action/button-action.config.ts     | 179 ++++++++++++++++++
 1 file changed, 179 insertions(+)

diff --git a/src/plugins/components/button-action/button-action.config.ts b/src/plugins/components/button-action/button-action.config.ts
index e017837..260c218 100644
--- a/src/plugins/components/button-action/button-action.config.ts
+++ b/src/plugins/components/button-action/button-action.config.ts
@@ -1,5 +1,184 @@
 export const key = 'buttonAction' as const
 
+export const config = {
+  rounded: {
+    none: 'none',
+    sm: 'sm',
+    md: 'md',
+    lg: 'lg',
+    full: 'full',
+  },
+  text: {
+    font: {
+      family: 'sans',
+      weight: 'normal',
+      size: 'sm',
+    },
+  },
+  color: {
+    default: {
+      font: {
+        color: {
+          light: 'muted-700',
+          dark: 'muted-100',
+        },
+      },
+      background: {
+        base: {
+          light: 'white',
+          dark: 'muted-700',
+        },
+        hover: {
+          light: 'muted-50',
+          dark: 'muted-600',
+        },
+        active: {
+          light: 'muted-100',
+          dark: 'muted-700',
+        },
+      },
+      border: {
+        light: 'muted-300',
+        dark: 'muted-600',
+      },
+    },
+    muted: {
+      font: {
+        color: {
+          light: 'muted-500',
+          dark: 'muted-100',
+        },
+      },
+      background: {
+        base: {
+          light: 'muted-200',
+          dark: 'muted-700/40',
+        },
+        hover: {
+          light: 'muted-100',
+          dark: 'muted-700/60',
+        },
+        active: {
+          light: 'muted-200/50',
+          dark: 'muted-800',
+        },
+      },
+      border: {
+        light: 'muted-200',
+        dark: 'muted-700/40',
+      },
+    },
+    info: {
+      font: {
+        color: {
+          light: 'white',
+          dark: 'white',
+        },
+      },
+      background: {
+        base: {
+          light: 'info-500',
+          dark: 'info-500',
+        },
+        hover: {
+          light: 'info-400',
+          dark: 'info-400',
+        },
+        active: {
+          light: 'info-500',
+          dark: 'info-500',
+        },
+      },
+      border: {
+        light: 'info-500',
+        dark: 'info-500',
+      },
+    },
+    success: {
+      font: {
+        color: {
+          light: 'white',
+          dark: 'white',
+        },
+      },
+      background: {
+        base: {
+          light: 'success-500',
+          dark: 'success-500',
+        },
+        hover: {
+          light: 'success-400',
+          dark: 'success-400',
+        },
+        active: {
+          light: 'success-500',
+          dark: 'success-500',
+        },
+      },
+      border: {
+        light: 'success-500',
+        dark: 'success-500',
+      },
+    },
+    warning: {
+      font: {
+        color: {
+          light: 'white',
+          dark: 'white',
+        },
+      },
+      background: {
+        base: {
+          light: 'warning-500',
+          dark: 'warning-500',
+        },
+        hover: {
+          light: 'warning-400',
+          dark: 'warning-400',
+        },
+        active: {
+          light: 'warning-500',
+          dark: 'warning-500',
+        },
+      },
+      border: {
+        light: 'warning-500',
+        dark: 'warning-500',
+      },
+    },
+    danger: {
+      font: {
+        color: {
+          light: 'white',
+          dark: 'white',
+        },
+      },
+      background: {
+        base: {
+          light: 'danger-500',
+          dark: 'danger-500',
+        },
+        hover: {
+          light: 'danger-400',
+          dark: 'danger-400',
+        },
+        active: {
+          light: 'danger-500',
+          dark: 'danger-500',
+        },
+      },
+      border: {
+        light: 'danger-500',
+        dark: 'danger-500',
+      },
+    },
+  },
+  transition: {
+    property: 'all',
+    duration: '300',
+  },
+}
+
 export const defaultConfig = {
   font: 'normal',
   text: 'sm',