fix(all): hostData() attributes

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

@@ -165,11 +165,9 @@ export class Menu {
 
   hostData() {
     return {
-      attrs: {
       'role': 'navigation',
       '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',
       'aria-activedescendant': this.activeId,
       'aria-describedby': this.headerId
-      }
     };
   }
 

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

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

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

@@ -23,9 +23,7 @@ export class TabBar {
 
   hostData() {
     return {
-      attrs: {
       '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'
-        // 'id': _tabId,
-        // aria-labelledby: _btnId
-      },
-      class: {
-      }
     };
   }