@ornikar/kitt-universal 29.4.2-canary.fd1b4b35933bafb4acef3ae114e07a03477878a2.0 → 29.5.1

package/dist/index.es.web.js

@@ -4481,7 +4481,7 @@ function CardModalHeader(props) {
   return /*#__PURE__*/jsx(TopNavBar, _objectSpread({}, props));
 }
 
-var _excluded$E = ["backgroundColor", "maxWidth", "withoutShadow", "children", "header", "body", "footer"];
+var _excluded$E = ["backgroundColor", "maxWidth", "withoutShadow", "children"];
 function CardModal(_ref) {
   var _ref$backgroundColor = _ref.backgroundColor,
     backgroundColor = _ref$backgroundColor === void 0 ? 'kitt.uiBackgroundLight' : _ref$backgroundColor,
@@ -4489,9 +4489,6 @@ function CardModal(_ref) {
     maxWidth = _ref$maxWidth === void 0 ? 'kitt.cardModal.maxWidth' : _ref$maxWidth,
     withoutShadow = _ref.withoutShadow,
     children = _ref.children,
-    header = _ref.header,
-    body = _ref.body,
-    footer = _ref.footer,
     props = _objectWithoutProperties(_ref, _excluded$E);
   return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
     overflow: "hidden",
@@ -4502,9 +4499,7 @@ function CardModal(_ref) {
     maxHeight: "100%",
     maxWidth: maxWidth,
     minHeight: "kitt.cardModal.minHeight",
-    children: children || /*#__PURE__*/jsxs(Fragment, {
-      children: [header || null, body || null, footer || null]
-    })
+    children: children
   }));
 }
 CardModal.Body = CardModalBody;
@@ -4565,6 +4560,8 @@ function AnimatedChoiceItemView(_ref) {
       isHovered: isHovered,
       isPressed: isPressed
     }),
+    flexGrow: 1,
+    justifyContent: "center",
     padding: size === 'small' ? 'kitt.2' : 'kitt.4',
     _web: {
       style: {
@@ -4635,6 +4632,7 @@ function ChoiceItem(_ref) {
       checked: selected
     },
     style: style,
+    flexGrow: 1,
     onBlur: onBlur,
     onFocus: onFocus,
     onPress: function (e) {
@@ -4653,6 +4651,7 @@ function ChoiceItem(_ref) {
       });
       return /*#__PURE__*/jsxs(VStack, {
         space: "kitt.2",
+        flexGrow: 1,
         children: [/*#__PURE__*/jsxs(AnimatedChoiceItemView, {
           animatedStyles: backgroundStyles,
           isHovered: isHovered || isHoveredInternal,
@@ -7716,29 +7715,10 @@ function FullscreenModalHeader(_ref) {
 
 function FullscreenModal(_ref) {
   var children = _ref.children,
-    body = _ref.body,
-    header = _ref.header,
-    footer = _ref.footer,
     backgroundColor = _ref.backgroundColor;
   return /*#__PURE__*/jsx(FullscreenModalContainer, {
     backgroundColor: backgroundColor,
-    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]
-      })]
-    })
+    children: children
   });
 }
 FullscreenModal.Header = FullscreenModalHeader;
@@ -11122,23 +11102,15 @@ function NavigationModalBehaviour(_ref) {
 }
 
 function NavigationModal(_ref) {
-  var body = _ref.body,
-    backgroundColor = _ref.backgroundColor,
-    footer = _ref.footer,
-    header = _ref.header,
+  var backgroundColor = _ref.backgroundColor,
     children = _ref.children;
   var Component = useBreakpointValue({
     base: FullscreenModal,
     small: CardModal
   });
-  return children ? /*#__PURE__*/jsx(Component, {
+  return /*#__PURE__*/jsx(Component, {
     backgroundColor: backgroundColor,
     children: children
-  }) : /*#__PURE__*/jsx(Component, {
-    body: body,
-    backgroundColor: backgroundColor,
-    footer: footer,
-    header: header
   });
 }
 function Header(props) {