feat(dropdown & overflow-menu): possibility to overwrite the icons

source/_patterns/02-components/dropdown/dropdown.hbs

@@ -1 +1 @@
-{{> components-overflow-menu patternName="cmp-dropdown" entry01="Profileinstellungen" entry02="Logout" }}
+{{> components-overflow-menu patternName="cmp-dropdown" entry01="Profileinstellungen" entry02="Logout" icon=icon }}

source/_patterns/02-components/dropdown/dropdown~individual-icon.json

@@ -0,0 +1,3 @@
+{
+	"icon": "add"
+}

source/_patterns/02-components/dropdown/dropdown~individual-icon.md

@@ -0,0 +1,9 @@
+---
+title: Dropddown - Individual icon
+state: inreview
+order: 3
+---
+
+## Individual icon
+
+By defining an `[data-icon]` on the included `summary` HTML tag, you could overwrite the included standard icon for the button to open the overflow menu.

source/_patterns/02-components/overflow-menu/overflow-menu.hbs

@@ -1,6 +1,6 @@
 {{#if linkEntries }}<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->{{/if }}
 <details class="{{#if patternName }}{{ patternName }}{{else}}cmp-overflow-menu{{/if }}{{ styleModifier }}"{{#if linkEntries }} role="navigation"{{/if }}{{#if oppositePosition}} data-horizontal-position="opposite"{{/if }}>
-	<summary>{{ summary }}</summary>
+	<summary{{#if icon}} data-icon="{{icon}}"{{/if }}>{{ summary }}</summary>
 	{{#if linkEntries }}<ul role="group">{{else}}<menu type="toolbar">{{/if }}
 		{{#if linkEntries }}
 		<li>{{> elements-link href="#" value=entry01 }}</li>

source/_patterns/02-components/overflow-menu/overflow-menu.scss

@@ -13,15 +13,21 @@
 	}
 
 	summary {
-		@include icon(
-			$cmp-overflow-menu-icon,
-			20,
-			"outline",
-			$partial: $partial
-		);
-
 		display: inline-block;
 
+		&:not([data-icon]) {
+			@include icon(
+				$cmp-overflow-menu-icon,
+				20,
+				"outline",
+				$partial: $partial
+			);
+		}
+		// Possibility to define an individual icon
+		&[data-icon] {
+			@include icon("", 20, "outline", $partial: $partial);
+		}
+
 		&::before {
 			display: inline-block;
 			padding: to-rem($pxValue: 9) to-rem($pxValue: 12);

source/_patterns/02-components/overflow-menu/overflow-menu~individual-icon.json

@@ -0,0 +1,5 @@
+{
+	"linkEntries": true,
+	"id": "menu05",
+	"icon": "add"
+}

source/_patterns/02-components/overflow-menu/overflow-menu~individual-icon.md

@@ -0,0 +1,9 @@
+---
+title: Overflow menu - Individual icon
+state: inreview
+order: 5
+---
+
+## Individual icon
+
+By defining an `[data-icon]` on the included `summary` HTML tag, you could overwrite the included standard icon for the button to open the overflow menu.