From f0b3839e73ba999c40f66a7c0650156189c89e59 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Wed, 12 Aug 2020 21:31:04 +0200
Subject: [PATCH] MessageList Component

---
 .../02_Molecules/messageList/_messageList.scss    | 15 +++++++++++++++
 .../messageList/messageList.config.json           |  6 ++++++
 .../02_Molecules/messageList/messageList.hbs      |  9 +++++++++
 3 files changed, 30 insertions(+)
 create mode 100644 components/02_Molecules/messageList/_messageList.scss
 create mode 100644 components/02_Molecules/messageList/messageList.config.json
 create mode 100644 components/02_Molecules/messageList/messageList.hbs

diff --git a/components/02_Molecules/messageList/_messageList.scss b/components/02_Molecules/messageList/_messageList.scss
new file mode 100644
index 0000000..1c5a839
--- /dev/null
+++ b/components/02_Molecules/messageList/_messageList.scss
@@ -0,0 +1,15 @@
+.LP-MessageList{
+	padding: 25px;
+	.LP-MessageList__List{
+		padding: 0;
+		margin: 0;
+		list-style-type: none;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+	}
+
+	.LP-MessageList__Item{
+		margin: 5px 0;
+	}
+}
\ No newline at end of file
diff --git a/components/02_Molecules/messageList/messageList.config.json b/components/02_Molecules/messageList/messageList.config.json
new file mode 100644
index 0000000..3785d29
--- /dev/null
+++ b/components/02_Molecules/messageList/messageList.config.json
@@ -0,0 +1,6 @@
+{
+	"title": "Message List",
+	"context": {
+		"text": "At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
+	}
+}
\ No newline at end of file
diff --git a/components/02_Molecules/messageList/messageList.hbs b/components/02_Molecules/messageList/messageList.hbs
new file mode 100644
index 0000000..ff35dbd
--- /dev/null
+++ b/components/02_Molecules/messageList/messageList.hbs
@@ -0,0 +1,9 @@
+<div class="LP-MessageList">
+	<ul class="LP-MessageList__List">
+		<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--info'}}</li>
+		<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--warning'}}</li>
+		<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--error'}}</li>
+		<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--success'}}</li>
+		<li class="LP-MessageList__Item">{{> @message messageText=text modifier='--debug'}}</li>
+	</ul>
+</div>
\ No newline at end of file