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

package/dist/esm/components/Hero/Hero.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+/** The main Hero component that allows adjusting of its background images and gradients in different color modes (such as light and dark). */
+export interface HeroProps 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, taking any valid CSS color values for each stop property. */
+    gradientLight?: {
+        stop1?: string;
+        stop2?: string;
+        stop3?: string;
+    };
+    /** Dark theme gradient of the hero, taking any valid CSS color values for each stop property. */
+    gradientDark?: {
+        stop1?: string;
+        stop2?: string;
+        stop3?: string;
+    };
+    /** Flag indicating whether glass styles are removed from the hero when a glass theme is applied. */
+    hasNoGlass?: boolean;
+    /** Modifies the width of the hero body. */
+    bodyWidth?: string;
+    /** Modifies the max-width of the hero body. */
+    bodyMaxWidth?: string;
+}
+export declare const Hero: React.FunctionComponent<HeroProps>;
+//# sourceMappingURL=Hero.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/components/Hero/Hero.tsx"],"names":[],"mappings":";AAaA,8IAA8I;AAE9I,MAAM,WAAW,SAAU,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,kGAAkG;IAClG,aAAa,CAAC,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,iGAAiG;IACjG,YAAY,CAAC,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,oGAAoG;IACpG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAuDnD,CAAC"}

package/dist/esm/components/Hero/Hero.js

@@ -0,0 +1,51 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from '@patternfly/react-styles/css/components/Hero/hero.mjs';
+import { css } from '@patternfly/react-styles';
+import heroBackgroundImageLight from '@patternfly/react-tokens/dist/esm/c_hero_BackgroundImage_light';
+import heroBackgroundImageDark from '@patternfly/react-tokens/dist/esm/c_hero_BackgroundImage_dark';
+import heroGradientStop1Light from '@patternfly/react-tokens/dist/esm/c_hero_gradient_stop_1_light';
+import heroGradientStop2Light from '@patternfly/react-tokens/dist/esm/c_hero_gradient_stop_2_light';
+import heroGradientStop3Light from '@patternfly/react-tokens/dist/esm/c_hero_gradient_stop_3_light';
+import heroGradientStop1Dark from '@patternfly/react-tokens/dist/esm/c_hero_gradient_stop_1_dark';
+import heroGradientStop2Dark from '@patternfly/react-tokens/dist/esm/c_hero_gradient_stop_2_dark';
+import heroGradientStop3Dark from '@patternfly/react-tokens/dist/esm/c_hero_gradient_stop_3_dark';
+import heroBodyWidth from '@patternfly/react-tokens/dist/esm/c_hero__body_Width';
+import heroBodyMaxWidth from '@patternfly/react-tokens/dist/esm/c_hero__body_MaxWidth';
+export const Hero = (_a) => {
+    var { className, children, backgroundSrcLight, backgroundSrcDark, gradientLight, gradientDark, hasNoGlass = false, bodyWidth, bodyMaxWidth } = _a, props = __rest(_a, ["className", "children", "backgroundSrcLight", "backgroundSrcDark", "gradientLight", "gradientDark", "hasNoGlass", "bodyWidth", "bodyMaxWidth"]);
+    const customStyles = {};
+    if (backgroundSrcLight) {
+        customStyles[heroBackgroundImageLight.name] = `url(${backgroundSrcLight})`;
+    }
+    if (backgroundSrcDark) {
+        customStyles[heroBackgroundImageDark.name] = `url(${backgroundSrcDark})`;
+    }
+    if (gradientLight === null || gradientLight === void 0 ? void 0 : gradientLight.stop1) {
+        customStyles[heroGradientStop1Light.name] = gradientLight.stop1;
+    }
+    if (gradientLight === null || gradientLight === void 0 ? void 0 : gradientLight.stop2) {
+        customStyles[heroGradientStop2Light.name] = gradientLight.stop2;
+    }
+    if (gradientLight === null || gradientLight === void 0 ? void 0 : gradientLight.stop3) {
+        customStyles[heroGradientStop3Light.name] = gradientLight.stop3;
+    }
+    if (gradientDark === null || gradientDark === void 0 ? void 0 : gradientDark.stop1) {
+        customStyles[heroGradientStop1Dark.name] = gradientDark.stop1;
+    }
+    if (gradientDark === null || gradientDark === void 0 ? void 0 : gradientDark.stop2) {
+        customStyles[heroGradientStop2Dark.name] = gradientDark.stop2;
+    }
+    if (gradientDark === null || gradientDark === void 0 ? void 0 : gradientDark.stop3) {
+        customStyles[heroGradientStop3Dark.name] = gradientDark.stop3;
+    }
+    if (bodyWidth) {
+        customStyles[heroBodyWidth.name] = bodyWidth;
+    }
+    if (bodyMaxWidth) {
+        customStyles[heroBodyMaxWidth.name] = bodyMaxWidth;
+    }
+    return (_jsx("div", Object.assign({ className: css(styles.hero, hasNoGlass && styles.modifiers.noGlass, className), style: Object.assign(Object.assign({}, props.style), customStyles) }, props, { children: _jsx("div", { className: css(styles.heroBody), children: children }) })));
+};
+Hero.displayName = 'Hero';
+//# sourceMappingURL=Hero.js.map

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

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

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

@@ -0,0 +1,2 @@
+export * from './Hero';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Hero/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './Hero';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Hero/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

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

@@ -32,6 +32,7 @@ export * from './FileUpload';
 export * from './Form';
 export * from './FormSelect';
 export * from './HelperText';
+export * from './Hero';
 export * from './Hint';
 export * from './Icon';
 export * from './InputGroup';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/esm/components/index.js

@@ -32,6 +32,7 @@ export * from './FileUpload';
 export * from './Form';
 export * from './FormSelect';
 export * from './HelperText';
+export * from './Hero';
 export * from './Hint';
 export * from './Icon';
 export * from './InputGroup';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { DrawerProps } from '../Drawer';
-interface CompassContentProps extends React.HTMLProps<HTMLDivElement> {
+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 */
@@ -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/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,CAMrE,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,CAIjE,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,EAAiC,EAAE,EAAE;QAArC,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA/B,yBAAiC,CAAF;IAAO,OAAA,CAC3G,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,GAAG,iBAAM,CAAC,OAAO,QAAQ,EAAE,SAAS,CAAC,IAAM,KAAK,cACjE,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAJW,QAAA,WAAW,eAItB;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,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,EAOlF,EAAE,EAAE;QAP8E,EACjF,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,EACR,iBAAiB,OAElB,EADI,KAAK,sBANyE,kEAOlF,CADS;IAER,MAAM,QAAQ,GACZ,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7C,uBAAC,2BAAY,oBAAK,iBAAiB,cACjC,wBAAC,mDAAwB,eACtB,KAAK,IAAI,uBAAC,+CAAsB,cAAE,KAAK,GAA0B,EACjE,OAAO,IAAI,uBAAC,mDAAwB,cAAE,OAAO,GAA4B,IACjD,IACd,CAChB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;IAEJ,OAAO,CACL,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,GAAG,iBAAM,CAAC,OAAO,eAAe,EAAE,SAAS,CAAC,IAAM,KAAK,cACxE,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,iBAAiB,qBAyB5B;AAEF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface CompassPanelProps extends React.HTMLProps<HTMLDivElement> {
+export interface CompassPanelProps extends React.HTMLProps<HTMLDivElement> {
     /** Content of the panel. */
     children: React.ReactNode;
     /** Additional classes added to the panel. */
@@ -18,5 +18,4 @@ interface CompassPanelProps extends React.HTMLProps<HTMLDivElement> {
     isThinking?: boolean;
 }
 export declare const CompassPanel: React.FunctionComponent<CompassPanelProps>;
-export {};
 //# sourceMappingURL=CompassPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompassPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassPanel.tsx"],"names":[],"mappings":";AAGA,UAAU,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACjE,4BAA4B;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA0BnE,CAAC"}
+{"version":3,"file":"CompassPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassPanel.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACxE,4BAA4B;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA0BnE,CAAC"}

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

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

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

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

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

@@ -6,6 +6,9 @@ tslib_1.__exportStar(require("./CompassContent"), exports);
 tslib_1.__exportStar(require("./CompassHeader"), exports);
 tslib_1.__exportStar(require("./CompassHero"), exports);
 tslib_1.__exportStar(require("./CompassMainHeader"), exports);
+tslib_1.__exportStar(require("./CompassMainHeaderContent"), exports);
+tslib_1.__exportStar(require("./CompassMainHeaderTitle"), exports);
+tslib_1.__exportStar(require("./CompassMainHeaderToolbar"), exports);
 tslib_1.__exportStar(require("./CompassMessageBar"), exports);
 tslib_1.__exportStar(require("./CompassPanel"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Compass/index.ts"],"names":[],"mappings":";;;AAAA,oDAA0B;AAC1B,2DAAiC;AACjC,0DAAgC;AAChC,wDAA8B;AAC9B,8DAAoC;AACpC,8DAAoC;AACpC,yDAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Compass/index.ts"],"names":[],"mappings":";;;AAAA,oDAA0B;AAC1B,2DAAiC;AACjC,0DAAgC;AAChC,wDAA8B;AAC9B,8DAAoC;AACpC,qEAA2C;AAC3C,mEAAyC;AACzC,qEAA2C;AAC3C,8DAAoC;AACpC,yDAA+B"}

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+/** The main Hero component that allows adjusting of its background images and gradients in different color modes (such as light and dark). */
+export interface HeroProps 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, taking any valid CSS color values for each stop property. */
+    gradientLight?: {
+        stop1?: string;
+        stop2?: string;
+        stop3?: string;
+    };
+    /** Dark theme gradient of the hero, taking any valid CSS color values for each stop property. */
+    gradientDark?: {
+        stop1?: string;
+        stop2?: string;
+        stop3?: string;
+    };
+    /** Flag indicating whether glass styles are removed from the hero when a glass theme is applied. */
+    hasNoGlass?: boolean;
+    /** Modifies the width of the hero body. */
+    bodyWidth?: string;
+    /** Modifies the max-width of the hero body. */
+    bodyMaxWidth?: string;
+}
+export declare const Hero: React.FunctionComponent<HeroProps>;
+//# sourceMappingURL=Hero.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/components/Hero/Hero.tsx"],"names":[],"mappings":";AAaA,8IAA8I;AAE9I,MAAM,WAAW,SAAU,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,kGAAkG;IAClG,aAAa,CAAC,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,iGAAiG;IACjG,YAAY,CAAC,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,oGAAoG;IACpG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAuDnD,CAAC"}