@payfit/unity-components 2.21.14 → 2.21.16

package/dist/esm/components/navigation-card/NavigationCard.variants.js

@@ -2,7 +2,7 @@ import { uyTv as e } from "@payfit/unity-themes";
 const u = e({
   slots: {
     base: [
-      "uy:flex uy:flex-row uy:items-center",
+      "uy:flex uy:flex-row uy:items-center uy:text-left",
       "uy:rounded-lg uy:border-solid uy:border-1 uy:transition-colors uy:group",
       "uy:cursor-pointer uy:disabled:cursor-not-allowed uy:aria-disabled:cursor-not-allowed",
       "uy:bg-surface-neutral uy:border-border-neutral uy:text-content-neutral-low",

package/dist/esm/components/promo-dialog/PromoDialog.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { useRef as P, Children as m, isValidElement as l, useLayoutEffect as v } from "react";
+import { useRef as P, Children as m, isValidElement as l, useLayoutEffect as b } from "react";
 import { uyTv as N } from "@payfit/unity-themes";
 import { useId as C } from "react-aria";
 import { ModalOverlay as A, Modal as E, DialogContext as I, Dialog as j } from "react-aria-components";
@@ -7,7 +7,7 @@ import { useIntl as z } from "react-intl";
 import { useHasScroll as M } from "../../hooks/use-has-scroll.js";
 import { DialogButton as H } from "../dialog/parts/DialogActions/DialogButton.js";
 import { CircularIconButton as T } from "../icon-button/CircularIconButton.js";
-import { PromoDialogActions as b } from "./parts/PromoDialogActions.js";
+import { PromoDialogActions as v } from "./parts/PromoDialogActions.js";
 import { PromoDialogHero as W } from "./parts/PromoDialogHero.js";
 import { PromoDialogTitle as _ } from "./parts/PromoDialogTitle.js";
 const k = N({
@@ -67,7 +67,7 @@ const k = N({
       // Mobile: auto height
       "uy:h-auto",
       // Desktop: takes 2/3 of width, fixed max height, enables scrolling
-      "uy:md:basis-2/3 uy:md:h-full uy:md:max-h-85 uy:md:overflow-y-auto uy:md:pt-600"
+      "uy:md:basis-2/3 uy:md:h-full uy:md:max-h-85 uy:md:overflow-y-auto uy:md:pt-600 uy:md:[scrollbar-gutter:stable]"
     ],
     scrollableContent: [
       "uy:md:pl-[clamp(var(--uy-spacing-400),11%,var(--uy-spacing-800))] uy:md:pr-1000 uy:[scrollbar-width:thin] uy:md:scroll-mt-1000",
@@ -84,7 +84,7 @@ const k = N({
   }
 }), B = (r) => {
   const n = m.toArray(r).find(
-    (e) => l(e) && e.type === b
+    (e) => l(e) && e.type === v
   );
   return l(
     n
@@ -103,19 +103,19 @@ function q({
 }) {
   const f = z(), d = C(), g = P(null), { hasAnyScroll: i } = M(g, {
     strategy: "both",
-    watchMutations: !1
+    watchMutations: !0
   }), s = m.toArray(r), u = s.find(
     (o) => l(o) && o.type === W
   ), h = s.find(
-    (o) => l(o) && o.type === b
+    (o) => l(o) && o.type === v
   ), w = s.filter(
     (o) => o !== u && o !== h
   );
-  v(() => {
+  b(() => {
     u || console.error(
       "PromoDialog: PromoDialogHero is required. Please add <PromoDialogHero> as a child of your PromoDialog component."
     );
-  }, [u]), v(() => {
+  }, [u]), b(() => {
     const D = m.toArray(r).some(
       (x) => l(x) && x.type === _
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.21.14",
+  "version": "2.21.16",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -42,7 +42,7 @@
     "@hookform/devtools": "4.4.0",
     "@hookform/resolvers": "5.2.1",
     "@internationalized/date": "3.12.0",
-    "@payfit/unity-illustrations": "2.21.14",
+    "@payfit/unity-illustrations": "2.21.16",
     "@radix-ui/react-avatar": "1.1.11",
     "@radix-ui/react-slot": "1.2.4",
     "@react-aria/interactions": "3.27.1",
@@ -74,8 +74,8 @@
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
-    "@payfit/unity-icons": "2.21.14",
-    "@payfit/unity-themes": "2.21.14",
+    "@payfit/unity-icons": "2.21.16",
+    "@payfit/unity-themes": "2.21.16",
     "@storybook/react-vite": "^10.3.2",
     "@tanstack/react-query": "^5",
     "@tanstack/react-router": "^1.131",
@@ -95,9 +95,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.21.14",
-    "@payfit/unity-illustrations": "2.21.14",
-    "@payfit/unity-themes": "2.21.14",
+    "@payfit/unity-icons": "2.21.16",
+    "@payfit/unity-illustrations": "2.21.16",
+    "@payfit/unity-themes": "2.21.16",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "10.3.3",
     "@storybook/addon-designs": "11.1.3",