fix: rename internal <styles>.css.js to <styles>.css

We are changing the names of these files to reduce similarity with CSS modules and avoid clashing with tooling built around that. If you're importing `*/internal/styles.css.js`, swap to `*/internal/styles.js`.

PiperOrigin-RevId: 611265000

Author: asyncliz

.gitignore

@@ -4,7 +4,7 @@ node_modules
 !css-to-ts.js
 !commitlint.config.js
 *.css
-*.css.ts
+*-styles.ts
 *.map
 *.d.ts
 !types/*.d.ts

button/elevated-button.ts

@@ -8,9 +8,9 @@ import {CSSResultOrNative} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
 import {ElevatedButton} from './internal/elevated-button.js';
-import {styles as elevatedStyles} from './internal/elevated-styles.css.js';
-import {styles as sharedElevationStyles} from './internal/shared-elevation-styles.css.js';
-import {styles as sharedStyles} from './internal/shared-styles.css.js';
+import {styles as elevatedStyles} from './internal/elevated-styles.js';
+import {styles as sharedElevationStyles} from './internal/shared-elevation-styles.js';
+import {styles as sharedStyles} from './internal/shared-styles.js';
 
 declare global {
   interface HTMLElementTagNameMap {

button/filled-button.ts

@@ -8,9 +8,9 @@ import {CSSResultOrNative} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
 import {FilledButton} from './internal/filled-button.js';
-import {styles as filledStyles} from './internal/filled-styles.css.js';
-import {styles as sharedElevationStyles} from './internal/shared-elevation-styles.css.js';
-import {styles as sharedStyles} from './internal/shared-styles.css.js';
+import {styles as filledStyles} from './internal/filled-styles.js';
+import {styles as sharedElevationStyles} from './internal/shared-elevation-styles.js';
+import {styles as sharedStyles} from './internal/shared-styles.js';
 
 declare global {
   interface HTMLElementTagNameMap {

button/filled-tonal-button.ts

@@ -8,9 +8,9 @@ import {CSSResultOrNative} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
 import {FilledTonalButton} from './internal/filled-tonal-button.js';
-import {styles as tonalStyles} from './internal/filled-tonal-styles.css.js';
-import {styles as sharedElevationStyles} from './internal/shared-elevation-styles.css.js';
-import {styles as sharedStyles} from './internal/shared-styles.css.js';
+import {styles as tonalStyles} from './internal/filled-tonal-styles.js';
+import {styles as sharedElevationStyles} from './internal/shared-elevation-styles.js';
+import {styles as sharedStyles} from './internal/shared-styles.js';
 
 declare global {
   interface HTMLElementTagNameMap {

button/outlined-button.ts

@@ -8,8 +8,8 @@ import {CSSResultOrNative} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
 import {OutlinedButton} from './internal/outlined-button.js';
-import {styles as outlinedStyles} from './internal/outlined-styles.css.js';
-import {styles as sharedStyles} from './internal/shared-styles.css.js';
+import {styles as outlinedStyles} from './internal/outlined-styles.js';
+import {styles as sharedStyles} from './internal/shared-styles.js';
 
 declare global {
   interface HTMLElementTagNameMap {

button/text-button.ts

@@ -7,9 +7,9 @@
 import {CSSResultOrNative} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
-import {styles as sharedStyles} from './internal/shared-styles.css.js';
+import {styles as sharedStyles} from './internal/shared-styles.js';
 import {TextButton} from './internal/text-button.js';
-import {styles as textStyles} from './internal/text-styles.css.js';
+import {styles as textStyles} from './internal/text-styles.js';
 
 declare global {
   interface HTMLElementTagNameMap {

checkbox/checkbox.ts

@@ -8,7 +8,7 @@ import {CSSResultOrNative} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
 import {Checkbox} from './internal/checkbox.js';
-import {styles} from './internal/checkbox-styles.css.js';
+import {styles} from './internal/checkbox-styles.js';
 
 declare global {
   interface HTMLElementTagNameMap {

chips/assist-chip.ts

@@ -8,9 +8,9 @@ import {CSSResultOrNative} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
 import {AssistChip} from './internal/assist-chip.js';
-import {styles} from './internal/assist-styles.css.js';
-import {styles as elevatedStyles} from './internal/elevated-styles.css.js';
-import {styles as sharedStyles} from './internal/shared-styles.css.js';
+import {styles} from './internal/assist-styles.js';
+import {styles as elevatedStyles} from './internal/elevated-styles.js';
+import {styles as sharedStyles} from './internal/shared-styles.js';
 
 declare global {
   interface HTMLElementTagNameMap {

chips/chip-set.ts

@@ -8,7 +8,7 @@ import {CSSResultOrNative} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
 import {ChipSet} from './internal/chip-set.js';
-import {styles} from './internal/chip-set-styles.css.js';
+import {styles} from './internal/chip-set-styles.js';
 
 declare global {
   interface HTMLElementTagNameMap {

chips/filter-chip.ts

@@ -7,12 +7,12 @@
 import {CSSResultOrNative} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
-import {styles as elevatedStyles} from './internal/elevated-styles.css.js';
+import {styles as elevatedStyles} from './internal/elevated-styles.js';
 import {FilterChip} from './internal/filter-chip.js';
-import {styles} from './internal/filter-styles.css.js';
-import {styles as selectableStyles} from './internal/selectable-styles.css.js';
-import {styles as sharedStyles} from './internal/shared-styles.css.js';
-import {styles as trailingIconStyles} from './internal/trailing-icon-styles.css.js';
+import {styles} from './internal/filter-styles.js';
+import {styles as selectableStyles} from './internal/selectable-styles.js';
+import {styles as sharedStyles} from './internal/shared-styles.js';
+import {styles as trailingIconStyles} from './internal/trailing-icon-styles.js';
 
 declare global {
   interface HTMLElementTagNameMap {