From 70f88458859febedf4434de9c8786bf1d2f5f33a Mon Sep 17 00:00:00 2001
From: Gregor Wassmann <gregor.wassmann@gmail.com>
Date: Tue, 28 Mar 2023 20:58:39 +0200
Subject: [PATCH] chore: v11 OverflowMenu

Size `xl` changed to `lg`. For better compatibility with existing codebases size `xl` is still supported.
---
 COMPONENT_INDEX.md                          | 2 +-
 docs/src/COMPONENT_API.json                 | 2 +-
 docs/src/pages/components/OverflowMenu.svx  | 2 +-
 src/OverflowMenu/OverflowMenu.svelte        | 6 +++---
 tests/OverflowMenu.test.svelte              | 2 +-
 types/OverflowMenu/OverflowMenu.svelte.d.ts | 2 +-
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 62069a2a..b91548bb 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -2607,7 +2607,7 @@ None.
 | buttonRef        | No       | <code>let</code> | Yes      | <code>null &#124; HTMLButtonElement</code>                | <code>null</code>                                | Obtain a reference to the trigger button element                              |
 | icon             | No       | <code>let</code> | Yes      | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code>                           | Specify the icon to render.<br />Defaults to `&lt;OverflowMenuVertical /&gt;` |
 | open             | No       | <code>let</code> | Yes      | <code>boolean</code>                                      | <code>false</code>                               | Set to `true` to open the menu                                                |
-| size             | No       | <code>let</code> | No       | <code>"sm" &#124; "xl"</code>                             | <code>undefined</code>                           | Specify the size of the overflow menu                                         |
+| size             | No       | <code>let</code> | No       | <code>"sm" &#124; "lg"</code>                             | <code>undefined</code>                           | Specify the size of the overflow menu                                         |
 | direction        | No       | <code>let</code> | No       | <code>"top" &#124; "bottom"</code>                        | <code>"bottom"</code>                            | Specify the direction of the overflow menu relative to the button             |
 | light            | No       | <code>let</code> | No       | <code>boolean</code>                                      | <code>false</code>                               | Set to `true` to enable the light variant                                     |
 | flipped          | No       | <code>let</code> | No       | <code>boolean</code>                                      | <code>false</code>                               | Set to `true` to flip the menu relative to the button                         |
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 815a1eaa..712c0351 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -7960,7 +7960,7 @@
           "name": "size",
           "kind": "let",
           "description": "Specify the size of the overflow menu",
-          "type": "\"sm\" | \"xl\"",
+          "type": "\"sm\" | \"lg\"",
           "isFunction": false,
           "isFunctionDeclaration": false,
           "isRequired": false,
diff --git a/docs/src/pages/components/OverflowMenu.svx b/docs/src/pages/components/OverflowMenu.svx
index d92f73a9..fb0b4965 100644
--- a/docs/src/pages/components/OverflowMenu.svx
+++ b/docs/src/pages/components/OverflowMenu.svx
@@ -42,7 +42,7 @@ Set `flipped` to `true` for the menu to be positioned to the left of the button.
   <OverflowMenuItem danger text="Delete service" />
 </OverflowMenu>
 
-## Extra-large size
+## Large size
 
 <OverflowMenu size="xl">
   <OverflowMenuItem text="Manage credentials" />
diff --git a/src/OverflowMenu/OverflowMenu.svelte b/src/OverflowMenu/OverflowMenu.svelte
index fbc331fd..8901245a 100644
--- a/src/OverflowMenu/OverflowMenu.svelte
+++ b/src/OverflowMenu/OverflowMenu.svelte
@@ -5,7 +5,7 @@
 
   /**
    * Specify the size of the overflow menu
-   * @type {"sm" | "xl"}
+   * @type {"sm" | "lg"}
    */
   export let size = undefined;
 
@@ -199,7 +199,7 @@
   class:bx--overflow-menu--open="{open}"
   class:bx--overflow-menu--light="{light}"
   class:bx--overflow-menu--sm="{size === 'sm'}"
-  class:bx--overflow-menu--xl="{size === 'xl'}"
+  class:bx--overflow-menu--lg="{size === 'lg' || size === 'xl'}"
   {...$$restProps}
   on:click
   on:click="{({ target }) => {
@@ -254,7 +254,7 @@
       class:bx--overflow-menu-options--open="{open}"
       class:bx--overflow-menu-options--light="{light}"
       class:bx--overflow-menu-options--sm="{size === 'sm'}"
-      class:bx--overflow-menu-options--xl="{size === 'xl'}"
+      class:bx--overflow-menu-options--lg="{size === 'lg' || size === 'xl'}"
       class:bx--breadcrumb-menu-options="{!!ctxBreadcrumbItem}"
       class="{menuOptionsClass}"
     >
diff --git a/tests/OverflowMenu.test.svelte b/tests/OverflowMenu.test.svelte
index b12e1b18..3bb6ad50 100644
--- a/tests/OverflowMenu.test.svelte
+++ b/tests/OverflowMenu.test.svelte
@@ -34,7 +34,7 @@
   <OverflowMenuItem danger text="Delete service" />
 </OverflowMenu>
 
-<OverflowMenu size="xl">
+<OverflowMenu size="lg">
   <OverflowMenuItem text="Manage credentials" />
   <OverflowMenuItem
     href="https://cloud.ibm.com/docs/api-gateway/"
diff --git a/types/OverflowMenu/OverflowMenu.svelte.d.ts b/types/OverflowMenu/OverflowMenu.svelte.d.ts
index 894ca6ca..2fcb410b 100644
--- a/types/OverflowMenu/OverflowMenu.svelte.d.ts
+++ b/types/OverflowMenu/OverflowMenu.svelte.d.ts
@@ -8,7 +8,7 @@ export interface OverflowMenuProps extends RestProps {
    * Specify the size of the overflow menu
    * @default undefined
    */
-  size?: "sm" | "xl";
+  size?: "sm" | "lg";
 
   /**
    * Specify the direction of the overflow menu relative to the button