globalfy-design-system 0.86.0 → 0.88.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

@@ -17467,7 +17467,7 @@ const pD = ({ icons: e, className: t }) => {
   iconRight: i,
   className: s,
   isLoadingComplete: l,
-  isLoading: c,
+  isLoading: c = !1,
   ...u
 }) => {
   const [d, f] = ue("w-0"), p = te(null);
@@ -17522,7 +17522,7 @@ const pD = ({ icons: e, className: t }) => {
         tertiaryLight: "!bg-transparent px-4 font-medium text-primary-green-500 focus:font-bold focus:text-primary-green-500 focus:outline-none",
         direction: "h-10 bg-primary-green-500 p-2.5 font-medium hover:bg-secondary-green-500 focus:border-none focus:bg-secondary-green-500 focus:outline-none",
         directionCircle: "font:medium !min-w-unit-10 bg-primary-green-500 !px-0 hover:bg-secondary-green-500 focus:border-none focus:bg-secondary-green-500 focus:outline-none",
-        icon: "!min-w-unit-10 bg-transparent !px-0 text-primary-green-500 hover:text-secondary-green-500"
+        icon: "!min-w-unit-10 !border-none bg-transparent !px-0 text-primary-green-500 hover:text-secondary-green-500"
       },
       full: {
         true: "w-full",
@@ -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
       {
@@ -17596,22 +17596,12 @@ const pD = ({ icons: e, className: t }) => {
       {
         variant: "secondaryNegative",
         disabled: !0,
-        class: "border border-primary-grey-700 bg-transparent"
+        class: "!border !border-primary-grey-700 !bg-transparent"
       },
       {
         variant: "secondary",
         disabled: !0,
-        class: "border border-primary-grey-700 bg-transparent"
-      },
-      {
-        variant: "tertiary",
-        disabled: !0,
-        class: "bg-transparent underline"
-      },
-      {
-        variant: "icon",
-        disabled: !0,
-        class: "bg-transparent"
+        class: "!border !border-primary-grey-700 !bg-transparent"
       },
       // VARIANT DIRECTION CIRCLE
       {
@@ -26099,7 +26089,7 @@ const TD = ({
   disabled: n,
   placeholder: r,
   error: o,
-  erroMessage: a,
+  errorMessage: a,
   isValid: i,
   searchMessage: s,
   noResultsFoundMessage: l,
@@ -26154,7 +26144,7 @@ const TD = ({
     disableDialCodeAndPrefix: !0,
     countries: _n,
     onChange: (N) => {
-      t == null || t(N.phone);
+      t == null || t(N);
     }
   }), T = (N) => {
     d(!u), S(N);