@ews-admin/global-design-system 1.1.12 → 1.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ews-admin/global-design-system",
-  "version": "1.1.12",
+  "version": "1.1.13",
   "description": "EWS Global Design System - Reusable components for EWS applications",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/src/components/Button/Button.tsx

@@ -6,7 +6,13 @@ export interface ButtonProps
   /**
    * Button variant
    */
-  variant?: "primary" | "secondary" | "success" | "warning" | "error" | "ghost";
+  variant?:
+    | "ews-primary"
+    | "ews-secondary"
+    | "success"
+    | "warning"
+    | "error"
+    | "outline";
   /**
    * Button size
    */
@@ -33,7 +39,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   (
     {
       className,
-      variant = "primary",
+      variant = "ews-primary",
       size = "md",
       loading = false,
       fullWidth = false,
@@ -46,21 +52,17 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
     ref
   ) => {
     const baseStyles =
-      "inline-flex items-center justify-center font-medium rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none";
+      "inline-flex items-center justify-center font-medium rounded-md transition-colors focus:outline-none disabled:opacity-50 disabled:pointer-events-none";
 
     const variants = {
-      primary:
-        "bg-ews-primary text-white hover:bg-ews-primary-hover focus:ring-ews-primary",
-      secondary:
-        "bg-ews-secondary text-white hover:bg-ews-secondary-hover focus:ring-ews-secondary",
-      success:
-        "bg-ews-success text-white hover:bg-ews-success-hover focus:ring-ews-success",
-      warning:
-        "bg-ews-warning text-white hover:bg-ews-warning-hover focus:ring-ews-warning",
-      error:
-        "bg-ews-error text-white hover:bg-ews-error-hover focus:ring-ews-error",
-      ghost:
-        "bg-transparent text-ews-gray-700 hover:bg-ews-gray-100 focus:ring-ews-gray-500",
+      "ews-primary": "bg-ews-primary text-white hover:bg-ews-primary-hover",
+      "ews-secondary":
+        "bg-ews-secondary text-white hover:bg-ews-secondary-hover",
+      success: "bg-ews-success text-white hover:bg-ews-success-hover",
+      warning: "bg-ews-warning text-white hover:bg-ews-warning-hover",
+      error: "bg-ews-error text-white hover:bg-ews-error-hover",
+      outline:
+        "bg-transparent text-sm font-medium text-ews-primary hover:text-ews-primary/80",
     };
 
     const sizes = {
@@ -90,7 +92,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
       >
         {loading && (
           <svg
-            className="animate-spin -ml-1 mr-2 h-4 w-4"
+            className="mr-2 -ml-1 w-4 h-4 animate-spin"
             xmlns="http://www.w3.org/2000/svg"
             fill="none"
             viewBox="0 0 24 24"
@@ -111,13 +113,13 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
           </svg>
         )}
         {!loading && leftIcon && (
-          <span className={cn("mr-2 flex items-center", iconSizes[size])}>
+          <span className={cn("flex items-center mr-2", iconSizes[size])}>
             {leftIcon}
           </span>
         )}
         {children}
         {!loading && rightIcon && (
-          <span className={cn("ml-2 flex items-center", iconSizes[size])}>
+          <span className={cn("flex items-center ml-2", iconSizes[size])}>
             {rightIcon}
           </span>
         )}

package/src/components/Modal/Modal.tsx

@@ -231,7 +231,7 @@ const Modal = ({
           <div className="flex justify-end items-center p-6 pt-0 space-x-3">
             {secondaryAction && (
               <Button
-                variant="ghost"
+                variant="outline"
                 onClick={onSecondaryAction || onClose}
                 disabled={isLoading}
               >
@@ -240,7 +240,7 @@ const Modal = ({
             )}
             {primaryAction && (
               <Button
-                variant={variant === "error" ? "error" : "primary"}
+                variant={variant === "error" ? "error" : "ews-primary"}
                 onClick={onPrimaryAction}
                 loading={isLoading}
               >