Merge d832c2e into 62125b7

Author: zeroedin

.changeset/smooth-webs-travel.md

@@ -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" accessible-label="Info banner">
+  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)
+- `accessible-label` attribute for visually-hidden accessible text

.gitignore

@@ -105,6 +105,7 @@ core/pfe-core/demo/*
 
 # AI
 .claude/settings.local.json
+.claude/worktrees
 
 # Temp files
 *~

elements/pf-v5-back-to-top/demo/button.html

@@ -1,7 +1,7 @@
-<pf-v5-banner variant="info" id="top">
-  <pf-v5-icon icon="info-circle" slot="icon"></pf-v5-icon>
+<pf-v6-banner status="info" accessible-label="Accessibility warning:" id="top">
+  <pf-v5-icon icon="info-circle"></pf-v5-icon>
   <strong>Accessibility Warning</strong> Using the Button/JS variant, implementation must apply click event and focus to the element that is scrolled to.
-</pf-v5-banner>
+</pf-v6-banner>
 <div class="outer-container">
   <div class="scroll-indicator padded">
     <h2>Button</h2>
@@ -15,7 +15,7 @@ <h2>Button</h2>
 
 <script type="module">
   import '@patternfly/elements/pf-v5-back-to-top/pf-v5-back-to-top.js';
-  import '@patternfly/elements/pf-v5-banner/pf-v5-banner.js';
+  import '@patternfly/elements/pf-v6-banner/pf-v6-banner.js';
   document.querySelector('pf-v5-back-to-top').addEventListener('click', function() {
     // scroll to some element
     const target = document.querySelector('#top');