From 3ae9ee55a463d3bad36fd3cecf4c00c727e6eebc Mon Sep 17 00:00:00 2001 From: Gregor Wassmann Date: Sun, 26 Mar 2023 23:02:25 +0200 Subject: [PATCH] chore(components): v11 ComboBox --- COMPONENT_INDEX.md | 24 ++++++++++++------------ docs/src/COMPONENT_API.json | 4 ++-- docs/src/pages/components/ComboBox.svx | 2 +- src/ComboBox/ComboBox.svelte | 2 +- src/ListBox/ListBox.svelte | 4 ++-- types/ComboBox/ComboBox.svelte.d.ts | 2 +- types/ListBox/ListBox.svelte.d.ts | 2 +- 7 files changed, 20 insertions(+), 20 deletions(-) diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index adc03c2d6e..5fb179c80c 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -662,7 +662,7 @@ export interface ComboBoxItem { | items | No | let | No | ReadonlyArray | [] | Set the combobox items | | itemToString | No | let | No | (item: ComboBoxItem) => string | (item) => item.text || item.id | Override the display of a combobox item | | direction | No | let | No | "bottom" | "top" | "bottom" | Specify the direction of the combobox dropdown menu | -| size | No | let | No | "sm" | "xl" | undefined | Set the size of the combobox | +| size | No | let | No | "sm" | "md" | "lg" | undefined | Set the size of the combobox | | disabled | No | let | No | boolean | false | Set to `true` to disable the combobox | | titleText | No | let | No | string | "" | Specify the title text of the combobox | | placeholder | No | let | No | string | "" | Specify the placeholder text | @@ -1977,17 +1977,17 @@ None. ### Props -| Prop name | Required | Kind | Reactive | Type | Default value | Description | -| :---------- | :------- | :--------------- | :------- | -------------------------------------- | ---------------------- | ------------------------------------------ | -| size | No | let | No | "sm" | "xl" | undefined | Set the size of the list box | -| type | No | let | No | "default" | "inline" | "default" | Set the type of the list box | -| open | No | let | No | boolean | false | Set to `true` to open the list box | -| light | No | let | No | boolean | false | Set to `true` to enable the light variant | -| disabled | No | let | No | boolean | false | Set to `true` to disable the list box | -| invalid | No | let | No | boolean | false | Set to `true` to indicate an invalid state | -| invalidText | No | let | No | string | "" | Specify the invalid state text | -| warn | No | let | No | boolean | false | Set to `true` to indicate an warning state | -| warnText | No | let | No | string | "" | Specify the warning state text | +| Prop name | Required | Kind | Reactive | Type | Default value | Description | +| :---------- | :------- | :--------------- | :------- | ------------------------------------------ | ---------------------- | ------------------------------------------ | +| size | No | let | No | "sm" | "md" | "lg" | undefined | Set the size of the list box | +| type | No | let | No | "default" | "inline" | "default" | Set the type of the list box | +| open | No | let | No | boolean | false | Set to `true` to open the list box | +| light | No | let | No | boolean | false | Set to `true` to enable the light variant | +| disabled | No | let | No | boolean | false | Set to `true` to disable the list box | +| invalid | No | let | No | boolean | false | Set to `true` to indicate an invalid state | +| invalidText | No | let | No | string | "" | Specify the invalid state text | +| warn | No | let | No | boolean | false | Set to `true` to indicate an warning state | +| warnText | No | let | No | string | "" | Specify the warning state text | ### Slots diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index e2f993ea0a..7f68303b3c 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -1515,7 +1515,7 @@ "name": "size", "kind": "let", "description": "Set the size of the combobox", - "type": "\"sm\" | \"xl\"", + "type": "\"sm\" | \"md\" | \"lg\" ", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -5795,7 +5795,7 @@ "name": "size", "kind": "let", "description": "Set the size of the list box", - "type": "\"sm\" | \"xl\"", + "type": "\"sm\" | \"md\" | \"lg\" ", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, diff --git a/docs/src/pages/components/ComboBox.svx b/docs/src/pages/components/ComboBox.svx index 559b4127c1..5089c94ca9 100644 --- a/docs/src/pages/components/ComboBox.svx +++ b/docs/src/pages/components/ComboBox.svx @@ -83,7 +83,7 @@ items={[ ## Extra-large size /** * Set the size of the list box - * @type {"sm" | "xl"} + * @type {"sm" | "md" | "lg" } */ export let size = undefined; @@ -39,7 +39,7 @@ data-invalid="{invalid || undefined}" class:bx--list-box="{true}" class:bx--list-box--sm="{size === 'sm'}" - class:bx--list-box--xl="{size === 'xl'}" + class:bx--list-box--lg="{size === 'lg'}" class:bx--list-box--inline="{type === 'inline'}" class:bx--list-box--disabled="{disabled}" class:bx--list-box--expanded="{open}" diff --git a/types/ComboBox/ComboBox.svelte.d.ts b/types/ComboBox/ComboBox.svelte.d.ts index 97361ff7ab..4629e48f3d 100644 --- a/types/ComboBox/ComboBox.svelte.d.ts +++ b/types/ComboBox/ComboBox.svelte.d.ts @@ -45,7 +45,7 @@ export interface ComboBoxProps * Set the size of the combobox * @default undefined */ - size?: "sm" | "xl"; + size?: "sm" | "md" | "lg"; /** * Set to `true` to disable the combobox diff --git a/types/ListBox/ListBox.svelte.d.ts b/types/ListBox/ListBox.svelte.d.ts index 2fc23a1a3f..c7cff241d4 100644 --- a/types/ListBox/ListBox.svelte.d.ts +++ b/types/ListBox/ListBox.svelte.d.ts @@ -7,7 +7,7 @@ export interface ListBoxProps * Set the size of the list box * @default undefined */ - size?: "sm" | "xl"; + size?: "sm" | "md" | "lg"; /** * Set the type of the list box