From b6d3d1774badb305699b8bfdf230c9e23f3b35ab Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 5 Dec 2020 17:10:18 -0800
Subject: [PATCH] refactor(inline-loading): use class name directive, resolve
 svelte imports

---
 src/ComposedModal/ComposedModal.svelte | 11 ++++++-----
 src/InlineLoading/InlineLoading.svelte |  6 +++---
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/ComposedModal/ComposedModal.svelte b/src/ComposedModal/ComposedModal.svelte
index f928f317..f0991bd6 100644
--- a/src/ComposedModal/ComposedModal.svelte
+++ b/src/ComposedModal/ComposedModal.svelte
@@ -54,15 +54,13 @@
   });
 
   function focus(element) {
-    if (selectorPrimaryFocus == null) {
-      return;
-    }
+    if (selectorPrimaryFocus == null) return;
     const node =
       (element || innerModal).querySelector(selectorPrimaryFocus) || buttonRef;
     if (node != null) node.focus();
   }
 
-  $: opened = false;
+  let opened = false;
   $: didOpen = open;
 
   onMount(async () => {
@@ -116,7 +114,10 @@
   <div
     bind:this="{innerModal}"
     class:bx--modal-container="{true}"
-    class="{size && `bx--modal-container--${size}`} {containerClass}"
+    class:bx--modal-container--xs="{size === 'xs'}"
+    class:bx--modal-container--sm="{size === 'sm'}"
+    class:bx--modal-container--lg="{size === 'lg'}"
+    class="{containerClass}"
     on:click="{() => {
       didClickInnerModal = true;
     }}"
diff --git a/src/InlineLoading/InlineLoading.svelte b/src/InlineLoading/InlineLoading.svelte
index 081d05e8..d3a64489 100644
--- a/src/InlineLoading/InlineLoading.svelte
+++ b/src/InlineLoading/InlineLoading.svelte
@@ -21,9 +21,9 @@
   export let successDelay = 1500;
 
   import { createEventDispatcher, afterUpdate, onMount } from "svelte";
-  import CheckmarkFilled16 from "carbon-icons-svelte/lib/CheckmarkFilled16";
-  import Error20 from "carbon-icons-svelte/lib/Error20";
-  import { Loading } from "../Loading";
+  import CheckmarkFilled16 from "carbon-icons-svelte/lib/CheckmarkFilled16/CheckmarkFilled16.svelte";
+  import Error20 from "carbon-icons-svelte/lib/Error20/Error20.svelte";
+  import Loading from "../Loading/Loading.svelte";
 
   const dispatch = createEventDispatcher();