From 0ed47b2edee20914f5d9150023bc4522eb267267 Mon Sep 17 00:00:00 2001
From: "jannik.lange" <jannik.lange@muenchen.de>
Date: Tue, 13 Aug 2024 17:56:13 +0200
Subject: [PATCH 1/6] added divider #183

---
 src/components/Divider/MucDivider.stories.ts | 21 ++++++++++++++++++++
 src/components/Divider/MucDivider.vue        |  9 +++++++++
 2 files changed, 30 insertions(+)
 create mode 100644 src/components/Divider/MucDivider.stories.ts
 create mode 100644 src/components/Divider/MucDivider.vue

diff --git a/src/components/Divider/MucDivider.stories.ts b/src/components/Divider/MucDivider.stories.ts
new file mode 100644
index 00000000..eb1e1efe
--- /dev/null
+++ b/src/components/Divider/MucDivider.stories.ts
@@ -0,0 +1,21 @@
+import MucDivider from "./MucDivider.vue";
+
+export default {
+  component: MucDivider,
+  title: "MucDivider",
+  tags: ["autodocs"],
+  // 👇 Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked
+  parameters: {
+    docs: {
+      description: {
+        component: `The \`muc-icon\` component is a wrapper commponent for all icons in the patternlab.
+
+[🔗 Patternlab-Docs](https://patternlab.muenchen.space/?p=viewall-guidelines-icons)
+[🖼 Iconography](https://it-at-m.github.io/muc-patternlab-vue/?path=/docs/iconography--docs)
+`,
+      },
+    },
+  },
+};
+
+export const Default = {};
diff --git a/src/components/Divider/MucDivider.vue b/src/components/Divider/MucDivider.vue
new file mode 100644
index 00000000..ebb9cf34
--- /dev/null
+++ b/src/components/Divider/MucDivider.vue
@@ -0,0 +1,9 @@
+<template>
+  <div class="divider-border" />
+</template>
+
+<style scoped>
+.divider-border {
+  border-bottom: 1px solid #bdd4ea;
+}
+</style>

From c854218d875a7d43e6d01ae962426fcbb2c8ad17 Mon Sep 17 00:00:00 2001
From: "jannik.lange" <jannik.lange@muenchen.de>
Date: Tue, 13 Aug 2024 17:58:35 +0200
Subject: [PATCH 2/6] adjusted documentation #183

---
 src/components/Divider/MucDivider.stories.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/Divider/MucDivider.stories.ts b/src/components/Divider/MucDivider.stories.ts
index eb1e1efe..a77d53b6 100644
--- a/src/components/Divider/MucDivider.stories.ts
+++ b/src/components/Divider/MucDivider.stories.ts
@@ -8,10 +8,9 @@ export default {
   parameters: {
     docs: {
       description: {
-        component: `The \`muc-icon\` component is a wrapper commponent for all icons in the patternlab.
+        component: `The \`muc-divider\` is a trivial divider.
 
-[🔗 Patternlab-Docs](https://patternlab.muenchen.space/?p=viewall-guidelines-icons)
-[🖼 Iconography](https://it-at-m.github.io/muc-patternlab-vue/?path=/docs/iconography--docs)
+[🔗 Patternlab-Docs](https://patternlab.muenchen.space/?p=viewall-components-all)
 `,
       },
     },

From 11148878b3e71a5e1843d27d65465273ea63a66c Mon Sep 17 00:00:00 2001
From: "jannik.lange" <jannik.lange@muenchen.de>
Date: Wed, 14 Aug 2024 12:12:24 +0200
Subject: [PATCH 3/6] replaced color with css-variable #183

---
 src/components/Divider/MucDivider.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Divider/MucDivider.vue b/src/components/Divider/MucDivider.vue
index ebb9cf34..fdf9c867 100644
--- a/src/components/Divider/MucDivider.vue
+++ b/src/components/Divider/MucDivider.vue
@@ -4,6 +4,6 @@
 
 <style scoped>
 .divider-border {
-  border-bottom: 1px solid #bdd4ea;
+  border-bottom: 1px solid var(--color-neutrals-blue);
 }
 </style>

From 2e2df25bf43d3244e36fa3ce694081af22920845 Mon Sep 17 00:00:00 2001
From: "jannik.lange" <jannik.lange@muenchen.de>
Date: Wed, 14 Aug 2024 13:50:06 +0200
Subject: [PATCH 4/6] changed to hr tag #183

---
 src/components/Divider/MucDivider.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Divider/MucDivider.vue b/src/components/Divider/MucDivider.vue
index fdf9c867..f0481157 100644
--- a/src/components/Divider/MucDivider.vue
+++ b/src/components/Divider/MucDivider.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="divider-border" />
+  <hr class="divider-border" />
 </template>
 
 <style scoped>

From 4c038e8ee821dcbb3da4558189fda9faaa68dab6 Mon Sep 17 00:00:00 2001
From: "jannik.lange" <jannik.lange@muenchen.de>
Date: Wed, 14 Aug 2024 13:52:06 +0200
Subject: [PATCH 5/6] corrected exports #183

---
 src/components/Divider/index.ts | 3 +++
 src/components/index.ts         | 2 ++
 2 files changed, 5 insertions(+)
 create mode 100644 src/components/Divider/index.ts

diff --git a/src/components/Divider/index.ts b/src/components/Divider/index.ts
new file mode 100644
index 00000000..a052bce0
--- /dev/null
+++ b/src/components/Divider/index.ts
@@ -0,0 +1,3 @@
+import MucDivider from "./MucDivider.vue";
+
+export { MucDivider };
diff --git a/src/components/index.ts b/src/components/index.ts
index e8c81c4f..1b000a02 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -3,6 +3,7 @@ import { MucButton } from "./Button";
 import { MucCallout } from "./Callout";
 import { MucCard, MucCardContainer } from "./Card";
 import { MucComment, MucCommentText } from "./Comment/";
+import { MucDivider } from "./Divider";
 import {
   MucCheckbox,
   MucCheckboxGroup,
@@ -34,4 +35,5 @@ export {
   MucSelect,
   MucErrorList,
   MucIcon,
+  MucDivider,
 };

From fbb17e2432f462b7685f2ca7de6a4efab360a749 Mon Sep 17 00:00:00 2001
From: langehm <38280183+langehm@users.noreply.github.com>
Date: Wed, 14 Aug 2024 14:34:20 +0200
Subject: [PATCH 6/6] Update src/components/Divider/MucDivider.stories.ts

Co-authored-by: lehju <122289623+lehju@users.noreply.github.com>
---
 src/components/Divider/MucDivider.stories.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Divider/MucDivider.stories.ts b/src/components/Divider/MucDivider.stories.ts
index a77d53b6..0bc212d9 100644
--- a/src/components/Divider/MucDivider.stories.ts
+++ b/src/components/Divider/MucDivider.stories.ts
@@ -4,7 +4,6 @@ export default {
   component: MucDivider,
   title: "MucDivider",
   tags: ["autodocs"],
-  // 👇 Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked
   parameters: {
     docs: {
       description: {