@povio/ui 2.1.20 → 2.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/BottomSheet.js +3 -3
- package/dist/SelectListBox.js +2 -2
- package/dist/SelectMobile.js +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -32,7 +32,7 @@ This is required for buttons to behave as expected. It is based on [Tailwind Upg
|
|
|
32
32
|
In order for Tailwind to also compile classes for @povio/ui package, you need to include @source directive in Tailwind config.
|
|
33
33
|
In your globals.css add (make sure path is correct):
|
|
34
34
|
```css
|
|
35
|
-
@source "
|
|
35
|
+
@source "../../../../node_modules/@povio/ui/dist";
|
|
36
36
|
```
|
|
37
37
|
|
|
38
38
|
### React Aria
|
package/dist/BottomSheet.js
CHANGED
|
@@ -73,7 +73,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = fa
|
|
|
73
73
|
exit: { opacity: 0 }
|
|
74
74
|
}), /* @__PURE__ */ jsx(MotionModal, {
|
|
75
75
|
isDismissable: true,
|
|
76
|
-
className: clsx("pointer-events-none flex w-full flex-col items-stretch justify-end outline-none will-change-transform"
|
|
76
|
+
className: clsx("pointer-events-none flex h-full w-full flex-col items-stretch justify-end outline-none will-change-transform"),
|
|
77
77
|
animate: {
|
|
78
78
|
y: 0,
|
|
79
79
|
opacity: 1
|
|
@@ -143,13 +143,13 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = fa
|
|
|
143
143
|
tabIndex: -1
|
|
144
144
|
}),
|
|
145
145
|
/* @__PURE__ */ jsx("div", {
|
|
146
|
-
className:
|
|
146
|
+
className: "flex max-h-full min-h-0 flex-col items-stretch",
|
|
147
147
|
ref: containerRef,
|
|
148
148
|
children: typeof children === "function" ? children(close) : children
|
|
149
149
|
}),
|
|
150
150
|
/* @__PURE__ */ jsx("div", {
|
|
151
151
|
className: "shrink-0",
|
|
152
|
-
style: { height: `${footerHeight + sheetMarginBottom}px` }
|
|
152
|
+
style: { height: `${footerHeight + (isScrollable ? 0 : sheetMarginBottom)}px` }
|
|
153
153
|
}),
|
|
154
154
|
/* @__PURE__ */ jsx("div", { className: "absolute top-full h-screen w-full bg-elevation-fill-default-1" })
|
|
155
155
|
]
|
package/dist/SelectListBox.js
CHANGED
|
@@ -48,7 +48,7 @@ const SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true
|
|
|
48
48
|
...props,
|
|
49
49
|
"aria-label": label,
|
|
50
50
|
selectionMode,
|
|
51
|
-
className: clsx("flex-1 outline-none [&>div:last-child>*]:border-b-0", isScrollable ? "overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
|
|
51
|
+
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),
|
|
52
52
|
items: listItems,
|
|
53
53
|
selectedKeys: selectedIds,
|
|
54
54
|
onSelectionChange,
|
|
@@ -61,7 +61,7 @@ const SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true
|
|
|
61
61
|
...props,
|
|
62
62
|
"aria-label": label,
|
|
63
63
|
selectionMode,
|
|
64
|
-
className: clsx("flex-1 outline-none [&>div:last-child]:border-b-0", isScrollable ? "overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
|
|
64
|
+
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),
|
|
65
65
|
items: listItems,
|
|
66
66
|
selectedKeys: selectedIds,
|
|
67
67
|
onSelectionChange,
|
package/dist/SelectMobile.js
CHANGED
|
@@ -83,7 +83,7 @@ const SelectMobile = ({ ref, error, showSelectionContent, inputClassName, contai
|
|
|
83
83
|
footer: isMultiple && /* @__PURE__ */ jsx(SelectListBoxSelectionBar, {}),
|
|
84
84
|
isDismissable: true,
|
|
85
85
|
children: (close) => /* @__PURE__ */ jsxs("div", {
|
|
86
|
-
className: "flex flex-col",
|
|
86
|
+
className: "flex max-h-full flex-col overflow-hidden",
|
|
87
87
|
children: [isSearchable ? /* @__PURE__ */ jsx(TextInput, {
|
|
88
88
|
ref: searchInputRef,
|
|
89
89
|
label,
|
|
@@ -96,7 +96,7 @@ const SelectMobile = ({ ref, error, showSelectionContent, inputClassName, contai
|
|
|
96
96
|
}) : /* @__PURE__ */ jsx(FormFieldHeader, {
|
|
97
97
|
label,
|
|
98
98
|
rightContent: /* @__PURE__ */ jsx(FormFieldHeaderClose, { onClose: close }),
|
|
99
|
-
className: "
|
|
99
|
+
className: "mb-1-5! px-4 pt-3"
|
|
100
100
|
}), /* @__PURE__ */ jsx(SelectListBox, {
|
|
101
101
|
...props,
|
|
102
102
|
autoFocus: !isSearchable,
|