Project solar/phase 1/forms controls

.changeset/eleven-women-worry.md

@@ -0,0 +1,5 @@
+---
+"@hashicorp/design-system-components": patch
+---
+
+Replaced all internal usage of `--token` with `--hds` prefix across all the HDS components' files (no visual impact on the components)

.changeset/loud-pants-return.md

@@ -0,0 +1,5 @@
+---
+"@hashicorp/design-system-tokens": major
+---
+
+Updated prefix for all CSS and Sass tokens (from `token` to `hds`)

.changeset/rotten-trains-hear.md

@@ -0,0 +1,10 @@
+---
+"@hashicorp/flight-icons": minor
+"@hashicorp/design-system-components": minor
+---
+
+<!-- START components/icon -->
+`Icon`
+- Changed the way that icons are loaded in from sprite, to dynamic importing and generation at runtime
+- Added support for loading Carbon icons when the user is using a Carbon theme
+<!-- END -->

.changeset/twenty-ads-travel.md

@@ -0,0 +1,112 @@
+---
+"@hashicorp/design-system-components": major
+---
+
+<!-- START components/accordion -->
+`Accordion` - Changed the component CSS custom property prefix from `--hds-*` to `--hds-var-*`.
+- `hds-accordion-item-button-focus-ring-inset-hds` → `hds-var-accordion-item-button-focus-ring-inset-hds`
+- `hds-accordion-item-content-padding-bottom` → `hds-var-accordion-item-content-padding-bottom`
+- `hds-accordion-item-content-padding-left` → `hds-var-accordion-item-content-padding-left`
+- `hds-accordion-item-content-padding-right` → `hds-var-accordion-item-content-padding-right`
+- `hds-accordion-item-content-padding-top` → `hds-var-accordion-item-content-padding-top`
+- `hds-accordion-item-toggle-gap` → `hds-var-accordion-item-toggle-gap`
+- `hds-accordion-item-toggle-icon-size` → `hds-var-accordion-item-toggle-icon-size`
+- `hds-accordion-item-toggle-padding-bottom` → `hds-var-accordion-item-toggle-padding-bottom`
+- `hds-accordion-item-toggle-padding-left` → `hds-var-accordion-item-toggle-padding-left`
+- `hds-accordion-item-toggle-padding-right` → `hds-var-accordion-item-toggle-padding-right`
+- `hds-accordion-item-toggle-padding-top` → `hds-var-accordion-item-toggle-padding-top`
+<!-- END -->
+
+<!-- START components/table/advanced-table -->
+`AdvancedTable` - Changed the component CSS custom property prefix from `--hds-*` to `--hds-var-*`.
+- `hds-advanced-table-sticky-column-offset` → `hds-var-advanced-table-sticky-column-offset`
+<!-- END -->
+
+<!-- START components/app-footer -->
+`AppFooter` - Changed the component CSS custom property prefix from `--hds-*` to `--hds-var-*`.
+- `hds-app-footer-status-icon-color` → `hds-var-app-footer-status-icon-color`
+<!-- END -->
+
+<!-- START components/app-side-nav -->
+`AppSideNav` - Changed the component CSS custom property prefix from `--hds-*` to `--hds-var-*`.
+- `hds-app-side-nav-animation-delay` → `hds-var-app-side-nav-animation-delay`
+- `hds-app-side-nav-animation-duration` → `hds-var-app-side-nav-animation-duration`
+- `hds-app-side-nav-animation-easing` → `hds-var-app-side-nav-animation-easing`
+- `hds-app-side-nav-toggle-button-width` → `hds-var-app-side-nav-toggle-button-width`
+- `hds-app-side-nav-width-expanded` → `hds-var-app-side-nav-width-expanded`
+- `hds-app-side-nav-width-fixed` → `hds-var-app-side-nav-width-fixed`
+- `hds-app-side-nav-width-minimized` → `hds-var-app-side-nav-width-minimized`
+<!-- END -->
+
+<!-- START components/code-block -->
+`CodeBlock` - Changed the component CSS custom property prefix from `--hds-*` to `--hds-var-*`.
+- `hds-code-block-color-{property}` → `hds-var-code-block-color-{property}`
+<!-- END -->
+
+<!-- START components/flyout -->
+`Flyout` - Changed the component CSS custom property prefix from `--hds-*` to `--hds-var-*`.
+- `hds-app-side-nav-width-minimized` → `hds-var-app-side-nav-width-minimized`
+<!-- END -->
+
+<!-- START components/form -->
+`Form` - Changed the component CSS custom property prefix from `--hds-*` to `--hds-var-*`.
+- `hds-form-section-max-width` → `hds-var-form-section-max-width`
+- `hds-form-section-multi-field-group-item-width` → `hds-var-form-section-multi-field-group-item-width`
+<!-- END -->
+
+<!-- START components/form/key-value-inputs -->
+`KeyValueInputs` - Changed the component CSS custom property prefix from `--hds-*` to `--hds-var-*`.
+- `hds-key-value-inputs-column-index` → `hds-var-key-value-inputs-column-index`
+- `hds-key-value-inputs-columns` → `hds-var-key-value-inputs-columns`
+<!-- END -->
+
+<!-- START components/form/super-select -->
+`SuperSelect` - Changed the component CSS custom property prefix from `--hds-*` to `--hds-var-*`.
+- `hds-form-super-select-dropdown-max-width` → `hds-var-form-super-select-dropdown-max-width`
+- `hds-form-super-select-selected-text` → `hds-var-form-super-select-selected-text`
+- `hds-form-super-select-selected-text-display` → `hds-var-form-super-select-selected-text-display`
+<!-- END -->
+
+<!-- START components/stepper/nav -->
+`Stepper Nav` - Changed the component CSS custom property prefix from `--hds-*` to `--hds-var-*`.
+- `hds-stepper-nav-progress-bar-width` → `hds-var-stepper-nav-progress-bar-width`
+<!-- END -->
+
+<!-- START components/tag -->
+`Tag` - Changed the component CSS custom property prefix from `--hds-*` to `--hds-var-*`.
+- `hds-tag-focus-ring-inset-left-cds` → `hds-var-tag-focus-ring-inset-left-cds`
+- `hds-tag-focus-ring-inset-right-cds` → `hds-var-tag-focus-ring-inset-right-cds`
+<!-- END -->
+
+<!-- START layouts/flex -->
+`Flex` - Changed the layout CSS custom property prefix from `--hds-*` to `--hds-var-*`.
+- `hds-layout-flex-column-gap` → `hds-var-layout-flex-column-gap`
+- `hds-layout-flex-row-gap` → `hds-var-layout-flex-row-gap`
+<!-- END -->
+
+<!-- START layouts/grid -->
+`Grid` - Changed the layout CSS custom property prefix from `--hds-*` to `--hds-var-*`.
+- `hds-layout-grid-column-fill-type` → `hds-var-layout-grid-column-fill-type`
+- `hds-layout-grid-column-gap` → `hds-var-layout-grid-column-gap`
+- `hds-layout-grid-column-min-width` → `hds-var-layout-grid-column-min-width`
+- `hds-layout-grid-column-span` → `hds-var-layout-grid-column-span`
+- `hds-layout-grid-column-span-lg` → `hds-var-layout-grid-column-span-lg`
+- `hds-layout-grid-column-span-md` → `hds-var-layout-grid-column-span-md`
+- `hds-layout-grid-column-span-sm` → `hds-var-layout-grid-column-span-sm`
+- `hds-layout-grid-column-span-xl` → `hds-var-layout-grid-column-span-xl`
+- `hds-layout-grid-column-span-xxl` → `hds-var-layout-grid-column-span-xxl`
+- `hds-layout-grid-column-width-lg` → `hds-var-layout-grid-column-width-lg`
+- `hds-layout-grid-column-width-md` → `hds-var-layout-grid-column-width-md`
+- `hds-layout-grid-column-width-sm` → `hds-var-layout-grid-column-width-sm`
+- `hds-layout-grid-column-width-xl` → `hds-var-layout-grid-column-width-xl`
+- `hds-layout-grid-column-width-xxl` → `hds-var-layout-grid-column-width-xxl`
+- `hds-layout-grid-row-gap` → `hds-var-layout-grid-row-gap`
+- `hds-layout-grid-row-span` → `hds-var-layout-grid-row-span`
+- `hds-layout-grid-row-span-lg` → `hds-var-layout-grid-row-span-lg`
+- `hds-layout-grid-row-span-md` → `hds-var-layout-grid-row-span-md`
+- `hds-layout-grid-row-span-sm` → `hds-var-layout-grid-row-span-sm`
+- `hds-layout-grid-row-span-xl` → `hds-var-layout-grid-row-span-xl`
+- `hds-layout-grid-row-span-xxl` → `hds-var-layout-grid-row-span-xxl`
+<!-- END -->
+
+_This was a one-off mechanical rename in `@hashicorp/design-system-components`. Consumers consuming or overriding HDS CSS variables will need to update `--hds-*` references to `--hds-var-*`._

.changeset/wise-ties-tie.md

@@ -0,0 +1,7 @@
+---
+"@hashicorp/design-system-components": major
+"@hashicorp/design-system-tokens": major
+"@hashicorp/flight-icons": major
+---
+
+TEMP - Used to trigger publishing of release candidate packages

copilot-plans/hds-tokens-replacement/START-HERE.md

@@ -0,0 +1,52 @@
+# Start Here — `--token-*` → `--hds-*` Replacement
+
+This folder holds the third step of the HDS token naming-convention effort:
+replacing all `--token-*` CSS custom property usages with `--hds-*` across Ember
+codebases that consume HDS design tokens.
+
+The work is split into three separate AI sessions, each with a clean context.
+
+## Phase 1 — Author the initial prompt ✅ done
+
+- File: `initial-prompt.md`
+- This is the finished specification for the plan. It is self-contained: it holds
+  the rename rule, safety/idempotency constraints, exclusions, target environments,
+  deliverables, expected plan structure, and the HDS pilot/validation context.
+
+## Phase 2 — Generate the plan (do this next, in a FRESH session)
+
+Start a new chat session (clean context) so the model reasons from the finished
+prompt, not from the exploratory history that produced it. Kickoff message:
+
+> Read `copilot-plans/hds-tokens-replacement/initial-prompt.md` in full. It is the
+> specification for a plan you must generate. Follow its "Plan Structure Expected"
+> and "Deliverables to Plan" sections. Before writing anything, ask me clarifying
+> questions on anything low-confidence. Then generate the plan as file(s) under
+> `copilot-plans/hds-tokens-replacement/` — Markdown for human-readable content,
+> JSON/CSV only where strictly needed for execution data. Do NOT execute the
+> migration yet.
+
+Iterate on the plan the same way the initial prompt was iterated: review, request
+changes, repeat. Remember the prompt's rule — the plan is the durable, portable
+knowledge artifact; fold every new learning back into the plan file(s).
+
+Expected output: a `generated-plan.md` (plus any `session-kit/` and `tooling/`
+files the plan itself defines).
+
+## Phase 3 — Execute the plan (later, in another FRESH session)
+
+Once the plan is approved, run it in a separate clean session (or ask the AI to).
+Then review the Git diff, refine the plan/tooling for any gap, `git restore` the
+changed files, and re-run until the outcome is clean.
+
+## Workflow reminders
+
+- Lint may be run freely (`pnpm lint`, `pnpm lint:fix`). Do NOT run the test suite
+  from the agent — ask the user to run it and report back.
+- The tooling must be idempotent: every re-run from a clean checkout yields the same
+  diff.
+- Keep reusable transform logic separate from repo-specific config (roots,
+  extensions, exclusion globs) so it ports to the next repo with minimal changes.
+- Indirect `token-` prefix coupling in JS/TS/GTS logic is NOT auto-fixed — it is
+  annotated with a `TODO [HDS-TOKEN-RENAMING]` marker for manual review after the
+  run.