@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({
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
  ...props
4153
4156
  }) {
4154
4157
  return /*#__PURE__*/jsx(ScrollView, {
@@ -7755,6 +7758,8 @@ function FullscreenModalBody({
7755
7758
  const paddingBottom = shouldHandleBottomNotch ? Math.max(bottom, verticalPadding) : verticalPadding;
7756
7759
  const paddingTop = shouldHandleTopNotch ? Math.max(top, verticalPadding) : verticalPadding;
7757
7760
  return /*#__PURE__*/jsx(View, {
7761
+ flexGrow: 1,
7762
+ flexShrink: 1,
7758
7763
  ...props,
7759
7764
  paddingX: "kitt.fullscreenModal.horizontalPadding",
7760
7765
  paddingTop: paddingTop,
@@ -8032,28 +8037,31 @@ function FullscreenModalHeader({
8032
8037
  }
8033
8038
 
8034
8039
  function FullscreenModal({
8040
+ children,
8035
8041
  body,
8036
8042
  header,
8037
8043
  footer,
8038
8044
  backgroundColor
8039
8045
  }) {
8040
- return /*#__PURE__*/jsxs(FullscreenModalContainer, {
8046
+ return /*#__PURE__*/jsx(FullscreenModalContainer, {
8041
8047
  backgroundColor: backgroundColor,
8042
- children: [header ? /*#__PURE__*/jsx(View, {
8043
- children: header
8044
- }) : null, /*#__PURE__*/jsxs(View, {
8045
- flexGrow: 1,
8046
- flexShrink: 1,
8047
- justifyContent: "space-between",
8048
- children: [/*#__PURE__*/jsx(ScrollView$2, {
8049
- bounces: false,
8050
- contentContainerStyle: {
8051
- flexGrow: 1,
8052
- position: 'relative'
8053
- },
8054
- children: body
8055
- }), footer || null]
8056
- })]
8048
+ children: children || /*#__PURE__*/jsxs(Fragment, {
8049
+ children: [header ? /*#__PURE__*/jsx(View, {
8050
+ children: header
8051
+ }) : null, /*#__PURE__*/jsxs(View, {
8052
+ flexGrow: 1,
8053
+ flexShrink: 1,
8054
+ justifyContent: "space-between",
8055
+ children: [/*#__PURE__*/jsx(ScrollView$2, {
8056
+ bounces: false,
8057
+ contentContainerStyle: {
8058
+ flexGrow: 1,
8059
+ position: 'relative'
8060
+ },
8061
+ children: body
8062
+ }), footer || null]
8063
+ })]
8064
+ })
8057
8065
  });
8058
8066
  }
8059
8067
  FullscreenModal.Header = FullscreenModalHeader;
@@ -11483,13 +11491,17 @@ function NavigationModal({
11483
11491
  body,
11484
11492
  backgroundColor,
11485
11493
  footer,
11486
- header
11494
+ header,
11495
+ children
11487
11496
  }) {
11488
11497
  const Component = useBreakpointValue({
11489
11498
  base: FullscreenModal,
11490
11499
  small: CardModal
11491
11500
  });
11492
- return /*#__PURE__*/jsx(Component, {
11501
+ return children ? /*#__PURE__*/jsx(Component, {
11502
+ backgroundColor: backgroundColor,
11503
+ children: children
11504
+ }) : /*#__PURE__*/jsx(Component, {
11493
11505
  body: body,
11494
11506
  backgroundColor: backgroundColor,
11495
11507
  footer: footer,