@televet/kibble-ui 1.14.10-beta.4738dbh.2 → 1.14.10
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/build/index.js +2 -1
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -13087,9 +13087,10 @@ var Modal = function (_a) {
|
|
|
13087
13087
|
// Responsive values for full screen modals on phones.
|
|
13088
13088
|
var fullScreenMobileSize = react.useBreakpointValue({ base: 'full', md: size });
|
|
13089
13089
|
var fullScreenMobileBorderRadius = react.useBreakpointValue({ base: 0, md: radii.xl });
|
|
13090
|
+
var fullScreenMobileContentMargin = react.useBreakpointValue({ base: 0, md: 16 });
|
|
13090
13091
|
var Modal = (React__default["default"].createElement(react.Modal, __assign({ closeOnEsc: allowEscape, closeOnOverlayClick: allowEscape, autoFocus: !!initialFocusRef, isOpen: isOpen, onClose: onClose, scrollBehavior: scrollBehavior, isCentered: isCentered, size: useFullScreenMobile ? fullScreenMobileSize : size, motionPreset: "slideInBottom" }, rest),
|
|
13091
13092
|
React__default["default"].createElement(react.ModalOverlay, null),
|
|
13092
|
-
React__default["default"].createElement(react.ModalContent,
|
|
13093
|
+
React__default["default"].createElement(react.ModalContent, { backgroundColor: backgroundColor, m: useFullScreenMobile ? fullScreenMobileContentMargin : 16, borderRadius: useFullScreenMobile ? fullScreenMobileBorderRadius : radii.xl, minH: { base: '-webkit-fill-available', md: 'auto' } }, children)));
|
|
13093
13094
|
return withDarkMode$1(Modal, !!darkMode);
|
|
13094
13095
|
};
|
|
13095
13096
|
|