Helios Design System
The Helios Design System provides the building blocks to design and implement consistent, accessible, and delightful product experiences across HashiCorp.
For guidelines on how to use Helios, see our documentation website.
A changelog for code and Figma changes is kept on the Helios website
packages/components
Design System components in Ember.js
@hashicorp/design-system-components
packages/ember-flight-icons
Ember.js addon with <FlightIcon />
component
@hashicorp/ember-flight-icons
packages/flight-icons
Flight icons in different formats (SVG/SVG Sprite/React)
@hashicorp/flight-icons
packages/tokens
Design tokens
@hashicorp/design-system-tokens
This monorepo uses yarn workspaces to manage dependencies for all packages.
Run this command from the monorepo root:
yarn workspace <workspace-npm-package> add --dev <npm-package>
e.g. yarn workspace @hashicorp/design-system-components add --dev ember-cli-flash
Run this command from the monorepo root:
yarn workspace <workspace-npm-package> run ember install <npm-package>
e.g. yarn workspace @hashicorp/design-system-components run ember install ember-a11y-refocus
This project uses changesets to manage how changes will be released. Each user-facing change to a package should come with a changeset for each package that has changed.
To create a changeset, run and follow the prompts in your terminal:
yarn changeset
See the changeset docs for more information.
Note: If you want to ignore a changeset bump in terminal (e.g. major bump for selected "package x" is N/A, want a patch release), press return on the command line to skip that step. Press the spacebar to select that step.
See the release docs for the process we follow to publish a new package version.
This project is licensed under the Mozilla Public License 2.0.
We use SemVer for versioning.