From 9dd9c0936250260e661b0bbe5f0aadaafeaaa265 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Mon, 20 Jul 2020 20:25:00 -0700
Subject: [PATCH] fix(list-box): fix regression where size is overriden

---
 src/ListBox/ListBox.svelte      | 7 ++++---
 src/ListBox/ListBoxField.svelte | 4 ++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/ListBox/ListBox.svelte b/src/ListBox/ListBox.svelte
index 2dc1cabc..0a8b55b4 100644
--- a/src/ListBox/ListBox.svelte
+++ b/src/ListBox/ListBox.svelte
@@ -1,11 +1,11 @@
 <script>
   export let size = undefined; // "sm" | "xl"
   export let type = "default"; // "default" | "inline"
+  export let open = false;
+  export let light = false;
   export let disabled = false;
   export let invalid = false;
   export let invalidText = "";
-  export let light = false;
-  export let open = false;
 </script>
 
 <div
@@ -17,8 +17,9 @@
   class:bx--list-box--disabled={disabled}
   class:bx--list-box--expanded={open}
   class:bx--list-box--light={light}
-  class={size && `bx--list-box--${size}`}
   {...$$restProps}
+  class="{size && `bx--list-box--${size}`}
+  {$$restProps.class}"
   on:keydown
   on:keydown={e => {
     if (e.key === 'Escape') {
diff --git a/src/ListBox/ListBoxField.svelte b/src/ListBox/ListBoxField.svelte
index b29442eb..60a94ce2 100644
--- a/src/ListBox/ListBoxField.svelte
+++ b/src/ListBox/ListBoxField.svelte
@@ -1,10 +1,10 @@
 <script>
-  export const translationIds = { close: "close", open: "open" };
   export let disabled = false;
-  export let id = "ccs-" + Math.random().toString(36);
   export let role = "combobox";
   export let tabindex = "-1";
+  export const translationIds = { close: "close", open: "open" };
   export let translateWithId = id => defaultTranslations[id];
+  export let id = "ccs-" + Math.random().toString(36);
   export let ref = null;
 
   import { getContext } from "svelte";