From 24958659afe40d83cd9a6deabff8323015bb4fdf Mon Sep 17 00:00:00 2001
From: Richard Helm <86777660+RichardHelm@users.noreply.github.com>
Date: Thu, 14 Nov 2024 10:08:18 +0000
Subject: [PATCH] fix(button): fix button typings (VIV-000) (#2001)

Fix button typings

Co-authored-by: James Taylor <146064280+TaylorJ76@users.noreply.github.com>
---
 libs/components/src/lib/fab/fab.ts                          | 4 ++--
 libs/components/src/shared/foundation/button/button.spec.ts | 2 +-
 .../src/shared/foundation/button/button.template.ts         | 4 ++--
 libs/components/src/shared/foundation/button/button.ts      | 6 +++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/libs/components/src/lib/fab/fab.ts b/libs/components/src/lib/fab/fab.ts
index f04a177f19..60270c5d30 100644
--- a/libs/components/src/lib/fab/fab.ts
+++ b/libs/components/src/lib/fab/fab.ts
@@ -1,6 +1,6 @@
 import { attr } from '@microsoft/fast-element';
 import { applyMixins } from '@microsoft/fast-foundation';
-import { FoundationButton } from '../../shared/foundation/button';
+import { VividFoundationButton } from '../../shared/foundation/button';
 import type { Connotation, Size } from '../enums.js';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
 
@@ -29,7 +29,7 @@ export type FABSize = Extract<
  * @component fab
  * @slot icon - Slot to add an icon to fab.
  */
-export class Fab extends FoundationButton {
+export class Fab extends VividFoundationButton {
 	/**
 	 * The connotation the fab should have.
 	 *
diff --git a/libs/components/src/shared/foundation/button/button.spec.ts b/libs/components/src/shared/foundation/button/button.spec.ts
index bfd380e176..991a9bc3e1 100644
--- a/libs/components/src/shared/foundation/button/button.spec.ts
+++ b/libs/components/src/shared/foundation/button/button.spec.ts
@@ -2,7 +2,7 @@ import { DOM } from '@microsoft/fast-element';
 import { eventClick } from '@microsoft/fast-web-utilities';
 import { fixture } from '../test-utilities/fixture';
 import {
-	FoundationButton as Button,
+	VividFoundationButton as Button,
 	buttonTemplate as template,
 } from './index';
 
diff --git a/libs/components/src/shared/foundation/button/button.template.ts b/libs/components/src/shared/foundation/button/button.template.ts
index 4ad736f5b3..627a1fa785 100644
--- a/libs/components/src/shared/foundation/button/button.template.ts
+++ b/libs/components/src/shared/foundation/button/button.template.ts
@@ -1,14 +1,14 @@
 import { html, ref } from '@microsoft/fast-element';
 import type { ViewTemplate } from '@microsoft/fast-element';
 import type { FoundationElementTemplate } from '@microsoft/fast-foundation';
-import type { ButtonOptions, FoundationButton } from './button';
+import type { ButtonOptions, VividFoundationButton } from './button';
 
 /**
  * The template for the {@link @microsoft/fast-foundation#(Button:class)} component.
  * @public
  */
 export const buttonTemplate: FoundationElementTemplate<
-	ViewTemplate<FoundationButton>,
+	ViewTemplate<VividFoundationButton>,
 	ButtonOptions
 > = () => html`
 	<button
diff --git a/libs/components/src/shared/foundation/button/button.ts b/libs/components/src/shared/foundation/button/button.ts
index 40a3fc4cb6..14763c939d 100644
--- a/libs/components/src/shared/foundation/button/button.ts
+++ b/libs/components/src/shared/foundation/button/button.ts
@@ -20,7 +20,7 @@ export type ButtonOptions = FoundationElementDefinition;
  *
  * @public
  */
-export class FoundationButton extends FormAssociatedButton {
+export class VividFoundationButton extends FormAssociatedButton {
 	/**
 	 * Determines if the element should receive document focus on page load.
 	 *
@@ -267,5 +267,5 @@ applyMixins(DelegatesARIAButton, ARIAGlobalStatesAndProperties);
  * TODO: https://github.com/microsoft/fast/issues/3317
  * @internal
  */
-export interface FoundationButton extends DelegatesARIAButton {}
-applyMixins(FoundationButton, DelegatesARIAButton);
+export interface VividFoundationButton extends DelegatesARIAButton {}
+applyMixins(VividFoundationButton, DelegatesARIAButton);