From 5221080309051c728d5834fd33a99ebe8e1aefbc Mon Sep 17 00:00:00 2001
From: Gregor Wassmann <gregor.wassmann@gmail.com>
Date: Tue, 28 Mar 2023 19:16:32 +0200
Subject: [PATCH] chore: v11 MultiSelect

Size `xl` changed to `lg`.
---
 COMPONENT_INDEX.md                        | 2 +-
 docs/src/COMPONENT_API.json               | 2 +-
 docs/src/pages/components/MultiSelect.svx | 8 ++++----
 src/MultiSelect/MultiSelect.svelte        | 2 +-
 tests/MultiSelect.test.svelte             | 2 +-
 types/MultiSelect/MultiSelect.svelte.d.ts | 2 +-
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index d9ef4132..da6dd1b0 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -2365,7 +2365,7 @@ export interface MultiSelectItem {
 | items                    | No       | <code>let</code> | Yes      | <code>ReadonlyArray<MultiSelectItem></code>                                                             | <code>[]</code>                                                                            | Set the multiselect items                                                                                                                                             |
 | itemToString             | No       | <code>let</code> | No       | <code>(item: MultiSelectItem) => any</code>                                                             | <code>(item) => item.text &#124;&#124; item.id</code>                                      | Override the display of a multiselect item                                                                                                                            |
 | itemToInput              | No       | <code>let</code> | No       | <code>(item: MultiSelectItem) => { name?: string; labelText?: any; title?: string; }</code>             | <code>(item) => {}</code>                                                                  | Override the item name, title, labelText passed to the checkbox input                                                                                                 |
-| size                     | No       | <code>let</code> | No       | <code>"sm" &#124; "lg" &#124; "xl"</code>                                                               | <code>undefined</code>                                                                     | Set the size of the combobox                                                                                                                                          |
+| size                     | No       | <code>let</code> | No       | <code>"sm" &#124; "lg"</code>                                                                           | <code>undefined</code>                                                                     | Set the size of the combobox                                                                                                                                          |
 | type                     | No       | <code>let</code> | No       | <code>"default" &#124; "inline"</code>                                                                  | <code>"default"</code>                                                                     | Specify the type of multiselect                                                                                                                                       |
 | direction                | No       | <code>let</code> | No       | <code>"bottom" &#124; "top"</code>                                                                      | <code>"bottom"</code>                                                                      | Specify the direction of the multiselect dropdown menu                                                                                                                |
 | selectionFeedback        | No       | <code>let</code> | No       | <code>"top" &#124; "fixed" &#124; "top-after-reopen"</code>                                             | <code>"top-after-reopen"</code>                                                            | Specify the selection feedback after selecting items                                                                                                                  |
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 623aae27..293d9f5b 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -7019,7 +7019,7 @@
           "name": "size",
           "kind": "let",
           "description": "Set the size of the combobox",
-          "type": "\"sm\" | \"lg\" | \"xl\"",
+          "type": "\"sm\" | \"lg\"",
           "isFunction": false,
           "isFunctionDeclaration": false,
           "isRequired": false,
diff --git a/docs/src/pages/components/MultiSelect.svx b/docs/src/pages/components/MultiSelect.svx
index 35387f64..19b4812a 100644
--- a/docs/src/pages/components/MultiSelect.svx
+++ b/docs/src/pages/components/MultiSelect.svx
@@ -32,7 +32,7 @@ To prevent alphabetical item ordering, pass an empty function to the `sortItem`
 <MultiSelect titleText="Contact" label="Select contact methods..."
     items="{[{id: "0", text: "Slack"},
     {id: "1", text: "Email"},
-    {id: "2", text: "Fax"}]}" 
+    {id: "2", text: "Fax"}]}"
     sortItem="{() => {}}"
   />
 
@@ -53,7 +53,7 @@ To select (or bind) items, pass an array of item ids to `selectedIds`.
 <MultiSelect selectedIds="{["0", "1"]}" titleText="Contact" label="Select contact methods..."
     items="{[{id: "0", text: "Slack"},
     {id: "1", text: "Email"},
-    {id: "2", text: "Fax"}]}" 
+    {id: "2", text: "Fax"}]}"
   />
 
 ## Multiple multi-select dropdowns
@@ -107,9 +107,9 @@ Set `direction` to `"top"` for the dropdown menu to appear above the input.
     {id: "2", text: "Fax"}]}"
   />
 
-## Extra-large size
+## Large size
 
-<MultiSelect size="xl" titleText="Contact" label="Select contact methods..."
+<MultiSelect size="lg" titleText="Contact" label="Select contact methods..."
     items="{[{id: "0", text: "Slack"},
     {id: "1", text: "Email"},
     {id: "2", text: "Fax"}]}"
diff --git a/src/MultiSelect/MultiSelect.svelte b/src/MultiSelect/MultiSelect.svelte
index 93aca0cd..c625c300 100644
--- a/src/MultiSelect/MultiSelect.svelte
+++ b/src/MultiSelect/MultiSelect.svelte
@@ -38,7 +38,7 @@
 
   /**
    * Set the size of the combobox
-   * @type {"sm" | "lg" | "xl"}
+   * @type {"sm" | "lg"}
    */
   export let size = undefined;
 
diff --git a/tests/MultiSelect.test.svelte b/tests/MultiSelect.test.svelte
index 48c9f37e..38cda5c8 100644
--- a/tests/MultiSelect.test.svelte
+++ b/tests/MultiSelect.test.svelte
@@ -104,7 +104,7 @@
 />
 
 <MultiSelect
-  size="xl"
+  size="lg"
   titleText="Contact"
   label="Select contact methods..."
   items="{[
diff --git a/types/MultiSelect/MultiSelect.svelte.d.ts b/types/MultiSelect/MultiSelect.svelte.d.ts
index 6018ad09..ffe07e4c 100644
--- a/types/MultiSelect/MultiSelect.svelte.d.ts
+++ b/types/MultiSelect/MultiSelect.svelte.d.ts
@@ -52,7 +52,7 @@ export interface MultiSelectProps extends RestProps {
    * Set the size of the combobox
    * @default undefined
    */
-  size?: "sm" | "lg" | "xl";
+  size?: "sm" | "lg";
 
   /**
    * Specify the type of multiselect