chore: update lumos ghost button colour (#1852)

momentum-design · Dec 18, 2024 · 2662953 · 2662953
1 parent 4df060f
commit 2662953
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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": {