Make PageHeader component comply with Patternfly practices

[Starle21]

PageHeader component natively defines too big a gap between children PageHeaderTitle and description components,
which is 24px (1.5rem).

There is no easy way to change this from the outside.

// Using PageHeader without any Patternfly layouting components
<PageHeader>
      <PageHeaderTitle
        title={
          <>
            <span>{title}</span>
            <OpenSourceBadge repositoriesURL='https://github.com/content-services/content-sources-frontend' />
          </>
        }
      />
     // Native gap of 24px is applied, no way to change it
      <Content component='p' ouiaId={ouiaId}>
        {paragraph}
      </Content>
</PageHeader>

This big a gap does not comply with the Patternfly standards,
which sets the gap between a title and description to be 8px,
see the example on:
https://www.patternfly.org/components/page/react-demos/sticky-section-group-alternate-syntax/

Please update this component so:

• it complies with Patternfly standard of 8px gap between a title and a description
• there is a prop that changes gap from the outside

@MariSvirik(UX)

[Hyperkid123]

Hello. These types of components should be deprecated. Any non-HCC common components should be consumed from the PF components groups extension. If there are some missing, they can be added.

Here is the page header that should be used instead: https://www.patternfly.org/component-groups/content-containers/page-header

@karelhala @florkbr can you make sure we mark this component as deprecated?

[Starle21]

Hi, thank you for your reply!

Is there a way to determine which common components are non-HCC? Can you clarify on that please?

[Hyperkid123]

That's something @karelhala should be able to help with or find people that know 🙂