@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 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, __assign({ backgroundColor: backgroundColor, m: useFullScreenMobile ? 0 : 16 }, (!useFullScreenMobile && { mx: 5 }), { borderRadius: useFullScreenMobile ? fullScreenMobileBorderRadius : radii.xl }, (useFullScreenMobile && { minH: { base: '-webkit-fill-available', md: 'auto' } })), children)));
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