DialogPrimitive: Convert component to gts (#3544)

Author: shleewhite

.changeset/tangy-goats-rule.md

@@ -0,0 +1,7 @@
+---
+"@hashicorp/design-system-components": patch
+---
+
+<!-- START utilities/dialog-primitive -->
+`DialogPrimitive` - Converted component to gts format.
+<!-- END -->

packages/components/src/components.ts

@@ -375,12 +375,12 @@ export {
 // -----------------------------------------------------------
 
 // DialogPrimitive
-export { default as HdsDialogPrimitiveBody } from './components/hds/dialog-primitive/body.ts';
-export { default as HdsDialogPrimitiveDescription } from './components/hds/dialog-primitive/description.ts';
-export { default as HdsDialogPrimitiveFooter } from './components/hds/dialog-primitive/footer.ts';
-export { default as HdsDialogPrimitiveHeader } from './components/hds/dialog-primitive/header.ts';
-export { default as HdsDialogPrimitiveOverlay } from './components/hds/dialog-primitive/overlay.ts';
-export { default as HdsDialogPrimitiveWrapper } from './components/hds/dialog-primitive/wrapper.ts';
+export { default as HdsDialogPrimitiveBody } from './components/hds/dialog-primitive/body.gts';
+export { default as HdsDialogPrimitiveDescription } from './components/hds/dialog-primitive/description.gts';
+export { default as HdsDialogPrimitiveFooter } from './components/hds/dialog-primitive/footer.gts';
+export { default as HdsDialogPrimitiveHeader } from './components/hds/dialog-primitive/header.gts';
+export { default as HdsDialogPrimitiveOverlay } from './components/hds/dialog-primitive/overlay.gts';
+export { default as HdsDialogPrimitiveWrapper } from './components/hds/dialog-primitive/wrapper.gts';
 export * from './components/hds/dialog-primitive/types.ts';
 
 // DisclosurePrimitive

packages/components/src/components/hds/dialog-primitive/body.gts

@@ -0,0 +1,29 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+import type { TemplateOnlyComponent } from '@ember/component/template-only';
+
+export interface HdsDialogPrimitiveBodySignature {
+  Args: {
+    contextualClass?: string;
+  };
+  Blocks: {
+    default: [];
+  };
+  Element: HTMLDivElement;
+}
+
+const HdsDialogPrimitiveBody: TemplateOnlyComponent<HdsDialogPrimitiveBodySignature> =
+  <template>
+    <div
+      class="hds-dialog-primitive__body {{@contextualClass}}"
+      tabindex="0"
+      ...attributes
+    >
+      {{yield}}
+    </div>
+  </template>;
+
+export default HdsDialogPrimitiveBody;

packages/components/src/components/hds/dialog-primitive/body.hbs

@@ -0,0 +1,29 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+import type { TemplateOnlyComponent } from '@ember/component/template-only';
+
+export interface HdsDialogPrimitiveDescriptionSignature {
+  Args: {
+    contextualClass?: string;
+  };
+  Blocks: {
+    default: [];
+  };
+  Element: HTMLDivElement;
+}
+
+const HdsDialogPrimitiveDescription: TemplateOnlyComponent<HdsDialogPrimitiveDescriptionSignature> =
+  <template>
+    <div
+      class="hds-dialog-primitive__description hds-typography-body-200 hds-foreground-primary
+        {{@contextualClass}}"
+      ...attributes
+    >
+      {{yield}}
+    </div>
+  </template>;
+
+export default HdsDialogPrimitiveDescription;

packages/components/src/components/hds/dialog-primitive/body.ts

@@ -4,6 +4,7 @@
  */
 
 import Component from '@glimmer/component';
+import { hash } from '@ember/helper';
 
 export interface HdsDialogPrimitiveFooterSignature {
   Args: {
@@ -37,4 +38,13 @@ export default class HdsDialogPrimitiveFooter extends Component<HdsDialogPrimiti
       return NOOP;
     }
   }
+
+  <template>
+    <div
+      class="hds-dialog-primitive__footer {{@contextualClass}}"
+      ...attributes
+    >
+      {{yield (hash close=this.onDismiss)}}
+    </div>
+  </template>
 }