@hashicorp/design-system-tokens
Version:
Helios Design Tokens
294 lines (154 loc) • 10.4 kB
Markdown
# @hashicorp/design-system-tokens
## 3.0.0
### Major Changes
Upgraded Style Dictionary to version 5
- Updated format of the `src` JSON tokens files to use the community standard DTCG format
- Updated the tokens pipeline scripts to use the new format
_Note: this is only a breaking change for consumers who use the `src` files to generate their own design tokens. For consumers using the design tokens in their compiled format, directly or via the @hashicorp/design-system-components package, this change will have no impact at all._
<small class="doc-whats-new-changelog-metadata">[#3138](https://github.com/hashicorp/design-system/pull/3138)</small>
<div class="doc-whats-new-changelog-separator"></div>
## 2.3.1
### Patch Changes
`cloud-ui/email` - Fixed CSS helpers for "elevation" styles
<small class="doc-whats-new-changelog-metadata">[#3158](https://github.com/hashicorp/design-system/pull/3158)</small>
<div class="doc-whats-new-changelog-separator"></div>
## 2.3.0
### Minor Changes
Added global tokens for border radius
<small class="doc-whats-new-changelog-metadata">[#2595](https://github.com/hashicorp/design-system/pull/2595)</small>
<div class="doc-whats-new-changelog-separator"></div>
## 2.2.2
### Patch Changes
Upgraded `style-dictionary` to `4.2.0`
<small class="doc-whats-new-changelog-metadata">[#2560](https://github.com/hashicorp/design-system/pull/2560)</small>
<div class="doc-whats-new-changelog-separator"></div>
## 2.2.1
### Patch Changes
Updated design tokens for Vagrant primary gradient to match Figma.
<small class="doc-whats-new-changelog-metadata">[#2366](https://github.com/hashicorp/design-system/pull/2366)</small>
<div class="doc-whats-new-changelog-separator"></div>
## 2.2.0
### Minor Changes
`AppHeader` - Added design tokens:
- `--token-app-header-height`
- `--token-app-header-home-link-size`
- `--token-app-header-logo-size`
<small class="doc-whats-new-changelog-metadata">[#2161](https://github.com/hashicorp/design-system/pull/2161)</small>
<div class="doc-whats-new-changelog-separator"></div>
## 2.1.0
### Minor Changes
Added new pipeline to Style Dictionary for `cloud-email` - `email/sass-variables` to be used in email templating
<small class="doc-whats-new-changelog-metadata">[#1965](https://github.com/hashicorp/design-system/pull/1965)</small>
<div class="doc-whats-new-changelog-separator"></div>
## 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**)
<small class="doc-whats-new-changelog-metadata">[#1937](https://github.com/hashicorp/design-system/pull/1937)</small>
<div class="doc-whats-new-changelog-separator"></div>
## 1.11.0
### Minor Changes
Updated `vault`, `vault-secrets`, and `vault-radar` brand color values
<small class="doc-whats-new-changelog-metadata">[#1914](https://github.com/hashicorp/design-system/pull/1914)</small>
<div class="doc-whats-new-changelog-separator"></div>
Added design token for `terraform-brand-on-dark` color
<small class="doc-whats-new-changelog-metadata">[#1915](https://github.com/hashicorp/design-system/pull/1915)</small>
<div class="doc-whats-new-changelog-separator"></div>
## 1.10.0
### Minor Changes
Added color tokens for “Vault Radar” product
<small class="doc-whats-new-changelog-metadata">[#1904](https://github.com/hashicorp/design-system/pull/1904)</small>
<div class="doc-whats-new-changelog-separator"></div>
## 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
<small class="doc-whats-new-changelog-metadata">[#1630](https://github.com/hashicorp/design-system/pull/1630)</small>
## 1.8.0
### Minor Changes
Added color tokens for “Vault Secrets” product
<small class="doc-whats-new-changelog-metadata">[#1640](https://github.com/hashicorp/design-system/pull/1640)</small>
## 1.7.0
### Minor Changes
Added JSON output format for `marketing` target (and in the process refactored internal logic for tokens generation)
<small class="doc-whats-new-changelog-metadata">[#1513](https://github.com/hashicorp/design-system/pull/1513) - Thanks [@dstaley](https://github.com/dstaley) for the contribution! 🙏 </small>
## 1.6.0
### Minor Changes
Added design token for loading state icon on search input
<small class="doc-whats-new-changelog-metadata">[#1452](https://github.com/hashicorp/design-system/pull/1452)</small>
## 1.5.0
### Minor Changes
- Added new `TooltipButton` component and `hds-tooltip` modifier
- Added design tokens for `Tooltip`
<small class="doc-whats-new-changelog-metadata">[#1283](https://github.com/hashicorp/design-system/pull/1283)</small>
## 1.4.2
### Patch Changes
Added design tokens for `SideNav` component
<small class="doc-whats-new-changelog-metadata">[#1313](https://github.com/hashicorp/design-system/pull/1313)</small>
## 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.
<small class="doc-whats-new-changelog-metadata">[#1204](https://github.com/hashicorp/design-system/pull/1204)</small>
## 1.4.0
### Minor Changes
Added design tokens for `Pagination` component
<small class="doc-whats-new-changelog-metadata">[#661](https://github.com/hashicorp/design-system/pull/661)</small>
## 1.3.1
### Patch Changes
Updated design system name to "Helios"
<small class="doc-whats-new-changelog-metadata">[#1036](https://github.com/hashicorp/design-system/pull/1036)</small>
## 1.3.0
### Minor Changes
Added design tokens for indeterminate `Checkbox`
<small class="doc-whats-new-changelog-metadata">[#740](https://github.com/hashicorp/design-system/pull/740)</small>
## 1.2.0
### Minor Changes
- [#629](https://github.com/hashicorp/design-system/pull/629) [`a079992f`](https://github.com/hashicorp/design-system/commit/a079992fbbed11812fcf4cdd4409a00fa2d246f1) Thanks [@didoo](https://github.com/didoo)! - added component-level design tokens for `Tabs` component
* [#646](https://github.com/hashicorp/design-system/pull/646) [`ecbe26df`](https://github.com/hashicorp/design-system/commit/ecbe26df6bdbaf7b4f00c70d016eead0da9168f0) Thanks [@jorytindall](https://github.com/jorytindall)! - Updated the box-shadow values for overlay tokens.
### Patch Changes
- [#636](https://github.com/hashicorp/design-system/pull/636) [`27a283a5`](https://github.com/hashicorp/design-system/commit/27a283a52c2828b32c282401f91df9bd929f9dda) Thanks [@Dhaulagiri](https://github.com/Dhaulagiri)! - Add copyright notice to license file
## 1.1.0
### Minor Changes
- [#584](https://github.com/hashicorp/design-system/pull/584) [`258c06d9`](https://github.com/hashicorp/design-system/commit/258c06d952d41696bb8c5b4bab19eb46e4612cdc) Thanks [@didoo](https://github.com/didoo)! - added specific design tokens for the `RadioCard` component
## 1.0.1
### Patch Changes
- [#555](https://github.com/hashicorp/design-system/pull/555) [`0b245333`](https://github.com/hashicorp/design-system/commit/0b24533369ccc2d02aa5c6c8b8ba4f722e07d236) Thanks [@didoo](https://github.com/didoo)! - Added design tokens for `code-200` and `code-300` typographic styles
## 1.0.0
### Major Changes
This release signifies the first major release of the HashiCorp Design System. Moving forward we expect to respect [SemVer](https://semver.org/) 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
## 0.8.1
### Patch Changes
- [#327](https://github.com/hashicorp/design-system/pull/327) [`a46fc035`](https://github.com/hashicorp/design-system/commit/a46fc03570f51e8375b15571ddcb10e62ba446fb) Thanks [@didoo](https://github.com/didoo)! - removed deprecated design tokens for old semantic colors
## 0.8.0
### Minor Changes
- [#136](https://github.com/hashicorp/design-system/pull/136) [`c17f142c`](https://github.com/hashicorp/design-system/commit/c17f142c0c938b471b696820d1fa440f62f7315b) Thanks [@didoo](https://github.com/didoo)! - Updated the font-stack design tokens in “typography”
- removed `SF Pro Display/Text` in `Display/Text` (we can rely on `-apple-system + BlinkMacSystemFont`)
- replaced `Segoe UI Display/Text` with `Segoe UI` in `Display/Text`
- added `Helvetica, Arial` to the `sans` block in `Display/Text`
- added explicit emoji support for `Display/Text`
- replaced `SF Mono` with `ui-monospace` in Code
- added `Menlo` to `Code`
## 0.7.0
### Minor Changes
- [#98](https://github.com/hashicorp/design-system/pull/98) [`411cd9b9`](https://github.com/hashicorp/design-system/commit/411cd9b949e376d38eb1dc4d4af93ae17e6c686a) Thanks [@didoo](https://github.com/didoo)! - refactored “focus-ring” tokens and CSS helpers to support both “action” and “critical“ colors
## 0.6.1
### Patch Changes
- [#83](https://github.com/hashicorp/design-system/pull/83) [`df267ec6`](https://github.com/hashicorp/design-system/commit/df267ec6cb27d68d0e835357ba736830cac9ce64) Thanks [@didoo](https://github.com/didoo)! - Added “foreground-action-visited-hover” color token to DevDot
## 0.6.0
### Minor Changes
- [#70](https://github.com/hashicorp/design-system/pull/70) [`04db4d9e`](https://github.com/hashicorp/design-system/commit/04db4d9ece6aba358acfa0721a78dfe84c561b5e) Thanks [@Dhaulagiri](https://github.com/Dhaulagiri)!
#### 💥 Breaking change
Changes the output path for tokens to include `dist/ in the path
##### Before
`/products/css/tokens.css`
##### After
`/dist/products/css/tokens.css`
## 0.5.2
### Patch Changes
- [#69](https://github.com/hashicorp/design-system/pull/69) [`94edb63b`](https://github.com/hashicorp/design-system/commit/94edb63bd51c48c25f9fa80dfd12f8bd02ade09e) Thanks [@Dhaulagiri](https://github.com/Dhaulagiri)! - Publish assets also to dist/