RedHat-UX · zeroedin · Aug 15, 2025 · Aug 24, 2025 · Aug 26, 2025 · Aug 27, 2025
diff --git a/.changeset/breezy-gifts-report.md b/.changeset/breezy-gifts-report.md
@@ -0,0 +1,6 @@
+---
+"@rhds/elements": minor
+---
+
+`<rh-navigation-secondary>`: adds support for `<rh-navigation-link>`
+
diff --git a/.changeset/busy-donuts-beam.md b/.changeset/busy-donuts-beam.md
@@ -0,0 +1,11 @@
+---
+"@rhds/elements": minor
+---
+
+`<rh-avatar>`: added a variant that adds a subtle border around the avatar image
+
+```html
+<rh-avatar name="Bordered Bossman"
+           subtitle="Zoning Specialist"
+           variant="bordered"></rh-avatar>
+```
diff --git a/.changeset/dark-papayas-attack.md b/.changeset/dark-papayas-attack.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-accordion>`: fix axe accessibility error flagged in `<rh-accordion-header>`.
diff --git a/.changeset/dark-poets-type.md b/.changeset/dark-poets-type.md
@@ -0,0 +1,6 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-card>`: corrected layout when contained in a flex parent
+
diff --git a/.changeset/famous-gifts-sip.md b/.changeset/famous-gifts-sip.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-tabs>`: updated the background color of inactive box variant tabs
diff --git a/.changeset/fresh-eggs-know.md b/.changeset/fresh-eggs-know.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-jump-links>`: corrected text wrap for long links; allow wrapping to a new line
diff --git a/.changeset/heavy-poets-slide.md b/.changeset/heavy-poets-slide.md
@@ -0,0 +1,12 @@
+---
+"@rhds/elements": minor
+---
+
+`<rh-cta>`: add CSS APIs for `text-underline-offset` and `text-decoration` on focus.
+
+```css
+rh-cta.custom-cta {
+  --rh-cta-focus-text-underline-offset: 5px;
+  --rh-cta-focus-text-decoration: underline;
+}
+```
diff --git a/.changeset/lazy-clubs-run.md b/.changeset/lazy-clubs-run.md
@@ -0,0 +1,23 @@
+---
+"@rhds/elements": minor
+---
+
+`<rh-disclosure>`: add the `borderless` and `compact` variants.
+
+When the `variant="compact"` attribute is present, disclosures will have less padding around the trigger and disclosure content:
+
+```html
+<rh-disclosure summary="Compact variant disclosure" variant="compact">
+  <p>Lorem ipsum dolor sit amet.</p>
+</rh-disclosure>
+```
+
+When the `variant="borderless"` attribute is present, disclosures will not have borders and will have a gray background when expanded:
+
+```html
+<rh-disclosure summary="Borderless variant disclosure" variant="borderless">
+  <p>Lorem ipsum dolor sit amet.</p>
+</rh-disclosure>
+```
+
+Additionally, all disclosures now have subtle rounded borders.
diff --git a/.changeset/light-feet-enter.md b/.changeset/light-feet-enter.md
@@ -0,0 +1,15 @@
+---
+"@rhds/elements": minor
+---
+
+✨ Added `<rh-navigation-link>`.
+
+A styled link that is used as a slotted child of navigation elements.  Can be used in the primary, secondary, subnav, and vertical navigation elements.
+
+```html
+<rh-navigation-primary>
+  <rh-navigation-link href="/" current-page>Home</rh-navigation-link>
+  <rh-navigation-link href="/about">About</rh-navigation-link>
+  <rh-navigation-link href="/contact">Contact</rh-navigation-link>
+</rh-navigation-primary>
+```
diff --git a/.changeset/lucky-coins-refuse.md b/.changeset/lucky-coins-refuse.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-footer>`: reduce CLS before component upgrades or if JavaScript fails to load.
diff --git a/.changeset/neat-ducks-stick.md b/.changeset/neat-ducks-stick.md
@@ -0,0 +1,6 @@
+---
+"@rhds/elements": minor
+---
+
+`<rh-subnav>`: adds support for `<rh-navigation-link>`
+
diff --git a/.changeset/olive-toes-film.md b/.changeset/olive-toes-film.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-site-status>`: update light scheme background colors
diff --git a/.changeset/orange-bats-serve.md b/.changeset/orange-bats-serve.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-pagination>`: add a customizable token for disabled stepper icon color
diff --git a/.changeset/public-ideas-try.md b/.changeset/public-ideas-try.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-button>`: update colors and background colors on dark color schemes
diff --git a/.changeset/shy-turkeys-sniff.md b/.changeset/shy-turkeys-sniff.md
@@ -0,0 +1,6 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-navigation-primary>`: improved accessibility when slots are empty
+
diff --git a/.changeset/silent-readers-run.md b/.changeset/silent-readers-run.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-audio-player>`: better responsiveness when inside non-full width containers
diff --git a/.changeset/silent-turtles-float.md b/.changeset/silent-turtles-float.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-back-to-top>`: add dark color scheme support
diff --git a/.changeset/social-rocks-decide.md b/.changeset/social-rocks-decide.md
@@ -0,0 +1,6 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-progress-stepper>`: corrects missing fallback styles
+
diff --git a/.changeset/thin-cloths-cry.md b/.changeset/thin-cloths-cry.md
@@ -0,0 +1,6 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-subnav>`: fixed regression in overflow arrow display
+
diff --git a/.changeset/tough-cows-hide.md b/.changeset/tough-cows-hide.md
@@ -0,0 +1,6 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-pagination>`: corrected behavior using `aria-current="page"` attributes or fragment identifier URLs
+
diff --git a/.changeset/twelve-jokes-spend.md b/.changeset/twelve-jokes-spend.md
@@ -0,0 +1,6 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-navigation-primary>`: improves accessibility of navigation label for screen readers
+
diff --git a/.changeset/twelve-wings-go.md b/.changeset/twelve-wings-go.md
@@ -0,0 +1,6 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-navigation-primary>`: corrected content menus opening during command/ctrl + F searches
+
diff --git a/.changeset/twenty-deer-create.md b/.changeset/twenty-deer-create.md
@@ -0,0 +1,48 @@
+---
+"@rhds/elements": major
+---
+
+Updating @rhds/icons to version 2.0
+
+#### ⛔️ Breaking changes with `<rh-icon>`
+
+Removed `auto-light-dark-mode-fill` UI icon. Please use `auto-light-dark-mode` instead.
+
+  **Before**
+
+  ```html
+  <rh-icon set="ui" icon="auto-light-dark-mode-fill"></rh-icon>
+  ```
+
+  **After**
+
+  ```html
+  <rh-icon set="ui" icon="auto-light-dark-mode"></rh-icon>
+  ```
+
+  #### ⚠️ Potentially breaking changes with `<rh-icon>`
+
+  ##### ✨ AI Experiences
+
+  The `new` and `new-fill` UI icons have been updated and are no longer using the "sparkle" metaphor. Therefore, this may potentially break implementations and/or uses of `new` or `new-fill` to symbolize AI experiences.
+
+  Where `new` or `new-fill` are used to symbolize AI experiences, please use one of our new AI Experience icon instead:
+
+  - ai-experience
+  - ai-experience-fill
+
+  **Before**
+
+  ```html
+  <rh-icon set="ui" icon="new"></rh-icon>
+  <rh-icon set="ui" icon="new-fill"></rh-icon>
+  ```
+
+  **After**
+
+  ```html
+  <rh-icon set="ui" icon="ai-experience"></rh-icon>
+  <rh-icon set="ui" icon="ai-experience-fill"></rh-icon>
+  ```
+
+Please see [Red Hat Icons version 2.0 release notes](https://github.com/RedHat-UX/red-hat-icons/releases/tag/v2.0.0) for more information about the @rhds/icons version 2.0 update.
diff --git a/.changeset/wicked-fans-train.md b/.changeset/wicked-fans-train.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-health-index>`: use status tokens for border, background, and text colors
diff --git a/.changeset/witty-toys-sell.md b/.changeset/witty-toys-sell.md
@@ -0,0 +1,6 @@
+---
+"@rhds/elements": minor
+---
+
+`<rh-tile>`:  allows tile to accept all six color palettes
+
diff --git a/.changeset/yellow-kiwis-enjoy.md b/.changeset/yellow-kiwis-enjoy.md
@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-pagination>`: update dark scheme disabled button background color
diff --git a/.changeset/yummy-banks-hug.md b/.changeset/yummy-banks-hug.md
@@ -0,0 +1,6 @@
+---
+"@rhds/elements": minor
+---
+
+`<rh-navigation-primary>`: adds support for `<rh-navigation-link>`
+
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v23.9.0
+v24.4.1
diff --git a/docs/patterns/call-to-action/cta-style-variants-desaturated.svg b/docs/patterns/call-to-action/cta-style-variants-desaturated.svg
diff --git a/docs/patterns/call-to-action/examples.md b/docs/patterns/call-to-action/examples.md
@@ -0,0 +1,19 @@
+---
+title: Examples
+heading: Call to Action
+sidenavTitle: Call to Action
+layout: layouts/pages/pattern.njk
+tags:
+  - ctaPatterns
+subnav:
+  collection: ctaPatterns
+  order: 2
+---
+
+<uxdot-pattern src="./patterns/desaturated-cta.html">
+  <h2 slot="heading">Desaturated Calls to Action</h2>
+</uxdot-pattern>
+
+<uxdot-pattern src="./patterns/desaturated-cta-themed.html">
+  <h2 slot="heading">Desaturated Calls to Action on Themed containers</h2>
+</uxdot-pattern>
diff --git a/docs/patterns/call-to-action/index.md b/docs/patterns/call-to-action/index.md
@@ -0,0 +1,35 @@
+---
+title: Overview
+heading: Call to Action
+sidenavTitle: Call to Action
+layout: layouts/pages/pattern.njk
+order: 10
+tags:
+  - pattern
+  - ctaPatterns
+subnav:
+  collection: ctaPatterns
+  order: 1
+---
+
+<script type="module" data-helmet>
+  import '@rhds/elements/rh-cta/rh-cta.js';
+  import '@rhds/elements/rh-card/rh-card.js';
+  import '@rhds/elements/rh-code-block/rh-code-block.js';
+  import '@rhds/elements/rh-button/rh-button.js';
+  import '@rhds/elements/lib/elements/rh-context-picker/rh-context-picker.js';
+</script>
+
+## Desaturated
+
+Design system consumers can theme `<rh-cta>` to create desaturated CTAs.
+
+<uxdot-example color-palette="darkest" width-adjustment="564px">
+  <img alt="A primary and tertiary CTA. The primary has black text and a white background. The tertiary is reversed."
+       src="./cta-style-variants-desaturated.svg"
+       width="564"
+       height="56">
+</uxdot-example>
+
+See the [examples](/patterns/call-to-action/examples/) page for code and implementation details. Our
+CTA docs have [style guidelines](/elements/call-to-action/style/#desaturated) for desaturated CTAs.