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.