From c23782b1613c3a3e5d81fcfb26971261cbe03bab 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               | 26 ++++++++++++++++++++++-
 docs/src/pages/components/MultiSelect.svx |  8 +++----
 src/MultiSelect/MultiSelect.svelte        |  2 +-
 tests/MultiSelect.test.svelte             |  2 +-
 types/MultiSelect/MultiSelect.svelte.d.ts |  2 +-
 types/Tile/ExpandableTile.svelte.d.ts     | 12 +++++++++++
 7 files changed, 45 insertions(+), 9 deletions(-)

diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 4b35148f..dcb62877 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -2367,7 +2367,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; value?: string }</code> | <code>(item) => {}</code>                                                                  | Override the item name, title, labelText, or value passed to the user-selectable checkbox input as well as the hidden inputs.                                         |
-| 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 9cc033f8..3766ad24 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -3642,6 +3642,30 @@
           "constant": false,
           "reactive": false
         },
+        {
+          "name": "tileExpandedLabel",
+          "kind": "let",
+          "description": "Specify the icon label of the expanded tile",
+          "type": "string",
+          "value": "\"\"",
+          "isFunction": false,
+          "isFunctionDeclaration": false,
+          "isRequired": false,
+          "constant": false,
+          "reactive": false
+        },
+        {
+          "name": "tileCollapsedLabel",
+          "kind": "let",
+          "description": "Specify the icon label of the collapsed tile",
+          "type": "string",
+          "value": "\"\"",
+          "isFunction": false,
+          "isFunctionDeclaration": false,
+          "isRequired": false,
+          "constant": false,
+          "reactive": false
+        },
         {
           "name": "tabindex",
           "kind": "let",
@@ -7019,7 +7043,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 563fee26..e33b03d0 100644
--- a/docs/src/pages/components/MultiSelect.svx
+++ b/docs/src/pages/components/MultiSelect.svx
@@ -37,7 +37,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="{() => {}}"
   />
 
@@ -58,7 +58,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
@@ -140,9 +140,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 ad3464af..550536a2 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 c27b91db..388af2fe 100644
--- a/types/MultiSelect/MultiSelect.svelte.d.ts
+++ b/types/MultiSelect/MultiSelect.svelte.d.ts
@@ -53,7 +53,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
diff --git a/types/Tile/ExpandableTile.svelte.d.ts b/types/Tile/ExpandableTile.svelte.d.ts
index da481e8d..01c6dd58 100644
--- a/types/Tile/ExpandableTile.svelte.d.ts
+++ b/types/Tile/ExpandableTile.svelte.d.ts
@@ -40,6 +40,18 @@ export interface ExpandableTileProps extends RestProps {
    */
   tileExpandedIconText?: string;
 
+  /**
+   * Specify the icon label of the expanded tile
+   * @default ""
+   */
+  tileExpandedLabel?: string;
+
+  /**
+   * Specify the icon label of the collapsed tile
+   * @default ""
+   */
+  tileCollapsedLabel?: string;
+
   /**
    * Specify the tabindex
    * @default "0"