@hashicorp/design-system-components 4.21.0 → 4.21.1

package/declarations/components/hds/accordion/item/index.d.ts

@@ -5,9 +5,9 @@
 import Component from '@glimmer/component';
 import { HdsAccordionSizeValues, HdsAccordionTypeValues } from '../types.ts';
 import type { HdsAccordionForceStates, HdsAccordionSizes, HdsAccordionTypes, HdsAccordionItemTitleTags } from '../types.ts';
-export declare const SIZES: string[];
+export declare const SIZES: HdsAccordionSizes[];
 export declare const DEFAULT_SIZE = HdsAccordionSizeValues.Medium;
-export declare const TYPES: string[];
+export declare const TYPES: HdsAccordionTypes[];
 export declare const DEFAULT_TYPE = HdsAccordionTypeValues.Card;
 export interface HdsAccordionItemSignature {
     Args: {

package/declarations/components/hds/advanced-table/models/column.d.ts

@@ -26,6 +26,13 @@ export default class HdsAdvancedTableColumn {
     set pxWidth(value: number);
     get pxMinWidth(): number | undefined;
     get pxMaxWidth(): number | undefined;
+    get index(): number;
+    get isFirst(): boolean;
+    get isLast(): boolean;
+    get siblings(): {
+        previous?: HdsAdvancedTableColumn;
+        next?: HdsAdvancedTableColumn;
+    };
     constructor(args: {
         column: HdsAdvancedTableColumnType;
         table: HdsAdvancedTableModel;

package/declarations/components/hds/advanced-table/th-context-menu.d.ts

@@ -12,13 +12,11 @@ interface HdsAdvancedTableThContextMenuOption {
     key: string;
     label: string;
     icon: HdsDropdownToggleIconSignature['Args']['icon'];
-    action: (column: HdsAdvancedTableColumn, previousColumn?: HdsAdvancedTableColumn, nextColumn?: HdsAdvancedTableColumn, dropdownCloseCallback?: () => void) => void;
+    action: (column: HdsAdvancedTableColumn, dropdownCloseCallback?: () => void) => void;
 }
 export interface HdsAdvancedTableThContextMenuSignature {
     Args: {
         column: HdsAdvancedTableColumn;
-        previousColumn?: HdsAdvancedTableColumn;
-        nextColumn?: HdsAdvancedTableColumn;
         hasResizableColumns?: boolean;
         resizeHandleElement?: HdsAdvancedTableThResizeHandleSignature['Element'];
         onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
@@ -29,6 +27,6 @@ export default class HdsAdvancedTableThContextMenu extends Component<HdsAdvanced
     private _element;
     get _options(): HdsAdvancedTableThContextMenuOption[];
     resizeColumn(): void;
-    resetColumnWidth(column: HdsAdvancedTableColumn, previousColumn?: HdsAdvancedTableColumn, nextColumn?: HdsAdvancedTableColumn, dropdownCloseCallback?: () => void): void;
+    resetColumnWidth(column: HdsAdvancedTableColumn, dropdownCloseCallback?: () => void): void;
 }
 export {};

package/declarations/components/hds/advanced-table/th-resize-handle.d.ts

@@ -8,7 +8,6 @@ import type { HdsAdvancedTableSignature } from './index.ts';
 export interface HdsAdvancedTableThResizeHandleSignature {
     Args: {
         column: HdsAdvancedTableColumn;
-        nextColumn?: HdsAdvancedTableColumn;
         hasResizableColumns: HdsAdvancedTableSignature['Args']['hasResizableColumns'];
         tableHeight?: number;
         onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];

package/declarations/components/hds/advanced-table/th-sort.d.ts

@@ -4,7 +4,6 @@
  */
 import Component from '@glimmer/component';
 import { type FocusableElement } from 'tabbable';
-import HdsAdvancedTableColumn from './models/column.ts';
 import type Owner from '@ember/owner';
 import { HdsAdvancedTableHorizontalAlignmentValues } from './types.ts';
 import type { HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableThSortOrder, HdsAdvancedTableThSortOrderLabels } from './types.ts';
@@ -17,16 +16,13 @@ export interface HdsAdvancedTableThSortSignature {
     Args: {
         column?: HdsAdvancedTableThSignature['Args']['column'];
         align?: HdsAdvancedTableHorizontalAlignment;
-        hasResizableColumns: HdsAdvancedTableSignature['Args']['hasResizableColumns'];
+        hasResizableColumns?: HdsAdvancedTableSignature['Args']['hasResizableColumns'];
         onClickSort?: HdsAdvancedTableThButtonSortSignature['Args']['onClick'];
         sortOrder?: HdsAdvancedTableThSortOrder;
         tooltip?: string;
         rowspan?: number;
         colspan?: number;
-        previousColumn?: HdsAdvancedTableColumn;
-        nextColumn?: HdsAdvancedTableColumn;
         tableHeight?: number;
-        isLastColumn?: boolean;
         isStickyColumn?: boolean;
         isStickyColumnPinned?: boolean;
         onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];

package/declarations/components/hds/advanced-table/th.d.ts

@@ -21,13 +21,10 @@ export interface HdsAdvancedTableThSignature {
         hasResizableColumns?: boolean;
         isExpanded?: HdsAdvancedTableExpandState;
         isExpandable?: boolean;
-        isLastColumn?: boolean;
         isStickyColumn?: boolean;
         isStickyColumnPinned?: boolean;
         isVisuallyHidden?: boolean;
         newLabel?: string;
-        previousColumn?: HdsAdvancedTableColumn;
-        nextColumn?: HdsAdvancedTableColumn;
         parentId?: string;
         rowspan?: number;
         scope?: HdsAdvancedTableScope;

package/declarations/components/hds/alert/index.d.ts

@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
-import { HdsAlertColorValues } from './types.ts';
 import type { ComponentLike, WithBoundArgs } from '@glint/template';
 import type HdsButtonComponent from '../button';
 import type HdsLinkStandaloneComponent from '../link/standalone';
@@ -13,9 +12,9 @@ import type { HdsAlertTitleSignature } from './title.ts';
 import type { HdsAlertDescriptionSignature } from './description.ts';
 import type { HdsIconSignature } from '../icon';
 import type Owner from '@ember/owner';
-export declare const TYPES: string[];
-export declare const DEFAULT_COLOR = HdsAlertColorValues.Neutral;
-export declare const COLORS: string[];
+export declare const TYPES: HdsAlertTypes[];
+export declare const DEFAULT_COLOR: HdsAlertColors;
+export declare const COLORS: HdsAlertColors[];
 export declare const MAPPING_COLORS_TO_ICONS: {
     readonly neutral: "info";
     readonly highlight: "info";

package/declarations/components/hds/app-header/index.d.ts

@@ -16,8 +16,16 @@ export interface HdsAppHeaderSignature {
     };
     Blocks: {
         logo?: [];
-        globalActions?: [];
-        utilityActions?: [];
+        globalActions?: [
+            {
+                close: () => void;
+            }
+        ];
+        utilityActions?: [
+            {
+                close: () => void;
+            }
+        ];
     };
     Element: HTMLDivElement;
 }
@@ -37,5 +45,6 @@ export default class HdsAppHeader extends Component<HdsAppHeaderSignature> {
     get classNames(): string;
     escapePress(event: KeyboardEvent): void;
     onClickToggle(): void;
+    close(): void;
     updateDesktopVariable(event: MediaQueryListEvent): void;
 }

package/declarations/components/hds/badge/index.d.ts

@@ -6,9 +6,9 @@ import Component from '@glimmer/component';
 import { HdsBadgeColorValues, HdsBadgeSizeValues, HdsBadgeTypeValues } from './types.ts';
 import type { HdsBadgeColors, HdsBadgeSizes, HdsBadgeTypes } from './types.ts';
 import type { HdsIconSignature } from '../icon';
-export declare const SIZES: string[];
-export declare const TYPES: string[];
-export declare const COLORS: string[];
+export declare const SIZES: HdsBadgeSizes[];
+export declare const TYPES: HdsBadgeTypes[];
+export declare const COLORS: HdsBadgeColors[];
 export declare const DEFAULT_SIZE = HdsBadgeSizeValues.Medium;
 export declare const DEFAULT_TYPE = HdsBadgeTypeValues.Filled;
 export declare const DEFAULT_COLOR = HdsBadgeColorValues.Neutral;

package/declarations/components/hds/copy/button/index.d.ts

@@ -9,7 +9,7 @@ import type { HdsButtonSignature } from '../../button/';
 import type { HdsClipboardModifierSignature } from '../../../../modifiers/hds-clipboard.ts';
 import type { HdsIconSignature } from '../../icon';
 export declare const DEFAULT_SIZE = HdsCopyButtonSizeValues.Medium;
-export declare const SIZES: string[];
+export declare const SIZES: HdsCopyButtonSizes[];
 export declare const DEFAULT_ICON = "clipboard-copy";
 export declare const SUCCESS_ICON = "clipboard-checked";
 export declare const ERROR_ICON = "clipboard-x";

package/declarations/components/hds/copy/snippet/index.d.ts

@@ -8,7 +8,7 @@ import type { HdsCopySnippetColors } from './types.ts';
 import type { HdsClipboardModifierSignature } from '../../../../modifiers/hds-clipboard.ts';
 import type { HdsIconSignature } from '../../icon';
 export declare const DEFAULT_COLOR = HdsCopySnippetColorValues.Primary;
-export declare const COLORS: string[];
+export declare const COLORS: HdsCopySnippetColors[];
 export declare const DEFAULT_ICON = "clipboard-copy";
 export declare const SUCCESS_ICON = "clipboard-checked";
 export declare const ERROR_ICON = "clipboard-x";

package/declarations/components/hds/dropdown/index.d.ts

@@ -20,9 +20,9 @@ import type { HdsDropdownListItemTitleSignature } from './list-item/title';
 import type { HdsDropdownToggleButtonSignature } from './toggle/button';
 import type { HdsDropdownToggleIconSignature } from './toggle/icon';
 import type { HdsDropdownPositions } from './types';
-import type { FloatingUIOptions } from '../../../modifiers/hds-anchored-position.ts';
+import type { HdsAnchoredPositionOptions } from '../../../modifiers/hds-anchored-position.ts';
 export declare const DEFAULT_POSITION = HdsDropdownPositionValues.BottomRight;
-export declare const POSITIONS: string[];
+export declare const POSITIONS: HdsDropdownPositions[];
 export interface HdsDropdownSignature {
     Args: MenuPrimitiveSignature['Args'] & {
         height?: string;
@@ -30,7 +30,7 @@ export interface HdsDropdownSignature {
         isOpen?: boolean;
         listPosition?: HdsDropdownPositions;
         width?: string;
-        enableCollisionDetection?: FloatingUIOptions['enableCollisionDetection'];
+        enableCollisionDetection?: HdsAnchoredPositionOptions['enableCollisionDetection'];
         preserveContentInDom?: boolean;
         matchToggleWidth?: boolean;
     };
@@ -64,13 +64,13 @@ export default class HdsDropdown extends Component<HdsDropdownSignature> {
      * @description Determines the position of the "list"
      */
     get listPosition(): HdsDropdownPositions;
-    get enableCollisionDetection(): FloatingUIOptions['enableCollisionDetection'];
-    get matchToggleWidth(): FloatingUIOptions['matchToggleWidth'];
+    get enableCollisionDetection(): HdsAnchoredPositionOptions['enableCollisionDetection'];
+    get matchToggleWidth(): HdsAnchoredPositionOptions['matchToggleWidth'];
     get anchoredPositionOptions(): {
-        placement: FloatingUIOptions['placement'];
-        offsetOptions: FloatingUIOptions['offsetOptions'];
-        enableCollisionDetection: FloatingUIOptions['enableCollisionDetection'];
-        matchToggleWidth: FloatingUIOptions['matchToggleWidth'];
+        placement: HdsAnchoredPositionOptions['placement'];
+        offsetOptions: HdsAnchoredPositionOptions['offsetOptions'];
+        enableCollisionDetection: HdsAnchoredPositionOptions['enableCollisionDetection'];
+        matchToggleWidth: HdsAnchoredPositionOptions['matchToggleWidth'];
     };
     /**
      * Get the class names to apply to the element

package/declarations/components/hds/dropdown/list-item/interactive.d.ts

@@ -11,7 +11,7 @@ import type { ComponentLike } from '@glint/template';
 import type { HdsBadgeSignature } from '../../badge/index.ts';
 import type Owner from '@ember/owner';
 export declare const DEFAULT_COLOR = HdsDropdownListItemInteractiveColorValues.Action;
-export declare const COLORS: string[];
+export declare const COLORS: HdsDropdownListItemInteractiveColors[];
 export interface HdsDropdownListItemInteractiveSignature {
     Args: HdsInteractiveSignature['Args'] & {
         color?: HdsDropdownListItemInteractiveColors;

package/declarations/components/hds/dropdown/toggle/button.d.ts

@@ -12,8 +12,8 @@ import type { ModifierLike } from '@glint/template';
 import type { SetupPrimitiveToggleModifier } from '../../popover-primitive/index.ts';
 export declare const DEFAULT_SIZE = HdsDropdownToggleButtonSizeValues.Medium;
 export declare const DEFAULT_COLOR = HdsDropdownToggleButtonColorValues.Primary;
-export declare const SIZES: string[];
-export declare const COLORS: string[];
+export declare const SIZES: HdsDropdownToggleButtonSizes[];
+export declare const COLORS: HdsDropdownToggleButtonColors[];
 export interface HdsDropdownToggleButtonSignature {
     Args: {
         badge?: HdsBadgeSignature['Args']['text'];

package/declarations/components/hds/dropdown/types.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
-import type { FloatingUIOptions } from '../../../modifiers/hds-anchored-position.ts';
+import type { HdsAnchoredPositionOptions } from '../../../modifiers/hds-anchored-position.ts';
 export declare enum HdsDropdownPositionValues {
     BottomLeft = "bottom-left",
     BottomRight = "bottom-right",
@@ -10,4 +10,4 @@ export declare enum HdsDropdownPositionValues {
     TopRight = "top-right"
 }
 export type HdsDropdownPositions = `${HdsDropdownPositionValues}`;
-export declare const HdsDropdownPositionToPlacementValues: Record<HdsDropdownPositionValues, FloatingUIOptions['placement']>;
+export declare const HdsDropdownPositionToPlacementValues: Record<HdsDropdownPositionValues, HdsAnchoredPositionOptions['placement']>;

package/declarations/components/hds/form/fieldset/index.d.ts

@@ -9,6 +9,7 @@ import HdsFormErrorComponent from '../error/index.ts';
 import type { ComponentLike, WithBoundArgs } from '@glint/template';
 import type { HdsFormFieldsetLayouts } from './types.ts';
 import type { HdsYieldSignature } from '../../yield/index.ts';
+export declare const LAYOUT_TYPES: HdsFormFieldsetLayouts[];
 export interface HdsFormFieldsetSignature {
     Args: {
         extraAriaDescribedBy?: string;

package/declarations/components/hds/form/header/title.d.ts

@@ -9,7 +9,7 @@ import { HdsTextSizeValues } from '../../text/types.ts';
 import type { HdsTextDisplaySignature } from '../../text/display.ts';
 export declare const DEFAULT_SIZE = HdsTextSizeValues.FourHundred;
 export declare const DEFAULT_TAG = HdsFormHeaderTitleTagValues.Div;
-export declare const AVAILABLE_TAGS: string[];
+export declare const TAGS: HdsFormHeaderTitleTags[];
 export interface HdsFormHeaderTitleSignature {
     Args: {
         tag?: HdsFormHeaderTitleTags;

package/declarations/components/hds/form/super-select/multiple/base.d.ts

@@ -11,10 +11,10 @@ import type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';
 export declare const DEFAULT_HORIZONTAL_POSITION: string;
 export declare const HORIZONTAL_POSITION_MAPPING: Record<HdsFormSuperSelectHorizontalPositionValues, import("@floating-ui/dom").Placement | undefined>;
 export interface HdsFormSuperSelectMultipleBaseSignature {
-    Args: PowerSelectSignature['Args'] & {
+    Args: Omit<PowerSelectSignature['Args'], 'resultCountMessage'> & {
         showAfterOptions?: boolean;
         afterOptionsContent?: string;
-        resultCountMessage?: string;
+        resultCountMessage?: string | PowerSelectSignature['Args']['resultCountMessage'];
         dropdownMaxWidth?: string;
         matchTriggerWidth?: boolean;
         isInvalid?: boolean;
@@ -29,7 +29,8 @@ export default class HdsFormSuperSelectMultipleBase extends Component<HdsFormSup
     get horizontalPosition(): HdsFormSuperSelectHorizontalPositions;
     get selectedCount(): string;
     get optionsCount(): string;
-    get resultCountMessage(): string;
+    get resultCountMessageText(): string;
+    get resultCountMessageFunction(): PowerSelectSignature['Args']['resultCountMessage'];
     calculatePosition(trigger: Element, content: HTMLElement): CalculatePositionResult;
     /**
      * This action sets the powerSelectAPI property and optionally calls a registerAPI function.

package/declarations/components/hds/form/super-select/single/base.d.ts

@@ -11,10 +11,10 @@ import type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';
 export declare const DEFAULT_HORIZONTAL_POSITION: string;
 export declare const HORIZONTAL_POSITION_MAPPING: Record<HdsFormSuperSelectHorizontalPositionValues, import("@floating-ui/dom").Placement | undefined>;
 export interface HdsFormSuperSelectSingleBaseSignature {
-    Args: PowerSelectSignature['Args'] & {
+    Args: Omit<PowerSelectSignature['Args'], 'resultCountMessage'> & {
         showAfterOptions?: boolean;
         afterOptionsContent?: string;
-        resultCountMessage?: string;
+        resultCountMessage?: string | PowerSelectSignature['Args']['resultCountMessage'];
         dropdownMaxWidth?: string;
         matchTriggerWidth?: boolean;
         isInvalid?: boolean;
@@ -25,7 +25,8 @@ export interface HdsFormSuperSelectSingleBaseSignature {
 export default class HdsFormSuperSelectSingleBase extends Component<HdsFormSuperSelectSingleBaseSignature> {
     powerSelectAPI?: PowerSelect;
     get horizontalPosition(): HdsFormSuperSelectHorizontalPositions;
-    get resultCountMessage(): string;
+    get resultCountMessageText(): string;
+    get resultCountMessageFunction(): PowerSelectSignature['Args']['resultCountMessage'];
     /**
      * This action sets the powerSelectAPI property and optionally calls a registerAPI function.
      *

package/declarations/components/hds/form/text-input/base.d.ts

@@ -6,7 +6,7 @@ import Component from '@glimmer/component';
 import { HdsFormTextInputTypeValues } from './types.ts';
 import type { HdsFormTextInputTypes } from './types.ts';
 export declare const DEFAULT_TYPE = HdsFormTextInputTypeValues.Text;
-export declare const TYPES: string[];
+export declare const TYPES: HdsFormTextInputTypes[];
 export interface HdsFormTextInputBaseSignature {
     Args: {
         hasVisibilityToggle?: boolean;

package/declarations/components/hds/layout/flex/index.d.ts

@@ -5,13 +5,14 @@
 import Component from '@glimmer/component';
 import type { ComponentLike } from '@glint/template';
 import type { HdsLayoutFlexItemSignature } from './item.ts';
-import { HdsLayoutFlexDirectionValues } from './types.ts';
+import { HdsLayoutFlexDirectionValues, HdsLayoutFlexGapValues } from './types.ts';
 import type { HdsLayoutFlexDirections, HdsLayoutFlexJustifys, HdsLayoutFlexAligns, HdsLayoutFlexGaps, AvailableTagNames, AvailableElements } from './types.ts';
 export declare const DEFAULT_DIRECTION = HdsLayoutFlexDirectionValues.Row;
-export declare const DIRECTIONS: string[];
-export declare const JUSTIFYS: string[];
-export declare const ALIGNS: string[];
-export declare const GAPS: string[];
+export declare const DIRECTIONS: HdsLayoutFlexDirections[];
+export declare const JUSTIFYS: HdsLayoutFlexJustifys[];
+export declare const ALIGNS: HdsLayoutFlexAligns[];
+export declare const DEFAULT_GAP = HdsLayoutFlexGapValues['Zero'];
+export declare const GAPS: HdsLayoutFlexGaps[];
 export interface HdsLayoutFlexSignature {
     Args: {
         tag?: AvailableTagNames;

package/declarations/components/hds/layout/flex/types.d.ts

@@ -24,6 +24,7 @@ export declare enum HdsLayoutFlexAlignValues {
 }
 export type HdsLayoutFlexAligns = `${HdsLayoutFlexAlignValues}`;
 export declare enum HdsLayoutFlexGapValues {
+    'Zero' = "0",
     'Four' = "4",
     'Eight' = "8",
     'Twelve' = "12",

package/declarations/components/hds/layout/grid/index.d.ts

@@ -5,9 +5,11 @@
 import Component from '@glimmer/component';
 import type { ComponentLike } from '@glint/template';
 import type { HdsLayoutGridItemSignature } from '../grid/item.ts';
+import { HdsLayoutGridGapValues } from './types.ts';
 import type { HdsLayoutGridAligns, HdsLayoutGridGaps, AvailableTagNames, AvailableElements } from './types.ts';
-export declare const ALIGNS: string[];
-export declare const GAPS: string[];
+export declare const ALIGNS: HdsLayoutGridAligns[];
+export declare const DEFAULT_GAP = HdsLayoutGridGapValues['Zero'];
+export declare const GAPS: HdsLayoutGridGaps[];
 export interface HdsLayoutGridSignature {
     Args: {
         tag?: AvailableTagNames;

package/declarations/components/hds/layout/grid/types.d.ts

@@ -10,6 +10,7 @@ export declare enum HdsLayoutGridAlignValues {
 }
 export type HdsLayoutGridAligns = `${HdsLayoutGridAlignValues}`;
 export declare enum HdsLayoutGridGapValues {
+    'Zero' = "0",
     'Four' = "4",
     'Eight' = "8",
     'Twelve' = "12",

package/declarations/components/hds/link/inline.d.ts

@@ -8,10 +8,10 @@ import type { HdsInteractiveSignature } from '../interactive/';
 import type { HdsLinkColors, HdsLinkIconPositions } from './types.ts';
 import type { HdsIconSignature } from '../icon';
 import type Owner from '@ember/owner';
-export declare const DEFAULT_ICONPOSITION = HdsLinkIconPositionValues.Trailing;
+export declare const DEFAULT_ICON_POSITION = HdsLinkIconPositionValues.Trailing;
 export declare const DEFAULT_COLOR = HdsLinkColorValues.Primary;
-export declare const ICONPOSITIONS: string[];
-export declare const COLORS: string[];
+export declare const ICON_POSITIONS: HdsLinkIconPositions[];
+export declare const COLORS: HdsLinkColors[];
 export interface HdsLinkInlineSignature {
     Args: HdsInteractiveSignature['Args'] & {
         color?: HdsLinkColors;

package/declarations/components/hds/link/standalone.d.ts

@@ -18,12 +18,12 @@ export interface HdsLinkStandaloneSignature {
     };
     Element: HdsInteractiveSignature['Element'];
 }
-export declare const DEFAULT_ICONPOSITION = HdsLinkIconPositionValues.Leading;
+export declare const DEFAULT_ICON_POSITION = HdsLinkIconPositionValues.Leading;
 export declare const DEFAULT_COLOR = HdsLinkColorValues.Primary;
 export declare const DEFAULT_SIZE = HdsLinkStandaloneSizeValues.Medium;
-export declare const ICONPOSITIONS: string[];
-export declare const COLORS: string[];
-export declare const SIZES: string[];
+export declare const ICON_POSITIONS: HdsLinkIconPositions[];
+export declare const COLORS: HdsLinkColors[];
+export declare const SIZES: HdsLinkStandaloneSizes[];
 export default class HdsLinkStandalone extends Component<HdsLinkStandaloneSignature> {
     constructor(owner: Owner, args: HdsLinkStandaloneSignature['Args']);
     /**

package/declarations/components/hds/popover-primitive/index.d.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
-import type { FloatingUIOptions } from '../../../modifiers/hds-anchored-position.ts';
+import type { HdsAnchoredPositionOptions } from '../../../modifiers/hds-anchored-position.ts';
 import type { ModifierLike } from '@glint/template';
 import type Owner from '@ember/owner';
 export interface HdsPopoverPrimitiveSignature {
@@ -41,7 +41,7 @@ export interface SetupPrimitivePopoverModifier {
     Args: {
         Positional: [];
         Named: {
-            anchoredPositionOptions: FloatingUIOptions;
+            anchoredPositionOptions: HdsAnchoredPositionOptions;
         };
     };
 }
@@ -73,7 +73,7 @@ export default class HdsPopoverPrimitive extends Component<HdsPopoverPrimitiveSi
         Args: {
             Positional: unknown[];
             Named: {
-                anchoredPositionOptions: FloatingUIOptions;
+                anchoredPositionOptions: HdsAnchoredPositionOptions;
             };
         };
         Element: HTMLElement;

package/declarations/components/hds/rich-tooltip/bubble.d.ts

@@ -5,12 +5,12 @@
 import Component from '@glimmer/component';
 import type { ModifierLike } from '@glint/template';
 import type { SetupPrimitivePopoverModifier } from '../popover-primitive';
-import type { FloatingUIOptions } from '../../../modifiers/hds-anchored-position.ts';
+import type { HdsAnchoredPositionOptions } from '../../../modifiers/hds-anchored-position.ts';
 export interface HdsRichTooltipBubbleSignature {
     Args: {
-        placement?: FloatingUIOptions['placement'];
-        offset?: FloatingUIOptions['offsetOptions'];
-        enableCollisionDetection?: FloatingUIOptions['enableCollisionDetection'];
+        placement?: HdsAnchoredPositionOptions['placement'];
+        offset?: HdsAnchoredPositionOptions['offsetOptions'];
+        enableCollisionDetection?: HdsAnchoredPositionOptions['enableCollisionDetection'];
         width?: string;
         height?: string;
         isOpen?: boolean;
@@ -29,14 +29,14 @@ export default class HdsRichTooltipBubble extends Component<HdsRichTooltipBubble
      * @type {string}
      * @description Determines the position of the "popover"
      */
-    get placement(): FloatingUIOptions['placement'];
-    get enableCollisionDetection(): FloatingUIOptions['enableCollisionDetection'];
+    get placement(): HdsAnchoredPositionOptions['placement'];
+    get enableCollisionDetection(): HdsAnchoredPositionOptions['enableCollisionDetection'];
     get sizingStyles(): Record<string, string>;
     get anchoredPositionOptions(): {
-        placement: FloatingUIOptions['placement'];
-        offsetOptions: FloatingUIOptions['offsetOptions'];
-        enableCollisionDetection: FloatingUIOptions['enableCollisionDetection'];
+        placement: HdsAnchoredPositionOptions['placement'];
+        offsetOptions: HdsAnchoredPositionOptions['offsetOptions'];
+        enableCollisionDetection: HdsAnchoredPositionOptions['enableCollisionDetection'];
         arrowSelector: string;
-        arrowPadding: FloatingUIOptions['arrowPadding'];
+        arrowPadding: HdsAnchoredPositionOptions['arrowPadding'];
     };
 }

package/declarations/components/hds/stepper/step/indicator.d.ts

@@ -6,7 +6,7 @@ import Component from '@glimmer/component';
 import { HdsStepperStatusesValues } from '../types.ts';
 import type { HdsStepperStatuses } from '../types.ts';
 export declare const DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;
-export declare const STATUSES: string[];
+export declare const STATUSES: HdsStepperStatuses[];
 export interface HdsStepperStepIndicatorSignature {
     Args: {
         status?: HdsStepperStatuses;

package/declarations/components/hds/stepper/task/indicator.d.ts

@@ -7,8 +7,8 @@ import { HdsStepperStatusesValues } from '../types.ts';
 import type { HdsIconSignature } from '../../icon';
 import type { HdsStepperStatuses } from '../types.ts';
 export declare const DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;
-export declare const STATUSES: string[];
-export declare const MAPPING_STATUS_TO_ICONS: Record<HdsStepperStatusesValues, "type" | "map" | "filter" | "code" | "link" | "menu" | "search" | "video" | "circle" | "image" | "path" | "tag" | "repeat" | "hash" | "random" | "queue" | "shuffle" | "chevron-up" | "chevron-down" | "unfold-open" | "unfold-close" | "arrow-down" | "arrow-up" | "swap-vertical" | "top" | "key" | "end" | "start" | "change" | "pause" | "play" | "x" | "bottom" | "caret" | "grid" | "outline" | "text-wrap" | "loading" | "loading-static" | "running" | "running-static" | "apple" | "apple-color" | "alibaba" | "alibaba-color" | "amazon-ecs" | "amazon-ecs-color" | "amazon-eks" | "amazon-eks-color" | "auth0" | "auth0-color" | "aws" | "aws-color" | "aws-cdk" | "aws-cdk-color" | "aws-cloudwatch" | "aws-cloudwatch-color" | "aws-ec2" | "aws-ec2-color" | "aws-lambda" | "aws-lambda-color" | "aws-s3" | "aws-s3-color" | "azure" | "azure-color" | "azure-aks" | "azure-aks-color" | "azure-blob-storage" | "azure-blob-storage-color" | "azure-devops" | "azure-devops-color" | "azure-vms" | "azure-vms-color" | "bitbucket" | "bitbucket-color" | "bridgecrew" | "bridgecrew-color" | "cisco" | "cisco-color" | "codepen" | "codepen-color" | "confluence" | "confluence-color" | "confluent" | "confluent-color" | "datadog" | "datadog-color" | "digital-ocean" | "digital-ocean-color" | "docker" | "docker-color" | "duo" | "duo-color" | "elastic-observability" | "elastic-observability-color" | "f5" | "f5-color" | "facebook" | "facebook-color" | "figma" | "figma-color" | "gcp" | "gcp-color" | "git" | "git-color" | "gitlab" | "gitlab-color" | "github" | "github-color" | "google" | "google-color" | "google-docs" | "google-docs-color" | "google-drive" | "google-drive-color" | "google-forms" | "google-forms-color" | "google-sheets" | "google-sheets-color" | "google-slides" | "google-slides-color" | "grafana" | "grafana-color" | "helm" | "helm-color" | "infracost" | "infracost-color" | "jfrog" | "jfrog-color" | "jira" | "jira-color" | "jwt" | "jwt-color" | "kubernetes" | "kubernetes-color" | "lightlytics" | "lightlytics-color" | "linkedin" | "linkedin-color" | "linode" | "linode-color" | "linux" | "linux-color" | "loom" | "loom-color" | "meetup" | "meetup-color" | "microsoft" | "microsoft-color" | "microsoft-teams" | "microsoft-teams-color" | "minio" | "minio-color" | "mongodb" | "mongodb-color" | "new-relic" | "new-relic-color" | "okta" | "okta-color" | "oracle" | "oracle-color" | "opa" | "opa-color" | "openid" | "openid-color" | "pack" | "pack-color" | "pager-duty" | "pager-duty-color" | "ping-identity " | "ping-identity-color" | "postgres" | "postgres-color" | "rabbitmq" | "rabbitmq-color" | "saml" | "saml-color" | "service-now" | "service-now-color" | "slack" | "slack-color" | "snyk" | "snyk-color" | "splunk" | "splunk-color" | "twilio" | "twilio-color" | "twitch" | "twitch-color" | "twitter" | "twitter-color" | "twitter-x" | "twitter-x-color" | "vantage" | "vantage-color" | "venafi" | "venafi-color" | "vercel" | "vercel-color" | "vmware" | "vmware-color" | "youtube" | "youtube-color" | "boundary" | "boundary-color" | "boundary-fill" | "boundary-fill-color" | "boundary-square" | "boundary-square-color" | "consul" | "consul-color" | "consul-fill" | "consul-fill-color" | "consul-square" | "consul-square-color" | "nomad" | "nomad-color" | "nomad-fill" | "nomad-fill-color" | "nomad-square" | "nomad-square-color" | "packer" | "packer-color" | "packer-fill" | "packer-fill-color" | "packer-square" | "packer-square-color" | "terraform" | "terraform-color" | "terraform-fill" | "terraform-fill-color" | "terraform-square" | "terraform-square-color" | "vagrant" | "vagrant-color" | "vagrant-fill" | "vagrant-fill-color" | "vagrant-square" | "vagrant-square-color" | "vault" | "vault-color" | "vault-fill" | "vault-fill-color" | "vault-square" | "vault-square-color" | "vault-radar" | "vault-radar-color" | "vault-radar-fill" | "vault-radar-fill-color" | "vault-radar-square" | "vault-radar-square-color" | "vault-secrets" | "vault-secrets-color" | "vault-secrets-fill" | "vault-secrets-fill-color" | "vault-secrets-square" | "vault-secrets-square-color" | "waypoint" | "waypoint-color" | "waypoint-fill" | "waypoint-fill-color" | "waypoint-square" | "waypoint-square-color" | "hashicorp" | "hashicorp-color" | "hashicorp-fill" | "hashicorp-fill-color" | "hashicorp-square" | "hashicorp-square-color" | "hcp" | "hcp-color" | "hcp-fill" | "hcp-fill-color" | "hcp-square" | "hcp-square-color" | "accessibility" | "folder-users" | "frown" | "identity-service" | "identity-user" | "meh" | "robot" | "smile" | "user" | "user-check" | "user-circle" | "user-circle-fill" | "user-minus" | "user-plus" | "user-x" | "users" | "ampersand" | "beaker" | "bucket" | "bulb" | "circle-dot" | "circle-fill" | "circle-half" | "diamond" | "diamond-fill" | "disc" | "dot" | "dot-half" | "droplet" | "flag" | "gift" | "government" | "handshake" | "hexagon" | "hexagon-fill" | "labyrinth" | "layers" | "moon" | "octagon" | "rocket" | "sparkle" | "square" | "square-fill" | "sun" | "triangle" | "triangle-fill" | "truck" | "wand" | "zap" | "zap-off" | "docs" | "docs-download" | "docs-link" | "guide" | "guide-link" | "help" | "info" | "info-fill" | "learn" | "learn-link" | "support" | "alert-circle" | "alert-circle-fill" | "alert-diamond" | "alert-diamond-fill" | "alert-octagon" | "alert-octagon-fill" | "alert-triangle" | "alert-triangle-fill" | "check" | "check-circle" | "check-circle-fill" | "check-diamond" | "check-diamond-fill" | "check-hexagon" | "check-hexagon-fill" | "check-square" | "check-square-fill" | "skip" | "x-circle" | "x-circle-fill" | "x-diamond" | "x-diamond-fill" | "x-hexagon" | "x-hexagon-fill" | "x-square" | "x-square-fill" | "bug" | "certificate" | "eye" | "eye-off" | "fingerprint" | "keychain" | "lock" | "lock-fill" | "lock-off" | "shield" | "shield-alert" | "shield-check" | "shield-off" | "shield-x" | "token" | "unlock" | "verified" | "wall" | "minus" | "minus-circle" | "minus-circle-fill" | "minus-plus" | "minus-plus-circle" | "minus-plus-square" | "minus-square" | "minus-square-fill" | "plus" | "plus-circle" | "plus-circle-fill" | "plus-square" | "camera" | "camera-off" | "cast" | "closed-caption" | "fast-forward" | "film" | "headphones" | "music" | "pause-circle" | "play-circle" | "radio" | "rewind" | "rss" | "skip-back" | "skip-forward" | "speaker" | "stop-circle" | "volume" | "volume-down" | "volume-2" | "volume-x" | "wifi" | "wifi-off" | "compass" | "crosshair" | "map-pin" | "navigation" | "navigation-alt" | "redirect" | "target" | "align-center" | "align-justify" | "align-left" | "align-right" | "battery" | "battery-charging" | "bookmark" | "bookmark-add" | "bookmark-add-fill" | "bookmark-fill" | "bookmark-remove" | "bookmark-remove-fill" | "command" | "crop" | "dashboard" | "delete" | "download" | "edit" | "entry-point" | "exit-point" | "external-link" | "filter-circle" | "filter-fill" | "grid-alt" | "home" | "jump-link" | "layout" | "list" | "maximize" | "maximize-alt" | "minimize" | "minimize-alt" | "more-horizontal" | "more-vertical" | "mouse-pointer" | "move-horizontal" | "paperclip" | "pen-tool" | "pencil-tool" | "pin" | "power" | "printer" | "reload" | "resize-column" | "rotate-cw" | "rotate-ccw" | "share" | "sidebar" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "slash" | "slash-square" | "sort-asc" | "sort-desc" | "switcher" | "sync" | "sync-alert" | "sync-reverse" | "toggle-left" | "toggle-right" | "trash" | "upload" | "zoom-in" | "zoom-out" | "archive" | "clipboard" | "clipboard-checked" | "clipboard-copy" | "clipboard-x" | "file" | "file-change" | "file-check" | "file-diff" | "file-minus" | "file-plus" | "file-source" | "file-text" | "file-x" | "files" | "folder" | "folder-fill" | "folder-minus" | "folder-minus-fill" | "folder-plus" | "folder-plus-fill" | "folder-star" | "inbox" | "api" | "auto-apply" | "build" | "change-circle" | "change-square" | "channel" | "cloud" | "cloud-check" | "cloud-download" | "cloud-lightning" | "cloud-lock" | "cloud-off" | "cloud-upload" | "cloud-x" | "connection" | "connection-gateway" | "cpu" | "duplicate" | "gateway" | "git-branch" | "git-commit" | "git-merge" | "git-pull-request" | "git-repo" | "hammer" | "key-values" | "mainframe" | "mesh" | "module" | "monitor" | "network" | "network-alt" | "node" | "pipeline" | "plug" | "replication-direct" | "replication-perf" | "scissors" | "server" | "server-cluster" | "serverless" | "service" | "settings" | "sliders" | "smartphone" | "socket" | "step" | "tablet" | "terminal" | "terminal-screen" | "test" | "tools" | "transform-data" | "tv" | "webhook" | "wrench" | "calendar" | "clock" | "clock-filled" | "delay" | "event" | "history" | "hourglass" | "watch" | "bar-chart" | "bar-chart-alt" | "box" | "collections" | "database" | "hard-drive" | "line-chart" | "line-chart-up" | "logs" | "package" | "pie-chart" | "save" | "trend-down" | "trend-up" | "activity" | "at-sign" | "award" | "bell" | "bell-active" | "bell-active-fill" | "bell-off" | "discussion-circle" | "discussion-square" | "heart" | "heart-fill" | "heart-off" | "mail" | "mail-open" | "message-circle" | "message-circle-fill" | "message-square" | "message-square-fill" | "mic" | "mic-off" | "newspaper" | "phone" | "phone-call" | "phone-off" | "send" | "star" | "star-circle" | "star-fill" | "star-off" | "thumbs-down" | "thumbs-up" | "video-off" | "bank-vault" | "briefcase" | "credit-card" | "dollar-sign" | "enterprise" | "globe" | "globe-private" | "org" | "provider" | "shopping-bag" | "shopping-cart" | "arrow-down-circle" | "arrow-down-left" | "arrow-down-right" | "arrow-left" | "arrow-left-circle" | "arrow-right" | "arrow-right-circle" | "arrow-up-circle" | "arrow-up-left" | "arrow-up-right" | "chevron-left" | "chevron-right" | "chevrons-down" | "chevrons-left" | "chevrons-right" | "chevrons-up" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "load-balancer" | "migrate" | "move" | "swap-horizontal">;
+export declare const STATUSES: HdsStepperStatuses[];
+export declare const MAPPING_STATUS_TO_ICONS: Record<HdsStepperStatusesValues, "type" | "map" | "filter" | "code" | "link" | "menu" | "search" | "video" | "circle" | "image" | "path" | "tag" | "repeat" | "hash" | "queue" | "shuffle" | "chevron-up" | "chevron-down" | "unfold-open" | "unfold-close" | "arrow-down" | "arrow-up" | "swap-vertical" | "top" | "key" | "end" | "start" | "change" | "pause" | "play" | "x" | "bottom" | "caret" | "grid" | "outline" | "text-wrap" | "loading" | "loading-static" | "running" | "running-static" | "apple" | "apple-color" | "alibaba" | "alibaba-color" | "amazon-ecs" | "amazon-ecs-color" | "amazon-eks" | "amazon-eks-color" | "auth0" | "auth0-color" | "aws" | "aws-color" | "aws-cdk" | "aws-cdk-color" | "aws-cloudwatch" | "aws-cloudwatch-color" | "aws-ec2" | "aws-ec2-color" | "aws-lambda" | "aws-lambda-color" | "aws-s3" | "aws-s3-color" | "azure" | "azure-color" | "azure-aks" | "azure-aks-color" | "azure-blob-storage" | "azure-blob-storage-color" | "azure-devops" | "azure-devops-color" | "azure-vms" | "azure-vms-color" | "bitbucket" | "bitbucket-color" | "bridgecrew" | "bridgecrew-color" | "cisco" | "cisco-color" | "codepen" | "codepen-color" | "confluence" | "confluence-color" | "confluent" | "confluent-color" | "datadog" | "datadog-color" | "digital-ocean" | "digital-ocean-color" | "docker" | "docker-color" | "duo" | "duo-color" | "elastic-observability" | "elastic-observability-color" | "f5" | "f5-color" | "facebook" | "facebook-color" | "figma" | "figma-color" | "gcp" | "gcp-color" | "git" | "git-color" | "gitlab" | "gitlab-color" | "github" | "github-color" | "google" | "google-color" | "google-docs" | "google-docs-color" | "google-drive" | "google-drive-color" | "google-forms" | "google-forms-color" | "google-sheets" | "google-sheets-color" | "google-slides" | "google-slides-color" | "grafana" | "grafana-color" | "helm" | "helm-color" | "infracost" | "infracost-color" | "jfrog" | "jfrog-color" | "jira" | "jira-color" | "jwt" | "jwt-color" | "kubernetes" | "kubernetes-color" | "lightlytics" | "lightlytics-color" | "linkedin" | "linkedin-color" | "linode" | "linode-color" | "linux" | "linux-color" | "loom" | "loom-color" | "meetup" | "meetup-color" | "microsoft" | "microsoft-color" | "microsoft-teams" | "microsoft-teams-color" | "minio" | "minio-color" | "mongodb" | "mongodb-color" | "new-relic" | "new-relic-color" | "okta" | "okta-color" | "oracle" | "oracle-color" | "opa" | "opa-color" | "openid" | "openid-color" | "pack" | "pack-color" | "pager-duty" | "pager-duty-color" | "ping-identity " | "ping-identity-color" | "postgres" | "postgres-color" | "rabbitmq" | "rabbitmq-color" | "saml" | "saml-color" | "service-now" | "service-now-color" | "slack" | "slack-color" | "snyk" | "snyk-color" | "splunk" | "splunk-color" | "twilio" | "twilio-color" | "twitch" | "twitch-color" | "twitter" | "twitter-color" | "twitter-x" | "twitter-x-color" | "vantage" | "vantage-color" | "venafi" | "venafi-color" | "vercel" | "vercel-color" | "vmware" | "vmware-color" | "youtube" | "youtube-color" | "boundary" | "boundary-color" | "boundary-fill" | "boundary-fill-color" | "boundary-square" | "boundary-square-color" | "consul" | "consul-color" | "consul-fill" | "consul-fill-color" | "consul-square" | "consul-square-color" | "nomad" | "nomad-color" | "nomad-fill" | "nomad-fill-color" | "nomad-square" | "nomad-square-color" | "packer" | "packer-color" | "packer-fill" | "packer-fill-color" | "packer-square" | "packer-square-color" | "terraform" | "terraform-color" | "terraform-fill" | "terraform-fill-color" | "terraform-square" | "terraform-square-color" | "vagrant" | "vagrant-color" | "vagrant-fill" | "vagrant-fill-color" | "vagrant-square" | "vagrant-square-color" | "vault" | "vault-color" | "vault-fill" | "vault-fill-color" | "vault-square" | "vault-square-color" | "vault-radar" | "vault-radar-color" | "vault-radar-fill" | "vault-radar-fill-color" | "vault-radar-square" | "vault-radar-square-color" | "vault-secrets" | "vault-secrets-color" | "vault-secrets-fill" | "vault-secrets-fill-color" | "vault-secrets-square" | "vault-secrets-square-color" | "waypoint" | "waypoint-color" | "waypoint-fill" | "waypoint-fill-color" | "waypoint-square" | "waypoint-square-color" | "hashicorp" | "hashicorp-color" | "hashicorp-fill" | "hashicorp-fill-color" | "hashicorp-square" | "hashicorp-square-color" | "hcp" | "hcp-color" | "hcp-fill" | "hcp-fill-color" | "hcp-square" | "hcp-square-color" | "accessibility" | "folder-users" | "frown" | "identity-service" | "identity-user" | "meh" | "robot" | "smile" | "user" | "user-check" | "user-circle" | "user-circle-fill" | "user-minus" | "user-plus" | "user-x" | "users" | "ampersand" | "beaker" | "bucket" | "bulb" | "circle-dot" | "circle-fill" | "circle-half" | "diamond" | "diamond-fill" | "disc" | "dot" | "dot-half" | "droplet" | "flag" | "gift" | "government" | "handshake" | "hexagon" | "hexagon-fill" | "labyrinth" | "layers" | "moon" | "octagon" | "random" | "rocket" | "sparkle" | "square" | "square-fill" | "sun" | "triangle" | "triangle-fill" | "truck" | "wand" | "zap" | "zap-off" | "docs" | "docs-download" | "docs-link" | "guide" | "guide-link" | "help" | "info" | "info-fill" | "learn" | "learn-link" | "support" | "alert-circle" | "alert-circle-fill" | "alert-diamond" | "alert-diamond-fill" | "alert-octagon" | "alert-octagon-fill" | "alert-triangle" | "alert-triangle-fill" | "check" | "check-circle" | "check-circle-fill" | "check-diamond" | "check-diamond-fill" | "check-hexagon" | "check-hexagon-fill" | "check-square" | "check-square-fill" | "skip" | "x-circle" | "x-circle-fill" | "x-diamond" | "x-diamond-fill" | "x-hexagon" | "x-hexagon-fill" | "x-square" | "x-square-fill" | "bug" | "certificate" | "eye" | "eye-off" | "fingerprint" | "keychain" | "lock" | "lock-fill" | "lock-off" | "shield" | "shield-alert" | "shield-check" | "shield-off" | "shield-x" | "token" | "unlock" | "verified" | "wall" | "minus" | "minus-circle" | "minus-circle-fill" | "minus-plus" | "minus-plus-circle" | "minus-plus-square" | "minus-square" | "minus-square-fill" | "plus" | "plus-circle" | "plus-circle-fill" | "plus-square" | "camera" | "camera-off" | "cast" | "closed-caption" | "fast-forward" | "film" | "headphones" | "music" | "pause-circle" | "play-circle" | "radio" | "rewind" | "rss" | "skip-back" | "skip-forward" | "speaker" | "stop-circle" | "volume" | "volume-down" | "volume-2" | "volume-x" | "wifi" | "wifi-off" | "compass" | "crosshair" | "map-pin" | "navigation" | "navigation-alt" | "redirect" | "target" | "align-center" | "align-justify" | "align-left" | "align-right" | "battery" | "battery-charging" | "bookmark" | "bookmark-add" | "bookmark-add-fill" | "bookmark-fill" | "bookmark-remove" | "bookmark-remove-fill" | "command" | "crop" | "dashboard" | "delete" | "download" | "edit" | "entry-point" | "exit-point" | "external-link" | "filter-circle" | "filter-fill" | "grid-alt" | "home" | "jump-link" | "layout" | "list" | "maximize" | "maximize-alt" | "minimize" | "minimize-alt" | "more-horizontal" | "more-vertical" | "mouse-pointer" | "move-horizontal" | "paperclip" | "pen-tool" | "pencil-tool" | "pin" | "power" | "printer" | "reload" | "resize-column" | "rotate-cw" | "rotate-ccw" | "share" | "sidebar" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "slash" | "slash-square" | "sort-asc" | "sort-desc" | "switcher" | "sync" | "sync-alert" | "sync-reverse" | "toggle-left" | "toggle-right" | "trash" | "upload" | "zoom-in" | "zoom-out" | "archive" | "clipboard" | "clipboard-checked" | "clipboard-copy" | "clipboard-x" | "file" | "file-change" | "file-check" | "file-diff" | "file-minus" | "file-plus" | "file-source" | "file-text" | "file-x" | "files" | "folder" | "folder-fill" | "folder-minus" | "folder-minus-fill" | "folder-plus" | "folder-plus-fill" | "folder-star" | "inbox" | "api" | "auto-apply" | "build" | "change-circle" | "change-square" | "channel" | "cloud" | "cloud-check" | "cloud-download" | "cloud-lightning" | "cloud-lock" | "cloud-off" | "cloud-upload" | "cloud-x" | "connection" | "connection-gateway" | "cpu" | "duplicate" | "gateway" | "git-branch" | "git-commit" | "git-merge" | "git-pull-request" | "git-repo" | "hammer" | "key-values" | "mainframe" | "mesh" | "module" | "monitor" | "network" | "network-alt" | "node" | "pipeline" | "plug" | "replication-direct" | "replication-perf" | "scissors" | "server" | "server-cluster" | "serverless" | "service" | "settings" | "sliders" | "smartphone" | "socket" | "step" | "tablet" | "terminal" | "terminal-screen" | "test" | "tools" | "transform-data" | "tv" | "webhook" | "wrench" | "calendar" | "clock" | "clock-filled" | "delay" | "event" | "history" | "hourglass" | "watch" | "bar-chart" | "bar-chart-alt" | "box" | "collections" | "database" | "hard-drive" | "line-chart" | "line-chart-up" | "logs" | "package" | "pie-chart" | "save" | "trend-down" | "trend-up" | "activity" | "at-sign" | "award" | "bell" | "bell-active" | "bell-active-fill" | "bell-off" | "discussion-circle" | "discussion-square" | "heart" | "heart-fill" | "heart-off" | "mail" | "mail-open" | "message-circle" | "message-circle-fill" | "message-square" | "message-square-fill" | "mic" | "mic-off" | "newspaper" | "phone" | "phone-call" | "phone-off" | "send" | "star" | "star-circle" | "star-fill" | "star-off" | "thumbs-down" | "thumbs-up" | "video-off" | "bank-vault" | "briefcase" | "credit-card" | "dollar-sign" | "enterprise" | "globe" | "globe-private" | "org" | "provider" | "shopping-bag" | "shopping-cart" | "arrow-down-circle" | "arrow-down-left" | "arrow-down-right" | "arrow-left" | "arrow-left-circle" | "arrow-right" | "arrow-right-circle" | "arrow-up-circle" | "arrow-up-left" | "arrow-up-right" | "chevron-left" | "chevron-right" | "chevrons-down" | "chevrons-left" | "chevrons-right" | "chevrons-up" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "load-balancer" | "migrate" | "move" | "swap-horizontal">;
 export interface HdsStepperTaskIndicatorSignature {
     Args: {
         status?: HdsStepperStatuses;

package/declarations/components/hds/tag/index.d.ts

@@ -8,9 +8,9 @@ import type { HdsTagColors } from './types.ts';
 import { HdsTagTooltipPlacementValues } from './types.ts';
 import type { HdsTagTooltipPlacements } from './types.ts';
 import type { HdsInteractiveSignature } from '../interactive/';
-export declare const COLORS: string[];
+export declare const COLORS: HdsTagColors[];
 export declare const DEFAULT_COLOR = HdsTagColorValues.Primary;
-export declare const TOOLTIP_PLACEMENTS: string[];
+export declare const TOOLTIP_PLACEMENTS: HdsTagTooltipPlacements[];
 export declare const DEFAULT_TOOLTIP_PLACEMENT = HdsTagTooltipPlacementValues.Top;
 export interface HdsTagSignature {
     Args: HdsInteractiveSignature['Args'] & {
@@ -23,8 +23,8 @@ export interface HdsTagSignature {
     Element: HTMLSpanElement;
 }
 export default class HdsTag extends Component<HdsTagSignature> {
-    private _isTextOverflow;
-    private _observer;
+    private _element?;
+    private get _isTextOverflow();
     private _setUpObserver;
     /**
      * @param tooltioPlacement
@@ -64,5 +64,4 @@ export default class HdsTag extends Component<HdsTagSignature> {
      * @return {string} The "class" attribute to apply to the component.
      */
     get classNames(): string;
-    private _isOverflow;
 }