@hashicorp/design-system-components 6.1.0 → 6.2.0-rc-20260319095148

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (184) hide show
  1. package/declarations/components/hds/button/index.d.ts +2 -0
  2. package/declarations/components/hds/form/checkbox/field.d.ts +2 -1
  3. package/declarations/components/hds/form/file-input/field.d.ts +2 -1
  4. package/declarations/components/hds/form/key-value-inputs/add-row-button.d.ts +4 -0
  5. package/declarations/components/hds/form/masked-input/field.d.ts +1 -1
  6. package/declarations/components/hds/form/radio/field.d.ts +2 -1
  7. package/declarations/components/hds/form/select/field.d.ts +1 -1
  8. package/declarations/components/hds/form/super-select/multiple/field.d.ts +1 -1
  9. package/declarations/components/hds/form/super-select/single/field.d.ts +1 -1
  10. package/declarations/components/hds/form/text-input/field.d.ts +1 -1
  11. package/declarations/components/hds/form/textarea/field.d.ts +1 -1
  12. package/declarations/components/hds/form/toggle/field.d.ts +2 -1
  13. package/declarations/components/hds/icon/index.d.ts +21 -5
  14. package/declarations/components/hds/icon/types.d.ts +7 -0
  15. package/declarations/components/hds/stepper/task/indicator.d.ts +1 -1
  16. package/declarations/components/hds/table/index.d.ts +23 -23
  17. package/declarations/components/hds/table/td.d.ts +0 -11
  18. package/declarations/components/hds/table/th-selectable.d.ts +4 -4
  19. package/declarations/components/hds/table/th-sort.d.ts +0 -23
  20. package/declarations/components/hds/table/th.d.ts +1 -17
  21. package/declarations/components/hds/table/tr.d.ts +4 -12
  22. package/declarations/components/hds/theme-context/index.d.ts +24 -0
  23. package/declarations/components/hds/theme-context/types.d.ts +19 -0
  24. package/declarations/components/hds/theme-switcher/index.d.ts +43 -0
  25. package/declarations/components.d.ts +10 -8
  26. package/declarations/instance-initializers/load-sprite-empty.d.ts +10 -0
  27. package/declarations/modifiers/hds-anchored-position.d.ts +1 -1
  28. package/declarations/services/hds-icon-registry.d.ts +27 -0
  29. package/declarations/services/hds-theming.d.ts +54 -0
  30. package/declarations/services.d.ts +1 -0
  31. package/declarations/template-registry.d.ts +6 -0
  32. package/dist/_app_/components/hds/theme-context.js +1 -0
  33. package/dist/_app_/components/hds/theme-switcher.js +1 -0
  34. package/dist/_app_/instance-initializers/load-sprite-empty.js +1 -0
  35. package/dist/_app_/services/hds-icon-registry.js +1 -0
  36. package/dist/_app_/services/hds-theming.js +1 -0
  37. package/dist/components/hds/button/index.js +9 -1
  38. package/dist/components/hds/button/index.js.map +1 -1
  39. package/dist/components/hds/dialog-primitive/header.js +1 -3
  40. package/dist/components/hds/dialog-primitive/header.js.map +1 -1
  41. package/dist/components/hds/form/checkbox/field.js.map +1 -1
  42. package/dist/components/hds/form/file-input/field.js.map +1 -1
  43. package/dist/components/hds/form/key-value-inputs/add-row-button.js +15 -2
  44. package/dist/components/hds/form/key-value-inputs/add-row-button.js.map +1 -1
  45. package/dist/components/hds/form/masked-input/field.js.map +1 -1
  46. package/dist/components/hds/form/radio/field.js.map +1 -1
  47. package/dist/components/hds/form/select/field.js.map +1 -1
  48. package/dist/components/hds/form/super-select/multiple/field.js.map +1 -1
  49. package/dist/components/hds/form/super-select/single/field.js.map +1 -1
  50. package/dist/components/hds/form/text-input/field.js.map +1 -1
  51. package/dist/components/hds/form/textarea/field.js.map +1 -1
  52. package/dist/components/hds/form/toggle/field.js.map +1 -1
  53. package/dist/components/hds/icon/index.js +45 -10
  54. package/dist/components/hds/icon/index.js.map +1 -1
  55. package/dist/components/hds/icon/types.js +6 -1
  56. package/dist/components/hds/icon/types.js.map +1 -1
  57. package/dist/components/hds/icon-tile/index.js +1 -2
  58. package/dist/components/hds/icon-tile/index.js.map +1 -1
  59. package/dist/components/hds/pagination/compact/index.js +1 -1
  60. package/dist/components/hds/pagination/compact/index.js.map +1 -1
  61. package/dist/components/hds/table/index.js +39 -50
  62. package/dist/components/hds/table/index.js.map +1 -1
  63. package/dist/components/hds/table/td.js +5 -17
  64. package/dist/components/hds/table/td.js.map +1 -1
  65. package/dist/components/hds/table/th-button-sort.js +14 -7
  66. package/dist/components/hds/table/th-button-sort.js.map +1 -1
  67. package/dist/components/hds/table/th-button-tooltip.js +13 -4
  68. package/dist/components/hds/table/th-button-tooltip.js.map +1 -1
  69. package/dist/components/hds/table/th-selectable.js +24 -19
  70. package/dist/components/hds/table/th-selectable.js.map +1 -1
  71. package/dist/components/hds/table/th-sort.js +13 -31
  72. package/dist/components/hds/table/th-sort.js.map +1 -1
  73. package/dist/components/hds/table/th.js +13 -23
  74. package/dist/components/hds/table/th.js.map +1 -1
  75. package/dist/components/hds/table/tr.js +24 -4
  76. package/dist/components/hds/table/tr.js.map +1 -1
  77. package/dist/components/hds/theme-context/index.js +45 -0
  78. package/dist/components/hds/theme-context/index.js.map +1 -0
  79. package/dist/components/hds/theme-context/types.js +27 -0
  80. package/dist/components/hds/theme-context/types.js.map +1 -0
  81. package/dist/components/hds/theme-switcher/index.js +100 -0
  82. package/dist/components/hds/theme-switcher/index.js.map +1 -0
  83. package/dist/components.js +3 -1
  84. package/dist/components.js.map +1 -1
  85. package/dist/instance-initializers/load-sprite-empty.js +45 -0
  86. package/dist/instance-initializers/load-sprite-empty.js.map +1 -0
  87. package/dist/modifiers/hds-tooltip.js +1 -4
  88. package/dist/modifiers/hds-tooltip.js.map +1 -1
  89. package/dist/public/assets/fonts/LICENSE.txt +93 -0
  90. package/dist/public/assets/fonts/complete/woff2/IBMPlexMono-Italic.woff2 +0 -0
  91. package/dist/public/assets/fonts/complete/woff2/IBMPlexMono-Regular.woff2 +0 -0
  92. package/dist/public/assets/fonts/complete/woff2/IBMPlexMono-SemiBold.woff2 +0 -0
  93. package/dist/public/assets/fonts/complete/woff2/IBMPlexMono-SemiBoldItalic.woff2 +0 -0
  94. package/dist/public/assets/fonts/complete/woff2/IBMPlexSans-Italic.woff2 +0 -0
  95. package/dist/public/assets/fonts/complete/woff2/IBMPlexSans-Regular.woff2 +0 -0
  96. package/dist/public/assets/fonts/complete/woff2/IBMPlexSans-SemiBold.woff2 +0 -0
  97. package/dist/public/assets/fonts/complete/woff2/IBMPlexSans-SemiBoldItalic.woff2 +0 -0
  98. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-Italic-Cyrillic.woff2 +0 -0
  99. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-Italic-Latin1.woff2 +0 -0
  100. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-Italic-Latin2.woff2 +0 -0
  101. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-Italic-Latin3.woff2 +0 -0
  102. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-Italic-Pi.woff2 +0 -0
  103. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-Regular-Cyrillic.woff2 +0 -0
  104. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-Regular-Latin1.woff2 +0 -0
  105. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-Regular-Latin2.woff2 +0 -0
  106. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-Regular-Latin3.woff2 +0 -0
  107. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-Regular-Pi.woff2 +0 -0
  108. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBold-Cyrillic.woff2 +0 -0
  109. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBold-Latin1.woff2 +0 -0
  110. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBold-Latin2.woff2 +0 -0
  111. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBold-Latin3.woff2 +0 -0
  112. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBold-Pi.woff2 +0 -0
  113. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Cyrillic.woff2 +0 -0
  114. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin1.woff2 +0 -0
  115. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin2.woff2 +0 -0
  116. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin3.woff2 +0 -0
  117. package/dist/public/assets/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Pi.woff2 +0 -0
  118. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-Italic-Cyrillic.woff2 +0 -0
  119. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-Italic-Greek.woff2 +0 -0
  120. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-Italic-Latin1.woff2 +0 -0
  121. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-Italic-Latin2.woff2 +0 -0
  122. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-Italic-Latin3.woff2 +0 -0
  123. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-Italic-Pi.woff2 +0 -0
  124. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-Regular-Cyrillic.woff2 +0 -0
  125. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-Regular-Greek.woff2 +0 -0
  126. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-Regular-Latin1.woff2 +0 -0
  127. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-Regular-Latin2.woff2 +0 -0
  128. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-Regular-Latin3.woff2 +0 -0
  129. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-Regular-Pi.woff2 +0 -0
  130. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBold-Cyrillic.woff2 +0 -0
  131. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBold-Greek.woff2 +0 -0
  132. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBold-Latin1.woff2 +0 -0
  133. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBold-Latin2.woff2 +0 -0
  134. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBold-Latin3.woff2 +0 -0
  135. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBold-Pi.woff2 +0 -0
  136. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Cyrillic.woff2 +0 -0
  137. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Greek.woff2 +0 -0
  138. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin1.woff2 +0 -0
  139. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin2.woff2 +0 -0
  140. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin3.woff2 +0 -0
  141. package/dist/public/assets/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Pi.woff2 +0 -0
  142. package/dist/services/hds-icon-registry.js +440 -0
  143. package/dist/services/hds-icon-registry.js.map +1 -0
  144. package/dist/services/hds-theming.js +150 -0
  145. package/dist/services/hds-theming.js.map +1 -0
  146. package/dist/services.js +1 -1
  147. package/dist/styles/@hashicorp/design-system-components-common.css +9657 -0
  148. package/dist/styles/@hashicorp/design-system-components-common.css.map +1 -0
  149. package/dist/styles/@hashicorp/design-system-components.css +1096 -559
  150. package/dist/styles/@hashicorp/design-system-components.css.map +1 -1
  151. package/dist/styles/@hashicorp/design-system-plex-fonts.css +362 -0
  152. package/dist/styles/@hashicorp/design-system-plex-fonts.css.map +1 -0
  153. package/dist/styles/@hashicorp/design-system-plex-fonts.scss +58 -0
  154. package/dist/styles/components/accordion.scss +30 -30
  155. package/dist/styles/components/alert.scss +10 -8
  156. package/dist/styles/components/app-footer.scss +6 -4
  157. package/dist/styles/components/badge-count.scss +27 -76
  158. package/dist/styles/components/badge.scss +32 -131
  159. package/dist/styles/components/breadcrumb.scss +96 -14
  160. package/dist/styles/components/button.scss +5 -0
  161. package/dist/styles/components/card/container.scss +4 -5
  162. package/dist/styles/components/dialog-primitive.scss +26 -9
  163. package/dist/styles/components/dismiss-button.scss +19 -14
  164. package/dist/styles/components/dropdown.scss +3 -5
  165. package/dist/styles/components/flyout.scss +1 -3
  166. package/dist/styles/components/form/file-input.scss +2 -2
  167. package/dist/styles/components/form/key-value-inputs.scss +2 -4
  168. package/dist/styles/components/form/radio-card.scss +1 -1
  169. package/dist/styles/components/icon-tile.scss +18 -11
  170. package/dist/styles/components/index.scss +1 -0
  171. package/dist/styles/components/link/inline.scss +4 -4
  172. package/dist/styles/components/link/standalone.scss +18 -80
  173. package/dist/styles/components/modal.scss +2 -2
  174. package/dist/styles/components/pagination.scss +22 -4
  175. package/dist/styles/components/rich-tooltip.scss +52 -22
  176. package/dist/styles/components/tabs.scss +16 -2
  177. package/dist/styles/components/tag.scss +62 -20
  178. package/dist/styles/components/theme-context.scss +12 -0
  179. package/dist/styles/components/tooltip.scss +55 -25
  180. package/dist/styles/mixins/_button.scss +83 -129
  181. package/dist/styles/mixins/_carbonization.scss +33 -0
  182. package/dist/styles/mixins/_focus-ring.scss +2 -2
  183. package/dist/styles/mixins/_interactive-dark-theme.scss +1 -1
  184. package/package.json +65 -3
@@ -4,6 +4,7 @@
4
4
  */
5
5
  import Component from '@glimmer/component';
6
6
  import { HdsButtonSizeValues, HdsButtonColorValues, HdsButtonIconPositionValues } from './types.ts';
7
+ import type HdsThemingService from '../../../services/hds-theming.ts';
7
8
  import type { HdsButtonSizes, HdsButtonColors, HdsButtonIconPositions } from './types.ts';
8
9
  import type { HdsInteractiveSignature } from '../interactive/index';
9
10
  import type { HdsIconSignature } from '../icon/index';
@@ -27,6 +28,7 @@ export interface HdsButtonSignature {
27
28
  Element: HdsInteractiveSignature['Element'];
28
29
  }
29
30
  export default class HdsButton extends Component<HdsButtonSignature> {
31
+ readonly hdsTheming: HdsThemingService;
30
32
  get text(): string;
31
33
  get size(): HdsButtonSizes;
32
34
  get color(): HdsButtonColors;
@@ -4,6 +4,7 @@
4
4
  */
5
5
  import type { TemplateOnlyComponent } from '@ember/component/template-only';
6
6
  import type { HdsFormFieldSignature } from '../field/index';
7
+ import type { HdsFormCheckboxBaseSignature } from './base';
7
8
  export interface HdsFormCheckboxFieldSignature {
8
9
  Args: Omit<HdsFormFieldSignature['Args'], 'isOptional'> & {
9
10
  value?: string;
@@ -18,7 +19,7 @@ export interface HdsFormCheckboxFieldSignature {
18
19
  }
19
20
  ];
20
21
  };
21
- Element: HdsFormFieldSignature['Element'];
22
+ Element: HdsFormCheckboxBaseSignature['Element'];
22
23
  }
23
24
  declare const HdsFormCheckboxField: TemplateOnlyComponent<HdsFormCheckboxFieldSignature>;
24
25
  export default HdsFormCheckboxField;
@@ -4,6 +4,7 @@
4
4
  */
5
5
  import type { TemplateOnlyComponent } from '@ember/component/template-only';
6
6
  import type { HdsFormFieldSignature } from '../field/index';
7
+ import type { HdsFormFileInputBaseSignature } from './base';
7
8
  export interface HdsFormFileInputFieldSignature {
8
9
  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'>;
9
10
  Blocks: {
@@ -15,7 +16,7 @@ export interface HdsFormFileInputFieldSignature {
15
16
  }
16
17
  ];
17
18
  };
18
- Element: HdsFormFieldSignature['Element'];
19
+ Element: HdsFormFileInputBaseSignature['Element'];
19
20
  }
20
21
  declare const HdsFormFileInputField: TemplateOnlyComponent<HdsFormFileInputFieldSignature>;
21
22
  export default HdsFormFileInputField;
@@ -3,15 +3,19 @@
3
3
  * SPDX-License-Identifier: MPL-2.0
4
4
  */
5
5
  import Component from '@glimmer/component';
6
+ import type HdsIntlService from '../../../../services/hds-intl.ts';
6
7
  import type { HdsButtonSignature } from '../../button/index';
7
8
  export interface HdsFormKeyValueInputsAddRowButtonSignature {
8
9
  Args: {
10
+ ariaLabel?: string;
9
11
  onClick?: () => void;
10
12
  text?: HdsButtonSignature['Args']['text'];
11
13
  };
12
14
  Element: HdsButtonSignature['Element'];
13
15
  }
14
16
  export default class HdsFormKeyValueInputsAddRowButton extends Component<HdsFormKeyValueInputsAddRowButtonSignature> {
17
+ readonly hdsIntl: HdsIntlService;
18
+ get ariaDescription(): string;
15
19
  get text(): string;
16
20
  onClick: () => void;
17
21
  }
@@ -19,7 +19,7 @@ export interface HdsFormMaskedInputFieldSignature {
19
19
  }
20
20
  ];
21
21
  };
22
- Element: HdsFormFieldSignature['Element'];
22
+ Element: HdsFormMaskedInputBaseSignature['Element'];
23
23
  }
24
24
  declare const HdsFormMaskedInputField: TemplateOnlyComponent<HdsFormMaskedInputFieldSignature>;
25
25
  export default HdsFormMaskedInputField;
@@ -4,6 +4,7 @@
4
4
  */
5
5
  import type { TemplateOnlyComponent } from '@ember/component/template-only';
6
6
  import type { HdsFormFieldSignature } from '../field/index';
7
+ import type { HdsFormRadioBaseSignature } from './base';
7
8
  export interface HdsFormRadioFieldSignature {
8
9
  Args: Omit<HdsFormFieldSignature['Args'], 'isOptional'> & {
9
10
  value?: string;
@@ -18,7 +19,7 @@ export interface HdsFormRadioFieldSignature {
18
19
  }
19
20
  ];
20
21
  };
21
- Element: HdsFormFieldSignature['Element'];
22
+ Element: HdsFormRadioBaseSignature['Element'];
22
23
  }
23
24
  declare const HdsFormRadioField: TemplateOnlyComponent<HdsFormRadioFieldSignature>;
24
25
  export default HdsFormRadioField;
@@ -18,7 +18,7 @@ export interface HdsFormSelectFieldSignature {
18
18
  }
19
19
  ];
20
20
  };
21
- Element: HdsFormFieldSignature['Element'];
21
+ Element: HdsFormSelectBaseSignature['Element'];
22
22
  }
23
23
  declare const HdsFormSelectField: TemplateOnlyComponent<HdsFormSelectFieldSignature>;
24
24
  export default HdsFormSelectField;
@@ -21,7 +21,7 @@ export interface HdsFormSuperSelectMultipleFieldSignature {
21
21
  }
22
22
  ];
23
23
  };
24
- Element: HdsFormFieldSignature['Element'];
24
+ Element: HdsFormSuperSelectMultipleBaseSignature['Element'];
25
25
  }
26
26
  export default class HdsFormSuperSelectMultipleField extends Component<HdsFormSuperSelectMultipleFieldSignature> {
27
27
  get idPrefix(): string;
@@ -21,7 +21,7 @@ export interface HdsFormSuperSelectSingleFieldSignature {
21
21
  }
22
22
  ];
23
23
  };
24
- Element: HdsFormFieldSignature['Element'];
24
+ Element: HdsFormSuperSelectSingleBaseSignature['Element'];
25
25
  }
26
26
  export default class HdsFormSuperSelectSingleField extends Component<HdsFormSuperSelectSingleFieldSignature> {
27
27
  get idPrefix(): string;
@@ -24,7 +24,7 @@ export interface HdsFormTextInputFieldSignature {
24
24
  }
25
25
  ];
26
26
  };
27
- Element: HdsFormFieldSignature['Element'];
27
+ Element: HdsFormTextInputBaseSignature['Element'];
28
28
  }
29
29
  export default class HdsFormTextInputField extends Component<HdsFormTextInputFieldSignature> {
30
30
  private _isPasswordMasked;
@@ -19,7 +19,7 @@ export interface HdsFormTextareaFieldSignature {
19
19
  }
20
20
  ];
21
21
  };
22
- Element: HdsFormFieldSignature['Element'];
22
+ Element: HdsFormTextareaBaseSignature['Element'];
23
23
  }
24
24
  declare const HdsFormTextareaField: TemplateOnlyComponent<HdsFormTextareaFieldSignature>;
25
25
  export default HdsFormTextareaField;
@@ -4,6 +4,7 @@
4
4
  */
5
5
  import type { TemplateOnlyComponent } from '@ember/component/template-only';
6
6
  import type { HdsFormFieldSignature } from '../field/index';
7
+ import type { HdsFormToggleBaseSignature } from './base';
7
8
  export interface HdsFormToggleFieldSignature {
8
9
  Args: Omit<HdsFormFieldSignature['Args'], 'isOptional'> & {
9
10
  value?: string;
@@ -17,7 +18,7 @@ export interface HdsFormToggleFieldSignature {
17
18
  }
18
19
  ];
19
20
  };
20
- Element: HdsFormFieldSignature['Element'];
21
+ Element: HdsFormToggleBaseSignature['Element'];
21
22
  }
22
23
  declare const HdsFormToggleField: TemplateOnlyComponent<HdsFormToggleFieldSignature>;
23
24
  export default HdsFormToggleField;
@@ -4,11 +4,13 @@
4
4
  */
5
5
  import Component from '@glimmer/component';
6
6
  import type { IconName } from '@hashicorp/flight-icons/svg';
7
- import type Owner from '@ember/owner';
8
- import { HdsIconSizeValues } from './types.ts';
7
+ import type { HdsIconRegistryEntry } from '@hashicorp/flight-icons/symbol-js/registry';
8
+ import type HdsThemingService from '@hashicorp/design-system-components/services/hds-theming';
9
+ import type HdsIconRegistryService from '@hashicorp/design-system-components/services/hds-icon-registry';
10
+ import type { HdsIconDefinition } from '@hashicorp/design-system-components/services/hds-icon-registry';
9
11
  import type { HdsIconSizes, HdsIconColors } from './types.ts';
10
12
  export declare const COLORS: HdsIconColors[];
11
- export declare const NAMES: readonly ["loading", "loading-static", "running", "running-static", "apple", "apple-color", "alibaba", "alibaba-color", "amazon-ecs", "amazon-ecs-color", "amazon-eks", "amazon-eks-color", "ansible-community", "ansible-community-color", "ansible-automation-platform", "ansible-automation-platform-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", "cloudability", "cloudability-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", "jenkins", "jenkins-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", "openstack", "openstack-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", "circle-dot", "circle-fill", "circle-half", "diamond", "diamond-fill", "disc", "dot", "dot-half", "droplet", "flag", "gift", "government", "handshake", "hash", "hexagon", "hexagon-fill", "labyrinth", "layers", "moon", "octagon", "outline", "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", "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", "key", "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", "image", "music", "pause", "pause-circle", "play", "play-circle", "radio", "rewind", "rss", "skip-back", "skip-forward", "speaker", "stop-circle", "volume", "volume-down", "volume-up", "volume-x", "wifi", "wifi-off", "compass", "crosshair", "map", "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", "bottom", "command", "crop", "dashboard", "delete", "download", "edit", "end", "entry-point", "exit-point", "external-link", "filter", "filter-circle", "filter-fill", "grid", "grid-alt", "home", "jump-link", "layout", "link", "list", "maximize", "maximize-alt", "menu", "minimize", "minimize-alt", "more-horizontal", "more-vertical", "mouse-pointer", "move-horizontal", "paperclip", "pen-tool", "pencil-tool", "pin", "pin-off", "power", "printer", "reload", "repeat", "resize-column", "rotate-cw", "rotate-ccw", "search", "share", "sidebar", "sidebar-hide", "sidebar-show", "sign-in", "sign-out", "slash", "slash-square", "sort-asc", "sort-desc", "start", "switcher", "sync", "sync-alert", "sync-reverse", "tag", "text-wrap", "toggle-left", "toggle-right", "top", "trash", "type", "unfold-close", "unfold-open", "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", "change-circle", "change-square", "channel", "cloud", "cloud-check", "cloud-download", "cloud-lightning", "cloud-lock", "cloud-off", "cloud-upload", "cloud-x", "code", "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", "path", "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", "queue", "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", "video-off", "bank-vault", "briefcase", "credit-card", "dollar-sign", "enterprise", "globe", "globe-private", "org", "provider", "shopping-bag", "shopping-cart", "arrow-down", "arrow-down-circle", "arrow-down-left", "arrow-down-right", "arrow-left", "arrow-left-circle", "arrow-right", "arrow-right-circle", "arrow-up", "arrow-up-circle", "arrow-up-left", "arrow-up-right", "caret", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "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", "shuffle", "swap-horizontal", "swap-vertical"];
13
+ export declare const NAMES: readonly ["loading", "loading-static", "running", "running-static", "apple", "apple-color", "alibaba", "alibaba-color", "amazon-ecs", "amazon-ecs-color", "amazon-eks", "amazon-eks-color", "ansible-community", "ansible-community-color", "ansible-automation-platform", "ansible-automation-platform-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", "cloudability", "cloudability-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", "jenkins", "jenkins-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", "openstack", "openstack-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", "circle-dot", "circle-fill", "circle-half", "diamond", "diamond-fill", "disc", "dot", "dot-half", "droplet", "flag", "gift", "government", "handshake", "hash", "hexagon", "hexagon-fill", "labyrinth", "layers", "moon", "octagon", "outline", "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", "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", "key", "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", "image", "music", "pause", "pause-circle", "play", "play-circle", "radio", "rewind", "rss", "skip-back", "skip-forward", "speaker", "stop-circle", "volume", "volume-down", "volume-up", "volume-x", "wifi", "wifi-off", "compass", "crosshair", "map", "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", "bottom", "command", "crop", "dashboard", "delete", "download", "edit", "end", "entry-point", "exit-point", "external-link", "filter", "filter-circle", "filter-fill", "grid", "grid-alt", "home", "jump-link", "layout", "link", "list", "maximize", "maximize-alt", "menu", "minimize", "minimize-alt", "more-horizontal", "more-vertical", "mouse-pointer", "move-horizontal", "paperclip", "pen-tool", "pencil-tool", "pin", "pin-off", "power", "printer", "reload", "repeat", "resize-column", "rotate-cw", "rotate-ccw", "search", "share", "sidebar", "sidebar-hide", "sidebar-show", "sign-in", "sign-out", "slash", "slash-square", "sort-asc", "sort-desc", "start", "switcher", "sync", "sync-alert", "sync-reverse", "tag", "text-wrap", "toggle-left", "toggle-right", "top", "trash", "type", "unfold-close", "unfold-open", "upload", "workspace", "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", "change-circle", "change-square", "channel", "cloud", "cloud-check", "cloud-download", "cloud-lightning", "cloud-lock", "cloud-off", "cloud-upload", "cloud-x", "code", "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", "path", "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", "queue", "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", "video-off", "bank-vault", "briefcase", "credit-card", "dollar-sign", "enterprise", "globe", "globe-private", "org", "provider", "shopping-bag", "shopping-cart", "arrow-down", "arrow-down-circle", "arrow-down-left", "arrow-down-right", "arrow-left", "arrow-left-circle", "arrow-right", "arrow-right-circle", "arrow-up", "arrow-up-circle", "arrow-up-left", "arrow-up-right", "caret", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "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", "shuffle", "swap-horizontal", "swap-vertical"];
12
14
  export interface HdsIconSignature {
13
15
  Args: {
14
16
  name: IconName;
@@ -21,13 +23,19 @@ export interface HdsIconSignature {
21
23
  Element: SVGElement;
22
24
  }
23
25
  export default class HdsIcon extends Component<HdsIconSignature> {
26
+ readonly hdsTheming: HdsThemingService;
27
+ readonly hdsIconRegistry: HdsIconRegistryService;
24
28
  private _iconId;
25
29
  private _titleId;
26
- constructor(owner: Owner, args: HdsIconSignature['Args']);
30
+ get definition(): HdsIconDefinition;
31
+ get name(): HdsIconSignature['Args']['name'];
32
+ get registryEntry(): HdsIconRegistryEntry | undefined;
33
+ get hasCarbonEquivalent(): boolean;
34
+ get isCarbon(): boolean;
27
35
  get isInline(): boolean;
28
36
  get predefinedColor(): "primary" | "strong" | "faint" | "disabled" | "high-contrast" | "action" | "action-hover" | "action-active" | "highlight" | "highlight-on-surface" | "highlight-high-contrast" | "success" | "success-on-surface" | "success-high-contrast" | "warning" | "warning-on-surface" | "warning-high-contrast" | "critical" | "critical-on-surface" | "critical-high-contrast" | undefined;
29
37
  get fillColor(): string;
30
- get size(): "16" | "24" | HdsIconSizeValues.Sixteen;
38
+ get size(): HdsIconSizes;
31
39
  get svgSize(): {
32
40
  width: string;
33
41
  height: string;
@@ -36,4 +44,12 @@ export default class HdsIcon extends Component<HdsIconSignature> {
36
44
  get role(): "img" | null;
37
45
  get ariaLabelledby(): string | null;
38
46
  get classNames(): string;
47
+ get symbolId(): string;
48
+ loadIcon: import("ember-modifier").FunctionBasedModifier<{
49
+ Args: {
50
+ Positional: unknown[];
51
+ Named: import("ember-modifier/-private/signature").EmptyObject;
52
+ };
53
+ Element: Element;
54
+ }>;
39
55
  }
@@ -2,6 +2,7 @@
2
2
  * Copyright IBM Corp. 2021, 2025
3
3
  * SPDX-License-Identifier: MPL-2.0
4
4
  */
5
+ import type { HdsIconModule } from '@hashicorp/flight-icons/symbol-js/registry';
5
6
  export declare enum HdsIconSizeValues {
6
7
  Sixteen = "16",
7
8
  TwentyFour = "24"
@@ -30,3 +31,9 @@ export declare enum HdsIconColorValues {
30
31
  CriticalHighContrast = "critical-high-contrast"
31
32
  }
32
33
  export type HdsIconColors = `${HdsIconColorValues}`;
34
+ export declare enum HdsIconLibraryValues {
35
+ Flight = "flight",
36
+ Carbon = "carbon"
37
+ }
38
+ export type HdsIconLibraries = `${HdsIconLibraryValues}`;
39
+ export type HdsIconLoader = () => Promise<HdsIconModule>;
@@ -8,7 +8,7 @@ import type { HdsIconSignature } from '../../icon/index';
8
8
  import type { HdsStepperStatuses } from '../types.ts';
9
9
  export declare const DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;
10
10
  export declare const STATUSES: HdsStepperStatuses[];
11
- export declare const MAPPING_STATUS_TO_ICONS: Record<HdsStepperStatusesValues, "loading" | "loading-static" | "running" | "running-static" | "apple" | "apple-color" | "alibaba" | "alibaba-color" | "amazon-ecs" | "amazon-ecs-color" | "amazon-eks" | "amazon-eks-color" | "ansible-community" | "ansible-community-color" | "ansible-automation-platform" | "ansible-automation-platform-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" | "cloudability" | "cloudability-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" | "jenkins" | "jenkins-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" | "openstack" | "openstack-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" | "circle-dot" | "circle-fill" | "circle-half" | "diamond" | "diamond-fill" | "disc" | "dot" | "dot-half" | "droplet" | "flag" | "gift" | "government" | "handshake" | "hash" | "hexagon" | "hexagon-fill" | "labyrinth" | "layers" | "moon" | "octagon" | "outline" | "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" | "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" | "key" | "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" | "image" | "music" | "pause" | "pause-circle" | "play" | "play-circle" | "radio" | "rewind" | "rss" | "skip-back" | "skip-forward" | "speaker" | "stop-circle" | "volume" | "volume-down" | "volume-up" | "volume-x" | "wifi" | "wifi-off" | "compass" | "crosshair" | "map" | "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" | "bottom" | "command" | "crop" | "dashboard" | "delete" | "download" | "edit" | "end" | "entry-point" | "exit-point" | "external-link" | "filter" | "filter-circle" | "filter-fill" | "grid" | "grid-alt" | "home" | "jump-link" | "layout" | "link" | "list" | "maximize" | "maximize-alt" | "menu" | "minimize" | "minimize-alt" | "more-horizontal" | "more-vertical" | "mouse-pointer" | "move-horizontal" | "paperclip" | "pen-tool" | "pencil-tool" | "pin" | "pin-off" | "power" | "printer" | "reload" | "repeat" | "resize-column" | "rotate-cw" | "rotate-ccw" | "search" | "share" | "sidebar" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "slash" | "slash-square" | "sort-asc" | "sort-desc" | "start" | "switcher" | "sync" | "sync-alert" | "sync-reverse" | "tag" | "text-wrap" | "toggle-left" | "toggle-right" | "top" | "trash" | "type" | "unfold-close" | "unfold-open" | "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" | "change-circle" | "change-square" | "channel" | "cloud" | "cloud-check" | "cloud-download" | "cloud-lightning" | "cloud-lock" | "cloud-off" | "cloud-upload" | "cloud-x" | "code" | "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" | "path" | "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" | "queue" | "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" | "video-off" | "bank-vault" | "briefcase" | "credit-card" | "dollar-sign" | "enterprise" | "globe" | "globe-private" | "org" | "provider" | "shopping-bag" | "shopping-cart" | "arrow-down" | "arrow-down-circle" | "arrow-down-left" | "arrow-down-right" | "arrow-left" | "arrow-left-circle" | "arrow-right" | "arrow-right-circle" | "arrow-up" | "arrow-up-circle" | "arrow-up-left" | "arrow-up-right" | "caret" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "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" | "shuffle" | "swap-horizontal" | "swap-vertical">;
11
+ export declare const MAPPING_STATUS_TO_ICONS: Record<HdsStepperStatusesValues, "code" | "link" | "map" | "menu" | "search" | "video" | "circle" | "filter" | "image" | "path" | "loading" | "loading-static" | "running" | "running-static" | "apple" | "apple-color" | "alibaba" | "alibaba-color" | "amazon-ecs" | "amazon-ecs-color" | "amazon-eks" | "amazon-eks-color" | "ansible-community" | "ansible-community-color" | "ansible-automation-platform" | "ansible-automation-platform-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" | "cloudability" | "cloudability-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" | "jenkins" | "jenkins-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" | "openstack" | "openstack-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" | "hash" | "hexagon" | "hexagon-fill" | "labyrinth" | "layers" | "moon" | "octagon" | "outline" | "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" | "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" | "key" | "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" | "pause-circle" | "play" | "play-circle" | "radio" | "rewind" | "rss" | "skip-back" | "skip-forward" | "speaker" | "stop-circle" | "volume" | "volume-down" | "volume-up" | "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" | "bottom" | "command" | "crop" | "dashboard" | "delete" | "download" | "edit" | "end" | "entry-point" | "exit-point" | "external-link" | "filter-circle" | "filter-fill" | "grid" | "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" | "pin-off" | "power" | "printer" | "reload" | "repeat" | "resize-column" | "rotate-cw" | "rotate-ccw" | "share" | "sidebar" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "slash" | "slash-square" | "sort-asc" | "sort-desc" | "start" | "switcher" | "sync" | "sync-alert" | "sync-reverse" | "tag" | "text-wrap" | "toggle-left" | "toggle-right" | "top" | "trash" | "type" | "unfold-close" | "unfold-open" | "upload" | "workspace" | "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" | "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" | "queue" | "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" | "arrow-down-circle" | "arrow-down-left" | "arrow-down-right" | "arrow-left" | "arrow-left-circle" | "arrow-right" | "arrow-right-circle" | "arrow-up" | "arrow-up-circle" | "arrow-up-left" | "arrow-up-right" | "caret" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "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" | "shuffle" | "swap-horizontal" | "swap-vertical">;
12
12
  export interface HdsStepperTaskIndicatorSignature {
13
13
  Args: {
14
14
  status?: HdsStepperStatuses;
@@ -3,16 +3,16 @@
3
3
  * SPDX-License-Identifier: MPL-2.0
4
4
  */
5
5
  import Component from '@glimmer/component';
6
- import type { ComponentLike } from '@glint/template';
7
- import type HdsIntlService from '../../../services/hds-intl.ts';
6
+ import type { WithBoundArgs } from '@glint/template';
7
+ import type Owner from '@ember/owner';
8
8
  import { HdsTableDensityValues, HdsTableThSortOrderValues, HdsTableVerticalAlignmentValues } from './types.ts';
9
- import type { HdsTableColumn, HdsTableDensities, HdsTableHorizontalAlignment, HdsTableOnSelectionChangeSignature, HdsTableSortingFunction, HdsTableThSortOrder, HdsTableVerticalAlignment, HdsTableModel } from './types';
9
+ import HdsTableTr from './tr';
10
+ import HdsTableTh from './th';
11
+ import HdsTableThSort from './th-sort';
12
+ import HdsTableTd from './td';
13
+ import type { HdsTableColumn, HdsTableDensities, HdsTableHorizontalAlignment, HdsTableOnSelectionChangeSignature, HdsTableSortingFunction, HdsTableThSortOrder, HdsTableVerticalAlignment, HdsTableModel } from './types.ts';
10
14
  import type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base';
11
- import type { HdsTableTdSignature } from './td.ts';
12
- import type { HdsTableThSignature } from './th.ts';
13
- import type { HdsTableThSortSignature } from './th-sort.ts';
14
- import type { HdsTableTrSignature } from './tr.ts';
15
- import type Owner from '@ember/owner';
15
+ import type HdsIntlService from '../../../services/hds-intl.ts';
16
16
  export declare const DENSITIES: HdsTableDensities[];
17
17
  export declare const DEFAULT_DENSITY = HdsTableDensityValues.Medium;
18
18
  export declare const VALIGNMENTS: HdsTableVerticalAlignment[];
@@ -40,9 +40,9 @@ export interface HdsTableSignature<T = HdsTableModel> {
40
40
  Blocks: {
41
41
  head?: [
42
42
  {
43
- Tr?: ComponentLike<HdsTableTrSignature>;
44
- Th?: ComponentLike<HdsTableThSignature>;
45
- ThSort?: ComponentLike<HdsTableThSortSignature>;
43
+ Tr?: WithBoundArgs<typeof HdsTableTr, 'selectionScope' | 'isSelectable' | 'onSelectionChange' | 'didInsert' | 'willDestroy' | 'selectionAriaLabelSuffix' | 'onClickSortBySelected' | 'sortBySelectedOrder'>;
44
+ Th?: typeof HdsTableTh;
45
+ ThSort?: typeof HdsTableThSort;
46
46
  sortBy?: string;
47
47
  sortOrder?: HdsTableThSortOrder;
48
48
  setSortBy?: (column: string) => void;
@@ -50,9 +50,9 @@ export interface HdsTableSignature<T = HdsTableModel> {
50
50
  ];
51
51
  body?: [
52
52
  {
53
- Td?: ComponentLike<HdsTableTdSignature>;
54
- Tr?: ComponentLike<HdsTableTrSignature>;
55
- Th?: ComponentLike<HdsTableThSignature>;
53
+ Td?: WithBoundArgs<typeof HdsTableTd, 'align'>;
54
+ Tr?: WithBoundArgs<typeof HdsTableTr, 'selectionScope' | 'isSelectable' | 'onSelectionChange' | 'didInsert' | 'willDestroy' | 'selectionAriaLabelSuffix'>;
55
+ Th?: WithBoundArgs<typeof HdsTableTh, 'scope'>;
56
56
  data?: T;
57
57
  rowIndex?: number;
58
58
  sortBy?: string;
@@ -78,13 +78,13 @@ export default class HdsTable<T = HdsTableModel> extends Component<HdsTableSigna
78
78
  get density(): HdsTableDensities;
79
79
  get valign(): HdsTableVerticalAlignment;
80
80
  get classNames(): string;
81
- setSortBy(column: string): void;
82
- onSelectionChangeCallback(checkbox?: HdsFormCheckboxBaseSignature['Element'], selectionKey?: string): void;
83
- onSelectionAllChange(): void;
84
- onSelectionRowChange(checkbox?: HdsFormCheckboxBaseSignature['Element'], selectionKey?: string): void;
85
- didInsertSelectAllCheckbox(checkbox: HdsFormCheckboxBaseSignature['Element']): void;
86
- willDestroySelectAllCheckbox(): void;
87
- didInsertRowCheckbox(checkbox: HdsFormCheckboxBaseSignature['Element'], selectionKey?: string): void;
88
- willDestroyRowCheckbox(selectionKey?: string): void;
89
- setSelectAllState(): void;
81
+ setSortBy: (column: string) => void;
82
+ onSelectionChangeCallback: (checkbox?: HdsFormCheckboxBaseSignature["Element"], selectionKey?: string) => void;
83
+ onSelectionAllChange: () => void;
84
+ onSelectionRowChange: (checkbox?: HdsFormCheckboxBaseSignature["Element"], selectionKey?: string) => void;
85
+ didInsertSelectAllCheckbox: (checkbox: HdsFormCheckboxBaseSignature["Element"]) => void;
86
+ willDestroySelectAllCheckbox: () => void;
87
+ didInsertRowCheckbox: (checkbox: HdsFormCheckboxBaseSignature["Element"], selectionKey?: string) => void;
88
+ willDestroyRowCheckbox: (selectionKey?: string) => void;
89
+ setSelectAllState: () => void;
90
90
  }
@@ -17,17 +17,6 @@ export interface HdsTableTdSignature {
17
17
  Element: HTMLTableCellElement;
18
18
  }
19
19
  export default class HdsTableTd extends Component<HdsTableTdSignature> {
20
- /**
21
- * @param align
22
- * @type {string}
23
- * @default left
24
- * @description Determines the text alignment of the header or cell content. Options are: "left", "center", "right". If no align is defined, "left" is used.
25
- */
26
20
  get align(): HdsTableHorizontalAlignment;
27
- /**
28
- * Get the class names to apply to the component.
29
- * @method classNames
30
- * @return {string} The "class" attribute to apply to the component.
31
- */
32
21
  get classNames(): string;
33
22
  }
@@ -3,10 +3,10 @@
3
3
  * SPDX-License-Identifier: MPL-2.0
4
4
  */
5
5
  import Component from '@glimmer/component';
6
+ import type Owner from '@ember/owner';
6
7
  import type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base';
7
8
  import type { HdsTableScope, HdsTableThSortOrder, HdsTableThSortOrderLabels } from './types';
8
9
  import type { HdsTableThSignature } from './th';
9
- import type Owner from '@ember/owner';
10
10
  export interface HdsTableThSelectableSignature {
11
11
  Args: {
12
12
  didInsert?: (checkbox: HdsFormCheckboxBaseSignature['Element'], selectionKey?: string) => void;
@@ -30,7 +30,7 @@ export default class HdsTableThSelectable extends Component<HdsTableThSelectable
30
30
  get isSortable(): boolean;
31
31
  get ariaLabel(): string;
32
32
  get ariaSort(): HdsTableThSortOrderLabels | undefined;
33
- didInsert(checkbox: HdsFormCheckboxBaseSignature['Element']): void;
34
- willDestroyNode(): void;
35
- onSelectionChange(event: Event): void;
33
+ didInsert: (checkbox: HdsFormCheckboxBaseSignature["Element"]) => void;
34
+ willDestroyNode: () => void;
35
+ onSelectionChange: (event: Event) => void;
36
36
  }
@@ -22,31 +22,8 @@ export interface HdsTableThSortSignature {
22
22
  Element: HTMLDivElement;
23
23
  }
24
24
  export default class HdsTableThSort extends Component<HdsTableThSortSignature> {
25
- /**
26
- * Generates a unique ID for the <span> element ("label")
27
- *
28
- * @param _labelId
29
- */
30
25
  private _labelId;
31
- /**
32
- * @param ariaSort
33
- * @type {HdsTableThSortOrderLabels}
34
- * @private
35
- * @default none
36
- * @description Sets the aria-sort attribute based on the sort order defined; acceptable values are ascending, descending, none(default) and other. Authors SHOULD only apply this property to table headers or grid headers. If the property is not provided, there is no defined sort order. For each table or grid, authors SHOULD apply aria-sort to only one header at a time.
37
- */
38
26
  get ariaSort(): HdsTableThSortOrderLabels;
39
- /**
40
- * @param align
41
- * @type {HdsTableHorizontalAlignment}
42
- * @default left
43
- * @description Determines the text alignment of the header or cell content. Options are: "left", "center", "right". If no align is defined, "left" is used.
44
- */
45
27
  get align(): HdsTableHorizontalAlignment;
46
- /**
47
- * Get the class names to apply to the component.
48
- * @method classNames
49
- * @return {string} The "class" attribute to apply to the component.
50
- */
51
28
  get classNames(): string;
52
29
  }
@@ -3,8 +3,8 @@
3
3
  * SPDX-License-Identifier: MPL-2.0
4
4
  */
5
5
  import Component from '@glimmer/component';
6
- import type { HdsTableHorizontalAlignment, HdsTableScope } from './types.ts';
7
6
  import { HdsTableHorizontalAlignmentValues } from './types.ts';
7
+ import type { HdsTableHorizontalAlignment, HdsTableScope } from './types.ts';
8
8
  export declare const ALIGNMENTS: HdsTableHorizontalAlignment[];
9
9
  export declare const DEFAULT_ALIGN = HdsTableHorizontalAlignmentValues.Left;
10
10
  export interface HdsTableThSignature {
@@ -21,23 +21,7 @@ export interface HdsTableThSignature {
21
21
  Element: HTMLTableCellElement;
22
22
  }
23
23
  export default class HdsTableTh extends Component<HdsTableThSignature> {
24
- /**
25
- * Generates a unique ID for the <span> element ("label")
26
- *
27
- * @param _labelId
28
- */
29
24
  private _labelId;
30
- /**
31
- * @param align
32
- * @type {HdsTableHorizontalAlignment}
33
- * @default left
34
- * @description Determines the text alignment of the header or cell content. Options are: "left", "center", "right". If no align is defined, "left" is used.
35
- */
36
25
  get align(): HdsTableHorizontalAlignment;
37
- /**
38
- * Get the class names to apply to the component.
39
- * @method classNames
40
- * @return {string} The "class" attribute to apply to the component.
41
- */
42
26
  get classNames(): string;
43
27
  }
@@ -3,11 +3,10 @@
3
3
  * SPDX-License-Identifier: MPL-2.0
4
4
  */
5
5
  import Component from '@glimmer/component';
6
- import { HdsTableScopeValues } from './types.ts';
7
6
  import type { HdsTableScope, HdsTableThSortOrder } from './types.ts';
8
7
  import type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base';
9
- import type { HdsTableSignature } from './index.ts';
10
- import type { HdsTableThSelectableSignature } from './th-selectable.ts';
8
+ import type { HdsTableSignature } from './index';
9
+ import type { HdsTableThSelectableSignature } from './th-selectable';
11
10
  export interface BaseHdsTableTrSignature {
12
11
  Args: {
13
12
  selectableColumnKey?: HdsTableSignature['Args']['selectableColumnKey'];
@@ -23,18 +22,11 @@ export interface BaseHdsTableTrSignature {
23
22
  onClickSortBySelected?: HdsTableThSelectableSignature['Args']['onClickSortBySelected'];
24
23
  };
25
24
  Blocks: {
26
- default: [];
25
+ default?: [];
27
26
  };
28
27
  Element: HTMLTableRowElement;
29
28
  }
30
- export interface SelectableHdsTableTrArgs extends BaseHdsTableTrSignature {
31
- Args: BaseHdsTableTrSignature['Args'] & {
32
- isSelectable: true;
33
- selectionScope?: HdsTableScopeValues.Row;
34
- selectionKey: string;
35
- };
36
- }
37
- export type HdsTableTrSignature = BaseHdsTableTrSignature | SelectableHdsTableTrArgs;
29
+ export type HdsTableTrSignature = BaseHdsTableTrSignature;
38
30
  export default class HdsTableTr extends Component<HdsTableTrSignature> {
39
31
  get selectionKey(): string | undefined;
40
32
  }