@patternfly/react-core 6.0.0-alpha.61 → 6.0.0-alpha.63

package/src/demos/examples/Nav/NavFlyout.tsx

@@ -215,7 +215,7 @@ export const NavFlyout: React.FunctionComponent = () => {
     </Toolbar>
   );
 
-  const Header = (
+  const masthead = (
     <Masthead>
       <MastheadToggle>
         <PageToggleButton
@@ -263,7 +263,7 @@ export const NavFlyout: React.FunctionComponent = () => {
 
   return (
     <Page
-      header={Header}
+      masthead={masthead}
       sidebar={Sidebar}
       onPageResize={onPageResize}
       skipToContent={PageSkipToContent}

package/src/demos/examples/Nav/NavGrouped.tsx

@@ -73,7 +73,7 @@ export const NavGrouped: React.FunctionComponent = () => {
   return (
     <>
       <Page
-        header={<DashboardHeader />}
+        masthead={<DashboardHeader />}
         sidebar={Sidebar}
         isManagedSidebar
         skipToContent={PageSkipToContent}

package/src/demos/examples/Nav/NavHorizontal.tsx

@@ -193,7 +193,7 @@ export const NavHorizontal: React.FunctionComponent = () => {
       </ToolbarContent>
     </Toolbar>
   );
-  const Header = (
+  const masthead = (
     <Masthead>
       <MastheadMain>
         <MastheadBrand>
@@ -209,7 +209,12 @@ export const NavHorizontal: React.FunctionComponent = () => {
 
   return (
     <React.Fragment>
-      <Page header={Header} skipToContent={PageSkipToContent} breadcrumb={DashboardBreadcrumb} mainContainerId={pageId}>
+      <Page
+        masthead={masthead}
+        skipToContent={PageSkipToContent}
+        breadcrumb={DashboardBreadcrumb}
+        mainContainerId={pageId}
+      >
         <PageSection>
           <TextContent>
             <Text component="h1">Main title</Text>

package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx

@@ -242,7 +242,7 @@ export const NavHorizontalWithSubnav: React.FunctionComponent = () => {
       </ToolbarContent>
     </Toolbar>
   );
-  const Header = (
+  const masthead = (
     <Masthead>
       <MastheadToggle>
         <PageToggleButton variant="plain" aria-label="Global navigation">
@@ -263,7 +263,7 @@ export const NavHorizontalWithSubnav: React.FunctionComponent = () => {
 
   return (
     <React.Fragment>
-      <Page header={Header} skipToContent={PageSkipToContent} mainContainerId={pageId}>
+      <Page masthead={masthead} skipToContent={PageSkipToContent} mainContainerId={pageId}>
         <PageSection type={PageSectionTypes.subNav} isWidthLimited>
           {SubNav}
         </PageSection>

package/src/demos/examples/Nav/NavManual.tsx

@@ -209,7 +209,7 @@ export const NavManual: React.FunctionComponent = () => {
       </ToolbarContent>
     </Toolbar>
   );
-  const Header = (
+  const masthead = (
     <Masthead>
       <MastheadToggle>
         <PageToggleButton
@@ -240,7 +240,7 @@ export const NavManual: React.FunctionComponent = () => {
   return (
     <React.Fragment>
       <Page
-        header={Header}
+        masthead={masthead}
         sidebar={Sidebar}
         onPageResize={onPageResize}
         skipToContent={PageSkipToContent}

package/src/demos/examples/Nav/NavWithSubnav.tsx

@@ -103,7 +103,7 @@ export const NavWithSubnav: React.FunctionComponent = () => {
   return (
     <React.Fragment>
       <Page
-        header={<DashboardHeader />}
+        masthead={<DashboardHeader />}
         sidebar={Sidebar}
         isManagedSidebar
         skipToContent={PageSkipToContent}

package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx

@@ -256,7 +256,7 @@ export const PageStickySectionBreadcrumb: React.FunctionComponent = () => {
 
   return (
     <Page
-      header={masthead}
+      masthead={masthead}
       sidebar={sidebar}
       isManagedSidebar
       skipToContent={pageSkipToContent}

package/src/demos/examples/Page/PageStickySectionGroup.tsx

@@ -256,7 +256,7 @@ export const PageStickySectionGroup: React.FunctionComponent = () => {
 
   return (
     <Page
-      header={masthead}
+      masthead={masthead}
       sidebar={sidebar}
       isManagedSidebar
       skipToContent={pageSkipToContent}

package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx

@@ -248,7 +248,7 @@ export const PageStickySectionGroupAlternate: React.FunctionComponent = () => {
 
   return (
     <Page
-      header={masthead}
+      masthead={masthead}
       sidebar={sidebar}
       isManagedSidebar
       skipToContent={pageSkipToContent}

package/src/demos/examples/Wizard/InPageWithDrawer.tsx

@@ -80,7 +80,7 @@ export const WizardFullPageWithDrawerDemo: React.FunctionComponent = () => {
     </Nav>
   );
 
-  const Header = (
+  const masthead = (
     <Masthead id="basic">
       <MastheadToggle>
         <PageToggleButton variant="plain" aria-label="Global navigation">
@@ -151,7 +151,7 @@ export const WizardFullPageWithDrawerDemo: React.FunctionComponent = () => {
   return (
     <React.Fragment>
       <Page
-        header={Header}
+        masthead={masthead}
         sidebar={Sidebar}
         isManagedSidebar
         skipToContent={PageSkipToContent}

package/src/demos/examples/Wizard/InPageWithDrawerInformationalStep.tsx

@@ -80,7 +80,7 @@ export const WizardFullPageWithDrawerInfoStepDemo: React.FunctionComponent = ()
     </Nav>
   );
 
-  const Header = (
+  const masthead = (
     <Masthead id="basic">
       <MastheadToggle>
         <PageToggleButton variant="plain" aria-label="Global navigation">
@@ -156,7 +156,7 @@ export const WizardFullPageWithDrawerInfoStepDemo: React.FunctionComponent = ()
   return (
     <React.Fragment>
       <Page
-        header={Header}
+        masthead={masthead}
         sidebar={Sidebar}
         isManagedSidebar
         skipToContent={PageSkipToContent}