refactor: atoms-button-compound data restructure

htwoo-core/src/_data/htwoo-input.json

@@ -2,6 +2,7 @@
     "button": {
         "iconname": "icon-ninjacat",
         "label": "Button",
+        "description":"Primary with description",
         "aria-label": "Button"
     },
     "contextMenu": {

htwoo-core/src/_patterns/atoms/buttons/button-action.hbs

@@ -1,4 +1,6 @@
+{{#button}}
 <button class="hoo-buttonaction">
-    <span class="hoo-button-icon" aria-hidden="true"> {{> atoms-icon iconname=icon }} </span>
+    <span class="hoo-button-icon" aria-hidden="true"> {{> atoms-icon }} </span>
     <span class="hoo-button-label"> {{label}} </span>
-</button>
+</button>
+{{/button}}

htwoo-core/src/_patterns/atoms/buttons/button-cmd.hbs

@@ -1,26 +1,14 @@
-{{# if ddItems }}
-<div class="hoo-buttoncmd{{ modifier }}" aria-haspopup="true">
-    <button class="hoo-buttoncmd{{ modifier }}" aria-haspopup="true">
+<div class="hoo-buttoncmd{{ modifier }}" {{#if contextMenu}} aria-haspopup="true" {{/if}}>
+    <button class="hoo-buttoncmd{{ modifier }}" {{#if contextMenu}}aria-haspopup="true"{{/if}}>
         <span class="hoo-button-icon" aria-hidden="true"> {{> atoms-icon iconname=iconAction }} </span>
         <span class="hoo-button-label"> {{label}} </span>
         {{!-- When no drop down items are shown there is not need to show the dropdown --}}
+        {{#if contextMenu }}
         <span class="hoo-button-icon hoo-buttonchevron"> {{> atoms-icon iconname=iconDown }} </span>
+        {{/if}}
     </button>
     {{!-- When no drop down items are shown there is not need to show the dropdown --}}
-    {{> atoms-menu-flyouts contextItems=ddItems }}
-</div>
-{{ else }}
-{{!-- Variant when no command bar is present --}}
-<div class="hoo-buttoncmd{{ modifier }}">
-    <button class="hoo-buttoncmd{{ modifier }}">
-        <span class="hoo-button-icon" aria-hidden="true"> {{> atoms-icon iconname=iconAction }} </span>
-        <span class="hoo-button-label"> {{label}} </span>
-        {{!-- When no drop down items are shown there is not need to show the dropdown
-        * No Chevron
-        --}}
-    </button>
-    {{!--
-    * No Flyout gets rendered either
-    --}}
-</div>
-{{/ if }}
+    {{#contextMenu}}
+    {{> atoms-menu-flyouts  }}
+    {{/contextMenu}}
+</div>

htwoo-core/src/_patterns/atoms/buttons/button-cmd.json

@@ -1,15 +1,5 @@
 {
     "iconAction": "icon-plus",
     "iconDown": "icon-arrow-down",
-    "label": "New Item",
-    "ddItems": [
-        {
-            "label": "Email message",
-            "icon": "icon-ninjacat"
-        },
-        {
-            "label": "Calendar Event",
-            "icon": "icon-minus"
-        }
-    ]
+    "label": "New Item"
 }

htwoo-core/src/_patterns/atoms/buttons/button-compound-primary.hbs

@@ -1,4 +1,6 @@
-<button class="{{ classname }}">
+{{#button}}
+<button class="hoo-buttoncomp-primary">
     <span class="hoo-buttoncomp-label">{{ label }}</span>
-    <span class="hoo-buttoncomp-desc">{{ desc }}</span>
-</button>
+    <span class="hoo-buttoncomp-desc">{{ description }}</span>
+</button>
+{{/button}}

htwoo-core/src/_patterns/atoms/buttons/button-compound-standard.hbs

@@ -1,4 +1,6 @@
-<button class="{{ classname }}">
+{{#button}}
+<button class="hoo-buttoncomp">
     <span class="hoo-buttoncomp-label">{{ label }}</span>
-    <span class="hoo-buttoncomp-desc">{{ desc }}</div>
+    <span class="hoo-buttoncomp-desc">{{ description }}</div>
 </button>
+{{/button}}