[bug] <rh-card> slotted title pattern padding not aligned

[brianferry]

Describe the bug

Link

In the "Slotted Title" pattern for card, the padding for the Header and the Body are not aligned. The heading has a padding-inline of 24px and the body has a padding-inline of 32px. Put more simply, the heading is using --rh-space-xl and the body is using --rh-space-2xl.

Which Component?

rh-card

Steps to reproduce

1. Go to https://deploy-preview-1200--red-hat-design-system.netlify.app/patterns/card/#sample---slotted-title
2. Inspect the Header for the "Slotted Title" pattern
3. Confirm the padding-inline is 24px
4. Inspect the Body of the card
5. Confirm the padding-inline is 32px.

Expected behaviour

The heading and the body should be inline the same amount

Screenshots

No response

Element HTML

No response

Operating System (OS)

macOS

Browser

No response

More browser information

No response

Additional Info

No response

[marionnegp]

@brianferry, the padding in the title bar (16px) looks correct. I was wondering if we wanted to allow slotted titles that look like this:

or if text in the header should always be styled like it is in the title bar pattern:

The headline, sm style would typically be in the body, where it would be closer to any other body copy, so the slotted title makes the card spacing look funky. Maybe I'm misunderstanding the examples on the Card pattern page?

cc: @coreyvickery

[markcaron]

Fixed by #1380