@payfit/unity-components 2.46.33 → 2.46.34

package/dist/esm/components/form-field/parts/FormControl.js

@@ -4,7 +4,7 @@ import { Slot as x } from "@radix-ui/react-slot";
 import { mergeProps as C } from "react-aria/mergeProps";
 import { useFormContext as D, useController as F } from "react-hook-form";
 import { useFormField as L } from "../FormField.context.js";
-function R({ ...s }) {
+function O({ ...d }) {
   const {
     name: t,
     hasHelperText: r,
@@ -12,21 +12,21 @@ function R({ ...s }) {
     fieldState: o,
     formLabelId: n,
     formItemId: m,
-    formDescriptionId: e,
-    formMessageId: a,
+    formDescriptionId: a,
+    formMessageId: e,
     formContextualLinkId: f
   } = L(), { control: p } = D(), {
     field: { ref: c, ...b },
-    fieldState: { invalid: u, error: d }
-  } = F({ name: t, control: p }), y = g(() => [
-    d ? a : void 0,
-    r ? e : void 0
-  ].filter(Boolean).join(" "), [d, r, e, a]), i = {
-    isInvalid: u,
+    fieldState: { invalid: y, error: s }
+  } = F({ name: t, control: p }), u = g(() => [
+    s ? e : void 0,
+    r ? a : void 0
+  ].filter(Boolean).join(" "), [s, r, a, e]), i = {
+    isInvalid: y,
     isDisabled: o.isDisabled,
     isLoading: o.isLoading,
     isReadOnly: o.isReadOnly
-  }, v = C(s, i, b);
+  }, v = C(d, i, b);
   return /* @__PURE__ */ I(
     x,
     {
@@ -35,7 +35,7 @@ function R({ ...s }) {
       "data-slot": "form-control",
       id: m,
       "aria-labelledby": n,
-      "aria-describedby": y,
+      "aria-describedby": u,
       "aria-details": l ? f : void 0,
       "aria-invalid": i.isInvalid,
       "data-invalid": i.isInvalid,
@@ -43,12 +43,11 @@ function R({ ...s }) {
       "data-disabled": i.isDisabled,
       "aria-readonly": i.isReadOnly,
       "data-readonly": i.isReadOnly,
-      "aria-required": o.isRequired,
       "aria-busy": i.isLoading
     }
   );
 }
-R.displayName = "FormControl";
+O.displayName = "FormControl";
 export {
-  R as FormControl
+  O as FormControl
 };

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

@@ -6,14 +6,14 @@ import { SearchField as c } from "react-aria-components/SearchField";
 import { useIntl as l } from "react-intl";
 import { CircularIconButton as m } from "../../icon-button/CircularIconButton.js";
 import { Icon as y } from "../../icon/Icon.js";
-const p = s({
+const f = 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"
   }
-}), f = u((d, e) => {
-  const o = l(), { base: n, input: r } = p();
-  return /* @__PURE__ */ i(c, { className: n(), ref: e, "data-dd-privacy": "mask", children: [
+}), p = u((d, o) => {
+  const e = l(), { base: n, input: r } = f();
+  return /* @__PURE__ */ i(c, { className: n(), ref: o, "data-dd-privacy": "mask", children: [
     /* @__PURE__ */ t(
       y,
       {
@@ -22,11 +22,20 @@ const p = s({
         color: "content.neutral.lowest"
       }
     ),
-    /* @__PURE__ */ t(a, { className: r() }),
+    /* @__PURE__ */ t(
+      a,
+      {
+        "aria-label": e.formatMessage({
+          id: "unity:component:common:search:label",
+          defaultMessage: "Search"
+        }),
+        className: r()
+      }
+    ),
     /* @__PURE__ */ t(
       m,
       {
-        title: o.formatMessage({
+        title: e.formatMessage({
           id: "unity:component:common:clear:title",
           defaultMessage: "Clear"
         }),
@@ -36,7 +45,7 @@ const p = s({
     )
   ] });
 });
-f.displayName = "SelectListSearchInput";
+p.displayName = "SelectListSearchInput";
 export {
-  f as SelectListSearchInput
+  p as SelectListSearchInput
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.46.33",
+  "version": "2.46.34",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -92,7 +92,7 @@
     "tailwind-variants": "3.2.2",
     "usehooks-ts": "3.1.1",
     "zod": "4.4.3",
-    "@payfit/unity-illustrations": "2.46.33"
+    "@payfit/unity-illustrations": "2.46.34"
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
@@ -104,8 +104,8 @@
     "react-hook-form": "^7",
     "react-router-dom": "^5",
     "zod": "^3 || ^4",
-    "@payfit/unity-icons": "2.46.33",
-    "@payfit/unity-themes": "2.46.33"
+    "@payfit/unity-icons": "2.46.34",
+    "@payfit/unity-themes": "2.46.34"
   },
   "devDependencies": {
     "@figma/code-connect": "1.4.8",
@@ -154,9 +154,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.46.33",
-    "@payfit/unity-illustrations": "2.46.33",
-    "@payfit/unity-themes": "2.46.33",
+    "@payfit/unity-icons": "2.46.34",
+    "@payfit/unity-illustrations": "2.46.34",
+    "@payfit/unity-themes": "2.46.34",
     "@payfit/vite-configs": "0.0.0-use.local"
   },
   "peerDependenciesMeta": {