hashicorp · didoo · Jun 5, 2025 · Jun 5, 2025 · Jun 5, 2025 · Jun 5, 2025
@@ -2,6 +2,8 @@
 
 ## 4.20.0
 
+[4.20.0 documentation](https://hds-website-4-20-0.vercel.app/)
+
 ### Minor Changes
 
 `CodeBlock` - Added height toggle control, which is present when a `maxHeight` is set and code content height exceeds the `maxHeight` value

@@ -20,13 +20,13 @@
             {{item.pageAttributes.navigation.label}}
           {{else}}
             {{item.pageAttributes.title}}
-            {{#if item.pageAttributes.status.deprecated}}
-              <Doc::Badge @type="warning-inverted" @size="medium">Deprecated</Doc::Badge>
-            {{else if item.pageAttributes.status.updated}}
-              <Doc::Badge @type="neutral-inverted" @size="medium">Updated</Doc::Badge>
-            {{else if item.pageAttributes.status.added}}
-              <Doc::Badge @type="information-inverted" @size="medium">Added</Doc::Badge>
-            {{/if}}
+          {{/if}}
+          {{#if item.pageAttributes.status.deprecated}}
+            <Doc::Badge @type="warning-inverted" @size="medium">Deprecated</Doc::Badge>
+          {{else if item.pageAttributes.status.updated}}
+            <Doc::Badge @type="neutral-inverted" @size="medium">Updated</Doc::Badge>
+          {{else if item.pageAttributes.status.added}}
+            <Doc::Badge @type="information-inverted" @size="medium">Added</Doc::Badge>
           {{/if}}
         </LinkTo>
       {{else}}

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

@@ -1,3 +1,9 @@
+## 4.20.0
+
+Removed usage of `--hds-app-desktop-breakpoint` CSS variable and relied on the `@breakpoint` argument for override of mobile behavior
+
+Fixed import path for `hds-breakpoints`
+
 ## 4.19.0
 
 Formally published the `AppHeader` component. To be used in conjunction with the `AppFrame` and the `AppSideNav` components.

@@ -23,7 +23,7 @@ navigation:
     - sidenav
     - sidebar
 status:
-  added: 4.19.0
+  updated: 4.20.0
 ---
 
 <section data-tab="Guidelines">

@@ -1,3 +1,13 @@
+## 4.20.0
+
+Removed usage of `--hds-app-desktop-breakpoint` CSS variable, added `@breakpoint` argument, and relied on it for override of mobile behavior
+
+Fixed import path for `hds-breakpoints`
+
+Fixed bug where scrolling was blocked when the `AppSideNav` was expanded on desktop views. Also fixed bug which allowed user to focus links that were visually hidden.
+
+Fixed component types for `AppSideNav::Portal` and `AppSideNav::Portal::Target` to no longer require `@target` or `@name`.
+
 ## 4.19.0
 
 Formally published the `AppSideNav` component. To be used in conjunction with the `AppFrame` and the `AppHeader` components.

@@ -25,7 +25,7 @@ navigation:
     - syntax
     - highlight
 status:
-  updated: 4.19.0
+  updated: 4.20.0
 ---
 
 <section data-tab="Guidelines">

@@ -1,3 +1,11 @@
+## 4.20.0
+
+Added height toggle control, which is present when a `maxHeight` is set and code content height exceeds the `maxHeight` value
+
+Fixed issues with line numbers when line wrapping is present and when the number of lines changes dynamically; line highlighting when the Code Block is hidden from view initially such as when used inside a Tabs component; and line highlighting when hasLineNumbers is false.
+
+Added arguments `@ariaLabel`, `@ariaLabelledBy`, and `@ariaDescribedBy`. Added screen-reader only copy for highlighted lines.
+
 ## 4.19.0
 
 Updated focus ring colors in interactive elements to fix a11y color contrast issues

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

@@ -19,8 +19,6 @@ navigation:
     - menu
     - action menu
     - list
-status:
-  updated: 4.19.0
 ---
 
 <section data-tab="Guidelines">

@@ -19,6 +19,8 @@ navigation:
     - fieldset
     - input
     - character count
+status:
+  updated: 4.20.0
 ---
 
 <section data-tab="Guidelines">
@@ -34,3 +36,7 @@ navigation:
 <section data-tab="Accessibility">
   @include "partials/accessibility/accessibility.md"
 </section>
+
+<section data-tab="Version history">
+  @include "partials/version-history/version-history.md"
+</section>
@@ -0,0 +1,4 @@
+## 4.20.0
+
+`Form::Label` - Forced the `for` HTML attribute to be converted to a string
+
@@ -19,8 +19,6 @@ navigation:
   keywords:
     - dropdown
     - powerselect
-status:
-  updated: 4.19.0
 ---
 
 <section data-tab="Guidelines">

@@ -25,7 +25,7 @@ navigation:
     - popup
     - dialog
 status:
-  updated: 4.19.0
+  updated: 4.20.0
 ---
 
 <section data-tab="Guidelines">

@@ -1,3 +1,7 @@
+## 4.20.0
+
+Fixed bug with click event listener not properly removed
+
 ## 4.19.0
 
 Fixed issue where conditionally disabling ability to dismiss the `Modal` breaks click outside to dismiss.

@@ -15,6 +15,8 @@ related:
   - patterns/filter-patterns
   - patterns/table-multi-select
 previewImage: assets/illustrations/components/pagination.jpg
+status:
+  updated: 4.20.0
 ---
 
 <section data-tab="Guidelines">

@@ -1,3 +1,7 @@
+## 4.20.0
+
+Replaced custom breakpoint (`1000px`) with standard `lg` (`1088px`) breakpoint
+
 ## 4.15.0
 
 Aligned private class properties to follow a standardized notation

@@ -1,3 +1,7 @@
+## 4.20.0
+
+Fixed component types for `SideNav::Portal` and `SideNav::Portal::Target` to no longer require `@target` or `@name`.
+
 ## 4.19.0
 
 Deprecated the `SideNav` component. Use the `AppSideNav` component in combination with the `AppHeader` component as a replacement.

@@ -22,6 +22,8 @@ navigation:
     - tracker
     - list
     - indicator
+status:
+  updated: 4.20.0
 ---
 
 <section data-tab="Guidelines">

@@ -1,3 +1,9 @@
+## 4.20.0
+
+Replaced custom breakpoint (`550px`) with standard `sm` (`480px`) breakpoint
+
+Fixed issue in Safari with text alignment on interactive steps
+
 ## 4.18.1
 
 Added new Stepper Nav component
@@ -21,6 +21,8 @@ navigation:
     - grid
     - list
   order: 101
+status:
+  updated: 4.20.0
 ---
 
 <section data-tab="Guidelines">

@@ -1,3 +1,7 @@
+## 4.20.0
+
+Added `@maxHeight` argument, which sets the max height of the Advanced Table and automatically adds a sticky header to it. Also updated the container styles to constrain the Advanced Table width to the parent's width.
+
 ## 4.18.2
 
 Improved accessibility by removing usage of `aria-expanded="mixed"` and moving the caption outside of the element with `role="grid"`.

@@ -18,8 +18,6 @@ navigation:
     - pill
     - label
     - filter
-status:
-  updated: 4.19.0
 ---
 
 <section data-tab="Guidelines">

@@ -11,6 +11,8 @@ previewImage: assets/illustrations/components/time.jpg
 navigation:
   keywords:
     - time
+status:
+  updated: 4.20.0
 ---
 
 <section data-tab="Code">

@@ -1,3 +1,7 @@
+## 4.20.0
+
+Fixed type error where the `TooltipButton` text could be undefined.
+
 ## 4.18.1
 
 Increase spacing above the dotted text decoration underline, that appears on the interactive variant, to 2px from the default.

@@ -16,6 +16,8 @@ navigation:
     - spacing
     - grid
   label: Flex
+status:
+  updated: 4.20.0
 ---
 
 <section data-tab="Code">

@@ -1,3 +1,7 @@
+## 4.20.0
+
+Added missing export of component/subcomponent
+
 ## 4.18.1
 
 Added new Flex component
@@ -17,6 +17,8 @@ navigation:
     - spacing
     - flex
   label: Grid
+status:
+  updated: 4.20.0
 ---
 
 <section data-tab="Code">

@@ -1,3 +1,7 @@
+## 4.20.0
+
+Added missing export of component/subcomponent
+
 ## 4.18.1
 
 Added new Grid component
@@ -14,6 +14,8 @@
 
 ## 4.20.0
 
+[4.20.0 documentation](https://hds-website-4-20-0.vercel.app/)
+
 **Minor changes**
 
 `CodeBlock` - Added height toggle control, which is present when a `maxHeight` is set and code content height exceeds the `maxHeight` value
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,7 +22,7 @@ navigation: @@
         - menubar
         - topbar
     status:
-      added: 4.19.0
+      updated: 4.20.0
     ---
     <section data-tab="Guidelines">
@@ Expand Down @@
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,4 @@
		## 4.20.0

		`Form::Label` - Forced the `for` HTML attribute to be converted to a string