Page - updates to allow for section grouping

[mcoker]

patternfly/patternfly#6766

Updates the page sections to support multiple page body elements. This is for when you have multiple adjacent section blocks that will have the same background color (defined by the parent section) and reduced spacing between them compared to adjacent top-level page sections.

• Add .pf-[v]-c-page__main-body to wrap the children of all top-level page sections (except __main-group) by default. Currently it's only added when used with isWidthLimited

  patternfly-react/packages/react-core/src/components/Page/PageSection.tsx

  Lines 130 to 131 in d893997

  	{isWidthLimited && <div className={css(styles.pageMainBody)}>{children}</div>}
  	{!isWidthLimited && children}

  • Here are all of the top level page sections. Just a reminder, don't need __main-group https://github.com/srambach/patternfly/blob/d65a0dc98cd7e995b2d6249473e639a317e180a3/src/patternfly/components/Page/page.scss#L263-L269
• Add isWidthLimited support for all of the page sections ^ except __main-group
• Allow for multiple __main-body elements to be used within the sections except __main-group
• While we're here, we should be able to remove support for __main-nav - that was previously used with tertiary navigation, which has since been removed.