@patternfly/react-core 6.5.0-prerelease.5 → 6.5.0-prerelease.50

package/dist/js/components/ClipboardCopy/ClipboardCopyToggle.js

@@ -5,11 +5,11 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clipboard_copy_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/ClipboardCopy/clipboard-copy"));
 const react_styles_1 = require("@patternfly/react-styles");
-const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-right-icon'));
+const rh_microns_caret_down_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/rh-microns-caret-down-icon'));
 const Button_1 = require("../Button");
 const ClipboardCopyToggle = (_a) => {
     var { onClick, id, contentId, isExpanded = false } = _a, props = tslib_1.__rest(_a, ["onClick", "id", "contentId", "isExpanded"]);
-    return ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ type: "button", variant: "control", onClick: onClick, id: id, "aria-controls": isExpanded ? contentId : undefined, "aria-expanded": isExpanded }, props, { icon: (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(clipboard_copy_1.default.clipboardCopyToggleIcon), children: (0, jsx_runtime_1.jsx)(angle_right_icon_1.default, {}) }) })));
+    return ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ type: "button", variant: "control", onClick: onClick, id: id, "aria-controls": isExpanded ? contentId : undefined, "aria-expanded": isExpanded }, props, { icon: (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(clipboard_copy_1.default.clipboardCopyToggleIcon), children: (0, jsx_runtime_1.jsx)(rh_microns_caret_down_icon_1.default, {}) }) })));
 };
 exports.ClipboardCopyToggle = ClipboardCopyToggle;
 exports.ClipboardCopyToggle.displayName = 'ClipboardCopyToggle';

package/dist/js/components/ClipboardCopy/ClipboardCopyToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClipboardCopyToggle.js","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopyToggle.tsx"],"names":[],"mappings":";;;;;AAAA,kIAA0F;AAC1F,2DAA+C;;AAE/C,sCAAmC;AAW5B,MAAM,mBAAmB,GAAsD,CAAC,EAM5D,EAAE,EAAE;QANwD,EACrF,OAAO,EACP,EAAE,EACF,SAAS,EACT,UAAU,GAAG,KAAK,OAEO,EADtB,KAAK,sBAL6E,4CAMtF,CADS;IACsB,OAAA,CAC9B,uBAAC,eAAM,kBACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,mBACS,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,mBAClC,UAAU,IACrB,KAAK,IACT,IAAI,EACF,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,wBAAM,CAAC,uBAAuB,CAAC,YACjD,uBAAC,0BAAc,KAAG,GACd,IAER,CACH,CAAA;CAAA,CAAC;AArBW,QAAA,mBAAmB,uBAqB9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
+{"version":3,"file":"ClipboardCopyToggle.js","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopyToggle.tsx"],"names":[],"mappings":";;;;;AAAA,kIAA0F;AAC1F,2DAA+C;;AAE/C,sCAAmC;AAa5B,MAAM,mBAAmB,GAAsD,CAAC,EAM5D,EAAE,EAAE;QANwD,EACrF,OAAO,EACP,EAAE,EACF,SAAS,EACT,UAAU,GAAG,KAAK,OAEO,EADtB,KAAK,sBAL6E,4CAMtF,CADS;IACsB,OAAA,CAC9B,uBAAC,eAAM,kBACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,mBACS,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,mBAClC,UAAU,IACrB,KAAK,IACT,IAAI,EACF,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,wBAAM,CAAC,uBAAuB,CAAC,YACjD,uBAAC,oCAAsB,KAAG,GACtB,IAER,CACH,CAAA;CAAA,CAAC;AArBW,QAAA,mBAAmB,uBAqB9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

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

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import { DrawerProps } from '../Drawer';
 export interface CompassProps extends React.HTMLProps<HTMLDivElement> {
-    /** Additional classes added to the compass. */
+    /** Additional classes added to the Compass. */
     className?: string;
+    /** Content of the docked navigation area of the layout */
+    dock?: React.ReactNode;
     /** Content placed at the top of the layout */
     header?: React.ReactNode;
     /** Flag indicating if the header is expanded */
@@ -25,9 +27,9 @@ export interface CompassProps extends React.HTMLProps<HTMLDivElement> {
     drawerContent?: React.ReactNode;
     /** Additional props passed to the drawer */
     drawerProps?: DrawerProps;
-    /** Light theme background image path of the compass */
+    /** Light theme background image path of the Compass  */
     backgroundSrcLight?: string;
-    /** Dark theme background image path of the compass */
+    /** Dark theme background image path of the Compass  */
     backgroundSrcDark?: string;
 }
 export declare const Compass: React.FunctionComponent<CompassProps>;

package/dist/js/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/js/components/Compass/Compass.js

@@ -9,7 +9,7 @@ const react_styles_1 = require("@patternfly/react-styles");
 const c_compass_BackgroundImage_light_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_compass_BackgroundImage_light'));
 const c_compass_BackgroundImage_dark_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_compass_BackgroundImage_dark'));
 const Compass = (_a) => {
-    var { className, header, isHeaderExpanded = true, sidebarStart, isSidebarStartExpanded = true, main, sidebarEnd, isSidebarEndExpanded = true, footer, isFooterExpanded = true, drawerContent, drawerProps, backgroundSrcLight, backgroundSrcDark } = _a, props = tslib_1.__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 = tslib_1.__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) {
@@ -18,9 +18,9 @@ const Compass = (_a) => {
     if (backgroundSrcDark) {
         backgroundImageStyles[c_compass_BackgroundImage_dark_1.default.name] = `url(${backgroundSrcDark})`;
     }
-    const compassContent = ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compass, className) }, props, { style: Object.assign(Object.assign({}, props.style), backgroundImageStyles), children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassHeader, isHeaderExpanded && 'pf-m-expanded') }, (!isHeaderExpanded && { inert: 'true' }), { children: header })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassSidebar, compass_1.default.modifiers.start, isSidebarStartExpanded && 'pf-m-expanded') }, (!isSidebarStartExpanded && { inert: 'true' }), { children: sidebarStart })), (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(compass_1.default.compassMain), children: main }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassSidebar, compass_1.default.modifiers.end, isSidebarEndExpanded && 'pf-m-expanded') }, (!isSidebarEndExpanded && { inert: 'true' }), { children: sidebarEnd })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassFooter, isFooterExpanded && 'pf-m-expanded') }, (!isFooterExpanded && { inert: 'true' }), { children: footer }))] })));
+    const compassContent = ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compass, dock !== undefined && compass_1.default.modifiers.dock, className) }, props, { style: Object.assign(Object.assign({}, props.style), backgroundImageStyles), children: [dock && (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(`${compass_1.default.compass}__dock`), children: dock }), header && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassHeader, isHeaderExpanded && 'pf-m-expanded') }, (!isHeaderExpanded && { inert: 'true' }), { children: header }))), sidebarStart && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassSidebar, compass_1.default.modifiers.start, isSidebarStartExpanded && 'pf-m-expanded') }, (!isSidebarStartExpanded && { inert: 'true' }), { children: sidebarStart }))), main && (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(compass_1.default.compassMain), children: main }), sidebarEnd && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassSidebar, compass_1.default.modifiers.end, isSidebarEndExpanded && 'pf-m-expanded') }, (!isSidebarEndExpanded && { inert: 'true' }), { children: sidebarEnd }))), footer && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassFooter, isFooterExpanded && 'pf-m-expanded') }, (!isFooterExpanded && { inert: 'true' }), { children: footer })))] })));
     if (hasDrawer) {
-        return ((0, jsx_runtime_1.jsx)(Drawer_1.Drawer, Object.assign({}, drawerProps, { children: (0, jsx_runtime_1.jsx)(Drawer_1.DrawerContent, { panelContent: drawerContent, children: compassContent }) })));
+        return ((0, jsx_runtime_1.jsx)(Drawer_1.Drawer, Object.assign({ isPill: true }, drawerProps, { children: (0, jsx_runtime_1.jsx)(Drawer_1.DrawerContent, { panelContent: drawerContent, children: (0, jsx_runtime_1.jsx)(Drawer_1.DrawerContentBody, { children: compassContent }) }) })));
     }
     return compassContent;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Compass.js","sourceRoot":"","sources":["../../../../src/components/Compass/Compass.tsx"],"names":[],"mappings":";;;;;AAAA,sCAA+D;AAC/D,8GAA6E;AAC7E,2DAA+C;;;AAoCxC,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,sBAfqD,4OAgB9D,CADS;IAER,MAAM,SAAS,GAAG,aAAa,KAAK,SAAS,CAAC;IAE9C,MAAM,qBAAqB,GAA8B,EAAE,CAAC;IAC5D,IAAI,kBAAkB,EAAE,CAAC;QACvB,qBAAqB,CAAC,yCAA2B,CAAC,IAAI,CAAC,GAAG,OAAO,kBAAkB,GAAG,CAAC;IACzF,CAAC;IACD,IAAI,iBAAiB,EAAE,CAAC;QACtB,qBAAqB,CAAC,wCAA0B,CAAC,IAAI,CAAC,GAAG,OAAO,iBAAiB,GAAG,CAAC;IACvF,CAAC;IAED,MAAM,cAAc,GAAG,CACrB,+CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,OAAO,EAAE,SAAS,CAAC,IAAM,KAAK,IAAE,KAAK,kCAAO,KAAK,CAAC,KAAK,GAAK,qBAAqB,cAC1G,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,aAAa,EAAE,gBAAgB,IAAI,eAAe,CAAC,IACrE,CAAC,CAAC,gBAAgB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,cAE3C,MAAM,IACH,EACN,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,cAAc,EAAE,iBAAM,CAAC,SAAS,CAAC,KAAK,EAAE,sBAAsB,IAAI,eAAe,CAAC,IACpG,CAAC,CAAC,sBAAsB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,cAEjD,YAAY,IACT,EACN,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,WAAW,CAAC,YAAG,IAAI,GAAO,EACrD,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,cAAc,EAAE,iBAAM,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,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,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,uBAAC,eAAM,oBAAK,WAAW,cACrB,uBAAC,sBAAa,IAAC,YAAY,EAAE,aAAa,YAAG,cAAc,GAAiB,IACrE,CACV,CAAC;IACJ,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAlEW,QAAA,OAAO,WAkElB;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
+{"version":3,"file":"Compass.js","sourceRoot":"","sources":["../../../../src/components/Compass/Compass.tsx"],"names":[],"mappings":";;;;;AAAA,sCAAkF;AAClF,8GAA6E;AAC7E,2DAA+C;;;AAsCxC,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,sBAhBqD,oPAiB9D,CADS;IAER,MAAM,SAAS,GAAG,aAAa,KAAK,SAAS,CAAC;IAE9C,MAAM,qBAAqB,GAA8B,EAAE,CAAC;IAC5D,IAAI,kBAAkB,EAAE,CAAC;QACvB,qBAAqB,CAAC,yCAA2B,CAAC,IAAI,CAAC,GAAG,OAAO,kBAAkB,GAAG,CAAC;IACzF,CAAC;IACD,IAAI,iBAAiB,EAAE,CAAC;QACtB,qBAAqB,CAAC,wCAA0B,CAAC,IAAI,CAAC,GAAG,OAAO,iBAAiB,GAAG,CAAC;IACvF,CAAC;IAED,MAAM,cAAc,GAAG,CACrB,+CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,OAAO,EAAE,IAAI,KAAK,SAAS,IAAI,iBAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAClF,KAAK,IACT,KAAK,kCAAO,KAAK,CAAC,KAAK,GAAK,qBAAqB,cAEhD,IAAI,IAAI,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,GAAG,iBAAM,CAAC,OAAO,QAAQ,CAAC,YAAG,IAAI,GAAO,EACpE,MAAM,IAAI,CACT,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,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,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,cAAc,EAAE,iBAAM,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,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,WAAW,CAAC,YAAG,IAAI,GAAO,EAC7D,UAAU,IAAI,CACb,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,cAAc,EAAE,iBAAM,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,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,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,uBAAC,eAAM,kBAAC,MAAM,UAAK,WAAW,cAC5B,uBAAC,sBAAa,IAAC,YAAY,EAAE,aAAa,YACxC,uBAAC,0BAAiB,cAAE,cAAc,GAAqB,GACzC,IACT,CACV,CAAC;IACJ,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAlFW,QAAA,OAAO,WAkFlB;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/js/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/js/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/js/components/Compass/CompassContent.js

@@ -11,7 +11,7 @@ const CompassContent = (_a) => {
     const hasDrawer = drawerContent !== undefined;
     const compassContent = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassContent, className) }, props, { children: children })));
     if (hasDrawer) {
-        return ((0, jsx_runtime_1.jsx)(Drawer_1.Drawer, Object.assign({}, drawerProps, { children: (0, jsx_runtime_1.jsx)(Drawer_1.DrawerContent, { panelContent: drawerContent, children: compassContent }) })));
+        return ((0, jsx_runtime_1.jsx)(Drawer_1.Drawer, Object.assign({ isPill: true }, drawerProps, { children: (0, jsx_runtime_1.jsx)(Drawer_1.DrawerContent, { panelContent: drawerContent, children: compassContent }) })));
     }
     return compassContent;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CompassContent.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassContent.tsx"],"names":[],"mappings":";;;;;AAAA,sCAA+D;AAC/D,8GAA6E;AAC7E,2DAA+C;AAaxC,MAAM,cAAc,GAAiD,CAAC,EAM5E,EAAE,EAAE;QANwE,EAC3E,QAAQ,EACR,SAAS,EACT,WAAW,EACX,aAAa,OAEd,EADI,KAAK,sBALmE,yDAM5E,CADS;IAER,MAAM,SAAS,GAAG,aAAa,KAAK,SAAS,CAAC;IAE9C,MAAM,cAAc,GAAG,CACrB,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,cAAc,EAAE,SAAS,CAAC,IAAM,KAAK,cAC7D,QAAQ,IACL,CACP,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,uBAAC,eAAM,oBAAK,WAAW,cACrB,uBAAC,sBAAa,IAAC,YAAY,EAAE,aAAa,YAAG,cAAc,GAAiB,IACrE,CACV,CAAC;IACJ,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAxBW,QAAA,cAAc,kBAwBzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"CompassContent.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassContent.tsx"],"names":[],"mappings":";;;;;AAAA,sCAA+D;AAC/D,8GAA6E;AAC7E,2DAA+C;AAaxC,MAAM,cAAc,GAAiD,CAAC,EAMvD,EAAE,EAAE;QANmD,EAC3E,QAAQ,EACR,SAAS,EACT,WAAW,EACX,aAAa,OAEO,EADjB,KAAK,sBALmE,yDAM5E,CADS;IAER,MAAM,SAAS,GAAG,aAAa,KAAK,SAAS,CAAC;IAE9C,MAAM,cAAc,GAAG,CACrB,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,cAAc,EAAE,SAAS,CAAC,IAAM,KAAK,cAC7D,QAAQ,IACL,CACP,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,uBAAC,eAAM,kBAAC,MAAM,UAAK,WAAW,cAC5B,uBAAC,sBAAa,IAAC,YAAY,EAAE,aAAa,YAAG,cAAc,GAAiB,IACrE,CACV,CAAC;IACJ,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAxBW,QAAA,cAAc,kBAwBzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/js/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/js/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/js/components/Compass/CompassHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompassHeader.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassHeader.tsx"],"names":[],"mappings":";;;;;AAAA,8GAA6E;AAC7E,2DAA+C;AAWxC,MAAM,aAAa,GAAgD,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACpG,6DACE,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,GAAG,iBAAM,CAAC,OAAO,QAAQ,CAAC,YAAG,IAAI,GAAO,EAC5D,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,UAAU,CAAC,YAAG,GAAG,GAAO,EACnD,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,cAAc,CAAC,YAAG,OAAO,GAAO,IAC1D,CACJ,CAAC;AANW,QAAA,aAAa,iBAMxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"CompassHeader.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassHeader.tsx"],"names":[],"mappings":";;;;;AAAA,8GAA6E;AAC7E,2DAA+C;AAWxC,MAAM,aAAa,GAAgD,CAAC,EACzE,IAAI,EACJ,GAAG,EACH,OAAO,EACY,EAAE,EAAE,CAAC,CACxB,6DACE,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,GAAG,iBAAM,CAAC,OAAO,QAAQ,CAAC,YAAG,IAAI,GAAO,EAC5D,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,UAAU,CAAC,YAAG,GAAG,GAAO,EACnD,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,cAAc,CAAC,YAAG,OAAO,GAAO,IAC1D,CACJ,CAAC;AAVW,QAAA,aAAa,iBAUxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/js/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/js/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/js/components/Compass/CompassHero.js

@@ -5,46 +5,9 @@ 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 c_compass__hero_BackgroundImage_light_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_compass__hero_BackgroundImage_light'));
-const c_compass__hero_BackgroundImage_dark_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_compass__hero_BackgroundImage_dark'));
-const c_compass__hero_gradient_stop_1_light_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_compass__hero_gradient_stop_1_light'));
-const c_compass__hero_gradient_stop_2_light_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_compass__hero_gradient_stop_2_light'));
-const c_compass__hero_gradient_stop_3_light_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_compass__hero_gradient_stop_3_light'));
-const c_compass__hero_gradient_stop_1_dark_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_compass__hero_gradient_stop_1_dark'));
-const c_compass__hero_gradient_stop_2_dark_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_compass__hero_gradient_stop_2_dark'));
-const c_compass__hero_gradient_stop_3_dark_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_compass__hero_gradient_stop_3_dark'));
 const CompassHero = (_a) => {
-    var { className, children, backgroundSrcLight, backgroundSrcDark, gradientLight, gradientDark } = _a, props = tslib_1.__rest(_a, ["className", "children", "backgroundSrcLight", "backgroundSrcDark", "gradientLight", "gradientDark"]);
-    const backgroundImageStyles = {};
-    if (backgroundSrcLight) {
-        backgroundImageStyles[c_compass__hero_BackgroundImage_light_1.default.name] = `url(${backgroundSrcLight})`;
-    }
-    if (backgroundSrcDark) {
-        backgroundImageStyles[c_compass__hero_BackgroundImage_dark_1.default.name] = `url(${backgroundSrcDark})`;
-    }
-    if (gradientLight) {
-        if (gradientLight.stop1) {
-            backgroundImageStyles[c_compass__hero_gradient_stop_1_light_1.default.name] = gradientLight.stop1;
-        }
-        if (gradientLight.stop2) {
-            backgroundImageStyles[c_compass__hero_gradient_stop_2_light_1.default.name] = gradientLight.stop2;
-        }
-        if (gradientLight.stop3) {
-            backgroundImageStyles[c_compass__hero_gradient_stop_3_light_1.default.name] = gradientLight.stop3;
-        }
-    }
-    if (gradientDark) {
-        if (gradientDark.stop1) {
-            backgroundImageStyles[c_compass__hero_gradient_stop_1_dark_1.default.name] = gradientDark.stop1;
-        }
-        if (gradientDark.stop2) {
-            backgroundImageStyles[c_compass__hero_gradient_stop_2_dark_1.default.name] = gradientDark.stop2;
-        }
-        if (gradientDark.stop3) {
-            backgroundImageStyles[c_compass__hero_gradient_stop_3_dark_1.default.name] = gradientDark.stop3;
-        }
-    }
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassPanel, compass_1.default.compassHero, className), style: Object.assign(Object.assign({}, props.style), backgroundImageStyles) }, props, { children: (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(compass_1.default.compassHeroBody), children: children }) })));
+    var { className, children } = _a, props = tslib_1.__rest(_a, ["className", "children"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(`${compass_1.default.compass}__hero`, className) }, props, { children: children })));
 };
 exports.CompassHero = CompassHero;
 exports.CompassHero.displayName = 'CompassHero';

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

@@ -1 +1 @@
-{"version":3,"file":"CompassHero.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassHero.tsx"],"names":[],"mappings":";;;;;AAAA,8GAA6E;AAC7E,2DAA+C;;;;;;;;;AAkCxC,MAAM,WAAW,GAA8C,CAAC,EAQtE,EAAE,EAAE;QARkE,EACrE,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,EACb,YAAY,OAEb,EADI,KAAK,sBAP6D,qGAQtE,CADS;IAER,MAAM,qBAAqB,GAA8B,EAAE,CAAC;IAC5D,IAAI,kBAAkB,EAAE,CAAC;QACvB,qBAAqB,CAAC,+CAA+B,CAAC,IAAI,CAAC,GAAG,OAAO,kBAAkB,GAAG,CAAC;IAC7F,CAAC;IACD,IAAI,iBAAiB,EAAE,CAAC;QACtB,qBAAqB,CAAC,8CAA8B,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,+CAA6B,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC;QAClF,CAAC;QACD,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC;YACxB,qBAAqB,CAAC,+CAA6B,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC;QAClF,CAAC;QACD,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC;YACxB,qBAAqB,CAAC,+CAA6B,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,8CAA4B,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;QAChF,CAAC;QACD,IAAI,YAAY,CAAC,KAAK,EAAE,CAAC;YACvB,qBAAqB,CAAC,8CAA4B,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;QAChF,CAAC;QACD,IAAI,YAAY,CAAC,KAAK,EAAE,CAAC;YACvB,qBAAqB,CAAC,8CAA4B,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;QAChF,CAAC;IACH,CAAC;IAED,OAAO,CACL,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,YAAY,EAAE,iBAAM,CAAC,WAAW,EAAE,SAAS,CAAC,EAClE,KAAK,kCAAO,KAAK,CAAC,KAAK,GAAK,qBAAqB,KAC7C,KAAK,cAET,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,eAAe,CAAC,YAAG,QAAQ,GAAO,IACzD,CACP,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,WAAW,eAiDtB;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
+{"version":3,"file":"CompassHero.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassHero.tsx"],"names":[],"mappings":";;;;;AAAA,8GAA6E;AAC7E,2DAA+C;AAUxC,MAAM,WAAW,GAA8C,CAAC,EAIpD,EAAE,EAAE;QAJgD,EACrE,SAAS,EACT,QAAQ,OAES,EADd,KAAK,sBAH6D,yBAItE,CADS;IACc,OAAA,CACtB,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,GAAG,iBAAM,CAAC,OAAO,QAAQ,EAAE,SAAS,CAAC,IAAM,KAAK,cACjE,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,WAAW,eAQtB;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/js/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/js/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/js/components/Compass/CompassMainFooter.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompassMainFooter = 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 CompassMainFooter = (_a) => {
+    var { className, children, isExpanded = true } = _a, props = tslib_1.__rest(_a, ["className", "children", "isExpanded"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassMainFooter, isExpanded && 'pf-m-expanded', className) }, props, { children: children })));
+};
+exports.CompassMainFooter = CompassMainFooter;
+exports.CompassMainFooter.displayName = 'CompassMainFooter';
+//# sourceMappingURL=CompassMainFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompassMainFooter.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMainFooter.tsx"],"names":[],"mappings":";;;;;AAAA,8GAA6E;AAC7E,2DAA+C;AAWxC,MAAM,iBAAiB,GAAoD,CAAC,EAKlF,EAAE,EAAE;QAL8E,EACjF,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,IAAI,OAElB,EADI,KAAK,sBAJyE,uCAKlF,CADS;IACJ,OAAA,CACJ,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,iBAAiB,EAAE,UAAU,IAAI,eAAe,EAAE,SAAS,CAAC,IAAM,KAAK,cAC/F,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AATW,QAAA,iBAAiB,qBAS5B;AAEF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/js/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/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,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/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,EAO1D,EAAE,EAAE;QAPsD,EACjF,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,EACR,iBAAiB,OAEM,EADpB,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,EAIjE,EAAE,EAAE;QAJ6D,EAC/F,QAAQ,EACR,SAAS,OAEqB,EAD3B,KAAK,sBAHuF,yBAIhG,CADS;IAC2B,OAAA,CACnC,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,EAI/D,EAAE,EAAE;QAJ2D,EAC3F,QAAQ,EACR,SAAS,OAEmB,EADzB,KAAK,sBAHmF,yBAI5F,CADS;IACyB,OAAA,CACjC,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,EAIjE,EAAE,EAAE;QAJ6D,EAC/F,QAAQ,EACR,SAAS,OAEqB,EAD3B,KAAK,sBAHuF,yBAIhG,CADS;IAC2B,OAAA,CACnC,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/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/js/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/js/components/Compass/CompassMessageBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompassMessageBar.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMessageBar.tsx"],"names":[],"mappings":";;;;;AAAA,8GAA6E;AAC7E,2DAA+C;AASxC,MAAM,iBAAiB,GAAoD,CAAC,EAIlF,EAAE,EAAE;QAJ8E,EACjF,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,sBAHyE,yBAIlF,CADS;IACJ,OAAA,CACJ,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,IAAM,KAAK,cAChE,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,iBAAiB,qBAQ5B;AAEF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
+{"version":3,"file":"CompassMessageBar.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassMessageBar.tsx"],"names":[],"mappings":";;;;;AAAA,8GAA6E;AAC7E,2DAA+C;AASxC,MAAM,iBAAiB,GAAoD,CAAC,EAI1D,EAAE,EAAE;QAJsD,EACjF,QAAQ,EACR,SAAS,OAEc,EADpB,KAAK,sBAHyE,yBAIlF,CADS;IACoB,OAAA,CAC5B,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,IAAM,KAAK,cAChE,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,iBAAiB,qBAQ5B;AAEF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/js/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/js/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/js/components/Compass/CompassNavContent.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompassNavContent = 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 CompassNavContent = (_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.compassNavContent, className) }, props, { children: children })));
+};
+exports.CompassNavContent = CompassNavContent;
+exports.CompassNavContent.displayName = 'CompassNavContent';
+//# sourceMappingURL=CompassNavContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompassNavContent.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassNavContent.tsx"],"names":[],"mappings":";;;;;AAAA,8GAA6E;AAC7E,2DAA+C;AAQxC,MAAM,iBAAiB,GAAoD,CAAC,EAI1D,EAAE,EAAE;QAJsD,EACjF,QAAQ,EACR,SAAS,OAEc,EADpB,KAAK,sBAHyE,yBAIlF,CADS;IACoB,OAAA,CAC5B,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,IAAM,KAAK,cAChE,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,iBAAiB,qBAQ5B;AAEF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/js/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/js/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/js/components/Compass/CompassNavHome.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompassNavHome = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const compass_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Compass/compass"));
+const react_styles_1 = require("@patternfly/react-styles");
+const Button_1 = require("../Button");
+const Tooltip_1 = require("../Tooltip");
+const CompassHomeIcon = () => ((0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("path", { d: "M8.33268 13.334H11.666", stroke: "currentcolor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] }));
+const CompassNavHome = (_a) => {
+    var { 'aria-label': ariaLabel = 'Home', tooltipContent = 'Home', className, onClick } = _a, props = tslib_1.__rest(_a, ['aria-label', "tooltipContent", "className", "onClick"]);
+    const buttonRef = (0, react_1.useRef)(null);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassNav + '-home', className) }, props, { children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { content: tooltipContent, position: "left", aria: "none", "aria-live": "off", triggerRef: buttonRef, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { isCircle: true, variant: "plain", icon: (0, jsx_runtime_1.jsx)(CompassHomeIcon, {}), "aria-label": ariaLabel, onClick: onClick, ref: buttonRef }) }) })));
+};
+exports.CompassNavHome = CompassNavHome;
+exports.CompassNavHome.displayName = 'CompassNavHome';
+//# sourceMappingURL=CompassNavHome.js.map