From f88896bf25f544ab6c8307b0c91c35f06e59d3d4 Mon Sep 17 00:00:00 2001
From: dominikg <dominik.goepel@gmx.de>
Date: Sat, 12 Mar 2022 22:34:03 +0100
Subject: [PATCH] fix(MultiSelect): use correct type for highlightedId

---
 COMPONENT_INDEX.md                        | 2 +-
 docs/src/COMPONENT_API.json               | 2 +-
 src/MultiSelect/MultiSelect.svelte        | 2 +-
 types/MultiSelect/MultiSelect.svelte.d.ts | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 9eab4f45..ddfb1402 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -2422,7 +2422,7 @@ export interface MultiSelectItem {
 
 | Prop name         | Kind             | Reactive | Type                                                                                           | Default value                                                                              | Description                                                                           |
 | :---------------- | :--------------- | :------- | :--------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------- |
-| highlightedId     | <code>let</code> | Yes      | <code>null &#124; string</code>                                                                | <code>null</code>                                                                          | Id of the highlighted ListBoxMenuItem                                                 |
+| highlightedId     | <code>let</code> | Yes      | <code>null &#124; MultiSelectItemId</code>                                                     | <code>null</code>                                                                          | Id of the highlighted ListBoxMenuItem                                                 |
 | selectionRef      | <code>let</code> | Yes      | <code>null &#124; HTMLDivElement</code>                                                        | <code>null</code>                                                                          | Obtain a reference to the selection element                                           |
 | fieldRef          | <code>let</code> | Yes      | <code>null &#124; HTMLDivElement</code>                                                        | <code>null</code>                                                                          | Obtain a reference to the field box element                                           |
 | multiSelectRef    | <code>let</code> | Yes      | <code>null &#124; HTMLDivElement</code>                                                        | <code>null</code>                                                                          | Obtain a reference to the outer div element                                           |
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 3035988a..6f0a619b 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -6809,7 +6809,7 @@
           "name": "highlightedId",
           "kind": "let",
           "description": "Id of the highlighted ListBoxMenuItem",
-          "type": "null | string",
+          "type": "null | MultiSelectItemId",
           "value": "null",
           "isFunction": false,
           "isFunctionDeclaration": false,
diff --git a/src/MultiSelect/MultiSelect.svelte b/src/MultiSelect/MultiSelect.svelte
index a9ab55bb..87e06e55 100644
--- a/src/MultiSelect/MultiSelect.svelte
+++ b/src/MultiSelect/MultiSelect.svelte
@@ -158,7 +158,7 @@
 
   /**
    * Id of the highlighted ListBoxMenuItem
-   * @type {null | string}
+   * @type {null | MultiSelectItemId}
    */
   export let highlightedId = null;
 
diff --git a/types/MultiSelect/MultiSelect.svelte.d.ts b/types/MultiSelect/MultiSelect.svelte.d.ts
index ff9f86e9..dd4e900d 100644
--- a/types/MultiSelect/MultiSelect.svelte.d.ts
+++ b/types/MultiSelect/MultiSelect.svelte.d.ts
@@ -222,7 +222,7 @@ export interface MultiSelectProps
    * Id of the highlighted ListBoxMenuItem
    * @default null
    */
-  highlightedId?: null | string;
+  highlightedId?: null | MultiSelectItemId;
 }
 
 export default class MultiSelect extends SvelteComponentTyped<