fix(scss): added ?lit to every scss import for vite

web-components/packages/carbon-web-components/.storybook2/templates/with-layer.ts

@@ -12,7 +12,7 @@ import { customElement, property } from 'lit/decorators.js';
 import Layers from '@carbon/icons/lib/layers/16';
 import { prefix } from '../../src/globals/settings';
 
-import styles from './with-layer.scss';
+import styles from './with-layer.scss?lit';
 
 /**
  * Storybook template layer component, strictly for presentation purposes

web-components/packages/carbon-web-components/src/components/accordion/accordion-item-skeleton.ts

@@ -12,7 +12,7 @@ import ChevronRight16 from '@carbon/icons/lib/chevron--right/16';
 import { customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import '../skeleton-text/index';
-import styles from './accordion.scss';
+import styles from './accordion.scss?lit';
 
 /**
  * Skeleton of accordion item.

web-components/packages/carbon-web-components/src/components/accordion/accordion-item.ts

@@ -15,7 +15,7 @@ import { prefix } from '../../globals/settings';
 import FocusMixin from '../../globals/mixins/focus';
 import Handle from '../../globals/internal/handle';
 import { ACCORDION_ITEM_BREAKPOINT } from './defs';
-import styles from './accordion.scss';
+import styles from './accordion.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 export { ACCORDION_ITEM_BREAKPOINT };

web-components/packages/carbon-web-components/src/components/accordion/accordion-skeleton.ts

@@ -16,7 +16,7 @@ import { forEach } from '../../globals/internal/collection-helpers';
 import ChevronRight16 from '@carbon/icons/lib/chevron--right/16';
 import './accordion-item-skeleton';
 import '../skeleton-text/index';
-import styles from './accordion.scss';
+import styles from './accordion.scss?lit';
 
 /**
  * Skeleton of code snippet.

web-components/packages/carbon-web-components/src/components/accordion/accordion.ts

@@ -12,7 +12,7 @@ import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import { forEach } from '../../globals/internal/collection-helpers';
 import { ACCORDION_SIZE, ACCORDION_ALIGNMENT } from './defs';
-import styles from './accordion.scss';
+import styles from './accordion.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 export { ACCORDION_SIZE, ACCORDION_ALIGNMENT };

web-components/packages/carbon-web-components/src/components/breadcrumb/breadcrumb-item.ts

@@ -9,7 +9,7 @@
 
 import { LitElement, html } from 'lit';
 import { prefix } from '../../globals/settings';
-import styles from './breadcrumb.scss';
+import styles from './breadcrumb.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/breadcrumb/breadcrumb-link.ts

@@ -10,7 +10,7 @@
 import { html } from 'lit';
 import { prefix } from '../../globals/settings';
 import CDSLink from '../link/link';
-import styles from './breadcrumb.scss';
+import styles from './breadcrumb.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/breadcrumb/breadcrumb-overflow-menu.ts

@@ -11,7 +11,7 @@ import { html } from 'lit';
 import { prefix } from '../../globals/settings';
 import OverflowMenuHorizontal16 from '@carbon/icons/lib/overflow-menu--horizontal/16';
 import CDSOverflowMenu from '../overflow-menu/overflow-menu';
-import styles from './breadcrumb.scss';
+import styles from './breadcrumb.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/breadcrumb/breadcrumb-skeleton.ts

@@ -10,7 +10,7 @@
 import { LitElement, html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import styles from './breadcrumb.scss';
+import styles from './breadcrumb.scss?lit';
 
 const renderItem = () => {
   return html`

web-components/packages/carbon-web-components/src/components/breadcrumb/breadcrumb.ts

@@ -11,7 +11,7 @@ import { classMap } from 'lit/directives/class-map.js';
 import { LitElement, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import styles from './breadcrumb.scss';
+import styles from './breadcrumb.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/button/button-set.ts

@@ -10,7 +10,7 @@
 import { LitElement, html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { BUTTON_KIND } from './defs';
-import styles from './button.scss';
+import styles from './button.scss?lit';
 import { prefix } from '../../globals/settings';
 
 /**

web-components/packages/carbon-web-components/src/components/button/button-skeleton.ts

@@ -12,7 +12,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
 import { html } from 'lit';
 import { prefix } from '../../globals/settings';
 import CDSButton from './button';
-import styles from './button.scss';
+import styles from './button.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/button/button.ts

@@ -299,7 +299,6 @@ class CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {
             </p>
           `
         : html`
-        <p>sss</p>
             <a
               id="button"
               part="button"

web-components/packages/carbon-web-components/src/components/checkbox/checkbox-skeleton.ts

@@ -10,7 +10,7 @@
 import { LitElement, html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import styles from './checkbox.scss';
+import styles from './checkbox.scss?lit';
 
 /**
  * Skeleton of number input.

web-components/packages/carbon-web-components/src/components/checkbox/checkbox.ts

@@ -14,7 +14,7 @@ import { property, query } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import FocusMixin from '../../globals/mixins/focus';
 import FormMixin from '../../globals/mixins/form';
-import styles from './checkbox.scss';
+import styles from './checkbox.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/code-snippet/code-snippet-skeleton.ts

@@ -11,7 +11,7 @@ import { LitElement, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import { CODE_SNIPPET_TYPE } from './code-snippet';
-import styles from './code-snippet.scss';
+import styles from './code-snippet.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/code-snippet/code-snippet.ts

@@ -14,7 +14,7 @@ import ChevronDown16 from '@carbon/icons/lib/chevron--down/16';
 import { prefix } from '../../globals/settings';
 import FocusMixin from '../../globals/mixins/focus';
 import { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE } from './defs';
-import styles from './code-snippet.scss';
+import styles from './code-snippet.scss?lit';
 import Handle from '../../globals/internal/handle';
 import '../copy-button/index';
 import '../copy/copy';

web-components/packages/carbon-web-components/src/components/combo-box/combo-box-item.ts

@@ -9,7 +9,7 @@
 
 import { prefix } from '../../globals/settings';
 import CDSDropdownItem from '../dropdown/dropdown-item';
-import styles from './combo-box.scss';
+import styles from './combo-box.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/combo-box/combo-box.ts

@@ -15,7 +15,7 @@ import { prefix } from '../../globals/settings';
 import { findIndex, forEach } from '../../globals/internal/collection-helpers';
 import CDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from '../dropdown/dropdown';
 import CDSComboBoxItem from './combo-box-item';
-import styles from './combo-box.scss';
+import styles from './combo-box.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 export { DROPDOWN_DIRECTION, DROPDOWN_SIZE } from '../dropdown/dropdown';

web-components/packages/carbon-web-components/src/components/content-switcher/content-switcher-item.ts

@@ -13,7 +13,7 @@ import { LitElement, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import FocusMixin from '../../globals/mixins/focus';
-import styles from './content-switcher.scss';
+import styles from './content-switcher.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/content-switcher/content-switcher.ts

@@ -13,7 +13,7 @@ import { prefix } from '../../globals/settings';
 import { forEach, indexOf } from '../../globals/internal/collection-helpers';
 import { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE } from './defs';
 import CDSContentSwitcherItem from './content-switcher-item';
-import styles from './content-switcher.scss';
+import styles from './content-switcher.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 export { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE };

web-components/packages/carbon-web-components/src/components/copy-button/copy-button.ts

@@ -12,7 +12,7 @@ import { property, customElement } from 'lit/decorators.js';
 import Copy16 from '@carbon/icons/lib/copy/16';
 import { prefix } from '../../globals/settings';
 import FocusMixin from '../../globals/mixins/focus';
-import styles from './copy-button.scss';
+import styles from './copy-button.scss?lit';
 import '../copy/copy';
 
 /**

web-components/packages/carbon-web-components/src/components/copy/copy.ts

@@ -10,7 +10,7 @@
 import { html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import styles from '../copy-button/copy-button.scss';
+import styles from '../copy-button/copy-button.scss?lit';
 import CDSIconButton from '../icon-button/icon-button';
 
 /**

web-components/packages/carbon-web-components/src/components/data-table/table-batch-actions.ts

@@ -10,7 +10,7 @@
 import { LitElement, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/data-table/table-body.ts

@@ -11,7 +11,7 @@ import { LitElement, html } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import CDSTableRow from './table-row';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/data-table/table-cell-content.ts

@@ -10,7 +10,7 @@
 import { LitElement, html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 
 /**
  * Data table cell content.

web-components/packages/carbon-web-components/src/components/data-table/table-cell.ts

@@ -10,7 +10,7 @@
 import { LitElement, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/data-table/table-expanded-row.ts

@@ -10,7 +10,7 @@
 import { LitElement, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 import HostListener from '../../globals/decorators/host-listener';

web-components/packages/carbon-web-components/src/components/data-table/table-head.ts

@@ -9,7 +9,7 @@
 
 import { LitElement, html } from 'lit';
 import { prefix } from '../../globals/settings';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/data-table/table-header-cell.ts

@@ -18,7 +18,7 @@ import {
   TABLE_SORT_CYCLES,
   TABLE_SORT_DIRECTION,
 } from './defs';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 export { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION };

web-components/packages/carbon-web-components/src/components/data-table/table-header-description.ts

@@ -10,7 +10,7 @@
 import { LitElement, html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 
 /**
  * Data table header description

web-components/packages/carbon-web-components/src/components/data-table/table-header-title.ts

@@ -10,7 +10,7 @@
 import { LitElement, html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 
 /**
  * Data table header title

web-components/packages/carbon-web-components/src/components/data-table/table-row.ts

@@ -13,7 +13,7 @@ import { prefix } from '../../globals/settings';
 import ChevronRight16 from '@carbon/icons/lib/chevron--right/16';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 import FocusMixin from '../../globals/mixins/focus';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 
 import HostListener from '../../globals/decorators/host-listener';
 import HostListenerMixin from '../../globals/mixins/host-listener';

web-components/packages/carbon-web-components/src/components/data-table/table-skeleton.ts

@@ -11,7 +11,7 @@ import { classMap } from 'lit/directives/class-map.js';
 import { LitElement, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 
 /**
  * Data table skeleton

web-components/packages/carbon-web-components/src/components/data-table/table-toolbar-content.ts

@@ -10,7 +10,7 @@
 import { LitElement, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/data-table/table-toolbar-search.ts

@@ -15,7 +15,7 @@ import HostListenerMixin from '../../globals/mixins/host-listener';
 import HostListener from '../../globals/decorators/host-listener';
 import { INPUT_SIZE } from '../text-input/text-input';
 import CDSSearch from '../search/search';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/data-table/table-toolbar.ts

@@ -10,7 +10,7 @@
 import { LitElement, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 import { CDSTableToolbarContent } from '../..';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 

web-components/packages/carbon-web-components/src/components/data-table/table.ts

@@ -12,7 +12,7 @@ import { property, state } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import { forEach } from '../../globals/internal/collection-helpers';
 import { TABLE_SIZE, TABLE_SORT_DIRECTION } from './defs';
-import styles from './data-table.scss';
+import styles from './data-table.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 import HostListener from '../../globals/decorators/host-listener';

web-components/packages/carbon-web-components/src/components/date-picker/date-picker-input-skeleton.ts

@@ -11,7 +11,7 @@ import { LitElement, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import { DATE_PICKER_INPUT_KIND } from './date-picker-input';
-import styles from './date-picker.scss';
+import styles from './date-picker.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/date-picker/date-picker-input.ts

@@ -18,7 +18,7 @@ import { INPUT_SIZE } from '../text-input/text-input';
 import { DATE_PICKER_INPUT_COLOR_SCHEME, DATE_PICKER_INPUT_KIND } from './defs';
 import WarningFilled16 from '@carbon/icons/lib/warning--filled/16';
 import WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';
-import styles from './date-picker.scss';
+import styles from './date-picker.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 export { DATE_PICKER_INPUT_COLOR_SCHEME, DATE_PICKER_INPUT_KIND };

web-components/packages/carbon-web-components/src/components/date-picker/date-picker.ts

@@ -31,7 +31,7 @@ import monthSelectPlugin from './month-select-plugin';
 import rangePlugin from './range-plugin';
 import shadowDOMEventPlugin from './shadow-dom-events-plugin';
 import stateHandshakePlugin from './state-handshake-plugin';
-import styles from './date-picker.scss';
+import styles from './date-picker.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/dropdown/dropdown-item.ts

@@ -12,7 +12,7 @@ import { property } from 'lit/decorators.js';
 import Checkmark16 from '@carbon/icons/lib/checkmark/16';
 import { prefix } from '../../globals/settings';
 import { DROPDOWN_SIZE } from './dropdown';
-import styles from './dropdown.scss';
+import styles from './dropdown.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/dropdown/dropdown-skeleton.ts

@@ -9,7 +9,7 @@
 
 import { LitElement, html } from 'lit';
 import { prefix } from '../../globals/settings';
-import styles from './dropdown.scss';
+import styles from './dropdown.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**

web-components/packages/carbon-web-components/src/components/dropdown/dropdown.ts

@@ -33,7 +33,7 @@ import {
   NAVIGATION_DIRECTION,
 } from './defs';
 import CDSDropdownItem from './dropdown-item';
-import styles from './dropdown.scss';
+import styles from './dropdown.scss?lit';
 import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 export {