chore: format files with Prettier 3

src/ProgressIndicator/ProgressIndicator.svelte

@@ -17,7 +17,7 @@
   const dispatch = createEventDispatcher();
   const steps = writable([]);
   const stepsById = derived(steps, (steps) =>
-    steps.reduce((a, c) => ({ ...a, [c.id]: c }), {})
+    steps.reduce((a, c) => ({ ...a, [c.id]: c }), {}),
   );
   const preventChangeOnClickStore = writable(preventChangeOnClick);
 
@@ -58,7 +58,7 @@
     _.map((step, i) => ({
       ...step,
       current: i === currentIndex,
-    }))
+    })),
   );
   $: preventChangeOnClickStore.set(preventChangeOnClick);
 </script>
@@ -66,9 +66,9 @@
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <ul
-  class:bx--progress="{true}"
-  class:bx--progress--vertical="{vertical}"
-  class:bx--progress--space-equal="{spaceEqually && !vertical}"
+  class:bx--progress={true}
+  class:bx--progress--vertical={vertical}
+  class:bx--progress--space-equal={spaceEqually && !vertical}
   {...$$restProps}
   on:click
   on:mouseover

src/ProgressIndicator/ProgressIndicatorSkeleton.svelte

@@ -9,9 +9,9 @@
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <ul
-  class:bx--progress="{true}"
-  class:bx--progress--vertical="{vertical}"
-  class:bx--skeleton="{true}"
+  class:bx--progress={true}
+  class:bx--progress--vertical={vertical}
+  class:bx--skeleton={true}
   {...$$restProps}
   on:click
   on:mouseover
@@ -20,18 +20,18 @@
 >
   {#each Array.from({ length: count }, (_, i) => i) as item, i (item)}
     <li
-      class:bx--progress-step="{true}"
-      class:bx--progress-step--incomplete="{true}"
+      class:bx--progress-step={true}
+      class:bx--progress-step--incomplete={true}
     >
       <div
-        class:bx--progress-step-button="{true}"
-        class:bx--progress-step-button--unclickable="{true}"
+        class:bx--progress-step-button={true}
+        class:bx--progress-step-button--unclickable={true}
       >
         <svg>
           <path d="M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0"></path>
         </svg>
-        <p class:bx--progress-label="{true}"></p>
-        <span class:bx--progress-line="{true}"></span>
+        <p class:bx--progress-label={true}></p>
+        <span class:bx--progress-line={true}></span>
       </div>
     </li>
   {/each}

src/ProgressIndicator/ProgressStep.svelte

@@ -53,55 +53,55 @@
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <li
-  id="{id}"
-  class:bx--progress-step="{true}"
-  class:bx--progress-step--current="{current}"
-  class:bx--progress-step--complete="{complete}"
-  class:bx--progress-step--incomplete="{!complete && !current}"
-  class:bx--progress-step--disabled="{disabled}"
+  {id}
+  class:bx--progress-step={true}
+  class:bx--progress-step--current={current}
+  class:bx--progress-step--complete={complete}
+  class:bx--progress-step--incomplete={!complete && !current}
+  class:bx--progress-step--disabled={disabled}
   {...$$restProps}
 >
   <button
     type="button"
-    disabled="{disabled}"
-    aria-disabled="{disabled}"
-    tabindex="{!current && !disabled ? '0' : '-1'}"
-    class:bx--progress-step-button="{true}"
-    class:bx--progress-step-button--unclickable="{current ||
-      $preventChangeOnClick}"
+    {disabled}
+    aria-disabled={disabled}
+    tabindex={!current && !disabled ? "0" : "-1"}
+    class:bx--progress-step-button={true}
+    class:bx--progress-step-button--unclickable={current ||
+      $preventChangeOnClick}
     on:click
-    on:click="{() => {
+    on:click={() => {
       if (!step.complete) return;
       change(step.index);
-    }}"
+    }}
     on:mouseover
     on:mouseenter
     on:mouseleave
     on:keydown
-    on:keydown="{(e) => {
+    on:keydown={(e) => {
       if (!step.complete) return;
-      if (e.key === ' ' || e.key === 'Enter') {
+      if (e.key === " " || e.key === "Enter") {
         change(step.index);
       }
-    }}"
+    }}
   >
     {#if invalid}
-      <Warning class="bx--progress__warning" title="{description}" />
+      <Warning class="bx--progress__warning" title={description} />
     {:else if current}
-      <Incomplete title="{description}" />
+      <Incomplete title={description} />
     {:else if complete}
-      <CheckmarkOutline title="{description}" />
+      <CheckmarkOutline title={description} />
     {:else}
-      <CircleDash title="{description}" />
+      <CircleDash title={description} />
     {/if}
-    <div class:bx--progress-text="{true}">
-      <slot props="{{ class: 'bx--progress-label' }}">
-        <p class:bx--progress-label="{true}">{label}</p>
+    <div class:bx--progress-text={true}>
+      <slot props={{ class: "bx--progress-label" }}>
+        <p class:bx--progress-label={true}>{label}</p>
       </slot>
       {#if secondaryLabel}
-        <p class:bx--progress-optional="{true}">{secondaryLabel}</p>
+        <p class:bx--progress-optional={true}>{secondaryLabel}</p>
       {/if}
     </div>
-    <span class:bx--progress-line="{true}"></span>
+    <span class:bx--progress-line={true}></span>
   </button>
 </li>