n8n-io · janober · Feb 28, 2022 · Feb 16, 2022 · Feb 17, 2022 · Feb 17, 2022
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/design-system/.storybook/font-awesome-icons.js b/packages/design-system/.storybook/font-awesome-icons.js
@@ -17,6 +17,8 @@ import {
 	faCheck,
 	faChevronDown,
 	faChevronUp,
+	faChevronLeft,
+	faChevronRight,
 	faCode,
 	faCodeBranch,
 	faCog,
@@ -100,6 +102,8 @@ library.add(faCalendar);
 library.add(faCheck);
 library.add(faChevronDown);
 library.add(faChevronUp);
+library.add(faChevronLeft);
+library.add(faChevronRight);
 library.add(faCode);
 library.add(faCodeBranch);
 library.add(faCog);

diff --git a/packages/design-system/package.json b/packages/design-system/package.json
@@ -30,14 +30,14 @@
     "@fortawesome/free-solid-svg-icons": "5.x",
     "@fortawesome/vue-fontawesome": "2.x",
     "core-js": "3.x",
-    "element-ui": "2.13.x"
+    "element-ui": "2.15.x"
   },
   "devDependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.35",
     "@fortawesome/free-solid-svg-icons": "^5.15.3",
     "@fortawesome/vue-fontawesome": "^2.0.2",
     "core-js": "^3.6.5",
-    "element-ui": "~2.13.0",
+    "element-ui": "2.15.x",
     "storybook-addon-themes": "^6.1.0",
     "vue": "^2.6.11",
     "vue-class-component": "^7.2.3",
@@ -48,6 +48,7 @@
     "@storybook/addon-links": "^6.3.6",
     "@storybook/vue": "^6.3.6",
     "@types/jest": "^26.0.13",
+    "@types/markdown-it": "^12.2.3",
     "@typescript-eslint/eslint-plugin": "^4.29.0",
     "@typescript-eslint/parser": "^4.29.0",
     "@vue/cli-plugin-babel": "~4.5.0",
@@ -64,6 +65,10 @@
     "eslint-plugin-vue": "^7.16.0",
     "fibers": "^5.0.0",
     "gulp": "^4.0.0",
+    "markdown-it": "^12.3.2",
+    "markdown-it-emoji": "^2.0.0",
+    "markdown-it-link-attributes": "^4.0.0",
+    "markdown-it-task-lists": "^2.1.1",
     "prettier": "^2.3.2",
     "sass": "^1.26.5",
     "sass-loader": "^8.0.2",
@@ -75,6 +80,7 @@
     "gulp-clean-css": "^4.3.0",
     "gulp-dart-sass": "^1.0.2",
     "node-notifier": ">=8.0.1",
-    "trim": ">=0.0.3"
+    "trim": ">=0.0.3",
+    "xss": "^1.0.10"
   }
 }
diff --git a/packages/design-system/src/components/N8nImage/Image.stories.js b/packages/design-system/src/components/N8nImage/Image.stories.js
@@ -0,0 +1,24 @@
+import N8nImage from './Image.vue';
+
+export default {
+  title: 'Atoms/Image',
+  component: N8nImage,
+	argTypes: {
+		images: {
+			control: {
+				type: 'array',
+			},
+		},
+	},
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: {
+    N8nImage,
+  },
+  template:
+    '<n8n-image v-bind="$props"></n8n-image>',
+});
+
+export const Image = Template.bind({});