@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.
package/dist/index.es.js CHANGED
@@ -4203,7 +4203,10 @@ function CardModalBody(_ref) {
4203
4203
  medium: 'kitt.6'
4204
4204
  } : _ref$paddingX,
4205
4205
  _ref$paddingY = _ref.paddingY,
4206
- paddingY = _ref$paddingY === void 0 ? 'kitt.4' : _ref$paddingY,
4206
+ paddingY = _ref$paddingY === void 0 ? {
4207
+ base: 'kitt.4',
4208
+ medium: 'kitt.6'
4209
+ } : _ref$paddingY,
4207
4210
  props = _objectWithoutProperties(_ref, _excluded$K);
4208
4211
  return /*#__PURE__*/jsx(ScrollView, _objectSpread(_objectSpread({
4209
4212
  showsVerticalScrollIndicator: false,
@@ -8020,7 +8023,10 @@ function FullscreenModalBody(_ref) {
8020
8023
  verticalPadding = _useTheme.kitt.fullscreenModal.body.verticalPadding;
8021
8024
  var paddingBottom = shouldHandleBottomNotch ? Math.max(bottom, verticalPadding) : verticalPadding;
8022
8025
  var paddingTop = shouldHandleTopNotch ? Math.max(top, verticalPadding) : verticalPadding;
8023
- return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
8026
+ return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({
8027
+ flexGrow: 1,
8028
+ flexShrink: 1
8029
+ }, props), {}, {
8024
8030
  paddingX: "kitt.fullscreenModal.horizontalPadding",
8025
8031
  paddingTop: paddingTop,
8026
8032
  paddingBottom: paddingBottom,
@@ -8308,27 +8314,30 @@ function FullscreenModalHeader(_ref) {
8308
8314
  }
8309
8315
 
8310
8316
  function FullscreenModal(_ref) {
8311
- var body = _ref.body,
8317
+ var children = _ref.children,
8318
+ body = _ref.body,
8312
8319
  header = _ref.header,
8313
8320
  footer = _ref.footer,
8314
8321
  backgroundColor = _ref.backgroundColor;
8315
- return /*#__PURE__*/jsxs(FullscreenModalContainer, {
8322
+ return /*#__PURE__*/jsx(FullscreenModalContainer, {
8316
8323
  backgroundColor: backgroundColor,
8317
- children: [header ? /*#__PURE__*/jsx(View, {
8318
- children: header
8319
- }) : null, /*#__PURE__*/jsxs(View, {
8320
- flexGrow: 1,
8321
- flexShrink: 1,
8322
- justifyContent: "space-between",
8323
- children: [/*#__PURE__*/jsx(ScrollView$2, {
8324
- bounces: false,
8325
- contentContainerStyle: {
8326
- flexGrow: 1,
8327
- position: 'relative'
8328
- },
8329
- children: body
8330
- }), footer || null]
8331
- })]
8324
+ children: children || /*#__PURE__*/jsxs(Fragment, {
8325
+ children: [header ? /*#__PURE__*/jsx(View, {
8326
+ children: header
8327
+ }) : null, /*#__PURE__*/jsxs(View, {
8328
+ flexGrow: 1,
8329
+ flexShrink: 1,
8330
+ justifyContent: "space-between",
8331
+ children: [/*#__PURE__*/jsx(ScrollView$2, {
8332
+ bounces: false,
8333
+ contentContainerStyle: {
8334
+ flexGrow: 1,
8335
+ position: 'relative'
8336
+ },
8337
+ children: body
8338
+ }), footer || null]
8339
+ })]
8340
+ })
8332
8341
  });
8333
8342
  }
8334
8343
  FullscreenModal.Header = FullscreenModalHeader;
@@ -11762,12 +11771,16 @@ function NavigationModal(_ref) {
11762
11771
  var body = _ref.body,
11763
11772
  backgroundColor = _ref.backgroundColor,
11764
11773
  footer = _ref.footer,
11765
- header = _ref.header;
11774
+ header = _ref.header,
11775
+ children = _ref.children;
11766
11776
  var Component = useBreakpointValue({
11767
11777
  base: FullscreenModal,
11768
11778
  small: CardModal
11769
11779
  });
11770
- return /*#__PURE__*/jsx(Component, {
11780
+ return children ? /*#__PURE__*/jsx(Component, {
11781
+ backgroundColor: backgroundColor,
11782
+ children: children
11783
+ }) : /*#__PURE__*/jsx(Component, {
11771
11784
  body: body,
11772
11785
  backgroundColor: backgroundColor,
11773
11786
  footer: footer,