feat(helper-text): port <pf-v5-helper-text> to <pf-v6-helper-text> element

[adamjohnson]

Summary

• Removes <pf-v5-helper-text>
• Ports <pf-v5-helper-text> to <pf-v6-helper-text> web component for PatternFly v6
• Displays contextual feedback or validation messages for form fields
• Supports variant (default/indeterminate/warning/success/error), has-icon, dynamic, and screen-reader-text attributes
• Built-in SVG icons from @patternfly/react-icons (rh-ui-minus, rh-ui-warning-fill, rh-ui-check-circle-fill, rh-ui-error-fill)
• Dark mode support via light-dark() CSS fallbacks
• Demos: basic (index), with-custom-icons, multiple, dynamic

Closes #3012

Intentional divergences from React

• Single element instead of React's HelperText (container) + HelperTextItem (item) pair; use plain HTML wrappers with aria-live for grouping
• has-icon attribute for opt-in icon display (React auto-shows icons for non-default variants)
• icon slot replaces React's icon prop (ReactNode → slotted markup)
• screen-reader-text attribute maps to React's screenReaderText prop
• dynamic attribute exposes React's internal .pf-m-dynamic CSS modifier class
• Container props (component, isLiveRegion, aria-label) not implemented; users apply these directly on wrapper elements
• No dependency on <pf-v5-icon> — uses inline SVG icons

Test plan

• npm run test passes
• Demos render correctly at localhost:8000
• All variant styles (colors, font weight, icons) visually match patternfly.org
• Dark mode colors correct when switching color scheme
• Screen reader text announces variant status for non-default variants
• Custom screen-reader-text overrides default announcement
• Empty screen-reader-text="" suppresses announcement
• Custom icon slot displays slotted SVG in place of default icon
• Dynamic demo shows aria-live container with mixed success/error items

Assisted-By: Claude

[changeset-bot]

🦋 Changeset detected

Latest commit: 03c28ee

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@patternfly/elements	Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

✅ Commitlint tests passed!

More Info

{
  "valid": true,
  "errors": [],
  "warnings": [],
  "input": "feat(helper-text): port `<pf-v5-helper-text>` to `<pf-v6-helper-text>` element"
}

[github-actions]

✅ Deploy Preview for patternfly-elements ready!

Name	Link
🔨 Latest commit	7646863
😎 Deploy Preview	https://deploy-preview-3155--patternfly-elements.netlify.app/

---

To edit notification comments on pull requests, go to your Netlify site settings.

[github-actions]

SSR Test Run for 7f5d1f9: Report

[bennypowers]

boolean has-icon attr seems a little off to me.

alternatives:

• a css part or prop to hide the icon
• an icon attr which forwards to pf-v6-icon (with defaults)

react doesnt' have a "no icon" or "opt out of all icons" but they do have custom icon, so i think an icon slot/attr pair is correct.

[adamjohnson]

03c28ee

Will have to wait until we get pf-v6-icon to implement the icon attr. TODO notes this in the file.

[bennypowers]

just use pf-v5-icon for now, and whichever lands first, the other one will port

[github-actions]

SSR Test Run for 7646863: Report