Fix attributes broken by the warning fixes (#23182)

gallery/src/components/demo-more-info.ts

@@ -23,7 +23,7 @@ class DemoMoreInfo extends LitElement {
             <state-card-content
               .stateObj=${state}
               .hass=${this.hass}
-              inDialog
+              in-dialog
             ></state-card-content>
 
             <more-info-content

gallery/src/pages/automation/trace.ts

@@ -35,7 +35,7 @@ export class DemoAutomationTrace extends LitElement {
                 .sampleIdx=${idx}
               ></hat-script-graph>
               <hat-trace-timeline
-                allowPick
+                allow-pick
                 .hass=${this.hass}
                 .trace=${trace.trace}
                 .logbookEntries=${trace.logbookEntries}

hassio/src/backups/hassio-backups.ts

@@ -198,7 +198,7 @@ export class HassioBackups extends LitElement {
         @selection-changed=${this._handleSelectionChanged}
         clickable
         selectable
-        hasFab
+        has-fab
         .mainPage=${!atLeastVersion(this.hass.config.version, 2021, 12)}
         back-path=${atLeastVersion(this.hass.config.version, 2022, 5)
           ? "/config/system"

hassio/src/dashboard/hassio-dashboard.ts

@@ -76,7 +76,7 @@ class HassioDashboard extends LitElement {
         .mainPage=${!atLeastVersion(this.hass.config.version, 2021, 12)}
         back-path="/config"
         supervisor
-        hasFab
+        has-fab
       >
         <span slot="header">
           ${this.supervisor.localize(

landing-page/src/ha-landing-page.ts

@@ -64,9 +64,9 @@ class HaLandingPage extends LandingPageBaseElement {
         <ha-language-picker
           .value=${this.language}
           .label=${""}
-          nativeName
+          native-name
           @value-changed=${this._languageChanged}
-          inlineArrow
+          inline-arrow
         ></ha-language-picker>
         <a
           href="https://www.home-assistant.io/getting-started/onboarding/"

src/auth/ha-authorize.ts

@@ -202,9 +202,9 @@ export class HaAuthorize extends litLocalizeLiteMixin(LitElement) {
         <ha-language-picker
           .value=${this.language}
           .label=${""}
-          nativeName
+          native-name
           @value-changed=${this._languageChanged}
-          inlineArrow
+          inline-arrow
         ></ha-language-picker>
         <a
           href="https://www.home-assistant.io/docs/authentication/"

src/components/chart/statistics-chart.ts

@@ -74,7 +74,8 @@ export class StatisticsChart extends LitElement {
 
   @property({ attribute: false, type: Boolean }) public fitYData = false;
 
-  @property({ attribute: false, type: Boolean }) public hideLegend = false;
+  @property({ attribute: "hide-legend", type: Boolean }) public hideLegend =
+    false;
 
   @property({ attribute: false, type: Boolean }) public logarithmicScale =
     false;

src/components/ha-code-editor.ts

@@ -47,7 +47,7 @@ export class HaCodeEditor extends ReactiveElement {
   // eslint-disable-next-line lit/no-native-attributes
   @property({ type: Boolean }) public autofocus = false;
 
-  @property({ attribute: false, type: Boolean }) public readOnly = false;
+  @property({ attribute: "read-only", type: Boolean }) public readOnly = false;
 
   @property({ type: Boolean }) public linewrap = false;
 

src/components/ha-date-input.ts

@@ -51,7 +51,7 @@ export class HaDateInput extends LitElement {
 
   @property() public helper?: string;
 
-  @property({ attribute: false, type: Boolean }) public canClear = false;
+  @property({ attribute: "can-clear", type: Boolean }) public canClear = false;
 
   render() {
     return html`<ha-textfield

src/components/ha-icon-button.ts

@@ -21,7 +21,7 @@ export class HaIconButton extends LitElement {
   @property({ type: String, attribute: "aria-haspopup" })
   override ariaHasPopup!: IconButton["ariaHasPopup"];
 
-  @property({ attribute: false, type: Boolean }) hideTitle = false;
+  @property({ attribute: "hide-title", type: Boolean }) hideTitle = false;
 
   @query("mwc-icon-button", true) private _button?: IconButton;
 

src/components/ha-language-picker.ts

@@ -27,11 +27,13 @@ export class HaLanguagePicker extends LitElement {
 
   @property({ type: Boolean }) public required = false;
 
-  @property({ attribute: false, type: Boolean }) public nativeName = false;
+  @property({ attribute: "native-name", type: Boolean })
+  public nativeName = false;
 
-  @property({ attribute: false, type: Boolean }) public noSort = false;
+  @property({ attribute: "no-sort", type: Boolean }) public noSort = false;
 
-  @property({ attribute: false, type: Boolean }) public inlineArrow = false;
+  @property({ attribute: "inline-arrow", type: Boolean })
+  public inlineArrow = false;
 
   @state() _defaultLanguages: string[] = [];
 

src/components/ha-select.ts

@@ -14,7 +14,8 @@ export class HaSelect extends SelectBase {
 
   @property({ type: Boolean, reflect: true }) public clearable = false;
 
-  @property({ attribute: false, type: Boolean }) public inlineArrow = false;
+  @property({ attribute: "inline-arrow", type: Boolean })
+  public inlineArrow = false;
 
   protected override render() {
     return html`

src/components/ha-service-control.ts

@@ -86,7 +86,8 @@ export class HaServiceControl extends LitElement {
 
   @property({ type: Boolean, reflect: true }) public narrow = false;
 
-  @property({ attribute: false, type: Boolean }) public showAdvanced = false;
+  @property({ attribute: "show-advanced", type: Boolean }) public showAdvanced =
+    false;
 
   @property({ attribute: false, type: Boolean, reflect: true })
   public hidePicker = false;

src/components/ha-target-picker.ts

@@ -345,7 +345,7 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) {
                   "ui.components.target-picker.expand"
                 )}
                 .path=${mdiUnfoldMoreVertical}
-                hideTitle
+                hide-title
                 .id=${id}
                 .type=${type}
                 @click=${this._handleExpand}
@@ -361,7 +361,7 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) {
             class="mdc-chip__icon mdc-chip__icon--trailing"
             .label=${this.hass.localize("ui.components.target-picker.remove")}
             .path=${mdiClose}
-            hideTitle
+            hide-title
             .id=${id}
             .type=${type}
             @click=${this._handleRemove}

src/components/ha-textfield.ts

@@ -15,7 +15,8 @@ export class HaTextField extends TextFieldBase {
   @property({ type: Boolean }) public icon = false;
 
   // @ts-ignore
-  @property({ attribute: false, type: Boolean }) public iconTrailing = false;
+  // eslint-disable-next-line lit/attribute-names
+  @property({ type: Boolean }) public iconTrailing = false;
 
   @property() public autocomplete?: string;
 

src/components/ha-yaml-editor.ts

@@ -34,19 +34,22 @@ export class HaYamlEditor extends LitElement {
 
   @property({ attribute: false }) public defaultValue?: any;
 
-  @property({ attribute: false, type: Boolean }) public isValid = true;
+  @property({ attribute: "is-valid", type: Boolean }) public isValid = true;
 
   @property() public label?: string;
 
-  @property({ attribute: false, type: Boolean }) public autoUpdate = false;
+  @property({ attribute: "auto-update", type: Boolean }) public autoUpdate =
+    false;
 
-  @property({ attribute: false, type: Boolean }) public readOnly = false;
+  @property({ attribute: "read-only", type: Boolean }) public readOnly = false;
 
   @property({ type: Boolean }) public required = false;
 
-  @property({ attribute: false, type: Boolean }) public copyClipboard = false;
+  @property({ attribute: "copy-clipboard", type: Boolean })
+  public copyClipboard = false;
 
-  @property({ attribute: false, type: Boolean }) public hasExtraActions = false;
+  @property({ attribute: "has-extra-actions", type: Boolean })
+  public hasExtraActions = false;
 
   @state() private _yaml = "";
 

src/components/map/ha-map.ts

@@ -69,12 +69,13 @@ export class HaMap extends ReactiveElement {
 
   @property({ type: Boolean }) public clickable = false;
 
-  @property({ attribute: false, type: Boolean }) public autoFit = false;
+  @property({ attribute: "auto-fit", type: Boolean }) public autoFit = false;
 
-  @property({ attribute: false, type: Boolean }) public renderPassive = false;
+  @property({ attribute: "render-passive", type: Boolean })
+  public renderPassive = false;
 
-  @property({ attribute: false, type: Boolean }) public interactiveZones =
+  @property({ attribute: "interactive-zones", type: Boolean })
-    false;
+  public interactiveZones = false;
 
   @property({ attribute: false, type: Boolean }) public fitZones = false;
 

src/components/trace/ha-trace-blueprint-config.ts

@@ -17,7 +17,7 @@ export class HaTraceBlueprintConfig extends LitElement {
     return html`
       <ha-code-editor
         .value=${dump(this.trace.blueprint_inputs || "").trimRight()}
-        readOnly
+        read-only
         dir="ltr"
       ></ha-code-editor>
     `;

src/components/trace/ha-trace-config.ts

@@ -17,7 +17,7 @@ export class HaTraceConfig extends LitElement {
     return html`
       <ha-code-editor
         .value=${dump(this.trace.config).trimRight()}
-        readOnly
+        read-only
         dir="ltr"
       ></ha-code-editor>
     `;

src/components/trace/ha-trace-path-details.ts

@@ -223,7 +223,7 @@ export class HaTracePathDetails extends LitElement {
     return config
       ? html`<ha-code-editor
           .value=${dump(config).trimEnd()}
-          readOnly
+          read-only
           dir="ltr"
         ></ha-code-editor>`
       : this.hass!.localize(

src/components/trace/ha-trace-timeline.ts

@@ -25,7 +25,7 @@ export class HaTraceTimeline extends LitElement {
         .trace=${this.trace}
         .logbookEntries=${this.logbookEntries}
         .selectedPath=${this.selected.path}
-        allowPick
+        allow-pick
       >
       </hat-trace-timeline>
       <hat-logbook-note

src/components/trace/hat-trace-timeline.ts

@@ -676,7 +676,8 @@ export class HaAutomationTracer extends LitElement {
 
   @property({ attribute: false }) public selectedPath?: string;
 
-  @property({ attribute: false, type: Boolean }) public allowPick = false;
+  @property({ attribute: "allow-pick", type: Boolean }) public allowPick =
+    false;
 
   @state()
   @consume({ context: fullEntitiesContext, subscribe: true })

src/dialogs/more-info/controls/more-info-person.ts

@@ -29,7 +29,7 @@ class MoreInfoPerson extends LitElement {
             <ha-map
               .hass=${this.hass}
               .entities=${this._entityArray(this.stateObj.entity_id)}
-              autoFit
+              auto-fit
             ></ha-map>
           `
         : ""}

src/dialogs/more-info/ha-more-info-history.ts

@@ -93,8 +93,7 @@ export class MoreInfoHistory extends LitElement {
                   .metadata=${this._metadata}
                   .statTypes=${statTypes}
                   .names=${this._statNames}
-                  hideLegend
+                  hide-legend
-                  .showNames=${false}
                   .clickForMoreInfo=${false}
                 ></statistics-chart>`
               : html`<state-history-charts

src/dialogs/more-info/ha-more-info-info.ts

@@ -72,7 +72,7 @@ export class MoreInfoInfo extends LitElement {
             ? ""
             : html`
                 <state-card-content
-                  inDialog
+                  in-dialog
                   .stateObj=${stateObj}
                   .hass=${this.hass}
                 ></state-card-content>

src/layouts/hass-tabs-subpage-data-table.ts

@@ -84,7 +84,7 @@ export class HaTabsSubpageDataTable extends LitElement {
    * Do we need to add padding for a fab.
    * @type {Boolean}
    */
-  @property({ attribute: false, type: Boolean }) public hasFab = false;
+  @property({ attribute: "has-fab", type: Boolean }) public hasFab = false;
 
   /**
    * Add an extra row at the bottom of the data table
@@ -156,7 +156,8 @@ export class HaTabsSubpageDataTable extends LitElement {
    * Show the filter menu.
    * @type {Boolean}
    */
-  @property({ attribute: false, type: Boolean }) public hasFilters = false;
+  @property({ attribute: "has-filters", type: Boolean }) public hasFilters =
+    false;
 
   @property({ attribute: false, type: Boolean }) public showFilters = false;
 

src/onboarding/ha-onboarding.ts

@@ -141,9 +141,9 @@ class HaOnboarding extends litLocalizeLiteMixin(HassElement) {
         <ha-language-picker
           .value=${this.language}
           .label=${""}
-          nativeName
+          native-name
           @value-changed=${this._languageChanged}
-          inlineArrow
+          inline-arrow
         ></ha-language-picker>
         <a
           href="https://www.home-assistant.io/getting-started/onboarding/"

src/panels/calendar/dialog-calendar-event-detail.ts

@@ -93,7 +93,7 @@ class DialogCalendarEventDetail extends LitElement {
               .hass=${this.hass}
               .stateObj=${stateObj}
               .color=${this._params.color}
-              inDialog
+              in-dialog
             ></state-info>
           </div>
         </div>

src/panels/config/application_credentials/ha-config-application-credentials.ts

@@ -159,7 +159,7 @@ export class HaConfigApplicationCredentials extends LitElement {
           this._applicationCredentials,
           this.hass.localize
         )}
-        hasFab
+        has-fab
         selectable
         .selected=${this._selected.length}
         @selection-changed=${this._handleSelectionChanged}

src/panels/config/automation/ha-automation-editor.ts

@@ -413,7 +413,7 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
                       `
                     : ""}
                   <ha-yaml-editor
-                    copyClipboard
+                    copy-clipboard
                     .hass=${this.hass}
                     .defaultValue=${this._preprocessYaml()}
                     .readOnly=${this._readOnly}

src/panels/config/automation/ha-automation-picker.ts

@@ -522,7 +522,7 @@ class HaAutomationPicker extends SubscribeMixin(LitElement) {
         selectable
         .selected=${this._selected.length}
         @selection-changed=${this._handleSelectionChanged}
-        hasFilters
+        has-filters
         .filters=${
           Object.values(this._filters).filter((filter) =>
             Array.isArray(filter.value)
@@ -556,7 +556,7 @@ class HaAutomationPicker extends SubscribeMixin(LitElement) {
         @clear-filter=${this._clearFilter}
         .filter=${this._filter}
         @search-changed=${this._handleSearchChange}
-        hasFab
+        has-fab
         clickable
         class=${this.narrow ? "narrow" : ""}
       >

src/panels/config/automation/trigger/ha-automation-trigger-row.ts

@@ -613,7 +613,7 @@ export default class HaAutomationTriggerRow extends LitElement {
       ),
       text: html`
         <ha-yaml-editor
-          readOnly
+          read-only
           .hass=${this.hass}
           .defaultValue=${this._triggered}
         ></ha-yaml-editor>

src/panels/config/backup/ha-config-backup.ts

@@ -130,7 +130,7 @@ class HaConfigBackup extends LitElement {
 
     return html`
       <hass-tabs-subpage-data-table
-        hasFab
+        has-fab
         .tabs=${[
           {
             translationKey: "ui.panel.config.backup.caption",

src/panels/config/blueprint/ha-blueprint-overview.ts

@@ -290,7 +290,7 @@ class HaBlueprintOverview extends LitElement {
         .noDataText=${this.hass.localize(
           "ui.panel.config.blueprint.overview.no_blueprints"
         )}
-        hasFab
+        has-fab
         clickable
         @row-click=${this._handleRowClicked}
         .appendRow=${html`<div

src/panels/config/core/ha-config-section-general.ts

@@ -229,7 +229,7 @@ class HaConfigSectionGeneral extends LitElement {
               ></ha-country-picker>
               <ha-language-picker
                 .hass=${this.hass}
-                nativeName
+                native-name
                 .label=${this.hass.localize(
                   "ui.panel.config.core.section.core.core_config.language"
                 )}

src/panels/config/devices/ha-config-devices-dashboard.ts

@@ -709,7 +709,7 @@ export class HaConfigDeviceDashboard extends SubscribeMixin(LitElement) {
         .selected=${this._selected.length}
         @selection-changed=${this._handleSelectionChanged}
         .filter=${this._filter}
-        hasFilters
+        has-filters
         .filters=${Object.values(this._filters).filter((filter) =>
           Array.isArray(filter.value)
             ? filter.value.length
@@ -731,7 +731,7 @@ export class HaConfigDeviceDashboard extends SubscribeMixin(LitElement) {
         @collapsed-changed=${this._handleCollapseChanged}
         @row-click=${this._handleRowClicked}
         clickable
-        hasFab
+        has-fab
         class=${this.narrow ? "narrow" : ""}
       >
         <ha-integration-overflow-menu

src/panels/config/entities/ha-config-entities.ts

@@ -750,7 +750,7 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
           "ui.panel.config.entities.picker.search",
           { number: filteredEntities.length }
         )}
-        hasFilters
+        has-filters
         .filters=${
           Object.values(this._filters).filter((filter) =>
             Array.isArray(filter)

src/panels/config/helpers/ha-config-helpers.ts

@@ -616,7 +616,7 @@ export class HaConfigHelpers extends SubscribeMixin(LitElement) {
         selectable
         .selected=${this._selected.length}
         @selection-changed=${this._handleSelectionChanged}
-        hasFilters
+        has-filters
         .filters=${Object.values(this._filters).filter((filter) =>
           Array.isArray(filter)
             ? filter.length
@@ -641,7 +641,7 @@ export class HaConfigHelpers extends SubscribeMixin(LitElement) {
         @row-click=${this._openEditDialog}
         .filter=${this._filter}
         @search-changed=${this._handleSearchChange}
-        hasFab
+        has-fab
         clickable
         .noDataText=${this.hass.localize(
           "ui.panel.config.helpers.picker.no_helpers"

src/panels/config/integrations/integration-panels/zha/zha-groups-dashboard.ts

@@ -109,7 +109,7 @@ export class ZHAGroupsDashboard extends LitElement {
         .data=${this._formattedGroups(this._groups)}
         @row-click=${this._handleRowClicked}
         clickable
-        hasFab
+        has-fab
       >
         <a href="/config/zha/group-add" slot="fab">
           <ha-fab

src/panels/config/labels/ha-config-labels.ts

@@ -229,7 +229,7 @@ export class HaConfigLabels extends LitElement {
         .columns=${this._columns(this.hass.localize, this.narrow)}
         .data=${this._data(this._labels)}
         .noDataText=${this.hass.localize("ui.panel.config.labels.no_labels")}
-        hasFab
+        has-fab
         .initialSorting=${this._activeSorting}
         .columnOrder=${this._activeColumnOrder}
         .hiddenColumns=${this._activeHiddenColumns}

src/panels/config/lovelace/dashboards/ha-config-lovelace-dashboards.ts

@@ -322,7 +322,7 @@ export class HaConfigLovelaceDashboards extends LitElement {
         @search-changed=${this._handleSearchChange}
         @row-click=${this._editDashboard}
         id="url_path"
-        hasFab
+        has-fab
         clickable
       >
         <ha-button-menu slot="toolbar-icon" activatable>

src/panels/config/scene/ha-scene-dashboard.ts

@@ -541,7 +541,7 @@ class HaSceneDashboard extends SubscribeMixin(LitElement) {
         selectable
         .selected=${this._selected.length}
         @selection-changed=${this._handleSelectionChanged}
-        hasFilters
+        has-filters
         .filters=${Object.values(this._filters).filter((filter) =>
           Array.isArray(filter.value)
             ? filter.value.length
@@ -570,7 +570,7 @@ class HaSceneDashboard extends SubscribeMixin(LitElement) {
         @clear-filter=${this._clearFilter}
         .filter=${this._filter}
         @search-changed=${this._handleSearchChange}
-        hasFab
+        has-fab
         clickable
         @row-click=${this._handleRowClicked}
       >

src/panels/config/script/ha-script-editor.ts

@@ -366,7 +366,7 @@ export class HaScriptEditor extends KeyboardShortcutMixin(LitElement) {
               `
             : this._mode === "yaml"
               ? html`<ha-yaml-editor
-                  copyClipboard
+                  copy-clipboard
                   .hass=${this.hass}
                   .defaultValue=${this._preprocessYaml()}
                   .readOnly=${this._readOnly}

src/panels/config/script/ha-script-picker.ts

@@ -526,7 +526,7 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
           "ui.panel.config.script.picker.search",
           { number: scripts.length }
         )}
-        hasFilters
+        has-filters
         .initialGroupColumn=${this._activeGrouping || "category"}
         .initialCollapsedGroups=${this._activeCollapsed}
         .initialSorting=${this._activeSorting}
@@ -558,7 +558,7 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
         @clear-filter=${this._clearFilter}
         .filter=${this._filter}
         @search-changed=${this._handleSearchChange}
-        hasFab
+        has-fab
         clickable
         class=${this.narrow ? "narrow" : ""}
         @row-click=${this._handleRowClicked}

src/panels/config/tags/ha-config-tags.ts

@@ -192,7 +192,7 @@ export class HaConfigTags extends SubscribeMixin(LitElement) {
         .noDataText=${this.hass.localize("ui.panel.config.tag.no_tags")}
         .filter=${this._filter}
         @search-changed=${this._handleSearchChange}
-        hasFab
+        has-fab
         clickable
         @row-click=${this._editTag}
         id="id"

src/panels/config/users/ha-config-users.ts

@@ -195,7 +195,7 @@ export class HaConfigUsers extends LitElement {
         .filter=${this._filter}
         @search-changed=${this._handleSearchChange}
         @row-click=${this._editUser}
-        hasFab
+        has-fab
         clickable
       >
         <ha-fab

src/panels/config/voice-assistants/debug/assist-render-pipeline-run.ts

@@ -365,8 +365,8 @@ export class AssistPipelineDebug extends LitElement {
         <ha-expansion-panel>
           <span slot="header">Raw</span>
           <ha-yaml-editor
-            readOnly
+            read-only
-            autoUpdate
+            auto-update
             .value=${this.pipelineRun}
           ></ha-yaml-editor>
         </ha-expansion-panel>

src/panels/config/voice-assistants/ha-config-voice-assistants-expose.ts

@@ -576,7 +576,7 @@ export class VoiceAssistantsExpose extends LitElement {
         @search-changed=${this._handleSearchChange}
         @row-click=${this._openEditEntry}
         id="entity_id"
-        hasFab
+        has-fab
       >
         ${this._selectedEntities.length
           ? html`

src/panels/developer-tools/action/developer-tools-action.ts

@@ -153,7 +153,7 @@ class HaPanelDevAction extends LitElement {
                   .hass=${this.hass}
                   .value=${this._serviceData}
                   .narrow=${this.narrow}
-                  showAdvanced
+                  show-advanced
                   @value-changed=${this._serviceDataChanged}
                   class="card-content"
                 ></ha-service-control>
@@ -203,10 +203,10 @@ class HaPanelDevAction extends LitElement {
               <div class="card-content">
                 <ha-yaml-editor
                   .hass=${this.hass}
-                  copyClipboard
+                  copy-clipboard
-                  readOnly
+                  read-only
-                  autoUpdate
+                  auto-update
-                  hasExtraActions
+                  has-extra-actions
                   .value=${this._response}
                 >
                   <ha-button slot="extra-actions" @click=${this._copyTemplate}

src/panels/developer-tools/event/event-subscribe-card.ts

@@ -104,7 +104,7 @@ class EventSubscribeCard extends LitElement {
                   )}:
                   <ha-yaml-editor
                     .defaultValue=${event.event}
-                    readOnly
+                    read-only
                   ></ha-yaml-editor>
                 </div>
               `

src/panels/lovelace/cards/hui-map-card.ts

@@ -169,8 +169,8 @@ class HuiMapCard extends LitElement implements LovelaceCard {
             .autoFit=${this._config.auto_fit || false}
             .fitZones=${this._config.fit_zones}
             .themeMode=${themeMode}
-            interactiveZones
+            interactive-zones
-            renderPassive
+            render-passive
           ></ha-map>
           <ha-icon-button
             .label=${this.hass!.localize(

src/panels/lovelace/components/hui-generic-entity-row.ts

@@ -25,7 +25,7 @@ export class HuiGenericEntityRow extends LitElement {
 
   @property({ attribute: false }) public secondaryText?: string;
 
-  @property({ attribute: false, type: Boolean }) public hideName = false;
+  @property({ attribute: "hide-name", type: Boolean }) public hideName = false;
 
   // Allows to control if this row should capture the user interaction, e.g. with its
   // toggle switch, button or input field. Some domains dynamically decide what to show

src/panels/lovelace/entity-rows/hui-datetime-entity-row.ts

@@ -57,7 +57,7 @@ class HuiInputDatetimeEntityRow extends LitElement implements LovelaceRow {
       <hui-generic-entity-row
         .hass=${this.hass}
         .config=${this._config}
-        hideName
+        hide-name
       >
         <div>
           <ha-date-input

src/panels/lovelace/entity-rows/hui-input-select-entity-row.ts

@@ -80,7 +80,7 @@ class HuiInputSelectEntityRow extends LitElement implements LovelaceRow {
       <hui-generic-entity-row
         .hass=${this.hass}
         .config=${this._config}
-        hideName
+        hide-name
       >
         <ha-select
           .label=${this._config.name || computeStateName(stateObj)}

src/panels/lovelace/entity-rows/hui-input-text-entity-row.ts

@@ -47,7 +47,7 @@ class HuiInputTextEntityRow extends LitElement implements LovelaceRow {
       <hui-generic-entity-row
         .hass=${this.hass}
         .config=${this._config}
-        hideName
+        hide-name
       >
         <ha-textfield
           .label=${this._config.name || computeStateName(stateObj)}

src/panels/lovelace/entity-rows/hui-select-entity-row.ts

@@ -56,7 +56,7 @@ class HuiSelectEntityRow extends LitElement implements LovelaceRow {
       <hui-generic-entity-row
         .hass=${this.hass}
         .config=${this._config}
-        hideName
+        hide-name
       >
         <ha-select
           .label=${this._config.name || computeStateName(stateObj)}

src/panels/lovelace/entity-rows/hui-text-entity-row.ts

@@ -50,7 +50,7 @@ class HuiTextEntityRow extends LitElement implements LovelaceRow {
       <hui-generic-entity-row
         .hass=${this.hass}
         .config=${this._config}
-        hideName
+        hide-name
       >
         <ha-textfield
           .label=${this._config.name || computeStateName(stateObj)}

src/panels/map/ha-panel-map.ts

@@ -39,8 +39,8 @@ class HaPanelMap extends LitElement {
         <ha-map
           .hass=${this.hass}
           .entities=${this._entities}
-          autoFit
+          auto-fit
-          interactiveZones
+          interactive-zones
         ></ha-map>
       </ha-top-app-bar-fixed>
     `;

src/panels/profile/ha-pick-language-row.ts

@@ -27,7 +27,7 @@ export class HaPickLanguageRow extends LitElement {
         </span>
         <ha-language-picker
           .hass=${this.hass}
-          nativeName
+          native-name
           .label=${this.hass.localize(
             "ui.panel.profile.language.dropdown_label"
           )}

src/panels/todo/dialog-todo-item-editor.ts

@@ -168,7 +168,7 @@ class DialogTodoItemEditor extends LitElement {
                     .locale=${this.hass.locale}
                     .disabled=${!canUpdate}
                     @value-changed=${this._dueDateChanged}
-                    canClear
+                    can-clear
                   ></ha-date-input>
                   ${this._todoListSupportsFeature(
                     TodoListEntityFeature.SET_DUE_DATETIME_ON_ITEM

src/state-summary/state-card-content.ts

@@ -36,7 +36,7 @@ class StateCardContent extends LitElement {
 
   @property({ attribute: false }) public stateObj!: HassEntity;
 
-  @property({ attribute: false, type: Boolean }) public inDialog = false;
+  @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false;
 
   protected render() {
     let stateCard: string;