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

package/dist/js/components/Card/CardTitle.d.ts

@@ -6,6 +6,8 @@ export interface CardTitleProps extends React.HTMLProps<HTMLDivElement> {
     className?: string;
     /** Sets the base component to render. defaults to div */
     component?: keyof React.JSX.IntrinsicElements;
+    /** @beta Subtitle of the card title */
+    subtitle?: React.ReactNode;
 }
 export declare const CardTitle: React.FunctionComponent<CardTitleProps>;
 //# sourceMappingURL=CardTitle.d.ts.map

package/dist/js/components/Card/CardTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardTitle.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;CAC/C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAiB7D,CAAC"}
+{"version":3,"file":"CardTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardTitle.tsx"],"names":[],"mappings":";AAMA,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;IAC9C,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAoB7D,CAAC"}

package/dist/js/components/Card/CardTitle.js

@@ -7,12 +7,14 @@ const react_1 = require("react");
 const react_styles_1 = require("@patternfly/react-styles");
 const card_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Card/card"));
 const Card_1 = require("./Card");
+const CardSubtitle_1 = require("./CardSubtitle");
 const CardTitle = (_a) => {
-    var { children, className, component = 'div' } = _a, props = tslib_1.__rest(_a, ["children", "className", "component"]);
+    var { children, className, component = 'div', subtitle } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "subtitle"]);
     const { cardId } = (0, react_1.useContext)(Card_1.CardContext);
     const Component = component;
     const titleId = cardId ? `${cardId}-title` : '';
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(card_1.default.cardTitle), children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ className: (0, react_styles_1.css)(card_1.default.cardTitleText, className), id: titleId || undefined }, props, { children: children })) }));
+    const subtitleId = cardId ? `${cardId}-subtitle` : '';
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, react_styles_1.css)(card_1.default.cardTitle), children: [(0, jsx_runtime_1.jsx)(Component, Object.assign({ className: (0, react_styles_1.css)(card_1.default.cardTitleText, className), id: titleId || undefined }, props, { children: children })), subtitle && (0, jsx_runtime_1.jsx)(CardSubtitle_1.CardSubtitle, { id: subtitleId, children: subtitle })] }));
 };
 exports.CardTitle = CardTitle;
 exports.CardTitle.displayName = 'CardTitle';

package/dist/js/components/Card/CardTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardTitle.js","sourceRoot":"","sources":["../../../../src/components/Card/CardTitle.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAmC;AACnC,2DAA+C;AAC/C,qGAAuE;AACvE,iCAAqC;AAW9B,MAAM,SAAS,GAA4C,CAAC,EAKlD,EAAE,EAAE;QAL8C,EACjE,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,OAEF,EADZ,KAAK,sBAJyD,sCAKlE,CADS;IAER,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAU,EAAC,kBAAW,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,SAAgB,CAAC;IACnC,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAEhD,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,SAAS,CAAC,YACnC,uBAAC,SAAS,kBAAC,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,OAAO,IAAI,SAAS,IAAM,KAAK,cAC5F,QAAQ,IACC,GACR,CACP,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,SAAS,aAiBpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"CardTitle.js","sourceRoot":"","sources":["../../../../src/components/Card/CardTitle.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAmC;AACnC,2DAA+C;AAC/C,qGAAuE;AACvE,iCAAqC;AACrC,iDAA8C;AAavC,MAAM,SAAS,GAA4C,CAAC,EAMlD,EAAE,EAAE;QAN8C,EACjE,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,QAAQ,OAEO,EADZ,KAAK,sBALyD,kDAMlE,CADS;IAER,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAU,EAAC,kBAAW,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,SAAgB,CAAC;IACnC,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAChD,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtD,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,SAAS,CAAC,aACnC,uBAAC,SAAS,kBAAC,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,OAAO,IAAI,SAAS,IAAM,KAAK,cAC5F,QAAQ,IACC,EACX,QAAQ,IAAI,uBAAC,2BAAY,IAAC,EAAE,EAAE,UAAU,YAAG,QAAQ,GAAgB,IAChE,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,SAAS,aAoBpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

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

@@ -28,6 +28,10 @@ export interface ClipboardCopyProps extends Omit<React.HTMLProps<HTMLDivElement>
     textAriaLabel?: string;
     /** Aria-label to use on the ClipboardCopyToggle. */
     toggleAriaLabel?: string;
+    /** ID to use on the TextInput. */
+    inputId?: string;
+    /** Name attribute to use on the TextInput. */
+    inputName?: string;
     /** Flag to show if the input is read only. */
     isReadOnly?: boolean;
     /** Flag to determine if clipboard copy is in the expanded state initially */
@@ -50,6 +54,10 @@ export interface ClipboardCopyProps extends Omit<React.HTMLProps<HTMLDivElement>
     onCopy?: (event: React.ClipboardEvent<HTMLDivElement>, text?: React.ReactNode) => void;
     /** A function that is triggered on changing the text. */
     onChange?: (event: React.FormEvent, text?: string) => void;
+    /** Callback function when text input is focused */
+    onInputFocus?: (event?: any) => void;
+    /** Callback function when text input is blurred (focus leaves) */
+    onInputBlur?: (event?: any) => void;
     /** The text which is copied. */
     children: string | string[];
     /** Additional actions for inline clipboard copy. Should be wrapped with ClipboardCopyAction. */

package/dist/js/components/ClipboardCopy/ClipboardCopy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClipboardCopy.d.ts","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ClipboardCopy.d.ts","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":"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"}

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

@@ -67,8 +67,10 @@ class ClipboardCopy extends react_1.Component {
             const _a = this.props, { 
             /* eslint-disable @typescript-eslint/no-unused-vars */
             isExpanded, onChange, // Don't pass to <div>
+            onInputFocus, // Don't pass to <div>
+            onInputBlur, // Don't pass to <div>
             /* eslint-enable @typescript-eslint/no-unused-vars */
-            isReadOnly, isCode, isBlock, exitDelay, maxWidth, entryDelay, onCopy, hoverTip, clickTip, textAriaLabel, toggleAriaLabel, variant, position, className, additionalActions, truncation, ouiaId, ouiaSafe, copyAriaLabel } = _a, divProps = tslib_1.__rest(_a, ["isExpanded", "onChange", "isReadOnly", "isCode", "isBlock", "exitDelay", "maxWidth", "entryDelay", "onCopy", "hoverTip", "clickTip", "textAriaLabel", "toggleAriaLabel", "variant", "position", "className", "additionalActions", "truncation", "ouiaId", "ouiaSafe", "copyAriaLabel"]);
+            isReadOnly, isCode, isBlock, exitDelay, maxWidth, entryDelay, onCopy, hoverTip, clickTip, textAriaLabel, toggleAriaLabel, inputId, inputName, variant, position, className, additionalActions, truncation, ouiaId, ouiaSafe, copyAriaLabel } = _a, divProps = tslib_1.__rest(_a, ["isExpanded", "onChange", "onInputFocus", "onInputBlur", "isReadOnly", "isCode", "isBlock", "exitDelay", "maxWidth", "entryDelay", "onCopy", "hoverTip", "clickTip", "textAriaLabel", "toggleAriaLabel", "inputId", "inputName", "variant", "position", "className", "additionalActions", "truncation", "ouiaId", "ouiaSafe", "copyAriaLabel"]);
             const textIdPrefix = 'text-input-';
             const toggleIdPrefix = 'toggle-';
             const contentIdPrefix = 'content-';
@@ -86,7 +88,7 @@ class ClipboardCopy extends react_1.Component {
                                                 else {
                                                     this.setState({ textWhenExpanded: copyableText });
                                                 }
-                                            }, id: `${toggleIdPrefix}${id}`, contentId: `${contentIdPrefix}${id}`, "aria-label": toggleAriaLabel })), (0, jsx_runtime_1.jsx)(TextInput_1.TextInput, Object.assign({ readOnlyVariant: isReadOnly || this.state.expanded ? 'default' : undefined, onChange: this.updateText, value: this.state.expanded ? this.state.textWhenExpanded : copyableText, id: `text-input-${id}`, "aria-label": textAriaLabel }, (isCode && { dir: 'ltr' }))), (0, jsx_runtime_1.jsx)(ClipboardCopyButton_1.ClipboardCopyButton, { exitDelay: exitDelay, entryDelay: entryDelay, maxWidth: maxWidth, position: position, id: `copy-button-${id}`, "aria-label": copyAriaLabel !== null && copyAriaLabel !== void 0 ? copyAriaLabel : hoverTip, onClick: (event) => {
+                                            }, id: `${toggleIdPrefix}${id}`, contentId: `${contentIdPrefix}${id}`, "aria-label": toggleAriaLabel })), (0, jsx_runtime_1.jsx)(TextInput_1.TextInput, Object.assign({ readOnlyVariant: isReadOnly || this.state.expanded ? 'default' : undefined, onChange: this.updateText, value: this.state.expanded ? this.state.textWhenExpanded : copyableText, id: inputId !== null && inputId !== void 0 ? inputId : `text-input-${id}`, name: inputName, "aria-label": textAriaLabel, onFocus: onInputFocus, onBlur: onInputBlur }, (isCode && { dir: 'ltr' }))), (0, jsx_runtime_1.jsx)(ClipboardCopyButton_1.ClipboardCopyButton, { exitDelay: exitDelay, entryDelay: entryDelay, maxWidth: maxWidth, position: position, id: `copy-button-${id}`, "aria-label": copyAriaLabel !== null && copyAriaLabel !== void 0 ? copyAriaLabel : hoverTip, onClick: (event) => {
                                                 onCopy(event, this.state.expanded ? this.state.textWhenExpanded : copyableText);
                                                 this.setState({ copied: true });
                                             }, onTooltipHidden: () => this.setState({ copied: false }), children: this.state.copied ? clickTip : hoverTip })] }), this.state.expanded && ((0, jsx_runtime_1.jsx)(ClipboardCopyExpanded_1.ClipboardCopyExpanded, { isReadOnly: isReadOnly, isCode: isCode, id: `content-${id}`, onChange: this.updateTextWhenExpanded, children: copyableText }))] })) }))] })));

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

@@ -1 +1 @@
-{"version":3,"file":"ClipboardCopy.js","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ClipboardCopy.js","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":"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"}

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":"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"}

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"}