Fix mdi icons

package.json

@@ -1,6 +1,6 @@
 {
   "name": "roku-card",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Lovelace Roku Card",
   "keywords": [
     "home-assistant",
@@ -17,7 +17,7 @@
   "license": "MIT",
   "dependencies": {
     "custom-card-helpers": "^1.6.3",
-    "home-assistant-js-websocket": "^4.4.0",
+    "home-assistant-js-websocket": "^5.1.2",
     "lit-element": "^2.2.1",
     "lit-html": "^1.1.2"
   },
@@ -27,18 +27,18 @@
     "@babel/plugin-proposal-decorators": "^7.4.0",
     "@typescript-eslint/eslint-plugin": "^2.6.0",
     "@typescript-eslint/parser": "^2.6.0",
-    "eslint": "^6.6.0",
+    "eslint": "^7.0.0",
     "eslint-config-airbnb-base": "^14.0.0",
     "eslint-config-prettier": "^6.5.0",
     "eslint-plugin-import": "^2.18.2",
     "eslint-plugin-prettier": "^3.1.1",
-    "prettier": "^1.18.2",
-    "rollup": "^1.26.0",
+    "prettier": "^2.0.5",
+    "rollup": "^2.10.0",
     "rollup-plugin-babel": "^4.3.3",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-serve": "^1.0.1",
     "rollup-plugin-terser": "^5.1.2",
-    "rollup-plugin-typescript2": "^0.24.3",
+    "rollup-plugin-typescript2": "^0.27.1",
     "rollup-plugin-uglify": "^6.0.3",
     "typescript": "^3.6.4"
   },

src/const.ts

@@ -1 +1 @@
-export const CARD_VERSION = '1.0.9';
+export const CARD_VERSION = '1.1.1';

src/roku-card.ts

@@ -125,7 +125,7 @@ export class RokuCard extends LitElement {
         padding: 16px 0px 16px 0px;
       }
       img,
-      paper-icon-button {
+      ha-icon-button {
         width: 64px;
         height: 64px;
         cursor: pointer;
@@ -166,20 +166,16 @@ export class RokuCard extends LitElement {
             })}
           />
         `
-      : html`
-          <paper-icon-button></paper-icon-button>
-        `;
+      : html` <ha-icon-button></ha-icon-button> `;
   }
 
   private _renderButton(button: string, icon: string, title: string): TemplateResult {
     if (this._config) {
       const config = this._config[button];
       return config && config.show === false
-        ? html`
-            <paper-icon-button></paper-icon-button>
-          `
+        ? html` <ha-icon-button></ha-icon-button> `
         : html`
-            <paper-icon-button
+            <ha-icon-button
               .button=${button}
               icon=${icon}
               title=${title}
@@ -188,7 +184,7 @@ export class RokuCard extends LitElement {
                 hasHold: config && hasAction(config.hold_action),
                 hasDoubleClick: config && hasAction(config.double_tap_action),
               })}
-            ></paper-icon-button>
+            ></ha-icon-button>
           `;
     } else {
       return html``;