@hashicorp/[email protected]

Minor Changes

pin-off icon added.

#3120

@hashicorp/[email protected]

4.23.0 documentation

Minor Changes

CodeEditor - 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

#3132

Time - removed deprecated @task decorator to avoid warnings

#3144 - Thanks @aklkv for the contribution! 🙏

Card - Updated all exported types to use template literals instead of enum values.

IconTile - Updated exported HdsIconTileColors type to use template literals instead of enum values.

#3106

AdvancedTable - Added features and fixed issues for column pinning including:

• Added support for pinning first column in context menu
• Translated template strings in context menu
• Fixed style for scroll indicator when first column is sticky and has a px width

#3104

AdvancedTable - Fixed bug with automatic column resizing and scroll-shadow placement.

#3081

AppHeader - return close callback to the :logo named block so the menu actions can be hidden programmatically when the component is in a mobile view.

#3121

Patch Changes

AdvancedTable - simplified AdvancedTable::Tr type signature so the @selectionKey argument is not incorrectly marked as required.

#3108

PopoverPrimitive - Updated the type of the hidePopover callback to allow an optional event to be passed.

RichTooltip - Updated the type of the close callback to allow an optional event to be passed.

Dropdown - Updated the type of the close callback to allow an optional event to be passed and to make it always returned.

#3118

AppHeader - Fixed classname so that non-active controls in the AppHeader will be styled as disabled when the AppSideNav is expanded and in overlay mode

#3116

Button - Removed CSS declaration for pseudo element in disabled state

Dropdown - Removed CSS declaration for pseudo element in disabled state

FileInput - Removed CSS declaration for pseudo element in disabled state that led to invalid CSS (ignored by browsers)

#3131

🔄 Updated dependencies:

• @hashicorp/[email protected]

@hashicorp/[email protected]

Patch Changes

AdvancedTable - Fixed styles for right and center aligned cells.

#3093

AppFrame - Changed media query styles for frame header and sidebar containers to use level 3 vs level 4 CSS syntax

#3110

@hashicorp/[email protected]

4.22.0 documentation

Minor Changes

Added ember-intl as a dependency

• Added hdsIntl service for translations in HDS components with default fallback values
• Added hds-t helper which uses the hds-intl service to provide translations in HSD templates

AdvancedTable - Translated template strings. Removed extraneous screen-reader-only text.

AppFooter - Translated template strings

AppSideNav - Translated template strings

ApplicationState - Translated template strings

CodeEditor - Translated template strings

DismissButton - Translated template strings

MaskedInput - Translated template strings

SuperSelect - Translated template strings

Pagination - Translated template strings

SideNav - Translated template strings

Table - Translated template strings

Time - Translated template strings

#2878

Reveal - Added support for the aria-describedby attribute on the toggle.

#3084

Patch Changes

AppHeader - Changed the default breakpoint from lg to md.

#3072

Stepper::List - Fixed type for status argument in List::Step to be HdsStepperStatuses instead of enum HdsStepperStatusesValues

#3073

AdvancedTable::Tr - Updated @isSelected argument type from false to boolean

Table::Tr - Updated @isSelected argument type from false to boolean

#3066

CodeEditor - Fixed the type of the CodeEditor signature to indicate that the [CE].Title and [CE].Description have bound arguments.

#3068

@hashicorp/[email protected]

Patch Changes

AdvancedTable - Removed ember-math-helpers dev dependency

#3043

Form::RadioCard - Fixed styling bug where hover styles were visible when disabled

#3000

Make @ember/string a peerDependency to allow consuming apps to choose to use 3.x or 4.x. This unblocks apps that need 4.x for vite compatibility, while retaining 3.x support as well for older apps.

#3028 - Thanks @RobbieTheWagner for the contribution! 🙏

Form::SuperSelect - fix type for the @resultCountMessage argument so it can accept a string or a function.

#3008

AppSideNav::List::Link - Applied transparent background to the element to avoid overlapping with previous item's focus ring

#3032

AdvancedTable - Make the @hasResizableColumns argument optional for the ThSort component.

#3051

PopoverPrimitive - Updated type of the anchoredPositionOptions object in the setUpPrimitivePopover modifier to include arrowSelector from the hds-anchored-position modifier.

#3005

AppSideNav::List::Link - Removed extra transparent border and background when rendered as a <button> element

SideNav::List::Link - Removed extra transparent border when rendered as a <button> element

#3026

Tag - Fixed a performance issue when many tags are present on a page caused by the ResizeObserver

Dependencies - Added tracked-built-ins

#3033 - Thanks @meirish for the contribution! 🙏

AppSideNav::Panel - Fixed issue causing the focus ring of the first and last items within the Panel to be cut off

#3045

AppHeader - return close callback to the :globalActions and :utilityActions named blocks so the menu actions can be hidden programmatically when the component is in a mobile view.

#3031

Layout::Flex - Fixed issue in which gap value was improperly inherited by nested Flex components, added "0" as a supported gap value.

Layout::Grid - Fixed issue in which gap & columnMinWidth values were improperly inherited by nested Grid components, added "0" as a supported gap value.

#2987

@hashicorp/[email protected]

Minor Changes

move-horizontal and resize-column icons added.

#2972

@hashicorp/[email protected]

4.21.0 documentation

Minor Changes

Form - Added Form component and related sub-components for form layout

#2898

Added ember-math-helpers dependency.

AdvancedTable - Added hasResizableColumns argument. When true, allows the table's columns to be resized with both a click-and-drag and a keyboard interface.

#2849

AppHeader - Refactored the Home Link, removed the @ariaLabel argument, added @text (should replace @ariaLabel) and @isIconOnly arguments.

#2951

Form::KeyValueInputs - Added component and related sub-components.

#2911

Layout::Grid - Added @columnWidth to set "fixed" width for columns

#2976

Patch Changes

Form::FileInput - Added @id and @ariaDescribedBy arguments to Form::FileInput::Base.

Form::Legend - Added @id argument.

Form::Label - Added @hiddenText argument, which adds visually hidden text inside the label.

Form::MaskedInput - Added @ariaDescribedBy argument to Form::MaskedInput::Base.

Form::Select - Added @id and @ariaDescribedBy arguments to Form::Select::Base.

Form::TextInput - Added @id and @ariaDescribedBy arguments to Form::TextInput::Base.

Form::Textarea - Added @id and @ariaDescribedBy arguments to Form::Textarea::Base.

#2911

Form::SuperSelect - Enhanced display of grouped options when only selected options are shown in the SuperSelect::Multiple

#2948

Upgraded: @nullvoxpopuli/ember-composable-helpers from 5.2.10 to 5.2.11

#2954 - Thanks @aklkv for the contribution! 🙏

🔄 Updated dependencies:

• @hashicorp/[email protected]

@hashicorp/[email protected]

4.20.1 documentation

Patch Changes

AdvancedTable - Fixed a bug that prevented the model from updating when the argument changes

#2919

Stepper::Nav - Updated signature to use WithBoundArgs instead of ComponentLike for contextual components to resolve linting issues

#2936

Accordion - Set aria-controls of Accordion::Item::Button to contentId from DisclosurePrimitive for a11y improvements with toggled content

DisclosurePrimitive - Changed DOM structure of content section and exposed contentId for a11y improvements with toggled content

Reveal - Set aria-controls of Reveal::Toggle to contentId from DisclosurePrimitive for a11y improvements with toggled content

#2643

Form::Field - Fixed focus order a11y issue for helper text links with @layout of flag

#2915

@hashicorp/[email protected]

Minor Changes

start, end, and text-wrap icons added. Fixed the vertical alignment of top and bottom.

#2917

@hashicorp/[email protected]

Minor Changes

CodeBlock - Added height toggle control, which is present when a maxHeight is set and code content height exceeds the maxHeight value

#2826

breakpoints - Added responsive breakpoint values and helpers for responsiveness

#2848

Pagination - Replaced custom breakpoint (1000px) with standard lg (1088px) breakpoint

Stepper::Nav - Replaced custom breakpoint (550px) with standard sm (480px) breakpoint

AppHeader - Removed usage of --hds-app-desktop-breakpoint CSS variable and relied on the @breakpoint argument for override of mobile behavior

AppSideNav - Removed usage of --hds-app-desktop-breakpoint CSS variable, added @breakpoint argument, and relied on it for override of mobile behavior

#2859

Patch Changes

AppHeader - Fixed import path for hds-breakpoints

AppSideNav - Fixed import path for hds-breakpoints

#2886 - Thanks @aklkv for the contribution! 🙏

AppSideNav - 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.

#2869

Time - Fixed type error where the TooltipButton text could be undefined.

#2877

AppSideNav - Fixed component types for AppSideNav::Portal and AppSideNav::Portal::Target to no longer require @target or @name.

SideNav - Fixed component types for SideNav::Portal and SideNav::Portal::Target to no longer require @target or @name.

#2908

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

#2863

AdvancedTable - 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.

#2865

CodeBlock - 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.

#2856

Modal - Fixed bug with click event listener not properly removed

#2902

Stepper::Nav - Fixed issue in Safari with text alignment on interactive steps

#2909

CodeBlock - Added arguments @ariaLabel, @ariaLabelledBy, and @ariaDescribedBy. Added screen-reader only copy for highlighted lines.

hds-clipboard - Prevent screen-reader only text (text with the sr-only class) from being copied to the clipboard.

#2879

Introduce the hds-resolve-link-to-component utility to correctly resolve the LinkTo component when @isRouteExternal is set on HdsBreadcrumbItem or HdsInteractive. Consumers are now required to install ember-engines when @isRouteExternal is true.

#2867 - Thanks @aklkv for the contribution! 🙏

Layout::Flex - Added missing export of component/subcomponent

Layout::Grid - Added missing export of component/subcomponent

#2883

🔄 Updated dependencies:

• @hashicorp/[email protected]