Merge pull request #1980 from hashicorp/ts/dismiss-button

Typescript - `Hds::DismissButton`

Author: WenInCode

.changeset/nice-radios-hammer.md

@@ -0,0 +1,5 @@
+---
+"@hashicorp/design-system-components": minor
+---
+
+`DismissButton` - Converted component to TypeScript

packages/components/src/components/hds/dismiss-button/index.js

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+import Component from '@glimmer/component';
+
+export interface HdsDismissButtonSignature {
+  Args: {
+    ariaLabel?: string;
+  },
+  Element: HTMLButtonElement;
+}
+
+export default class HdsDismissButtonIndexComponent extends Component<HdsDismissButtonSignature> {
+  /**
+   * @param ariaLabel
+   * @type {string}
+   * @default 'Dismiss'
+   */
+  get ariaLabel() {
+    return this.args.ariaLabel ?? 'Dismiss';
+  }
+}
+
+declare module '@glint/environment-ember-loose/registry' {
+  export default interface Registry {
+    'Hds::DismissButton': typeof HdsDismissButtonIndexComponent;
+    'hds/dismiss-button': typeof HdsDismissButtonIndexComponent;
+    'HdsDismissButton': typeof HdsDismissButtonIndexComponent;
+  }
+}

packages/components/src/components/hds/dismiss-button/index.ts

@@ -4,9 +4,11 @@
  */
 
 import type HdsButtonIndexComponent from './components/hds/button';
+import type HdsDismissButtonIndexComponent from './components/hds/dismiss-button';
 import type HdsInteractiveIndexComponent from './components/hds/interactive';
 
 export default interface HdsComponentsRegistry {
   HdsButtonComponent: typeof HdsButtonIndexComponent;
+  HdsDismissComponent: typeof HdsDismissButtonIndexComponent;
   HdsInteractiveComponent: typeof HdsInteractiveIndexComponent;
 }