@patternfly/react-core 4.202.37 → 4.203.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.203.0 (2022-04-14)
+
+
+### Features
+
+* **MenuToggle:** Add full width modifier ([#7232](https://github.com/patternfly/patternfly-react/issues/7232)) ([789a8a3](https://github.com/patternfly/patternfly-react/commit/789a8a3f1cb1f1d90565f8d0e6c0dbe984c0c66b))
+
+
+
+
+
 ## 4.202.37 (2022-04-14)
 
 **Note:** Version bump only for package @patternfly/react-core

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

@@ -11,6 +11,8 @@ export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.Butt
     isDisabled?: boolean;
     /** Flag indicating the toggle is full height */
     isFullHeight?: boolean;
+    /** Flag indicating the toggle takes up the full width of its parent */
+    isFullWidth?: boolean;
     /** Variant styles of the menu toggle */
     variant?: 'default' | 'plain' | 'primary' | 'plainText' | 'secondary';
     /** Optional icon rendered inside the toggle, before the children content */
@@ -26,6 +28,7 @@ export declare class MenuToggleBase extends React.Component<MenuToggleProps> {
         className: string;
         isExpanded: boolean;
         isDisabled: boolean;
+        isFullWidth: boolean;
         isFullHeight: boolean;
         variant: string;
     };

package/dist/esm/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,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC9G,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,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC;IACtE,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;;;;;;MAMjB;IAEF,MAAM;CAqDP;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,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC9G,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,CAAC;IACtE,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;;;;;;;MAOjB;IAEF,MAAM;CAuDP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}

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

@@ -9,7 +9,7 @@ export class MenuToggleBase extends React.Component {
         this.displayName = 'MenuToggleBase';
     }
     render() {
-        const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, variant, innerRef } = _a, props = __rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "variant", "innerRef"]);
+        const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, variant, innerRef } = _a, props = __rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "variant", "innerRef"]);
         const isPlain = variant === 'plain';
         const isPlainText = variant === 'plainText';
         const content = (React.createElement(React.Fragment, null,
@@ -19,7 +19,7 @@ export class MenuToggleBase extends React.Component {
             React.createElement("span", { className: css(styles.menuToggleControls) },
                 React.createElement("span", { className: css(styles.menuToggleToggleIcon) },
                     React.createElement(CaretDownIcon, { "aria-hidden": true })))));
-        return (React.createElement("button", Object.assign({ className: css(styles.menuToggle, isExpanded && styles.modifiers.expanded, variant === 'primary' && styles.modifiers.primary, variant === 'secondary' && styles.modifiers.secondary, (isPlain || isPlainText) && styles.modifiers.plain, isPlainText && styles.modifiers.text, isFullHeight && styles.modifiers.fullHeight, className), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
+        return (React.createElement("button", Object.assign({ className: css(styles.menuToggle, isExpanded && styles.modifiers.expanded, variant === 'primary' && styles.modifiers.primary, variant === 'secondary' && styles.modifiers.secondary, (isPlain || isPlainText) && styles.modifiers.plain, isPlainText && styles.modifiers.text, isFullHeight && styles.modifiers.fullHeight, isFullWidth && styles.modifiers.fullWidth, className), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
             isPlain && children,
             !isPlain && content));
     }
@@ -28,6 +28,7 @@ MenuToggleBase.defaultProps = {
     className: '',
     isExpanded: false,
     isDisabled: false,
+    isFullWidth: false,
     isFullHeight: false,
     variant: 'default'
 };

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

@@ -1 +1 @@
-{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,aAAa,MAAM,wDAAwD,CAAC;AAyBnF,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAA0B;IAApE;;QACE,gBAAW,GAAG,gBAAgB,CAAC;IA8DjC,CAAC;IArDC,MAAM;QACJ,MAAM,KAWF,IAAI,CAAC,KAAK,EAXR,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,OAAO,EACP,QAAQ,OAEI,EADT,KAAK,cAVJ,6GAWL,CAAa,CAAC;QAEf,MAAM,OAAO,GAAG,OAAO,KAAK,OAAO,CAAC;QACpC,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC;QAE5C,MAAM,OAAO,GAAG,CACd,oBAAC,KAAK,CAAC,QAAQ;YACZ,IAAI,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,IAAG,IAAI,CAAQ;YACnE,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;YACzD,KAAK,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,IAAG,KAAK,CAAQ;YACtE,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC;gBAC7C,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC;oBAC/C,oBAAC,aAAa,0BAAe,CACxB,CACF,CACQ,CAClB,CAAC;QACF,OAAO,CACL,8CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,UAAU,EACjB,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,OAAO,KAAK,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACjD,OAAO,KAAK,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EACrD,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EAClD,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EACpC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,mBACE,KAAK,EACpB,GAAG,EAAE,QAAQ,IACT,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EACzC,CAAC,UAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAClC,KAAK;YAER,OAAO,IAAI,QAAQ;YACnB,CAAC,OAAO,IAAI,OAAO,CACb,CACV,CAAC;IACJ,CAAC;;AA5DM,2BAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC;AAyDJ,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAiC,EAAE,EAAE,CAAC,CACxG,oBAAC,cAAc,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CAC7C,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,aAAa,MAAM,wDAAwD,CAAC;AA2BnF,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAA0B;IAApE;;QACE,gBAAW,GAAG,gBAAgB,CAAC;IAiEjC,CAAC;IAvDC,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,OAAO,EACP,QAAQ,OAEI,EADT,KAAK,cAXJ,4HAYL,CAAa,CAAC;QAEf,MAAM,OAAO,GAAG,OAAO,KAAK,OAAO,CAAC;QACpC,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC;QAE5C,MAAM,OAAO,GAAG,CACd,oBAAC,KAAK,CAAC,QAAQ;YACZ,IAAI,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,IAAG,IAAI,CAAQ;YACnE,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;YACzD,KAAK,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,IAAG,KAAK,CAAQ;YACtE,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC;gBAC7C,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC;oBAC/C,oBAAC,aAAa,0BAAe,CACxB,CACF,CACQ,CAClB,CAAC;QACF,OAAO,CACL,8CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,UAAU,EACjB,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,OAAO,KAAK,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACjD,OAAO,KAAK,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EACrD,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EAClD,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EACpC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EACzC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,mBACE,KAAK,EACpB,GAAG,EAAE,QAAQ,IACT,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EACzC,CAAC,UAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAClC,KAAK;YAER,OAAO,IAAI,QAAQ;YACnB,CAAC,OAAO,IAAI,OAAO,CACb,CACV,CAAC;IACJ,CAAC;;AA/DM,2BAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;IAClB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC;AA2DJ,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAiC,EAAE,EAAE,CAAC,CACxG,oBAAC,cAAc,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CAC7C,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

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

@@ -11,6 +11,8 @@ export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.Butt
     isDisabled?: boolean;
     /** Flag indicating the toggle is full height */
     isFullHeight?: boolean;
+    /** Flag indicating the toggle takes up the full width of its parent */
+    isFullWidth?: boolean;
     /** Variant styles of the menu toggle */
     variant?: 'default' | 'plain' | 'primary' | 'plainText' | 'secondary';
     /** Optional icon rendered inside the toggle, before the children content */
@@ -26,6 +28,7 @@ export declare class MenuToggleBase extends React.Component<MenuToggleProps> {
         className: string;
         isExpanded: boolean;
         isDisabled: boolean;
+        isFullWidth: boolean;
         isFullHeight: boolean;
         variant: string;
     };

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,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC9G,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,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC;IACtE,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;;;;;;MAMjB;IAEF,MAAM;CAqDP;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,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC9G,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,CAAC;IACtE,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;;;;;;;MAOjB;IAEF,MAAM;CAuDP;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, variant, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "variant", "innerRef"]);
+        const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, variant, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "variant", "innerRef"]);
         const isPlain = variant === 'plain';
         const isPlainText = variant === 'plainText';
         const content = (React.createElement(React.Fragment, null,
@@ -22,7 +22,7 @@ class MenuToggleBase extends React.Component {
             React.createElement("span", { className: react_styles_1.css(menu_toggle_1.default.menuToggleControls) },
                 React.createElement("span", { className: react_styles_1.css(menu_toggle_1.default.menuToggleToggleIcon) },
                     React.createElement(caret_down_icon_1.default, { "aria-hidden": true })))));
-        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, className), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
+        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), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
             isPlain && children,
             !isPlain && content));
     }
@@ -32,6 +32,7 @@ MenuToggleBase.defaultProps = {
     className: '',
     isExpanded: false,
     isDisabled: false,
+    isFullWidth: false,
     isFullHeight: false,
     variant: 'default'
 };

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

@@ -1 +1 @@
-{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,oHAAmF;AAyBnF,MAAa,cAAe,SAAQ,KAAK,CAAC,SAA0B;IAApE;;QACE,gBAAW,GAAG,gBAAgB,CAAC;IA8DjC,CAAC;IArDC,MAAM;QACJ,MAAM,KAWF,IAAI,CAAC,KAAK,EAXR,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,OAAO,EACP,QAAQ,OAEI,EADT,KAAK,sBAVJ,6GAWL,CAAa,CAAC;QAEf,MAAM,OAAO,GAAG,OAAO,KAAK,OAAO,CAAC;QACpC,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC;QAE5C,MAAM,OAAO,GAAG,CACd,oBAAC,KAAK,CAAC,QAAQ;YACZ,IAAI,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,cAAc,CAAC,IAAG,IAAI,CAAQ;YACnE,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;YACzD,KAAK,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,eAAe,CAAC,IAAG,KAAK,CAAQ;YACtE,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,kBAAkB,CAAC;gBAC7C,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,oBAAoB,CAAC;oBAC/C,oBAAC,yBAAa,0BAAe,CACxB,CACF,CACQ,CAClB,CAAC;QACF,OAAO,CACL,8CACE,SAAS,EAAE,kBAAG,CACZ,qBAAM,CAAC,UAAU,EACjB,UAAU,IAAI,qBAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,OAAO,KAAK,SAAS,IAAI,qBAAM,CAAC,SAAS,CAAC,OAAO,EACjD,OAAO,KAAK,WAAW,IAAI,qBAAM,CAAC,SAAS,CAAC,SAAS,EACrD,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,qBAAM,CAAC,SAAS,CAAC,KAAK,EAClD,WAAW,IAAI,qBAAM,CAAC,SAAS,CAAC,IAAI,EACpC,YAAY,IAAI,qBAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,mBACE,KAAK,EACpB,GAAG,EAAE,QAAQ,IACT,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EACzC,CAAC,UAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAClC,KAAK;YAER,OAAO,IAAI,QAAQ;YACnB,CAAC,OAAO,IAAI,OAAO,CACb,CACV,CAAC;IACJ,CAAC;;AA9DH,wCA+DC;AA7DQ,2BAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC;AAyDS,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAiC,EAAE,EAAE,CAAC,CACxG,oBAAC,cAAc,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CAC7C,CAAC,CAAC;AAEH,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,oHAAmF;AA2BnF,MAAa,cAAe,SAAQ,KAAK,CAAC,SAA0B;IAApE;;QACE,gBAAW,GAAG,gBAAgB,CAAC;IAiEjC,CAAC;IAvDC,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,OAAO,EACP,QAAQ,OAEI,EADT,KAAK,sBAXJ,4HAYL,CAAa,CAAC;QAEf,MAAM,OAAO,GAAG,OAAO,KAAK,OAAO,CAAC;QACpC,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC;QAE5C,MAAM,OAAO,GAAG,CACd,oBAAC,KAAK,CAAC,QAAQ;YACZ,IAAI,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,cAAc,CAAC,IAAG,IAAI,CAAQ;YACnE,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;YACzD,KAAK,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,eAAe,CAAC,IAAG,KAAK,CAAQ;YACtE,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,kBAAkB,CAAC;gBAC7C,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,oBAAoB,CAAC;oBAC/C,oBAAC,yBAAa,0BAAe,CACxB,CACF,CACQ,CAClB,CAAC;QACF,OAAO,CACL,8CACE,SAAS,EAAE,kBAAG,CACZ,qBAAM,CAAC,UAAU,EACjB,UAAU,IAAI,qBAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,OAAO,KAAK,SAAS,IAAI,qBAAM,CAAC,SAAS,CAAC,OAAO,EACjD,OAAO,KAAK,WAAW,IAAI,qBAAM,CAAC,SAAS,CAAC,SAAS,EACrD,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,qBAAM,CAAC,SAAS,CAAC,KAAK,EAClD,WAAW,IAAI,qBAAM,CAAC,SAAS,CAAC,IAAI,EACpC,YAAY,IAAI,qBAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,WAAW,IAAI,qBAAM,CAAC,SAAS,CAAC,SAAS,EACzC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,mBACE,KAAK,EACpB,GAAG,EAAE,QAAQ,IACT,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EACzC,CAAC,UAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAClC,KAAK;YAER,OAAO,IAAI,QAAQ;YACnB,CAAC,OAAO,IAAI,OAAO,CACb,CACV,CAAC;IACJ,CAAC;;AAjEH,wCAkEC;AAhEQ,2BAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;IAClB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC;AA2DS,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAiC,EAAE,EAAE,CAAC,CACxG,oBAAC,cAAc,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CAC7C,CAAC,CAAC;AAEH,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/umd/react-core.css

@@ -20975,6 +20975,41 @@ svg.pf-c-spinner.pf-m-xl {
   background-color: var(--pf-c-tooltip__content--BackgroundColor);
 }
 
+.pf-c-number-input .pf-c-form-control {
+  appearance: textfield;
+}
+
+.pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
+  appearance: none;
+  margin: 0;
+}
+
+.pf-c-number-input {
+  --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
+  --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
+  --pf-c-number-input--c-form-control--width-chars: 4;
+  --pf-c-number-input--c-form-control--Width: calc(var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch);
+  display: inline-flex;
+  align-items: center;
+}
+
+.pf-c-number-input .pf-c-form-control {
+  display: inline-flex;
+  width: var(--pf-c-number-input--c-form-control--Width);
+  text-align: right;
+}
+
+.pf-c-input-group + .pf-c-number-input__unit,
+.pf-c-number-input__unit + .pf-c-input-group {
+  margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
+}
+
+.pf-c-number-input__icon {
+  display: flex;
+  font-size: var(--pf-c-number-input__icon--FontSize);
+}
+
 .pf-c-tree-view {
   --pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
   --pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
@@ -21444,41 +21479,6 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
 }
 
-.pf-c-number-input .pf-c-form-control {
-  appearance: textfield;
-}
-
-.pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
-  appearance: none;
-  margin: 0;
-}
-
-.pf-c-number-input {
-  --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
-  --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
-  --pf-c-number-input--c-form-control--width-chars: 4;
-  --pf-c-number-input--c-form-control--Width: calc(var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch);
-  display: inline-flex;
-  align-items: center;
-}
-
-.pf-c-number-input .pf-c-form-control {
-  display: inline-flex;
-  width: var(--pf-c-number-input--c-form-control--Width);
-  text-align: right;
-}
-
-.pf-c-input-group + .pf-c-number-input__unit,
-.pf-c-number-input__unit + .pf-c-input-group {
-  margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
-}
-
-.pf-c-number-input__icon {
-  display: flex;
-  font-size: var(--pf-c-number-input__icon--FontSize);
-}
-
 .pf-c-wizard__header {
   --pf-global--Color--100: var(--pf-global--Color--light-100);
   --pf-global--Color--200: var(--pf-global--Color--light-200);
@@ -24443,75 +24443,6 @@ svg.pf-c-spinner.pf-m-xl {
     --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
   }
 }
-.pf-l-gallery {
-  --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
-  --pf-l-gallery--GridTemplateColumns--min: 250px;
-  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
-  --pf-l-gallery--GridTemplateColumns--max: 1fr;
-  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
-  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
-  --pf-l-gallery--GridTemplateRows: auto;
-  display: grid;
-  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
-  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
-  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
-  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
-}
-
-.pf-l-gallery.pf-m-gutter {
-  grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
-}
-
-@media (min-width: 576px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
-  }
-}
-@media (min-width: 768px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
-  }
-}
-@media (min-width: 992px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
-  }
-}
-@media (min-width: 576px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
-  }
-}
-@media (min-width: 768px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
-  }
-}
-@media (min-width: 992px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
-  }
-}
 .pf-l-grid {
   --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
   --pf-l-grid__item--GridColumnStart: auto;
@@ -25726,6 +25657,75 @@ svg.pf-c-spinner.pf-m-xl {
   grid-gap: var(--pf-l-grid--m-gutter--GridGap);
 }
 
+.pf-l-gallery {
+  --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
+  --pf-l-gallery--GridTemplateColumns--min: 250px;
+  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
+  --pf-l-gallery--GridTemplateColumns--max: 1fr;
+  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
+  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
+  --pf-l-gallery--GridTemplateRows: auto;
+  display: grid;
+  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
+  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
+  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
+  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
+}
+
+.pf-l-gallery.pf-m-gutter {
+  grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
+}
+
+@media (min-width: 576px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
+  }
+}
+@media (min-width: 768px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
+  }
+}
+@media (min-width: 576px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
+  }
+}
+@media (min-width: 768px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
+  }
+}
 .pf-l-level {
   --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
   display: flex;

package/dist/umd/react-core.js

@@ -15167,7 +15167,7 @@
             this.displayName = 'MenuToggleBase';
         }
         render() {
-            const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, variant, innerRef } = _a, props = __rest$1(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "variant", "innerRef"]);
+            const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, variant, innerRef } = _a, props = __rest$1(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "variant", "innerRef"]);
             const isPlain = variant === 'plain';
             const isPlainText = variant === 'plainText';
             const content = (React__namespace.createElement(React__namespace.Fragment, null,
@@ -15177,7 +15177,7 @@
                 React__namespace.createElement("span", { className: css(styles$y.menuToggleControls) },
                     React__namespace.createElement("span", { className: css(styles$y.menuToggleToggleIcon) },
                         React__namespace.createElement(CaretDownIcon$1, { "aria-hidden": true })))));
-            return (React__namespace.createElement("button", Object.assign({ className: css(styles$y.menuToggle, isExpanded && styles$y.modifiers.expanded, variant === 'primary' && styles$y.modifiers.primary, variant === 'secondary' && styles$y.modifiers.secondary, (isPlain || isPlainText) && styles$y.modifiers.plain, isPlainText && styles$y.modifiers.text, isFullHeight && styles$y.modifiers.fullHeight, className), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
+            return (React__namespace.createElement("button", Object.assign({ className: css(styles$y.menuToggle, isExpanded && styles$y.modifiers.expanded, variant === 'primary' && styles$y.modifiers.primary, variant === 'secondary' && styles$y.modifiers.secondary, (isPlain || isPlainText) && styles$y.modifiers.plain, isPlainText && styles$y.modifiers.text, isFullHeight && styles$y.modifiers.fullHeight, isFullWidth && styles$y.modifiers.fullWidth, className), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
                 isPlain && children,
                 !isPlain && content));
         }
@@ -15186,6 +15186,7 @@
         className: '',
         isExpanded: false,
         isDisabled: false,
+        isFullWidth: false,
         isFullHeight: false,
         variant: 'default'
     };