Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 26 additions & 0 deletions .changeset/kind-lions-help.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
---
"@patternfly/elements": major
---

✨ Added `<pf-v6-helper-text>` replacing `<pf-v5-helper-text>`. Helper text now follows
PatternFly v6 design specs.

```html
<pf-v6-helper-text variant="error" has-icon>Password is too short</pf-v6-helper-text>
```

**Breaking Changes from v5**

- Renamed tag from `<pf-v5-helper-text>` to `<pf-v6-helper-text>`
- Update bare module import to point to v6: `import '@patternfly/elements/pf-v6-helper-text/pf-v6-helper-text.js'`
- ✨ Added `has-icon` boolean attribute for opt-in default variant icons
- ✨ Added `dynamic` boolean attribute for dynamic validation contexts
- ✨ Added `screen-reader-text` attribute for custom assistive announcements
- ✨ Added `icon` slot for custom icon markup (replaces `icon` and `icon-set` attributes)
- ✨ Added `icon` and `text` CSS parts
- ✨ Added `color-scheme` support via `light-dark()`
- ✨ Added v6 design tokens
- CSS custom properties renamed from `--pf-v5-c-helper-text--*` to `--pf-v6-c-helper-text--*`
- Removed `icon` attribute (use `has-icon` for default icons or `icon` slot for custom)
- Removed `icon-set` attribute
- Removed dependency on `<pf-v5-icon>` (uses inline SVG icons)
2 changes: 1 addition & 1 deletion docs/main.mjs
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ import '@patternfly/elements/pf-v5-chip/pf-v5-chip.js';
import '@patternfly/elements/pf-v5-clipboard-copy/pf-v5-clipboard-copy.js';
import '@patternfly/elements/pf-v5-code-block/pf-v5-code-block.js';
import '@patternfly/elements/pf-v5-dropdown/pf-v5-dropdown.js';
import '@patternfly/elements/pf-v5-helper-text/pf-v5-helper-text.js';
import '@patternfly/elements/pf-v6-helper-text/pf-v6-helper-text.js';
import '@patternfly/elements/pf-v5-hint/pf-v5-hint.js';
import '@patternfly/elements/pf-v5-jump-links/pf-v5-jump-links.js';
import '@patternfly/elements/pf-v5-label/pf-v5-label.js';
Expand Down
30 changes: 0 additions & 30 deletions elements/pf-v5-helper-text/demo/dynamic-list.html

This file was deleted.

42 changes: 0 additions & 42 deletions elements/pf-v5-helper-text/demo/dynamic.html

This file was deleted.

1 change: 0 additions & 1 deletion elements/pf-v5-helper-text/demo/index.html

This file was deleted.

11 changes: 0 additions & 11 deletions elements/pf-v5-helper-text/demo/multiple.html

This file was deleted.

37 changes: 0 additions & 37 deletions elements/pf-v5-helper-text/demo/static-icons.html

This file was deleted.

16 changes: 0 additions & 16 deletions elements/pf-v5-helper-text/demo/static.html

This file was deleted.

17 changes: 0 additions & 17 deletions elements/pf-v5-helper-text/docs/pf-v5-helper-text.md

This file was deleted.

35 changes: 0 additions & 35 deletions elements/pf-v5-helper-text/pf-v5-helper-text.css

This file was deleted.

96 changes: 0 additions & 96 deletions elements/pf-v5-helper-text/pf-v5-helper-text.ts

This file was deleted.

25 changes: 0 additions & 25 deletions elements/pf-v5-helper-text/test/pf-helper-text.e2e.ts

This file was deleted.

Loading
Loading