@patternfly/react-core 6.5.0-prerelease.12 → 6.5.0-prerelease.13

package/dist/dynamic/deprecated/components/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-components-deprecated-dynamic","main":"../../../js/deprecated/components/index.js","module":"../../../esm/deprecated/components/index.js","typings":"../../../esm/deprecated/components/index.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-components-deprecated-dynamic","main":"../../../js/deprecated/components/index.js","module":"../../../esm/deprecated/components/index.js","typings":"../../../esm/deprecated/components/index.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/AnimationsProvider/AnimationsProvider/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-animationsprovider.js-dynamic","main":"../../../../js/helpers/AnimationsProvider/AnimationsProvider.js","module":"../../../../esm/helpers/AnimationsProvider/AnimationsProvider.js","typings":"../../../../esm/helpers/AnimationsProvider/AnimationsProvider.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-animationsprovider.js-dynamic","main":"../../../../js/helpers/AnimationsProvider/AnimationsProvider.js","module":"../../../../esm/helpers/AnimationsProvider/AnimationsProvider.js","typings":"../../../../esm/helpers/AnimationsProvider/AnimationsProvider.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/AnimationsProvider/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-animationsprovider-dynamic","main":"../../../js/helpers/AnimationsProvider/index.js","module":"../../../esm/helpers/AnimationsProvider/index.js","typings":"../../../esm/helpers/AnimationsProvider/index.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-animationsprovider-dynamic","main":"../../../js/helpers/AnimationsProvider/index.js","module":"../../../esm/helpers/AnimationsProvider/index.js","typings":"../../../esm/helpers/AnimationsProvider/index.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-focustrap.js-dynamic","main":"../../../../js/helpers/FocusTrap/FocusTrap.js","module":"../../../../esm/helpers/FocusTrap/FocusTrap.js","typings":"../../../../esm/helpers/FocusTrap/FocusTrap.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-focustrap.js-dynamic","main":"../../../../js/helpers/FocusTrap/FocusTrap.js","module":"../../../../esm/helpers/FocusTrap/FocusTrap.js","typings":"../../../../esm/helpers/FocusTrap/FocusTrap.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/GenerateId/GenerateId/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-generateid.js-dynamic","main":"../../../../js/helpers/GenerateId/GenerateId.js","module":"../../../../esm/helpers/GenerateId/GenerateId.js","typings":"../../../../esm/helpers/GenerateId/GenerateId.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-generateid.js-dynamic","main":"../../../../js/helpers/GenerateId/GenerateId.js","module":"../../../../esm/helpers/GenerateId/GenerateId.js","typings":"../../../../esm/helpers/GenerateId/GenerateId.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/KeyboardHandler/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-keyboardhandler.js-dynamic","main":"../../../js/helpers/KeyboardHandler.js","module":"../../../esm/helpers/KeyboardHandler.js","typings":"../../../esm/helpers/KeyboardHandler.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-keyboardhandler.js-dynamic","main":"../../../js/helpers/KeyboardHandler.js","module":"../../../esm/helpers/KeyboardHandler.js","typings":"../../../esm/helpers/KeyboardHandler.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/OUIA/ouia/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-ouia.js-dynamic","main":"../../../../js/helpers/OUIA/ouia.js","module":"../../../../esm/helpers/OUIA/ouia.js","typings":"../../../../esm/helpers/OUIA/ouia.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-ouia.js-dynamic","main":"../../../../js/helpers/OUIA/ouia.js","module":"../../../../esm/helpers/OUIA/ouia.js","typings":"../../../../esm/helpers/OUIA/ouia.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/Popper/Popper/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-popper.js-dynamic","main":"../../../../js/helpers/Popper/Popper.js","module":"../../../../esm/helpers/Popper/Popper.js","typings":"../../../../esm/helpers/Popper/Popper.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-popper.js-dynamic","main":"../../../../js/helpers/Popper/Popper.js","module":"../../../../esm/helpers/Popper/Popper.js","typings":"../../../../esm/helpers/Popper/Popper.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/constants/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-constants.js-dynamic","main":"../../../js/helpers/constants.js","module":"../../../esm/helpers/constants.js","typings":"../../../esm/helpers/constants.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-constants.js-dynamic","main":"../../../js/helpers/constants.js","module":"../../../esm/helpers/constants.js","typings":"../../../esm/helpers/constants.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/datetimeUtils/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-datetimeutils.js-dynamic","main":"../../../js/helpers/datetimeUtils.js","module":"../../../esm/helpers/datetimeUtils.js","typings":"../../../esm/helpers/datetimeUtils.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-datetimeutils.js-dynamic","main":"../../../js/helpers/datetimeUtils.js","module":"../../../esm/helpers/datetimeUtils.js","typings":"../../../esm/helpers/datetimeUtils.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/fileUtils/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-fileutils.js-dynamic","main":"../../../js/helpers/fileUtils.js","module":"../../../esm/helpers/fileUtils.js","typings":"../../../esm/helpers/fileUtils.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-fileutils.js-dynamic","main":"../../../js/helpers/fileUtils.js","module":"../../../esm/helpers/fileUtils.js","typings":"../../../esm/helpers/fileUtils.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/htmlConstants/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-htmlconstants.js-dynamic","main":"../../../js/helpers/htmlConstants.js","module":"../../../esm/helpers/htmlConstants.js","typings":"../../../esm/helpers/htmlConstants.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-htmlconstants.js-dynamic","main":"../../../js/helpers/htmlConstants.js","module":"../../../esm/helpers/htmlConstants.js","typings":"../../../esm/helpers/htmlConstants.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-helpers-dynamic","main":"../../js/helpers/index.js","module":"../../esm/helpers/index.js","typings":"../../esm/helpers/index.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-helpers-dynamic","main":"../../js/helpers/index.js","module":"../../esm/helpers/index.js","typings":"../../esm/helpers/index.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/resizeObserver/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-resizeobserver.js-dynamic","main":"../../../js/helpers/resizeObserver.js","module":"../../../esm/helpers/resizeObserver.js","typings":"../../../esm/helpers/resizeObserver.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-resizeobserver.js-dynamic","main":"../../../js/helpers/resizeObserver.js","module":"../../../esm/helpers/resizeObserver.js","typings":"../../../esm/helpers/resizeObserver.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/typeUtils/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-typeutils.js-dynamic","main":"../../../js/helpers/typeUtils.js","module":"../../../esm/helpers/typeUtils.js","typings":"../../../esm/helpers/typeUtils.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-typeutils.js-dynamic","main":"../../../js/helpers/typeUtils.js","module":"../../../esm/helpers/typeUtils.js","typings":"../../../esm/helpers/typeUtils.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/useInterval/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-useinterval.js-dynamic","main":"../../../js/helpers/useInterval.js","module":"../../../esm/helpers/useInterval.js","typings":"../../../esm/helpers/useInterval.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-useinterval.js-dynamic","main":"../../../js/helpers/useInterval.js","module":"../../../esm/helpers/useInterval.js","typings":"../../../esm/helpers/useInterval.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/useIsomorphicLayout/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-useisomorphiclayout.js-dynamic","main":"../../../js/helpers/useIsomorphicLayout.js","module":"../../../esm/helpers/useIsomorphicLayout.js","typings":"../../../esm/helpers/useIsomorphicLayout.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-useisomorphiclayout.js-dynamic","main":"../../../js/helpers/useIsomorphicLayout.js","module":"../../../esm/helpers/useIsomorphicLayout.js","typings":"../../../esm/helpers/useIsomorphicLayout.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/useUnmountEffect/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-useunmounteffect.js-dynamic","main":"../../../js/helpers/useUnmountEffect.js","module":"../../../esm/helpers/useUnmountEffect.js","typings":"../../../esm/helpers/useUnmountEffect.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-useunmounteffect.js-dynamic","main":"../../../js/helpers/useUnmountEffect.js","module":"../../../esm/helpers/useUnmountEffect.js","typings":"../../../esm/helpers/useUnmountEffect.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/helpers/util/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-util.js-dynamic","main":"../../../js/helpers/util.js","module":"../../../esm/helpers/util.js","typings":"../../../esm/helpers/util.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-util.js-dynamic","main":"../../../js/helpers/util.js","module":"../../../esm/helpers/util.js","typings":"../../../esm/helpers/util.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/layouts/Bullseye/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-bullseye-dynamic","main":"../../../js/layouts/Bullseye/index.js","module":"../../../esm/layouts/Bullseye/index.js","typings":"../../../esm/layouts/Bullseye/index.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-bullseye-dynamic","main":"../../../js/layouts/Bullseye/index.js","module":"../../../esm/layouts/Bullseye/index.js","typings":"../../../esm/layouts/Bullseye/index.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/layouts/Flex/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-flex-dynamic","main":"../../../js/layouts/Flex/index.js","module":"../../../esm/layouts/Flex/index.js","typings":"../../../esm/layouts/Flex/index.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-flex-dynamic","main":"../../../js/layouts/Flex/index.js","module":"../../../esm/layouts/Flex/index.js","typings":"../../../esm/layouts/Flex/index.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/layouts/Gallery/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-gallery-dynamic","main":"../../../js/layouts/Gallery/index.js","module":"../../../esm/layouts/Gallery/index.js","typings":"../../../esm/layouts/Gallery/index.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-gallery-dynamic","main":"../../../js/layouts/Gallery/index.js","module":"../../../esm/layouts/Gallery/index.js","typings":"../../../esm/layouts/Gallery/index.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/layouts/Grid/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-grid-dynamic","main":"../../../js/layouts/Grid/index.js","module":"../../../esm/layouts/Grid/index.js","typings":"../../../esm/layouts/Grid/index.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-grid-dynamic","main":"../../../js/layouts/Grid/index.js","module":"../../../esm/layouts/Grid/index.js","typings":"../../../esm/layouts/Grid/index.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/layouts/Level/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-level-dynamic","main":"../../../js/layouts/Level/index.js","module":"../../../esm/layouts/Level/index.js","typings":"../../../esm/layouts/Level/index.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-level-dynamic","main":"../../../js/layouts/Level/index.js","module":"../../../esm/layouts/Level/index.js","typings":"../../../esm/layouts/Level/index.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/layouts/Split/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-split-dynamic","main":"../../../js/layouts/Split/index.js","module":"../../../esm/layouts/Split/index.js","typings":"../../../esm/layouts/Split/index.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-split-dynamic","main":"../../../js/layouts/Split/index.js","module":"../../../esm/layouts/Split/index.js","typings":"../../../esm/layouts/Split/index.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/layouts/Stack/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-stack-dynamic","main":"../../../js/layouts/Stack/index.js","module":"../../../esm/layouts/Stack/index.js","typings":"../../../esm/layouts/Stack/index.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-stack-dynamic","main":"../../../js/layouts/Stack/index.js","module":"../../../esm/layouts/Stack/index.js","typings":"../../../esm/layouts/Stack/index.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic/styles/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-styles-dynamic","main":"../../js/styles/index.js","module":"../../esm/styles/index.js","typings":"../../esm/styles/index.d.ts","version":"6.5.0-prerelease.11","private":true}
+{"name":"@patternfly/react-core-styles-dynamic","main":"../../js/styles/index.js","module":"../../esm/styles/index.js","typings":"../../esm/styles/index.d.ts","version":"6.5.0-prerelease.12","private":true}

package/dist/dynamic-modules.json

@@ -110,7 +110,13 @@
   "CompassHero": "dist/dynamic/components/Compass",
   "CompassHeroProps": "dist/dynamic/components/Compass",
   "CompassMainHeader": "dist/dynamic/components/Compass",
+  "CompassMainHeaderContent": "dist/dynamic/components/Compass",
+  "CompassMainHeaderContentProps": "dist/dynamic/components/Compass",
   "CompassMainHeaderProps": "dist/dynamic/components/Compass",
+  "CompassMainHeaderTitle": "dist/dynamic/components/Compass",
+  "CompassMainHeaderTitleProps": "dist/dynamic/components/Compass",
+  "CompassMainHeaderToolbar": "dist/dynamic/components/Compass",
+  "CompassMainHeaderToolbarProps": "dist/dynamic/components/Compass",
   "CompassMessageBar": "dist/dynamic/components/Compass",
   "CompassMessageBarProps": "dist/dynamic/components/Compass",
   "CompassPanel": "dist/dynamic/components/Compass",

package/dist/esm/components/Compass/CompassMainHeader.d.ts

@@ -1,13 +1,21 @@
 /// <reference types="react" />
+import { CompassPanelProps } from './CompassPanel';
+/** The wrapper component for header content in the main compass area. When building out a custom implementation,
+ * you should ensure any content within the main header is rendered inside a compass panel and main header content wrappers.
+ */
 export interface CompassMainHeaderProps extends Omit<React.HTMLProps<HTMLDivElement>, 'title'> {
+    /** Custom main header content. To opt into a default styling, use the title and toolbar props instead. */
+    children?: React.ReactNode;
     /** Additional classes added to the main header */
     className?: string;
     /** Styled title. If title or toolbar is provided, the children will be ignored. */
     title?: React.ReactNode;
     /** Styled toolbar. If title or toolbar is provided, the children will be ignored. */
     toolbar?: React.ReactNode;
-    /** Custom main header content. To opt into a default styling, use the title and toolbar props instead. */
-    children?: React.ReactNode;
+    /** Additional props passed to the compass panel that wraps the main header content when using the title or toolbar props. When using the
+     * children prop, you should pass your own compass panel.
+     */
+    compassPanelProps?: Omit<CompassPanelProps, 'children'>;
 }
 export declare const CompassMainHeader: React.FunctionComponent<CompassMainHeaderProps>;
 //# sourceMappingURL=CompassMainHeader.d.ts.map

package/dist/esm/components/Compass/CompassMainHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompassMainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeader.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC5F,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,qFAAqF;IACrF,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAwB7E,CAAC"}
+{"version":3,"file":"CompassMainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAOjE;;GAEG;AAEH,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC5F,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,qFAAqF;IACrF,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAyB7E,CAAC"}

package/dist/esm/components/Compass/CompassMainHeader.js

@@ -1,12 +1,14 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex, FlexItem } from '../../layouts/Flex';
 import { CompassPanel } from './CompassPanel';
+import { CompassMainHeaderContent } from './CompassMainHeaderContent';
+import { CompassMainHeaderTitle } from './CompassMainHeaderTitle';
+import { CompassMainHeaderToolbar } from './CompassMainHeaderToolbar';
 import styles from '@patternfly/react-styles/css/components/Compass/compass.mjs';
 import { css } from '@patternfly/react-styles';
 export const CompassMainHeader = (_a) => {
-    var { className, title, toolbar, children } = _a, props = __rest(_a, ["className", "title", "toolbar", "children"]);
-    const _content = title !== undefined || toolbar !== undefined ? (_jsx(CompassPanel, { children: _jsxs(Flex, { alignItems: { default: 'alignItemsCenter' }, children: [_jsx(FlexItem, { grow: { default: 'grow' }, children: title }), toolbar && _jsx(FlexItem, { children: toolbar })] }) })) : (children);
+    var { className, title, toolbar, children, compassPanelProps } = _a, props = __rest(_a, ["className", "title", "toolbar", "children", "compassPanelProps"]);
+    const _content = title !== undefined || toolbar !== undefined ? (_jsx(CompassPanel, Object.assign({}, compassPanelProps, { children: _jsxs(CompassMainHeaderContent, { children: [title && _jsx(CompassMainHeaderTitle, { children: title }), toolbar && _jsx(CompassMainHeaderToolbar, { children: toolbar })] }) }))) : (children);
     return (_jsx("div", Object.assign({ className: css(`${styles.compass}__main-header`, className) }, props, { children: _content })));
 };
 CompassMainHeader.displayName = 'CompassMainHeader';

package/dist/esm/components/Compass/CompassMainHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompassMainHeader.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeader.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAa/C,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAMlF,EAAE,EAAE;QAN8E,EACjF,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,OAET,EADI,KAAK,cALyE,6CAMlF,CADS;IAER,MAAM,QAAQ,GACZ,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7C,KAAC,YAAY,cACX,MAAC,IAAI,IAAC,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,aAC/C,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAAG,KAAK,GAAY,EACtD,OAAO,IAAI,KAAC,QAAQ,cAAE,OAAO,GAAY,IACrC,GACM,CAChB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;IAEJ,OAAO,CACL,4BAAK,SAAS,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,eAAe,EAAE,SAAS,CAAC,IAAM,KAAK,cACxE,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
+{"version":3,"file":"CompassMainHeader.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeader.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAqB/C,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAOlF,EAAE,EAAE;QAP8E,EACjF,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,EACR,iBAAiB,OAElB,EADI,KAAK,cANyE,kEAOlF,CADS;IAER,MAAM,QAAQ,GACZ,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7C,KAAC,YAAY,oBAAK,iBAAiB,cACjC,MAAC,wBAAwB,eACtB,KAAK,IAAI,KAAC,sBAAsB,cAAE,KAAK,GAA0B,EACjE,OAAO,IAAI,KAAC,wBAAwB,cAAE,OAAO,GAA4B,IACjD,IACd,CAChB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;IAEJ,OAAO,CACL,4BAAK,SAAS,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,eAAe,EAAE,SAAS,CAAC,IAAM,KAAK,cACxE,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/esm/components/Compass/CompassMainHeaderContent.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/** A wrapper component to be passed as custom content for the compass main header. This should also be wrapped
+ * in a compass panel component.
+ */
+export interface CompassMainHeaderContentProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content of the main header content. */
+    children: React.ReactNode;
+    /** Additional classes added to the main header content. */
+    className?: string;
+}
+export declare const CompassMainHeaderContent: React.FunctionComponent<CompassMainHeaderContentProps>;
+//# sourceMappingURL=CompassMainHeaderContent.d.ts.map

package/dist/esm/components/Compass/CompassMainHeaderContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeaderContent.tsx"],"names":[],"mappings":";AAGA;;GAEG;AAEH,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,0CAA0C;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAQ3F,CAAC"}

package/dist/esm/components/Compass/CompassMainHeaderContent.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from '@patternfly/react-styles/css/components/Compass/compass.mjs';
+import { css } from '@patternfly/react-styles';
+export const CompassMainHeaderContent = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (_jsx("div", Object.assign({ className: css(styles.compassMainHeaderContent, className) }, props, { children: children })));
+};
+CompassMainHeaderContent.displayName = 'CompassMainHeaderContent';
+//# sourceMappingURL=CompassMainHeaderContent.js.map

package/dist/esm/components/Compass/CompassMainHeaderContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainHeaderContent.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeaderContent.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAa/C,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAIhG,EAAE,EAAE;QAJ4F,EAC/F,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,cAHuF,yBAIhG,CADS;IACJ,OAAA,CACJ,4BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAAM,KAAK,cACvE,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAEF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}

package/dist/esm/components/Compass/CompassMainHeaderTitle.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/** A wrapper component for custom title content to be passed into a compass main header. This should also be wrapped
+ * by a compass main header content component.
+ */
+export interface CompassMainHeaderTitleProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content of the main header title. */
+    children: React.ReactNode;
+    /** Additional classes added to the main header title. */
+    className?: string;
+}
+export declare const CompassMainHeaderTitle: React.FunctionComponent<CompassMainHeaderTitleProps>;
+//# sourceMappingURL=CompassMainHeaderTitle.d.ts.map

package/dist/esm/components/Compass/CompassMainHeaderTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainHeaderTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeaderTitle.tsx"],"names":[],"mappings":";AAGA;;GAEG;AAEH,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClF,wCAAwC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAQvF,CAAC"}

package/dist/esm/components/Compass/CompassMainHeaderTitle.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from '@patternfly/react-styles/css/components/Compass/compass.mjs';
+import { css } from '@patternfly/react-styles';
+export const CompassMainHeaderTitle = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (_jsx("div", Object.assign({ className: css(`${styles.compass}__main-header-title`, className) }, props, { children: children })));
+};
+CompassMainHeaderTitle.displayName = 'CompassMainHeaderTitle';
+//# sourceMappingURL=CompassMainHeaderTitle.js.map

package/dist/esm/components/Compass/CompassMainHeaderTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainHeaderTitle.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeaderTitle.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAa/C,MAAM,CAAC,MAAM,sBAAsB,GAAyD,CAAC,EAI5F,EAAE,EAAE;QAJwF,EAC3F,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,cAHmF,yBAI5F,CADS;IACJ,OAAA,CACJ,4BAAK,SAAS,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,qBAAqB,EAAE,SAAS,CAAC,IAAM,KAAK,cAC9E,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAEF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}

package/dist/esm/components/Compass/CompassMainHeaderToolbar.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/** A wrapper component for custom toolbar content to be passed into a compass main header. This should also be wrapped
+ * by a compass main header content component.
+ */
+export interface CompassMainHeaderToolbarProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content of the main header toolbar. */
+    children: React.ReactNode;
+    /** Additional classes added to the main header toolbar. */
+    className?: string;
+}
+export declare const CompassMainHeaderToolbar: React.FunctionComponent<CompassMainHeaderToolbarProps>;
+//# sourceMappingURL=CompassMainHeaderToolbar.d.ts.map

package/dist/esm/components/Compass/CompassMainHeaderToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainHeaderToolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeaderToolbar.tsx"],"names":[],"mappings":";AAGA;;GAEG;AAEH,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,0CAA0C;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAQ3F,CAAC"}

package/dist/esm/components/Compass/CompassMainHeaderToolbar.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from '@patternfly/react-styles/css/components/Compass/compass.mjs';
+import { css } from '@patternfly/react-styles';
+export const CompassMainHeaderToolbar = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (_jsx("div", Object.assign({ className: css(`${styles.compass}__main-header-toolbar`, className) }, props, { children: children })));
+};
+CompassMainHeaderToolbar.displayName = 'CompassMainHeaderToolbar';
+//# sourceMappingURL=CompassMainHeaderToolbar.js.map

package/dist/esm/components/Compass/CompassMainHeaderToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainHeaderToolbar.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeaderToolbar.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAa/C,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAIhG,EAAE,EAAE;QAJ4F,EAC/F,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,cAHuF,yBAIhG,CADS;IACJ,OAAA,CACJ,4BAAK,SAAS,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,uBAAuB,EAAE,SAAS,CAAC,IAAM,KAAK,cAChF,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAEF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}

package/dist/esm/components/Compass/index.d.ts

@@ -3,6 +3,9 @@ export * from './CompassContent';
 export * from './CompassHeader';
 export * from './CompassHero';
 export * from './CompassMainHeader';
+export * from './CompassMainHeaderContent';
+export * from './CompassMainHeaderTitle';
+export * from './CompassMainHeaderToolbar';
 export * from './CompassMessageBar';
 export * from './CompassPanel';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Compass/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/Compass/index.js

@@ -3,6 +3,9 @@ export * from './CompassContent';
 export * from './CompassHeader';
 export * from './CompassHero';
 export * from './CompassMainHeader';
+export * from './CompassMainHeaderContent';
+export * from './CompassMainHeaderTitle';
+export * from './CompassMainHeaderToolbar';
 export * from './CompassMessageBar';
 export * from './CompassPanel';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Compass/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Compass/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Compass/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}

package/dist/js/components/Compass/CompassMainHeader.d.ts

@@ -1,13 +1,21 @@
 /// <reference types="react" />
+import { CompassPanelProps } from './CompassPanel';
+/** The wrapper component for header content in the main compass area. When building out a custom implementation,
+ * you should ensure any content within the main header is rendered inside a compass panel and main header content wrappers.
+ */
 export interface CompassMainHeaderProps extends Omit<React.HTMLProps<HTMLDivElement>, 'title'> {
+    /** Custom main header content. To opt into a default styling, use the title and toolbar props instead. */
+    children?: React.ReactNode;
     /** Additional classes added to the main header */
     className?: string;
     /** Styled title. If title or toolbar is provided, the children will be ignored. */
     title?: React.ReactNode;
     /** Styled toolbar. If title or toolbar is provided, the children will be ignored. */
     toolbar?: React.ReactNode;
-    /** Custom main header content. To opt into a default styling, use the title and toolbar props instead. */
-    children?: React.ReactNode;
+    /** Additional props passed to the compass panel that wraps the main header content when using the title or toolbar props. When using the
+     * children prop, you should pass your own compass panel.
+     */
+    compassPanelProps?: Omit<CompassPanelProps, 'children'>;
 }
 export declare const CompassMainHeader: React.FunctionComponent<CompassMainHeaderProps>;
 //# sourceMappingURL=CompassMainHeader.d.ts.map

package/dist/js/components/Compass/CompassMainHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompassMainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeader.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC5F,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,qFAAqF;IACrF,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAwB7E,CAAC"}
+{"version":3,"file":"CompassMainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAOjE;;GAEG;AAEH,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC5F,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,qFAAqF;IACrF,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAyB7E,CAAC"}

package/dist/js/components/Compass/CompassMainHeader.js

@@ -3,13 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CompassMainHeader = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Flex_1 = require("../../layouts/Flex");
 const CompassPanel_1 = require("./CompassPanel");
+const CompassMainHeaderContent_1 = require("./CompassMainHeaderContent");
+const CompassMainHeaderTitle_1 = require("./CompassMainHeaderTitle");
+const CompassMainHeaderToolbar_1 = require("./CompassMainHeaderToolbar");
 const compass_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Compass/compass"));
 const react_styles_1 = require("@patternfly/react-styles");
 const CompassMainHeader = (_a) => {
-    var { className, title, toolbar, children } = _a, props = tslib_1.__rest(_a, ["className", "title", "toolbar", "children"]);
-    const _content = title !== undefined || toolbar !== undefined ? ((0, jsx_runtime_1.jsx)(CompassPanel_1.CompassPanel, { children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { alignItems: { default: 'alignItemsCenter' }, children: [(0, jsx_runtime_1.jsx)(Flex_1.FlexItem, { grow: { default: 'grow' }, children: title }), toolbar && (0, jsx_runtime_1.jsx)(Flex_1.FlexItem, { children: toolbar })] }) })) : (children);
+    var { className, title, toolbar, children, compassPanelProps } = _a, props = tslib_1.__rest(_a, ["className", "title", "toolbar", "children", "compassPanelProps"]);
+    const _content = title !== undefined || toolbar !== undefined ? ((0, jsx_runtime_1.jsx)(CompassPanel_1.CompassPanel, Object.assign({}, compassPanelProps, { children: (0, jsx_runtime_1.jsxs)(CompassMainHeaderContent_1.CompassMainHeaderContent, { children: [title && (0, jsx_runtime_1.jsx)(CompassMainHeaderTitle_1.CompassMainHeaderTitle, { children: title }), toolbar && (0, jsx_runtime_1.jsx)(CompassMainHeaderToolbar_1.CompassMainHeaderToolbar, { children: toolbar })] }) }))) : (children);
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(`${compass_1.default.compass}__main-header`, className) }, props, { children: _content })));
 };
 exports.CompassMainHeader = CompassMainHeader;

package/dist/js/components/Compass/CompassMainHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompassMainHeader.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeader.tsx"],"names":[],"mappings":";;;;;AAAA,6CAAoD;AACpD,iDAA8C;AAC9C,8GAA6E;AAC7E,2DAA+C;AAaxC,MAAM,iBAAiB,GAAoD,CAAC,EAMlF,EAAE,EAAE;QAN8E,EACjF,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,OAET,EADI,KAAK,sBALyE,6CAMlF,CADS;IAER,MAAM,QAAQ,GACZ,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7C,uBAAC,2BAAY,cACX,wBAAC,WAAI,IAAC,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,aAC/C,uBAAC,eAAQ,IAAC,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAAG,KAAK,GAAY,EACtD,OAAO,IAAI,uBAAC,eAAQ,cAAE,OAAO,GAAY,IACrC,GACM,CAChB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;IAEJ,OAAO,CACL,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,GAAG,iBAAM,CAAC,OAAO,eAAe,EAAE,SAAS,CAAC,IAAM,KAAK,cACxE,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,iBAAiB,qBAwB5B;AAEF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
+{"version":3,"file":"CompassMainHeader.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeader.tsx"],"names":[],"mappings":";;;;;AAAA,iDAAiE;AACjE,yEAAsE;AACtE,qEAAkE;AAClE,yEAAsE;AACtE,8GAA6E;AAC7E,2DAA+C;AAqBxC,MAAM,iBAAiB,GAAoD,CAAC,EAOlF,EAAE,EAAE;QAP8E,EACjF,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,EACR,iBAAiB,OAElB,EADI,KAAK,sBANyE,kEAOlF,CADS;IAER,MAAM,QAAQ,GACZ,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7C,uBAAC,2BAAY,oBAAK,iBAAiB,cACjC,wBAAC,mDAAwB,eACtB,KAAK,IAAI,uBAAC,+CAAsB,cAAE,KAAK,GAA0B,EACjE,OAAO,IAAI,uBAAC,mDAAwB,cAAE,OAAO,GAA4B,IACjD,IACd,CAChB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;IAEJ,OAAO,CACL,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,GAAG,iBAAM,CAAC,OAAO,eAAe,EAAE,SAAS,CAAC,IAAM,KAAK,cACxE,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,iBAAiB,qBAyB5B;AAEF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/js/components/Compass/CompassMainHeaderContent.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/** A wrapper component to be passed as custom content for the compass main header. This should also be wrapped
+ * in a compass panel component.
+ */
+export interface CompassMainHeaderContentProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content of the main header content. */
+    children: React.ReactNode;
+    /** Additional classes added to the main header content. */
+    className?: string;
+}
+export declare const CompassMainHeaderContent: React.FunctionComponent<CompassMainHeaderContentProps>;
+//# sourceMappingURL=CompassMainHeaderContent.d.ts.map

package/dist/js/components/Compass/CompassMainHeaderContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeaderContent.tsx"],"names":[],"mappings":";AAGA;;GAEG;AAEH,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,0CAA0C;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAQ3F,CAAC"}

package/dist/js/components/Compass/CompassMainHeaderContent.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompassMainHeaderContent = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const compass_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Compass/compass"));
+const react_styles_1 = require("@patternfly/react-styles");
+const CompassMainHeaderContent = (_a) => {
+    var { children, className } = _a, props = tslib_1.__rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassMainHeaderContent, className) }, props, { children: children })));
+};
+exports.CompassMainHeaderContent = CompassMainHeaderContent;
+exports.CompassMainHeaderContent.displayName = 'CompassMainHeaderContent';
+//# sourceMappingURL=CompassMainHeaderContent.js.map

package/dist/js/components/Compass/CompassMainHeaderContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainHeaderContent.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeaderContent.tsx"],"names":[],"mappings":";;;;;AAAA,8GAA6E;AAC7E,2DAA+C;AAaxC,MAAM,wBAAwB,GAA2D,CAAC,EAIhG,EAAE,EAAE;QAJ4F,EAC/F,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,sBAHuF,yBAIhG,CADS;IACJ,OAAA,CACJ,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAAM,KAAK,cACvE,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,wBAAwB,4BAQnC;AAEF,gCAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}

package/dist/js/components/Compass/CompassMainHeaderTitle.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/** A wrapper component for custom title content to be passed into a compass main header. This should also be wrapped
+ * by a compass main header content component.
+ */
+export interface CompassMainHeaderTitleProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content of the main header title. */
+    children: React.ReactNode;
+    /** Additional classes added to the main header title. */
+    className?: string;
+}
+export declare const CompassMainHeaderTitle: React.FunctionComponent<CompassMainHeaderTitleProps>;
+//# sourceMappingURL=CompassMainHeaderTitle.d.ts.map

package/dist/js/components/Compass/CompassMainHeaderTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainHeaderTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeaderTitle.tsx"],"names":[],"mappings":";AAGA;;GAEG;AAEH,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClF,wCAAwC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAQvF,CAAC"}

package/dist/js/components/Compass/CompassMainHeaderTitle.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompassMainHeaderTitle = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const compass_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Compass/compass"));
+const react_styles_1 = require("@patternfly/react-styles");
+const CompassMainHeaderTitle = (_a) => {
+    var { children, className } = _a, props = tslib_1.__rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(`${compass_1.default.compass}__main-header-title`, className) }, props, { children: children })));
+};
+exports.CompassMainHeaderTitle = CompassMainHeaderTitle;
+exports.CompassMainHeaderTitle.displayName = 'CompassMainHeaderTitle';
+//# sourceMappingURL=CompassMainHeaderTitle.js.map

package/dist/js/components/Compass/CompassMainHeaderTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainHeaderTitle.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeaderTitle.tsx"],"names":[],"mappings":";;;;;AAAA,8GAA6E;AAC7E,2DAA+C;AAaxC,MAAM,sBAAsB,GAAyD,CAAC,EAI5F,EAAE,EAAE;QAJwF,EAC3F,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,sBAHmF,yBAI5F,CADS;IACJ,OAAA,CACJ,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,GAAG,iBAAM,CAAC,OAAO,qBAAqB,EAAE,SAAS,CAAC,IAAM,KAAK,cAC9E,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,sBAAsB,0BAQjC;AAEF,8BAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}

package/dist/js/components/Compass/CompassMainHeaderToolbar.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/** A wrapper component for custom toolbar content to be passed into a compass main header. This should also be wrapped
+ * by a compass main header content component.
+ */
+export interface CompassMainHeaderToolbarProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content of the main header toolbar. */
+    children: React.ReactNode;
+    /** Additional classes added to the main header toolbar. */
+    className?: string;
+}
+export declare const CompassMainHeaderToolbar: React.FunctionComponent<CompassMainHeaderToolbarProps>;
+//# sourceMappingURL=CompassMainHeaderToolbar.d.ts.map

package/dist/js/components/Compass/CompassMainHeaderToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainHeaderToolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeaderToolbar.tsx"],"names":[],"mappings":";AAGA;;GAEG;AAEH,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,0CAA0C;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAQ3F,CAAC"}

package/dist/js/components/Compass/CompassMainHeaderToolbar.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompassMainHeaderToolbar = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const compass_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Compass/compass"));
+const react_styles_1 = require("@patternfly/react-styles");
+const CompassMainHeaderToolbar = (_a) => {
+    var { children, className } = _a, props = tslib_1.__rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(`${compass_1.default.compass}__main-header-toolbar`, className) }, props, { children: children })));
+};
+exports.CompassMainHeaderToolbar = CompassMainHeaderToolbar;
+exports.CompassMainHeaderToolbar.displayName = 'CompassMainHeaderToolbar';
+//# sourceMappingURL=CompassMainHeaderToolbar.js.map

package/dist/js/components/Compass/CompassMainHeaderToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainHeaderToolbar.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainHeaderToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,8GAA6E;AAC7E,2DAA+C;AAaxC,MAAM,wBAAwB,GAA2D,CAAC,EAIhG,EAAE,EAAE;QAJ4F,EAC/F,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,sBAHuF,yBAIhG,CADS;IACJ,OAAA,CACJ,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,GAAG,iBAAM,CAAC,OAAO,uBAAuB,EAAE,SAAS,CAAC,IAAM,KAAK,cAChF,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,wBAAwB,4BAQnC;AAEF,gCAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}

package/dist/js/components/Compass/index.d.ts

@@ -3,6 +3,9 @@ export * from './CompassContent';
 export * from './CompassHeader';
 export * from './CompassHero';
 export * from './CompassMainHeader';
+export * from './CompassMainHeaderContent';
+export * from './CompassMainHeaderTitle';
+export * from './CompassMainHeaderToolbar';
 export * from './CompassMessageBar';
 export * from './CompassPanel';
 //# sourceMappingURL=index.d.ts.map

package/dist/js/components/Compass/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}