Skip to content

feat(dialog): add dialog header component - FE-7750 - #8128

Draft
DipperTheDan wants to merge 1 commit into
masterfrom
dialog-heading-variants-spike
Draft

feat(dialog): add dialog header component - FE-7750#8128
DipperTheDan wants to merge 1 commit into
masterfrom
dialog-heading-variants-spike

Conversation

@DipperTheDan

Copy link
Copy Markdown
Contributor

Proposed behaviour

Refactor the HOC for heading variants.

Current behaviour

Currently we have a HOC for generating heading variants but this is overkill for what we need.

Checklist

  • Commits follow our style guide
  • Related issues linked in commit messages if required
  • Screenshots are included in the PR if useful
  • All themes are supported if required
  • Unit tests added or updated if required
  • Playwright automation tests added or updated if required
  • Storybook added or updated if required
  • Translations added or updated (including creating or amending translation keys table in storybook) if required
  • Typescript d.ts file added or updated if required
  • Related docs have been updated if required

QA

  • Tested in provided StackBlitz sandbox/Storybook
  • Add new Playwright test coverage if required
  • Carbon implementation matches Design System/designs
  • UI Tests GitHub check reviewed if required

Additional context

N/A

Testing instructions

There should be no visual or functional regressions with the heading variants of Dialog.

@DipperTheDan
DipperTheDan force-pushed the dialog-heading-variants-spike branch from 79da4a3 to abc5558 Compare August 12, 2026 14:38
@ibutakova
ibutakova self-requested a review August 13, 2026 10:51
@@ -264,7 +264,7 @@ const StyledDialogTitle = styled.div<StyledDialogTitleProps>`

[data-element="dialog-title-help-wrapper"] {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Markup using dialog-title-help-wrapper is removed, so this selector looks dead, isn't it?

<Icon
type={iconType}
color={color}
fontSize="medium"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Check if fontSize is deprecated

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

2 participants