@povio/ui 2.1.21 → 2.1.23

package/dist/Modal.js

@@ -7,7 +7,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Dialog, Modal, ModalOverlay } from "react-aria-components";
 import { useTranslation } from "react-i18next";
-const Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable = true, shouldCloseOnInteractOutside }) => {
+const Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable = true, isKeyboardDismissable, shouldCloseOnInteractOutside }) => {
 	const { t } = useTranslation("ui");
 	const uiStyle = UIStyle.useConfig();
 	const modalMainCva = uiStyle?.modal?.mainCva ?? modalMain;
@@ -20,6 +20,7 @@ const Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalCl
 			className: overlayClassName
 		}),
 		isDismissable,
+		isKeyboardDismissDisabled: !(isKeyboardDismissable ?? isDismissable),
 		isOpen,
 		shouldCloseOnInteractOutside: () => {
 			if (shouldCloseOnInteractOutside) {

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/components/overlays/Modal/Modal.d.ts

@@ -9,6 +9,7 @@ export interface ModalProps extends ModalVariantProps {
     overlayClassName?: string;
     showCloseIcon?: boolean;
     isDismissable?: boolean;
+    isKeyboardDismissable?: boolean;
     shouldCloseOnInteractOutside?: () => boolean;
 }
-export declare const Modal: ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable, shouldCloseOnInteractOutside, }: PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable, isKeyboardDismissable, shouldCloseOnInteractOutside, }: PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;

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.21",
+  "version": "2.1.23",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",