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 | let | No | "start" | "end" | "end" | Specify alignment of accordion item chevron icon | -| size | No | let | No | "sm" | "xl" | undefined | Specify the size of the accordion | +| size | No | let | No | "sm" | "lg" | undefined | Specify the size of the accordion | | disabled | No | let | No | boolean | false | Set to `true` to disable the accordion | | skeleton | No | let | No | boolean | false | 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 -## Extra-large size +## Large size - +

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.

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 @@
- +

Natural Language Classifier uses advanced natural language processing and @@ -214,6 +214,6 @@ - + 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