@payfit/unity-components 2.21.0 → 2.21.2

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.0",
+  "version": "2.21.2",
   "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.0",
+    "@payfit/unity-illustrations": "2.21.2",
     "@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.0",
-    "@payfit/unity-themes": "2.21.0",
+    "@payfit/unity-icons": "2.21.2",
+    "@payfit/unity-themes": "2.21.2",
     "@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.0",
-    "@payfit/unity-illustrations": "2.21.0",
-    "@payfit/unity-themes": "2.21.0",
+    "@payfit/unity-icons": "2.21.2",
+    "@payfit/unity-illustrations": "2.21.2",
+    "@payfit/unity-themes": "2.21.2",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "10.3.2",
     "@storybook/addon-designs": "11.1.2",