From baf33c05052fe5e295f07ed8d167ecd3638ff0b5 Mon Sep 17 00:00:00 2001
From: Gregor Wassmann <gregor.wassmann@gmail.com>
Date: Sun, 2 Apr 2023 22:12:21 +0200
Subject: [PATCH] chore: v11 Accordion

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/Accordion.svx | 4 ++--
 src/Accordion/Accordion.svelte          | 4 ++--
 tests/Accordion.test.svelte             | 4 ++--
 types/Accordion/Accordion.svelte.d.ts   | 2 +-
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 72cee35d..c2630a84 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -177,7 +177,7 @@
 | Prop name | Required | Kind             | Reactive | Type                              | Default value          | Description                                      |
 | :-------- | :------- | :--------------- | :------- | --------------------------------- | ---------------------- | ------------------------------------------------ |
 | align     | No       | <code>let</code> | No       | <code>"start" &#124; "end"</code> | <code>"end"</code>     | Specify alignment of accordion item chevron icon |
-| size      | No       | <code>let</code> | No       | <code>"sm" &#124; "xl"</code>     | <code>undefined</code> | Specify the size of the accordion                |
+| size      | No       | <code>let</code> | No       | <code>"sm" &#124; "lg"</code>     | <code>undefined</code> | Specify the size of the accordion                |
 | disabled  | No       | <code>let</code> | No       | <code>boolean</code>              | <code>false</code>     | Set to `true` to disable the accordion           |
 | skeleton  | No       | <code>let</code> | No       | <code>boolean</code>              | <code>false</code>     | Set to `true` to display the skeleton state      |
 
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 413b0699..2337f25a 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -21,7 +21,7 @@
           "name": "size",
           "kind": "let",
           "description": "Specify the size of the accordion",
-          "type": "\"sm\" | \"xl\"",
+          "type": "\"sm\" | \"lg\"",
           "isFunction": false,
           "isFunctionDeclaration": false,
           "isRequired": false,
diff --git a/docs/src/pages/components/Accordion.svx b/docs/src/pages/components/Accordion.svx
index 183b4cbb..62f5ec90 100644
--- a/docs/src/pages/components/Accordion.svx
+++ b/docs/src/pages/components/Accordion.svx
@@ -88,9 +88,9 @@ This example demonstrates how a list of items can be programmatically expanded a
 
 <FileSource src="/framed/Accordion/ExpandableAccordion" />
 
-## Extra-large size
+## Large size
 
-<Accordion size="xl">
+<Accordion size="lg">
   <AccordionItem title="Natural Language Classifier">
    <p>Natural Language Classifier uses advanced natural language processing and machine learning techniques to create custom classification models. Users train their data and the service predicts the appropriate category for the inputted text.
    </p>
diff --git a/src/Accordion/Accordion.svelte b/src/Accordion/Accordion.svelte
index c879cd04..785b0163 100644
--- a/src/Accordion/Accordion.svelte
+++ b/src/Accordion/Accordion.svelte
@@ -9,7 +9,7 @@
 
   /**
    * Specify the size of the accordion
-   * @type {"sm" | "xl"}
+   * @type {"sm" | "lg"}
    */
   export let size = undefined;
 
@@ -48,7 +48,7 @@
     class:bx--accordion--start="{align === 'start'}"
     class:bx--accordion--end="{align === 'end'}"
     class:bx--accordion--sm="{size === 'sm'}"
-    class:bx--accordion--xl="{size === 'xl'}"
+    class:bx--accordion--lg="{size === 'lg' || size === 'xl'}"
     {...$$restProps}
     on:click
     on:mouseover
diff --git a/tests/Accordion.test.svelte b/tests/Accordion.test.svelte
index 53b649a1..eee32913 100644
--- a/tests/Accordion.test.svelte
+++ b/tests/Accordion.test.svelte
@@ -110,7 +110,7 @@
   </AccordionItem>
 </Accordion>
 
-<Accordion size="xl">
+<Accordion size="lg">
   <AccordionItem title="Natural Language Classifier">
     <p>
       Natural Language Classifier uses advanced natural language processing and
@@ -214,6 +214,6 @@
 
 <Accordion skeleton open="{false}" />
 
-<Accordion skeleton size="xl" />
+<Accordion skeleton size="lg" />
 
 <Accordion skeleton size="sm" />
diff --git a/types/Accordion/Accordion.svelte.d.ts b/types/Accordion/Accordion.svelte.d.ts
index 3d97910e..bcb8d38f 100644
--- a/types/Accordion/Accordion.svelte.d.ts
+++ b/types/Accordion/Accordion.svelte.d.ts
@@ -12,7 +12,7 @@ export interface AccordionProps extends AccordionSkeletonProps {
    * Specify the size of the accordion
    * @default undefined
    */
-  size?: "sm" | "xl";
+  size?: "sm" | "lg";
 
   /**
    * Set to `true` to disable the accordion