@payfit/unity-components 2.8.3 → 2.9.1

package/dist/esm/components/date-picker/DatePicker.js

@@ -54,7 +54,7 @@ const z = b({
       isReadOnly: !1,
       className: {
         base: "uy:border-border-form-enabled uy:bg-surface-form-enabled",
-        suffix: "uy:border-border-form-enabled uy:bg-surface-neutral uy:text-content-form-enabled"
+        suffix: "uy:border-border-form-enabled uy:bg-surface-neutral uy:text-content-neutral-low"
       }
     }
   ]

package/dist/esm/components/multi-select/parts/MultiSelectButton.js

@@ -148,7 +148,6 @@ function J({
                 id: "unity:component:common:clear:title",
                 defaultMessage: "Clear"
               }),
-              className: "uy:text-content-neutral-enabled",
               icon: "CloseOutlined",
               onPress: () => {
                 g?.();

package/dist/esm/components/number-input/NumberInput.js

@@ -88,8 +88,8 @@ const H = z({
     formatOptions: p,
     isDisabled: y,
     isInvalid: b,
-    isLoading: a,
-    isReadOnly: d,
+    isLoading: d,
+    isReadOnly: a,
     isRequired: g,
     maxValue: n,
     minValue: l,
@@ -110,7 +110,7 @@ const H = z({
       suffix: E,
       state: O,
       controls: S
-    } = H({ isReadOnly: d }), o = q(), B = e !== void 0 && !isNaN(e), D = u !== void 0 && !isNaN(u), P = (B || D) && !i && !a && !d && !y;
+    } = H({ isReadOnly: a }), o = q(), B = e !== void 0 && !isNaN(e), D = u !== void 0 && !isNaN(u), P = (B || D) && !i && !d && !a && !y;
     return /* @__PURE__ */ t(
       F,
       {
@@ -122,10 +122,10 @@ const H = z({
         maxValue: n,
         step: h,
         isDisabled: y,
-        isReadOnly: d,
+        isReadOnly: a,
         isInvalid: b,
         isRequired: g,
-        "aria-busy": a,
+        "aria-busy": d,
         onChange: w,
         formatOptions: p,
         onBlur: x,
@@ -135,7 +135,7 @@ const H = z({
           /* @__PURE__ */ t(G, { className: I(), children: [
             /* @__PURE__ */ r(T, { ref: c, className: C() }),
             /* @__PURE__ */ t("div", { className: O(), children: [
-              a && /* @__PURE__ */ r(
+              d && /* @__PURE__ */ r(
                 A,
                 {
                   color: "inherit",
@@ -164,7 +164,6 @@ const H = z({
                     id: "unity:component:common:clear:title",
                     defaultMessage: "Clear"
                   }),
-                  className: "uy:text-content-neutral-enabled",
                   icon: "CloseOutlined",
                   onPress: () => {
                     v?.();

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

@@ -1,43 +1,41 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { uyTv as a } from "@payfit/unity-themes";
-import { SearchField as c, Input as l } from "react-aria-components";
-import { useIntl as y } from "react-intl";
-import { CircularIconButton as m } from "../../icon-button/CircularIconButton.js";
-import { Icon as p } from "../../icon/Icon.js";
-const f = a({
+import { forwardRef as r } from "react";
+import { uyTv as s } from "@payfit/unity-themes";
+import { SearchField as a, Input as c } from "react-aria-components";
+import { useIntl as l } from "react-intl";
+import { CircularIconButton as y } from "../../icon-button/CircularIconButton.js";
+import { Icon as m } from "../../icon/Icon.js";
+const p = s({
   slots: {
     base: "uy:flex uy:gap-100 uy:items-center uy:transition-colors uy:py-125 uy:sm:py-100 uy:px-150 uy:rounded-100 uy:sm:rounded-75 uy:bg-surface-form-high-enabled uy:focus-within:outline-utility-focus-ring uy:focus-within:outline-2 uy:focus-within:outline-offset-2 uy:text-content-form-active uy:typography-body",
-    input: "uy:flex-grow uy:outline-none uy:[&::-webkit-search-cancel-button]:hidden",
-    button: "uy:text-content-neutral-enabled"
+    input: "uy:flex-grow uy:outline-none uy:[&::-webkit-search-cancel-button]:hidden"
   }
-}), d = s((h, e) => {
-  const o = y(), { base: n, input: u, button: r } = f();
-  return /* @__PURE__ */ i(c, { className: n(), ref: e, "data-dd-privacy": "mask", children: [
+}), f = r((d, e) => {
+  const o = l(), { base: n, input: u } = p();
+  return /* @__PURE__ */ i(a, { className: n(), ref: e, "data-dd-privacy": "mask", children: [
     /* @__PURE__ */ t(
-      p,
+      m,
       {
         src: "MagnifyingGlassOutlined",
         role: "presentation",
         color: "content.neutral.lowest"
       }
     ),
-    /* @__PURE__ */ t(l, { className: u() }),
+    /* @__PURE__ */ t(c, { className: u() }),
     /* @__PURE__ */ t(
-      m,
+      y,
       {
         title: o.formatMessage({
           id: "unity:component:common:clear:title",
           defaultMessage: "Clear"
         }),
-        className: r(),
         icon: "CloseOutlined",
         asElement: "button"
       }
     )
   ] });
 });
-d.displayName = "SelectListSearchInput";
+f.displayName = "SelectListSearchInput";
 export {
-  d as SelectListSearchInput
+  f as SelectListSearchInput
 };

package/dist/esm/components/toggle-switch/ToggleSwitch.d.ts

@@ -7,7 +7,6 @@ export declare const toggleSwitch: import('tailwind-variants').TVReturnType<{
             knob: string;
         };
         true: {
-            label: string;
             indicator: string;
             knob: string;
         };
@@ -27,7 +26,6 @@ export declare const toggleSwitch: import('tailwind-variants').TVReturnType<{
             knob: string;
         };
         true: {
-            label: string;
             indicator: string;
             knob: string;
         };
@@ -47,7 +45,6 @@ export declare const toggleSwitch: import('tailwind-variants').TVReturnType<{
             knob: string;
         };
         true: {
-            label: string;
             indicator: string;
             knob: string;
         };

package/dist/esm/components/toggle-switch/ToggleSwitch.js

@@ -39,7 +39,6 @@ const x = v({
         knob: 'uy:group-data-[selected="true"]:border-border-inverted-enabled uy:group-data-[selected="true"]:group-data-[pressed]:bg-surface-form-pressed uy:group-data-[selected="true"]:group-data-[pressed]:border-border-inverted-pressed'
       },
       true: {
-        label: "uy:text-content-form-disabled",
         indicator: "",
         knob: ""
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.8.3",
+  "version": "2.9.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.11.0",
-    "@payfit/unity-illustrations": "2.8.3",
+    "@payfit/unity-illustrations": "2.9.1",
     "@radix-ui/react-avatar": "1.1.11",
     "@radix-ui/react-slot": "1.2.4",
     "@react-aria/interactions": "3.27.0",
@@ -65,14 +65,14 @@
     "react-intl": "7.1.14",
     "react-stately": "3.44.0",
     "storybook": "10.2.8",
-    "tailwind-variants": "2.1.0",
+    "tailwind-variants": "3.2.2",
     "usehooks-ts": "3.1.0",
     "zod": "4.3.6"
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
-    "@payfit/unity-icons": "2.8.3",
-    "@payfit/unity-themes": "2.8.3",
+    "@payfit/unity-icons": "2.9.1",
+    "@payfit/unity-themes": "2.9.1",
     "@storybook/react-vite": "^10.2.2",
     "@tanstack/react-query": "^5",
     "@tanstack/react-router": "^1.131",
@@ -91,9 +91,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.8.3",
-    "@payfit/unity-illustrations": "2.8.3",
-    "@payfit/unity-themes": "2.8.3",
+    "@payfit/unity-icons": "2.9.1",
+    "@payfit/unity-illustrations": "2.9.1",
+    "@payfit/unity-themes": "2.9.1",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "10.2.8",
     "@storybook/addon-docs": "10.2.8",
@@ -124,7 +124,7 @@
     "storybook-addon-pseudo-states": "10.2.2",
     "storybook-addon-tag-badges": "3.0.6",
     "storybook-mock-date-decorator": "3.0.0",
-    "tailwindcss": "4.1.11",
+    "tailwindcss": "4.1.18",
     "typescript": "6.0.0-beta",
     "vite": "7.1.12",
     "vite-plugin-node-polyfills": "0.24.0",