Releases: hashicorp/design-system
@hashicorp/[email protected]
Minor Changes
CodeBlock - Added new component
Patch Changes
Upgraded the following dependencies:
@ember/test-waitersfrom3.0.2to3.1.0ember-cli-htmlbarsfrom6.2.0to6.3.0ember-focus-trapfrom1.0.2to1.1.0ember-keyboardfrom8.2.0to8.2.1sassfrom1.62.1to1.69.5
Breadcrumb - Added support for external links
Upgraded the following dependencies:
ember-cached-decorator-polyfillfrom0.1.4to1.0.2ember-cli-babelfrom7.26.11to8.2.0ember-cli-sassfrom10.0.1to11.0.1ember-composable-helpersfrom4.5.0to5.0.0
Button - Fixed HdsInteractiveSignature type import
🔄 Updated dependencies:
- @hashicorp/[email protected]
@hashicorp/[email protected]
@hashicorp/[email protected]
@hashicorp/[email protected]
@hashicorp/[email protected]
@hashicorp/[email protected]
Major Changes
Drop support for Node 14
Hds::Form::VisibilityToggle - Added component as a form base element
Hds::Form::TextInput::Field - Added Hds::Form::VisibilityToggle to password inputs (controlled via @hasVisibilityToggle - Notice that this is set to be visible by default now)
Hds::Form::MaskedInput - Refactored to use Hds::Form::VisibilityToggle
Hds::Form::MaskedInput - Renamed @isMasked to @isContentMasked
To migrate:
- in
Hds::Form::MaskedInputinstances replace@isMaskedarguments with@isContentMasked
Hds::Dropdown – Removed @listPosition left and right (use bottom-left and bottom-right, respectively).
To migrate:
- in
Hds::Dropdowninstances:- replace
@listPosition="left"with@listPosition="bottom-left" - replace
@listPosition="right"with@listPosition="bottom-right"
- replace
SideNav - Renamed extraBefore/After generic containers to ExtraBefore/After (uppercase E).
To migrate:
- rename all the
extraBefore/Afterinstances yielded within the<Hds::SideNav>component toExtraBefore/After
Form::RadioCard - Remove the @layout property.
Form::RadioCard::Group - Repurposed the @layout property to either horizontal (default) or vertical
To migrate Form::RadioCard and Form::RadioCard::Group instances without encountering visual changes:
- make sure all instances with
@layout="fixed"have a@maxWidthdefined, then remove the@layout="fixed"definition - remove all
@layout="fluid"definitions
Minor Changes
Dropdown::ListItem::CopyItem - Changed defaults for @color (now secondary) and @isTruncated (now true).
Consumers should review the defaults values for this (sub)component in their codebases, to make sure they match the intended visual designs.
Button, Interactive - Converted components to TypeScript.
Copy::Snippet - Fixed the way in which “width/full-width” is applied to the component + Internal update to the “truncation” implementation.
- the component is not full-width anymore by default (the width now fits the content); use
@isFullWidth={{true}}to have a full-width layout - the internal class name
hds-copy-snippet__text--truncatedhas been changed tohds-copy-snippet--is-truncated(and moved)
Consumers should review the pages where this component is used to make sure its width matches the intended visual designs (in case, use the @isFullWidth argument to control its full-width). In case they're using the hds-copy-snippet__text--truncated class name, they should also update their code to adapt to the new implementation.
Removed ember-cli-clipboard as dependency and introduced a custom hds-clipboard modifier (using the web Clipboard API)
Copy::Button - Multiple updates:
- replaced third-party
clipboardmodifier withhds-clipboard - removed
@containerargument (not needed anymore, it was used in the third party library as a hack to account for focus trapping and focus shifting) - added
@onSuccess/onErrorcallbacks
Copy::Snippet - Multiple updates:
- replaced third-party
clipboardmodifier withhds-clipboard - added
@onSuccess/onErrorcallbacks Dropdown::ListItem::CopyItem- the change to the underlying
Copy::Snippethas fixed an issue with the focus being lost on copy (causing the dropdown to close on copy)
- the change to the underlying
Consumers should remove the @container argument from all the instances of Copy::Button (not needed anymore) and double check that the Copy::Button/Snippet instances work exactly as before.
Patch Changes
Copy::Snippet - Fixed background colors for different states according to Figma specs (main change is the default/base background is now transparent, not white).
Form::MaskedInput - Changed copy logic for CopyButton used inside the component.
Accordion - Replaced internal text styling (using Text component).
ApplicationState - Replaced internal text styling (using Text component).
Copy::Snippet - Replaced internal text styling (using Text component).
Dropdown - Replaced internal text styling (using Text component).
Form:** - Replaced internal text styling (using Text component).
Flyout - Replaced internal text styling (using Text component).
Modal - Replaced internal text styling (using Text component).
PageHeader - Replaced internal text styling (using Text component).
Pagination - Replaced internal text styling (using Text component).
Stepper - Replaced internal text styling (using Text component).
Tag - Replaced internal text styling (using Text component).
No impact is expected on the consumers' applications.
Button - Applied explicit text alignment to the text to fix alignment on "link" buttons.
🔄 Updated dependencies:
- @hashicorp/[email protected]
@hashicorp/[email protected]
@hashicorp/[email protected]
Minor Changes
Button - updated horizontal padding of icon-only variant
Dropdown::ToggleIcon - updated sizing of the "small" variant to match the height of the "small" variant Button
Patch Changes
Pagination - Removed handling of query parameters from onPageSizeChange function.
Notice: while technically this is a breaking change, we consider this a fast-follow fix for the previous release.