@hashicorp/design-system-components 4.16.0 → 4.17.0

package/dist/styles/@hashicorp/design-system-components.css

@@ -1188,6 +1188,10 @@
   align-items: flex-start;
   justify-content: flex-start;
   height: 100%;
+  font-weight: var(--token-typography-font-weight-regular);
+  font-size: var(--token-typography-body-200-font-size);
+  font-family: var(--token-typography-body-200-font-family);
+  line-height: var(--token-typography-body-200-line-height);
   text-align: left;
   background-color: var(--token-color-surface-primary);
 }
@@ -1734,6 +1738,14 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 .hds-badge {
+  --token-color-surface-success: var(--token-color-palette-green-100);
+  --token-color-foreground-success-on-surface: var(--token-color-palette-green-400);
+  --token-color-surface-warning: var(--token-color-palette-amber-100);
+  --token-color-foreground-warning-on-surface: var(--token-color-palette-amber-400);
+  --token-color-surface-critical: var(--token-color-palette-red-100);
+  --token-color-foreground-critical-on-surface: var(--token-color-palette-red-400);
+  --token-color-surface-highlight: var(--token-color-palette-purple-100);
+  --token-color-foreground-highlight-on-surface: var(--token-color-palette-purple-400);
   display: inline-flex;
   align-items: center;
   max-width: 100%;
@@ -1797,7 +1809,7 @@
 
 .hds-badge--color-neutral.hds-badge--type-filled {
   color: var(--token-color-foreground-primary);
-  background-color: var(--token-color-surface-strong);
+  background-color: var(--token-color-palette-neutral-200);
 }
 .hds-badge--color-neutral.hds-badge--type-inverted {
   color: var(--token-color-foreground-high-contrast);
@@ -1918,7 +1930,7 @@
 
 .hds-badge-count--color-neutral.hds-badge-count--type-filled {
   color: var(--token-color-foreground-primary);
-  background-color: var(--token-color-surface-strong);
+  background-color: var(--token-color-palette-neutral-200);
 }
 .hds-badge-count--color-neutral.hds-badge-count--type-inverted {
   color: var(--token-color-foreground-high-contrast);
@@ -6153,7 +6165,8 @@ button.hds-button[href]::after {
 
 .hds-rich-tooltip__toggle-text {
   color: var(--text-color);
-  text-decoration: underline dotted;
+  text-decoration: underline;
+  text-decoration-style: dotted;
 }
 
 .hds-rich-tooltip__toggle-icon {
@@ -7814,6 +7827,8 @@ button.hds-button[href]::after {
 .hds-tag {
   display: inline-flex;
   align-items: stretch;
+  width: fit-content;
+  max-width: 100%;
   line-height: 1rem;
   vertical-align: middle;
   background-color: var(--token-color-surface-interactive);
@@ -7840,12 +7855,23 @@ button.hds-button[href]::after {
 .hds-tag__text,
 .hds-tag__link {
   flex: 1 0 0;
+  max-width: 166px;
   padding: 3px 10px 5px 10px;
   border-radius: inherit;
 }
 
+.hds-tag__text-container {
+  display: -webkit-box;
+  overflow: hidden;
+  word-break: break-all;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  line-clamp: 1;
+}
+
 .hds-tag__dismiss ~ .hds-tag__text,
 .hds-tag__dismiss ~ .hds-tag__link {
+  max-width: 160px;
   padding: 3px 8px 5px 6px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
@@ -7898,6 +7924,31 @@ button.hds-button[href]::after {
   box-shadow: none;
 }
 
+.hds-tooltip-button.hds-tag__text {
+  cursor: text;
+  user-select: text;
+}
+.hds-tooltip-button.hds-tag__text:focus, .hds-tooltip-button.hds-tag__text.mock-focus {
+  outline-style: solid;
+  outline-color: transparent;
+  z-index: 1;
+}
+.hds-tooltip-button.hds-tag__text:focus:focus, .hds-tooltip-button.hds-tag__text:focus.mock-focus, .hds-tooltip-button.hds-tag__text.mock-focus:focus, .hds-tooltip-button.hds-tag__text.mock-focus.mock-focus {
+  box-shadow: var(--token-focus-ring-action-box-shadow);
+}
+.hds-tooltip-button.hds-tag__text:focus:focus:not(:focus-visible), .hds-tooltip-button.hds-tag__text.mock-focus:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+.hds-tooltip-button.hds-tag__text:focus:focus-visible, .hds-tooltip-button.hds-tag__text.mock-focus:focus-visible {
+  box-shadow: var(--token-focus-ring-action-box-shadow);
+}
+.hds-tooltip-button.hds-tag__text:focus:focus:active, .hds-tooltip-button.hds-tag__text:focus.mock-focus.mock-active, .hds-tooltip-button.hds-tag__text.mock-focus:focus:active, .hds-tooltip-button.hds-tag__text.mock-focus.mock-focus.mock-active {
+  box-shadow: none;
+}
+.hds-tooltip-button.hds-tag__text:focus-visible::before {
+  box-shadow: none;
+}
+
 .hds-tag--color-primary .hds-tag__link {
   color: var(--token-color-foreground-action);
 }
@@ -7937,6 +7988,11 @@ button.hds-button[href]::after {
   gap: 2px;
 }
 
+.hds-time-wrapper .hds-time {
+  text-decoration: underline;
+  text-decoration-style: dotted;
+}
+
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
@@ -8026,8 +8082,43 @@ button.hds-button[href]::after {
   text-align: left;
 }
 .tippy-box[data-theme~=hds] .tippy-svg-arrow {
+  width: 16px;
+  height: 16px;
+  text-align: initial;
   fill: var(--token-tooltip-color-surface-primary);
 }
+.tippy-box[data-theme~=hds] .tippy-svg-arrow, .tippy-box[data-theme~=hds] .tippy-svg-arrow > svg {
+  position: absolute;
+}
+.tippy-box[data-theme~=hds][data-placement^=top] > .tippy-svg-arrow {
+  bottom: 0;
+}
+.tippy-box[data-theme~=hds][data-placement^=top] > .tippy-svg-arrow::after, .tippy-box[data-theme~=hds][data-placement^=top] > .tippy-svg-arrow > svg {
+  top: 16px;
+  transform: rotate(180deg);
+}
+.tippy-box[data-theme~=hds][data-placement^=bottom] > .tippy-svg-arrow {
+  top: 0;
+}
+.tippy-box[data-theme~=hds][data-placement^=bottom] > .tippy-svg-arrow > svg {
+  bottom: 16px;
+}
+.tippy-box[data-theme~=hds][data-placement^=left] > .tippy-svg-arrow {
+  right: 0;
+}
+.tippy-box[data-theme~=hds][data-placement^=left] > .tippy-svg-arrow::after, .tippy-box[data-theme~=hds][data-placement^=left] > .tippy-svg-arrow > svg {
+  top: calc(50% - 3px);
+  left: 11px;
+  transform: rotate(90deg);
+}
+.tippy-box[data-theme~=hds][data-placement^=right] > .tippy-svg-arrow {
+  left: 0;
+}
+.tippy-box[data-theme~=hds][data-placement^=right] > .tippy-svg-arrow::after, .tippy-box[data-theme~=hds][data-placement^=right] > .tippy-svg-arrow > svg {
+  top: calc(50% - 3px);
+  right: 11px;
+  transform: rotate(-90deg);
+}
 
 .sr-only {
   position: absolute !important;

package/dist/styles/components/advanced-table.scss

@@ -241,6 +241,10 @@ $hds-advanced-table-cell-padding-tall: 22px 16px 21px 16px; // the 1px differenc
     align-items: flex-start;
     justify-content: flex-start;
     height: 100%;
+    font-weight: var(--token-typography-font-weight-regular);
+    font-size: var(--token-typography-body-200-font-size);
+    font-family: var(--token-typography-body-200-font-family);
+    line-height: var(--token-typography-body-200-line-height);
     text-align: left;
     background-color: var(--token-color-surface-primary);
 

package/dist/styles/components/badge-count.scss

@@ -67,7 +67,7 @@ $hds-badge-count-size-props: (
 .hds-badge-count--color-neutral {
   &.hds-badge-count--type-filled {
     color: var(--token-color-foreground-primary);
-    background-color: var(--token-color-surface-strong);
+    background-color: var(--token-color-palette-neutral-200);
   }
 
   &.hds-badge-count--type-inverted {

package/dist/styles/components/badge.scss

@@ -34,6 +34,16 @@ $hds-badge-colors-props: (
 
 
 .hds-badge {
+  // Redefine color values to increase contrast
+  --token-color-surface-success: var(--token-color-palette-green-100);
+  --token-color-foreground-success-on-surface: var(--token-color-palette-green-400);
+  --token-color-surface-warning: var(--token-color-palette-amber-100);
+  --token-color-foreground-warning-on-surface: var(--token-color-palette-amber-400);
+  --token-color-surface-critical: var(--token-color-palette-red-100);
+  --token-color-foreground-critical-on-surface: var(--token-color-palette-red-400);
+  --token-color-surface-highlight: var(--token-color-palette-purple-100);
+  --token-color-foreground-highlight-on-surface: var(--token-color-palette-purple-400);
+
   display: inline-flex;
   align-items: center;
   max-width: 100%;
@@ -111,7 +121,7 @@ $hds-badge-size-props: (
 .hds-badge--color-neutral {
   &.hds-badge--type-filled {
     color: var(--token-color-foreground-primary);
-    background-color: var(--token-color-surface-strong);
+    background-color: var(--token-color-palette-neutral-200);
   }
 
   &.hds-badge--type-inverted {

package/dist/styles/components/rich-tooltip.scss

@@ -65,7 +65,9 @@
 
 .hds-rich-tooltip__toggle-text {
   color: var(--text-color);
-  text-decoration: underline dotted;
+  // decoration style is specified separately to fix a bug in Safari causing it not to render
+  text-decoration: underline;
+  text-decoration-style: dotted;
 }
 
 // icon

package/dist/styles/components/tag.scss

@@ -15,6 +15,8 @@ $hds-tag-border-radius: 50px;
 .hds-tag {
   display: inline-flex;
   align-items: stretch;
+  width: fit-content;
+  max-width: 100%;
   line-height: 1rem; // 16px - override `body-100`
   vertical-align: middle;
   background-color: var(--token-color-surface-interactive);
@@ -41,12 +43,23 @@ $hds-tag-border-radius: 50px;
 .hds-tag__text,
 .hds-tag__link {
   flex: 1 0 0;
+  max-width: 166px; // account for excess horizontal padding of text in non-dismissible variant
   padding: 3px 10px 5px 10px;
   border-radius: inherit;
 }
 
+.hds-tag__text-container {
+  display: -webkit-box;
+  overflow: hidden;
+  word-break: break-all;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  line-clamp: 1;
+}
+
 .hds-tag__dismiss ~ .hds-tag__text,
 .hds-tag__dismiss ~ .hds-tag__link {
+  max-width: 160px;
   padding: 3px 8px 5px 6px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
@@ -76,6 +89,21 @@ $hds-tag-border-radius: 50px;
   }
 }
 
+.hds-tooltip-button.hds-tag__text {
+  cursor: text;
+  user-select: text;
+
+  &:focus,
+  &.mock-focus {
+    @include hds-focus-ring-basic();
+    z-index: 1; // ensures focus is not obscured by adjacent elements
+  }
+
+  &:focus-visible::before {
+    box-shadow: none; // override default tooltip button focus styles
+  }
+}
+
 // COLORS (FOR LINK)
 
 .hds-tag--color-primary {

package/dist/styles/components/time.scss

@@ -10,4 +10,11 @@
 .hds-time--range {
   display: inline-flex; // remove excess space between time range elements
   gap: 2px; // add a bit of space around en dash so it doesn't touch some number characters
+}
+
+// Note: The time-wrapper is only present when time is wrapped by a tooltip button
+.hds-time-wrapper .hds-time {
+  // decoration style is specified separately to fix a bug in Safari causing it not to render
+  text-decoration: underline;
+  text-decoration-style: dotted;
 }

package/dist/styles/components/tooltip.scss

@@ -85,6 +85,55 @@
 
   // works with Tippy's custom SVG arrow variation:
   .tippy-svg-arrow {
+    width: 16px;
+    height: 16px;
+    text-align: initial;
     fill: var(--token-tooltip-color-surface-primary);
+
+    &, 
+    & > svg {
+      position: absolute;
+    }
+  }
+
+  // Arrow positioning styles taken from tippy.js (tippy.js/dist/svg-arrow.css)
+  &[data-placement^="top"] > .tippy-svg-arrow {
+    bottom: 0;
+  }
+
+  &[data-placement^="top"] > .tippy-svg-arrow::after,
+  &[data-placement^="top"] > .tippy-svg-arrow > svg {
+    top: 16px;
+    transform: rotate(180deg);
+  }
+
+  &[data-placement^="bottom"] > .tippy-svg-arrow {
+    top: 0;
+  }
+
+  &[data-placement^="bottom"] > .tippy-svg-arrow > svg {
+    bottom: 16px;
+  }
+
+  &[data-placement^="left"] > .tippy-svg-arrow {
+    right: 0;
+  }
+
+  &[data-placement^="left"] > .tippy-svg-arrow::after,
+  &[data-placement^="left"] > .tippy-svg-arrow > svg {
+    top: calc(50% - 3px);
+    left: 11px;
+    transform: rotate(90deg);
+  }
+
+  &[data-placement^="right"] > .tippy-svg-arrow {
+    left: 0;
+  }
+
+  &[data-placement^="right"] > .tippy-svg-arrow::after,
+  &[data-placement^="right"] > .tippy-svg-arrow > svg {
+    top: calc(50% - 3px);
+    right: 11px;
+    transform: rotate(-90deg);
   }
 }

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

@@ -1,11 +1,14 @@
-import { a as _defineProperty, _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import { tracked } from '@glimmer/tracking';
 import { scheduleOnce } from '@ember/runloop';
+import { g, i } from 'decorator-transforms/runtime';
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
 
 class AriaDescriptorMap {
-  constructor() {
-    _defineProperty(this, "_elements", new WeakMap());
-  }
+  _elements = new WeakMap();
   register(obj, element) {
     const elements = this.findOrCreateElementSet(obj);
     elements.add(element);
@@ -33,12 +36,13 @@ const ariaDescriptorMap = new AriaDescriptorMap();
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 function ariaDescribedBy(BaseComponent) {
-  var _class, _descriptor;
-  let EnhancedComponent = (_class = class EnhancedComponent extends BaseComponent {
-    constructor(...args) {
-      super(...args);
-      _initializerDefineProperty(this, "__ARIA_DESCRIPTION_IDS__", _descriptor, this);
+  class EnhancedComponent extends BaseComponent {
+    static {
+      g(this.prototype, "__ARIA_DESCRIPTION_IDS__", [tracked], function () {
+        return [];
+      });
     }
+    #__ARIA_DESCRIPTION_IDS__ = (i(this, "__ARIA_DESCRIPTION_IDS__"), undefined);
     get ariaDescribedBy() {
       let descriptors = this.__ARIA_DESCRIPTION_IDS__;
       if (this.args.extraAriaDescribedBy) {
@@ -46,14 +50,7 @@ function ariaDescribedBy(BaseComponent) {
       }
       return descriptors.join(' ');
     }
-  }, _descriptor = _applyDecoratedDescriptor(_class.prototype, "__ARIA_DESCRIPTION_IDS__", [tracked], {
-    configurable: true,
-    enumerable: true,
-    writable: true,
-    initializer: function () {
-      return [];
-    }
-  }), _class);
+  }
   return EnhancedComponent;
 }
 function synchronizeDescriptors(component) {

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 (c) HashiCorp, Inc.\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/';\nimport type { HdsFormFieldsetSignature } from '../components/hds/form/fieldset/';\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 = HdsFormFieldSignature | HdsFormFieldsetSignature;\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","constructor","_defineProperty","WeakMap","register","obj","element","elements","findOrCreateElementSet","add","unregister","delete","entries","Array","from","values","_elements","has","get","Set","set","ariaDescriptorMap","ariaDescribedBy","BaseComponent","_class","_descriptor","EnhancedComponent","args","_initializerDefineProperty","descriptors","__ARIA_DESCRIPTION_IDS__","extraAriaDescribedBy","concat","join","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","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 (c) HashiCorp, Inc.\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/';\nimport type { HdsFormFieldsetSignature } from '../components/hds/form/fieldset/';\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 = HdsFormFieldSignature | HdsFormFieldsetSignature;\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","void 0","descriptors","__ARIA_DESCRIPTION_IDS__","args","extraAriaDescribedBy","concat","join","synchronizeDescriptors","component","isDestroying","isDestroyed","map","id","registerAriaDescriptionElement","scheduleOnce","unregisterAriaDescriptionElement"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/design-system-components",
-  "version": "4.16.0",
+  "version": "4.17.0",
   "description": "Helios Design System Components",
   "keywords": [
     "hashicorp",
@@ -16,27 +16,10 @@
   },
   "license": "MPL-2.0",
   "author": "HashiCorp Design Systems <design-systems@hashicorp.com>",
-  "scripts": {
-    "build": "concurrently 'npm:build:*'",
-    "build:js": "rollup --config",
-    "build:types": "glint --declaration",
-    "prepublishOnly": "yarn build && test -f 'dist/styles/@hashicorp/design-system-components.css' || (echo 'The pre-compiled CSS file was not found' && exit 1)",
-    "start": "concurrently 'yarn:start:*'",
-    "start:js": "rollup --config --watch --environment development",
-    "start:types": "glint --declaration --watch",
-    "lint": "concurrently \"yarn:lint:*(!fix)\" --names \"lint:\"",
-    "lint:fix": "concurrently \"yarn:lint:*:fix\" --names \"fix:\"",
-    "lint:css": "stylelint \"src/styles/**/*.scss\"",
-    "lint:css:fix": "concurrently \"yarn:lint:css --fix\"",
-    "lint:types": "glint",
-    "lint:hbs": "ember-template-lint .",
-    "lint:hbs:fix": "ember-template-lint . --fix",
-    "lint:js": "eslint . --cache",
-    "lint:js:fix": "eslint . --fix"
-  },
   "dependencies": {
     "@codemirror/commands": "^6.8.0",
     "@codemirror/lang-go": "^6.0.1",
+    "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-json": "^6.0.1",
     "@codemirror/lang-sql": "^6.8.0",
     "@codemirror/lang-yaml": "^6.1.2",
@@ -48,15 +31,17 @@
     "@ember/string": "^3.1.1",
     "@ember/test-waiters": "^3.1.0",
     "@embroider/addon-shim": "^1.9.0",
+    "@embroider/macros": "^1.16.10",
     "@floating-ui/dom": "^1.6.12",
     "@hashicorp/design-system-tokens": "^2.3.0",
     "@hashicorp/flight-icons": "^3.9.0",
+    "@lezer/highlight": "^1.2.1",
+    "@nullvoxpopuli/ember-composable-helpers": "^5.2.9",
     "clipboard-polyfill": "^4.1.1",
     "codemirror-lang-hcl": "^0.0.0-beta.2",
-    "decorator-transforms": "^1.2.1",
+    "decorator-transforms": "^2.3.0",
     "ember-a11y-refocus": "^4.1.4",
     "ember-cli-sass": "^11.0.1",
-    "ember-composable-helpers": "^5.0.0",
     "ember-concurrency": "^4.0.2",
     "ember-element-helper": "^0.8.6",
     "ember-focus-trap": "^1.1.1",
@@ -74,18 +59,16 @@
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
-    "@babel/plugin-proposal-decorators": "^7.25.9",
-    "@babel/plugin-transform-class-properties": "^7.25.9",
-    "@babel/plugin-transform-private-methods": "^7.25.9",
     "@babel/plugin-transform-typescript": "^7.26.3",
     "@babel/runtime": "^7.26.0",
     "@ember/test-helpers": "^4.0.4",
-    "@embroider/addon-dev": "^4.3.1",
+    "@embroider/addon-dev": "^7.1.1",
     "@glimmer/component": "^1.1.2",
     "@glimmer/tracking": "^1.1.2",
-    "@glint/core": "^1.5.0",
-    "@glint/environment-ember-loose": "^1.4.0",
-    "@glint/template": "^1.5.0",
+    "@glint/core": "^1.5.2",
+    "@glint/environment-ember-loose": "^1.5.2",
+    "@glint/environment-ember-template-imports": "^1.5.2",
+    "@glint/template": "^1.5.2",
     "@rollup/plugin-babel": "^6.0.4",
     "@tsconfig/ember": "^3.0.8",
     "@types/ember-qunit": "^6.1.3",
@@ -100,6 +83,7 @@
     "babel-plugin-ember-template-compilation": "^2.3.0",
     "concurrently": "^9.1.0",
     "ember-basic-dropdown": "^8.4.0",
+    "ember-source": "^5.12.0",
     "ember-template-lint": "^6.0.0",
     "ember-template-lint-plugin-prettier": "^5.0.0",
     "eslint": "^8.57.1",
@@ -114,7 +98,6 @@
     "rollup": "^4.28.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-scss": "^4.0.1",
-    "rollup-plugin-ts": "^3.4.5",
     "stylelint": "^16.12.0",
     "stylelint-config-rational-order": "^0.1.2",
     "stylelint-config-standard-scss": "^14.0.0",
@@ -135,7 +118,6 @@
       "./components/hds/accordion/item/button.js": "./dist/_app_/components/hds/accordion/item/button.js",
       "./components/hds/accordion/item/index.js": "./dist/_app_/components/hds/accordion/item/index.js",
       "./components/hds/advanced-table/expandable-tr-group.js": "./dist/_app_/components/hds/advanced-table/expandable-tr-group.js",
-      "./components/hds/advanced-table/helpers.js": "./dist/_app_/components/hds/advanced-table/helpers.js",
       "./components/hds/advanced-table/index.js": "./dist/_app_/components/hds/advanced-table/index.js",
       "./components/hds/advanced-table/td.js": "./dist/_app_/components/hds/advanced-table/td.js",
       "./components/hds/advanced-table/th-button-expand.js": "./dist/_app_/components/hds/advanced-table/th-button-expand.js",
@@ -325,10 +307,14 @@
       "./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",
       "./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-advanced-table-cell/keyboard-navigation.js": "./dist/_app_/modifiers/hds-advanced-table-cell/keyboard-navigation.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/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/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",
@@ -363,5 +349,18 @@
   ],
   "engines": {
     "node": ">= 18"
+  },
+  "scripts": {
+    "build": "rollup --config",
+    "start": "rollup --config --watch --environment development",
+    "lint": "concurrently \"pnpm:lint:*(!fix)\" --names \"lint:\"",
+    "lint:fix": "concurrently \"pnpm:lint:*:fix\" --names \"fix:\"",
+    "lint:css": "stylelint \"src/styles/**/*.scss\"",
+    "lint:css:fix": "concurrently \"pnpm:lint:css --fix\"",
+    "lint:types": "glint",
+    "lint:hbs": "ember-template-lint .",
+    "lint:hbs:fix": "ember-template-lint . --fix",
+    "lint:js": "eslint . --cache",
+    "lint:js:fix": "eslint . --fix"
   }
-}
+}

package/declarations/components/hds/advanced-table/helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/hds/advanced-table/helpers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,qBAAqB,SAAU,cAAc,SAQzD,CAAC;AAEF,eAAO,MAAM,sBAAsB,SAC3B,cAAc,sBACA,OAAO,KAC1B,IAWF,CAAC;AAEF,eAAO,MAAM,iBAAiB,SAExB,2BAA2B,CAAC,SAAS,CAAC,GACtC,2BAA2B,CAAC,SAAS,CAAC,KACzC,IAuCF,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAC1B,aAAa,mBACH,MAAM,IAAI,KAC1B,IA+HF,CAAC"}

package/dist/_app_/components/hds/advanced-table/helpers.js

@@ -1 +0,0 @@
-export { default } from "@hashicorp/design-system-components/components/hds/advanced-table/helpers";

package/dist/_rollupPluginBabelHelpers-C_TsMG3M.js

@@ -1,57 +0,0 @@
-function _applyDecoratedDescriptor(i, e, r, n, l) {
-  var a = {};
-  return Object.keys(n).forEach(function (i) {
-    a[i] = n[i];
-  }), a.enumerable = !!a.enumerable, a.configurable = !!a.configurable, ("value" in a || a.initializer) && (a.writable = true), a = r.slice().reverse().reduce(function (r, n) {
-    return n(i, e, r) || r;
-  }, a), l && undefined !== a.initializer && (a.value = a.initializer ? a.initializer.call(l) : undefined, a.initializer = undefined), undefined === a.initializer ? (Object.defineProperty(i, e, a), null) : a;
-}
-function _assertClassBrand(e, t, n) {
-  if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
-  throw new TypeError("Private element is not present on this object");
-}
-function _checkPrivateRedeclaration(e, t) {
-  if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object");
-}
-function _classPrivateFieldGet2(s, a) {
-  return s.get(_assertClassBrand(s, a));
-}
-function _classPrivateFieldInitSpec(e, t, a) {
-  _checkPrivateRedeclaration(e, t), t.set(e, a);
-}
-function _classPrivateMethodInitSpec(e, a) {
-  _checkPrivateRedeclaration(e, a), a.add(e);
-}
-function _defineProperty(e, r, t) {
-  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: true,
-    configurable: true,
-    writable: true
-  }) : e[r] = t, e;
-}
-function _initializerDefineProperty(e, i, r, l) {
-  r && Object.defineProperty(e, i, {
-    enumerable: r.enumerable,
-    configurable: r.configurable,
-    writable: r.writable,
-    value: r.initializer ? r.initializer.call(l) : undefined
-  });
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (undefined !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-
-export { _applyDecoratedDescriptor as _, _defineProperty as a, _initializerDefineProperty as b, _classPrivateMethodInitSpec as c, _assertClassBrand as d, _classPrivateFieldInitSpec as e, _classPrivateFieldGet2 as f };
-//# sourceMappingURL=_rollupPluginBabelHelpers-C_TsMG3M.js.map

package/dist/_rollupPluginBabelHelpers-C_TsMG3M.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_rollupPluginBabelHelpers-C_TsMG3M.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}