@payfit/unity-components 2.40.0 → 2.42.0

package/dist/esm/components/filter/Filter.js

@@ -24,7 +24,7 @@ const _ = c({
     "uy:has-data-[hovered]:border-border-form-hover uy:has-data-[hovered]:bg-surface-form-hover",
     "uy:has-data-[pressed]:border-border-form-pressed uy:has-data-[pressed]:bg-surface-form-pressed",
     "uy:aria-[disabled=true]:border-border-form-disabled uy:aria-[disabled=true]:bg-surface-form-disabled uy:aria-[disabled=true]:text-content-form-disabled",
-    "uy:data-[status=active]:text-content-primary-enabled",
+    "uy:data-[status=active]:text-content-form-selected",
     "uy:focus-within:outline-2 uy:focus-within:outline-offset-2 uy:focus-within:outline-utility-focus-ring",
     'uy:[&:not(:has([data-unity-slot="dismiss"]))]:pr-1.5'
   ]

package/dist/esm/components/filter/parts/FilterButton.js

@@ -2,7 +2,7 @@ import { jsxs as u, jsx as e } from "react/jsx-runtime";
 import { Icon as l } from "@payfit/unity-icons";
 import { uyTv as s } from "@payfit/unity-themes";
 import { Actionable as p } from "../../actionable/Actionable.js";
-const y = s({
+const c = s({
   slots: {
     button: [
       "uy:flex uy:gap-0.5 uy:items-center",
@@ -15,7 +15,7 @@ const y = s({
     prefix: [
       "uy:p-0.25",
       "uy:text-content-neutral-low",
-      "uy:group-data-[status=active]:text-content-primary-enabled",
+      "uy:group-data-[status=active]:text-content-form-selected",
       "uy:group-aria-[disabled=true]:text-content-neutral-disabled"
     ]
   }
@@ -26,7 +26,7 @@ function x({
   isDisabled: r,
   children: a
 }) {
-  const { button: i, prefix: n } = y();
+  const { button: i, prefix: n } = c();
   return /* @__PURE__ */ u(
     p,
     {
@@ -51,5 +51,5 @@ function x({
 }
 export {
   x as FilterButton,
-  y as filterButton
+  c as filterButton
 };

package/dist/esm/components/filter/parts/FilterPopover.js

@@ -1,11 +1,11 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { uyTv as p } from "@payfit/unity-themes";
-import { Dialog as c } from "react-aria-components/Dialog";
-import { Popover as f } from "react-aria-components/Popover";
-import { Separator as g } from "react-aria-components/Separator";
+import { uyTv as c, useUnityTheme as g } from "@payfit/unity-themes";
+import { Dialog as f } from "react-aria-components/Dialog";
+import { Popover as x } from "react-aria-components/Popover";
+import { Separator as h } from "react-aria-components/Separator";
 import { FormattedMessage as e } from "react-intl";
 import { Button as r } from "../../button/Button.js";
-const x = p({
+const b = c({
   slots: {
     popover: [
       "uy:border uy:border-solid uy:border-border-neutral uy:bg-surface-neutral uy:rounded-sm uy:shadow-300 uy:min-w-[320px] uy:max-w-[800px] uy:relative uy:isolate uy:overflow-hidden",
@@ -27,16 +27,16 @@ const x = p({
     actions: ["uy:flex uy:justify-between uy:gap-100"]
   }
 });
-function z({
+function T({
   children: n,
   onConfirm: o,
   onClear: l
 }) {
-  const { popover: i, dialog: u, content: y, footer: s, separator: d, actions: m } = x();
-  return /* @__PURE__ */ t(f, { className: i(), placement: "bottom left", children: /* @__PURE__ */ a(c, { className: u(), children: [
+  const { popover: i, dialog: u, content: y, footer: s, separator: d, actions: m } = b(), p = g();
+  return /* @__PURE__ */ t(x, { className: i(), placement: "bottom left", children: /* @__PURE__ */ a(f, { className: u(), children: [
     /* @__PURE__ */ t("div", { className: y(), children: n }),
     /* @__PURE__ */ a("footer", { className: s(), children: [
-      /* @__PURE__ */ t(g, { className: d() }),
+      /* @__PURE__ */ t(h, { className: d() }),
       /* @__PURE__ */ a("div", { className: m(), children: [
         /* @__PURE__ */ t(
           r,
@@ -58,7 +58,7 @@ function z({
         /* @__PURE__ */ t(
           r,
           {
-            variant: "ghost",
+            variant: p.theme === "legacy" ? "ghost" : "primary",
             color: "primary",
             size: "full",
             onPress: o,
@@ -76,6 +76,6 @@ function z({
   ] }) });
 }
 export {
-  z as FilterPopover,
-  x as filterPopover
+  T as FilterPopover,
+  b as filterPopover
 };

package/dist/esm/components/select-list/parts/SelectedItemsSection.js

@@ -3,29 +3,30 @@ import { Header as h, ListBox as p, Collection as u } from "react-aria-component
 import { SelectListOption as f } from "./SelectListOption.js";
 function S({
   items: r,
-  selectedKeys: o,
+  selectedKeys: i,
   onSelectionChange: n,
-  selectionMode: i,
-  selectionBehavior: c,
-  label: t,
+  selectionMode: c,
+  selectionBehavior: t,
+  label: l,
   className: d,
   ...s
 }) {
   return r.length === 0 ? null : /* @__PURE__ */ a("div", { children: [
-    /* @__PURE__ */ e(h, { className: "uy:sr-only", children: t }),
+    /* @__PURE__ */ e(h, { className: "uy:sr-only", children: l }),
     /* @__PURE__ */ e(
       p,
       {
+        "aria-label": l,
         className: d,
         items: r,
-        selectedKeys: o,
+        selectedKeys: i,
         onSelectionChange: n,
-        selectionMode: i,
-        selectionBehavior: c,
+        selectionMode: c,
+        selectionBehavior: t,
         escapeKeyBehavior: "none",
         shouldFocusWrap: !1,
         ...s,
-        children: /* @__PURE__ */ e(u, { items: r, children: (l) => /* @__PURE__ */ e(f, { id: l.id, children: l.label }) })
+        children: /* @__PURE__ */ e(u, { items: r, children: (o) => /* @__PURE__ */ e(f, { id: o.id, children: o.label }) })
       }
     )
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.40.0",
+  "version": "2.42.0",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -43,7 +43,7 @@
     "@hookform/devtools": "4.4.0",
     "@hookform/resolvers": "5.2.1",
     "@internationalized/date": "3.12.1",
-    "@payfit/unity-illustrations": "2.40.0",
+    "@payfit/unity-illustrations": "2.42.0",
     "@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.40.0",
-    "@payfit/unity-themes": "2.40.0",
+    "@payfit/unity-icons": "2.42.0",
+    "@payfit/unity-themes": "2.42.0",
     "@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.40.0",
-    "@payfit/unity-illustrations": "2.40.0",
-    "@payfit/unity-themes": "2.40.0",
+    "@payfit/unity-icons": "2.42.0",
+    "@payfit/unity-illustrations": "2.42.0",
+    "@payfit/unity-themes": "2.42.0",
     "@storybook/addon-a11y": "10.4.0",
     "@storybook/addon-designs": "11.1.3",
     "@storybook/addon-docs": "10.4.0",
@@ -133,10 +133,10 @@
     "vite-plugin-node-polyfills": "0.24.0",
     "vitest": "4.1.0",
     "@payfit/code-pushup-tools": "0.0.0-use.local",
-    "@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/hr-app-eslint": "0.0.0-use.local",
     "@payfit/vite-configs": "0.0.0-use.local"
   },
   "peerDependenciesMeta": {