REVERT MAJOR CHANGES

Author: didoo

README.md

@@ -0,0 +1,94 @@
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://github.com/hashicorp/design-system/assets/788096/5d6969b7-f8b4-4ad3-9ece-b16b4527522e" width="300">
+  <source media="(prefers-color-scheme: light)" srcset="https://github.com/hashicorp/design-system/assets/788096/8e278094-427f-40cc-912f-9ccd3a0ff879" width="300">
+  <img alt="Helios Design System" src="https://github.com/hashicorp/design-system/assets/788096/8e278094-427f-40cc-912f-9ccd3a0ff879.png" width="300">
+</picture>
+
+The Helios Design System provides the building blocks to design and implement consistent, accessible, and delightful product experiences across HashiCorp.
+
+## Usage
+
+For guidelines on how to use Helios, see our [documentation website](https://helios.hashicorp.design).
+
+## Release notes
+
+[A changelog for code and Figma changes is kept on the Helios website](https://helios.hashicorp.design/whats-new/release-notes)
+
+## Packages
+
+### `packages/components` [![npm version](https://badge.fury.io/js/%40hashicorp%2Fdesign-system-components.svg)](https://badge.fury.io/js/%40hashicorp%2Fdesign-system-components)
+
+Design System components in Ember.js
+
+- npm package: `@hashicorp/design-system-components`
+- website: [https://helios.hashicorp.design/components](https://helios.hashicorp.design/components)
+- more info: see [components/README](packages/components/README.md) and [components/CONTRIBUTING](packages/components/CONTRIBUTING.md).
+
+### `packages/flight-icons` [![npm version](https://badge.fury.io/js/%40hashicorp%2Fflight-icons.svg)](https://badge.fury.io/js/%40hashicorp%2Fflight-icons)
+
+- website: [https://helios.hashicorp.design/icons/library](https://helios.hashicorp.design/icons/library)
+
+Flight icons in different formats (SVG/SVG Sprite/React)
+
+- npm package: `@hashicorp/flight-icons`
+- more info: see [flight-icons/README](packages/flight-icons/README.md) and [flight-icons/CONTRIBUTING](packages/flight-icons/CONTRIBUTING.md) for details on how to use the "sync/build" scripts that export the assets from Figma and generate a bundle of standalone SVG files.
+
+### `packages/tokens` [![npm version](https://badge.fury.io/js/%40hashicorp%2Fdesign-system-tokens.svg)](https://badge.fury.io/js/%40hashicorp%2Fdesign-system-tokens)
+
+Design tokens
+
+- npm package: `@hashicorp/design-system-tokens`
+- website: [https://helios.hashicorp.design/foundations/tokens](https://helios.hashicorp.design/foundations/tokens)
+- more info: see [tokens/README](packages/tokens/README.md) and [tokens/CONTRIBUTING](packages/tokens/CONTRIBUTING.md) for details on how to update the design tokens.
+
+## Contributing
+
+### Workspaces
+
+This monorepo uses [pnpm workspaces](https://pnpm.io/workspaces) to manage dependencies for all packages.
+
+#### Adding new packages
+
+Run this command from the monorepo root:
+
+```bash
+pnpm -F <workspace-npm-package> add --dev <npm-package>
+```
+
+e.g. `pnpm -F @hashicorp/design-system-components add --dev ember-cli-flash`
+
+#### Using ember install in the monorepo
+
+Run this command from the monorepo root:
+
+```bash
+pnpm -F <workspace-npm-package> run ember install <npm-package>
+```
+
+e.g. `pnpm -F @hashicorp/design-system-components run ember install ember-a11y-refocus`
+
+### Changesets
+
+This project uses [changesets](https://github.com/changesets/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:
+
+```bash
+pnpm changeset
+```
+
+See the [changeset docs](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md) 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.
+
+## Releasing
+
+See the [release docs](https://hashicorp.atlassian.net/wiki/x/HIBT0Q) for the process we follow to publish a new package version.
+
+## License
+
+This project is licensed under the [Mozilla Public License 2.0](LICENSE).
+
+## Versioning
+
+We use [SemVer](http://semver.org/) for versioning.

packages/components/package.json

@@ -18,6 +18,7 @@
   "author": "HashiCorp Design Systems <design-systems@hashicorp.com>",
   "scripts": {
     "build": "rollup --config",
+    "postbuild": "cp -R dist/styles/@hashicorp/design-system-components.css ../../showcase/public/assets/styles/@hashicorp/ && cp -R dist/styles/@hashicorp/design-system-components-common.css ../../showcase/public/assets/styles/@hashicorp/ && cp -R dist/styles/@hashicorp/design-system-power-select-overrides.css ../../showcase/public/assets/styles/@hashicorp/",
     "format": "prettier . --cache --write",
     "lint": "concurrently \"pnpm:lint:*(!fix)\" --names \"lint:\" --prefixColors auto",
     "lint:fix": "concurrently \"pnpm:lint:*:fix\" --names \"fix:\" --prefixColors auto && pnpm run format",
@@ -32,7 +33,8 @@
     "start": "rollup --config --watch --environment development",
     "test-f:design-system-components": "test -f 'dist/styles/@hashicorp/design-system-components.css' || (echo \"\n\\033[31m⚠️  Error: the pre-compiled CSS file \\`dist/styles/@hashicorp/design-system-components.css\\` was not found\\033[0m\\n\" && exit 1)",
     "test-f:design-system-components-common": "test -f 'dist/styles/@hashicorp/design-system-components-common.css' || (echo \"\n\\033[31m⚠️  Error: the pre-compiled CSS file \\`dist/styles/@hashicorp/design-system-components-common.css\\` was not found\\033[0m\\n\" && exit 1)",
-    "test-f:design-system-power-select-overrides": "test -f 'dist/styles/@hashicorp/design-system-power-select-overrides.css' || (echo \"\n\\033[31m⚠️  Error: the pre-compiled CSS file \\`dist/styles/@hashicorp/design-system-power-select-overrides.css\\` was not found\\033[0m\\n\" && exit 1)"
+    "test-f:design-system-power-select-overrides": "test -f 'dist/styles/@hashicorp/design-system-power-select-overrides.css' || (echo \"\n\\033[31m⚠️  Error: the pre-compiled CSS file \\`dist/styles/@hashicorp/design-system-power-select-overrides.css\\` was not found\\033[0m\\n\" && exit 1)",
+    "prepublishOnly": "pnpm build && pnpm test-f:design-system-components && pnpm test-f:design-system-components-common && pnpm test-f:design-system-power-select-overrides"
   },
   "dependencies": {
     "@codemirror/commands": "^6.8.0",

packages/tokens/dist/cloud-email/helpers/color.css

@@ -0,0 +1,46 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+.hds-border-primary { border: 1px solid #656a7633; }
+.hds-border-faint { border: 1px solid #656a761a; }
+.hds-border-strong { border: 1px solid #3b3d4566; }
+.hds-border-action { border: 1px solid #cce3fe; }
+.hds-border-highlight { border: 1px solid #ead2fe; }
+.hds-border-success { border: 1px solid #cceeda; }
+.hds-border-warning { border: 1px solid #fbeabf; }
+.hds-border-critical { border: 1px solid #fbd4d4; }
+.hds-foreground-strong { color: #0c0c0e; }
+.hds-foreground-primary { color: #3b3d45; }
+.hds-foreground-faint { color: #656a76; }
+.hds-foreground-high-contrast { color: #ffffff; }
+.hds-foreground-disabled { color: #8c909c; }
+.hds-foreground-action { color: #1060ff; }
+.hds-foreground-action-hover { color: #0c56e9; }
+.hds-foreground-action-active { color: #0046d1; }
+.hds-foreground-highlight { color: #a737ff; }
+.hds-foreground-highlight-on-surface { color: #911ced; }
+.hds-foreground-highlight-high-contrast { color: #42215b; }
+.hds-foreground-success { color: #008a22; }
+.hds-foreground-success-on-surface { color: #00781e; }
+.hds-foreground-success-high-contrast { color: #054220; }
+.hds-foreground-warning { color: #bb5a00; }
+.hds-foreground-warning-on-surface { color: #9e4b00; }
+.hds-foreground-warning-high-contrast { color: #542800; }
+.hds-foreground-critical { color: #e52228; }
+.hds-foreground-critical-on-surface { color: #c00005; }
+.hds-foreground-critical-high-contrast { color: #51130a; }
+.hds-page-primary { background-color: #ffffff; }
+.hds-page-faint { background-color: #fafafa; }
+.hds-surface-primary { background-color: #ffffff; }
+.hds-surface-faint { background-color: #fafafa; }
+.hds-surface-strong { background-color: #f1f2f3; }
+.hds-surface-interactive { background-color: #ffffff; }
+.hds-surface-interactive-hover { background-color: #f1f2f3; }
+.hds-surface-interactive-active { background-color: #dedfe3; }
+.hds-surface-interactive-disabled { background-color: #fafafa; }
+.hds-surface-action { background-color: #f2f8ff; }
+.hds-surface-highlight { background-color: #f9f2ff; }
+.hds-surface-success { background-color: #f2fbf6; }
+.hds-surface-warning { background-color: #fff9e8; }
+.hds-surface-critical { background-color: #fff5f5; }

packages/tokens/dist/cloud-email/helpers/elevation.css

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+.hds-elevation-inset { box-shadow: inset 0px 1px 2px 1px #656a761a; }
+.hds-elevation-low { box-shadow: 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d; }
+.hds-elevation-mid { box-shadow: 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633; }
+.hds-elevation-high { box-shadow: 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633; }
+.hds-elevation-higher { box-shadow: 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640; }
+.hds-elevation-overlay { box-shadow: 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559; }
+.hds-surface-inset { box-shadow: inset 0 0 0 1px #656a764d, inset 0px 1px 2px 1px #656a761a; }
+.hds-surface-base { box-shadow: 0 0 0 1px #656a7633; }
+.hds-surface-low { box-shadow: 0 0 0 1px #656a7626, 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d; }
+.hds-surface-mid { box-shadow: 0 0 0 1px #656a7626, 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633; }
+.hds-surface-high { box-shadow: 0 0 0 1px #656a7640, 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633; }
+.hds-surface-higher { box-shadow: 0 0 0 1px #656a7633, 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640; }
+.hds-surface-overlay { box-shadow: 0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559; }

packages/tokens/dist/cloud-email/helpers/focus-ring.css

@@ -0,0 +1,6 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+.hds-focus-ring-action-box-shadow { box-shadow: inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff; }
+.hds-focus-ring-critical-box-shadow { box-shadow: inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578; }