@patternfly/react-core 4.229.0 → 4.231.0

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

@@ -1,6 +1,12 @@
 import * as React from 'react';
 import { BadgeProps } from '../Badge';
 export declare type MenuToggleElement = HTMLDivElement | HTMLButtonElement;
+export interface SplitButtonOptions {
+    /** Elements to display before the toggle button. When included, renders the menu toggle as a split button. */
+    items: React.ReactNode[];
+    /** Variant of split button toggle */
+    variant?: 'action' | 'checkbox';
+}
 export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<MenuToggleElement>, MenuToggleElement>, 'ref'> {
     /** Content rendered inside the toggle */
     children?: React.ReactNode;
@@ -14,6 +20,8 @@ export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.HTML
     isFullHeight?: boolean;
     /** Flag indicating the toggle takes up the full width of its parent */
     isFullWidth?: boolean;
+    /** Object used to configure a split button menu toggle */
+    splitButtonOptions?: SplitButtonOptions;
     /** Variant styles of the menu toggle */
     variant?: 'default' | 'plain' | 'primary' | 'plainText' | 'secondary' | 'typeahead';
     /** Optional icon rendered inside the toggle, before the children content */

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

@@ -1 +1 @@
-{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IACxG,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAOlC;IAEF,MAAM;CA2FP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}
+{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,kBAAkB;IACjC,8GAA8G;IAC9G,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IACxG,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAMlC;IAEF,MAAM;CA6GP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}

package/dist/js/components/MenuToggle/MenuToggle.js

@@ -12,7 +12,7 @@ class MenuToggleBase extends React.Component {
         this.displayName = 'MenuToggleBase';
     }
     render() {
-        const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, variant, innerRef, onClick, 'aria-label': ariaLabel } = _a, otherProps = tslib_1.__rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "variant", "innerRef", "onClick", 'aria-label']);
+        const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, splitButtonOptions, variant, innerRef, onClick, 'aria-label': ariaLabel } = _a, otherProps = tslib_1.__rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "splitButtonOptions", "variant", "innerRef", "onClick", 'aria-label']);
         const isPlain = variant === 'plain';
         const isPlainText = variant === 'plainText';
         const isTypeahead = variant === 'typeahead';
@@ -21,14 +21,20 @@ class MenuToggleBase extends React.Component {
                 React.createElement(caret_down_icon_1.default, { "aria-hidden": true }))));
         const content = (React.createElement(React.Fragment, null,
             icon && React.createElement("span", { className: react_styles_1.css(menu_toggle_1.default.menuToggleIcon) }, icon),
-            isTypeahead ? children : React.createElement("span", { className: "pf-c-menu-toggle__text" }, children),
+            isTypeahead ? children : React.createElement("span", { className: react_styles_1.css(menu_toggle_1.default.menuToggleText) }, children),
             badge && React.createElement("span", { className: react_styles_1.css(menu_toggle_1.default.menuToggleCount) }, badge),
             isTypeahead ? (React.createElement("button", { type: "button", className: react_styles_1.css(menu_toggle_1.default.menuToggleButton), "aria-expanded": isExpanded, onClick: onClick, "aria-label": "Menu toggle" }, toggleControls)) : (toggleControls)));
-        const componentProps = Object.assign(Object.assign({ className: react_styles_1.css(menu_toggle_1.default.menuToggle, isExpanded && menu_toggle_1.default.modifiers.expanded, variant === 'primary' && menu_toggle_1.default.modifiers.primary, (isPlain || isPlainText) && menu_toggle_1.default.modifiers.plain, isPlainText && menu_toggle_1.default.modifiers.text, isFullHeight && menu_toggle_1.default.modifiers.fullHeight, isTypeahead && menu_toggle_1.default.modifiers.typeahead, isFullWidth && menu_toggle_1.default.modifiers.fullWidth, className), children: isPlain ? children : content }, (isDisabled && { disabled: true })), otherProps);
+        const commonStyles = react_styles_1.css(menu_toggle_1.default.menuToggle, isExpanded && menu_toggle_1.default.modifiers.expanded, variant === 'primary' && menu_toggle_1.default.modifiers.primary, variant === 'secondary' && menu_toggle_1.default.modifiers.secondary, (isPlain || isPlainText) && menu_toggle_1.default.modifiers.plain, isPlainText && menu_toggle_1.default.modifiers.text, isFullHeight && menu_toggle_1.default.modifiers.fullHeight, isFullWidth && menu_toggle_1.default.modifiers.fullWidth, isDisabled && menu_toggle_1.default.modifiers.disabled, className);
+        const componentProps = Object.assign(Object.assign({ children: isPlain ? children : content }, (isDisabled && { disabled: true })), otherProps);
         if (isTypeahead) {
-            return React.createElement("div", Object.assign({ ref: innerRef }, componentProps));
+            return React.createElement("div", Object.assign({ ref: innerRef, className: react_styles_1.css(commonStyles) }, componentProps));
         }
-        return (React.createElement("button", Object.assign({ className: react_styles_1.css(menu_toggle_1.default.menuToggle, isExpanded && menu_toggle_1.default.modifiers.expanded, variant === 'primary' && menu_toggle_1.default.modifiers.primary, variant === 'secondary' && menu_toggle_1.default.modifiers.secondary, (isPlain || isPlainText) && menu_toggle_1.default.modifiers.plain, isPlainText && menu_toggle_1.default.modifiers.text, isFullHeight && menu_toggle_1.default.modifiers.fullHeight, isFullWidth && menu_toggle_1.default.modifiers.fullWidth, className), ref: innerRef, type: "button", "aria-label": ariaLabel, "aria-expanded": isExpanded, onClick: onClick }, componentProps)));
+        if (splitButtonOptions) {
+            return (React.createElement("div", { className: react_styles_1.css(commonStyles, menu_toggle_1.default.modifiers.splitButton, (splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 : splitButtonOptions.variant) === 'action' && menu_toggle_1.default.modifiers.action) }, splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 :
+                splitButtonOptions.items,
+                React.createElement("button", Object.assign({ className: react_styles_1.css(menu_toggle_1.default.menuToggleButton), type: "button", "aria-expanded": isExpanded, "aria-label": ariaLabel, disabled: isDisabled }, otherProps), toggleControls)));
+        }
+        return (React.createElement("button", Object.assign({ className: react_styles_1.css(commonStyles), type: "button", "aria-label": ariaLabel, "aria-expanded": isExpanded, ref: innerRef, disabled: isDisabled, onClick: onClick }, componentProps)));
     }
 }
 exports.MenuToggleBase = MenuToggleBase;
@@ -37,8 +43,7 @@ MenuToggleBase.defaultProps = {
     isExpanded: false,
     isDisabled: false,
     isFullWidth: false,
-    isFullHeight: false,
-    variant: 'default'
+    isFullHeight: false
 };
 exports.MenuToggle = React.forwardRef((props, ref) => (React.createElement(MenuToggleBase, Object.assign({ innerRef: ref }, props))));
 exports.MenuToggle.displayName = 'MenuToggle';

package/dist/js/components/MenuToggle/MenuToggle.js.map

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

package/dist/js/components/MenuToggle/MenuToggleAction.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface MenuToggleActionProps {
+    /** Additional classes added to the MenuToggleAction */
+    className?: string;
+    /** Flag to show if the action button is disabled */
+    isDisabled?: boolean;
+    /** A callback for when the action button is clicked */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Element to be rendered inside the <button> */
+    children?: React.ReactNode;
+    /** Id of the action button */
+    id?: string;
+}
+export declare class MenuToggleAction extends React.Component<MenuToggleActionProps> {
+    static displayName: string;
+    static defaultProps: MenuToggleActionProps;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=MenuToggleAction.d.ts.map

package/dist/js/components/MenuToggle/MenuToggleAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuToggleAction.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,qBAAqB;IACpC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC;IAC1E,MAAM,CAAC,WAAW,SAAsB;IACxC,MAAM,CAAC,YAAY,EAAE,qBAAqB,CAIxC;IAEF,MAAM;CAgBP"}

package/dist/js/components/MenuToggle/MenuToggleAction.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuToggleAction = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const menu_toggle_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/MenuToggle/menu-toggle"));
+const react_styles_1 = require("@patternfly/react-styles");
+class MenuToggleAction extends React.Component {
+    render() {
+        const _a = this.props, { id, className, onClick, isDisabled, children } = _a, props = tslib_1.__rest(_a, ["id", "className", "onClick", "isDisabled", "children"]);
+        return (React.createElement("button", Object.assign({ id: id, className: react_styles_1.css(menu_toggle_1.default.menuToggleButton, className), onClick: onClick, type: "button", disabled: isDisabled }, props), children));
+    }
+}
+exports.MenuToggleAction = MenuToggleAction;
+MenuToggleAction.displayName = 'MenuToggleAction';
+MenuToggleAction.defaultProps = {
+    className: '',
+    isDisabled: false,
+    onClick: () => { }
+};
+//# sourceMappingURL=MenuToggleAction.js.map

package/dist/js/components/MenuToggle/MenuToggleAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuToggleAction.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleAction.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAe/C,MAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAgC;IAQ1E,MAAM;QACJ,MAAM,KAA6D,IAAI,CAAC,KAAK,EAAvE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,OAAyB,EAApB,KAAK,sBAAxD,wDAA0D,CAAa,CAAC;QAE9E,OAAO,CACL,8CACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,IAChB,KAAK,GAER,QAAQ,CACF,CACV,CAAC;IACJ,CAAC;;AAvBH,4CAwBC;AAvBQ,4BAAW,GAAG,kBAAkB,CAAC;AACjC,6BAAY,GAA0B;IAC3C,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,CAAC"}

package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { PickOptional } from '../../helpers/typeUtils';
+import { OUIAProps } from '../../helpers';
+export interface MenuToggleCheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'onChange' | 'disabled' | 'checked'>, OUIAProps {
+    /** Additional classes added to the MenuToggleCheckbox */
+    className?: string;
+    /** Flag to show if the checkbox selection is valid or invalid */
+    isValid?: boolean;
+    /** Flag to show if the checkbox is disabled */
+    isDisabled?: boolean;
+    /** Flag to show if the checkbox is checked when it is controlled by React state.
+     * To make the checkbox uncontrolled instead use the defaultChecked prop, but do not use both.
+     */
+    isChecked?: boolean | null;
+    /** Flag to set the default checked value of the checkbox when it is uncontrolled by React state.
+     * To make the checkbox controlled instead use the isChecked prop, but do not use both.
+     */
+    defaultChecked?: boolean | null;
+    /** A callback for when the checkbox selection changes */
+    onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
+    /** Element to be rendered inside the <span> */
+    children?: React.ReactNode;
+    /** Id of the checkbox */
+    id: string;
+}
+export declare class MenuToggleCheckbox extends React.Component<MenuToggleCheckboxProps, {
+    ouiaStateId: string;
+}> {
+    static displayName: string;
+    static defaultProps: PickOptional<MenuToggleCheckboxProps>;
+    constructor(props: MenuToggleCheckboxProps);
+    handleChange: (event: React.FormEvent<HTMLInputElement>) => void;
+    calculateChecked: () => boolean;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=MenuToggleCheckbox.d.ts.map

package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuToggleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,EAC3F,SAAS;IACX,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IACvG,MAAM,CAAC,WAAW,SAAwB;IAC1C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAIxD;gBAEU,KAAK,EAAE,uBAAuB;IAO1C,YAAY,UAAW,MAAM,SAAS,CAAC,gBAAgB,CAAC,UAEtD;IAEF,gBAAgB,gBASd;IAEF,MAAM;CA0CP"}

package/dist/js/components/MenuToggle/MenuToggleCheckbox.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuToggleCheckbox = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const check_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Check/check"));
+const react_styles_1 = require("@patternfly/react-styles");
+const helpers_1 = require("../../helpers");
+class MenuToggleCheckbox extends React.Component {
+    constructor(props) {
+        super(props);
+        this.handleChange = (event) => {
+            this.props.onChange(event.target.checked, event);
+        };
+        this.calculateChecked = () => {
+            const { isChecked, defaultChecked } = this.props;
+            if (isChecked === null) {
+                // return false here and the indeterminate state will be set to true through the ref
+                return false;
+            }
+            else if (isChecked !== undefined) {
+                return isChecked;
+            }
+            return defaultChecked;
+        };
+        this.state = {
+            ouiaStateId: helpers_1.getDefaultOUIAId(MenuToggleCheckbox.displayName)
+        };
+    }
+    render() {
+        const _a = this.props, { className, isValid, isDisabled, isChecked, children, ouiaId, ouiaSafe, 
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        onChange, defaultChecked, id } = _a, props = tslib_1.__rest(_a, ["className", "isValid", "isDisabled", "isChecked", "children", "ouiaId", "ouiaSafe", "onChange", "defaultChecked", "id"]);
+        const text = children && (React.createElement("span", { className: react_styles_1.css(check_1.default.checkLabel, className), "aria-hidden": "true", id: id }, children));
+        return (React.createElement("label", { className: react_styles_1.css(check_1.default.check, !children && check_1.default.modifiers.standalone, className), htmlFor: id },
+            React.createElement("input", Object.assign({ className: react_styles_1.css(check_1.default.checkInput) }, (this.calculateChecked() !== undefined && { onChange: this.handleChange }), { name: id, type: "checkbox", ref: elem => elem && (elem.indeterminate = isChecked === null), "aria-invalid": !isValid, disabled: isDisabled }, (defaultChecked !== undefined ? { defaultChecked } : { checked: isChecked }), helpers_1.getOUIAProps(MenuToggleCheckbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), props)),
+            text));
+    }
+}
+exports.MenuToggleCheckbox = MenuToggleCheckbox;
+MenuToggleCheckbox.displayName = 'MenuToggleCheckbox';
+MenuToggleCheckbox.defaultProps = {
+    isValid: true,
+    isDisabled: false,
+    onChange: () => undefined
+};
+//# sourceMappingURL=MenuToggleCheckbox.js.map

package/dist/js/components/MenuToggle/MenuToggleCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuToggleCheckbox.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleCheckbox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,wGAAyE;AACzE,2DAA+C;AAE/C,2CAA0E;AA2B1E,MAAa,kBAAmB,SAAQ,KAAK,CAAC,SAA2D;IAQvG,YAAY,KAA8B;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;QAMf,iBAAY,GAAG,CAAC,KAAwC,EAAE,EAAE;YAC1D,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAE,KAAK,CAAC,MAA2B,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACzE,CAAC,CAAC;QAEF,qBAAgB,GAAG,GAAG,EAAE;YACtB,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YACjD,IAAI,SAAS,KAAK,IAAI,EAAE;gBACtB,oFAAoF;gBACpF,OAAO,KAAK,CAAC;aACd;iBAAM,IAAI,SAAS,KAAK,SAAS,EAAE;gBAClC,OAAO,SAAS,CAAC;aAClB;YACD,OAAO,cAAc,CAAC;QACxB,CAAC,CAAC;QAlBA,IAAI,CAAC,KAAK,GAAG;YACX,WAAW,EAAE,0BAAgB,CAAC,kBAAkB,CAAC,WAAW,CAAC;SAC9D,CAAC;IACJ,CAAC;IAiBD,MAAM;QACJ,MAAM,KAaF,IAAI,CAAC,KAAK,EAbR,EACJ,SAAS,EACT,OAAO,EACP,UAAU,EACV,SAAS,EACT,QAAQ,EACR,MAAM,EACN,QAAQ;QACR,sDAAsD;QACtD,QAAQ,EACR,cAAc,EACd,EAAE,OAEU,EADT,KAAK,sBAZJ,yHAaL,CAAa,CAAC;QACf,MAAM,IAAI,GAAG,QAAQ,IAAI,CACvB,8BAAM,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,UAAU,EAAE,SAAS,CAAC,iBAAc,MAAM,EAAC,EAAE,EAAE,EAAE,IAC1E,QAAQ,CACJ,CACR,CAAC;QACF,OAAO,CACL,+BAAO,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,KAAK,EAAE,CAAC,QAAQ,IAAI,eAAM,CAAC,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE;YACnG,6CACE,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,UAAU,CAAC,IAC7B,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,SAAS,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,IAC9E,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC,kBAChD,CAAC,OAAO,EACtB,QAAQ,EAAE,UAAU,IAChB,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC5E,sBAAY,CACd,kBAAkB,CAAC,WAAW,EAC9B,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EACtD,QAAQ,CACT,EACG,KAAK,EACT;YACD,IAAI,CACC,CACT,CAAC;IACJ,CAAC;;AAvEH,gDAwEC;AAvEQ,8BAAW,GAAG,oBAAoB,CAAC;AACnC,+BAAY,GAA0C;IAC3D,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAgB;CACjC,CAAC"}

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

@@ -1,2 +1,4 @@
 export * from './MenuToggle';
+export * from './MenuToggleAction';
+export * from './MenuToggleCheckbox';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}

package/dist/js/components/MenuToggle/index.js

@@ -2,4 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./MenuToggle"), exports);
+tslib_1.__exportStar(require("./MenuToggleAction"), exports);
+tslib_1.__exportStar(require("./MenuToggleCheckbox"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,6DAAmC;AACnC,+DAAqC"}

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { PageBreadcrumbProps } from './PageBreadcrumb';
 import { PageGroupProps } from './PageGroup';
 export declare enum PageLayouts {
     vertical = "vertical",
@@ -9,7 +10,9 @@ export interface PageContextProps {
     onNavToggle: () => void;
     isNavOpen: boolean;
     width: number;
+    height: number;
     getBreakpoint: (width: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    getVerticalBreakpoint: (height: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 }
 export declare const pageContextDefaults: PageContextProps;
 export declare const PageContext: React.Context<PageContextProps>;
@@ -63,6 +66,13 @@ export interface PageProps extends React.HTMLProps<HTMLDivElement> {
      * https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/helpers/util.ts
      */
     getBreakpoint?: (width: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /**
+     * The page resize observer uses the breakpoints returned from this function when adding the pf-m-breakpoint-[default|sm|md|lg|xl|2xl] class
+     * You can override the default getVerticalBreakpoint function to return breakpoints at different sizes than the default
+     * You can view the default getVerticalBreakpoint function here:
+     * https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/helpers/util.ts
+     */
+    getVerticalBreakpoint?: (height: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
     /** Breadcrumb component for the page */
     breadcrumb?: React.ReactNode;
     /** Tertiary nav component for the page */
@@ -77,12 +87,15 @@ export interface PageProps extends React.HTMLProps<HTMLDivElement> {
     additionalGroupedContent?: React.ReactNode;
     /** Additional props of the group */
     groupProps?: PageGroupProps;
+    /** Additional props of the breadcrumb */
+    breadcrumbProps?: PageBreadcrumbProps;
 }
 export interface PageState {
     desktopIsNavOpen: boolean;
     mobileIsNavOpen: boolean;
     mobileView: boolean;
     width: number;
+    height: number;
 }
 export declare class Page extends React.Component<PageProps, PageState> {
     static displayName: string;

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

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

package/dist/js/components/Page/Page.js

@@ -8,7 +8,6 @@ const react_styles_1 = require("@patternfly/react-styles");
 const global_breakpoint_xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_xl'));
 const util_1 = require("../../helpers/util");
 const Drawer_1 = require("../Drawer");
-const PageGroup_1 = require("./PageGroup");
 const resizeObserver_1 = require("../../helpers/resizeObserver");
 const util_2 = require("../../helpers/util");
 var PageLayouts;
@@ -21,7 +20,9 @@ exports.pageContextDefaults = {
     isNavOpen: false,
     onNavToggle: () => null,
     width: null,
-    getBreakpoint: util_2.getBreakpoint
+    height: null,
+    getBreakpoint: util_2.getBreakpoint,
+    getVerticalBreakpoint: util_2.getVerticalBreakpoint
 };
 exports.PageContext = React.createContext(exports.pageContextDefaults);
 exports.PageContextProvider = exports.PageContext.Provider;
@@ -52,7 +53,8 @@ class Page extends React.Component {
             if (mobileView !== this.state.mobileView) {
                 this.setState({ mobileView });
             }
-            this.pageRef.current && this.setState({ width: this.pageRef.current.clientWidth });
+            this.pageRef.current &&
+                this.setState({ width: this.pageRef.current.clientWidth, height: this.pageRef.current.clientHeight });
         };
         this.handleResize = util_1.debounce(this.resize, 250);
         this.handleMainClick = () => {
@@ -76,7 +78,8 @@ class Page extends React.Component {
             desktopIsNavOpen: managedSidebarOpen,
             mobileIsNavOpen: false,
             mobileView: false,
-            width: null
+            width: null,
+            height: null
         };
     }
     componentDidMount() {
@@ -108,14 +111,16 @@ class Page extends React.Component {
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         defaultManagedSidebarIsOpen, 
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        onPageResize, getBreakpoint, mainAriaLabel, mainTabIndex, tertiaryNav, isTertiaryNavGrouped, isBreadcrumbGrouped, additionalGroupedContent, groupProps } = _a, rest = tslib_1.__rest(_a, ["breadcrumb", "isBreadcrumbWidthLimited", "className", "children", "header", "sidebar", "notificationDrawer", "isNotificationDrawerExpanded", "onNotificationDrawerExpand", "isTertiaryNavWidthLimited", "skipToContent", "role", "mainContainerId", "isManagedSidebar", "defaultManagedSidebarIsOpen", "onPageResize", "getBreakpoint", "mainAriaLabel", "mainTabIndex", "tertiaryNav", "isTertiaryNavGrouped", "isBreadcrumbGrouped", "additionalGroupedContent", "groupProps"]);
-        const { mobileView, mobileIsNavOpen, desktopIsNavOpen, width } = this.state;
+        onPageResize, getBreakpoint, getVerticalBreakpoint, mainAriaLabel, mainTabIndex, tertiaryNav, isTertiaryNavGrouped, isBreadcrumbGrouped, additionalGroupedContent, groupProps, breadcrumbProps } = _a, rest = tslib_1.__rest(_a, ["breadcrumb", "isBreadcrumbWidthLimited", "className", "children", "header", "sidebar", "notificationDrawer", "isNotificationDrawerExpanded", "onNotificationDrawerExpand", "isTertiaryNavWidthLimited", "skipToContent", "role", "mainContainerId", "isManagedSidebar", "defaultManagedSidebarIsOpen", "onPageResize", "getBreakpoint", "getVerticalBreakpoint", "mainAriaLabel", "mainTabIndex", "tertiaryNav", "isTertiaryNavGrouped", "isBreadcrumbGrouped", "additionalGroupedContent", "groupProps", "breadcrumbProps"]);
+        const { mobileView, mobileIsNavOpen, desktopIsNavOpen, width, height } = this.state;
         const context = {
             isManagedSidebar,
             onNavToggle: mobileView ? this.onNavToggleMobile : this.onNavToggleDesktop,
             isNavOpen: mobileView ? mobileIsNavOpen : desktopIsNavOpen,
             width,
-            getBreakpoint
+            height,
+            getBreakpoint,
+            getVerticalBreakpoint
         };
         let nav = null;
         if (tertiaryNav && isTertiaryNavWidthLimited) {
@@ -125,16 +130,9 @@ class Page extends React.Component {
         else if (tertiaryNav) {
             nav = React.createElement("div", { className: react_styles_1.css(page_1.default.pageMainNav) }, tertiaryNav);
         }
-        let crumb = null;
-        if (breadcrumb && isBreadcrumbWidthLimited) {
-            crumb = (React.createElement("section", { className: react_styles_1.css(page_1.default.pageMainBreadcrumb, page_1.default.modifiers.limitWidth) },
-                React.createElement("div", { className: react_styles_1.css(page_1.default.pageMainBody) }, breadcrumb)));
-        }
-        else if (breadcrumb) {
-            crumb = React.createElement("section", { className: react_styles_1.css(page_1.default.pageMainBreadcrumb) }, breadcrumb);
-        }
+        const crumb = breadcrumb ? (React.createElement("section", { className: react_styles_1.css(page_1.default.pageMainBreadcrumb, isBreadcrumbWidthLimited && page_1.default.modifiers.limitWidth, util_2.formatBreakpointMods(breadcrumbProps === null || breadcrumbProps === void 0 ? void 0 : breadcrumbProps.stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true)) }, isBreadcrumbWidthLimited ? React.createElement("div", { className: react_styles_1.css(page_1.default.pageMainBody) }, breadcrumb) : breadcrumb)) : null;
         const isGrouped = isTertiaryNavGrouped || isBreadcrumbGrouped || additionalGroupedContent;
-        const group = isGrouped ? (React.createElement(PageGroup_1.PageGroup, Object.assign({}, groupProps),
+        const group = isGrouped ? (React.createElement("div", Object.assign({ className: react_styles_1.css(page_1.default.pageMainGroup, util_2.formatBreakpointMods(groupProps === null || groupProps === void 0 ? void 0 : groupProps.stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true)) }, groupProps),
             isTertiaryNavGrouped && nav,
             isBreadcrumbGrouped && crumb,
             additionalGroupedContent)) : null;
@@ -145,7 +143,7 @@ class Page extends React.Component {
             children));
         const panelContent = React.createElement(Drawer_1.DrawerPanelContent, null, notificationDrawer);
         return (React.createElement(exports.PageContextProvider, { value: context },
-            React.createElement("div", Object.assign({ ref: this.pageRef }, rest, { className: react_styles_1.css(page_1.default.page, width !== null && 'pf-m-resize-observer', width !== null && `pf-m-breakpoint-${getBreakpoint(width)}`, className) }),
+            React.createElement("div", Object.assign({ ref: this.pageRef }, rest, { className: react_styles_1.css(page_1.default.page, width !== null && height !== null && 'pf-m-resize-observer', width !== null && `pf-m-breakpoint-${getBreakpoint(width)}`, height !== null && `pf-m-height-breakpoint-${getVerticalBreakpoint(height)}`, className) }),
                 skipToContent,
                 header,
                 sidebar,
@@ -166,6 +164,7 @@ Page.defaultProps = {
     mainTabIndex: -1,
     isNotificationDrawerExpanded: false,
     onNotificationDrawerExpand: () => null,
-    getBreakpoint: util_2.getBreakpoint
+    getBreakpoint: util_2.getBreakpoint,
+    getVerticalBreakpoint: util_2.getVerticalBreakpoint
 };
 //# sourceMappingURL=Page.js.map

package/dist/js/components/Page/Page.js.map

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

package/dist/js/components/Page/PageBreadcrumb.d.ts

@@ -6,8 +6,17 @@ export interface PageBreadcrumbProps extends React.HTMLProps<HTMLElement> {
     children?: React.ReactNode;
     /** Limits the width of the breadcrumb */
     isWidthLimited?: boolean;
-    /** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
+    /**  @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
     sticky?: 'top' | 'bottom';
+    /** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
+    stickyOnBreakpoint?: {
+        default?: 'top' | 'bottom';
+        sm?: 'top' | 'bottom';
+        md?: 'top' | 'bottom';
+        lg?: 'top' | 'bottom';
+        xl?: 'top' | 'bottom';
+        '2xl'?: 'top' | 'bottom';
+    };
     /** Flag indicating if PageBreadcrumb should have a shadow at the top */
     hasShadowTop?: boolean;
     /** Flag indicating if PageBreadcrumb should have a shadow at the bottom */
@@ -16,7 +25,7 @@ export interface PageBreadcrumbProps extends React.HTMLProps<HTMLElement> {
     hasOverflowScroll?: boolean;
 }
 export declare const PageBreadcrumb: {
-    ({ className, children, isWidthLimited, sticky, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageBreadcrumbProps): JSX.Element;
+    ({ className, children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageBreadcrumbProps): JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=PageBreadcrumb.d.ts.map

package/dist/js/components/Page/PageBreadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageBreadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACvE,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yCAAyC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc;kHASxB,mBAAmB;;CAkBrB,CAAC"}
+{"version":3,"file":"PageBreadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACvE,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yCAAyC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sIAAsI;IACtI,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,sGAAsG;IACtG,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;KAC1B,CAAC;IACF,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc;sIAUxB,mBAAmB;;CAuBrB,CAAC"}

package/dist/js/components/Page/PageBreadcrumb.js

@@ -5,9 +5,12 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_styles_1 = require("@patternfly/react-styles");
 const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Page/page"));
+const util_1 = require("../../helpers/util");
+const Page_1 = require("../Page/Page");
 const PageBreadcrumb = (_a) => {
-    var { className = '', children, isWidthLimited, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = tslib_1.__rest(_a, ["className", "children", "isWidthLimited", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
-    return (React.createElement("section", Object.assign({ className: react_styles_1.css(page_1.default.pageMainBreadcrumb, isWidthLimited && page_1.default.modifiers.limitWidth, sticky === 'top' && page_1.default.modifiers.stickyTop, sticky === 'bottom' && page_1.default.modifiers.stickyBottom, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
+    var { className = '', children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = tslib_1.__rest(_a, ["className", "children", "isWidthLimited", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
+    const { height, getVerticalBreakpoint } = React.useContext(Page_1.PageContext);
+    return (React.createElement("section", Object.assign({ className: react_styles_1.css(page_1.default.pageMainBreadcrumb, util_1.formatBreakpointMods(stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true), isWidthLimited && page_1.default.modifiers.limitWidth, sticky === 'top' && page_1.default.modifiers.stickyTop, sticky === 'bottom' && page_1.default.modifiers.stickyBottom, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
         isWidthLimited && React.createElement("div", { className: react_styles_1.css(page_1.default.pageMainBody) }, children),
         !isWidthLimited && children));
 };

package/dist/js/components/Page/PageBreadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageBreadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AAmBhE,MAAM,cAAc,GAAG,CAAC,EAST,EAAE,EAAE;QATK,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,cAAc,EACd,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEL,EADjB,KAAK,sBARqB,6GAS9B,CADS;IACiB,OAAA,CACzB,+CACE,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,kBAAkB,EACzB,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,UAAU,EAC7C,MAAM,KAAK,KAAK,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,cAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EACtC,KAAK;QAER,cAAc,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO;QAC5E,CAAC,cAAc,IAAI,QAAQ,CACpB,CACX,CAAA;CAAA,CAAC;AA3BW,QAAA,cAAc,kBA2BzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"PageBreadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AACvE,6CAA0D;AAC1D,uCAA2C;AA4BpC,MAAM,cAAc,GAAG,CAAC,EAUT,EAAE,EAAE;QAVK,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,cAAc,EACd,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEL,EADjB,KAAK,sBATqB,mIAU9B,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAW,CAAC,CAAC;IAExE,OAAO,CACL,+CACE,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,kBAAkB,EACzB,2BAAoB,CAAC,kBAAkB,EAAE,cAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAChG,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,UAAU,EAC7C,MAAM,KAAK,KAAK,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,cAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EACtC,KAAK;QAER,cAAc,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO;QAC5E,CAAC,cAAc,IAAI,QAAQ,CACpB,CACX,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,cAAc,kBAiCzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/js/components/Page/PageGroup.d.ts

@@ -4,8 +4,17 @@ export interface PageGroupProps extends React.HTMLProps<HTMLDivElement> {
     className?: string;
     /** Content rendered inside of the PageGroup */
     children?: React.ReactNode;
-    /** Modifier indicating if PageGroup is sticky to the top or bottom */
+    /**  @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
     sticky?: 'top' | 'bottom';
+    /** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
+    stickyOnBreakpoint?: {
+        default?: 'top' | 'bottom';
+        sm?: 'top' | 'bottom';
+        md?: 'top' | 'bottom';
+        lg?: 'top' | 'bottom';
+        xl?: 'top' | 'bottom';
+        '2xl'?: 'top' | 'bottom';
+    };
     /** Modifier indicating if PageGroup should have a shadow at the top */
     hasShadowTop?: boolean;
     /** Modifier indicating if PageGroup should have a shadow at the bottom */
@@ -14,7 +23,7 @@ export interface PageGroupProps extends React.HTMLProps<HTMLDivElement> {
     hasOverflowScroll?: boolean;
 }
 export declare const PageGroup: {
-    ({ className, children, sticky, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageGroupProps): JSX.Element;
+    ({ className, children, sticky, stickyOnBreakpoint, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageGroupProps): JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=PageGroup.d.ts.map

package/dist/js/components/Page/PageGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sEAAsE;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,uEAAuE;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS;kGAQnB,cAAc;;CAgBhB,CAAC"}
+{"version":3,"file":"PageGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sIAAsI;IACtI,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,sGAAsG;IACtG,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;KAC1B,CAAC;IACF,uEAAuE;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS;sHASnB,cAAc;;CAqBhB,CAAC"}

package/dist/js/components/Page/PageGroup.js

@@ -5,9 +5,12 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_styles_1 = require("@patternfly/react-styles");
 const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Page/page"));
+const util_1 = require("../../helpers/util");
+const Page_1 = require("../Page/Page");
 const PageGroup = (_a) => {
-    var { className = '', children, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = tslib_1.__rest(_a, ["className", "children", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
-    return (React.createElement("div", Object.assign({}, props, { className: react_styles_1.css(page_1.default.pageMainGroup, sticky === 'top' && page_1.default.modifiers.stickyTop, sticky === 'bottom' && page_1.default.modifiers.stickyBottom, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })), children));
+    var { className = '', children, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = tslib_1.__rest(_a, ["className", "children", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
+    const { height, getVerticalBreakpoint } = React.useContext(Page_1.PageContext);
+    return (React.createElement("div", Object.assign({}, props, { className: react_styles_1.css(page_1.default.pageMainGroup, util_1.formatBreakpointMods(stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true), sticky === 'top' && page_1.default.modifiers.stickyTop, sticky === 'bottom' && page_1.default.modifiers.stickyBottom, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })), children));
 };
 exports.PageGroup = PageGroup;
 exports.PageGroup.displayName = 'PageGroup';

package/dist/js/components/Page/PageGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageGroup.js","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AAiBhE,MAAM,SAAS,GAAG,CAAC,EAQT,EAAE,EAAE;QARK,EACxB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEV,EADZ,KAAK,sBAPgB,2FAQzB,CADS;IACY,OAAA,CACpB,6CACM,KAAK,IACT,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,aAAa,EACpB,MAAM,KAAK,KAAK,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,cAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,GAEzC,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAxBW,QAAA,SAAS,aAwBpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"PageGroup.js","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AACvE,6CAA0D;AAC1D,uCAA2C;AAyBpC,MAAM,SAAS,GAAG,CAAC,EAST,EAAE,EAAE;QATK,EACxB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEV,EADZ,KAAK,sBARgB,iHASzB,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAW,CAAC,CAAC;IAExE,OAAO,CACL,6CACM,KAAK,IACT,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,aAAa,EACpB,2BAAoB,CAAC,kBAAkB,EAAE,cAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAChG,MAAM,KAAK,KAAK,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,cAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,GAEzC,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,SAAS,aA8BpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}