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

package/dist/utils/index.d.ts

@@ -36,4 +36,17 @@ export declare function debounce<T extends (...args: any[]) => any>(func: T, wai
  * @returns Unique ID string
  */
 export declare function generateId(prefix?: string): string;
+/**
+ * Utility function to format numeric input by removing non-digit characters
+ * @param value - String value to format
+ * @returns String with only numeric characters
+ */
+export declare const formatNumeric: (value: string) => string;
+/**
+ * Utility function to validate phone numbers
+ * Validates phone numbers with 1-15 digits, starting with a non-zero digit
+ * @param value - Phone number string to validate
+ * @returns Boolean indicating if the phone number is valid
+ */
+export declare function isValidPhoneNumber(value: string): boolean;
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAE9B;;;;GAIG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,SAAW,GAAG,MAAM,CAK1E;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC5B,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,GACnC,MAAM,CAQR;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACxD,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,MAAM,GACX,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAMlC;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,MAAM,SAAQ,GAAG,MAAM,CAEjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAE9B;;;;GAIG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,SAAW,GAAG,MAAM,CAK1E;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC5B,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,GACnC,MAAM,CAQR;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACxD,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,MAAM,GACX,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAMlC;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,MAAM,SAAQ,GAAG,MAAM,CAEjD;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAE7C,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAIzD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ews-admin/global-design-system",
-  "version": "1.1.11",
+  "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}
               >

package/src/index.ts

@@ -42,7 +42,15 @@ export {
 export type { IconProps, SimpleIconProps } from "./icons";
 
 // Utils
-export { cn, debounce, formatCurrency, formatDate, generateId } from "./utils";
+export {
+  cn,
+  debounce,
+  formatCurrency,
+  formatDate,
+  formatNumeric,
+  generateId,
+  isValidPhoneNumber,
+} from "./utils";
 
 // Hooks
 export { useDebounce, useDebouncedCallback, useSelectField } from "./hooks";

package/src/utils/index.ts

@@ -71,3 +71,24 @@ export function debounce<T extends (...args: any[]) => any>(
 export function generateId(prefix = "ews"): string {
   return `${prefix}-${Math.random().toString(36).substr(2, 9)}`;
 }
+
+/**
+ * Utility function to format numeric input by removing non-digit characters
+ * @param value - String value to format
+ * @returns String with only numeric characters
+ */
+export const formatNumeric = (value: string): string => {
+  return value.replace(/\D/g, "");
+};
+
+/**
+ * Utility function to validate phone numbers
+ * Validates phone numbers with 1-15 digits, starting with a non-zero digit
+ * @param value - Phone number string to validate
+ * @returns Boolean indicating if the phone number is valid
+ */
+export function isValidPhoneNumber(value: string): boolean {
+  const trimmedValue = value.trim();
+  const phoneRegex = /^[0-9]\d{1,14}$/;
+  return phoneRegex.test(trimmedValue);
+}