globalfy-design-system 0.87.0 → 0.89.0

package/dist/components/atoms/PhoneNumberInput/PhoneNumberInput.types.d.ts

@@ -1,9 +1,14 @@
-/// <reference types="react" />
+import { ParsedCountry } from 'react-international-phone';
+
 export type PhoneNumberInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & {
     value?: string;
-    onChange?: (phone: string) => void;
+    onChange?: (data: {
+        phone: string;
+        inputValue: string;
+        country: ParsedCountry;
+    }) => void;
     error?: boolean;
-    erroMessage?: string;
+    errorMessage?: string;
     isValid?: boolean;
     searchMessage: string;
     noResultsFoundMessage: string;

package/dist/globalfy-design-system.js

@@ -17544,7 +17544,7 @@ const pD = ({ icons: e, className: t }) => {
       {
         disabled: !0,
         isLoading: !1,
-        class: "!pointer-events-none !border-transparent !bg-primary-grey-500 !font-medium !text-primary-grey-700"
+        class: "pointer-events-none border-transparent !bg-primary-grey-500 font-medium !text-primary-grey-700"
       },
       // IS LOADING AS TRUE
       {
@@ -17603,11 +17603,36 @@ const pD = ({ icons: e, className: t }) => {
         disabled: !0,
         class: "!border !border-primary-grey-700 !bg-transparent"
       },
+      {
+        variant: "tertiary",
+        disabled: !0,
+        class: "!bg-transparent"
+      },
+      {
+        variant: "tertiaryDark",
+        disabled: !0,
+        class: "!bg-transparent"
+      },
+      {
+        variant: "tertiaryLight",
+        disabled: !0,
+        class: "!bg-transparent"
+      },
+      {
+        variant: "icon",
+        disabled: !0,
+        class: "!bg-transparent !text-primary-grey-900"
+      },
       // VARIANT DIRECTION CIRCLE
       {
         variant: "directionCircle",
         hasIcon: !0,
         class: "!min-w-unit-10 !px-0"
+      },
+      {
+        variant: "icon",
+        hasIcon: !0,
+        class: "!min-w-unit-10 !px-0"
       }
     ]
   });
@@ -26089,7 +26114,7 @@ const TD = ({
   disabled: n,
   placeholder: r,
   error: o,
-  erroMessage: a,
+  errorMessage: a,
   isValid: i,
   searchMessage: s,
   noResultsFoundMessage: l,
@@ -26144,7 +26169,7 @@ const TD = ({
     disableDialCodeAndPrefix: !0,
     countries: _n,
     onChange: (N) => {
-      t == null || t(N.phone);
+      t == null || t(N);
     }
   }), T = (N) => {
     d(!u), S(N);