From 266295329077c398ca22b4d4ccdcb7853382d085 Mon Sep 17 00:00:00 2001
From: James Nestor <87858909+NotNestor@users.noreply.github.com>
Date: Wed, 18 Dec 2024 12:08:05 +0000
Subject: [PATCH] chore: update lumos ghost button colour (#1852)

---
 web-components/package.json                   |  2 +-
 .../src/components/button/Button.ts           |  2 +-
 .../button/tokens/lm-button-tokens.js         | 26 +++++++++++++++++--
 3 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/web-components/package.json b/web-components/package.json
index 3a9a95381..38ef6c8c4 100644
--- a/web-components/package.json
+++ b/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.16.9",
+  "version": "2.16.10",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",
diff --git a/web-components/src/components/button/Button.ts b/web-components/src/components/button/Button.ts
index e5518c611..21c58d042 100644
--- a/web-components/src/components/button/Button.ts
+++ b/web-components/src/components/button/Button.ts
@@ -327,7 +327,7 @@ export namespace Button {
             @keydown=${(e: KeyboardEvent) => this.handleKeyDown(e)}
             role=${this.role}
             tabindex=${ifDefined(this.tabIndex || undefined)}
-            aria-pressed=${this.ariaPressed === "true" ? true : false}
+            aria-pressed=${this.ariaPressed === "true"}
             aria-label=${ifDefined(this.ariaLabel || undefined)}
             aria-labelledby=${ifDefined(this.ariaLabelledBy || undefined)}
             aria-live=${ifDefined(this.ariaLive || undefined)}
diff --git a/web-components/src/components/button/tokens/lm-button-tokens.js b/web-components/src/components/button/tokens/lm-button-tokens.js
index 17a78befb..03dda3954 100644
--- a/web-components/src/components/button/tokens/lm-button-tokens.js
+++ b/web-components/src/components/button/tokens/lm-button-tokens.js
@@ -208,9 +208,31 @@ const button = {
     }
   },
   ghost: {
+    "bg-color": {
+      common: "$mds-color-theme-button-secondary-normal"
+    },
     "text-color": {
-      light: colors.gray[100].name,
-      dark: colors.gray["05"].name
+      common: "$mds-color-theme-text-primary-normal"
+    },
+    disabled: {
+      "bg-color": {
+        common: "$mds-color-theme-button-secondary-disabled"
+      },
+      "text-color": {
+        common: "$mds-color-theme-text-primary-disabled"
+      }
+    },
+    hover: {
+      "bg-color": {
+        light: colors.gray[10].name,
+        dark: colors.gray[90].name
+      }
+    },
+    pressed: {
+      "bg-color": {
+        light: colors.gray[20].name,
+        dark: colors.gray[95].name
+      }
     }
   },
   "ghost-active": {