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

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.
@@ -4148,7 +4148,10 @@ function CardModalBody(_ref) {
4148
4148
  base: 'kitt.4',
4149
4149
  medium: 'kitt.6'
4150
4150
  },
4151
- paddingY = 'kitt.4'
4151
+ paddingY = {
4152
+ base: 'kitt.4',
4153
+ medium: 'kitt.6'
4154
+ }
4152
4155
  } = _ref,
4153
4156
  props = _objectWithoutProperties(_ref, _excluded$K);
4154
4157
  return /*#__PURE__*/jsx(ScrollView, _objectSpread(_objectSpread({
@@ -7778,7 +7781,10 @@ function FullscreenModalBody(_ref) {
7778
7781
  } = useTheme();
7779
7782
  const paddingBottom = shouldHandleBottomNotch ? Math.max(bottom, verticalPadding) : verticalPadding;
7780
7783
  const paddingTop = shouldHandleTopNotch ? Math.max(top, verticalPadding) : verticalPadding;
7781
- return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
7784
+ return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({
7785
+ flexGrow: 1,
7786
+ flexShrink: 1
7787
+ }, props), {}, {
7782
7788
  paddingX: "kitt.fullscreenModal.horizontalPadding",
7783
7789
  paddingTop: paddingTop,
7784
7790
  paddingBottom: paddingBottom,
@@ -8060,28 +8066,31 @@ function FullscreenModalHeader(_ref) {
8060
8066
  }
8061
8067
 
8062
8068
  function FullscreenModal({
8069
+ children,
8063
8070
  body,
8064
8071
  header,
8065
8072
  footer,
8066
8073
  backgroundColor
8067
8074
  }) {
8068
- return /*#__PURE__*/jsxs(FullscreenModalContainer, {
8075
+ return /*#__PURE__*/jsx(FullscreenModalContainer, {
8069
8076
  backgroundColor: backgroundColor,
8070
- children: [header ? /*#__PURE__*/jsx(View, {
8071
- children: header
8072
- }) : null, /*#__PURE__*/jsxs(View, {
8073
- flexGrow: 1,
8074
- flexShrink: 1,
8075
- justifyContent: "space-between",
8076
- children: [/*#__PURE__*/jsx(ScrollView$2, {
8077
- bounces: false,
8078
- contentContainerStyle: {
8079
- flexGrow: 1,
8080
- position: 'relative'
8081
- },
8082
- children: body
8083
- }), footer || null]
8084
- })]
8077
+ children: children || /*#__PURE__*/jsxs(Fragment, {
8078
+ children: [header ? /*#__PURE__*/jsx(View, {
8079
+ children: header
8080
+ }) : null, /*#__PURE__*/jsxs(View, {
8081
+ flexGrow: 1,
8082
+ flexShrink: 1,
8083
+ justifyContent: "space-between",
8084
+ children: [/*#__PURE__*/jsx(ScrollView$2, {
8085
+ bounces: false,
8086
+ contentContainerStyle: {
8087
+ flexGrow: 1,
8088
+ position: 'relative'
8089
+ },
8090
+ children: body
8091
+ }), footer || null]
8092
+ })]
8093
+ })
8085
8094
  });
8086
8095
  }
8087
8096
  FullscreenModal.Header = FullscreenModalHeader;
@@ -11502,13 +11511,17 @@ function NavigationModal({
11502
11511
  body,
11503
11512
  backgroundColor,
11504
11513
  footer,
11505
- header
11514
+ header,
11515
+ children
11506
11516
  }) {
11507
11517
  const Component = useBreakpointValue({
11508
11518
  base: FullscreenModal,
11509
11519
  small: CardModal
11510
11520
  });
11511
- return /*#__PURE__*/jsx(Component, {
11521
+ return children ? /*#__PURE__*/jsx(Component, {
11522
+ backgroundColor: backgroundColor,
11523
+ children: children
11524
+ }) : /*#__PURE__*/jsx(Component, {
11512
11525
  body: body,
11513
11526
  backgroundColor: backgroundColor,
11514
11527
  footer: footer,