Remove is="custom-style" (#1237)

src/cards/ha-entities-card.js

@@ -17,7 +17,7 @@ import LocalizeMixin from '../mixins/localize-mixin.js';
 class HaEntitiesCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex"></style>
+    <style include="iron-flex"></style>
     <style>
       ha-card {
         padding: 16px;

src/components/ha-attributes.js

@@ -7,7 +7,7 @@ import hassAttributeUtil from '../util/hass-attributes-util.js';
 class HaAttributes extends PolymerElement {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
     <style>
       .data-entry .value {
         max-width: 200px;

src/components/ha-cards.js

@@ -79,7 +79,7 @@ import getGroupEntities from '../common/entity/get_group_entities.js';
   class HaCards extends PolymerElement {
     static get template() {
       return html`
-    <style is="custom-style" include="iron-flex iron-flex-factors"></style>
+    <style include="iron-flex iron-flex-factors"></style>
     <style>
       :host {
         display: block;

src/components/ha-climate-control.js

@@ -11,7 +11,7 @@ import EventsMixin from '../mixins/events-mixin.js';
 class HaClimateControl extends EventsMixin(PolymerElement) {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
     <style>
       /* local DOM styles go here */
       :host {

src/components/ha-cover-tilt-controls.js

@@ -8,7 +8,7 @@ import CoverEntity from '../util/cover-model.js';
 class HaCoverTiltControls extends PolymerElement {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex"></style>
+    <style include="iron-flex"></style>
     <style>
       :host {
         white-space: nowrap;

src/dialogs/more-info/controls/more-info-climate.js

@@ -22,7 +22,7 @@ import EventsMixin from '../../../mixins/events-mixin.js';
 class MoreInfoClimate extends EventsMixin(PolymerElement) {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex"></style>
+    <style include="iron-flex"></style>
     <style>
       :host {
         color: var(--primary-text-color);

src/dialogs/more-info/controls/more-info-configurator.js

@@ -11,7 +11,7 @@ import '../../../components/ha-markdown.js';
 class MoreInfoConfigurator extends PolymerElement {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex"></style>
+    <style include="iron-flex"></style>
     <style>
       p {
         margin: 8px 0;

src/dialogs/more-info/controls/more-info-cover.js

@@ -17,7 +17,7 @@ import featureClassNames from '../../../common/entity/feature_class_names';
   class MoreInfoCover extends PolymerElement {
     static get template() {
       return html`
-    <style is="custom-style" include="iron-flex"></style>
+    <style include="iron-flex"></style>
     <style>
       .current_position, .tilt {
         max-height: 0px;

src/dialogs/more-info/controls/more-info-fan.js

@@ -19,7 +19,7 @@ import EventsMixin from '../../../mixins/events-mixin.js';
 class MoreInfoFan extends EventsMixin(PolymerElement) {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex"></style>
+    <style include="iron-flex"></style>
     <style>
       .container-speed_list,
       .container-direction,

src/dialogs/more-info/controls/more-info-light.js

@@ -27,7 +27,7 @@ import EventsMixin from '../../../mixins/events-mixin.js';
   class MoreInfoLight extends EventsMixin(PolymerElement) {
     static get template() {
       return html`
-    <style is="custom-style" include="iron-flex"></style>
+    <style include="iron-flex"></style>
     <style>
       .effect_list {
         padding-bottom: 16px;

src/dialogs/more-info/controls/more-info-media_player.js

@@ -22,7 +22,7 @@ import EventsMixin from '../../../mixins/events-mixin.js';
   class MoreInfoMediaPlayer extends EventsMixin(PolymerElement) {
     static get template() {
       return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
     <style>
       .media-state {
         text-transform: capitalize;

src/dialogs/more-info/controls/more-info-script.js

@@ -5,7 +5,7 @@ import { PolymerElement } from '@polymer/polymer/polymer-element.js';
 class MoreInfoScript extends PolymerElement {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
 
     <div class="layout vertical">
       <div class="data-entry layout justified horizontal">

src/dialogs/more-info/controls/more-info-sun.js

@@ -9,7 +9,7 @@ import formatTime from '../../../common/datetime/format_time.js';
 class MoreInfoSun extends PolymerElement {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
 
     <template is="dom-repeat" items="[[computeOrder(risingDate, settingDate)]]">
       <div class="data-entry layout justified horizontal">

src/dialogs/more-info/controls/more-info-vacuum.js

@@ -12,7 +12,7 @@ import '../../../components/ha-attributes.js';
 class MoreInfoVacuum extends PolymerElement {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
     <style>
       :host {
         @apply --paper-font-body1;

src/entrypoints/authorize.js

@@ -10,7 +10,7 @@ import '../auth/ha-pick-auth-provider.js';
 class HaAuthorize extends PolymerElement {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-positioning"></style>
+    <style include="iron-flex iron-positioning"></style>
     <style>
       .layout {
         padding-top: 20px;

src/layouts/login-form.js

@@ -16,7 +16,7 @@ import LocalizeMixin from '../mixins/localize-mixin.js';
 class LoginForm extends LocalizeMixin(PolymerElement) {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-positioning"></style>
+    <style include="iron-flex iron-positioning"></style>
     <style>
       :host {
         white-space: nowrap;

src/panels/dev-event/ha-panel-dev-event.js

@@ -19,7 +19,7 @@ import EventsMixin from '../../mixins/events-mixin.js';
 class HaPanelDevEvent extends EventsMixin(PolymerElement) {
   static get template() {
     return html`
-    <style is="custom-style" include="ha-style iron-flex iron-positioning"></style>
+    <style include="ha-style iron-flex iron-positioning"></style>
     <style>
       :host {
         -ms-user-select: initial;

src/panels/dev-template/ha-panel-dev-template.js

@@ -14,7 +14,7 @@ import '../../resources/ha-style.js';
 class HaPanelDevTemplate extends PolymerElement {
   static get template() {
     return html`
-    <style is="custom-style" include="ha-style iron-flex iron-positioning"></style>
+    <style include="ha-style iron-flex iron-positioning"></style>
     <style>
       :host {
         -ms-user-select: initial;

src/panels/logbook/ha-logbook.js

@@ -14,7 +14,7 @@ import EventsMixin from '../../mixins/events-mixin.js';
 class HaLogbook extends EventsMixin(PolymerElement) {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex"></style>
+    <style include="iron-flex"></style>
     <style>
       :host {
         display: block;

src/panels/map/ha-entity-marker.js

@@ -10,7 +10,7 @@ import EventsMixin from '../../mixins/events-mixin.js';
 class HaEntityMarker extends EventsMixin(PolymerElement) {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-positioning"></style>
+    <style include="iron-positioning"></style>
     <style>
     .marker {
       vertical-align: top;

src/resources/ha-style.js

@@ -5,7 +5,7 @@ const documentContainer = document.createElement('template');
 documentContainer.setAttribute('style', 'display: none;');
 
 documentContainer.innerHTML = `<custom-style>
-  <style is="custom-style">/* remove is= on Polymer 2 */
+  <style>
     /*
       Home Assistant default styles.
 

src/state-summary/state-card-climate.js

@@ -8,7 +8,7 @@ import '../components/ha-climate-state.js';
 class StateCardClimate extends PolymerElement {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
     <style>
       :host {
         @apply --paper-font-body1;

src/state-summary/state-card-configurator.js

@@ -8,7 +8,7 @@ import '../components/entity/state-info.js';
 class StateCardConfigurator extends PolymerElement {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
     <style>
       paper-button {
         color: var(--primary-color);

src/state-summary/state-card-cover.js

@@ -10,7 +10,7 @@ import CoverEntity from '../util/cover-model.js';
 class StateCardCover extends PolymerElement {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
     <style>
       :host {
         line-height: 1.5;

src/state-summary/state-card-input_number.js

@@ -13,7 +13,7 @@ class StateCardInputNumber extends mixinBehaviors([
 ], PolymerElement) {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
     <style>
       paper-slider {
         margin-left: auto;

src/state-summary/state-card-input_text.js

@@ -8,7 +8,7 @@ import '../components/entity/state-info.js';
 class StateCardInputText extends PolymerElement {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
     <style>
       paper-input {
         margin-left: 16px;

src/state-summary/state-card-media_player.js

@@ -12,7 +12,7 @@ import HassMediaPlayerEntity from '../util/hass-media-player-model.js';
 class StateCardMediaPlayer extends LocalizeMixin(PolymerElement) {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
     <style>
       :host {
         line-height: 1.5;

src/state-summary/state-card-scene.js

@@ -12,7 +12,7 @@ import LocalizeMixin from '../mixins/localize-mixin.js';
 class StateCardScene extends LocalizeMixin(PolymerElement) {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
     <style>
       paper-button {
         color: var(--primary-color);

src/state-summary/state-card-script.js

@@ -14,7 +14,7 @@ import LocalizeMixin from '../mixins/localize-mixin.js';
 class StateCardScript extends LocalizeMixin(PolymerElement) {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
     <style>
       paper-button {
         color: var(--primary-color);

src/state-summary/state-card-timer.js

@@ -15,7 +15,7 @@ import LocalizeMixin from '../mixins/localize-mixin.js';
 class StateCardTimer extends LocalizeMixin(PolymerElement) {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
     <style>
       .state {
         @apply --paper-font-body1;

src/state-summary/state-card-toggle.js

@@ -8,7 +8,7 @@ import '../components/entity/state-info.js';
 class StateCardToggle extends PolymerElement {
   static get template() {
     return html`
-    <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+    <style include="iron-flex iron-flex-alignment"></style>
     <style>
       ha-entity-toggle {
         margin: -4px -16px -4px 0;