fix(top-app-bar): update import paths and specify CSSResultOrNative for styles

Author: zZHorizonZz

topappbar/center-aligned-top-app-bar.ts

@@ -1,8 +1,10 @@
+import {TopAppBar} from './internal/top-app-bar.js';
+
+import {CSSResultOrNative} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
-import {styles as sharedStyles} from './internal/shared-styles.css.js';
-import {styles} from './internal/center-aligned-top-app-bar-styles.css.js';
-import {TopAppBar} from './internal/top-app-bar.js';
+import {styles as sharedStyles} from './internal/shared-styles.js';
+import {styles} from './internal/center-aligned-top-app-bar-styles.js';
 
 declare global {
     interface HTMLElementTagNameMap {
@@ -15,5 +17,5 @@ declare global {
  */
 @customElement('md-center-aligned-top-app-bar')
 export class MdCenterAlignedTopAppBar extends TopAppBar {
-    static override styles = [sharedStyles, styles];
+    static override styles: CSSResultOrNative[] = [sharedStyles, styles];
 }

topappbar/large-top-app-bar.ts

@@ -1,8 +1,10 @@
+import {ExpandedTopAppBar} from './internal/expanded-top-app-bar.js';
+
+import {CSSResultOrNative} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
-import {styles as sharedStyles} from './internal/shared-styles.css.js';
-import {styles} from './internal/large-top-app-bar-styles.css.js';
-import {ExpandedTopAppBar} from './internal/expanded-top-app-bar.js';
+import {styles as sharedStyles} from './internal/shared-styles.js';
+import {styles} from './internal/large-top-app-bar-styles.js';
 
 declare global {
     interface HTMLElementTagNameMap {
@@ -12,5 +14,5 @@ declare global {
 
 @customElement('md-large-top-app-bar')
 export class MdLargeTopAppBar extends ExpandedTopAppBar {
-    static override styles = [sharedStyles, styles];
+    static override styles: CSSResultOrNative[] = [sharedStyles, styles];
 }

topappbar/medium-top-app-bar.ts

@@ -1,8 +1,10 @@
+import {ExpandedTopAppBar} from './internal/expanded-top-app-bar.js';
+
+import {CSSResultOrNative} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
-import {styles as sharedStyles} from './internal/shared-styles.css.js';
-import {styles} from './internal/medium-top-app-bar-styles.css.js';
-import {ExpandedTopAppBar} from './internal/expanded-top-app-bar.js';
+import {styles as sharedStyles} from './internal/shared-styles.js';
+import {styles} from './internal/medium-top-app-bar-styles.js';
 
 declare global {
     interface HTMLElementTagNameMap {
@@ -12,5 +14,5 @@ declare global {
 
 @customElement('md-medium-top-app-bar')
 export class MdMediumTopAppBar extends ExpandedTopAppBar {
-    static override styles = [sharedStyles, styles];
+    static override styles: CSSResultOrNative[] = [sharedStyles, styles];
 }

topappbar/small-top-app-bar.ts

@@ -1,8 +1,10 @@
+import {TopAppBar} from './internal/top-app-bar.js';
+
+import {CSSResultOrNative} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
-import {styles as sharedStyles} from './internal/shared-styles.css.js';
-import {styles} from './internal/small-top-app-bar-styles.css.js';
-import {TopAppBar} from './internal/top-app-bar.js';
+import {styles as sharedStyles} from './internal/shared-styles.js';
+import {styles} from './internal/small-top-app-bar-styles.js';
 
 declare global {
     interface HTMLElementTagNameMap {
@@ -12,5 +14,5 @@ declare global {
 
 @customElement('md-small-top-app-bar')
 export class MdSmallTopAppBar extends TopAppBar {
-    static override styles = [sharedStyles, styles];
+    static override styles: CSSResultOrNative[] = [sharedStyles, styles];
 }