@payfit/unity-components 2.21.1 → 2.21.3

package/dist/esm/components/date-calendar/DateCalendar.js

@@ -1,12 +1,12 @@
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { useState as m } from "react";
-import { today as I, getLocalTimeZone as f, isToday as T } from "@internationalized/date";
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { today as I, getLocalTimeZone as m, isToday as T } from "@internationalized/date";
 import { uyTv as k } from "@payfit/unity-themes";
 import { Calendar as B, Heading as F, CalendarGrid as M, CalendarGridHeader as O, CalendarHeaderCell as W, CalendarGridBody as P, CalendarCell as R } from "react-aria-components";
-import { IconButton as b } from "../icon-button/IconButton.js";
+import { IconButton as f } from "../icon-button/IconButton.js";
 import { useMonthsList as Z } from "./hooks/useMonthsList.js";
 import { useYearsList as $ } from "./hooks/useYearsList.js";
-import { DateSegmentSelect as h } from "./parts/DateSegmentSelect.js";
+import { DateSegmentSelect as b } from "./parts/DateSegmentSelect.js";
 const q = k({
   slots: {
     base: "",
@@ -40,34 +40,33 @@ const q = k({
   }
 });
 function z({
-  value: n,
-  defaultValue: d,
-  minValue: i,
-  maxValue: u,
-  onChange: p,
-  onFocusChange: g,
+  value: u,
+  defaultValue: o,
+  minValue: r,
+  maxValue: d,
+  onChange: h,
+  onFocusChange: p,
   ...t
 }) {
-  const y = I(f()), [v, C] = m(
-    n ?? d ?? y
-  ), [l, s] = m(
-    n ?? d ?? y
-  ), x = Z(), D = $({
-    startYear: i?.year,
-    endYear: u?.year
+  const g = I(m()), v = Z(), C = $({
+    startYear: r?.year,
+    endYear: d?.year
+  }), [x, D] = c(u ?? o ?? null), [l, n] = c(() => {
+    const e = u ?? o ?? g;
+    return r && e.compare(r) < 0 ? r : d && e.compare(d) > 0 ? d : e;
   }), N = (e) => {
-    s(
-      (o) => o.set({ month: parseInt(e, 10) })
+    n(
+      (i) => i.set({ month: parseInt(e, 10) })
     );
   }, H = (e) => {
-    s(
-      (o) => o.set({ year: parseInt(e, 10) })
+    n(
+      (i) => i.set({ year: parseInt(e, 10) })
     );
   }, {
     base: w,
     calendarWrapper: G,
     dialogHeader: L,
-    dialogHeaderGroup: c,
+    dialogHeaderGroup: y,
     calendarGrid: S,
     calendarHeaderCell: Y,
     calendarCell: j
@@ -76,42 +75,42 @@ function z({
     B,
     {
       ...t,
-      minValue: i,
-      maxValue: u,
-      value: v,
-      defaultValue: d,
+      minValue: r,
+      maxValue: d,
+      value: x,
+      defaultValue: o,
       onChange: (e) => {
-        C(e), p?.(e);
+        D(e), h?.(e);
       },
       focusedValue: l,
       onFocusChange: (e) => {
-        s(e), g?.(e);
+        n(e), p?.(e);
       },
-      children: /* @__PURE__ */ r("div", { className: G(), children: [
-        /* @__PURE__ */ r("header", { className: L(), children: [
+      children: /* @__PURE__ */ s("div", { className: G(), children: [
+        /* @__PURE__ */ s("header", { className: L(), children: [
           /* @__PURE__ */ a(F, { className: "uy:sr-only" }),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s(
             "div",
             {
-              className: c({
+              className: y({
                 className: "uy:pl-100 uy:gap-200"
               }),
               children: [
                 /* @__PURE__ */ a(
-                  h,
+                  b,
                   {
                     type: "month",
-                    items: x,
+                    items: v,
                     value: l.month.toString(),
                     onChange: N,
                     isDisabled: t.isDisabled
                   }
                 ),
                 /* @__PURE__ */ a(
-                  h,
+                  b,
                   {
                     type: "year",
-                    items: D,
+                    items: C,
                     value: l.year.toString(),
                     onChange: H,
                     isDisabled: t.isDisabled
@@ -120,15 +119,15 @@ function z({
               ]
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s(
             "div",
             {
-              className: c({
+              className: y({
                 className: "uy:ml-auto uy:gap-100"
               }),
               children: [
                 /* @__PURE__ */ a(
-                  b,
+                  f,
                   {
                     slot: "previous",
                     icon: "CaretLeftOutlined",
@@ -139,7 +138,7 @@ function z({
                   }
                 ),
                 /* @__PURE__ */ a(
-                  b,
+                  f,
                   {
                     slot: "next",
                     icon: "CaretRightOutlined",
@@ -153,13 +152,13 @@ function z({
             }
           )
         ] }),
-        /* @__PURE__ */ r(M, { className: S(), weekdayStyle: "short", children: [
+        /* @__PURE__ */ s(M, { className: S(), weekdayStyle: "short", children: [
           /* @__PURE__ */ a(O, { children: (e) => /* @__PURE__ */ a(W, { className: Y(), children: e }) }),
           /* @__PURE__ */ a(P, { children: (e) => /* @__PURE__ */ a(
             R,
             {
               date: e,
-              "data-today": T(e, f()) ? !0 : void 0,
+              "data-today": T(e, m()) ? !0 : void 0,
               className: j()
             }
           ) })

package/dist/esm/components/form-field/parts/TanstackFormHelperText.js

@@ -1,22 +1,21 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import { Text as m } from "../../text/Text.js";
 import { useFieldA11yContext as n } from "../TanstackFormField.context.js";
-const d = l(({ children: t, ...e }, a) => {
-  const r = n();
-  return /* @__PURE__ */ o(
+const d = l(({ children: e, ...t }, r) => {
+  const o = n();
+  return /* @__PURE__ */ a(
     m,
     {
       "data-dd-privacy": "allow",
-      ...e,
-      id: r.helperTextId || e.id,
+      ...t,
+      id: o.helperTextId || t.id,
       "data-unity-slot": "form-field-helper-text",
       variant: "bodySmall",
       asElement: "span",
       color: "content.neutral.low",
-      className: "uy:leading-[1]!",
-      ref: a,
-      children: t
+      ref: r,
+      children: e
     }
   );
 });

package/dist/esm/components/funnel-layout/parts/FunnelPageContent.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
-export declare const funnelPageContent: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex-1 uy:px-300 uy:my-400 uy:md:px-600 uy:group-has-[[data-unity-component=\"FunnelPageHeader\"]]/funnelpage:mt-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:flex-1 uy:px-300 uy:my-400 uy:md:px-600 uy:group-has-[[data-unity-component=\"FunnelPageHeader\"]]/funnelpage:mt-0", unknown, unknown, undefined>>;
+export declare const funnelPageContent: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex-1 uy:px-300 uy:my-400 uy:md:px-400 uy:group-has-[[data-unity-component=\"FunnelPageHeader\"]]/funnelpage:mt-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:flex-1 uy:px-300 uy:my-400 uy:md:px-400 uy:group-has-[[data-unity-component=\"FunnelPageHeader\"]]/funnelpage:mt-0", unknown, unknown, undefined>>;
 export type FunnelPageContentProps = PropsWithChildren<VariantProps<typeof funnelPageContent>>;
 /**
  * The `FunnelPageContent` component provides the main content area of a funnel page.
@@ -29,7 +29,7 @@ export type FunnelPageContentProps = PropsWithChildren<VariantProps<typeof funne
  * @see Design docs in {@link https://www.payfit.design/24f360409/p/88f9fc-funnel/b/24ca6f Payfit.design}
  * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/layout-funnellayout-funnelpage-funnelpagecontent--docs unity-components.payfit.io}
  */
-declare const FunnelPageContent: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex-1 uy:px-300 uy:my-400 uy:md:px-600 uy:group-has-[[data-unity-component=\"FunnelPageHeader\"]]/funnelpage:mt-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:flex-1 uy:px-300 uy:my-400 uy:md:px-600 uy:group-has-[[data-unity-component=\"FunnelPageHeader\"]]/funnelpage:mt-0", unknown, unknown, undefined>>> & {
+declare const FunnelPageContent: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex-1 uy:px-300 uy:my-400 uy:md:px-400 uy:group-has-[[data-unity-component=\"FunnelPageHeader\"]]/funnelpage:mt-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:flex-1 uy:px-300 uy:my-400 uy:md:px-400 uy:group-has-[[data-unity-component=\"FunnelPageHeader\"]]/funnelpage:mt-0", unknown, unknown, undefined>>> & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLElement>>;
 export { FunnelPageContent };

package/dist/esm/components/funnel-layout/parts/FunnelPageContent.js

@@ -2,7 +2,7 @@ import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
 import { uyTv as u } from "@payfit/unity-themes";
 const m = u({
-  base: 'uy:flex-1 uy:px-300 uy:my-400 uy:md:px-600 uy:group-has-[[data-unity-component="FunnelPageHeader"]]/funnelpage:mt-0'
+  base: 'uy:flex-1 uy:px-300 uy:my-400 uy:md:px-400 uy:group-has-[[data-unity-component="FunnelPageHeader"]]/funnelpage:mt-0'
 }), r = o(
   ({ children: n, ...e }, t) => /* @__PURE__ */ a(
     "section",

package/dist/esm/components/funnel-layout/parts/FunnelPageFooter.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
-export declare const funnelPageFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:px-300 uy:md:px-600", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:px-300 uy:md:px-600", unknown, unknown, undefined>>;
+export declare const funnelPageFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:px-300 uy:md:px-400", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:px-300 uy:md:px-400", unknown, unknown, undefined>>;
 export type FunnelPageFooterProps = PropsWithChildren<VariantProps<typeof funnelPageFooter>>;
 /**
  * The `FunnelPageFooter` component provides the footer section of a funnel page.
@@ -30,7 +30,7 @@ export type FunnelPageFooterProps = PropsWithChildren<VariantProps<typeof funnel
  * @see Design docs in {@link https://www.payfit.design/24f360409/p/88f9fc-funnel/b/24ca6f Payfit.design}
  * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/layout-funnellayout-funnelpage-funnelpagefooter--docs unity-components.payfit.io}
  */
-declare const FunnelPageFooter: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:px-300 uy:md:px-600", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:px-300 uy:md:px-600", unknown, unknown, undefined>>> & {
+declare const FunnelPageFooter: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:px-300 uy:md:px-400", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:px-300 uy:md:px-400", unknown, unknown, undefined>>> & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLElement>>;
 export { FunnelPageFooter };

package/dist/esm/components/funnel-layout/parts/FunnelPageFooter.js

@@ -3,7 +3,7 @@ import { forwardRef as n } from "react";
 import { uyTv as m } from "@payfit/unity-themes";
 import { useFunnelLayoutContext as u } from "../FunnelLayout.context.js";
 const d = m({
-  base: "uy:px-300 uy:md:px-600"
+  base: "uy:px-300 uy:md:px-400"
 }), s = n(
   ({ children: o, ...e }, t) => {
     const { ids: r } = u();

package/dist/esm/components/funnel-layout/parts/FunnelPageHeader.js

@@ -5,7 +5,7 @@ import { Text as n } from "../../text/Text.js";
 import { useFunnelLayoutContext as x } from "../FunnelLayout.context.js";
 const b = h({
   slots: {
-    base: "uy:flex uy:flex-col uy:justify-between uy:p-300 uy:md:p-600 uy:md:flex-row uy:md:items-center uy:md:rounded-t-300",
+    base: "uy:flex uy:flex-col uy:justify-between uy:p-300 uy:md:py-600 uy:md:px-400 uy:md:flex-row uy:md:items-center uy:md:rounded-t-300",
     hgroup: "uy:space-y-100",
     figure: "uy:hidden uy:lg:block uy:lg:h-full uy:lg:max-h-[160px] uy:lg:ml-800 uy:lg:mr-150 uy:shrink-0",
     figcaption: "uy:sr-only"

package/dist/esm/components/task-menu/TaskMenu.js

@@ -9,7 +9,7 @@ const c = d({
   slots: {
     base: [
       "uy:relative uy:flex uy:flex-col uy:shadow-raising uy:bg-surface-neutral",
-      "uy:md:border uy:md:border-solid uy:md:border-border-neutral uy:md:rounded-200 uy:md:p-400"
+      "uy:md:border uy:md:border-solid uy:md:border-border-neutral uy:md:rounded-200 uy:md:p-300"
     ]
   }
 }), b = u(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.21.1",
+  "version": "2.21.3",
   "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.1",
+    "@payfit/unity-illustrations": "2.21.3",
     "@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.1",
-    "@payfit/unity-themes": "2.21.1",
+    "@payfit/unity-icons": "2.21.3",
+    "@payfit/unity-themes": "2.21.3",
     "@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.1",
-    "@payfit/unity-illustrations": "2.21.1",
-    "@payfit/unity-themes": "2.21.1",
+    "@payfit/unity-icons": "2.21.3",
+    "@payfit/unity-illustrations": "2.21.3",
+    "@payfit/unity-themes": "2.21.3",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "10.3.2",
     "@storybook/addon-designs": "11.1.2",