globalfy-design-system 1.51.1 → 1.52.0

package/dist/{index-6b1d72b9.js → index-3c7d4791.js}

@@ -1,4 +1,4 @@
-import { d as o } from "./main-dc6f2fa6.js";
+import { d as o } from "./main-b0657d29.js";
 import "react";
 import "react-dom";
 var m = o;

package/dist/{main-dc6f2fa6.js → main-b0657d29.js}

@@ -39441,7 +39441,7 @@ function Ole(e) {
     isHovered: s
   };
 }
-var Ule = () => import("./index-6b1d72b9.js").then((e) => e.default), dj = (e) => {
+var Ule = () => import("./index-3c7d4791.js").then((e) => e.default), dj = (e) => {
   const { ripples: t = [], motionProps: r, color: a = "currentColor", style: o, onClear: s } = e;
   return /* @__PURE__ */ E.jsx(E.Fragment, { children: t.map((l) => {
     const c = H1e(0.01 * l.size, 0.2, l.size > 100 ? 0.75 : 0.5);
@@ -58231,7 +58231,7 @@ const ku = Be({
       true: "border-primary-grey-500 bg-primary-grey-500"
     },
     isFocused: {
-      true: "border border-2 border-primary-green-500 text-black"
+      true: "border-2 border-primary-green-500 text-black"
     },
     isInvalid: {
       true: "border-complementary-red-500"
@@ -58271,7 +58271,7 @@ const ku = Be({
   base: "pointer-events-none invisible absolute left-4 top-[29%] bg-transparent font-inter text-sm leading-normal text-primary-grey-800 transition-all duration-200",
   variants: {
     hasValue: {
-      true: "visible -top-6 text-xs transition-all duration-200"
+      true: "visible -top-6 text-sm transition-all duration-200"
     },
     isInvalid: {
       true: "text-complementary-red-500"
@@ -58281,7 +58281,7 @@ const ku = Be({
     }
   }
 }), Uu = Be({
-  base: "mt-[5px] pl-3 font-satoshi text-xs font-normal leading-normal text-complementary-red-500"
+  base: "mt-[5px] pl-3 font-satoshi text-sm font-normal leading-normal text-complementary-red-500"
 }), Z8e = Be({
   base: "flex h-7 w-[6.125rem] w-full items-center justify-center gap-2 rounded-[3rem] border border-primary-green-500 px-4 py-1",
   variants: {
@@ -58903,7 +58903,7 @@ const Tze = ({
     ...h
   }, g) => {
     const w = Be({
-      base: "[&_input]:data-[filled-within=true]:!bg-transparent [&_label]:data-[filled-within=true]:!left-[15px] [&_label]:data-[filled-within=true]:!top-[20px] [&_label]:data-[filled-within=true]:!ml-[1px] [&_label]:data-[filled-within=true]:!text-xs [&_label]:data-[filled-within=true]:!text-primary-grey-800",
+      base: "[&_input]:data-[filled-within=true]:!bg-transparent [&_label]:data-[filled-within=true]:!left-[15px] [&_label]:data-[filled-within=true]:!top-[20px] [&_label]:data-[filled-within=true]:!ml-[1px] [&_label]:data-[filled-within=true]:!text-sm [&_label]:data-[filled-within=true]:!text-primary-grey-800",
       variants: {
         isInvalid: {
           true: "[&_label]:data-[filled-within=true]:!text-complementary-red-500"
@@ -58963,7 +58963,7 @@ const Tze = ({
         }
       }
     }), x = Be({
-      base: "mt-[5px] pl-3 font-satoshi",
+      base: "mt-[5px] pl-3 font-satoshi text-sm",
       variants: {
         isInvalid: {
           true: "text-complementary-red-500"
@@ -60015,7 +60015,7 @@ const rge = /* @__PURE__ */ tw(tge), $ze = V1(
       }
     }), x = Be({
       base: [
-        "h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4 font-satoshi text-base leading-normal placeholder:text-xs",
+        "h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4 font-satoshi text-base leading-normal placeholder:text-sm",
         //focus
         "focus:border-transparent focus:outline focus:outline-2 focus:outline-offset-0 focus:outline-primary-green-500",
         "focus-visible:border-transparent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-primary-green-500"
@@ -60035,7 +60035,7 @@ const rge = /* @__PURE__ */ tw(tge), $ze = V1(
       base: "pointer-events-none absolute left-4 top-[30%] bg-transparent font-inter text-sm leading-normal text-primary-grey-800 transition-all duration-200",
       variants: {
         hasValue: {
-          true: "-top-6 text-xs transition-all duration-200"
+          true: "-top-6 text-sm transition-all duration-200"
         },
         isInvalid: {
           true: "text-complementary-red-500"
@@ -60045,7 +60045,7 @@ const rge = /* @__PURE__ */ tw(tge), $ze = V1(
         }
       }
     }), T = Be({
-      base: "mt-[5px] pl-3 font-inter text-xs font-normal leading-normal text-primary-grey-800",
+      base: "mt-[5px] pl-3 font-inter text-sm font-normal leading-normal text-primary-grey-800",
       variants: {
         isInvalid: {
           true: "text-complementary-red-500"
@@ -60102,7 +60102,7 @@ const rge = /* @__PURE__ */ tw(tge), $ze = V1(
               "label",
               {
                 className: T1(
-                  "peer-focus:-top-6 peer-focus:text-xs peer-focus:transition-all peer-focus:duration-200",
+                  "peer-focus:-top-6 peer-focus:text-sm peer-focus:transition-all peer-focus:duration-200",
                   M({
                     hasValue: !!g || !!s,
                     isInvalid: t,
@@ -62911,10 +62911,16 @@ const Oze = ({
       children: /* @__PURE__ */ E.jsxs(fo, { className: "z-[99999999]", children: [
         /* @__PURE__ */ E.jsxs("div", { className: "flex items-center justify-center gap-2 border-b-1 px-2 py-2", children: [
           /* @__PURE__ */ E.jsx(U8e, { className: "h-4 w-4 shrink-0 text-primary-grey-800" }),
-          /* @__PURE__ */ E.jsx(fo.Input, { className: "w-full font-satoshi text-sm focus-visible:outline", placeholder: c })
+          /* @__PURE__ */ E.jsx(
+            fo.Input,
+            {
+              className: "w-full font-satoshi text-sm focus-visible:outline-none",
+              placeholder: c
+            }
+          )
         ] }),
         /* @__PURE__ */ E.jsxs(fo.List, { className: "mt-2", children: [
-          /* @__PURE__ */ E.jsx(fo.Empty, { className: "font-satoshi text-sm", children: d }),
+          /* @__PURE__ */ E.jsx(fo.Empty, { className: "p-2 font-satoshi text-sm", children: d }),
           /* @__PURE__ */ E.jsx(fo.Group, { children: Xn.map((j) => {
             const Q = er(j);
             return /* @__PURE__ */ E.jsxs(
@@ -62967,7 +62973,7 @@ const Oze = ({
         }
       )
     ] }),
-    o && s && /* @__PURE__ */ E.jsx("span", { className: "mt-[5px] pl-3 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", children: s })
+    o && s && /* @__PURE__ */ E.jsx("span", { className: "mt-[5px] pl-3 font-satoshi text-sm font-normal leading-normal text-complementary-red-500", children: s })
   ] });
 }, cl = ({
   children: e,
@@ -63712,7 +63718,7 @@ const Fze = ({ tabs: e, defaultValue: t, variant: r = "button", className: a, ..
       base: "pointer-events-none absolute left-4 top-[10%] font-satoshi text-sm font-normal leading-normal text-primary-grey-800 transition-all duration-200",
       variants: {
         activeFloatLabel: {
-          true: "-top-6 mt-0 text-xs transition-all duration-200"
+          true: "-top-6 mt-0 text-sm transition-all duration-200"
         },
         isInvalid: {
           true: "text-complementary-red-500"
@@ -63746,7 +63752,7 @@ const Fze = ({ tabs: e, defaultValue: t, variant: r = "button", className: a, ..
         }
       }
     }), v = Be({
-      base: "absolute bottom-3 right-3 font-inter text-xs font-normal leading-normal text-primary-grey-800",
+      base: "absolute bottom-3 right-3 font-inter text-sm font-normal leading-normal text-primary-grey-800",
       variants: {
         isInvalid: {
           true: "text-complementary-red-500"
@@ -63756,7 +63762,7 @@ const Fze = ({ tabs: e, defaultValue: t, variant: r = "button", className: a, ..
         }
       }
     }), x = Be({
-      base: "pl-3 font-inter text-xs font-normal leading-normal text-primary-grey-800",
+      base: "pl-3 font-inter text-sm font-normal leading-normal text-primary-grey-800",
       variants: {
         isInvalid: {
           true: "text-complementary-red-500"
@@ -63796,7 +63802,7 @@ const Fze = ({ tabs: e, defaultValue: t, variant: r = "button", className: a, ..
           {
             htmlFor: h.id,
             className: T1(
-              "peer-focus:-top-6 peer-focus:text-xs peer-focus:transition-all peer-focus:duration-200",
+              "peer-focus:-top-6 peer-focus:text-sm peer-focus:transition-all peer-focus:duration-200",
               b({
                 activeFloatLabel: !!r || !!a,
                 isInvalid: c,
@@ -63840,7 +63846,7 @@ const Owe = V1(
     }), v = Be({
       base: [
         // default
-        "h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4 font-satoshi text-base leading-normal placeholder:text-sm",
+        "h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4 font-satoshi text-sm leading-normal placeholder:text-sm",
         // focus
         "focus:border-transparent focus:outline focus:outline-2 focus:outline-primary-green-500",
         "focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary-green-500"
@@ -63854,12 +63860,12 @@ const Owe = V1(
     }), x = Be({
       base: "pointer-events-none absolute left-4 top-[30%] bg-transparent font-inter text-sm leading-normal text-primary-grey-800 transition-all duration-200",
       variants: {
-        hasValue: { true: "-top-6 text-xs transition-all duration-200" },
+        hasValue: { true: "-top-6 text-sm transition-all duration-200" },
         isInvalid: { true: "text-complementary-red-500" },
         isCompleted: { true: "text-secondary-green-500" }
       }
     }), M = Be({
-      base: "mt-[5px] pl-3 font-inter text-xs font-normal leading-normal text-primary-grey-800",
+      base: "mt-[5px] pl-3 font-inter text-sm font-normal leading-normal text-primary-grey-800",
       variants: { isInvalid: { true: "text-complementary-red-500" }, isValid: { true: "text-secondary-green-500" } }
     });
     return /* @__PURE__ */ E.jsxs("div", { className: "flex w-full flex-col", children: [
@@ -63896,7 +63902,7 @@ const Owe = V1(
           "label",
           {
             className: T1(
-              "peer-focus:-top-6 peer-focus:text-xs peer-focus:transition-all peer-focus:duration-200",
+              "peer-focus:-top-6 peer-focus:text-sm peer-focus:transition-all peer-focus:duration-200",
               x({
                 hasValue: !!a || !!t,
                 isInvalid: p ? !1 : d,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "globalfy-design-system",
-  "version": "1.51.1",
+  "version": "1.52.0",
   "description": "Globalfy Design System",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",