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

package/dist/index.es.js

@@ -4101,9 +4101,7 @@ function BottomSheetComp(_ref, ref) {
   }));
 }
 function BottomSheetContainerView(props) {
-  return /*#__PURE__*/jsx(View$1, _objectSpread({
-    padding: "kitt.bottomSheet.container.padding"
-  }, props));
+  return /*#__PURE__*/jsx(View$1, _objectSpread({}, props));
 }
 
 /**
@@ -4600,7 +4598,7 @@ function CardModalHeader(props) {
   return /*#__PURE__*/jsx(TopNavBar, _objectSpread({}, props));
 }
 
-var _excluded$G = ["backgroundColor", "maxWidth", "withoutShadow", "children", "header", "body", "footer"];
+var _excluded$G = ["backgroundColor", "maxWidth", "withoutShadow", "children"];
 function CardModal(_ref) {
   var _ref$backgroundColor = _ref.backgroundColor,
     backgroundColor = _ref$backgroundColor === void 0 ? 'kitt.uiBackgroundLight' : _ref$backgroundColor,
@@ -4608,9 +4606,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$G);
   return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
     overflow: "hidden",
@@ -4621,9 +4616,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;
@@ -4688,7 +4681,10 @@ function AnimatedChoiceItemView(_ref) {
     padding: size === 'small' ? 'kitt.2' : 'kitt.4'
   });
   return /*#__PURE__*/jsx(Animated.View, {
-    style: [style, animatedStyles],
+    style: [{
+      flexGrow: 1,
+      justifyContent: 'center'
+    }, style, animatedStyles],
     children: children
   });
 }
@@ -4785,6 +4781,7 @@ function ChoiceItem(_ref) {
       checked: selected
     },
     style: style,
+    flexGrow: 1,
     onBlur: onBlur,
     onFocus: onFocus,
     onPress: function (e) {
@@ -4803,6 +4800,7 @@ function ChoiceItem(_ref) {
       });
       return /*#__PURE__*/jsxs(VStack, {
         space: "kitt.2",
+        flexGrow: 1,
         children: [/*#__PURE__*/jsxs(AnimatedChoiceItemView, {
           animatedStyles: backgroundStyles,
           isHovered: isHovered || isHoveredInternal,
@@ -8593,29 +8591,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;
@@ -11896,12 +11875,14 @@ function NavigationBottomSheetBody(props) {
   return /*#__PURE__*/jsx(VStack, _objectSpread({
     flexGrow: 1,
     flexShrink: 1,
-    marginBottom: "kitt.4"
+    marginBottom: "kitt.4",
+    paddingX: "kitt.bottomSheet.container.padding"
   }, props));
 }
 function NavigationBottomSheetFooter(props) {
   return /*#__PURE__*/jsx(HStack, _objectSpread({
-    width: "100%"
+    width: "100%",
+    paddingX: "kitt.bottomSheet.container.padding"
   }, props));
 }
 NavigationBottomSheet.Header = NavigationBottomSheetHeader;
@@ -11965,23 +11946,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) {