@ornikar/kitt-universal 25.48.0 → 25.49.0

package/dist/index.es.web.js

@@ -3853,23 +3853,6 @@ function useStaticBottomSheet(Content) {
   };
 }
 
-/**
- * A utility component that returns its children without any modifications.
- *
- * This component acts as an identity function for React elements - it simply returns
- * whatever children are passed to it. It can be useful in conditional rendering patterns,
- * component composition, or as a placeholder in component hierarchies.
- *
- * @returns The children as they were passed in, without any wrapper elements
- *
- * @example
- * See CardModal and FullscreenModal for usage examples.
- */
-function IdentityComponent(_ref) {
-  var children = _ref.children;
-  return children;
-}
-
 var overflowHidden = "kitt-u_overflowHidden_otm3u3";
 function useBlockBodyScroll(shouldBlockScroll, isInitialRender) {
   useEffect(function () {
@@ -4171,7 +4154,7 @@ function CardModalHeader(_ref) {
   }));
 }
 
-var _excluded$G = ["backgroundColor", "maxWidth", "withoutShadow", "children", "header", "body", "footer", "contentContainer"];
+var _excluded$G = ["backgroundColor", "maxWidth", "withoutShadow", "children", "header", "body", "footer"];
 function CardModal(_ref) {
   var _ref$backgroundColor = _ref.backgroundColor,
     backgroundColor = _ref$backgroundColor === void 0 ? 'kitt.uiBackgroundLight' : _ref$backgroundColor,
@@ -4182,8 +4165,6 @@ function CardModal(_ref) {
     header = _ref.header,
     body = _ref.body,
     footer = _ref.footer,
-    _ref$contentContainer = _ref.contentContainer,
-    ContentContainer = _ref$contentContainer === void 0 ? IdentityComponent : _ref$contentContainer,
     props = _objectWithoutProperties(_ref, _excluded$G);
   return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
     overflow: "hidden",
@@ -4194,10 +4175,8 @@ function CardModal(_ref) {
     maxHeight: "100%",
     maxWidth: maxWidth,
     minHeight: "kitt.cardModal.minHeight",
-    children: /*#__PURE__*/jsx(ContentContainer, {
-      children: children || /*#__PURE__*/jsxs(Fragment, {
-        children: [header || null, body || null, footer || null]
-      })
+    children: children || /*#__PURE__*/jsxs(Fragment, {
+      children: [header || null, body || null, footer || null]
     })
   }));
 }
@@ -7417,28 +7396,24 @@ function FullscreenModal(_ref) {
   var body = _ref.body,
     header = _ref.header,
     footer = _ref.footer,
-    backgroundColor = _ref.backgroundColor,
-    _ref$contentContainer = _ref.contentContainer,
-    ContentContainer = _ref$contentContainer === void 0 ? IdentityComponent : _ref$contentContainer;
-  return /*#__PURE__*/jsx(FullscreenModalContainer, {
+    backgroundColor = _ref.backgroundColor;
+  return /*#__PURE__*/jsxs(FullscreenModalContainer, {
     backgroundColor: backgroundColor,
-    children: /*#__PURE__*/jsxs(ContentContainer, {
-      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: [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;
@@ -10979,8 +10954,7 @@ function NavigationModal(_ref) {
   var body = _ref.body,
     backgroundColor = _ref.backgroundColor,
     footer = _ref.footer,
-    header = _ref.header,
-    contentContainer = _ref.contentContainer;
+    header = _ref.header;
   var Component = useBreakpointValue({
     base: FullscreenModal,
     small: CardModal
@@ -10989,8 +10963,7 @@ function NavigationModal(_ref) {
     body: body,
     backgroundColor: backgroundColor,
     footer: footer,
-    header: header,
-    contentContainer: contentContainer
+    header: header
   });
 }
 function Header(props) {