@povio/ui 2.1.20 → 2.1.22

package/README.md

@@ -32,7 +32,7 @@ This is required for buttons to behave as expected. It is based on [Tailwind Upg
 In order for Tailwind to also compile classes for @povio/ui package, you need to include @source directive in Tailwind config.
 In your globals.css add (make sure path is correct):
 ```css
-@source "../../node_modules/@povio/ui/dist";
+@source "../../../../node_modules/@povio/ui/dist";
 ```
 
 ### React Aria

package/dist/BottomSheet.js

@@ -73,7 +73,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = fa
 			exit: { opacity: 0 }
 		}), /* @__PURE__ */ jsx(MotionModal, {
 			isDismissable: true,
-			className: clsx("pointer-events-none flex w-full flex-col items-stretch justify-end outline-none will-change-transform", isScrollable ? "h-auto" : "h-full"),
+			className: clsx("pointer-events-none flex h-full w-full flex-col items-stretch justify-end outline-none will-change-transform"),
 			animate: {
 				y: 0,
 				opacity: 1
@@ -143,13 +143,13 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = fa
 								tabIndex: -1
 							}),
 							/* @__PURE__ */ jsx("div", {
-								className: clsx("flex min-h-0 grow flex-col items-stretch", isScrollable ? "shrink-0" : "shrink"),
+								className: "flex max-h-full min-h-0 flex-col items-stretch",
 								ref: containerRef,
 								children: typeof children === "function" ? children(close) : children
 							}),
 							/* @__PURE__ */ jsx("div", {
 								className: "shrink-0",
-								style: { height: `${footerHeight + sheetMarginBottom}px` }
+								style: { height: `${footerHeight + (isScrollable ? 0 : sheetMarginBottom)}px` }
 							}),
 							/* @__PURE__ */ jsx("div", { className: "absolute top-full h-screen w-full bg-elevation-fill-default-1" })
 						]

package/dist/SelectDesktop.js

@@ -8,7 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { ComboBox, DialogTrigger, Popover } from "react-aria-components";
 import { Fragment as Fragment$1, useMemo, useRef } from "react";
-import { useLabel } from "react-aria";
+import { useLabel, usePreventScroll } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import useMeasure from "react-use-measure";
 const SelectDesktop = ({ ref, error, ignoreTriggerWidth, showSelectionContent, inputClassName, containerClassName, customTrigger, onBlur,...props }) => {
@@ -31,6 +31,7 @@ const SelectDesktop = ({ ref, error, ignoreTriggerWidth, showSelectionContent, i
 	const closeComboBoxRef = useRef(null);
 	const [wrapperRef, { width }] = useMeasure();
 	const { fieldState, isOpen, setIsOpen, onInputChange, onChange, onClear, onSelectAll, listItems, selectableListItems, selectedIds, isMultiple } = SelectContext.useSelect();
+	usePreventScroll({ isDisabled: !isOpen });
 	const onSelectionChange = (value) => {
 		if (!value) return;
 		if (value === "all-item-id") {
@@ -136,7 +137,7 @@ const SelectDesktop = ({ ref, error, ignoreTriggerWidth, showSelectionContent, i
 					offset: 0,
 					children: /* @__PURE__ */ jsx(SelectListBox, {
 						...props,
-						className: "max-h-80 rounded-list-rounding-dropdown border border-elevation-outline-default-1 bg-elevation-fill-default-1 shadow-5 [scrollbar-width:thin]",
+						className: "max-h-80! rounded-list-rounding-dropdown border border-elevation-outline-default-1 bg-elevation-fill-default-1 shadow-5 [scrollbar-width:thin]",
 						autoFocus: !isSearchable
 					})
 				})]

package/dist/SelectListBox.js

@@ -48,7 +48,7 @@ const SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true
 			...props,
 			"aria-label": label,
 			selectionMode,
-			className: clsx("flex-1 outline-none [&>div:last-child>*]:border-b-0", isScrollable ? "overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
+			className: clsx("flex-1 outline-none [&>div:last-child>*]:border-b-0", isScrollable ? "max-h-full overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
 			items: listItems,
 			selectedKeys: selectedIds,
 			onSelectionChange,
@@ -61,7 +61,7 @@ const SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true
 		...props,
 		"aria-label": label,
 		selectionMode,
-		className: clsx("flex-1 outline-none [&>div:last-child]:border-b-0", isScrollable ? "overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
+		className: clsx("flex-1 outline-none [&>div:last-child]:border-b-0", isScrollable ? "max-h-full overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
 		items: listItems,
 		selectedKeys: selectedIds,
 		onSelectionChange,

package/dist/SelectMobile.js

@@ -83,7 +83,7 @@ const SelectMobile = ({ ref, error, showSelectionContent, inputClassName, contai
 				footer: isMultiple && /* @__PURE__ */ jsx(SelectListBoxSelectionBar, {}),
 				isDismissable: true,
 				children: (close) => /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col",
+					className: "flex max-h-full flex-col overflow-hidden",
 					children: [isSearchable ? /* @__PURE__ */ jsx(TextInput, {
 						ref: searchInputRef,
 						label,
@@ -96,7 +96,7 @@ const SelectMobile = ({ ref, error, showSelectionContent, inputClassName, contai
 					}) : /* @__PURE__ */ jsx(FormFieldHeader, {
 						label,
 						rightContent: /* @__PURE__ */ jsx(FormFieldHeaderClose, { onClose: close }),
-						className: "!mb-1-5 px-4 pt-3"
+						className: "mb-1-5! px-4 pt-3"
 					}), /* @__PURE__ */ jsx(SelectListBox, {
 						...props,
 						autoFocus: !isSearchable,

package/dist/input.cva.js

@@ -2,7 +2,7 @@ import { UIStyle } from "./uiStyle.context.js";
 import { uiOutlineClass } from "./outline.clsx.js";
 import { clsx } from "clsx";
 import { cva } from "class-variance-authority";
-const inputBase = cva([uiOutlineClass, "flex w-full truncate"], {
+const inputBase = cva([uiOutlineClass, "flex w-full not-[textarea]:truncate"], {
 	variants: {
 		variant: {
 			outlined: "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.1.20",
+  "version": "2.1.22",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",