npm package: @hashicorp/design-system-components
4.15.0
Minor changes
Table
- Exposed the index of the @each
loop over the @model
as rowIndex
Patch changes
Dropdown
- Fixed an issue with the ToggleIcon
to make the focus ring visible on mouse click
PageHeader
- Fixed issue with extra space below title when no metadata is present
IconTile
- Updated visual design of IconTile
to make it distinguishable from secondary IconButton
.
🔄 Updated dependencies:
- @hashicorp/flight-icons@3.8.0
4.14.0
Minor changes
Dropdown
- Added @matchToggleWidth
argument
hds-clipboard
- Added clipboard-polyfill
to support product usage in non-secure environments; this impacts Copy::Button
, Copy::Snippet
, CodeBlock
, and MaskedInput
Patch changes
SideNav
- Made a11y related improvements including:
- Changed
List::Title
to h3 & added visually hidden h2 to AppSideNav - Replaced aria-label for
ToggleButton
with aria-labelledby and aria-expanded
Fixed instances where arguments are passed into tracked properties at declaration:
MaskedInput
TextInput
Pagination::Compact
Pagination::Numbered
SideNav
Table
Table::ThSelectable
Tabs
SideNav
- Fixed bug with hidden panels sometimes causing unnecessary overflow scrolling
Dropdown
- Fixed the height of the chevron in ToggleButton
4.13.1
Patch changes
Hds::Flyout
- Fixed error in
Description
andBody
subcomponents, caused by not passing theargs
argument from the constructor tosuper
Hds::Modal
- Fixed error in
Body
subcomponent, caused by not passing theargs
argument from the constructor tosuper
Export TypeScript signatures for all components and modifiers
#2499 - Thanks @aklkv for the contribution! 🙏
Alert
- Removed role="alert"
and aria-live="polite"
attributes from Alerts with color set to "neutral" or "highlight"
4.13.0
Minor changes
Modal
- Added @returnFocusTo
argument to control where the browser focus is returned once the modal is closed
Flyout
- Added @returnFocusTo
argument to control where the browser focus is returned once the flyout is closed
CodeBlock
- Added @lineNumberStart
option to set custom starting number for line numbering
SuperSelect::Multiple
- Added @resultCountMessage
argument to enable override
Patch changes
Dropdown
- Fixed content being preserved in the DOM when closed
- Removed the
@isOpen
yielded argument - Added
@preserveContentInDom
to optionally control rendering of the content
Modal
- Fixed isDismissDisabled
functionality
Flyout
- Removed isDismissDisabled
from signature (not an actual argument)
SuperSelect
- Update the the default state of selected list items to Foreground
/ Primary
to match other list items and the Dropdown
.
SuperSelect::Multiple
- Fixed placeholder style and layout
Dropdown
- Update the color of the text and icons in the selected state checkmark list item to match the styling of the ListItems (Radio
and Checkbox
).
CodeBlock
- Decoupled the display of line numbers from highlightLines
Dropdown
- Fixed dropdown content not being preserved when interacted with
Upgraded ember-style-modifier
to 4.4.0
🔄 Updated dependencies:
- @hashicorp/flight-icons@3.7.0
4.12.0
Minor changes
Dropdown
- Made the isOpen
state available in the yielded block
Patch changes
IconTile
- Fixed @color
argument type signature
Interactive
- Aligned types with LinkTo
DialogPrimitive
- Fixed issue with box-sizing
inheritance
Modal
/Flyout
- Updated box-sizing
inheritance via DialogPrimitive
fix
Upgraded eslint-plugin-ember
to 12.2.0
AppFooter
, AppFrame
, SideNav
- refactored subcomponents to use TemplateOnlyComponent
instead of empty classes.
RadioCard
- Fixed selected border colors to match Figma and interactive states.
- Updated icon, label, and description colors to use
disabled-foreground
when theRadioCard
is disabled.
MaskedInput
- Changed textarea scrollbar-width
to "thin" to reduce overlap with toggle button.
CodeBlock
- Changed textarea scrollbar-width
to "thin" to reduce overlap with copy button.
Removed ember-keyboard
dependency
Tabs
- Fixed signatures for subcomponents
Table
- Fixed signatures for subcomponents
BadgeCount
- updated the type of the text
argument to allow numbers
TooltipButton
- made the default value for the placement
argument 'top'
and fixed the type definition
TooltipButton
- made the extraTippyOptions
argument optional and allowed to be a partial object
DialogPrimitive
- added a guard so the yielded close function is always defined
Hds::SideNav
- Fixed a couple of bugs where SideNav would remain inert when no longer minimized (or would not be inert when minimized)
#2431 - Thanks @DingoEatingFuzz for the contribution! 🙏
Button
- aligned type names to convention
Fixed issue with icon sprite not initiated
#2433 - Thanks @aklkv for the contribution! 🙏
4.11.0
Minor changes
Hds::Table
- Added
@selectableColumnKey
argument which enables sorting by row selection state and specifies the corresponding selection state key.
Hds::Table::Tr
- Added
@selectableColumnKey
argument which enables sorting by row selection state and specifies the corresponding selection state key. - Added
@sortBySelectedOrder
argument which determines the state of the sort button in the selected item column. - Added
@onClickSortBySelected
argument which is the callback for the sort button in the selected item column.
Hds::Table::ThSelectable
- Added
@onClickSortBySelected
argument which is the callback for the sort button in the selected item column. - Added
@sortBySelectedOrder
argument which determines the state of the sort button in the selected item column.
Patch changes
SideNav
: remove usage of Ember.testing
because it is deprecated.
CopyButton
- Updated icon colors to match interactive states of the component.
CopySnippet
- Prevent the color from adhering to interactive states when
status is success
or error
.
Stepper
- Updated to use semantic token over palette token in
Stepper::Indicator::Step
.
Dropdown
, RadioCard
, SuperSelect
, Stepper
, Table
- Fixed optional arguments in signatures
Dropdown::Toggle::Chevron
- fix subcomponent signature
hds-clipboard
modifier - extend error when copy action fails
Hds::Pagination::Compact
& Hds::Pagination::Numbered
- Added assertion and more strict typing to ensure that a routing argument (
@model
,@models
, or@route
) are present when using@onPageChange
to control routing.
🔄 Updated dependencies:
- @hashicorp/flight-icons@3.6.0
4.10.0
Minor changes
SuperSelect
- Converted components to TypeScript
SideNav
- Added a default value of "#hds-main" for a11yRefocusSkipTo
AppHeader
- Changed default value of a11yRefocusSkipTo
from "#main" to "#hds-main"
AppFrame::Main
- Added id with default value of "hds-main" which a11yRefocusSkipTo
points to
simplify components reexports and add types reexports
- update
HdsCard
reexport to reflect correct component nameHdsCardContainer
#2320 - Thanks @aklkv for the contribution! 🙏
AppHeader
:
- Hide the closed menu content in mobile view using CSS instead of conditionally rendering/not rendering the menu content.
- Add
NavigationNarrator
with associated arguments to provide a "skip link".
Accordion
: Added @titleTag
argument
Alert
: Added @tag
argument to [A].Title
ApplicationState
: Updated the @titleTag
argument to only accept "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
CodeBlock
: Added @tag
argument to [CB].Title
DialogPrimitive
: Added @titleTag
argument to DialogPrimitive::Header
Hds::Pagination
- Converted component to Typescript
Hds::SideNav::Header::IconButton
- Deprecate the component. Use the Hds::Button
component with isIconOnly
set to true
as a replacement.
Dropdown::ListItem::Interactive
- Adds a yielded block.
- Yields the
Hds::Badge
component. - Deprecates the
@text
argument.
New codemod: v4/dropdown-list-item-interactive
- Converts
Dropdown::ListItem::Interactive
@text
arguments to content within a yielded block.
Flyout
: Changed the HTML element wrapping the tagline and title from a <div>
to a <h1>
Modal
: Changed the HTML element wrapping the tagline and title from a <div>
to a <h1>
Dropdown
- added @enableCollisionDetection
and @isOpen
arguments
Dropdown
, Breadcrumb::Truncation
- replaced MenuPrimitive
with PopoverPrimitive
MenuPrimitive
- marked as deprecated and will be removed in the next major version
AppFrame
:
- Modified sticky/fixed position to turn off when viewport height is under 480px in height
- Refactored styles to make
AppFrame
responsible for sticky/fixed layout ofSideNav
andAppHeader
AppHeader
:
- Styled inoperable actions as disabled (which occurs when the
SideNav
is expanded in mobile view)
SideNav
:
- Removed the
withAppHeader
option as it is no longer needed.
Table
- Converted component and sub-components to TypeScript
Patch changes
DismissButton
, RadioCard::Group
, RichTooltip::Toggle
- Type safety fixes
SideNav
& AppHeader
- Fixed styling issue to prevent Button
and Dropdown
nested within another Dropdown
from inheriting dark theme.
AppHeader
- Fixed issue with mobile menu to prevent tabbing to hidden content and hiding it from assistive technology when closed.
Breadcrumb
: fix background hover color for Breadcrumb::Truncation
Update ember-a11y-refocus
to 4.1.3
Accordion
: changed the default name of the Accordion
item toggles. Now, they are labelled by the content in the Accordion
title.
BadgeCount
: updated the color tokens to use palette tokens.
Badge
: update the color tokens to use palette tokens.
Stepper::Indicator::Task
: Updated palette tokens to use semantic tokens.
Migrated all internal instances of FlightIcon
to Hds::Icon
🔄 Updated dependencies:
- @hashicorp/design-system-tokens@2.2.1
4.9.0
Minor changes
Icon
- Added component:
Hds::Icon
is meant to replace usage of the FlightIcon
component from ember-flight-icons
.
- Displays
block
by default. (FlightIcon
displaysinline-block
by default) - Exposes a set of predefined "foreground" colors via the
@color
argument
CodeBlock
: Converted component to TypeScript
TooltipButton
: Converted component to TypeScript
4.8.0
Minor changes
AppHeader
- Added new component.
SideNav
- Added new withAppHeader
option.
Dropdown
- Converted component to TypeScript
MenuPrimitive
- Converted component to TypeScript
TooltipModifier
- Converted modifier to TypeScript
Breadcrumb
- Converted component to TypeScript
ApplicationState
:
- Spacing and alignment updates
- New
@align
(left
(default),center
) argument for aligning content - Added new yielded
Media
child component
ApplicationState::Header
:
- The header now supports an optional
@titleTag
argument that can override the default title element (div
)
ApplicationState::Footer
:
- The footer now yields
Button
andDropdown
components as well asLinkStandalone
- The visual separator has been removed to modernize the component’s visual look
SegmentedGroup
- Converted component to TypeScript
Patch changes
Add explicit ember-get-config
dependency for use in the icon sprite initializer
🔄 Updated dependencies:
- @hashicorp/design-system-tokens@2.2.0
4.7.0
Minor changes
FileInput
, MaskedInput
, Select
, TextInput
, Textarea
- Converted to TypeScript
Loads the hds-icon
sprite in the components
package, and ensures it is only loaded once.
Form::TextInput
- added support for "month"
, "week"
, and "tel"
input types
DialogPrimitive
- Added set of utility "dialog" sub-components to act as primitives for Modal
and Flyout
(and to be used as standalone subcomponents if needed)
Modal
- Replaced internal subcomponents to use the DialogPrimitive
components.
Flyout
- Replaced internal subcomponents to use the DialogPrimitive
components.
Modal
: Converted component to TypeScript
Converted form primitives to TypeScript
Checkbox
, Radio
, RadioCard
, Toggle
- Converted components to TypeScript
Flyout
: Converted component to TypeScript
DialogPrimitive
- Converted component to TypeScript
Patch changes
Badge
: updated @text
argument type to include numbers.
🔄 Updated dependencies:
- @hashicorp/flight-icons@3.5.0
- @hashicorp/ember-flight-icons@5.1.3
4.6.0
Minor changes
PopoverPrimitive
- Converted to TypeScript
hds-register-event
(internal modifier) - Converted to TypeScript
hds-anchored-position
(internal modifier) - Converted to TypeScript
RichTooltip
- Converted to TypeScript
Accordion
- added @forceState
, @onClickToggle
arguments
Accordion
- added close
function to <:content>
Accordion
- added @size
, @type
, and @isStatic
arguments. While previously equivalent to large
the default Accordion
size is now medium
; use @size="large"
to maintain the original appearance.
Patch changes
Removed popover-polyfill
dependency and instantiating code
4.5.3
Patch changes
🔄 Updated dependencies:
- @hashicorp/ember-flight-icons@5.1.2
4.5.2
🚨 Caution: This version has been deprecated 🚨
Patch changes
🔄 Updated dependencies:
- @hashicorp/ember-flight-icons@5.1.1
4.5.1
🚨 Caution: This version has been deprecated 🚨
Patch changes
Fixed syncing of <F.Error />
ids to the aria-describedby
attribute
#2177 - Thanks @fivetanley for the contribution! 🙏
4.5.0
🚨 Caution: This version has been deprecated 🚨
Minor changes
SideNav
- Adds option to exclude query params from route transition/focus management
Tabs
- Converted component to TypeScript
ApplicationState
- Converted component to TypeScript
PageHeader
- Converted component to TypeScript
SideNav
- Converted component to TypeScript
Patch changes
Alert
- Fixed typo in HdsAlertTypes
Dropdown::Toggle::Icon
- Fixed inconsistencies with Button
including:
- Added missing text color
- Reduced icon sizes
🔄 Updated dependencies:
- @hashicorp/ember-flight-icons@5.1.0
4.4.1
Patch changes
🔄 Updated dependencies:
- @hashicorp/ember-flight-icons@5.0.3
4.4.0
Minor changes
Added re-export entries for TypeScript components
#2129 - Thanks @aklkv for the contribution! 🙏
CopyButton
- Converted component to TypeScript
CopySnippet
- Converted component to TypeScript
hds-clipboard
- Converted modifier to TypeScript
Patch changes
Template Registry - Removed redundant entries
Fix missing TypeScript declaration
#2122 - Thanks @aklkv for the contribution! 🙏
Hds::BadgeCount
- Fixed typo in template registry declaration
4.3.0
Minor changes
Added hds-register-event
modifier (for internal use)
Published type declarations
#2004 - Thanks @natmegs for the contribution! 🙏
Tag
- Converted component to TypeScript
IconTile
- Converted component to TypeScript
SuperSelect
- added components for single and multiple selection based on PowerSelect
BadgeCount
- Converted component to TypeScript
DisclosurePrimitive
- Converted component to TypeScript
#2025 - Thanks @WenInCode for the contribution! 🙏
Added hds-anchored-position
modifier (for internal use)
AppFooter
- Converted component to TypeScript
Stepper::Step::Indicator
- Converted to TypeScript
Stepper::Task::Indicator
- Converted to TypeScript
Badge
- Converted component to TypeScript
#1991 - Thanks @chris-hut for the contribution! 🙏
Accordion
- Converted component to TypeScript
Dropdown
- Added support for trailing icon in ListItem::Interactive
subcomponent
PopoverPrimitive
- Added low-level (internal) headless component to provide anchoring, collision detection, and popover functionalities.
RichTooltip
- Added component to provide tooltips that can contain more complex and structured content.
AppFrame
- converted component to TypeScript
Toast
- Converted component to TypeScript
#2023 - Thanks @WenInCode for the contribution! 🙏
Reveal
- Converted component to TypeScript
ButtonSet
- Converted component to TypeScript
Separator
- Converted component to TypeScript
Patch changes
Alert::Description
- Fixed typo in template-registry.ts
file declaration
Dropdown::ListItem::Checkmark
- Fixed issue with leading icon spacing
Tooltip
- Fixed max-width applied to the "bubble" (it was 304px
, now is 280px
per design specs)
Alert
, Badge
, BadgeCount
, Button
, Card::Container
, DisclosurePrimitive
, DismissButton
, IconTile
, Interactive
, Link::Inline
, Link::Standalone
, Tag
, Text
- Standardized class names and signatures
CodeBlock
- Re-mapped class-name variable to color-blue
Fixed default export warnings by preventing types.js
files from being reexported
#2030 - Thanks @WenInCode for the contribution! 🙏
Tabs
- Fixed issue with z-index of the active tab "indicator"
🔄 Updated dependencies:
- @hashicorp/ember-flight-icons@5.0.2
4.2.0
Minor changes
Link::Inline
- Converted component to TypeScript
#2013 - Thanks @WenInCode for the contribution! 🙏
Card
- Converted component to TypeScript
#1997 - Thanks @valeriia-ruban for the contribution! 🙏
Link::Standalone
- Converted component to TypeScript
#2010 - Thanks @WenInCode for the contribution! 🙏
Text
- Converted component to TypeScript
#1984 - Thanks @natmegs for the contribution! 🙏
Alert
- Converted component to TypeScript
#1990 - Thanks @WenInCode for the contribution! 🙏
Patch changes
Modal
, Flyout
- Fixed flaky tests by running @ember/test-waiters
in all environments
#2011 - Thanks @fivetanley for the contribution! 🙏
4.1.2
Patch changes
This version is a re-release of @hashicorp/design-system-components@4.1.1
containing the missing pre-compiled CSS
npm package: @hashicorp/design-system-tokens
2.2.1
Patch changes
Updated design tokens for Vagrant primary gradient to match Figma.
2.2.0
Minor changes
AppHeader
- Added design tokens:
--token-app-header-height
--token-app-header-home-link-size
--token-app-header-logo-size
2.1.0
Minor changes
Added new pipeline to Style Dictionary for cloud-email
- email/sass-variables
to be used in email templating
2.0.0
Major changes
New tokens added for large and medium size Tab
variants. The "medium" tokens replace the former equivalent tokens which were not differentiated by size.
--token-tabs-tab-height-medium
(Replaces--token-tabs-tab-height
)--token-tabs-tab-height-large
(New)--token-tabs-tab-padding-horizontal-medium
(Replaces--token-tabs-tab-padding-horizontal
)--token-tabs-tab-padding-horizontal-large
(New)
1.11.0
Minor changes
Updated vault
, vault-secrets
, and vault-radar
brand color values
Added design token for terraform-brand-on-dark
color
1.10.0
Minor changes
Added color tokens for “Vault Radar” product
1.9.0
Minor changes
Added design tokens for SideNav
with @isCollapsible
(to control if users can collapse the sidenav on 'desktop' viewports) and @isMinimized
(to control the default state on 'desktop' viewports) arguments
1.8.0
Minor changes
Added color tokens for “Vault Secrets” product
1.7.0
Minor changes
Added JSON output format for marketing
target (and in the process refactored internal logic for tokens generation)
#1513 - Thanks @dstaley for the contribution! 🙏
1.6.0
Minor changes
Added design token for loading state icon on search input
1.5.0
Minor changes
- Added new
TooltipButton
component andhds-tooltip
modifier - Added design tokens for
Tooltip
1.4.2
Patch changes
Added design tokens for SideNav
component
1.4.1
Patch changes
- Scoped group layout styles to nested child components.
- Fixed bug with
--token-pagination-child-spacing-vertical
value so that it adds "px" unit.
1.4.0
Minor changes
Added design tokens for Pagination
component
1.3.1
Patch changes
Updated design system name to "Helios"
1.3.0
Minor changes
Added design tokens for indeterminate Checkbox
1.2.0
Minor changes
#629
a079992f
Thanks @didoo! - added component-level design tokens forTabs
component#646
ecbe26df
Thanks @jorytindall! - Updated the box-shadow values for overlay tokens.
Patch changes
- #636
27a283a5
Thanks @Dhaulagiri! - Add copyright notice to license file
1.1.0
Minor changes
1.0.1
Patch changes
1.0.0
Major changes
This release signifies the first major release of the HashiCorp Design System. Moving forward we expect to respect SemVer as we make additional changes to the design system.
Note: Even though this is a major version bump, there should not be any breaking changes from the last minor releases.
Minor changes
- added specific design tokens for the
form controls
components
npm package: @hashicorp/flight-icons
3.8.0
Minor changes
Postgres
service icon added.
3.7.0
Minor changes
Confluent icon added
Updated okta
and okta-color
to reflect updated branding.
3.6.0
Minor changes
bucket
icon added.
3.5.0
Minor changes
mongodb and twilio icons have been added.
3.4.0
Minor changes
service-now
and pager-duty
icons added.
Patch changes
search
icon (16px only) has been increased in size to better fit within the bounding box and more closely align with other icons of the same size
3.3.0
Minor changes
vagrant
, vagrant-color
, vagrant-fill
, vagrant-fill-color
, vagrant-square
, vagrant-square-color
icons were updated per brand changes.
3.2.0
Minor changes
Added two icon logos: minio
and git
.
sparkle
icon added
3.1.0
Minor changes
Reorganized the icons within the "Core" icon set into 16 more descriptive categories.
Patch changes
Added "category" to the icons' metadata in the catalog.json
file.
3.0.0
Major changes
vagrant
, vault-radar
, and vault-secrets
icons have been updated. Also added boxed versions of all product logos.
2.25.0
Minor changes
vault-radar
icons added. vault-secrets
icons updated per Brand guidance.
2.24.0
Minor changes
rabbitmq
, openid
, jwt
, meetup
, and transform-data
icons added.
2.23.0
Minor changes
accessibility
, channel
, minus-circle-fill
, plus-circle-fill
icons added.
Fixed the size and position of the plus-circle
icon.
2.22.0
Minor changes
Added IconName
type to iconNames
export
#1776 - Thanks @dstaley for the contribution! 🙏
2.21.0
Minor changes
Added static SVG sprite sheet file
#1763 - Thanks @dstaley for the contribution! 🙏
2.20.0
Minor changes
Added "static" version of the animated icons:
loading-static
running-static
Added new set of icons for Google services:
google-docs
google-forms
google-slides
google-sheets
google-drive
2.19.0
Minor changes
Added Vault Secrets
icon.
2.18.0
Minor changes
Added Vercel
and Jira
icons
Added twitter-x
icon, and older twitter
icon. Also the aws-cdk
and jfrog
icons.
2.17.0
Minor changes
Added new clipboard-x
icon
2.16.0
Minor changes
Added elastic-observability
and new-relic
icons
2.15.0
Minor changes
Added Venafi service icon
npm package: @hashicorp/ember-flight-icons
5.1.3
Patch changes
🔄 Updated dependencies:
- @hashicorp/flight-icons@3.5.0
5.1.2
Patch changes
This version is a re-release of @hashicorp/ember-flight-icons@5.1.0
containing the missing dist
5.1.1
🚨 Caution: This version has been deprecated 🚨
5.1.0
🚨 Caution: This version has been deprecated 🚨
Minor changes
FlightIcon
- converted component to TypeScript and published types
#2142 - Thanks @aklkv for the contribution! 🙏
Patch changes
🔄 Updated dependencies:
- @hashicorp/flight-icons@3.4.0
5.0.3
Patch changes
🔄 Updated dependencies:
- @hashicorp/flight-icons@3.3.0
5.0.2
Patch changes
FlightIcon
component - Removed initial whitespace (newline) from template
🔄 Updated dependencies:
- @hashicorp/flight-icons@3.2.0
5.0.1
Patch changes
🔄 Updated dependencies:
- @hashicorp/flight-icons@3.1.0
5.0.0
Major changes
Converted Ember packages to v2 addon format.
To migrate update Sass configuration in ember-cli-build.js
to include the paths for ember-flight-icons
and design-system-components
:
sassOptions: {
precision: 4,
includePaths: [
'./node_modules/@hashicorp/design-system-tokens/dist/products/css',
'./node_modules/@hashicorp/ember-flight-icons/dist/styles',
'./node_modules/@hashicorp/design-system-components/dist/styles',
],
},
Alternatively, you can import the CSS by adding this configuration in ember-cli-build.js
.
app.import(
"node_modules/@hashicorp/design-system-components/dist/styles/@hashicorp/design-system-components.css",
);
4.1.0
Minor changes
Since this is an update brand colors and product icons, we consider this a minor
version release
Improved resilience of SVG sprite loading script
🔄 Updated dependencies:
- @hashicorp/flight-icons@3.0.0
4.0.6
Patch changes
remove unused contextRootURL
function
🔄 Updated dependencies:
- @hashicorp/flight-icons@2.25.0
4.0.5
Patch changes
🔄 Updated dependencies:
- @hashicorp/flight-icons@2.24.0
4.0.4
Patch changes
When lazyEmbed
is true, use dynamic import()
to bundle the sprite separately
#1803 - Thanks @meirish for the contribution! 🙏
🔄 Updated dependencies:
- @hashicorp/flight-icons@2.23.0
4.0.3
Patch changes
🔄 Updated dependencies:
- @hashicorp/flight-icons@2.22.0
4.0.2
Patch changes
Upgraded the following dependencies:
ember-cli-babel
from7.26.11
to8.2.0
Upgraded the following dependencies:
ember-cli-htmlbars
from6.2.0
to6.3.0
🔄 Updated dependencies:
- @hashicorp/flight-icons@2.21.0
4.0.1
Patch changes
Added missing dependency on ember-get-config
4.0.0
Major changes
Drop support for Node 14
3.1.3
Patch changes
🔄 Updated dependencies:
- @hashicorp/flight-icons@2.20.0
3.1.2
Patch changes
🔄 Updated dependencies:
- @hashicorp/flight-icons@2.19.0
3.1.1
Patch changes
🔄 Updated dependencies:
- @hashicorp/flight-icons@2.18.0
3.1.0
Minor changes
Added opt in flag to allow consumers to move sprite loading out of index.html
Components library
Figma library: HDS Product - Components
September 11th, 2024
Text Input
- Added support for types Tel
, Week
and Month
.
Dropdown
- ListItem Interactive
added support for the Badge
component.
August 2nd, 2024
AppHeader
- Added a new navigation component to contain global and utility navigation elements.
AppSideNav
- Added a new component that shares features and functionality with the legacy SideNav
.
Application Template
- Added a template component that provides a consistent starting point for the UI chrome.
SideNav
- Deprecated the legacy navigation component. It will be removed from the library once adoption of the AppHeader
and AppSideNav
is complete.
Breaking changes
ApplicationState
- multiple enhancements including:
- Added support for a media slot above the title.
- Added an
alignment
property which can be set at the root level toleft
orcenter
. - The footer now supports up to three actions at once. The actions are now organized in accordance with our Button Organization pattern.
- Updated several visual styles including:
- Removing the divider
- Reducing the title from
Display/400/Bold
toDisplay/300/Bold
- Changing the icon and the title color from
Foreground/Faint
toForeground/Strong
- Changing the body text color from
Foreground/Faint
toForeground/Primary
Adding support for three actions within the ApplicationState
results in a breaking change to the previous actions. Before updating the library, we recommend annotating the text and icon name (with a comment or otherwise) in files that are in progress or still being referenced by engineering.
February 27th, 2024
Breaking changes
Alert
and Toast
- Updated the StandaloneLink
to the secondary variant from the primary variant to align with our documented usage recommendations.
Updating the StandaloneLink
to the secondary variant will revert any changes you've made to the text and leading icon properties. Prior to updating the library we recommend annotating (with a comment or otherwise) work that is in progress or is still being referenced by engineering with the intended text and icon variant.
Table
- multiple enhancements to the Table
components including:
- Added support for multi-selection with
Header Column / Selection
andCell / Selection
. - Added support for a
Tooltip
in theHeader Column
component. - Updated the visual language of the sort button in
Header Column
by decoupling the sort functionality into a nestedSort Button
Adding support for a Tooltip
and updates to the Sort Button
result in a breaking change in sortable variants. While the Label
in the Header Column
should persist, we recommend annotating (with a comment or otherwise) work that is in-progress or still being referenced by engineering with the columns that are intended to be sortable.
January 24th, 2024
IconTile
- Added Vault Radar logo.
November 6th, 2023
CodeBlock
- Added new component.
November 3rd, 2023
Breadcrumb
- Updated the number of breadcrumb / _items
to the component.
October 23rd, 2023
Button
- Updated icon only button variants to be square to match the ToggleIcon.
Dropdown / ToggleIcon
- Fixed the small variant so that it’s the correct size (28px height) to match the other small Buttons and ToggleButton.
September 15th, 2023
IconTile
and IconTile-Logo
- Added a new product variant for Vault Secrets.
August 17th, 2023
SideNav
- Changed the icon from User
to Help
in the first dropdown at the top of the SideNav
.
July 31st, 2023
Field/Date
, Field/Time
, Field/Datetime
- Fixed the default width of the components to match the browser default.
Foundations library
Figma library: HDS Product - Foundations
November 2nd, 2023
Elevation / Mid
- Fixed style not being correctly published to consuming libraries.
October 31st, 2023
Components / Code Block / Code / 200
- Added component-specific text style for the CodeBlock.
October 20th, 2023
Components / Code Block / Syntax
- Added syntax highlighting styles used by the CodeBlock component.