@ornikar/kitt-universal 25.50.0 → 25.51.1-canary.d67b65db8008c1a8549aa9a6ef5ca833bbea3980.0

package/dist/index.es.web.js

@@ -4066,7 +4066,10 @@ function CardModalBody(_ref) {
       medium: 'kitt.6'
     } : _ref$paddingX,
     _ref$paddingY = _ref.paddingY,
-    paddingY = _ref$paddingY === void 0 ? 'kitt.4' : _ref$paddingY,
+    paddingY = _ref$paddingY === void 0 ? {
+      base: 'kitt.4',
+      medium: 'kitt.6'
+    } : _ref$paddingY,
     props = _objectWithoutProperties(_ref, _excluded$J);
   return /*#__PURE__*/jsx(ScrollView, _objectSpread(_objectSpread({
     showsVerticalScrollIndicator: false,
@@ -7180,7 +7183,10 @@ function FullscreenModalBody(_ref) {
     verticalPadding = _useTheme.kitt.fullscreenModal.body.verticalPadding;
   var paddingBottom = shouldHandleBottomNotch ? Math.max(bottom, verticalPadding) : verticalPadding;
   var paddingTop = shouldHandleTopNotch ? Math.max(top, verticalPadding) : verticalPadding;
-  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({
+    flexGrow: 1,
+    flexShrink: 1
+  }, props), {}, {
     paddingX: "kitt.fullscreenModal.horizontalPadding",
     paddingTop: paddingTop,
     paddingBottom: paddingBottom,
@@ -7393,27 +7399,30 @@ function FullscreenModalHeader(_ref) {
 }
 
 function FullscreenModal(_ref) {
-  var body = _ref.body,
+  var children = _ref.children,
+    body = _ref.body,
     header = _ref.header,
     footer = _ref.footer,
     backgroundColor = _ref.backgroundColor;
-  return /*#__PURE__*/jsxs(FullscreenModalContainer, {
+  return /*#__PURE__*/jsx(FullscreenModalContainer, {
     backgroundColor: backgroundColor,
-    children: [header ? /*#__PURE__*/jsx(View, {
-      children: header
-    }) : null, /*#__PURE__*/jsxs(View, {
-      flexGrow: 1,
-      flexShrink: 1,
-      justifyContent: "space-between",
-      children: [/*#__PURE__*/jsx(ScrollView$2, {
-        bounces: false,
-        contentContainerStyle: {
-          flexGrow: 1,
-          position: 'relative'
-        },
-        children: body
-      }), footer || null]
-    })]
+    children: children || /*#__PURE__*/jsxs(Fragment, {
+      children: [header ? /*#__PURE__*/jsx(View, {
+        children: header
+      }) : null, /*#__PURE__*/jsxs(View, {
+        flexGrow: 1,
+        flexShrink: 1,
+        justifyContent: "space-between",
+        children: [/*#__PURE__*/jsx(ScrollView$2, {
+          bounces: false,
+          contentContainerStyle: {
+            flexGrow: 1,
+            position: 'relative'
+          },
+          children: body
+        }), footer || null]
+      })]
+    })
   });
 }
 FullscreenModal.Header = FullscreenModalHeader;
@@ -10954,12 +10963,16 @@ function NavigationModal(_ref) {
   var body = _ref.body,
     backgroundColor = _ref.backgroundColor,
     footer = _ref.footer,
-    header = _ref.header;
+    header = _ref.header,
+    children = _ref.children;
   var Component = useBreakpointValue({
     base: FullscreenModal,
     small: CardModal
   });
-  return /*#__PURE__*/jsx(Component, {
+  return children ? /*#__PURE__*/jsx(Component, {
+    backgroundColor: backgroundColor,
+    children: children
+  }) : /*#__PURE__*/jsx(Component, {
     body: body,
     backgroundColor: backgroundColor,
     footer: footer,