fix: lint errors

src/elements/button/common/common-stories.ts

@@ -14,7 +14,7 @@ import { html, unsafeStatic } from 'lit/static-html.js';
 import { sbbSpread } from '../../../storybook/helpers/spread.js';
 
 import '../../icon.js';
-import '../../loading-indicator.js';
+import '../../loading-indicator-circle.js';
 
 /* eslint-disable lit/binding-positions, @typescript-eslint/naming-convention */
 const Template = ({ tag, text, ...args }: Args): TemplateResult => html`
@@ -38,10 +38,9 @@ const IconSlotTemplate = ({
 
 const LoadingIndicatorTemplate = ({ tag, text, ...args }: Args): TemplateResult => html`
   <${unsafeStatic(tag)} ${sbbSpread(args)}>
-    <sbb-loading-indicator
+    <sbb-loading-indicator-circle
       slot="icon"
-      variant="circle"
-    ></sbb-loading-indicator>
+    ></sbb-loading-indicator-circle>
     ${text}
   </${unsafeStatic(tag)}>
 `;

src/elements/loading-indicator-circle.ts

@@ -0,0 +1 @@
+export * from './loading-indicator-circle/loading-indicator-circle.js';

src/elements/loading-indicator-circle/loading-indicator-circle.stories.ts

@@ -13,15 +13,14 @@ import '../button/button.js';
 import '../title.js';
 import '../card.js';
 
-const createLoadingIndicator = (event: Event, args: Args): void => {
+const createLoadingIndicator = (event: Event): void => {
   const loader: SbbLoadingIndicatorCircleElement = document.createElement(
     'sbb-loading-indicator-circle',
   );
   const container = (event.currentTarget as HTMLElement).parentElement!.querySelector(
     '.loader-container',
   )!;
   loader.setAttribute('aria-label', 'Loading, please wait');
-  loader.size = args['size'];
   container.append(loader);
   setTimeout(() => {
     const p = document.createElement('p');
@@ -31,14 +30,12 @@ const createLoadingIndicator = (event: Event, args: Args): void => {
   }, 5000);
 };
 
-const TemplateAccessibility = (args: Args): TemplateResult => html`
+const TemplateAccessibility = (): TemplateResult => html`
   <sbb-card color="milk">
     Turn on your screen-reader and click the button to make the loading indicator appear.
   </sbb-card>
   <br />
-  <sbb-button @click=${(event: Event) => createLoadingIndicator(event, args)}>
-    Show loader
-  </sbb-button>
+  <sbb-button @click=${(event: Event) => createLoadingIndicator(event)}> Show loader </sbb-button>
   <div class="loader-container" aria-live="polite"></div>
 `;