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

package/CHANGELOG.md

@@ -3,17 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [29.4.2-canary.fd1b4b35933bafb4acef3ae114e07a03477878a2.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@29.4.1...@ornikar/kitt-universal@29.4.2-canary.fd1b4b35933bafb4acef3ae114e07a03477878a2.0) (2025-10-31)
+## [29.5.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@29.4.1...@ornikar/kitt-universal@29.5.0) (2025-11-03)
 
 
 ### Features
 
 * add NavigationModalAnimatedBehaviourWithSrollableChildren [no issue] ([#2731](https://github.com/ornikar/kitt/issues/2731)) ([90eb3d2](https://github.com/ornikar/kitt/commit/90eb3d27c63e702db991b0f1426fc4be59355f22))
+* remove deprecated way to use modals OSE-17343 ([#2673](https://github.com/ornikar/kitt/issues/2673)) ([107e45b](https://github.com/ornikar/kitt/commit/107e45b41e647d1338cdacf9c43cce285d275f6e))
 
 
 ### Bug Fixes
 
 * **kitt:** react 19 warnings for CSSTransition OSE-20990 ([#2735](https://github.com/ornikar/kitt/issues/2735)) ([615008a](https://github.com/ornikar/kitt/commit/615008a218bb131f220670ceabdbd38eae8ffcb5))
+* update NavigationBottomSheet spacings OSE-21140 ([#2741](https://github.com/ornikar/kitt/issues/2741)) ([86538c2](https://github.com/ornikar/kitt/commit/86538c27296dfc74289a8bd7437b8c86912e04e1))
 
 
 

package/dist/definitions/CardModal/CardModal.d.ts

@@ -1,35 +1,17 @@
 import type { ReactNode } from 'react';
-import type { Except } from 'type-fest';
 import type { ViewProps } from '../native-base/primitives';
 import { CardModalBehaviour } from './CardModalBehaviour';
 import { CardModalBody } from './CardModalBody';
 import { CardModalFooter } from './CardModalFooter';
 import { CardModalHeader } from './CardModalHeader';
-interface BaseCardModalProps extends Except<ViewProps, 'children'> {
+export interface CardModalProps extends ViewProps {
     withoutShadow?: boolean;
 }
-interface CardModalWithChildren extends BaseCardModalProps {
-    children: ReactNode;
-    header?: never;
-    footer?: never;
-    body?: never;
-}
-interface CardModalWithoutChildren extends BaseCardModalProps {
-    children?: never;
-    /** @deprecated use `FullscreenModal.Header` as `children` instead */
-    header?: ReactNode;
-    /** @deprecated use `FullscreenModal.Footer` as `children` instead */
-    footer?: ReactNode;
-    /** @deprecated use `FullscreenModal.Body` as `children` instead */
-    body: ReactNode;
-}
-export type CardModalProps = CardModalWithChildren | CardModalWithoutChildren;
-export declare function CardModal({ backgroundColor, maxWidth, withoutShadow, children, header, body, footer, ...props }: CardModalProps): ReactNode;
+export declare function CardModal({ backgroundColor, maxWidth, withoutShadow, children, ...props }: CardModalProps): ReactNode;
 export declare namespace CardModal {
     var Body: typeof CardModalBody;
     var Header: typeof CardModalHeader;
     var Footer: typeof CardModalFooter;
     var ModalBehaviour: typeof CardModalBehaviour;
 }
-export {};
 //# sourceMappingURL=CardModal.d.ts.map

package/dist/definitions/CardModal/CardModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardModal.d.ts","sourceRoot":"","sources":["../../../src/CardModal/CardModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,UAAU,kBAAmB,SAAQ,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,qBAAsB,SAAQ,kBAAkB;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,UAAU,wBAAyB,SAAQ,kBAAkB;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,qEAAqE;IACrE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qEAAqE;IACrE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mEAAmE;IACnE,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAAG,wBAAwB,CAAC;AAE9E,wBAAgB,SAAS,CAAC,EACxB,eAA0C,EAC1C,QAAoC,EACpC,aAAa,EACb,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,MAAM,EACN,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,SAAS,CAsB5B;yBA/Be,SAAS"}
+{"version":3,"file":"CardModal.d.ts","sourceRoot":"","sources":["../../../src/CardModal/CardModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,EACxB,eAA0C,EAC1C,QAAoC,EACpC,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,SAAS,CAgB5B;yBAtBe,SAAS"}

package/dist/definitions/FullscreenModal/FullscreenModal.d.ts

@@ -4,31 +4,15 @@ import { FullscreenModalBody } from './Body';
 import { FullscreenModalFooter } from './Footer';
 import { FullscreenModalBehaviour } from './FullscreenModalBehaviour';
 import { FullscreenModalHeader } from './Header';
-export interface BaseFullscreenModalProps {
+export interface FullscreenModalProps {
     backgroundColor?: ViewProps['backgroundColor'];
-}
-interface BaseFullscreenModalPropsWithChildren extends BaseFullscreenModalProps {
     children: ReactNode;
-    header?: never;
-    footer?: never;
-    body?: never;
-}
-interface BaseFullscreenModalPropsWithoutChildren extends BaseFullscreenModalProps {
-    children?: never;
-    /** @deprecated use `FullscreenModal.Header` as `children` instead */
-    header?: ReactNode;
-    /** @deprecated use `FullscreenModal.Footer` as `children` instead */
-    footer?: ReactNode;
-    /** @deprecated use `FullscreenModal.Body` as `children` instead */
-    body: ReactNode;
 }
-export type FullscreenModalProps = BaseFullscreenModalPropsWithChildren | BaseFullscreenModalPropsWithoutChildren;
-export declare function FullscreenModal({ children, body, header, footer, backgroundColor }: FullscreenModalProps): ReactNode;
+export declare function FullscreenModal({ children, backgroundColor }: FullscreenModalProps): ReactNode;
 export declare namespace FullscreenModal {
     var Header: typeof FullscreenModalHeader;
     var Footer: typeof FullscreenModalFooter;
     var Body: typeof FullscreenModalBody;
     var ModalBehaviour: typeof FullscreenModalBehaviour;
 }
-export {};
 //# sourceMappingURL=FullscreenModal.d.ts.map

package/dist/definitions/FullscreenModal/FullscreenModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FullscreenModal.d.ts","sourceRoot":"","sources":["../../../src/FullscreenModal/FullscreenModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,WAAW,wBAAwB;IACvC,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAChD;AAED,UAAU,oCAAqC,SAAQ,wBAAwB;IAC7E,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,UAAU,uCAAwC,SAAQ,wBAAwB;IAChF,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,qEAAqE;IACrE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qEAAqE;IACrE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mEAAmE;IACnE,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,MAAM,oBAAoB,GAAG,oCAAoC,GAAG,uCAAuC,CAAC;AAElH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAgBpH;yBAhBe,eAAe"}
+{"version":3,"file":"FullscreenModal.d.ts","sourceRoot":"","sources":["../../../src/FullscreenModal/FullscreenModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,WAAW,oBAAoB;IACnC,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAE9F;yBAFe,eAAe"}

package/dist/definitions/NavigationBottomSheet/NavigationBottomSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/NavigationBottomSheet/NavigationBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAI7D,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,SAAS,EACT,UAAU,EACV,OAAO,GACR,EAAE,0BAA0B,GAAG,SAAS,CA8BxC;yBAtCe,qBAAqB;;;;;AAwCrC;;GAEG;AACH,MAAM,WAAW,gCAAiC,SAAQ,cAAc;CAAG;AAC3E,iBAAS,2BAA2B,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gCAAgC,GAAG,SAAS,CAErG;AAED,MAAM,WAAW,8BAA+B,SAAQ,wBAAwB;CAAG;AAEnF,iBAAS,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,GAAG,SAAS,CAEnF;AAED,MAAM,WAAW,gCAAiC,SAAQ,0BAA0B;CAAG;AAEvF,iBAAS,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,GAAG,SAAS,CAEvF"}
+{"version":3,"file":"NavigationBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/NavigationBottomSheet/NavigationBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAI7D,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,SAAS,EACT,UAAU,EACV,OAAO,GACR,EAAE,0BAA0B,GAAG,SAAS,CA8BxC;yBAtCe,qBAAqB;;;;;AAwCrC;;GAEG;AACH,MAAM,WAAW,gCAAiC,SAAQ,cAAc;CAAG;AAC3E,iBAAS,2BAA2B,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gCAAgC,GAAG,SAAS,CAErG;AAED,MAAM,WAAW,8BAA+B,SAAQ,wBAAwB;CAAG;AAEnF,iBAAS,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,GAAG,SAAS,CAUnF;AAED,MAAM,WAAW,gCAAiC,SAAQ,0BAA0B;CAAG;AAEvF,iBAAS,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,GAAG,SAAS,CAEvF"}

package/dist/definitions/NavigationModal/NavigationModal.d.ts

@@ -8,7 +8,7 @@ import type { FullscreenModalProps } from '../FullscreenModal/FullscreenModal';
 import type { FullscreenModalHeaderProps } from '../FullscreenModal/Header';
 import { NavigationModalBehaviour } from './NavigationModalBehaviour';
 export type NavigationModalProps = FullscreenModalProps;
-export declare function NavigationModal({ body, backgroundColor, footer, header, children }: NavigationModalProps): ReactNode;
+export declare function NavigationModal({ backgroundColor, children }: NavigationModalProps): ReactNode;
 export declare namespace NavigationModal {
     var Header: (props: HeaderProps) => ReactNode;
     var Body: (props: BodyProps) => ReactNode;

package/dist/definitions/NavigationModal/NavigationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationModal.d.ts","sourceRoot":"","sources":["../../../src/NavigationModal/NavigationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC;AAExD,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAWpH;yBAXe,eAAe;;;;;;AAa/B,KAAK,WAAW,GAAG,oBAAoB,GAAG,0BAA0B,CAAC;AAUrE,KAAK,SAAS,GAAG,kBAAkB,GAAG,wBAAwB,CAAC;AAU/D,KAAK,WAAW,GAAG,oBAAoB,GAAG,0BAA0B,CAAC"}
+{"version":3,"file":"NavigationModal.d.ts","sourceRoot":"","sources":["../../../src/NavigationModal/NavigationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC;AAExD,wBAAgB,eAAe,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAO9F;yBAPe,eAAe;;;;;;AAS/B,KAAK,WAAW,GAAG,oBAAoB,GAAG,0BAA0B,CAAC;AAUrE,KAAK,SAAS,GAAG,kBAAkB,GAAG,wBAAwB,CAAC;AAU/D,KAAK,WAAW,GAAG,oBAAoB,GAAG,0BAA0B,CAAC"}

package/dist/index-metro.es.android.js

@@ -4049,9 +4049,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));
 }
 
 /**
@@ -4550,16 +4548,13 @@ function CardModalHeader(props) {
   return /*#__PURE__*/jsx(TopNavBar, _objectSpread({}, props));
 }
 
-const _excluded$G = ["backgroundColor", "maxWidth", "withoutShadow", "children", "header", "body", "footer"];
+const _excluded$G = ["backgroundColor", "maxWidth", "withoutShadow", "children"];
 function CardModal(_ref) {
   let {
       backgroundColor = 'kitt.uiBackgroundLight',
       maxWidth = 'kitt.cardModal.maxWidth',
       withoutShadow,
-      children,
-      header,
-      body,
-      footer
+      children
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded$G);
   return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
@@ -4571,9 +4566,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;
@@ -8377,30 +8370,11 @@ function FullscreenModalHeader(_ref) {
 
 function FullscreenModal({
   children,
-  body,
-  header,
-  footer,
   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;
@@ -11667,12 +11641,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;
@@ -11731,24 +11707,16 @@ function NavigationModalBehaviour(_ref) {
 }
 
 function NavigationModal({
-  body,
   backgroundColor,
-  footer,
-  header,
   children
 }) {
   const 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) {