@payfit/unity-components 2.37.0 → 2.37.2

package/dist/esm/components/select/parts/SelectButton.js

@@ -4,14 +4,14 @@ import { Button as p } from "react-aria-components/Button";
 import { SelectValue as n } from "react-aria-components/Select";
 import { useIntl as v } from "react-intl";
 import { Icon as u } from "../../icon/Icon.js";
-const x = b({
+const h = b({
   slots: {
-    base: "uy:flex uy:flex-row uy:gap-100 uy:h-5.5 uy:sm:h-500 uy:py-125 uy:sm:py-100 uy:px-150 uy:rounded-100 uy:sm:rounded-75 uy:border-solid uy:focus-visible:ring-2 uy:focus-visible:ring-utility-focus-ring uy:focus-visible:ring-offset-2 uy:outline-none uy:border",
+    base: "uy:flex uy:flex-row uy:items-center uy:gap-100 uy:h-5.5 uy:sm:h-500 uy:py-125 uy:sm:py-100 uy:px-150 uy:rounded-100 uy:sm:rounded-75 uy:border-solid uy:focus-visible:ring-2 uy:focus-visible:ring-utility-focus-ring uy:focus-visible:ring-offset-2 uy:outline-none uy:border",
     selectValue: [
-      "uy:whitespace-nowrap uy:text-ellipsis uy:typography-body uy:flex-grow uy:text-left uy:overflow-hidden",
+      "uy:min-w-0 uy:whitespace-nowrap uy:text-ellipsis uy:typography-body uy:flex-grow uy:text-left uy:overflow-hidden",
       "uy:data-[placeholder]:text-content-neutral-lowest"
     ],
-    iconWrapper: "uy:flex uy:gap-50",
+    iconWrapper: "uy:flex uy:shrink-0 uy:gap-50",
     icon: ""
   },
   variants: {
@@ -52,14 +52,14 @@ const x = b({
     isInvalid: !1,
     isReadOnly: !1
   }
-}), h = ({
+}), x = ({
   isDisabled: r,
   isInvalid: t,
   isReadOnly: i,
   isOpen: d,
   renderValue: o
 }) => {
-  const c = v(), { base: y, selectValue: a, iconWrapper: f, icon: m } = x({
+  const c = v(), { base: y, selectValue: s, iconWrapper: f, icon: m } = h({
     isDisabled: r,
     isInvalid: t,
     isReadOnly: i
@@ -72,7 +72,7 @@ const x = b({
       isDisabled: r,
       "data-unity-slot": "select-button",
       children: [
-        o ? /* @__PURE__ */ e(n, { className: a(), translate: "no", children: ({ state: s }) => s.selectedItems[0] ? o(s.selectedItems[0]) : null }) : /* @__PURE__ */ e(n, { className: a(), translate: "no" }),
+        o ? /* @__PURE__ */ e(n, { className: s(), translate: "no", children: ({ state: a }) => a.selectedItems[0] ? o(a.selectedItems[0]) : null }) : /* @__PURE__ */ e(n, { className: s(), translate: "no" }),
         /* @__PURE__ */ l("div", { className: f(), children: [
           t && /* @__PURE__ */ e(
             u,
@@ -98,7 +98,7 @@ const x = b({
     }
   );
 };
-h.displayName = "SelectButton";
+x.displayName = "SelectButton";
 export {
-  h as SelectButton
+  x as SelectButton
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.37.0",
+  "version": "2.37.2",
   "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.37.0",
+    "@payfit/unity-illustrations": "2.37.2",
     "@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.37.0",
-    "@payfit/unity-themes": "2.37.0",
+    "@payfit/unity-icons": "2.37.2",
+    "@payfit/unity-themes": "2.37.2",
     "@storybook/react-vite": "^10.3.2",
     "@tanstack/react-query": "^5",
     "@tanstack/react-router": "^1.131",
@@ -90,9 +90,9 @@
     "@figma/code-connect": "1.4.3",
     "@hookform/devtools": "4.4.0",
     "@internationalized/date": "3.12.1",
-    "@payfit/unity-icons": "2.37.0",
-    "@payfit/unity-illustrations": "2.37.0",
-    "@payfit/unity-themes": "2.37.0",
+    "@payfit/unity-icons": "2.37.2",
+    "@payfit/unity-illustrations": "2.37.2",
+    "@payfit/unity-themes": "2.37.2",
     "@storybook/addon-a11y": "10.4.0",
     "@storybook/addon-designs": "11.1.3",
     "@storybook/addon-docs": "10.4.0",
@@ -104,7 +104,7 @@
     "@tanstack/intent": "0.0.40",
     "@tanstack/react-devtools": "0.10.1",
     "@tanstack/react-form-devtools": "0.2.22",
-    "@tanstack/react-query": "5.100.10",
+    "@tanstack/react-query": "5.100.11",
     "@tanstack/react-router": "1.170.4",
     "@tanstack/react-router-devtools": "1.167.0",
     "@testing-library/dom": "10.4.0",
@@ -132,9 +132,9 @@
     "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/hr-app-eslint": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",
     "@payfit/vite-configs": "0.0.0-use.local"
   },