@patternfly/react-core 6.5.0-prerelease.3 → 6.5.0-prerelease.30

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

@@ -1 +1 @@
-{"version":3,"file":"Compass.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/Compass.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAyB,WAAW,EAAE,MAAM,WAAW,CAAC;AAO/D,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnE,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oFAAoF;IACpF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,uDAAuD;IACvD,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,iFAAiF;IACjF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,qDAAqD;IACrD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iDAAiD;IACjD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,uDAAuD;IACvD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAkEzD,CAAC"}
+{"version":3,"file":"Compass.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/Compass.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA4C,WAAW,EAAE,MAAM,WAAW,CAAC;AAOlF,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnE,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oFAAoF;IACpF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,uDAAuD;IACvD,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,iFAAiF;IACjF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,qDAAqD;IACrD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iDAAiD;IACjD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,wDAAwD;IACxD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAkFzD,CAAC"}

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

@@ -1,12 +1,12 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Drawer, DrawerContent } from '../Drawer';
+import { Drawer, DrawerContent, DrawerContentBody } from '../Drawer';
 import styles from '@patternfly/react-styles/css/components/Compass/compass.mjs';
 import { css } from '@patternfly/react-styles';
 import compassBackgroundImageLight from '@patternfly/react-tokens/dist/esm/c_compass_BackgroundImage_light';
 import compassBackgroundImageDark from '@patternfly/react-tokens/dist/esm/c_compass_BackgroundImage_dark';
 export const Compass = (_a) => {
-    var { className, header, isHeaderExpanded = true, sidebarStart, isSidebarStartExpanded = true, main, sidebarEnd, isSidebarEndExpanded = true, footer, isFooterExpanded = true, drawerContent, drawerProps, backgroundSrcLight, backgroundSrcDark } = _a, props = __rest(_a, ["className", "header", "isHeaderExpanded", "sidebarStart", "isSidebarStartExpanded", "main", "sidebarEnd", "isSidebarEndExpanded", "footer", "isFooterExpanded", "drawerContent", "drawerProps", "backgroundSrcLight", "backgroundSrcDark"]);
+    var { className, dock, header, isHeaderExpanded = true, sidebarStart, isSidebarStartExpanded = true, main, sidebarEnd, isSidebarEndExpanded = true, footer, isFooterExpanded = true, drawerContent, drawerProps, backgroundSrcLight, backgroundSrcDark } = _a, props = __rest(_a, ["className", "dock", "header", "isHeaderExpanded", "sidebarStart", "isSidebarStartExpanded", "main", "sidebarEnd", "isSidebarEndExpanded", "footer", "isFooterExpanded", "drawerContent", "drawerProps", "backgroundSrcLight", "backgroundSrcDark"]);
     const hasDrawer = drawerContent !== undefined;
     const backgroundImageStyles = {};
     if (backgroundSrcLight) {
@@ -15,9 +15,9 @@ export const Compass = (_a) => {
     if (backgroundSrcDark) {
         backgroundImageStyles[compassBackgroundImageDark.name] = `url(${backgroundSrcDark})`;
     }
-    const compassContent = (_jsxs("div", Object.assign({ className: css(styles.compass, className) }, props, { style: Object.assign(Object.assign({}, props.style), backgroundImageStyles), children: [_jsx("div", Object.assign({ className: css(styles.compassHeader, isHeaderExpanded && 'pf-m-expanded') }, (!isHeaderExpanded && { inert: 'true' }), { children: header })), _jsx("div", Object.assign({ className: css(styles.compassSidebar, styles.modifiers.start, isSidebarStartExpanded && 'pf-m-expanded') }, (!isSidebarStartExpanded && { inert: 'true' }), { children: sidebarStart })), _jsx("div", { className: css(styles.compassMain), children: main }), _jsx("div", Object.assign({ className: css(styles.compassSidebar, styles.modifiers.end, isSidebarEndExpanded && 'pf-m-expanded') }, (!isSidebarEndExpanded && { inert: 'true' }), { children: sidebarEnd })), _jsx("div", Object.assign({ className: css(styles.compassFooter, isFooterExpanded && 'pf-m-expanded') }, (!isFooterExpanded && { inert: 'true' }), { children: footer }))] })));
+    const compassContent = (_jsxs("div", Object.assign({ className: css(styles.compass, dock !== undefined && styles.modifiers.dock, className) }, props, { style: Object.assign(Object.assign({}, props.style), backgroundImageStyles), children: [dock && _jsx("div", { className: css(`${styles.compass}__dock`), children: dock }), header && (_jsx("div", Object.assign({ className: css(styles.compassHeader, isHeaderExpanded && 'pf-m-expanded') }, (!isHeaderExpanded && { inert: 'true' }), { children: header }))), sidebarStart && (_jsx("div", Object.assign({ className: css(styles.compassSidebar, styles.modifiers.start, isSidebarStartExpanded && 'pf-m-expanded') }, (!isSidebarStartExpanded && { inert: 'true' }), { children: sidebarStart }))), main && _jsx("div", { className: css(styles.compassMain), children: main }), sidebarEnd && (_jsx("div", Object.assign({ className: css(styles.compassSidebar, styles.modifiers.end, isSidebarEndExpanded && 'pf-m-expanded') }, (!isSidebarEndExpanded && { inert: 'true' }), { children: sidebarEnd }))), footer && (_jsx("div", Object.assign({ className: css(styles.compassFooter, isFooterExpanded && 'pf-m-expanded') }, (!isFooterExpanded && { inert: 'true' }), { children: footer })))] })));
     if (hasDrawer) {
-        return (_jsx(Drawer, Object.assign({}, drawerProps, { children: _jsx(DrawerContent, { panelContent: drawerContent, children: compassContent }) })));
+        return (_jsx(Drawer, Object.assign({ isPill: true }, drawerProps, { children: _jsx(DrawerContent, { panelContent: drawerContent, children: _jsx(DrawerContentBody, { children: compassContent }) }) })));
     }
     return compassContent;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Compass.js","sourceRoot":"","sources":["../../../../src/components/Compass/Compass.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAe,MAAM,WAAW,CAAC;AAC/D,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,2BAA2B,MAAM,mEAAmE,CAAC;AAC5G,OAAO,0BAA0B,MAAM,kEAAkE,CAAC;AAiC1G,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,EAgB9D,EAAE,EAAE;QAhB0D,EAC7D,SAAS,EACT,MAAM,EACN,gBAAgB,GAAG,IAAI,EACvB,YAAY,EACZ,sBAAsB,GAAG,IAAI,EAC7B,IAAI,EACJ,UAAU,EACV,oBAAoB,GAAG,IAAI,EAC3B,MAAM,EACN,gBAAgB,GAAG,IAAI,EACvB,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,iBAAiB,OAElB,EADI,KAAK,cAfqD,4OAgB9D,CADS;IAER,MAAM,SAAS,GAAG,aAAa,KAAK,SAAS,CAAC;IAE9C,MAAM,qBAAqB,GAA8B,EAAE,CAAC;IAC5D,IAAI,kBAAkB,EAAE,CAAC;QACvB,qBAAqB,CAAC,2BAA2B,CAAC,IAAI,CAAC,GAAG,OAAO,kBAAkB,GAAG,CAAC;IACzF,CAAC;IACD,IAAI,iBAAiB,EAAE,CAAC;QACtB,qBAAqB,CAAC,0BAA0B,CAAC,IAAI,CAAC,GAAG,OAAO,iBAAiB,GAAG,CAAC;IACvF,CAAC;IAED,MAAM,cAAc,GAAG,CACrB,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,IAAM,KAAK,IAAE,KAAK,kCAAO,KAAK,CAAC,KAAK,GAAK,qBAAqB,cAC1G,4BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,IAAI,eAAe,CAAC,IACrE,CAAC,CAAC,gBAAgB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,cAE3C,MAAM,IACH,EACN,4BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,sBAAsB,IAAI,eAAe,CAAC,IACpG,CAAC,CAAC,sBAAsB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,cAEjD,YAAY,IACT,EACN,cAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,YAAG,IAAI,GAAO,EACrD,4BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,oBAAoB,IAAI,eAAe,CAAC,IAChG,CAAC,CAAC,oBAAoB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,cAE/C,UAAU,IACP,EACN,4BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,IAAI,eAAe,CAAC,IACrE,CAAC,CAAC,gBAAgB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,cAE3C,MAAM,IACH,KACF,CACP,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,MAAM,oBAAK,WAAW,cACrB,KAAC,aAAa,IAAC,YAAY,EAAE,aAAa,YAAG,cAAc,GAAiB,IACrE,CACV,CAAC;IACJ,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
+{"version":3,"file":"Compass.js","sourceRoot":"","sources":["../../../../src/components/Compass/Compass.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAe,MAAM,WAAW,CAAC;AAClF,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,2BAA2B,MAAM,mEAAmE,CAAC;AAC5G,OAAO,0BAA0B,MAAM,kEAAkE,CAAC;AAmC1G,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,EAiBhD,EAAE,EAAE;QAjB4C,EAC7D,SAAS,EACT,IAAI,EACJ,MAAM,EACN,gBAAgB,GAAG,IAAI,EACvB,YAAY,EACZ,sBAAsB,GAAG,IAAI,EAC7B,IAAI,EACJ,UAAU,EACV,oBAAoB,GAAG,IAAI,EAC3B,MAAM,EACN,gBAAgB,GAAG,IAAI,EACvB,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,iBAAiB,OAEJ,EADV,KAAK,cAhBqD,oPAiB9D,CADS;IAER,MAAM,SAAS,GAAG,aAAa,KAAK,SAAS,CAAC;IAE9C,MAAM,qBAAqB,GAA8B,EAAE,CAAC;IAC5D,IAAI,kBAAkB,EAAE,CAAC;QACvB,qBAAqB,CAAC,2BAA2B,CAAC,IAAI,CAAC,GAAG,OAAO,kBAAkB,GAAG,CAAC;IACzF,CAAC;IACD,IAAI,iBAAiB,EAAE,CAAC;QACtB,qBAAqB,CAAC,0BAA0B,CAAC,IAAI,CAAC,GAAG,OAAO,iBAAiB,GAAG,CAAC;IACvF,CAAC;IAED,MAAM,cAAc,GAAG,CACrB,6BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAClF,KAAK,IACT,KAAK,kCAAO,KAAK,CAAC,KAAK,GAAK,qBAAqB,cAEhD,IAAI,IAAI,cAAK,SAAS,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,QAAQ,CAAC,YAAG,IAAI,GAAO,EACpE,MAAM,IAAI,CACT,4BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,IAAI,eAAe,CAAC,IACrE,CAAC,CAAC,gBAAgB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,cAE3C,MAAM,IACH,CACP,EACA,YAAY,IAAI,CACf,4BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,sBAAsB,IAAI,eAAe,CAAC,IACpG,CAAC,CAAC,sBAAsB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,cAEjD,YAAY,IACT,CACP,EACA,IAAI,IAAI,cAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,YAAG,IAAI,GAAO,EAC7D,UAAU,IAAI,CACb,4BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,oBAAoB,IAAI,eAAe,CAAC,IAChG,CAAC,CAAC,oBAAoB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,cAE/C,UAAU,IACP,CACP,EACA,MAAM,IAAI,CACT,4BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,IAAI,eAAe,CAAC,IACrE,CAAC,CAAC,gBAAgB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,cAE3C,MAAM,IACH,CACP,KACG,CACP,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,MAAM,kBAAC,MAAM,UAAK,WAAW,cAC5B,KAAC,aAAa,IAAC,YAAY,EAAE,aAAa,YACxC,KAAC,iBAAiB,cAAE,cAAc,GAAqB,GACzC,IACT,CACV,CAAC;IACJ,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { DrawerProps } from '../Drawer';
-interface CompassContentProps extends React.HTMLProps<HTMLDivElement> {
-    /** Content of the main compass area. Typically one or more CompassPanel components. */
+export interface CompassContentProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content of the main Compass area. Typically one or more CompassPanel components. */
     children: React.ReactNode;
     /** Additional classes added to the CompassContent */
     className?: string;
@@ -11,5 +11,4 @@ interface CompassContentProps extends React.HTMLProps<HTMLDivElement> {
     drawerProps?: DrawerProps;
 }
 export declare const CompassContent: React.FunctionComponent<CompassContentProps>;
-export {};
 //# sourceMappingURL=CompassContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompassContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAyB,WAAW,EAAE,MAAM,WAAW,CAAC;AAI/D,UAAU,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnE,uFAAuF;IACvF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAwBvE,CAAC"}
+{"version":3,"file":"CompassContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAyB,WAAW,EAAE,MAAM,WAAW,CAAC;AAI/D,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,uFAAuF;IACvF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAwBvE,CAAC"}

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

@@ -8,7 +8,7 @@ export const CompassContent = (_a) => {
     const hasDrawer = drawerContent !== undefined;
     const compassContent = (_jsx("div", Object.assign({ className: css(styles.compassContent, className) }, props, { children: children })));
     if (hasDrawer) {
-        return (_jsx(Drawer, Object.assign({}, drawerProps, { children: _jsx(DrawerContent, { panelContent: drawerContent, children: compassContent }) })));
+        return (_jsx(Drawer, Object.assign({ isPill: true }, drawerProps, { children: _jsx(DrawerContent, { panelContent: drawerContent, children: compassContent }) })));
     }
     return compassContent;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CompassContent.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassContent.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAe,MAAM,WAAW,CAAC;AAC/D,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAa/C,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAM5E,EAAE,EAAE;QANwE,EAC3E,QAAQ,EACR,SAAS,EACT,WAAW,EACX,aAAa,OAEd,EADI,KAAK,cALmE,yDAM5E,CADS;IAER,MAAM,SAAS,GAAG,aAAa,KAAK,SAAS,CAAC;IAE9C,MAAM,cAAc,GAAG,CACrB,4BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,IAAM,KAAK,cAC7D,QAAQ,IACL,CACP,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,MAAM,oBAAK,WAAW,cACrB,KAAC,aAAa,IAAC,YAAY,EAAE,aAAa,YAAG,cAAc,GAAiB,IACrE,CACV,CAAC;IACJ,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"CompassContent.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassContent.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAe,MAAM,WAAW,CAAC;AAC/D,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAa/C,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAMvD,EAAE,EAAE;QANmD,EAC3E,QAAQ,EACR,SAAS,EACT,WAAW,EACX,aAAa,OAEO,EADjB,KAAK,cALmE,yDAM5E,CADS;IAER,MAAM,SAAS,GAAG,aAAa,KAAK,SAAS,CAAC;IAE9C,MAAM,cAAc,GAAG,CACrB,4BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,IAAM,KAAK,cAC7D,QAAQ,IACL,CACP,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,MAAM,kBAAC,MAAM,UAAK,WAAW,cAC5B,KAAC,aAAa,IAAC,YAAY,EAAE,aAAa,YAAG,cAAc,GAAiB,IACrE,CACV,CAAC;IACJ,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface CompassHeaderProps {
+export interface CompassHeaderProps {
     /** Content of the logo area */
     logo?: React.ReactNode;
     /** Content of the navigation area */
@@ -8,5 +8,4 @@ interface CompassHeaderProps {
     profile?: React.ReactNode;
 }
 export declare const CompassHeader: React.FunctionComponent<CompassHeaderProps>;
-export {};
 //# sourceMappingURL=CompassHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompassHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassHeader.tsx"],"names":[],"mappings":";AAGA,UAAU,kBAAkB;IAC1B,+BAA+B;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qCAAqC;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,kCAAkC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAMrE,CAAC"}
+{"version":3,"file":"CompassHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassHeader.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qCAAqC;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,kCAAkC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAUrE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CompassHeader.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAW/C,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACpG,8BACE,cAAK,SAAS,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,QAAQ,CAAC,YAAG,IAAI,GAAO,EAC5D,cAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,YAAG,GAAG,GAAO,EACnD,cAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,YAAG,OAAO,GAAO,IAC1D,CACJ,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"CompassHeader.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAW/C,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EACzE,IAAI,EACJ,GAAG,EACH,OAAO,EACY,EAAE,EAAE,CAAC,CACxB,8BACE,cAAK,SAAS,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,QAAQ,CAAC,YAAG,IAAI,GAAO,EAC5D,cAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,YAAG,GAAG,GAAO,EACnD,cAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,YAAG,OAAO,GAAO,IAC1D,CACJ,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

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

@@ -1,26 +1,10 @@
 /// <reference types="react" />
-interface CompassHeroProps extends Omit<React.HTMLProps<HTMLDivElement>, 'content'> {
+/** A wrapper component to pass a PatternFly Hero component into. */
+export interface CompassHeroProps extends Omit<React.HTMLProps<HTMLDivElement>, 'content'> {
     /** Content of the hero */
     children?: React.ReactNode;
     /** Additional classes added to the hero */
     className?: string;
-    /** Light theme background image path of the hero */
-    backgroundSrcLight?: string;
-    /** Dark theme background image path of the hero */
-    backgroundSrcDark?: string;
-    /** Light theme gradient of the hero */
-    gradientLight?: {
-        stop1?: string;
-        stop2?: string;
-        stop3?: string;
-    };
-    /** Dark theme gradient of the hero */
-    gradientDark?: {
-        stop1?: string;
-        stop2?: string;
-        stop3?: string;
-    };
 }
 export declare const CompassHero: React.FunctionComponent<CompassHeroProps>;
-export {};
 //# sourceMappingURL=CompassHero.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompassHero.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassHero.tsx"],"names":[],"mappings":";AAYA,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACjF,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,aAAa,CAAC,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,sCAAsC;IACtC,YAAY,CAAC,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAiDjE,CAAC"}
+{"version":3,"file":"CompassHero.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassHero.tsx"],"names":[],"mappings":";AAGA,oEAAoE;AACpE,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACxF,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAQjE,CAAC"}

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

@@ -2,46 +2,9 @@ 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';
-import compassHeroBackgroundImageLight from '@patternfly/react-tokens/dist/esm/c_compass__hero_BackgroundImage_light';
-import compassHeroBackgroundImageDark from '@patternfly/react-tokens/dist/esm/c_compass__hero_BackgroundImage_dark';
-import compassHeroGradientStop1Light from '@patternfly/react-tokens/dist/esm/c_compass__hero_gradient_stop_1_light';
-import compassHeroGradientStop2Light from '@patternfly/react-tokens/dist/esm/c_compass__hero_gradient_stop_2_light';
-import compassHeroGradientStop3Light from '@patternfly/react-tokens/dist/esm/c_compass__hero_gradient_stop_3_light';
-import compassHeroGradientStop1Dark from '@patternfly/react-tokens/dist/esm/c_compass__hero_gradient_stop_1_dark';
-import compassHeroGradientStop2Dark from '@patternfly/react-tokens/dist/esm/c_compass__hero_gradient_stop_2_dark';
-import compassHeroGradientStop3Dark from '@patternfly/react-tokens/dist/esm/c_compass__hero_gradient_stop_3_dark';
 export const CompassHero = (_a) => {
-    var { className, children, backgroundSrcLight, backgroundSrcDark, gradientLight, gradientDark } = _a, props = __rest(_a, ["className", "children", "backgroundSrcLight", "backgroundSrcDark", "gradientLight", "gradientDark"]);
-    const backgroundImageStyles = {};
-    if (backgroundSrcLight) {
-        backgroundImageStyles[compassHeroBackgroundImageLight.name] = `url(${backgroundSrcLight})`;
-    }
-    if (backgroundSrcDark) {
-        backgroundImageStyles[compassHeroBackgroundImageDark.name] = `url(${backgroundSrcDark})`;
-    }
-    if (gradientLight) {
-        if (gradientLight.stop1) {
-            backgroundImageStyles[compassHeroGradientStop1Light.name] = gradientLight.stop1;
-        }
-        if (gradientLight.stop2) {
-            backgroundImageStyles[compassHeroGradientStop2Light.name] = gradientLight.stop2;
-        }
-        if (gradientLight.stop3) {
-            backgroundImageStyles[compassHeroGradientStop3Light.name] = gradientLight.stop3;
-        }
-    }
-    if (gradientDark) {
-        if (gradientDark.stop1) {
-            backgroundImageStyles[compassHeroGradientStop1Dark.name] = gradientDark.stop1;
-        }
-        if (gradientDark.stop2) {
-            backgroundImageStyles[compassHeroGradientStop2Dark.name] = gradientDark.stop2;
-        }
-        if (gradientDark.stop3) {
-            backgroundImageStyles[compassHeroGradientStop3Dark.name] = gradientDark.stop3;
-        }
-    }
-    return (_jsx("div", Object.assign({ className: css(styles.compassPanel, styles.compassHero, className), style: Object.assign(Object.assign({}, props.style), backgroundImageStyles) }, props, { children: _jsx("div", { className: css(styles.compassHeroBody), children: children }) })));
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (_jsx("div", Object.assign({ className: css(`${styles.compass}__hero`, className) }, props, { children: children })));
 };
 CompassHero.displayName = 'CompassHero';
 //# sourceMappingURL=CompassHero.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompassHero.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassHero.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,+BAA+B,MAAM,yEAAyE,CAAC;AACtH,OAAO,8BAA8B,MAAM,wEAAwE,CAAC;AACpH,OAAO,6BAA6B,MAAM,yEAAyE,CAAC;AACpH,OAAO,6BAA6B,MAAM,yEAAyE,CAAC;AACpH,OAAO,6BAA6B,MAAM,yEAAyE,CAAC;AACpH,OAAO,4BAA4B,MAAM,wEAAwE,CAAC;AAClH,OAAO,4BAA4B,MAAM,wEAAwE,CAAC;AAClH,OAAO,4BAA4B,MAAM,wEAAwE,CAAC;AAyBlH,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAQtE,EAAE,EAAE;QARkE,EACrE,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,EACb,YAAY,OAEb,EADI,KAAK,cAP6D,qGAQtE,CADS;IAER,MAAM,qBAAqB,GAA8B,EAAE,CAAC;IAC5D,IAAI,kBAAkB,EAAE,CAAC;QACvB,qBAAqB,CAAC,+BAA+B,CAAC,IAAI,CAAC,GAAG,OAAO,kBAAkB,GAAG,CAAC;IAC7F,CAAC;IACD,IAAI,iBAAiB,EAAE,CAAC;QACtB,qBAAqB,CAAC,8BAA8B,CAAC,IAAI,CAAC,GAAG,OAAO,iBAAiB,GAAG,CAAC;IAC3F,CAAC;IAED,IAAI,aAAa,EAAE,CAAC;QAClB,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC;YACxB,qBAAqB,CAAC,6BAA6B,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC;QAClF,CAAC;QACD,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC;YACxB,qBAAqB,CAAC,6BAA6B,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC;QAClF,CAAC;QACD,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC;YACxB,qBAAqB,CAAC,6BAA6B,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC;QAClF,CAAC;IACH,CAAC;IACD,IAAI,YAAY,EAAE,CAAC;QACjB,IAAI,YAAY,CAAC,KAAK,EAAE,CAAC;YACvB,qBAAqB,CAAC,4BAA4B,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;QAChF,CAAC;QACD,IAAI,YAAY,CAAC,KAAK,EAAE,CAAC;YACvB,qBAAqB,CAAC,4BAA4B,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;QAChF,CAAC;QACD,IAAI,YAAY,CAAC,KAAK,EAAE,CAAC;YACvB,qBAAqB,CAAC,4BAA4B,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;QAChF,CAAC;IACH,CAAC;IAED,OAAO,CACL,4BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,EAClE,KAAK,kCAAO,KAAK,CAAC,KAAK,GAAK,qBAAqB,KAC7C,KAAK,cAET,cAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,YAAG,QAAQ,GAAO,IACzD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
+{"version":3,"file":"CompassHero.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassHero.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAU/C,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAIpD,EAAE,EAAE;QAJgD,EACrE,SAAS,EACT,QAAQ,OAES,EADd,KAAK,cAH6D,yBAItE,CADS;IACc,OAAA,CACtB,4BAAK,SAAS,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,QAAQ,EAAE,SAAS,CAAC,IAAM,KAAK,cACjE,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface CompassMainFooterProps extends Omit<React.HTMLProps<HTMLDivElement>, 'title'> {
+    /** Additional classes added to the main footer */
+    className?: string;
+    /** Main footer content */
+    children?: React.ReactNode;
+    /** Indicates if the main footer is expanded */
+    isExpanded?: boolean;
+}
+export declare const CompassMainFooter: React.FunctionComponent<CompassMainFooterProps>;
+export {};
+//# sourceMappingURL=CompassMainFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainFooter.tsx"],"names":[],"mappings":";AAGA,UAAU,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrF,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAS7E,CAAC"}

package/dist/esm/components/Compass/CompassMainFooter.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 CompassMainFooter = (_a) => {
+    var { className, children, isExpanded = true } = _a, props = __rest(_a, ["className", "children", "isExpanded"]);
+    return (_jsx("div", Object.assign({ className: css(styles.compassMainFooter, isExpanded && 'pf-m-expanded', className) }, props, { children: children })));
+};
+CompassMainFooter.displayName = 'CompassMainFooter';
+//# sourceMappingURL=CompassMainFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainFooter.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainFooter.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAW/C,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAKlF,EAAE,EAAE;QAL8E,EACjF,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,IAAI,OAElB,EADI,KAAK,cAJyE,uCAKlF,CADS;IACJ,OAAA,CACJ,4BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,iBAAiB,EAAE,UAAU,IAAI,eAAe,EAAE,SAAS,CAAC,IAAM,KAAK,cAC/F,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

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

@@ -1,14 +1,21 @@
 /// <reference types="react" />
-interface CompassMainHeaderProps extends Omit<React.HTMLProps<HTMLDivElement>, 'title'> {
+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>;
-export {};
 //# 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,UAAU,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrF,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,EAO1D,EAAE,EAAE;QAPsD,EACjF,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,EACR,iBAAiB,OAEM,EADpB,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,EAIjE,EAAE,EAAE;QAJ6D,EAC/F,QAAQ,EACR,SAAS,OAEqB,EAD3B,KAAK,cAHuF,yBAIhG,CADS;IAC2B,OAAA,CACnC,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,EAI/D,EAAE,EAAE;QAJ2D,EAC3F,QAAQ,EACR,SAAS,OAEmB,EADzB,KAAK,cAHmF,yBAI5F,CADS;IACyB,OAAA,CACjC,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,EAIjE,EAAE,EAAE;QAJ6D,EAC/F,QAAQ,EACR,SAAS,OAEqB,EAD3B,KAAK,cAHuF,yBAIhG,CADS;IAC2B,OAAA,CACnC,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/CompassMessageBar.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-interface CompassMessageBarProps extends React.HTMLProps<HTMLDivElement> {
+export interface CompassMessageBarProps extends React.HTMLProps<HTMLDivElement> {
     /** Content of the message bar. Typically a @patternfly/chatbot MessageBar component. */
     children?: React.ReactNode;
     /** Additional classes added to the message bar */
     className?: string;
 }
 export declare const CompassMessageBar: React.FunctionComponent<CompassMessageBarProps>;
-export {};
 //# sourceMappingURL=CompassMessageBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompassMessageBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMessageBar.tsx"],"names":[],"mappings":";AAGA,UAAU,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,wFAAwF;IACxF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAQ7E,CAAC"}
+{"version":3,"file":"CompassMessageBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMessageBar.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,wFAAwF;IACxF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAQ7E,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CompassMessageBar.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMessageBar.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAIlF,EAAE,EAAE;QAJ8E,EACjF,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,cAHyE,yBAIlF,CADS;IACJ,OAAA,CACJ,4BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,IAAM,KAAK,cAChE,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
+{"version":3,"file":"CompassMessageBar.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMessageBar.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAI1D,EAAE,EAAE;QAJsD,EACjF,QAAQ,EACR,SAAS,OAEc,EADpB,KAAK,cAHyE,yBAIlF,CADS;IACoB,OAAA,CAC5B,4BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,IAAM,KAAK,cAChE,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface CompassNavContentProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content of the nav content wrapper. */
+    children: React.ReactNode;
+    /** Additional classes added to the nav content. */
+    className?: string;
+}
+export declare const CompassNavContent: React.FunctionComponent<CompassNavContentProps>;
+//# sourceMappingURL=CompassNavContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompassNavContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassNavContent.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,0CAA0C;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAQ7E,CAAC"}

package/dist/esm/components/Compass/CompassNavContent.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 CompassNavContent = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (_jsx("div", Object.assign({ className: css(styles.compassNavContent, className) }, props, { children: children })));
+};
+CompassNavContent.displayName = 'CompassNavContent';
+//# sourceMappingURL=CompassNavContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompassNavContent.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassNavContent.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAQ/C,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAI1D,EAAE,EAAE;QAJsD,EACjF,QAAQ,EACR,SAAS,OAEc,EADpB,KAAK,cAHyE,yBAIlF,CADS;IACoB,OAAA,CAC5B,4BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,IAAM,KAAK,cAChE,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface CompassNavHomeProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onClick'> {
+    /** Content to display in the tooltip. Defaults to "Home". */
+    tooltipContent?: React.ReactNode;
+    /** Click handler for the home button. */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** Additional classes added to the nav home wrapper. */
+    className?: string;
+    /** Accessible label for the nav home. */
+    'aria-label'?: string;
+}
+export declare const CompassNavHome: React.FunctionComponent<CompassNavHomeProps>;
+//# sourceMappingURL=CompassNavHome.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompassNavHome.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassNavHome.tsx"],"names":[],"mappings":";AAwCA,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3F,6DAA6D;IAC7D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAuBvE,CAAC"}

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

@@ -0,0 +1,15 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import styles from '@patternfly/react-styles/css/components/Compass/compass.mjs';
+import { css } from '@patternfly/react-styles';
+import { Button } from '../Button';
+import { Tooltip } from '../Tooltip';
+const CompassHomeIcon = () => (_jsxs("svg", { width: "1em", height: "1em", className: "pf-v6-svg", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("path", { d: "M8.33268 13.334H11.666", stroke: "currentcolor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M1.66602 6.66602L9.73102 2.63351C9.89994 2.54905 10.0988 2.54905 10.2677 2.63351L18.3327 6.66602", stroke: "currentcolor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M16.6673 9.16602V15.4993C16.6673 16.6039 15.7719 17.4993 14.6673 17.4993H5.33398C4.22941 17.4993 3.33398 16.6039 3.33398 15.4993V9.16602", stroke: "currentcolor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+export const CompassNavHome = (_a) => {
+    var { 'aria-label': ariaLabel = 'Home', tooltipContent = 'Home', className, onClick } = _a, props = __rest(_a, ['aria-label', "tooltipContent", "className", "onClick"]);
+    const buttonRef = useRef(null);
+    return (_jsx("div", Object.assign({ className: css(styles.compassNav + '-home', className) }, props, { children: _jsx(Tooltip, { content: tooltipContent, position: "left", aria: "none", "aria-live": "off", triggerRef: buttonRef, children: _jsx(Button, { isCircle: true, variant: "plain", icon: _jsx(CompassHomeIcon, {}), "aria-label": ariaLabel, onClick: onClick, ref: buttonRef }) }) })));
+};
+CompassNavHome.displayName = 'CompassNavHome';
+//# sourceMappingURL=CompassNavHome.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompassNavHome.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassNavHome.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CAC5B,eACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBACtB,MAAM,aAElB,eACE,CAAC,EAAC,wBAAwB,EAC1B,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACF,eACE,CAAC,EAAC,kGAAkG,EACpG,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACF,eACE,CAAC,EAAC,0IAA0I,EAC5I,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,IACE,CACP,CAAC;AAaF,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAMvD,EAAE,EAAE;QANmD,EAC3E,YAAY,EAAE,SAAS,GAAG,MAAM,EAChC,cAAc,GAAG,MAAM,EACvB,SAAS,EACT,OAAO,OAEa,EADjB,KAAK,cALmE,wDAM5E,CADS;IAER,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAElD,OAAO,CACL,4BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,GAAG,OAAO,EAAE,SAAS,CAAC,IAAM,KAAK,cACpE,KAAC,OAAO,IAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,eAAW,KAAK,EAAC,UAAU,EAAE,SAAS,YACjG,KAAC,MAAM,IACL,QAAQ,QACR,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,KAAC,eAAe,KAAG,gBACb,SAAS,EACrB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,SAAS,GACd,GACM,IACN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface CompassNavMainProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content of the nav main section (typically tabs). */
+    children: React.ReactNode;
+    /** Additional classes added to the nav main section. */
+    className?: string;
+}
+export declare const CompassNavMain: React.FunctionComponent<CompassNavMainProps>;
+//# sourceMappingURL=CompassNavMain.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompassNavMain.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassNavMain.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,wDAAwD;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAQvE,CAAC"}

package/dist/esm/components/Compass/CompassNavMain.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 CompassNavMain = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (_jsx("div", Object.assign({ className: css(styles.compassNavMain, className) }, props, { children: children })));
+};
+CompassNavMain.displayName = 'CompassNavMain';
+//# sourceMappingURL=CompassNavMain.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompassNavMain.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassNavMain.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAIvD,EAAE,EAAE;QAJmD,EAC3E,QAAQ,EACR,SAAS,OAEW,EADjB,KAAK,cAHmE,yBAI5E,CADS;IACiB,OAAA,CACzB,4BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,IAAM,KAAK,cAC7D,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface CompassNavSearchProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onClick'> {
+    /** Content to display in the tooltip. Defaults to "Search". */
+    tooltipContent?: React.ReactNode;
+    /** Click handler for the search button. */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** Additional classes added to the nav search wrapper. */
+    className?: string;
+    /** Accessible label for the nav search. */
+    'aria-label'?: string;
+}
+export declare const CompassNavSearch: React.FunctionComponent<CompassNavSearchProps>;
+//# sourceMappingURL=CompassNavSearch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompassNavSearch.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassNavSearch.tsx"],"names":[],"mappings":";AAiCA,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC7F,+DAA+D;IAC/D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,2CAA2C;IAC3C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAuB3E,CAAC"}