@payfit/unity-components 2.63.8 → 2.63.10

package/dist/esm/components/app-profile-menu-button/AppProfileMenuButton.js

@@ -22,49 +22,55 @@ var d = c({
 		large: "uy:w-full uy:px-150 uy:py-100",
 		small: "uy:pr-0 uy:pl-100 uy:py-25"
 	} }
-}), f = ({ avatar: c, avatarPair: f, avatarVariant: p = "square", badgeLabel: m, children: h, defaultOpen: g, description: _, isOpen: v, menuTriggerDescription: y, onOpenChange: b, placement: x, title: S, uploadAvatarCallback: C, uploadAvatarDescription: w, uploadAvatarLabel: T, variant: E = "large" }) => {
-	let D = s(null), O = o(), k = o(), A = {
+}), f = c({ base: [
+	"uy:transition-all uy:duration-200 uy:ease-out uy:data-[entering]:opacity-100 uy:data-[exiting]:opacity-0",
+	"uy:data-[entering]:data-[placement=\"bottom\"]:-translate-y-100 uy:data-[exiting]:data-[placement=\"bottom\"]:translate-y-0",
+	"uy:data-[entering]:data-[placement=\"top\"]:translate-y-100 uy:data-[exiting]:data-[placement=\"top\"]:translate-y-0",
+	"uy:motion-reduce:transition-none"
+] }), p = ({ avatar: c, avatarPair: p, avatarVariant: m = "square", badgeLabel: h, children: g, defaultOpen: _, description: v, isOpen: y, menuTriggerDescription: b, onOpenChange: x, placement: S, title: C, uploadAvatarCallback: w, uploadAvatarDescription: T, uploadAvatarLabel: E, variant: D = "large" }) => {
+	let O = s(null), k = o(), A = o(), j = {
 		avatar: c,
-		avatarPair: f,
-		avatarSize: E === "small" ? "md" : "lg",
-		avatarVariant: p,
-		badgeLabel: m,
-		description: _,
-		labelId: O,
-		menuTriggerDescription: y,
-		title: S,
-		triggerDescriptionId: k,
-		triggerVariant: E,
-		uploadAvatarCallback: C,
-		uploadAvatarDescription: w,
-		uploadAvatarLabel: T
+		avatarPair: p,
+		avatarSize: D === "small" ? "md" : "lg",
+		avatarVariant: m,
+		badgeLabel: h,
+		description: v,
+		labelId: k,
+		menuTriggerDescription: b,
+		title: C,
+		triggerDescriptionId: A,
+		triggerVariant: D,
+		uploadAvatarCallback: w,
+		uploadAvatarDescription: T,
+		uploadAvatarLabel: E
 	};
 	return /* @__PURE__ */ u(t, {
-		defaultOpen: g,
-		isOpen: v,
-		onOpenChange: b,
-		placement: x ?? (E === "small" ? "bottom right" : "top left"),
-		triggerRef: D,
+		defaultOpen: _,
+		isOpen: y,
+		onOpenChange: x,
+		placement: S ?? (D === "small" ? "bottom right" : "top left"),
+		popoverClassName: f(),
+		triggerRef: O,
 		children: [/* @__PURE__ */ l(r, {
 			asChild: !0,
 			children: /* @__PURE__ */ l(e, {
-				ref: D,
-				"aria-describedby": k,
-				"aria-labelledby": O,
-				className: d({ variant: E }),
-				children: /* @__PURE__ */ l(a, { ...A })
+				ref: O,
+				"aria-describedby": A,
+				"aria-labelledby": k,
+				className: d({ variant: D }),
+				children: /* @__PURE__ */ l(a, { ...j })
 			})
 		}), /* @__PURE__ */ u(n, {
 			width: 312,
 			children: [/* @__PURE__ */ l(i, {
 				className: "uy:rounded-75",
 				children: /* @__PURE__ */ l(a, {
-					...A,
+					...j,
 					asMenuHeader: !0
 				})
-			}), h]
+			}), g]
 		})]
 	});
 };
 //#endregion
-export { f as AppProfileMenuButton };
+export { p as AppProfileMenuButton };

package/dist/esm/components/app-profile-menu-button/parts/AppProfileMenuHeader.js

@@ -75,6 +75,7 @@ var c = ({ asMenuHeader: c = !1, avatar: l, avatarPair: u, avatarSize: d, avatar
 					variant: "neutral",
 					children: p
 				}) : /* @__PURE__ */ a(e, {
+					className: y === "small" ? "uy:inline-block uy:transition-transform uy:duration-150 uy:ease-linear uy:origin-center uy:group-aria-[expanded=true]:rotate-180" : void 0,
 					src: y === "small" ? "CaretDownOutlined" : "CaretUpDownOutlined",
 					alt: w,
 					size: 20,

package/dist/esm/components/menu/Menu.d.ts

@@ -2,9 +2,10 @@ import { MenuTriggerProps } from 'react-aria-components/Menu';
 import { PopoverProps } from 'react-aria-components/Popover';
 type MenuProps = Omit<MenuTriggerProps, 'className' | 'style'> & {
     placement?: PopoverProps['placement'];
+    popoverClassName?: string;
     triggerRef?: PopoverProps['triggerRef'];
 };
-export declare function Menu({ defaultOpen, children, triggerRef, placement, ...rest }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function Menu({ defaultOpen, children, popoverClassName, triggerRef, placement, ...rest }: MenuProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Menu {
     var displayName: string;
 }

package/dist/esm/components/menu/Menu.js

@@ -1,22 +1,24 @@
 import e from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { MenuTrigger as r, Popover as i } from "react-aria-components/Menu";
+import { uyTv as t } from "@payfit/unity-themes";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { MenuTrigger as i, Popover as a } from "react-aria-components/Menu";
 //#region src/components/menu/Menu.tsx
-function a({ defaultOpen: a, children: o, triggerRef: s, placement: c, ...l }) {
-	let [u, d] = e.Children.toArray(o);
-	if (!u || !d) throw Error("Menu must have a trigger and a menu content");
-	return /* @__PURE__ */ n(r, {
-		defaultOpen: a,
-		...l,
-		children: [u, /* @__PURE__ */ t(i, {
-			triggerRef: s,
-			placement: c,
-			className: "uy:flex uy:flex-col uy:justify-end uy:items-start uy:p-100 uy:rounded-100 uy:border uy:border-solid uy:border-border-neutral uy:bg-surface-neutral uy:shadow-300",
+var o = t({ base: "uy:flex uy:flex-col uy:justify-end uy:items-start uy:p-100 uy:rounded-100 uy:border uy:border-solid uy:border-border-neutral uy:bg-surface-neutral uy:shadow-300" });
+function s({ defaultOpen: t, children: s, popoverClassName: c, triggerRef: l, placement: u, ...d }) {
+	let [f, p] = e.Children.toArray(s);
+	if (!f || !p) throw Error("Menu must have a trigger and a menu content");
+	return /* @__PURE__ */ r(i, {
+		defaultOpen: t,
+		...d,
+		children: [f, /* @__PURE__ */ n(a, {
+			triggerRef: l,
+			placement: u,
+			className: o({ className: c }),
 			"data-dd-privacy": "allow",
-			children: d
+			children: p
 		})]
 	});
 }
-a.displayName = "Menu";
+s.displayName = "Menu";
 //#endregion
-export { a as Menu };
+export { s as Menu };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.63.8",
+  "version": "2.63.10",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -96,7 +96,7 @@
     "tailwind-variants": "3.3.0",
     "usehooks-ts": "3.1.1",
     "zod": "4.4.3",
-    "@payfit/unity-illustrations": "2.63.8"
+    "@payfit/unity-illustrations": "2.63.10"
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
@@ -108,11 +108,11 @@
     "react-hook-form": "^7",
     "react-router-dom": "^5",
     "zod": "^3 || ^4",
-    "@payfit/unity-icons": "2.63.8",
-    "@payfit/unity-themes": "2.63.8"
+    "@payfit/unity-icons": "2.63.10",
+    "@payfit/unity-themes": "2.63.10"
   },
   "devDependencies": {
-    "@figma/code-connect": "1.5.1",
+    "@figma/code-connect": "1.5.2",
     "@github-ui/storybook-addon-performance-panel": "1.1.4",
     "@hookform/devtools": "4.4.0",
     "@internationalized/date": "3.12.3",
@@ -159,9 +159,9 @@
     "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
     "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",
-    "@payfit/unity-icons": "2.63.8",
-    "@payfit/unity-illustrations": "2.63.8",
-    "@payfit/unity-themes": "2.63.8",
+    "@payfit/unity-icons": "2.63.10",
+    "@payfit/unity-illustrations": "2.63.10",
+    "@payfit/unity-themes": "2.63.10",
     "@payfit/vite-configs": "0.0.0-use.local"
   },
   "peerDependenciesMeta": {