fix import bug; closes #439

docs/resources/changelog.md

@@ -9,6 +9,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 ## Next
 
 - Fixed a bug where setting properties before an element was defined would render incorrectly [#425](https://github.com/shoelace-style/shoelace/issues/425)
+- Fixed a bug that caused all modules to be imported when cherry picking certain components [#439](https://github.com/shoelace-style/shoelace/issues/439)
 - Improved a11y in `sl-progress-ring`
 - Updated React docs to use [`@shoelace-style/react`](https://github.com/shoelace-style/react)
 - Updated NextJS docs [#434](https://github.com/shoelace-style/shoelace/pull/434)

src/components/animation/animation.ts

@@ -1,8 +1,8 @@
 import { LitElement, html, unsafeCSS } from 'lit';
 import { customElement, property, queryAsync } from 'lit/decorators';
 import { event, EventEmitter, watch } from '../../internal/decorators';
-import styles from 'sass:./animation.scss';
 import { animations } from './animations';
+import styles from 'sass:./animation.scss';
 
 /**
  * @since 2.0

src/components/button/button.ts

@@ -3,8 +3,8 @@ import { customElement, property, query, state } from 'lit/decorators';
 import { classMap } from 'lit-html/directives/class-map';
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { event, EventEmitter } from '../../internal/decorators';
-import styles from 'sass:./button.scss';
 import { hasSlot } from '../../internal/slot';
+import styles from 'sass:./button.scss';
 
 /**
  * @since 2.0

src/components/card/card.ts

@@ -1,8 +1,8 @@
 import { LitElement, html, unsafeCSS } from 'lit';
 import { customElement, state } from 'lit/decorators';
 import { classMap } from 'lit-html/directives/class-map';
-import styles from 'sass:./card.scss';
 import { hasSlot } from '../../internal/slot';
+import styles from 'sass:./card.scss';
 
 /**
  * @since 2.0

src/components/color-picker/color-picker.ts

@@ -4,10 +4,11 @@ import { classMap } from 'lit-html/directives/class-map';
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { styleMap } from 'lit-html/directives/style-map';
 import { event, EventEmitter, watch } from '../../internal/decorators';
-import styles from 'sass:./color-picker.scss';
-import { SlDropdown, SlInput } from '../../shoelace';
-import color from 'color';
 import { clamp } from '../../internal/math';
+import SlDropdown from '../dropdown/dropdown';
+import SlInput from '../input/input';
+import color from 'color';
+import styles from 'sass:./color-picker.scss';
 
 /**
  * @since 2.0

src/components/details/details.ts

@@ -2,8 +2,8 @@ import { LitElement, html, unsafeCSS } from 'lit';
 import { customElement, property, query } from 'lit/decorators';
 import { classMap } from 'lit-html/directives/class-map';
 import { event, EventEmitter, watch } from '../../internal/decorators';
-import styles from 'sass:./details.scss';
 import { focusVisible } from '../../internal/focus-visible';
+import styles from 'sass:./details.scss';
 
 let id = 0;
 

src/components/dropdown/dropdown.ts

@@ -2,11 +2,12 @@ import { LitElement, html, unsafeCSS } from 'lit';
 import { customElement, property, query } from 'lit/decorators';
 import { classMap } from 'lit-html/directives/class-map';
 import { event, EventEmitter, watch } from '../../internal/decorators';
-import styles from 'sass:./dropdown.scss';
-import { SlMenu, SlMenuItem } from '../../shoelace';
 import { scrollIntoView } from '../../internal/scroll';
 import { getNearestTabbableElement } from '../../internal/tabbable';
 import Popover from '../../internal/popover';
+import SlMenu from '../menu/menu';
+import SlMenuItem from '../menu-item/menu-item';
+import styles from 'sass:./dropdown.scss';
 
 let id = 0;
 

src/components/form/form.ts

@@ -1,18 +1,16 @@
 import { LitElement, html, unsafeCSS } from 'lit';
 import { customElement, property, query } from 'lit/decorators';
 import { event, EventEmitter } from '../../internal/decorators';
+import SlButton from '../button/button';
+import SlCheckbox from '../checkbox/checkbox';
+import SlColorPicker from '../color-picker/color-picker';
+import SlInput from '../input/input';
+import SlRadio from '../radio/radio';
+import SlRange from '../range/range';
+import SlSelect from '../select/select';
+import SlSwitch from '../switch/switch';
+import SlTextarea from '../textarea/textarea';
 import styles from 'sass:./form.scss';
-import {
-  SlButton,
-  SlCheckbox,
-  SlColorPicker,
-  SlInput,
-  SlRadio,
-  SlRange,
-  SlSelect,
-  SlSwitch,
-  SlTextarea
-} from '../../shoelace';
 
 interface FormControl {
   tag: string;

src/components/icon-button/icon-button.ts

@@ -2,8 +2,8 @@ import { LitElement, html, unsafeCSS } from 'lit';
 import { customElement, property, query } from 'lit/decorators';
 import { classMap } from 'lit-html/directives/class-map';
 import { ifDefined } from 'lit-html/directives/if-defined';
-import styles from 'sass:./icon-button.scss';
 import { focusVisible } from '../../internal/focus-visible';
+import styles from 'sass:./icon-button.scss';
 
 /**
  * @since 2.0

src/components/icon/icon.ts

@@ -2,9 +2,9 @@ import { LitElement, html, unsafeCSS } from 'lit';
 import { customElement, property, state } from 'lit/decorators';
 import { unsafeSVG } from 'lit-html/directives/unsafe-svg';
 import { event, EventEmitter, watch } from '../../internal/decorators';
-import styles from 'sass:./icon.scss';
 import { getIconLibrary, watchIcon, unwatchIcon } from './library';
 import { requestIcon } from './request';
+import styles from 'sass:./icon.scss';
 
 const parser = new DOMParser();
 

src/components/icon/library.ts

@@ -1,4 +1,4 @@
-import { SlIcon } from '../../shoelace';
+import SlIcon from '../icon/icon';
 import defaultLibrary from './library.default';
 import systemLibrary from './library.system';
 

src/components/image-comparer/image-comparer.ts

@@ -2,8 +2,8 @@ import { LitElement, html, unsafeCSS } from 'lit';
 import { customElement, property, query } from 'lit/decorators';
 import { styleMap } from 'lit-html/directives/style-map';
 import { event, EventEmitter, watch } from '../../internal/decorators';
-import styles from 'sass:./image-comparer.scss';
 import { clamp } from '../../internal/math';
+import styles from 'sass:./image-comparer.scss';
 
 /**
  * @since 2.0

src/components/include/include.ts

@@ -1,8 +1,8 @@
 import { LitElement, html, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators';
 import { event, EventEmitter, watch } from '../../internal/decorators';
-import styles from 'sass:./include.scss';
 import { requestInclude } from './request';
+import styles from 'sass:./include.scss';
 
 /**
  * @since 2.0

src/components/input/input.ts

@@ -3,9 +3,9 @@ import { customElement, property, query, state } from 'lit/decorators';
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { classMap } from 'lit-html/directives/class-map';
 import { event, EventEmitter, watch } from '../../internal/decorators';
-import styles from 'sass:./input.scss';
 import { getLabelledBy, renderFormControl } from '../../internal/form-control';
 import { hasSlot } from '../../internal/slot';
+import styles from 'sass:./input.scss';
 
 let id = 0;
 

src/components/menu/menu.ts

@@ -1,9 +1,9 @@
 import { LitElement, html, unsafeCSS } from 'lit';
 import { customElement, query } from 'lit/decorators';
 import { event, EventEmitter } from '../../internal/decorators';
-import styles from 'sass:./menu.scss';
-import { SlMenuItem } from '../../shoelace';
 import { getTextContent } from '../../internal/slot';
+import SlMenuItem from '../menu-item/menu-item';
+import styles from 'sass:./menu.scss';
 
 /**
  * @since 2.0

src/components/range/range.ts

@@ -3,9 +3,9 @@ import { customElement, property, query, state } from 'lit/decorators';
 import { classMap } from 'lit-html/directives/class-map';
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { event, EventEmitter, watch } from '../../internal/decorators';
-import styles from 'sass:./range.scss';
 import { getLabelledBy, renderFormControl } from '../../internal/form-control';
 import { hasSlot } from '../../internal/slot';
+import styles from 'sass:./range.scss';
 
 let id = 0;
 

src/components/rating/rating.ts

@@ -4,9 +4,9 @@ import { classMap } from 'lit-html/directives/class-map';
 import { styleMap } from 'lit-html/directives/style-map';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html';
 import { event, EventEmitter, watch } from '../../internal/decorators';
-import styles from 'sass:./rating.scss';
 import { focusVisible } from '../../internal/focus-visible';
 import { clamp } from '../../internal/math';
+import styles from 'sass:./rating.scss';
 
 /**
  * @since 2.0

src/components/responsive-embed/responsive-embed.ts

@@ -1,7 +1,7 @@
 import { LitElement, html, unsafeCSS } from 'lit';
 import { customElement, property, query } from 'lit/decorators';
-import styles from 'sass:./responsive-embed.scss';
 import { watch } from '../../internal/decorators';
+import styles from 'sass:./responsive-embed.scss';
 
 /**
  * @since 2.0

src/components/select/select.ts

@@ -3,11 +3,14 @@ import { customElement, property, query, state } from 'lit/decorators';
 import { classMap } from 'lit-html/directives/class-map';
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { event, EventEmitter, watch } from '../../internal/decorators';
-import styles from 'sass:./select.scss';
-import { SlDropdown, SlIconButton, SlMenu, SlMenuItem } from '../../shoelace';
 import { getLabelledBy, renderFormControl } from '../../internal/form-control';
 import { getTextContent } from '../../internal/slot';
 import { hasSlot } from '../../internal/slot';
+import SlDropdown from '../dropdown/dropdown';
+import SlIconButton from '../icon-button/icon-button';
+import SlMenu from '../menu/menu';
+import SlMenuItem from '../menu-item/menu-item';
+import styles from 'sass:./select.scss';
 
 let id = 0;
 

src/components/tab-group/tab-group.ts

@@ -2,11 +2,12 @@ import { LitElement, html, unsafeCSS } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators';
 import { classMap } from 'lit-html/directives/class-map';
 import { event, EventEmitter, watch } from '../../internal/decorators';
-import styles from 'sass:./tab-group.scss';
-import { SlTab, SlTabPanel } from '../../shoelace';
 import { focusVisible } from '../../internal/focus-visible';
 import { getOffset } from '../../internal/offset';
 import { scrollIntoView } from '../../internal/scroll';
+import SlTab from '../tab/tab';
+import SlTabPanel from '../tab-panel/tab-panel';
+import styles from 'sass:./tab-group.scss';
 
 /**
  * @since 2.0

src/components/textarea/textarea.ts

@@ -3,9 +3,9 @@ import { customElement, property, query, state } from 'lit/decorators';
 import { classMap } from 'lit-html/directives/class-map';
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { event, EventEmitter, watch } from '../../internal/decorators';
-import styles from 'sass:./textarea.scss';
 import { getLabelledBy, renderFormControl } from '../../internal/form-control';
 import { hasSlot } from '../../internal/slot';
+import styles from 'sass:./textarea.scss';
 
 let id = 0;
 

src/components/tooltip/tooltip.ts

@@ -2,8 +2,8 @@ import { LitElement, html, unsafeCSS } from 'lit';
 import { customElement, property, query } from 'lit/decorators';
 import { classMap } from 'lit-html/directives/class-map';
 import { event, EventEmitter, watch } from '../../internal/decorators';
-import styles from 'sass:./tooltip.scss';
 import Popover from '../../internal/popover';
+import styles from 'sass:./tooltip.scss';
 
 let id = 0;