hashicorp · zamoore · Dec 5, 2025 · Dec 5, 2025 · Dec 5, 2025 · Dec 5, 2025
@@ -1,52 +1,104 @@
 # @hashicorp/design-system-components
 
-## 5.0.0
+## 5.1.0
 
-[5.0.0 documentation](https://hds-website-5-0-0.vercel.app/)
+[5.1.0 documentation](https://hds-website-5-1-0.vercel.app/)
 
-### Major Changes
+### Minor Changes
 
 
-`Flyout` - Removed deprecated `HdsFlyoutHeader`, `HdsFlyoutBody`, `HdsFlyoutDescription`, and `HdsFlyoutFooter` subcomponents.
+`CodeEditor` - Added a new `@customExtensions` argument which allows consumers to provide their own custom CodeMirror extensions.
 
 
+<small class="doc-whats-new-changelog-metadata">[#3372](https://github.com/hashicorp/design-system/pull/3372)</small>
 
-`Modal` - Removed deprecated `HdsModalHeader`, `HdsModalBody`, and `HdsModalFooter` subcomponents.
+<div class="doc-whats-new-changelog-separator"></div>
 
+### Patch Changes
 
-<small class="doc-whats-new-changelog-metadata">[#3211](https://github.com/hashicorp/design-system/pull/3211)</small>
+
+`Dropdown` - Updated component signature for `ListItemCheckbox` and `ListItemRadio` to have an optional `@id` argument.
+
+
+<small class="doc-whats-new-changelog-metadata">[#3371](https://github.com/hashicorp/design-system/pull/3371)</small>
 
 <div class="doc-whats-new-changelog-separator"></div>
 
+Fix mixed sass declaration syntax to silence warnings
 
-`Dropdown` - Removed the deprecated `@text` argument from the `HdsDropdownListItemInteractive` component.
+<small class="doc-whats-new-changelog-metadata">[#3368](https://github.com/hashicorp/design-system/pull/3368)</small>
 
-To migrate, run the codemod `v4/dropdown-list-item-interactive` (see [readme file](https://github.com/hashicorp/design-system/tree/main/packages/codemods/transforms/v4/dropdown-list-item-interactive))
+<div class="doc-whats-new-changelog-separator"></div>
 
 
-<small class="doc-whats-new-changelog-metadata">[#3211](https://github.com/hashicorp/design-system/pull/3211)</small>
+`AdvancedTable` - Fixed a bug in the cleanup logic of selectable rows where data updates caused the internal selection state to be incorrectly reset.
+
+
+<small class="doc-whats-new-changelog-metadata">[#3373](https://github.com/hashicorp/design-system/pull/3373)</small>
 
 <div class="doc-whats-new-changelog-separator"></div>
 
 
-`Dropdown` - Added assertion to the `ToggleIcon` to provide improved developer guidance for the `hasChevron` attribute
+`Button` - Optimized CSS used to apply dark theme styles within `AppHeader` and `SideNav`
+
+
+
+`Dropdown` - Optimized CSS used to apply dark theme styles within `AppHeader` and `SideNav`
+
+
+
+`SideNav`: - Made CSS updates including:
+
+- Optimized CSS used to apply dark theme styles to Buttons & Dropdowns
+- Removed deprecated ".hds-side-nav__dropdown" class name which is redundant to the HDS Dropdown class name referenced in styles
+
 
+`AppHeader` - Optimized CSS used to apply dark theme styles to Buttons & Dropdowns
+
+
+<small class="doc-whats-new-changelog-metadata">[#3356](https://github.com/hashicorp/design-system/pull/3356)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+**🔄 Updated dependencies:**
+
+- @hashicorp/flight-icons@4.1.0
+
+## 5.0.0
+
+[5.0.0 documentation](https://hds-website-5-0-0.vercel.app/)
+
+### Major Changes
+
+`Flyout` - Removed deprecated `HdsFlyoutHeader`, `HdsFlyoutBody`, `HdsFlyoutDescription`, and `HdsFlyoutFooter` subcomponents.
+
+`Modal` - Removed deprecated `HdsModalHeader`, `HdsModalBody`, and `HdsModalFooter` subcomponents.
 
 <small class="doc-whats-new-changelog-metadata">[#3211](https://github.com/hashicorp/design-system/pull/3211)</small>
 
 <div class="doc-whats-new-changelog-separator"></div>
 
+`Dropdown` - Removed the deprecated `@text` argument from the `HdsDropdownListItemInteractive` component.
 
-Added `ember-basic-dropdown` as a peer dependency required by `ember-power-select`. To migrate, if your application uses `SuperSelect`, make sure to add this dependency.
+To migrate, run the codemod `v4/dropdown-list-item-interactive` (see [readme file](https://github.com/hashicorp/design-system/tree/main/packages/codemods/transforms/v4/dropdown-list-item-interactive))
+
+<small class="doc-whats-new-changelog-metadata">[#3211](https://github.com/hashicorp/design-system/pull/3211)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
 
+`Dropdown` - Added assertion to the `ToggleIcon` to provide improved developer guidance for the `hasChevron` attribute
 
 <small class="doc-whats-new-changelog-metadata">[#3211](https://github.com/hashicorp/design-system/pull/3211)</small>
 
 <div class="doc-whats-new-changelog-separator"></div>
 
+Added `ember-basic-dropdown` as a peer dependency required by `ember-power-select`. To migrate, if your application uses `SuperSelect`, make sure to add this dependency.
 
-`ApplicationState` - Replaced the default opinionated `margin: 0 auto;` rule from the component's root element with a new `@isAutoCentered` argument (which defaults to `true`, to preserve the existing centering behavior). This delegates the horizontal alignment control to the consumers, allowing them to disable it when needed.
+<small class="doc-whats-new-changelog-metadata">[#3211](https://github.com/hashicorp/design-system/pull/3211)</small>
 
+<div class="doc-whats-new-changelog-separator"></div>
+
+`ApplicationState` - Replaced the default opinionated `margin: 0 auto;` rule from the component's root element with a new `@isAutoCentered` argument (which defaults to `true`, to preserve the existing centering behavior). This delegates the horizontal alignment control to the consumers, allowing them to disable it when needed.
 
 <small class="doc-whats-new-changelog-metadata">[#3211](https://github.com/hashicorp/design-system/pull/3211)</small>
 
@@ -64,10 +116,8 @@ Removed `sass` and `ember-cli-sass` dependencies. Consumers using `sass` in thei
 
 <div class="doc-whats-new-changelog-separator"></div>
 
-
 `AdvancedTable` - Removed the `@isVisuallyHidden` argument from `HdsAdvancedTableTh` component. This setting is supported via setting `isVisuallyHidden` in the corresponding `@columns` item's configuration.
 
-
 <small class="doc-whats-new-changelog-metadata">[#3211](https://github.com/hashicorp/design-system/pull/3211)</small>
 
 <div class="doc-whats-new-changelog-separator"></div>
@@ -85,15 +135,12 @@ Upgraded `@glimmer/component` dependency to version `2.0`
 
 <div class="doc-whats-new-changelog-separator"></div>
 
-
 `Card` - Removed the component invocation paths `Hds::Card` and `hds/card`. Consumers must update their templates to use `<Hds::Card::Container>` or `hds/card/container`.
 
-
 <small class="doc-whats-new-changelog-metadata">[#3211](https://github.com/hashicorp/design-system/pull/3211)</small>
 
 <div class="doc-whats-new-changelog-separator"></div>
 
-
 `SideNav` - Removed deprecated features
 
 - Removed the `@ariaLabel` argument
@@ -104,10 +151,8 @@ Upgraded `@glimmer/component` dependency to version `2.0`
 
 <div class="doc-whats-new-changelog-separator"></div>
 
-
 `Icon` - Renamed the `volume-2` icon to `volume-up`
 
-
 <small class="doc-whats-new-changelog-metadata">[#3211](https://github.com/hashicorp/design-system/pull/3211)</small>
 
 <div class="doc-whats-new-changelog-separator"></div>
@@ -120,14 +165,10 @@ Removed support for deprecated `ember-flight-icons` `lazyEmbed` config
 
 ### Patch Changes
 
-
 `SideNav` - Fixed the type of `@a11yRefocusRouteChangeValidator` to match the expected type from `ember-a11y-refocus`. The new type is `(transition: Transition) => boolean` instead of `string`.
 
-
-
 `AppHeader` - Fixed the type of `@a11yRefocusRouteChangeValidator` to match the expected type from `ember-a11y-refocus`. The new type is `(transition: Transition) => boolean` instead of `string`.
 
-
 <small class="doc-whats-new-changelog-metadata">[#3211](https://github.com/hashicorp/design-system/pull/3211)</small>
 
 <div class="doc-whats-new-changelog-separator"></div>

@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/design-system-components",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "description": "Helios Design System Components",
   "keywords": [
     "hashicorp",
@@ -52,7 +52,7 @@
     "@embroider/util": "^1.13.4",
     "@floating-ui/dom": "^1.6.12",
     "@hashicorp/design-system-tokens": "workspace:^3.0.0",
-    "@hashicorp/flight-icons": "workspace:^4.0.0",
+    "@hashicorp/flight-icons": "workspace:^4.1.0",
     "@lezer/highlight": "^1.2.1",
     "@nullvoxpopuli/ember-composable-helpers": "^5.2.11",
     "clipboard-polyfill": "^4.1.1",

@@ -1,5 +1,15 @@
 # @hashicorp/flight-icons
 
+## 4.1.0
+
+### Minor Changes
+
+`ansible-community`, `ansible-community-color`, `ansible-automation-platform`, and `ansible-automation-platform-color` icons added.
+
+<small class="doc-whats-new-changelog-metadata">[#3404](https://github.com/hashicorp/design-system/pull/3404)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
 ## 4.0.0
 
 ### Major Changes

@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/flight-icons",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "Flight: HashiCorp SVG icon set",
   "keywords": [
     "hashicorp",

@@ -22,7 +22,7 @@ navigation:
     - menubar
     - topbar
 status:
-  updated: 5.0.0
+  updated: 5.1.0
 ---
 
 <section data-tab="Guidelines">

@@ -1,3 +1,8 @@
+## 5.1.0
+
+Optimized CSS used to apply dark theme styles to Buttons & Dropdowns
+
+
 ## 5.0.0
 
 Fixed the type of `@a11yRefocusRouteChangeValidator` to match the expected type from `ember-a11y-refocus`. The new type is `(transition: Transition) => boolean` instead of `string`.

@@ -13,8 +13,6 @@ navigation:
     - empty state
     - error state
     - message
-status:
-  updated: 5.0.0
 ---
 
 <section data-tab="Guidelines">

@@ -19,6 +19,8 @@ navigation:
   keywords:
     - action
     - link
+status:
+  updated: 5.1.0
 ---
 
 <section data-tab="Guidelines">

@@ -1,3 +1,8 @@
+## 5.1.0
+
+Optimized CSS used to apply dark theme styles within `AppHeader` and `SideNav`
+
+
 ## 4.24.1
 
 Fixed color inheritance for Buttons within `DialogPrimitive` based components (such as the `Modal` and `Flyout`) when triggered from within the `SideNav` or `AppHeader`

@@ -13,8 +13,6 @@ navigation:
     - tile
     - container
     - box
-status:
-  updated: 5.0.0
 ---
 
 <section data-tab="Guidelines">

@@ -28,6 +28,8 @@ navigation:
     - syntax
     - highlight
     - block
+status:
+  updated: 5.1.0
 ---
 
 <section data-tab="Guidelines">

@@ -1,3 +1,8 @@
+## 5.1.0
+
+Added a new `@customExtensions` argument which allows consumers to provide their own custom CodeMirror extensions.
+
+
 ## 4.23.0
 
 Added a `cspNonce` argument which passes a value of the same name to the `hds-code-editor` modifier. `cspNonce` is used to add a nonce value to the style tag

@@ -20,7 +20,7 @@ navigation:
     - action menu
     - list
 status:
-  updated: 5.0.0
+  updated: 5.1.0
 ---
 
 <section data-tab="Guidelines">

@@ -1,3 +1,11 @@
+## 5.1.0
+
+Updated component signature for `ListItemCheckbox` and `ListItemRadio` to have an optional `@id` argument.
+
+
+Optimized CSS used to apply dark theme styles within `AppHeader` and `SideNav`
+
+
 ## 5.0.0
 
 Removed the deprecated `@text` argument from the `HdsDropdownListItemInteractive` component.

@@ -23,8 +23,6 @@ navigation:
     - panel
     - side
     - modal
-status:
-  updated: 5.0.0
 ---
 
 <section data-tab="Guidelines">
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,7 +22,7 @@ navigation: @@
         - menubar
         - topbar
     status:
-      updated: 5.0.0
+      updated: 5.1.0
     ---
     <section data-tab="Guidelines">
@@ Expand Down @@