fix(all): hostData() attributes

packages/core/src/components/menu/menu.tsx

@@ -165,11 +165,9 @@ export class Menu {
 
   hostData() {
     return {
-      attrs: {
+      'role': 'navigation',
-        'role': 'navigation',
+      'side': this.getSide(),
-        'side': this.getSide(),
+      'type': this.type,
-        'type': this.type
-      },
       class: {
         'menu-enabled': this._canOpen()
       }

packages/core/src/components/radio/radio-group.tsx

@@ -169,11 +169,9 @@ export class RadioGroup {
 
   hostData() {
     return {
-      attrs: {
+      'role': 'radiogroup',
-        'role': 'radiogroup',
+      'aria-activedescendant': this.activeId,
-        'aria-activedescendant': this.activeId,
+      'aria-describedby': this.headerId
-        'aria-describedby': this.headerId
-      }
     };
   }
 

packages/core/src/components/range/range-knob.tsx

@@ -45,15 +45,13 @@ export class RangeKnob {
       style: {
         'left': this.leftPos(this.ratio)
       },
-      attrs: {
+      'role': 'slider',
-        'role': 'slider',
+      'tabindex': this.disabled ? -1 : 0,
-        'tabindex': this.disabled ? -1 : 0,
+      'aria-valuemin': this.min,
-        'aria-valuemin': this.min,
+      'aria-valuemax': this.max,
-        'aria-valuemax': this.max,
+      'aria-disabled': this.disabled,
-        'aria-disabled': this.disabled,
+      'aria-labelledby': this.labelId,
-        'aria-labelledby': this.labelId,
+      'aria-valuenow': this.val
-        'aria-valuenow': this.val
-      }
     };
   }
 

packages/core/src/components/tabs/tab-bar.tsx

@@ -23,9 +23,7 @@ export class TabBar {
 
   hostData() {
     return {
-      attrs: {
+      'role': 'tablist'
-        'role': 'tablist'
-      },
       class: {
         'tabbar': true
       }

packages/core/src/components/tabs/tab-button.tsx

@@ -33,9 +33,7 @@ export class TabButton {
     // class.tab-hidden
 
     return {
-      attrs: {
+      'aria-selected': this.selectedIndex === this.index,
-        'aria-selected': this.selectedIndex === this.index
-      },
       class: {
         'has-title': hasTitle,
         'has-icon': hasIcon,

packages/core/src/components/tabs/tab.tsx

@@ -74,13 +74,7 @@ export class Tab {
       style: {
         display: !this.isSelected && 'none' || ''
       },
-      attrs: {
+      'role': 'tabpanel'
-        'role': 'tabpanel'
-        // 'id': _tabId,
-        // aria-labelledby: _btnId
-      },
-      class: {
-      }
     };
   }