feat: update from lit-html/lit-element to lit

package.json

@@ -34,8 +34,7 @@
     "array-flat-polyfill": "^1.0.1",
     "custom-card-helpers": "^1.6.6",
     "home-assistant-js-websocket": "^5.7.0",
-    "lit-element": "^2.4.0",
-    "lit-html": "^1.3.0",
+    "lit": "^2.0.0-rc.2",
     "localforage": "^1.9.0",
     "lz-string": "^1.4.4",
     "moment": "^2.29.1",

src/apexcharts-card.ts

@@ -1,7 +1,8 @@
 import 'array-flat-polyfill';
-import { LitElement, html, customElement, property, TemplateResult, CSSResult, PropertyValues } from 'lit-element';
-import { ifDefined } from 'lit-html/directives/if-defined';
-import { ClassInfo, classMap } from 'lit-html/directives/class-map';
+import { LitElement, html, TemplateResult, PropertyValues, CSSResultGroup } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { ClassInfo, classMap } from 'lit/directives/class-map.js';
 import {
   ChartCardConfig,
   ChartCardSeriesConfig,
@@ -34,7 +35,7 @@ import {
   validateOffset,
 } from './utils';
 import ApexCharts from 'apexcharts';
-import { styles } from './styles';
+import { stylesApex } from './styles';
 import { HassEntity } from 'home-assistant-js-websocket';
 import { getBrushLayoutConfig, getLayoutConfig } from './apex-layouts';
 import GraphEntry from './graphEntry';
@@ -508,8 +509,8 @@ class ChartsCard extends LitElement {
     return yaxisConfig;
   }
 
-  static get styles(): CSSResult {
-    return styles;
+  static get styles(): CSSResultGroup {
+    return stylesApex;
   }
 
   protected render(): TemplateResult {

src/styles.ts

@@ -1,6 +1,6 @@
-import { css, CSSResult } from 'lit-element';
+import { css, CSSResultGroup } from 'lit';
 
-export const styles: CSSResult = css`
+export const stylesApex: CSSResultGroup = css`
   :host {
     display: block;
   }