@hashicorp/design-system-components 6.2.0 → 6.3.0-rc-20260514101332

package/dist/styles/mixins/_button.scss

@@ -6,60 +6,11 @@
 @use "sass:map";
 
 $hds-button-sizes: ("small", "medium", "large");
-$hds-button-border-radius: var(--token-border-radius-small);
-$hds-button-border-width: 1px;
-$hds-button-focus-border-width: 3px;
-
-// these values later may come from the design tokens
-$hds-button-size-props: (
-  "small": (
-    // 13px = 0.8125rem
-    "font-size": 0.8125rem,
-    // 14px = 0.875rem; we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)
-    "line-height": 0.875rem,
-    // 28px = 1.75rem
-    "min-height": 1.75rem,
-    // 6px = 0.375rem; here we're taking into account the 1px border
-    "padding-vertical": 0.375rem,
-    // 11px = 0.6875rem; here we're taking into account the 1px border
-    "padding-horizontal": 0.6875rem,
-    // 12px = 0.75rem
-    "icon-size": 0.75rem,
-  ),
-  "medium": (
-    // 14px =  0.875rem
-    "font-size": 0.875rem,
-    // 16px = 1rem
-    "line-height": 1rem,
-    // 36px = 2.25rem
-    "min-height": 2.25rem,
-    // 9px = 0.5625rem; here we're taking into account the 1px border
-    "padding-vertical": 0.5625rem,
-    // 15px = 0.9375rem; here we're taking into account the 1px border
-    "padding-horizontal": 0.9375rem,
-    // 16px
-    "icon-size": 1rem,
-  ),
-  "large": (
-    // 16px = 1rem
-    "font-size": 1rem,
-    // 24px = 1.5rem
-    "line-height": 1.5rem,
-    // 48px = 3rem
-    "min-height": 3rem,
-    // 11px = 0.6875rem; here we're taking into account the 1px border
-    "padding-vertical": 0.6875rem,
-    // 19px = 1.1875rem; here we're taking into account the 1px border
-    "padding-horizontal": 1.1875rem,
-    // 24px = 1.5rem
-    "icon-size": 1.5rem,
-  ),
-);
 
 @mixin hds-button() {
   position: relative;
   display: flex;
-  gap: 0.375rem;
+  gap: var(--token-button-gap);
   align-items: center;
   justify-content: center;
   width: auto;
@@ -71,17 +22,17 @@ $hds-button-size-props: (
   font-weight: var(--token-typography-font-weight-regular);
   font-family: var(--token-typography-font-stack-text);
   text-decoration: none;
-  border: $hds-button-border-width solid transparent; // We need this to be transparent for a11y
-  border-radius: $hds-button-border-radius;
+  border: var(--token-button-border-width) solid transparent; // We need this to be transparent for a11y
+  border-radius: var(--token-button-border-radius);
   outline-style: solid; // used to avoid double outline+focus-ring in Safari (see https://github.com/hashicorp/design-system-components/issues/161#issuecomment-1031548656)
   outline-color: transparent; // We need this to be transparent for a11y
   isolation: isolate;
 }
 
 @mixin hds-button-state-disabled() {
-  color: var(--token-color-foreground-disabled);
-  background-color: var(--token-color-surface-faint);
-  border-color: var(--token-color-border-primary);
+  color: var(--token-button-foreground-color-disabled);
+  background-color: var(--token-button-surface-color-disabled);
+  border-color: var(--token-button-border-color-disabled);
   box-shadow: none;
   cursor: not-allowed;
 }
@@ -92,58 +43,60 @@ $hds-button-size-props: (
   &::before {
     // the position absolute of an element is computed from the inside of the border of the container
     // so we have to take in account the border width of the pseudo-element container itself
-    $shift: $hds-button-border-width + $hds-button-focus-border-width;
+    $shift: calc(-1 * (var(--token-button-border-width) + var(--token-button-focus-ring-border-width)));
+    $radius: calc(var(--token-button-border-radius) + var(--token-button-focus-ring-border-width));
     position: absolute;
-    top: -$shift;
-    right: -$shift;
-    bottom: -$shift;
-    left: -$shift;
+    top: $shift;
+    right: $shift;
+    bottom: $shift;
+    left: $shift;
     z-index: -1;
-    border: $hds-button-focus-border-width solid transparent;
-    border-radius: calc(#{$hds-button-border-radius} + #{$hds-button-focus-border-width});
+    border: var(--token-button-focus-ring-border-width) solid transparent;
+    border-radius: $radius;
     content: "";
   }
 }
 
 @mixin hds-button-color-primary() {
-  color: var(--token-color-foreground-high-contrast);
-  background-color: var(--token-color-palette-blue-200);
-  border-color: var(--token-color-palette-blue-300);
+  color: var(--token-button-foreground-color-primary-default);
+  background-color: var(--token-button-surface-color-primary-default);
+  border-color: var(--token-button-border-color-primary-default);
   box-shadow: var(--token-elevation-low-box-shadow);
 
   &:hover,
   &.mock-hover {
-    color: var(--token-color-foreground-high-contrast);
-    background-color: var(--token-color-palette-blue-300);
-    border-color: var(--token-color-palette-blue-400);
+    color: var(--token-button-foreground-color-primary-hover);
+    background-color: var(--token-button-surface-color-primary-hover);
+    border-color: var(--token-button-border-color-primary-hover);
     cursor: pointer;
   }
 
   &:focus,
   &.mock-focus {
-    color: var(--token-color-foreground-high-contrast);
-    background-color: var(--token-color-palette-blue-200);
-    border-color: var(--token-color-focus-action-internal);
+    color: var(--token-button-foreground-color-primary-focus);
+    background-color: var(--token-button-surface-color-primary-focus);
+    border-color: var(--token-button-border-color-primary-focus-internal);
 
     &::before {
       // the position absolute of an element is computed from the inside of the border of the container
       // so we have to take in account the border width of the pseudo-element container itself
       // plus for the primary button we want to have a 2px gap between the button and the focus
-      $shift: $hds-button-border-width + $hds-button-focus-border-width + 2px;
-      top: -$shift;
-      right: -$shift;
-      bottom: -$shift;
-      left: -$shift;
-      border-color: var(--token-color-focus-action-external);
-      border-radius: calc(#{$hds-button-border-radius} + #{$hds-button-focus-border-width} + 2px);
+      $shift: calc(-1 * (var(--token-button-border-width) + var(--token-button-focus-ring-border-width) + 2px));
+      $radius: calc(var(--token-button-border-radius) + var(--token-button-focus-ring-border-width) + 2px);
+      top: $shift;
+      right: $shift;
+      bottom: $shift;
+      left: $shift;
+      border-color: var(--token-button-border-color-primary-focus-external);
+      border-radius: $radius;
     }
   }
 
   &:active,
   &.mock-active {
-    color: var(--token-color-foreground-high-contrast);
-    background-color: var(--token-color-palette-blue-400);
-    border-color: var(--token-color-palette-blue-400);
+    color: var(--token-button-foreground-color-primary-active);
+    background-color: var(--token-button-surface-color-primary-active);
+    border-color: var(--token-button-border-color-primary-active);
     box-shadow: none;
 
     &::before {
@@ -153,35 +106,35 @@ $hds-button-size-props: (
 }
 
 @mixin hds-button-color-secondary() {
-  color: var(--token-color-foreground-primary);
-  background-color: var(--token-color-surface-faint);
-  border-color: var(--token-color-border-strong);
+  color: var(--token-button-foreground-color-secondary-default);
+  background-color: var(--token-button-surface-color-secondary-default);
+  border-color: var(--token-button-border-color-secondary-default);
   box-shadow: var(--token-elevation-low-box-shadow);
 
   &:hover,
   &.mock-hover {
-    color: var(--token-color-foreground-primary);
-    background-color: var(--token-color-surface-primary);
-    border-color: var(--token-color-border-strong);
+    color: var(--token-button-foreground-color-secondary-hover);
+    background-color: var(--token-button-surface-color-secondary-hover);
+    border-color: var(--token-button-border-color-secondary-hover);
     cursor: pointer;
   }
 
   &:focus,
   &.mock-focus {
-    color: var(--token-color-foreground-primary);
-    background-color: var(--token-color-surface-faint);
-    border-color: var(--token-color-focus-action-internal);
+    color: var(--token-button-foreground-color-secondary-focus);
+    background-color: var(--token-button-surface-color-secondary-focus);
+    border-color: var(--token-button-border-color-secondary-focus-internal);
 
     &::before {
-      border-color: var(--token-color-focus-action-external);
+      border-color: var(--token-button-border-color-secondary-focus-external);
     }
   }
 
   &:active,
   &.mock-active {
-    color: var(--token-color-foreground-primary);
-    background-color: var(--token-color-surface-interactive-active);
-    border-color: var(--token-color-border-strong);
+    color: var(--token-button-foreground-color-secondary-active);
+    background-color: var(--token-button-surface-color-secondary-active);
+    border-color: var(--token-button-border-color-secondary-active);
     box-shadow: none;
 
     &::before {
@@ -191,33 +144,34 @@ $hds-button-size-props: (
 }
 
 @mixin hds-button-color-tertiary() {
-  color: var(--token-color-foreground-action);
-  background-color: transparent;
-  border-color: transparent;
+  color: var(--token-button-foreground-color-tertiary-default);
+  background-color: var(--token-button-surface-color-tertiary-default);
+  border-color: var(--token-button-border-color-tertiary-default);
 
   &:hover,
   &.mock-hover {
-    color: var(--token-color-foreground-action-hover);
-    background-color: var(--token-color-surface-primary);
-    border-color: var(--token-color-border-strong);
+    color: var(--token-button-foreground-color-tertiary-hover);
+    background-color: var(--token-button-surface-color-tertiary-hover);
+    border-color: var(--token-button-border-color-tertiary-hover);
     cursor: pointer;
   }
 
   &:focus,
   &.mock-focus {
-    color: var(--token-color-foreground-action);
-    border-color: var(--token-color-focus-action-internal);
+    color: var(--token-button-foreground-color-tertiary-focus);
+    background-color: var(--token-button-surface-color-tertiary-focus);
+    border-color: var(--token-button-border-color-tertiary-focus-internal);
 
     &::before {
-      border-color: var(--token-color-focus-action-external);
+      border-color: var(--token-button-border-color-tertiary-focus-external);
     }
   }
 
   &:active,
   &.mock-active {
-    color: var(--token-color-foreground-action-active);
-    background-color: var(--token-color-surface-interactive-active);
-    border-color: var(--token-color-border-strong);
+    color: var(--token-button-foreground-color-tertiary-active);
+    background-color: var(--token-button-surface-color-tertiary-active);
+    border-color: var(--token-button-border-color-tertiary-active);
     box-shadow: none;
 
     &::before {
@@ -239,8 +193,9 @@ $hds-button-size-props: (
   &:disabled:hover,
   &[disabled]:hover,
   &.mock-disabled:hover {
+    color: var(--token-button-foreground-color-tertiary-disabled);
     background-color: transparent;
-    border-color: transparent;
+    border-color: var(--token-button-border-color-tertiary-disabled);
 
     &::before {
       border-color: transparent;
@@ -249,35 +204,35 @@ $hds-button-size-props: (
 }
 
 @mixin hds-button-color-critical() {
-  color: var(--token-color-foreground-critical-on-surface);
-  background-color: var(--token-color-surface-critical);
-  border-color: var(--token-color-foreground-critical-on-surface);
+  color: var(--token-button-foreground-color-critical-default);
+  background-color: var(--token-button-surface-color-critical-default);
+  border-color: var(--token-button-border-color-critical-default);
   box-shadow: var(--token-elevation-low-box-shadow);
 
   &:hover,
   &.mock-hover {
-    color: var(--token-color-foreground-high-contrast);
-    background-color: var(--token-color-palette-red-300);
-    border-color: var(--token-color-palette-red-400);
+    color: var(--token-button-foreground-color-critical-hover);
+    background-color: var(--token-button-surface-color-critical-hover);
+    border-color: var(--token-button-border-color-critical-hover);
     cursor: pointer;
   }
 
   &:focus,
   &.mock-focus {
-    color: var(--token-color-foreground-critical-on-surface);
-    background-color: var(--token-color-surface-critical);
-    border-color: var(--token-color-focus-critical-internal);
+    color: var(--token-button-foreground-color-critical-focus);
+    background-color: var(--token-button-surface-color-critical-focus);
+    border-color: var(--token-button-border-color-critical-focus-internal);
 
     &::before {
-      border-color: var(--token-color-focus-critical-external);
+      border-color: var(--token-button-border-color-critical-focus-external);
     }
   }
 
   &:active,
   &.mock-active {
-    color: var(--token-color-foreground-high-contrast);
-    background-color: var(--token-color-palette-red-400);
-    border-color: var(--token-color-palette-red-400);
+    color: var(--token-button-foreground-color-critical-active);
+    background-color: var(--token-button-surface-color-critical-active);
+    border-color: var(--token-button-border-color-critical-active);
     box-shadow: none;
 
     &::before {
@@ -289,25 +244,24 @@ $hds-button-size-props: (
 @mixin hds-button-size-classes($blockName) {
   @each $size in $hds-button-sizes {
     .#{$blockName}--size-#{$size} {
-      min-height: map.get($hds-button-size-props, $size, "min-height");
-      padding: map.get($hds-button-size-props, $size, "padding-vertical")
-        map.get($hds-button-size-props, $size, "padding-horizontal");
+      min-height: var(--token-button-height-#{$size});
+      padding: var(--token-button-padding-vertical-#{$size}) var(--token-button-padding-horizontal-#{$size});
 
       .#{$blockName}__icon {
-        width: map.get($hds-button-size-props, $size, "icon-size");
-        height: map.get($hds-button-size-props, $size, "icon-size");
+        width: var(--token-button-icon-size-#{$size});
+        height: var(--token-button-icon-size-#{$size});
       }
 
       .#{$blockName}__text {
-        font-size: map.get($hds-button-size-props, $size, "font-size");
-        line-height: map.get($hds-button-size-props, $size, "line-height");
+        font-size: var(--token-button-typography-font-size-#{$size});
+        line-height: var(--token-button-typography-line-height-#{$size});
       }
 
       &.#{$blockName}--is-icon-only {
         // overrides to have the icon-only button squared
-        min-width: map.get($hds-button-size-props, $size, "min-height");
-        padding-right: map.get($hds-button-size-props, $size, "padding-vertical");
-        padding-left: map.get($hds-button-size-props, $size, "padding-vertical");
+        min-width: var(--token-button-height-#{$size});
+        padding-right: var(--token-button-padding-vertical-#{$size});
+        padding-left: var(--token-button-padding-vertical-#{$size});
       }
     }
   }

package/dist/styles/mixins/_carbonization.scss

@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+@use "sass:selector";
+
+@mixin hds-apply-only-if-carbon() {
+  @at-root #{selector.nest(".hds-theme-light", &)},
+    #{selector.nest(".hds-theme-dark", &)},
+    #{selector.nest(".hds-theme-system", &)} {
+    @content;
+  }
+}
+
+// NOTE: we don't expect this mixin to be used, but we're leaving it in place for now in case we need it later
+//
+// @mixin hds-apply-only-if-carbon-mode($mode: false) {
+//   @if $mode == "cds-g0" {
+//     @at-root #{selector.nest(".hds-mode-cds-g0", &)} {
+//       @content;
+//     }
+//   } @else if $mode == "cds-g10" {
+//     @at-root #{selector.nest(".hds-mode-cds-g10", &)} {
+//       @content;
+//     }
+//   } @else if $mode == "cds-g90" {
+//     @at-root #{selector.nest(".hds-mode-cds-g90", &)} {
+//       @content;
+//     }
+//   } @else if $mode == "cds-g100" {
+//     @at-root #{selector.nest(".hds-mode-cds-g100", &)} {
+//       @content;
+//     }
+//   } @else {
+//     @at-root #{selector.nest(".hds-mode-cds-g0", &)},
+//       #{selector.nest(".hds-mode-cds-g10", &)},
+//       #{selector.nest(".hds-mode-cds-g90", &)},
+//       #{selector.nest(".hds-mode-cds-g100", &)} {
+//       @content;
+//     }
+//   }
+// }

package/dist/styles/mixins/_focus-ring.scss

@@ -36,7 +36,7 @@
   $right: 0,
   $bottom: 0,
   $left: 0,
-  $radius: 5px,
+  $radius: var(--token-border-radius-medium),
   $color: action,
   $position: relative
 ) {
@@ -90,7 +90,7 @@
   $right: 0,
   $bottom: 0,
   $left: 0,
-  $radius: 5px,
+  $radius: var(--token-border-radius-medium),
   $color: action,
   $position: relative
 ) {

package/dist/utils/hds-aria-described-by.js

@@ -3,7 +3,7 @@ import { scheduleOnce } from '@ember/runloop';
 import { g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/utils/hds-aria-described-by.js.map

@@ -1 +1 @@
-{"version":3,"file":"hds-aria-described-by.js","sources":["../../src/utils/hds-aria-described-by.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { tracked } from '@glimmer/tracking';\nimport { scheduleOnce } from '@ember/runloop';\nimport type Component from '@glimmer/component';\nimport type { HdsFormFieldSignature } from '../components/hds/form/field/index.gts';\nimport type { HdsFormFieldsetSignature } from '../components/hds/form/fieldset/index.gts';\nimport type { HdsFormKeyValueInputsFieldSignature } from '../components/hds/form/key-value-inputs/field.gts';\nimport type { HdsFormKeyValueInputsSignature } from '../components/hds/form/key-value-inputs/index.gts';\n\ntype ElementSet = Set<HTMLElement>;\n\nclass AriaDescriptorMap {\n  private _elements = new WeakMap<AriaDescribedByComponent, ElementSet>();\n\n  register(obj: AriaDescribedByComponent, element: HTMLElement): void {\n    const elements = this.findOrCreateElementSet(obj);\n    elements.add(element);\n  }\n\n  unregister(obj: AriaDescribedByComponent, element: HTMLElement): void {\n    const elements = this.findOrCreateElementSet(obj);\n    elements.delete(element);\n  }\n\n  entries(obj: AriaDescribedByComponent): HTMLElement[] {\n    const elements = this.findOrCreateElementSet(obj);\n    return Array.from(elements.values());\n  }\n\n  private findOrCreateElementSet(obj: AriaDescribedByComponent): ElementSet {\n    if (this._elements.has(obj)) {\n      return this._elements.get(obj) as ElementSet;\n    }\n\n    const elements: ElementSet = new Set();\n    this._elements.set(obj, elements);\n    return elements;\n  }\n}\n\nconst ariaDescriptorMap = new AriaDescriptorMap();\n\ntype AriaDescribedByArgs =\n  | HdsFormFieldSignature\n  | HdsFormFieldsetSignature\n  | HdsFormKeyValueInputsFieldSignature\n  | HdsFormKeyValueInputsSignature;\n\nexport interface AriaDescribedByComponent\n  extends Component<AriaDescribedByArgs> {\n  __ARIA_DESCRIPTION_IDS__?: string[];\n  ariaDescribedBy?: string;\n}\n\n// essentially a type that says we return a subclass of the given type T\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ClassOf<T> = new (owner: unknown, ...args: any[]) => T;\n\nexport function ariaDescribedBy(\n  BaseComponent: ClassOf<AriaDescribedByComponent>\n): ClassOf<AriaDescribedByComponent> {\n  class EnhancedComponent extends BaseComponent {\n    @tracked __ARIA_DESCRIPTION_IDS__: string[] = [];\n\n    get ariaDescribedBy(): string {\n      let descriptors = this.__ARIA_DESCRIPTION_IDS__;\n\n      if (this.args.extraAriaDescribedBy) {\n        descriptors = descriptors.concat(this.args.extraAriaDescribedBy);\n      }\n\n      return descriptors.join(' ');\n    }\n  }\n  return EnhancedComponent;\n}\n\nfunction synchronizeDescriptors(component: AriaDescribedByComponent): void {\n  if (component.isDestroying || component.isDestroyed) return;\n  const descriptors = ariaDescriptorMap.entries(component);\n  component.__ARIA_DESCRIPTION_IDS__ = descriptors.map(\n    (element): string => element.id\n  );\n}\n\nexport function registerAriaDescriptionElement(\n  component: AriaDescribedByComponent,\n  element: HTMLElement\n): void {\n  ariaDescriptorMap.register(component, element);\n  // eslint-disable-next-line ember/no-runloop\n  scheduleOnce('afterRender', component, synchronizeDescriptors, component);\n}\n\nexport function unregisterAriaDescriptionElement(\n  component: AriaDescribedByComponent,\n  element: HTMLElement\n): void {\n  ariaDescriptorMap.unregister(component, element);\n  // eslint-disable-next-line ember/no-runloop\n  scheduleOnce('afterRender', component, synchronizeDescriptors, component);\n}\n"],"names":["AriaDescriptorMap","_elements","WeakMap","register","obj","element","elements","findOrCreateElementSet","add","unregister","delete","entries","Array","from","values","has","get","Set","set","ariaDescriptorMap","ariaDescribedBy","BaseComponent","EnhancedComponent","g","prototype","tracked","i","descriptors","__ARIA_DESCRIPTION_IDS__","args","extraAriaDescribedBy","concat","join","synchronizeDescriptors","component","isDestroying","isDestroyed","map","id","registerAriaDescriptionElement","scheduleOnce","unregisterAriaDescriptionElement"],"mappings":"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"}
+{"version":3,"file":"hds-aria-described-by.js","sources":["../../src/utils/hds-aria-described-by.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { tracked } from '@glimmer/tracking';\nimport { scheduleOnce } from '@ember/runloop';\nimport type Component from '@glimmer/component';\nimport type { HdsFormFieldSignature } from '../components/hds/form/field/index.gts';\nimport type { HdsFormFieldsetSignature } from '../components/hds/form/fieldset/index.gts';\nimport type { HdsFormKeyValueInputsFieldSignature } from '../components/hds/form/key-value-inputs/field.gts';\nimport type { HdsFormKeyValueInputsSignature } from '../components/hds/form/key-value-inputs/index.gts';\n\ntype ElementSet = Set<HTMLElement>;\n\nclass AriaDescriptorMap {\n  private _elements = new WeakMap<AriaDescribedByComponent, ElementSet>();\n\n  register(obj: AriaDescribedByComponent, element: HTMLElement): void {\n    const elements = this.findOrCreateElementSet(obj);\n    elements.add(element);\n  }\n\n  unregister(obj: AriaDescribedByComponent, element: HTMLElement): void {\n    const elements = this.findOrCreateElementSet(obj);\n    elements.delete(element);\n  }\n\n  entries(obj: AriaDescribedByComponent): HTMLElement[] {\n    const elements = this.findOrCreateElementSet(obj);\n    return Array.from(elements.values());\n  }\n\n  private findOrCreateElementSet(obj: AriaDescribedByComponent): ElementSet {\n    if (this._elements.has(obj)) {\n      return this._elements.get(obj) as ElementSet;\n    }\n\n    const elements: ElementSet = new Set();\n    this._elements.set(obj, elements);\n    return elements;\n  }\n}\n\nconst ariaDescriptorMap = new AriaDescriptorMap();\n\ntype AriaDescribedByArgs =\n  | HdsFormFieldSignature\n  | HdsFormFieldsetSignature\n  | HdsFormKeyValueInputsFieldSignature\n  | HdsFormKeyValueInputsSignature;\n\nexport interface AriaDescribedByComponent\n  extends Component<AriaDescribedByArgs> {\n  __ARIA_DESCRIPTION_IDS__?: string[];\n  ariaDescribedBy?: string;\n}\n\n// essentially a type that says we return a subclass of the given type T\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ClassOf<T> = new (owner: unknown, ...args: any[]) => T;\n\nexport function ariaDescribedBy(\n  BaseComponent: ClassOf<AriaDescribedByComponent>\n): ClassOf<AriaDescribedByComponent> {\n  class EnhancedComponent extends BaseComponent {\n    @tracked __ARIA_DESCRIPTION_IDS__: string[] = [];\n\n    get ariaDescribedBy(): string {\n      let descriptors = this.__ARIA_DESCRIPTION_IDS__;\n\n      if (this.args.extraAriaDescribedBy) {\n        descriptors = descriptors.concat(this.args.extraAriaDescribedBy);\n      }\n\n      return descriptors.join(' ');\n    }\n  }\n  return EnhancedComponent;\n}\n\nfunction synchronizeDescriptors(component: AriaDescribedByComponent): void {\n  if (component.isDestroying || component.isDestroyed) return;\n  const descriptors = ariaDescriptorMap.entries(component);\n  component.__ARIA_DESCRIPTION_IDS__ = descriptors.map(\n    (element): string => element.id\n  );\n}\n\nexport function registerAriaDescriptionElement(\n  component: AriaDescribedByComponent,\n  element: HTMLElement\n): void {\n  ariaDescriptorMap.register(component, element);\n  // eslint-disable-next-line ember/no-runloop\n  scheduleOnce('afterRender', component, synchronizeDescriptors, component);\n}\n\nexport function unregisterAriaDescriptionElement(\n  component: AriaDescribedByComponent,\n  element: HTMLElement\n): void {\n  ariaDescriptorMap.unregister(component, element);\n  // eslint-disable-next-line ember/no-runloop\n  scheduleOnce('afterRender', component, synchronizeDescriptors, component);\n}\n"],"names":["AriaDescriptorMap","_elements","WeakMap","register","obj","element","elements","findOrCreateElementSet","add","unregister","delete","entries","Array","from","values","has","get","Set","set","ariaDescriptorMap","ariaDescribedBy","BaseComponent","EnhancedComponent","g","prototype","tracked","i","descriptors","__ARIA_DESCRIPTION_IDS__","args","extraAriaDescribedBy","concat","join","synchronizeDescriptors","component","isDestroying","isDestroyed","map","id","registerAriaDescriptionElement","scheduleOnce","unregisterAriaDescriptionElement"],"mappings":";;;;AAAA;AACA;AACA;AACA;;AAYA,MAAMA,iBAAiB,CAAC;AACdC,EAAAA,SAAS,GAAG,IAAIC,OAAO,EAAwC;AAEvEC,EAAAA,QAAQA,CAACC,GAA6B,EAAEC,OAAoB,EAAQ;AAClE,IAAA,MAAMC,QAAQ,GAAG,IAAI,CAACC,sBAAsB,CAACH,GAAG,CAAC;AACjDE,IAAAA,QAAQ,CAACE,GAAG,CAACH,OAAO,CAAC;AACvB,EAAA;AAEAI,EAAAA,UAAUA,CAACL,GAA6B,EAAEC,OAAoB,EAAQ;AACpE,IAAA,MAAMC,QAAQ,GAAG,IAAI,CAACC,sBAAsB,CAACH,GAAG,CAAC;AACjDE,IAAAA,QAAQ,CAACI,MAAM,CAACL,OAAO,CAAC;AAC1B,EAAA;EAEAM,OAAOA,CAACP,GAA6B,EAAiB;AACpD,IAAA,MAAME,QAAQ,GAAG,IAAI,CAACC,sBAAsB,CAACH,GAAG,CAAC;IACjD,OAAOQ,KAAK,CAACC,IAAI,CAACP,QAAQ,CAACQ,MAAM,EAAE,CAAC;AACtC,EAAA;EAEQP,sBAAsBA,CAACH,GAA6B,EAAc;IACxE,IAAI,IAAI,CAACH,SAAS,CAACc,GAAG,CAACX,GAAG,CAAC,EAAE;AAC3B,MAAA,OAAO,IAAI,CAACH,SAAS,CAACe,GAAG,CAACZ,GAAG,CAAC;AAChC,IAAA;AAEA,IAAA,MAAME,QAAoB,GAAG,IAAIW,GAAG,EAAE;IACtC,IAAI,CAAChB,SAAS,CAACiB,GAAG,CAACd,GAAG,EAAEE,QAAQ,CAAC;AACjC,IAAA,OAAOA,QAAQ;AACjB,EAAA;AACF;AAEA,MAAMa,iBAAiB,GAAG,IAAInB,iBAAiB,EAAE;;AAcjD;AACA;;AAGO,SAASoB,eAAeA,CAC7BC,aAAgD,EACb;EACnC,MAAMC,iBAAiB,SAASD,aAAa,CAAC;AAAA,IAAA;MAAAE,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,0BAAA,EAAA,CAC3CC,OAAO,CAAA,EAAA,YAAA;AAAA,QAAA,OAAsC,EAAE;AAAA,MAAA,CAAA,CAAA;AAAA;IAAA,yBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,0BAAA,CAAA,EAAA,MAAA;IAEhD,IAAIN,eAAeA,GAAW;AAC5B,MAAA,IAAIO,WAAW,GAAG,IAAI,CAACC,wBAAwB;AAE/C,MAAA,IAAI,IAAI,CAACC,IAAI,CAACC,oBAAoB,EAAE;QAClCH,WAAW,GAAGA,WAAW,CAACI,MAAM,CAAC,IAAI,CAACF,IAAI,CAACC,oBAAoB,CAAC;AAClE,MAAA;AAEA,MAAA,OAAOH,WAAW,CAACK,IAAI,CAAC,GAAG,CAAC;AAC9B,IAAA;AACF;AACA,EAAA,OAAOV,iBAAiB;AAC1B;AAEA,SAASW,sBAAsBA,CAACC,SAAmC,EAAQ;AACzE,EAAA,IAAIA,SAAS,CAACC,YAAY,IAAID,SAAS,CAACE,WAAW,EAAE;AACrD,EAAA,MAAMT,WAAW,GAAGR,iBAAiB,CAACR,OAAO,CAACuB,SAAS,CAAC;AACxDA,EAAAA,SAAS,CAACN,wBAAwB,GAAGD,WAAW,CAACU,GAAG,CACjDhC,OAAO,IAAaA,OAAO,CAACiC,EAC/B,CAAC;AACH;AAEO,SAASC,8BAA8BA,CAC5CL,SAAmC,EACnC7B,OAAoB,EACd;AACNc,EAAAA,iBAAiB,CAAChB,QAAQ,CAAC+B,SAAS,EAAE7B,OAAO,CAAC;AAC9C;EACAmC,YAAY,CAAC,aAAa,EAAEN,SAAS,EAAED,sBAAsB,EAAEC,SAAS,CAAC;AAC3E;AAEO,SAASO,gCAAgCA,CAC9CP,SAAmC,EACnC7B,OAAoB,EACd;AACNc,EAAAA,iBAAiB,CAACV,UAAU,CAACyB,SAAS,EAAE7B,OAAO,CAAC;AAChD;EACAmC,YAAY,CAAC,aAAa,EAAEN,SAAS,EAAED,sBAAsB,EAAEC,SAAS,CAAC;AAC3E;;;;"}

package/dist/utils/hds-link-to-external.js

@@ -1,3 +1,8 @@
+/**
+ * Copyright IBM Corp. 2021, 2026
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
 let LINK_TO_EXTERNAL_COMPONENT = null;
 function getLinkToExternal() {
   return LINK_TO_EXTERNAL_COMPONENT;

package/dist/utils/hds-link-to-external.js.map

@@ -1 +1 @@
-{"version":3,"file":"hds-link-to-external.js","sources":["../../src/utils/hds-link-to-external.ts"],"sourcesContent":["import type { LinkTo } from '@ember/routing';\n\nlet LINK_TO_EXTERNAL_COMPONENT: LinkTo | null = null;\n\nexport function getLinkToExternal(): LinkTo | null {\n  return LINK_TO_EXTERNAL_COMPONENT;\n}\n\nexport function setLinkToExternal(component: LinkTo | null): void {\n  LINK_TO_EXTERNAL_COMPONENT = component;\n}\n"],"names":["LINK_TO_EXTERNAL_COMPONENT","getLinkToExternal","setLinkToExternal","component"],"mappings":"AAEA,IAAIA,0BAAyC,GAAG,IAAI;AAE7C,SAASC,iBAAiBA,GAAkB;AACjD,EAAA,OAAOD,0BAA0B;AACnC;AAEO,SAASE,iBAAiBA,CAACC,SAAwB,EAAQ;AAChEH,EAAAA,0BAA0B,GAAGG,SAAS;AACxC;;;;"}
+{"version":3,"file":"hds-link-to-external.js","sources":["../../src/utils/hds-link-to-external.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { LinkTo } from '@ember/routing';\n\nlet LINK_TO_EXTERNAL_COMPONENT: LinkTo | null = null;\n\nexport function getLinkToExternal(): LinkTo | null {\n  return LINK_TO_EXTERNAL_COMPONENT;\n}\n\nexport function setLinkToExternal(component: LinkTo | null): void {\n  LINK_TO_EXTERNAL_COMPONENT = component;\n}\n"],"names":["LINK_TO_EXTERNAL_COMPONENT","getLinkToExternal","setLinkToExternal","component"],"mappings":"AAAA;AACA;AACA;AACA;;AAIA,IAAIA,0BAAyC,GAAG,IAAI;AAE7C,SAASC,iBAAiBA,GAAkB;AACjD,EAAA,OAAOD,0BAA0B;AACnC;AAEO,SAASE,iBAAiBA,CAACC,SAAwB,EAAQ;AAChEH,EAAAA,0BAA0B,GAAGG,SAAS;AACxC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/design-system-components",
-  "version": "6.2.0",
+  "version": "6.3.0-rc-20260514101332",
   "description": "Helios Design System Components",
   "keywords": [
     "hashicorp",
@@ -36,8 +36,10 @@
     "@embroider/macros": "^1.18.1",
     "@embroider/util": "^1.13.4",
     "@floating-ui/dom": "^1.6.12",
-    "@hashicorp/design-system-tokens": "^5.0.0",
-    "@hashicorp/flight-icons": "^5.0.0",
+    "@hashicorp/design-system-tokens": "6.0.0-rc-20260514101332",
+    "@hashicorp/flight-icons": "5.1.0-rc-20260514101332",
+    "@ibm/plex-mono": "^1.1.0",
+    "@ibm/plex-sans": "^1.1.0",
     "@lezer/highlight": "^1.2.1",
     "@nullvoxpopuli/ember-composable-helpers": "^5.2.11",
     "clipboard-polyfill": "^4.1.1",
@@ -339,6 +341,8 @@
       "./components/hds/text/code.js": "./dist/_app_/components/hds/text/code.js",
       "./components/hds/text/display.js": "./dist/_app_/components/hds/text/display.js",
       "./components/hds/text.js": "./dist/_app_/components/hds/text.js",
+      "./components/hds/theme-context.js": "./dist/_app_/components/hds/theme-context.js",
+      "./components/hds/theme-switcher.js": "./dist/_app_/components/hds/theme-switcher.js",
       "./components/hds/time.js": "./dist/_app_/components/hds/time.js",
       "./components/hds/time/range.js": "./dist/_app_/components/hds/time/range.js",
       "./components/hds/time/single.js": "./dist/_app_/components/hds/time/single.js",
@@ -350,24 +354,81 @@
       "./helpers/hds-link-to-models.js": "./dist/_app_/helpers/hds-link-to-models.js",
       "./helpers/hds-link-to-query.js": "./dist/_app_/helpers/hds-link-to-query.js",
       "./helpers/hds-t.js": "./dist/_app_/helpers/hds-t.js",
+      "./instance-initializers/load-sprite-empty.js": "./dist/_app_/instance-initializers/load-sprite-empty.js",
       "./instance-initializers/load-sprite.js": "./dist/_app_/instance-initializers/load-sprite.js",
       "./modifiers/hds-advanced-table-cell.js": "./dist/_app_/modifiers/hds-advanced-table-cell.js",
       "./modifiers/hds-advanced-table-cell/dom-management.js": "./dist/_app_/modifiers/hds-advanced-table-cell/dom-management.js",
       "./modifiers/hds-anchored-position.js": "./dist/_app_/modifiers/hds-anchored-position.js",
       "./modifiers/hds-clipboard.js": "./dist/_app_/modifiers/hds-clipboard.js",
       "./modifiers/hds-code-editor.js": "./dist/_app_/modifiers/hds-code-editor.js",
-      "./modifiers/hds-code-editor/highlight-styles/hds-dark-highlight-style.js": "./dist/_app_/modifiers/hds-code-editor/highlight-styles/hds-dark-highlight-style.js",
+      "./modifiers/hds-code-editor/highlight-styles/hds-highlight-style.js": "./dist/_app_/modifiers/hds-code-editor/highlight-styles/hds-highlight-style.js",
       "./modifiers/hds-code-editor/languages/rego.js": "./dist/_app_/modifiers/hds-code-editor/languages/rego.js",
       "./modifiers/hds-code-editor/languages/sentinel.js": "./dist/_app_/modifiers/hds-code-editor/languages/sentinel.js",
       "./modifiers/hds-code-editor/linters/json-linter.js": "./dist/_app_/modifiers/hds-code-editor/linters/json-linter.js",
-      "./modifiers/hds-code-editor/palettes/hds-dark-palette.js": "./dist/_app_/modifiers/hds-code-editor/palettes/hds-dark-palette.js",
-      "./modifiers/hds-code-editor/themes/hds-dark-theme.js": "./dist/_app_/modifiers/hds-code-editor/themes/hds-dark-theme.js",
+      "./modifiers/hds-code-editor/themes/hds-theme.js": "./dist/_app_/modifiers/hds-code-editor/themes/hds-theme.js",
       "./modifiers/hds-code-editor/types.js": "./dist/_app_/modifiers/hds-code-editor/types.js",
       "./modifiers/hds-register-event.js": "./dist/_app_/modifiers/hds-register-event.js",
       "./modifiers/hds-scroll-into-view-on-focus.js": "./dist/_app_/modifiers/hds-scroll-into-view-on-focus.js",
       "./modifiers/hds-tooltip.js": "./dist/_app_/modifiers/hds-tooltip.js",
+      "./services/hds-icon-registry.js": "./dist/_app_/services/hds-icon-registry.js",
       "./services/hds-intl.js": "./dist/_app_/services/hds-intl.js",
+      "./services/hds-theming.js": "./dist/_app_/services/hds-theming.js",
       "./services/hds-time.js": "./dist/_app_/services/hds-time.js"
+    },
+    "public-assets": {
+      "dist/public/assets/fonts/LICENSE.txt": "assets/fonts/LICENSE.txt",
+      "dist/public/assets/fonts/complete/woff2/IBMPlexSans-Italic.woff2": "assets/fonts/complete/woff2/IBMPlexSans-Italic.woff2",
+      "dist/public/assets/fonts/complete/woff2/IBMPlexSans-Regular.woff2": "assets/fonts/complete/woff2/IBMPlexSans-Regular.woff2",
+      "dist/public/assets/fonts/complete/woff2/IBMPlexSans-SemiBold.woff2": "assets/fonts/complete/woff2/IBMPlexSans-SemiBold.woff2",
+      "dist/public/assets/fonts/complete/woff2/IBMPlexSans-SemiBoldItalic.woff2": "assets/fonts/complete/woff2/IBMPlexSans-SemiBoldItalic.woff2",
+      "dist/public/assets/fonts/complete/woff2/IBMPlexMono-Italic.woff2": "assets/fonts/complete/woff2/IBMPlexMono-Italic.woff2",
+      "dist/public/assets/fonts/complete/woff2/IBMPlexMono-Regular.woff2": "assets/fonts/complete/woff2/IBMPlexMono-Regular.woff2",
+      "dist/public/assets/fonts/complete/woff2/IBMPlexMono-SemiBold.woff2": "assets/fonts/complete/woff2/IBMPlexMono-SemiBold.woff2",
+      "dist/public/assets/fonts/complete/woff2/IBMPlexMono-SemiBoldItalic.woff2": "assets/fonts/complete/woff2/IBMPlexMono-SemiBoldItalic.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-Italic-Cyrillic.woff2": "assets/fonts/split/woff2/IBMPlexMono-Italic-Cyrillic.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-Italic-Latin1.woff2": "assets/fonts/split/woff2/IBMPlexMono-Italic-Latin1.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-Italic-Latin2.woff2": "assets/fonts/split/woff2/IBMPlexMono-Italic-Latin2.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-Italic-Latin3.woff2": "assets/fonts/split/woff2/IBMPlexMono-Italic-Latin3.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-Italic-Pi.woff2": "assets/fonts/split/woff2/IBMPlexMono-Italic-Pi.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-Regular-Cyrillic.woff2": "assets/fonts/split/woff2/IBMPlexMono-Regular-Cyrillic.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-Regular-Latin1.woff2": "assets/fonts/split/woff2/IBMPlexMono-Regular-Latin1.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-Regular-Latin2.woff2": "assets/fonts/split/woff2/IBMPlexMono-Regular-Latin2.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-Regular-Latin3.woff2": "assets/fonts/split/woff2/IBMPlexMono-Regular-Latin3.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-Regular-Pi.woff2": "assets/fonts/split/woff2/IBMPlexMono-Regular-Pi.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBold-Cyrillic.woff2": "assets/fonts/split/woff2/IBMPlexMono-SemiBold-Cyrillic.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBold-Latin1.woff2": "assets/fonts/split/woff2/IBMPlexMono-SemiBold-Latin1.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBold-Latin2.woff2": "assets/fonts/split/woff2/IBMPlexMono-SemiBold-Latin2.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBold-Latin3.woff2": "assets/fonts/split/woff2/IBMPlexMono-SemiBold-Latin3.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBold-Pi.woff2": "assets/fonts/split/woff2/IBMPlexMono-SemiBold-Pi.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Cyrillic.woff2": "assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Cyrillic.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin1.woff2": "assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin1.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin2.woff2": "assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin2.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin3.woff2": "assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin3.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Pi.woff2": "assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Pi.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-Italic-Cyrillic.woff2": "assets/fonts/split/woff2/IBMPlexSans-Italic-Cyrillic.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-Italic-Greek.woff2": "assets/fonts/split/woff2/IBMPlexSans-Italic-Greek.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-Italic-Latin1.woff2": "assets/fonts/split/woff2/IBMPlexSans-Italic-Latin1.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-Italic-Latin2.woff2": "assets/fonts/split/woff2/IBMPlexSans-Italic-Latin2.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-Italic-Latin3.woff2": "assets/fonts/split/woff2/IBMPlexSans-Italic-Latin3.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-Italic-Pi.woff2": "assets/fonts/split/woff2/IBMPlexSans-Italic-Pi.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-Regular-Cyrillic.woff2": "assets/fonts/split/woff2/IBMPlexSans-Regular-Cyrillic.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-Regular-Greek.woff2": "assets/fonts/split/woff2/IBMPlexSans-Regular-Greek.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-Regular-Latin1.woff2": "assets/fonts/split/woff2/IBMPlexSans-Regular-Latin1.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-Regular-Latin2.woff2": "assets/fonts/split/woff2/IBMPlexSans-Regular-Latin2.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-Regular-Latin3.woff2": "assets/fonts/split/woff2/IBMPlexSans-Regular-Latin3.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-Regular-Pi.woff2": "assets/fonts/split/woff2/IBMPlexSans-Regular-Pi.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBold-Cyrillic.woff2": "assets/fonts/split/woff2/IBMPlexSans-SemiBold-Cyrillic.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBold-Greek.woff2": "assets/fonts/split/woff2/IBMPlexSans-SemiBold-Greek.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBold-Latin1.woff2": "assets/fonts/split/woff2/IBMPlexSans-SemiBold-Latin1.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBold-Latin2.woff2": "assets/fonts/split/woff2/IBMPlexSans-SemiBold-Latin2.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBold-Latin3.woff2": "assets/fonts/split/woff2/IBMPlexSans-SemiBold-Latin3.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBold-Pi.woff2": "assets/fonts/split/woff2/IBMPlexSans-SemiBold-Pi.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Cyrillic.woff2": "assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Cyrillic.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Greek.woff2": "assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Greek.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin1.woff2": "assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin1.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin2.woff2": "assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin2.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin3.woff2": "assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin3.woff2",
+      "dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Pi.woff2": "assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Pi.woff2"
     }
   },
   "exports": {

package/declarations/modifiers/hds-code-editor/palettes/hds-dark-palette.d.ts

@@ -1,21 +0,0 @@
-/**
- * Copyright IBM Corp. 2021, 2025
- * SPDX-License-Identifier: MPL-2.0
- */
-export declare const HDS_CODE_BLOCK_WHITE = "#efeff1";
-export declare const HDS_CODE_BLOCK_BLUE = "#2d8eff";
-export declare const HDS_CODE_BLOCK_GREEN = "#86ff13";
-export declare const HDS_CODE_BLOCK_ORANGE = "#ffa800";
-export declare const HDS_CODE_BLOCK_PURPLE = "#c76cff";
-export declare const HDS_CODE_BLOCK_RED = "#ff3b20";
-export declare const HDS_CODE_BLOCK_CYAN = "#32fff7";
-export declare const HDS_CODE_BLOCK_LINE_HIGHLIGHT = "rgba(0, 74, 222, 0.2)";
-export declare const HDS_CODE_BLOCK_LINE_HIGHLIGHT_BORDER = "#1b5fe5";
-export declare const HDS_CODE_EDITOR_COLOR_FOREGROUND_PRIMARY = "#d5d7db";
-export declare const HDS_CODE_EDITOR_COLOR_FOREGROUND_FAINT = "#878a8f";
-export declare const HDS_CODE_EDITOR_COLOR_FOREGROUND_CRITICAL = "#EF3016";
-export declare const HDS_CODE_EDITOR_COLOR_SURFACE_PRIMARY = "#0D0E12";
-export declare const HDS_CODE_EDITOR_COLOR_SURFACE_FAINT = "#15181e";
-export declare const HDS_CODE_EDITOR_COLOR_SURFACE_INTERACTIVE_ACTIVE = "#2B303C";
-export declare const HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_INTERNAL = "#9BC7FD";
-export declare const HDS_CODE_EDITOR_COLOR_FOCUS_ACTION_EXTERNAL = "#0D69F2";