@ews-admin/global-design-system 1.11.0 → 1.13.0

package/dist/utils/index.d.ts

@@ -20,13 +20,10 @@ export declare function cn(...inputs: ClassValue[]): string;
  * @returns Formatted currency string
  */
 export declare function formatCurrency(amount: number, currency?: string): string;
-/**
- * Utility function to format date
- * @param date - Date to format
- * @param options - Intl.DateTimeFormat options
- * @returns Formatted date string
- */
-export declare function formatDate(date: Date | string | number, options?: Intl.DateTimeFormatOptions): string;
+export interface FormatDateOptions extends Intl.DateTimeFormatOptions {
+    locale?: string | string[];
+}
+export declare function formatDate(date: Date | string | number, options?: FormatDateOptions): string;
 /**
  * Utility function to debounce function calls
  * @param func - Function to debounce

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,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EACL,aAAa,EACb,iCAAiC,EACjC,gCAAgC,EAChC,qBAAqB,GACtB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACzE,YAAY,EACV,SAAS,EACT,kBAAkB,EAClB,WAAW,GACZ,MAAM,cAAc,CAAC;AAEtB;;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,OAAO,EAAE,KAAK,OAAO,EAChE,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,CAMzD;AAED;;GAEG;AACH,oBAAY,SAAS;IACnB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,WAAW,QAAQ;IACnB,WAAW,QAAQ;IACnB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,OAAO,YAAY;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,EAUlC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EACL,aAAa,EACb,iCAAiC,EACjC,gCAAgC,EAChC,qBAAqB,GACtB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACzE,YAAY,EACV,SAAS,EACT,kBAAkB,EAClB,WAAW,GACZ,MAAM,cAAc,CAAC;AAEtB;;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,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,qBAAqB;IACnE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC5B;AAED,wBAAgB,UAAU,CACxB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC5B,OAAO,CAAC,EAAE,iBAAiB,GAC1B,MAAM,CASR;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,EAChE,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,CAMzD;AAED;;GAEG;AACH,oBAAY,SAAS;IACnB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,WAAW,QAAQ;IACnB,WAAW,QAAQ;IACnB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,OAAO,YAAY;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,EAUlC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ews-admin/global-design-system",
-  "version": "1.11.0",
+  "version": "1.13.0",
   "description": "EWS Global Design System - Reusable components for EWS applications",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -71,7 +71,7 @@
     "build-storybook": "storybook build",
     "test": "jest",
     "lint": "eslint src --ext .ts,.tsx",
-    "type-check": "tsc --noEmit",
+    "typecheck": "tsc --noEmit",
     "publish:patch": "pnpm version patch && pnpm publish --access public",
     "publish:minor": "pnpm version minor && pnpm publish --access public",
     "publish:major": "pnpm version major && pnpm publish --access public",

package/src/components/Modal/Modal.tsx

@@ -39,7 +39,21 @@ export interface ModalProps {
   /**
    * Modal size/width
    */
-  size?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+  size?:
+    | "sm"
+    | "md"
+    | "lg"
+    | "xl"
+    | "2xl"
+    | "3xl"
+    | "4xl"
+    | "5xl"
+    | "6xl"
+    | "7xl"
+    | "8xl"
+    | "9xl"
+    | "10xl"
+    | "full";
   /**
    * Primary action button text
    */
@@ -159,6 +173,14 @@ const Modal = ({
       lg: "max-w-lg",
       xl: "max-w-xl",
       "2xl": "max-w-2xl",
+      "3xl": "max-w-3xl",
+      "4xl": "max-w-4xl",
+      "5xl": "max-w-5xl",
+      "6xl": "max-w-6xl",
+      "7xl": "max-w-7xl",
+      "8xl": "max-w-8xl",
+      "9xl": "max-w-9xl",
+      "10xl": "max-w-10xl",
       full: "max-w-full",
     };
     return sizeMap[size] || sizeMap.md;
@@ -185,7 +207,7 @@ const Modal = ({
           "duration-200 animate-in fade-in-0 zoom-in-95",
           getSizeClasses(),
           "mx-4",
-          className
+          className,
         )}
         role="dialog"
         aria-modal="true"
@@ -195,7 +217,7 @@ const Modal = ({
         <div
           className={cn(
             "flex items-center justify-between p-6 border-b",
-            variantStyles.borderColor
+            variantStyles.borderColor,
           )}
         >
           <div className="flex items-center space-x-3">

package/src/index.ts

@@ -53,6 +53,7 @@ export {
   extractCountryCodeFromPhoneNumber,
   formatCurrency,
   formatDate,
+  type FormatDateOptions,
   formatNumeric,
   formatPhoneNumberWithCountryCode,
   generateId,

package/src/utils/index.ts

@@ -41,22 +41,21 @@ export function formatCurrency(amount: number, currency = CURRENCY): string {
   }).format(amount);
 }
 
-/**
- * Utility function to format date
- * @param date - Date to format
- * @param options - Intl.DateTimeFormat options
- * @returns Formatted date string
- */
+export interface FormatDateOptions extends Intl.DateTimeFormatOptions {
+  locale?: string | string[];
+}
+
 export function formatDate(
   date: Date | string | number,
-  options?: Intl.DateTimeFormatOptions
+  options?: FormatDateOptions
 ): string {
+  const { locale = "en-US", ...intlOptions } = options ?? {};
   const dateObj = new Date(date);
-  return new Intl.DateTimeFormat("en-US", {
+  return new Intl.DateTimeFormat(locale, {
     year: "numeric",
     month: "long",
     day: "numeric",
-    ...options,
+    ...intlOptions,
   }).format(dateObj);
 }