Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
30 commits
Select commit Hold shift + click to select a range
50e495f
chore: replace web-dev-server with cem serve
bennypowers May 6, 2026
446e945
chore: bump cem
bennypowers May 7, 2026
a6ffed8
fix(tools): workspace slugs in PfeDemoPage
bennypowers May 7, 2026
8a4bfa3
fix(tools): deduplicate results in Manifest.getTagNames()
bennypowers May 7, 2026
353ad12
Merge pull request #3129 from patternfly/chore/cem-serve
zeroedin May 7, 2026
2a01399
docs: plans for pfv6
bennypowers May 4, 2026
49b0a80
docs: orchestrator instructions
bennypowers May 5, 2026
122eba8
docs: update /review-a11y from review comments
bennypowers May 6, 2026
c4b8d7c
docs: add wai aria apg patterns to /review-a11y
bennypowers May 6, 2026
f88f79e
chore(tools): update tooling config for v6 prefix (#3132)
zeroedin May 10, 2026
e625c5a
chore(deps): bump @pwrs/cem to 0.10.5
bennypowers May 11, 2026
2914145
Merge pull request #3142 from patternfly/chore/bump-cem
zeroedin May 11, 2026
d0a6749
chore: remove v5 element after update (#3145)
zeroedin May 13, 2026
1962931
chore: improve phase 5 cem alignment documentation comments (#3146)
zeroedin May 13, 2026
98a4efc
chore: improve review-api skill, lit template quoted attributes (#3147)
zeroedin May 13, 2026
5186cda
docs(create-element): add README phase to element skills
bennypowers May 14, 2026
497c589
Merge branch staging/pfv6 into chore/skill-readme-instructions
zeroedin May 14, 2026
8fedd86
Merge pull request #3148 from patternfly/chore/skill-readme-instructions
zeroedin May 14, 2026
52c15ba
fix(pfe-tools): end-anchor TS redirect regex to avoid rewriting .js.m…
bennypowers May 23, 2026
4fa7f28
fix(tools): support tagPrefix as an array of tags (#3153)
zeroedin May 25, 2026
261e220
feat(background-image): port `pf-v5-background-image` to `pf-v6-backg…
zeroedin May 27, 2026
1d61732
feat(timestamp): port pf-v5-timestamp to pf-v6-timestamp element (#3150)
adamjohnson Jun 8, 2026
a4c4aac
docs: update a11y skill cross-root aria instructions
bennypowers Jun 14, 2026
62125b7
feat(switch)!: port to pf-v6-switch element (#3154)
zeroedin Jun 15, 2026
edcb9b3
feat(back-to-top)!: port to pf-v6-back-to-top (#3149)
zeroedin Jun 15, 2026
859da14
feat(avatar)!: port to pf-v6-avatar (#3139)
zeroedin Jun 15, 2026
46ad472
feat(badge)!: port to pf-v6-badge (#3138)
zeroedin Jun 15, 2026
baf703f
feat(spinner)!: port to pf-v6-spinner (#3137)
zeroedin Jun 15, 2026
cec0ca3
feat(banner)!: port to pf-v6-banner (#3143)
zeroedin Jun 15, 2026
02103f4
feat(progress)!: port to pf-v6-progress element (#3152)
zeroedin Jun 15, 2026
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
23 changes: 23 additions & 0 deletions .changeset/calm-friends-carry.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
---
"@patternfly/elements": major
---

`<pf-v6-progress>`: replaces `<pf-v5-progress>` with PatternFly v6 design specs.

```html
<pf-v6-progress value="33" description="Loading..."></pf-v6-progress>
```

**Breaking Changes from v5**

- Renamed tag from `<pf-v5-progress>` to `<pf-v6-progress>`
- CSS custom properties renamed from `--pf-v5-c-progress--*` to `--pf-v6-c-progress--*`

**New features**

- `accessible-label` attribute for screen reader text via ElementInternals
- `value-text` attribute for custom `aria-valuetext` (finite step displays)
- `truncated` attribute for ellipsis overflow on description
- `hide-status-icon` attribute for tight layouts
- `helper-text` slot for supplementary text below the bar, auto-wired to `aria-describedby`
- v6 design tokens and `light-dark()` support
5 changes: 5 additions & 0 deletions .changeset/fancy-keys-hug.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@patternfly/pfe-tools": minor
---

Accept `tagPrefix` as an array of strings, supporting repos with multiple element prefixes
20 changes: 20 additions & 0 deletions .changeset/forty-ties-crash.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
---
"@patternfly/elements": major
---

`<pf-v6-badge>`: replaces `<pf-v5-badge>` with PatternFly v6 design specs.

```html
<pf-v6-badge state="unread">7</pf-v6-badge>
```

**Breaking Changes from v5**

- Renamed tag from `<pf-v5-badge>` to `<pf-v6-badge>`
- Removed `number` and `threshold` properties -- badge is now a pure slot container; formatting is an app concern
- CSS custom properties renamed from `--pf-v5-c-badge--*` to `--pf-v6-c-badge--*`

**New features**

- `disabled` attribute
- v6 design tokens and `light-dark()` color scheme support
25 changes: 25 additions & 0 deletions .changeset/free-forks-lay.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
---
"@patternfly/elements": major
---

`<pf-v6-back-to-top>`: replaces `<pf-v5-back-to-top>` with PatternFly v6 design specs.

```html
<pf-v6-back-to-top href="#top">Back to top</pf-v6-back-to-top>
```

**Breaking Changes from v5**

- Renamed tag from `<pf-v5-back-to-top>` to `<pf-v6-back-to-top>`
- CSS custom properties renamed from `--pf-v5-c-back-to-top--*` to `--pf-v6-c-back-to-top--*`
- Removed `icon` and `icon-set` attributes (caret-up icon is now built-in SVG)
- Removed `scroll-distance` attribute (400px threshold, matches React)
- Renamed `label` attribute to `accessible-label`

**New features**

- `href` attribute renders as a link for progressive enhancement (works without JS)
- `accessible-label` attribute for screen reader text
- `delegatesFocus` for keyboard accessibility
- `prefers-reduced-motion` support (instant vs smooth scroll)
- v6 design tokens
20 changes: 20 additions & 0 deletions .changeset/humble-cycles-rest.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
---
"@patternfly/elements": major
---

✨ Added `<pf-v6-background-image>` replacing `<pf-v5-background-image>`. Background image now follows
PatternFly v6 design specs.

```html
<pf-v6-background-image src="/path/to/image.jpg"></pf-v6-background-image>
```

** Breaking Changes from v5 **

- Renamed tag from `<pf-v5-background-image>` to `<pf-v6-background-image>`
- ✨ Added v6 design tokens and RTL support via :dir(rtl)
- ✨ Added `aria-hidden` for screen reader compliance
- CSS custom properties renamed from `--pf-v5-c-background-image--*` to `--pf-v6-c-background-image--*`
- Removed `src-2x`, `src-sm`, `src-sm-2x`, `src-lg` responsive source attributes (use CSS custom properties or media queries instead)
- Removed `filter` boolean attribute
- `src` no longer reflects to attribute
34 changes: 34 additions & 0 deletions .changeset/lucky-gifts-tie.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
---
"@patternfly/elements": major
---

Added `<pf-v6-timestamp>` replacing `<pf-v5-timestamp>`. Timestamp now follows
PatternFly v6 design specs.

```html
<pf-v6-timestamp date="Mon Jan 2 15:04:05 EST 2006"
date-format="full"
time-format="long">
</pf-v6-timestamp>
```

**Breaking Changes from v5**

- `<pf-v5-timestamp>` renamed to `<pf-v6-timestamp>`
- `utc` boolean attribute replaced with `time-zone` string attribute accepting
any IANA timezone identifier (e.g. `time-zone="UTC"`,
`time-zone="America/New_York"`)
- `hour-12` boolean attribute replaced with `hour-cycle` enum attribute
accepting Intl values: `h11`, `h12`, `h23`, `h24`
- `help-text` attribute removed; tooltip styling is a composition pattern
using `<pf-v5-tooltip>` wrapping
- `date` getter now returns ISO 8601 string instead of locale-formatted string
- `display-suffix` no longer auto-set to "UTC" when using UTC timezone; set
`display-suffix="UTC"` explicitly if needed

**New features**

- `time-zone` attribute for any IANA timezone, not just UTC
- `hour-cycle` attribute for precise hour format control
- Default slot for custom display content
- v6 design tokens
24 changes: 24 additions & 0 deletions .changeset/sixty-crabs-mate.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
---
"@patternfly/elements": major
---

`<pf-v6-spinner>`: replaces `<pf-v5-spinner>` with PatternFly v6 design specs.

```html
<pf-v6-spinner accessible-label="Loading data">Loading...</pf-v6-spinner>
```

**Breaking Changes from v5**

- Renamed tag from `<pf-v5-spinner>` to `<pf-v6-spinner>`
- CSS custom properties renamed from `--pf-v5-c-spinner--*` to `--pf-v6-c-spinner--*`
- Removed `diameter` attribute (use `--pf-v6-c-spinner--diameter` CSS custom property instead)

**New features**

- `inline` attribute to inherit font size for inline display
- `accessible-label` attribute for screen reader text
- `value-text` attribute for progress state description
- `xs` size preset
- ARIA `progressbar` role with `aria-label` and `aria-valuetext` via ElementInternals
- `prefers-reduced-motion` support
25 changes: 25 additions & 0 deletions .changeset/smooth-webs-travel.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
---
"@patternfly/elements": major
---

`<pf-v6-banner>`: replaces `<pf-v5-banner>` with PatternFly v6 design specs.

```html
<pf-v6-banner status="info">
<span class="pf-v6-screen-reader">Info alert:</span>
Info banner content
</pf-v6-banner>
```

**Breaking Changes from v5**

- Renamed tag from `<pf-v5-banner>` to `<pf-v6-banner>`
- `variant` attribute split into separate `color` and `status` attributes
- CSS custom properties renamed from `--pf-v5-c-banner--*` to `--pf-v6-c-banner--*`
- Removed `icon` attribute and `icon` slot (compose icons in default slot)
- Removed `container` and `icon` CSS parts

**New features**

- `color` attribute for decorative colors (red, orangered, orange, yellow, green, teal, blue, purple)
- `status` attribute for semantic statuses (success, warning, danger, info, custom)
26 changes: 26 additions & 0 deletions .changeset/social-guests-wish.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
---
"@patternfly/elements": major
---

`<pf-v6-avatar>`: replaces `<pf-v5-avatar>` with PatternFly v6 design specs.

```html
<pf-v6-avatar src="./photo.jpg" alt="User name"></pf-v6-avatar>
```

**Breaking Changes from v5**

- Renamed tag from `<pf-v5-avatar>` to `<pf-v6-avatar>`
- CSS custom properties renamed from `--pf-v5-c-avatar--*` to `--pf-v6-c-avatar--*`
- Replaced `border` attribute with `bordered` boolean attribute
- `alt` attribute no longer defaults to "Avatar image" (defaults to empty string for decorative use)
- `size` attribute no longer defaults to `sm` (renders at default 2.25rem dimensions)
- Removed `dark` attribute
- Removed `load` event

**New features**

- `size` attribute with `sm`, `md`, `lg`, `xl` presets
- `bordered` boolean attribute
- `light-dark()` color scheme support for placeholder graphic
- v6 design tokens
20 changes: 20 additions & 0 deletions .changeset/swift-teams-notice.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
---
"@patternfly/elements": major
---

✨ Added `<pf-v6-switch>` replacing `<pf-v5-switch>`. Switch now follows
PatternFly v6 design specs.

```html
<pf-v6-switch checked>Wi-Fi</pf-v6-switch>
```

**Breaking Changes from v5**

- Renamed tag from `<pf-v5-switch>` to `<pf-v6-switch>`
- Removed `data-state="on|off"` label toggling — labels are now static, matching React and WCAG APG switch pattern
- CSS custom properties renamed from `--pf-v5-c-switch--*` to `--pf-v6-c-switch--*`
- Fixed form association (FACE): submits `"on"` when checked, reverts on form reset
- ✨ Added cancelable `change` event: call `preventDefault()` to reject a toggle
- ✨ Added external `<label for="id">` support
- ✨ Added `reversed` attribute for reversed label/toggle layout
Loading
Loading