@payfit/unity-components 2.42.7 → 2.43.1

package/dist/esm/components/tabs/Tabs.variant.d.ts

@@ -1,7 +1,7 @@
 export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
     variant: {
         primary: {
-            tab: string;
+            tab: string[];
         };
         neutral: {
             tab: string;
@@ -24,7 +24,7 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
 }, undefined, {
     variant: {
         primary: {
-            tab: string;
+            tab: string[];
         };
         neutral: {
             tab: string;
@@ -47,7 +47,7 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
 }, import('tailwind-variants').TVReturnType<{
     variant: {
         primary: {
-            tab: string;
+            tab: string[];
         };
         neutral: {
             tab: string;

package/dist/esm/components/tabs/Tabs.variant.js

@@ -1,20 +1,25 @@
 import { uyTv as t } from "@payfit/unity-themes";
-const e = t({
+const a = t({
   slots: {
     base: "uy:w-full",
     tabList: "uy:flex uy:gap-250 uy:mb-25",
     scroller: "uy:overflow-x-auto uy:overflow-y-hidden [scrollbar-width:thin]",
     tab: [
-      "uy:flex uy:relative uy:shrink-0 uy:gap-100 uy:whitespace-nowrap uy:min-w-[3ch] uy:text-center uy:typography-action uy:text-content-neutral-lowest-enabled uy:py-125 uy:rounded-75 uy:cursor-pointer",
+      "uy:flex uy:relative uy:shrink-0 uy:gap-100 uy:whitespace-nowrap uy:min-w-[3ch] uy:text-center uy:text-content-neutral-lowest-enabled uy:py-125 uy:cursor-pointer",
+      "uy:theme-legacy:typography-action uy:theme-legacy:rounded-75",
+      "uy:theme-rebrand:z-10 uy:theme-rebrand:min-h-[44px] uy:theme-rebrand:items-center uy:theme-rebrand:justify-center uy:theme-rebrand:typography-action-large uy:theme-rebrand:sm:typography-action uy:theme-rebrand:rounded-100",
       'uy:data-[selected]:text-content-form-enabled uy:data-[selected]:after:block uy:data-[selected]:after:content:" " uy:data-[selected]:after:w-full uy:data-[selected]:after:h-25 uy:data-[selected]:after:absolute uy:data-[selected]:after:bottom-0 uy:data-[selected]:after:left-0 uy:data-[selected]:after:right-0 uy:data-[selected]:after:rounded-pill',
       'uy:data-[status=active]:text-content-form-enabled uy:data-[status=active]:after:block uy:data-[status=active]:after:content:" " uy:data-[status=active]:after:w-full uy:data-[status=active]:after:h-25 uy:data-[status=active]:after:absolute uy:data-[status=active]:after:bottom-0 uy:data-[status=active]:after:left-0 uy:data-[status=active]:after:right-0 uy:data-[status=active]:after:rounded-pill',
-      "uy:hover:cursor-pointer uy:focus-visible:outline-2 uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-[4px]"
+      "uy:hover:cursor-pointer uy:focus-visible:outline-2 uy:focus-visible:outline-utility-focus-ring uy:theme-legacy:focus-visible:outline-offset-[4px] uy:theme-rebrand:focus-visible:outline-offset-0"
     ]
   },
   variants: {
     variant: {
       primary: {
-        tab: "uy:data-[selected]:after:bg-border-neutral-active uy:data-[status=active]:after:bg-border-neutral-active"
+        tab: [
+          "uy:theme-legacy:data-[selected]:after:bg-border-neutral-active uy:theme-legacy:data-[status=active]:after:bg-border-neutral-active",
+          "uy:theme-rebrand:data-[selected]:after:bg-surface-primary uy:theme-rebrand:data-[status=active]:after:bg-surface-primary"
+        ]
       },
       neutral: {
         tab: "uy:data-[selected]:after:bg-content-neutral uy:data-[status=active]:after:bg-content-neutral"
@@ -33,5 +38,5 @@ const e = t({
   defaultVariants: { variant: "primary", scrollable: !1 }
 });
 export {
-  e as tabsVariant
+  a as tabsVariant
 };

package/dist/esm/components/tabs/parts/NavigationButton.js

@@ -1,11 +1,15 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { uyTv as a } from "@payfit/unity-themes";
-import { Button as s } from "react-aria-components/Button";
-import { Icon as y } from "../../icon/Icon.js";
-const i = a({
+import { Button as y } from "react-aria-components/Button";
+import { Icon as n } from "../../icon/Icon.js";
+const s = a({
   slots: {
     base: "uy:absolute uy:pt-150 uy:pb-150",
-    button: "uy:rounded-circle uy:hover:text-content-neutral-hover uy:focus-visible:outline-2 uy:focus-visible:outline-offset-2 uy:focus-visible:outline-utility-focus-ring",
+    button: [
+      "uy:hover:text-content-neutral-hover uy:focus-visible:outline-2 uy:focus-visible:outline-offset-2 uy:focus-visible:outline-utility-focus-ring",
+      "uy:theme-legacy:rounded-circle",
+      "uy:theme-rebrand:rounded-75"
+    ],
     icon: "uy:text-content-neutral-enabled"
   },
   variants: {
@@ -18,17 +22,17 @@ const i = a({
       }
     }
   }
-}), g = ({ direction: t, onPress: e }) => {
-  const { base: o, button: l, icon: r } = i({ direction: t });
-  return /* @__PURE__ */ u("div", { className: o(), children: /* @__PURE__ */ u(
-    s,
+}), g = ({ direction: t, onPress: u }) => {
+  const { base: o, button: l, icon: r } = s({ direction: t });
+  return /* @__PURE__ */ e("div", { className: o(), children: /* @__PURE__ */ e(
+    y,
     {
       id: `scroll-${t}`,
       className: l(),
       "aria-label": `Scroll ${t}`,
-      onPress: e,
-      children: /* @__PURE__ */ u(
-        y,
+      onPress: u,
+      children: /* @__PURE__ */ e(
+        n,
         {
           className: r(),
           "aria-labelledby": `scroll-${t}`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.42.7",
+  "version": "2.43.1",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -38,12 +38,12 @@
     "skills"
   ],
   "dependencies": {
-    "@ariakit/react": "0.4.26",
+    "@ariakit/react": "0.4.28",
     "@formatjs/intl": "3.1.3",
     "@hookform/devtools": "4.4.0",
     "@hookform/resolvers": "5.2.1",
     "@internationalized/date": "3.12.1",
-    "@payfit/unity-illustrations": "2.42.7",
+    "@payfit/unity-illustrations": "2.43.1",
     "@radix-ui/react-avatar": "1.1.11",
     "@radix-ui/react-slot": "1.2.4",
     "@react-aria/interactions": "3.28.0",
@@ -75,8 +75,8 @@
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
-    "@payfit/unity-icons": "2.42.7",
-    "@payfit/unity-themes": "2.42.7",
+    "@payfit/unity-icons": "2.43.1",
+    "@payfit/unity-themes": "2.43.1",
     "@storybook/react-vite": "^10.3.2",
     "@tanstack/react-query": "^5",
     "@tanstack/react-router": "^1.131",
@@ -91,9 +91,9 @@
     "@github-ui/storybook-addon-performance-panel": "1.1.4",
     "@hookform/devtools": "4.4.0",
     "@internationalized/date": "3.12.1",
-    "@payfit/unity-icons": "2.42.7",
-    "@payfit/unity-illustrations": "2.42.7",
-    "@payfit/unity-themes": "2.42.7",
+    "@payfit/unity-icons": "2.43.1",
+    "@payfit/unity-illustrations": "2.43.1",
+    "@payfit/unity-themes": "2.43.1",
     "@storybook/addon-a11y": "10.4.0",
     "@storybook/addon-designs": "11.1.3",
     "@storybook/addon-docs": "10.4.0",
@@ -136,8 +136,8 @@
     "@payfit/hr-app-eslint": "0.0.0-use.local",
     "@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/vite-configs": "0.0.0-use.local"
+    "@payfit/vite-configs": "0.0.0-use.local",
+    "@payfit/storybook-config": "0.0.0-use.local"
   },
   "peerDependenciesMeta": {
     "@hookform/devtools": {