From cd534a2d80e465f418394713b2c92d9806e9dcc6 Mon Sep 17 00:00:00 2001
From: felixw <felix.weber@iconstorm.com>
Date: Mon, 30 Oct 2023 11:34:19 +0100
Subject: [PATCH 1/2] feat: update ghost button color

---
 packages/components/src/components/button/button.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/components/button/button.css b/packages/components/src/components/button/button.css
index 8609ed4628..9bea7fd1eb 100644
--- a/packages/components/src/components/button/button.css
+++ b/packages/components/src/components/button/button.css
@@ -76,9 +76,9 @@
   --radius-ghost: var(--radius);
   --border-width-ghost: var(--telekom-spacing-composition-space-01);
   --spacing-x-ghost: var(--telekom-spacing-composition-space-04);
-  --color-ghost: var(--telekom-color-text-and-icon-primary-standard);
-  --color-ghost-hover: var(--telekom-color-text-and-icon-primary-hovered);
-  --color-ghost-active: var(--telekom-color-text-and-icon-primary-pressed);
+  --color-ghost: var(--telekom-color-text-and-icon-link-standard);
+  --color-ghost-hover: var(--telekom-color-text-and-icon-link-hovered);
+  --color-ghost-active: var(--telekom-color-text-and-icon-link-active);
   --color-ghost-disabled: var(--telekom-color-text-and-icon-disabled);
   --background-ghost-hover: var(--telekom-color-ui-state-fill-hovered);
   --background-ghost-active: var(--telekom-color-ui-state-fill-pressed);

From 9cb8ea8ec2e62100550e6e84096a93bed008c2d6 Mon Sep 17 00:00:00 2001
From: felixw <felix.weber@iconstorm.com>
Date: Tue, 31 Oct 2023 17:56:05 +0100
Subject: [PATCH 2/2] docs: add ghost stories

---
 .../components/button/Button.stories.mdx      | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/packages/storybook-vue/stories/components/button/Button.stories.mdx b/packages/storybook-vue/stories/components/button/Button.stories.mdx
index 540c46e216..5c4db20b29 100644
--- a/packages/storybook-vue/stories/components/button/Button.stories.mdx
+++ b/packages/storybook-vue/stories/components/button/Button.stories.mdx
@@ -221,6 +221,23 @@ For Shadow Parts, please inspect the element's #shadow.
 <scale-button variant="secondary-white">Label</scale-button>
 ```
 
+## Ghost Standard
+
+<Canvas withSource="none">
+  <Story
+    name="Ghost Standard"
+    args={{
+      variant: 'ghost',
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+```html
+<scale-button variant="secondary-white">Label</scale-button>
+```
+
 ## Disabled
 
 <Canvas withSource="none">
@@ -256,6 +273,25 @@ For Shadow Parts, please inspect the element's #shadow.
 <scale-button variant="secondary" disabled>Label</scale-button>
 ```
 
+## Ghost Disabled
+
+<Canvas withSource="none">
+  <Story
+    name="Ghost Disabled"
+    args={{
+      variant: 'ghost',
+      disabled: true,
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+```html
+<scale-button variant="secondary" disabled>Label</scale-button>
+```
+
+
 ## With Icon Before
 
 <Canvas withSource="none">