@payfit/unity-components 2.34.0 → 2.35.1

package/dist/esm/components/task-menu/parts/task.variants.js

@@ -1,56 +1,65 @@
-import { uyTv as e } from "@payfit/unity-themes";
-const u = e({
+import { uyTv as t } from "@payfit/unity-themes";
+const a = t({
   slots: {
-    base: ["uy:group/base", "uy:list-none uy:width-full uy:flex"],
+    base: [
+      "uy:group/base",
+      "uy:list-none uy:width-full uy:flex",
+      "uy:transition-all",
+      "uy:group-data-[task-status=uncompleted]/base:text-content-neutral-enabled",
+      "uy:group-data-[task-status=completed]/base:text-content-neutral-enabled"
+    ],
     number: [
-      "uy:rounded-200 uy:w-300 uy:h-300 uy:place-content-center uy:text-center uy:self-center"
+      "uy:rounded-200 uy:w-300 uy:h-300 uy:place-content-center uy:text-center uy:self-center",
+      "uy:group-data-[task-status=uncompleted]/base:bg-surface-neutral-lowest",
+      "uy:group-data-[task-status=completed]/base:bg-surface-success",
+      "uy:group-data-[task-status=completed]/base:text-content-inverted",
+      "uy:group-data-[task-status=locked]/base:bg-surface-neutral-disabled",
+      "uy:group-data-[task-status=locked]/base:text-content-neutral-lowest",
+      "uy:group-data-[task-status=uncompleted]/base:group-hover/element:bg-surface-neutral-lowest-hover",
+      "uy:group-data-[task-status=uncompleted]/base:group-hover/element:text-content-neutral-hover",
+      "uy:group-data-[task-status=uncompleted]/base:group-data-[hovered=true]/element:bg-surface-neutral-lowest-hover",
+      "uy:group-data-[task-status=uncompleted]/base:group-data-[hovered=true]/element:text-content-neutral-hover",
+      "uy:group-data-[task-status=locked]/base:group-hover/element:text-content-neutral-hover",
+      "uy:group-data-[task-status=locked]/base:group-data-[hovered=true]/element:text-content-neutral-hover",
+      "uy:group-data-[task-status=uncompleted]/base:group-data-[pressed=true]/element:bg-surface-neutral-lowest",
+      "uy:group-data-[task-status=locked]/base:group-data-[pressed=true]/element:bg-surface-neutral-lowest",
+      "uy:theme-legacy:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-surface-primary-active",
+      "uy:theme-legacy:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:text-content-inverted-active",
+      "uy:theme-rebrand:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-surface-neutral-highest-active",
+      "uy:theme-rebrand:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:text-content-inverted-active"
     ],
     element: [
       "uy:group/element",
       "uy:gap-75 uy:flex uy:flex-1 uy:flex-row uy:items-stretch uy:outline-none uy:rounded-50",
-      'uy:data-[focus-visible="true"]:outline-2 uy:data-[focus-visible="true"]:outline-solid uy:data-[focus-visible="true"]:outline-offset-2 uy:data-[focus-visible="true"]:outline-utility-focus-ring'
+      'uy:data-[focus-visible="true"]:outline-2 uy:data-[focus-visible="true"]:outline-solid uy:data-[focus-visible="true"]:outline-offset-2 uy:data-[focus-visible="true"]:outline-utility-focus-ring',
+      "uy:group-data-[task-status=uncompleted]/base:data-[pressed]:text-content-neutral-pressed"
     ],
     text: [
       "uy:px-150 uy:py-25 uy:rounded-75 uy:grow uy:text-left uy:min-h-400 uy:leading-[1] uy:content-center",
       "uy:md:min-h-[28px]",
-      "uy:md:py-50"
+      "uy:md:py-50",
+      "uy:group-data-[task-status=completed]/base:text-content-neutral-active",
+      "uy:group-data-[task-status=locked]/base:text-content-neutral-enabled",
+      "uy:group-data-[task-status=locked]/base:bg-[transparent]",
+      "uy:group-data-[task-status=uncompleted]/base:group-data-[hovered=true]/element:text-content-neutral-hover",
+      "uy:group-data-[task-status=locked]/base:group-data-[hovered=true]/element:text-content-neutral-hover",
+      "uy:theme-legacy:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:text-content-primary-active",
+      "uy:theme-rebrand:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:text-content-neutral-active",
+      "uy:theme-rebrand:group-data-[task-status=uncompleted]/base:group-data-[current=true]/base:bg-surface-neutral-selected"
     ],
-    lock: ""
+    lock: [
+      "uy:text-content-neutral-lowest uy:bg-surface-neutral-lowest uy:p-25 uy:rounded-75 uy:my-50 uy:self-center",
+      "uy:md:my-0"
+    ]
   },
   variants: {
     taskStatus: {
-      uncompleted: {
-        base: ["uy:text-content-neutral-enabled"],
-        element: ["uy:data-[pressed]:text-content-neutral-pressed"],
-        number: [
-          "uy:bg-surface-neutral-lowest",
-          "uy:group-data-[pressed=true]/element:bg-surface-neutral-lowest-pressed",
-          "uy:group-hover/element:bg-surface-neutral-lowest-hover uy:group-hover/element:text-content-neutral-hover",
-          'uy:group-data-[current="true"]/element:bg-surface-primary-active uy:group-data-[current="true"]/element:text-content-inverted-active'
-        ],
-        text: [
-          'uy:group-data-[current="true"]/element:text-content-primary-active'
-        ]
-      },
-      completed: {
-        base: ["uy:text-content-neutral-enabled"],
-        number: ["uy:bg-surface-success uy:text-content-inverted"],
-        text: ["uy:text-content-neutral-active"]
-      },
-      locked: {
-        text: ["uy:text-content-neutral-enabled uy:bg-[transparent]"],
-        number: [
-          "uy:bg-surface-neutral-disabled uy:text-content-neutral-lowest",
-          "uy:group-data-[pressed=true]/element:bg-surface-neutral-pressed"
-        ],
-        lock: [
-          "uy:text-content-neutral-lowest uy:bg-surface-neutral-lowest uy:p-25 uy:rounded-75 uy:my-50",
-          "uy:md:my-0"
-        ]
-      }
+      uncompleted: "",
+      completed: "",
+      locked: ""
     }
   }
 });
 export {
-  u as commonTask
+  a as commonTask
 };

package/dist/esm/components/toast/UnityToast.js

@@ -1,16 +1,16 @@
 import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { isValidElement as l, Fragment as d, Children as m } from "react";
+import { isValidElement as l, Fragment as m, Children as d } from "react";
 import { uyTv as p } from "@payfit/unity-themes";
 import { useIntl as f } from "react-intl";
-import { IconButton as b } from "../icon-button/IconButton.js";
-import { Icon as g } from "../icon/Icon.js";
-import { ToastTitle as x } from "./parts/ToastTitle.js";
-import { ToastProvider as T } from "./Toast.context.js";
-const v = p({
+import { IconButton as g } from "../icon-button/IconButton.js";
+import { Icon as h } from "../icon/Icon.js";
+import { ToastTitle as b } from "./parts/ToastTitle.js";
+import { ToastProvider as x } from "./Toast.context.js";
+const T = p({
   slots: {
-    base: "uy:sm:w-[416px] uy:border uy:border-solid uy:rounded-150 uy:text-content-neutral uy:bg-surface-neutral uy:shadow-300 uy:p-100 uy:flex uy:gap-125 uy:border-border-neutral",
+    base: "uy:sm:w-[416px] uy:border uy:border-solid uy:theme-legacy:rounded-150 uy:theme-rebrand:rounded-125 uy:text-content-neutral uy:bg-surface-neutral uy:shadow-300 uy:p-100 uy:flex uy:gap-125 uy:border-border-neutral",
     contentWrapper: "uy:flex uy:grow uy:ml-125",
-    divider: "uy:border-l-[1px] uy:border-solid uy:border-border-neutral uy:self-stretch"
+    divider: "uy:theme-legacy:border-l-[1px] uy:theme-legacy:border-solid uy:theme-legacy:border-border-neutral uy:theme-legacy:self-stretch uy:theme-rebrand:hidden"
   },
   variants: {
     variant: {
@@ -26,10 +26,10 @@ const v = p({
       }
     }
   }
-}), h = (e) => {
-  const s = l(e) && e.type === d ? e.props.children : e;
-  if (m.toArray(s).filter(
-    (r) => l(r) && r.type === x
+}), v = (e) => {
+  const s = l(e) && e.type === m ? e.props.children : e;
+  if (d.toArray(s).filter(
+    (r) => l(r) && r.type === b
   ).length !== 1)
     throw new Error("UnityToast must have one ToastTitle component");
 }, w = ({
@@ -40,12 +40,12 @@ const v = p({
   ...i
 }) => {
   const a = f();
-  h(e);
-  const { base: u, contentWrapper: c, divider: y } = v({
+  v(e);
+  const { base: u, contentWrapper: c, divider: y } = T({
     variant: t,
     isInline: r
   });
-  return /* @__PURE__ */ o(T, { inline: r, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(x, { inline: r, children: /* @__PURE__ */ n(
     "div",
     {
       "data-dd-privacy": "mask",
@@ -58,7 +58,7 @@ const v = p({
       children: [
         /* @__PURE__ */ n("div", { className: "uy:flex uy:flex-row uy:grow", children: [
           /* @__PURE__ */ o(
-            g,
+            h,
             {
               src: t === "success" ? "CheckCircleFilled" : "WarningCircleFilled",
               color: t === "success" ? "content.success" : "content.danger",
@@ -73,7 +73,7 @@ const v = p({
         ] }),
         /* @__PURE__ */ o("div", { role: "presentation", className: y() }),
         /* @__PURE__ */ o(
-          b,
+          g,
           {
             icon: "CloseOutlined",
             iconRole: "presentation",

package/dist/esm/components/toast/parts/ToastAction.js

@@ -1,12 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Button as i } from "../../button/Button.js";
-function a({
+import { useUnityTheme as e } from "@payfit/unity-themes";
+import { Button as a } from "../../button/Button.js";
+function i({
   children: t,
   onPress: r
 }) {
-  return /* @__PURE__ */ o("div", { className: "uy:self-end", children: /* @__PURE__ */ o(i, { variant: "ghost", color: "primary", onPress: r, children: t }) });
+  const { theme: n } = e();
+  return /* @__PURE__ */ o("div", { className: "uy:self-end", children: /* @__PURE__ */ o(a, { variant: n === "rebrand" ? "secondary" : "ghost", color: "primary", onPress: r, children: t }) });
 }
-a.displayName = "ToastAction";
+i.displayName = "ToastAction";
 export {
-  a as ToastAction
+  i as ToastAction
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.34.0",
+  "version": "2.35.1",
   "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.1",
-    "@payfit/unity-illustrations": "2.34.0",
+    "@payfit/unity-illustrations": "2.35.1",
     "@radix-ui/react-avatar": "1.1.11",
     "@radix-ui/react-slot": "1.2.4",
     "@react-aria/interactions": "3.28.0",
@@ -74,8 +74,8 @@
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
-    "@payfit/unity-icons": "2.34.0",
-    "@payfit/unity-themes": "2.34.0",
+    "@payfit/unity-icons": "2.35.1",
+    "@payfit/unity-themes": "2.35.1",
     "@storybook/react-vite": "^10.3.2",
     "@tanstack/react-query": "^5",
     "@tanstack/react-router": "^1.131",
@@ -89,9 +89,9 @@
     "@figma/code-connect": "1.4.3",
     "@hookform/devtools": "4.4.0",
     "@internationalized/date": "3.12.1",
-    "@payfit/unity-icons": "2.34.0",
-    "@payfit/unity-illustrations": "2.34.0",
-    "@payfit/unity-themes": "2.34.0",
+    "@payfit/unity-icons": "2.35.1",
+    "@payfit/unity-illustrations": "2.35.1",
+    "@payfit/unity-themes": "2.35.1",
     "@storybook/addon-a11y": "10.3.5",
     "@storybook/addon-designs": "11.1.3",
     "@storybook/addon-docs": "10.3.5",