globalfy-design-system 0.68.0 → 0.70.0

package/dist/components/atoms/Popover/Popover.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from "./Popover.types";
-export declare const Popover: ({ children, content, className, isOpen, side, align, hasCloseButton, hasShadow, sideOffset, onInteractOutside, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Popover: ({ children, content, className, isOpen, side, align, hasCloseButton, hasShadow, sideOffset, onInteractOutside, onOpenAutoFocus, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Popover/Popover.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: ({ children, content, className, isOpen, side, align, hasCloseButton, hasShadow, sideOffset, onInteractOutside, ...props }: import("./Popover.types").PopoverProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, content, className, isOpen, side, align, hasCloseButton, hasShadow, sideOffset, onInteractOutside, onOpenAutoFocus, ...props }: import("./Popover.types").PopoverProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

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

@@ -5,6 +5,7 @@ export type PopoverProps = {
     isOpen?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
     onInteractOutside?: () => void;
+    onOpenAutoFocus?: (event: Event) => void;
     defaultOpen?: boolean;
     side?: "top" | "right" | "bottom" | "left";
     align?: "start" | "center" | "end";

package/dist/globalfy-design-system.js

@@ -20942,7 +20942,7 @@ const y8 = f8, x8 = h8, w8 = g8, C8 = b8, CP = ({
         }
       }
     }), d = $e({
-      base: "left-[15px] top-6 font-satoshi font-satoshi text-base text-sm text-primary-grey-800",
+      base: "left-[16px] top-6 font-satoshi text-xs text-primary-grey-800",
       variants: {
         isInvalid: {
           true: "text-complementary-red-500"
@@ -21702,9 +21702,10 @@ const X1 = U8, Z1 = H8, J1 = Q8, eh = X8, r9 = t9, n9 = ({
   hasShadow: s = !1,
   sideOffset: l = 5,
   onInteractOutside: c,
-  ...u
+  onOpenAutoFocus: u,
+  ...d
 }) => {
-  const d = $e({
+  const f = $e({
     base: "flex flex-row justify-end rounded-2xl bg-white ",
     variants: {
       hasShadow: {
@@ -21712,16 +21713,17 @@ const X1 = U8, Z1 = H8, J1 = Q8, eh = X8, r9 = t9, n9 = ({
       }
     }
   });
-  return /* @__PURE__ */ R.jsxs(X1, { open: n, ...u, children: [
+  return /* @__PURE__ */ R.jsxs(X1, { open: n, ...d, children: [
     /* @__PURE__ */ R.jsx(Z1, { asChild: !0, children: e }),
     /* @__PURE__ */ R.jsx(J1, { children: /* @__PURE__ */ R.jsx(
       eh,
       {
         className: gr(
           r,
-          d({ hasShadow: s })
+          f({ hasShadow: s })
         ),
         onInteractOutside: c,
+        onOpenAutoFocus: u,
         side: o,
         align: a,
         sideOffset: l,
@@ -25695,7 +25697,7 @@ const DP = ({
   ...c
 }) => {
   const [u, d] = J.useState(!1), f = $e({
-    base: "group flex h-12 w-full items-center rounded-lg border bg-white px-4 py-3",
+    base: "group flex h-12 w-full items-center rounded-lg border border-primary-grey-700 bg-white px-4 py-3",
     variants: {
       disabled: {
         true: "border-none bg-primary-grey-500"