@patternfly/react-core 4.202.37 → 4.203.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.202.37",
+  "version": "4.203.0",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -34,9 +34,9 @@
     "generate": "node scripts/copyStyles.js"
   },
   "dependencies": {
-    "@patternfly/react-icons": "^4.53.37",
-    "@patternfly/react-styles": "^4.52.37",
-    "@patternfly/react-tokens": "^4.54.37",
+    "@patternfly/react-icons": "^4.54.0",
+    "@patternfly/react-styles": "^4.53.0",
+    "@patternfly/react-tokens": "^4.55.0",
     "focus-trap": "6.2.2",
     "react-dropzone": "9.0.0",
     "tippy.js": "5.1.2",
@@ -60,5 +60,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "0a79929febeda57b9988658d258f10f39c47bde4"
+  "gitHead": "3a30fbb3c5935b2e9a0fbb6336b1b45cfca46a7a"
 }

package/src/components/MenuToggle/MenuToggle.tsx

@@ -16,6 +16,8 @@ export interface MenuToggleProps
   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 */
@@ -32,6 +34,7 @@ export class MenuToggleBase extends React.Component<MenuToggleProps> {
     className: '',
     isExpanded: false,
     isDisabled: false,
+    isFullWidth: false,
     isFullHeight: false,
     variant: 'default'
   };
@@ -45,6 +48,7 @@ export class MenuToggleBase extends React.Component<MenuToggleProps> {
       isExpanded,
       isDisabled,
       isFullHeight,
+      isFullWidth,
       variant,
       innerRef,
       ...props
@@ -75,6 +79,7 @@ export class MenuToggleBase extends React.Component<MenuToggleProps> {
           (isPlain || isPlainText) && styles.modifiers.plain,
           isPlainText && styles.modifiers.text,
           isFullHeight && styles.modifiers.fullHeight,
+          isFullWidth && styles.modifiers.fullWidth,
           className
         )}
         type="button"

package/src/components/MenuToggle/examples/MenuToggle.md

@@ -177,3 +177,19 @@ import { MenuToggle } from '@patternfly/react-core';
   </MenuToggle>
 </div>
 ```
+
+### Full width
+
+```ts
+import React from 'react';
+import { MenuToggle } from '@patternfly/react-core';
+
+const fullWidth: React.FunctionComponent = () => {
+  return (
+    <MenuToggle isFullWidth aria-label="Full width menu toggle" >
+      Full width 
+    </MenuToggle>
+  );
+}
+    
+```