hashicorp · alex-ju · Mar 5, 2025 · Mar 5, 2025 · Mar 5, 2025 · Mar 5, 2025
@@ -1,5 +1,131 @@
 # @hashicorp/design-system-components
 
+## 4.17.1
+
+[4.17.1 documentation](https://hds-website-4-17-1.vercel.app/)
+
+### Minor Changes
+
+`Tag` - Truncated any text that is longer than about 20 characters, and added a tooltip with the full text when truncation occurs
+
+`Tag` - Added `@tooltipPlacement` argument
+
+<small class="doc-whats-new-changelog-metadata">[#2655](https://github.com/hashicorp/design-system/pull/2655)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`MaskedInput` - Added support for externally controlled content masking
+
+<small class="doc-whats-new-changelog-metadata">[#2716](https://github.com/hashicorp/design-system/pull/2716)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`Badge` - Updated foreground and background colors to improve contrast for a11y
+
+`BadgeCount` - Updated foreground color of neutral variant to improve contrast for a11y
+
+<small class="doc-whats-new-changelog-metadata">[#2695](https://github.com/hashicorp/design-system/pull/2695)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`CodeBlock` - Added `@copyButtonText` argument to `CodeBlock` and `@text` argument to the `CodeBlock::CopyButton` subcomponent to customize the `aria-label` of the Copy Button. The default label is still "Copy".
+
+`CodeEditor` - Added `@copyButtonText` argument to customize the `aria-label` of the Copy Button. The default label is still "Copy".
+
+<small class="doc-whats-new-changelog-metadata">[#2696](https://github.com/hashicorp/design-system/pull/2696)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`hds-code-editor` modifier - Added language syntax highlighting support for JavaScript and Rego
+
+`CodeEditor` - Added language syntax highlighting support for JavaScript and Rego
+
+Dependencies - added @codemirror/lang-javascript
+
+<small class="doc-whats-new-changelog-metadata">[#2684](https://github.com/hashicorp/design-system/pull/2684)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`Time` - Updated visual style to display a dotted underline when the `hasTooltip` argument is true
+
+`RichTooltip` - Fixed Safari bug causing the dotted underline style not to display
+
+<small class="doc-whats-new-changelog-metadata">[#2725](https://github.com/hashicorp/design-system/pull/2725)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`hds-code-editor` modifier - Added `hasLineWrapping` named argument that sets line wrapping behavior within the code editor.
+
+`CodeEditor` - Added `@hasLineWrapping` argument that is passed to the `hds-code-editor` modifier
+
+<small class="doc-whats-new-changelog-metadata">[#2712](https://github.com/hashicorp/design-system/pull/2712)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+### Patch Changes
+
+`Time` - Fixed type declarations
+
+`CodeEditor` - Added missing `@lezer/highlight` dependency
+
+<small class="doc-whats-new-changelog-metadata">[#2700](https://github.com/hashicorp/design-system/pull/2700) - Thanks [@aklkv](https://github.com/aklkv) for the contribution! 🙏</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`hds-tooltip` - Changed structure of tooltip content to add a wrapper that is always in the DOM and set `aria-controls` on trigger elements for a11y improvements with toggled content
+
+`Tooltip` - Changed structure of tooltip content to add a wrapper that is always in the DOM and set `aria-controls` on button for a11y improvements with toggled content
+
+<small class="doc-whats-new-changelog-metadata">[#2648](https://github.com/hashicorp/design-system/pull/2648)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`CopyButton` - Fixed issue preventing copying of empty string and zero number values
+
+`CopySnippet` - Fixed issue preventing copying of empty string and zero number values
+
+<small class="doc-whats-new-changelog-metadata">[#2685](https://github.com/hashicorp/design-system/pull/2685)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`CodeEditor` - Fixed import path for `HdsCodeEditorModifierSignature`
+
+<small class="doc-whats-new-changelog-metadata">[#2681](https://github.com/hashicorp/design-system/pull/2681)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+Swapped unmaintained `ember-composable-helpers` with `@nullvoxpopuli/ember-composable-helpers`
+
+<small class="doc-whats-new-changelog-metadata">[#2493](https://github.com/hashicorp/design-system/pull/2493) - Thanks [@aklkv](https://github.com/aklkv) for the contribution! 🙏</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+Migrated our tooling from yarn to pnpm and updated our JavaScript compiler configuration
+
+Updated `decorator-transforms` from `1.2.1` to `2.3.0`
+
+<small class="doc-whats-new-changelog-metadata">[#2671](https://github.com/hashicorp/design-system/pull/2671) - Thanks [@aklkv](https://github.com/aklkv) for the contribution! 🙏</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`AdvancedTable` - Refactored keyboard navigation to a new modifier `hds-advanced-table-cell` for reusability, and disabled default behavior for arrow keys in focused cells.
+
+<small class="doc-whats-new-changelog-metadata">[#2659](https://github.com/hashicorp/design-system/pull/2659)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`Table` - Removed unused `updateAriaLabel` function and event listener
+
+<small class="doc-whats-new-changelog-metadata">[#2690](https://github.com/hashicorp/design-system/pull/2690)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`Tooltip` - Removed style import from Tippy.js, copied arrow positioning styles into component styles
+
+<small class="doc-whats-new-changelog-metadata">[#2726](https://github.com/hashicorp/design-system/pull/2726)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
 ## 4.16.0
 
 [4.16.0 documentation](https://hds-website-4-16-0.vercel.app/)

@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/design-system-components",
-  "version": "4.16.0",
+  "version": "4.17.1",
   "description": "Helios Design System Components",
   "keywords": [
     "hashicorp",

@@ -24,6 +24,7 @@ heatmaps
 hmac
 Knowledgebase
 letterforms
+lezer
 luxon
 Menlo
 navigations

@@ -19,6 +19,8 @@ navigation:
     - pill
     - version number
     - counter
+status:
+  updated: 4.17.1
 ---
 
 <section data-tab="Guidelines">
@@ -33,3 +35,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.17.1
+
+Updated foreground color of neutral variant to improve contrast for a11y
+
@@ -18,7 +18,7 @@ navigation:
     - tag
     - label
 status:
-  updated: 4.17.0
+  updated: 4.17.1
 ---
 
 <section data-tab="Guidelines">

@@ -1,3 +1,7 @@
+## 4.17.1
+
+Updated foreground and background colors to improve contrast for a11y
+
 ## 4.7.0
 
 Updated `@text` argument type to include numbers.
@@ -18,8 +18,6 @@ navigation:
     - navigation
     - crumb
     - path
-status:
-  updated: 4.16.0
 ---
 
 <section data-tab="Guidelines">

@@ -24,6 +24,8 @@ navigation:
     - example
     - syntax
     - highlight
+status:
+  updated: 4.17.1
 ---
 
 <section data-tab="Guidelines">

@@ -1,3 +1,7 @@
+## 4.17.1
+
+Added `@copyButtonText` argument to `CodeBlock` and `@text` argument to the `CodeBlock::CopyButton` subcomponent to customize the `aria-label` of the Copy Button. The default label is still "Copy".
+
 ## 4.15.0
 
 Aligned private class properties to follow a standardized notation

@@ -29,7 +29,7 @@ navigation:
     - highlight
     - block
 status:
-  added: 4.16.0
+  updated: 4.17.1
 ---
 
 <section data-tab="Guidelines">

@@ -1,3 +1,15 @@
+## 4.17.1
+
+Added `@copyButtonText` argument to customize the `aria-label` of the Copy Button. The default label is still "Copy".
+
+Added language syntax highlighting support for JavaScript and Rego
+
+Added `@hasLineWrapping` argument that is passed to the `hds-code-editor` modifier
+
+Added missing `@lezer/highlight` dependency
+
+Fixed import path for `HdsCodeEditorModifierSignature`
+
 ## 4.16.0
 
 Added new CodeMirror 6 supported code editor component

@@ -3,12 +3,19 @@ title: Copy Button
 description: A button that copies the attached or associated text upon interaction.
 caption: A button that copies the attached or associated text upon interaction.
 links:
-  figma: https://www.figma.com/design/iweq3r2Pi8xiJfD9e6lOhF/HDS-Components-v2.0?node-id=67255-88419&t=w8xQlWxzH7bwXLe2-1
-  github: https://github.com/hashicorp/design-system/tree/main/packages/components/src/components/hds/copy/button
-related: ['components/copy/snippet']
+  figma: >-
+    https://www.figma.com/design/iweq3r2Pi8xiJfD9e6lOhF/HDS-Components-v2.0?node-id=67255-88419&t=w8xQlWxzH7bwXLe2-1
+  github: >-
+    https://github.com/hashicorp/design-system/tree/main/packages/components/src/components/hds/copy/button
+related:
+  - components/copy/snippet
 previewImage: assets/illustrations/components/copy-button.jpg
 navigation:
-  keywords: ['snippet', 'clipboard']
+  keywords:
+    - snippet
+    - clipboard
+status:
+  updated: 4.17.1
 ---
 
 <section data-tab="Guidelines">

@@ -1,3 +1,7 @@
+## 4.17.1
+
+Fixed issue preventing copying of empty string and zero number values
+
 ## 4.15.0
 
 Aligned private class properties to follow a standardized notation
-Original file line number
+Diff line change
@@ Expand Up / @@ -24,6 +24,7 @@ heatmaps @@
     hmac
     Knowledgebase
     letterforms
+    lezer
     luxon
     Menlo
     navigations
@@ Expand Down @@
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,4 @@
		## 4.17.1

		Updated foreground color of neutral variant to improve contrast for a11y