mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 11:36:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: v11 Accordion

Browse source 
Size `xl` changed to `lg`. For better compatibility with existing codebases size `xl` is still supported.
This commit is contained in:
Gregor Wassmann 2023-04-02 22:12:21 +02:00
commit baf33c0505
6 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
COMPONENT_INDEX.md
View file

@ -177,7 +177,7 @@
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | 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 | | 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 | | 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 | | skeleton | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to display the skeleton state |

2
docs/src/COMPONENT_API.json
View file

@ -21,7 +21,7 @@
"name": "size", "name": "size",
"kind": "let", "kind": "let",
"description": "Specify the size of the accordion", "description": "Specify the size of the accordion",
"type": "\"sm\" | \"xl\"", "type": "\"sm\" | \"lg\"",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,

4
docs/src/pages/components/Accordion.svx
View file

@ -88,9 +88,9 @@ This example demonstrates how a list of items can be programmatically expanded a
<FileSource src="/framed/Accordion/ExpandableAccordion" /> <FileSource src="/framed/Accordion/ExpandableAccordion" />
## Extra-large size ## Large size
<Accordion size="xl"> <Accordion size="lg">
<AccordionItem title="Natural Language Classifier"> <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>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> </p>

4
src/Accordion/Accordion.svelte
View file

@ -9,7 +9,7 @@
/** /**
* Specify the size of the accordion * Specify the size of the accordion
* @type {"sm" | "xl"} * @type {"sm" | "lg"}
*/ */
export let size = undefined; export let size = undefined;
@ -48,7 +48,7 @@
class:bx--accordion--start="{align === 'start'}" class:bx--accordion--start="{align === 'start'}"
class:bx--accordion--end="{align === 'end'}" class:bx--accordion--end="{align === 'end'}"
class:bx--accordion--sm="{size === 'sm'}" class:bx--accordion--sm="{size === 'sm'}"
class:bx--accordion--xl="{size === 'xl'}" class:bx--accordion--lg="{size === 'lg' || size === 'xl'}"
{...$$restProps} {...$$restProps}
on:click on:click
on:mouseover on:mouseover

4
tests/Accordion.test.svelte
View file

@ -110,7 +110,7 @@
</AccordionItem> </AccordionItem>
</Accordion> </Accordion>
<Accordion size="xl"> <Accordion size="lg">
<AccordionItem title="Natural Language Classifier"> <AccordionItem title="Natural Language Classifier">
<p> <p>
Natural Language Classifier uses advanced natural language processing and Natural Language Classifier uses advanced natural language processing and
@ -214,6 +214,6 @@
<Accordion skeleton open="{false}" /> <Accordion skeleton open="{false}" />
<Accordion skeleton size="xl" /> <Accordion skeleton size="lg" />
<Accordion skeleton size="sm" /> <Accordion skeleton size="sm" />

2
types/Accordion/Accordion.svelte.d.ts vendored
View file

@ -12,7 +12,7 @@ export interface AccordionProps extends AccordionSkeletonProps {
* Specify the size of the accordion * Specify the size of the accordion
* @default undefined * @default undefined
*/ */
size?: "sm" | "xl"; size?: "sm" | "lg";
/** /**
* Set to `true` to disable the accordion * Set to `true` to disable the accordion