diff --git a/packages/react-core/src/components/Compass/Compass.tsx b/packages/react-core/src/components/Compass/Compass.tsx index 864db7d3b45..14b94635691 100644 --- a/packages/react-core/src/components/Compass/Compass.tsx +++ b/packages/react-core/src/components/Compass/Compass.tsx @@ -1,4 +1,4 @@ -import { Drawer, DrawerContent, DrawerProps } from '../Drawer'; +import { Drawer, DrawerContent, DrawerContentBody, DrawerProps } from '../Drawer'; import styles from '@patternfly/react-styles/css/components/Compass/compass'; import { css } from '@patternfly/react-styles'; @@ -96,7 +96,9 @@ export const Compass: React.FunctionComponent = ({ if (hasDrawer) { return ( - {compassContent} + + {compassContent} + ); } diff --git a/packages/react-core/src/components/Compass/__tests__/__snapshots__/Compass.test.tsx.snap b/packages/react-core/src/components/Compass/__tests__/__snapshots__/Compass.test.tsx.snap index 5efef8172f5..5886e96c8ec 100644 --- a/packages/react-core/src/components/Compass/__tests__/__snapshots__/Compass.test.tsx.snap +++ b/packages/react-core/src/components/Compass/__tests__/__snapshots__/Compass.test.tsx.snap @@ -56,41 +56,45 @@ exports[`Matches the snapshot with drawer 1`] = ` class="pf-v6-c-drawer__content" >
-
- Header +
+
+ Header +
-
-
-
- Sidebar start +
+
+ Sidebar start +
-
-
-
- Main content +
+
+ Main content +
-
-
-
- Sidebar end +
+
+ Sidebar end +
-
- diff --git a/packages/react-core/src/components/Compass/examples/Compass.md b/packages/react-core/src/components/Compass/examples/Compass.md index 60433d031ad..7870c02ae1c 100644 --- a/packages/react-core/src/components/Compass/examples/Compass.md +++ b/packages/react-core/src/components/Compass/examples/Compass.md @@ -3,7 +3,16 @@ id: Compass cssPrefix: pf-v6-c-compass section: components beta: true -propComponents: ['Compass', 'CompassHeader', 'CompassContent', 'CompassHero', 'CompassMainHeader', 'CompassPanel'] +propComponents: + [ + 'Compass', + 'CompassHeader', + 'CompassContent', + 'CompassHero', + 'CompassMainHeader', + 'CompassPanel', + 'CompassMessageBar' + ] --- import './compass.css';