From 8cf61bd0f73c051f74274cf3a1aff0596b4f06c6 Mon Sep 17 00:00:00 2001 From: Gregor Wassmann Date: Sun, 26 Mar 2023 23:02:25 +0200 Subject: [PATCH] chore: v11 ComboBox Size `xl` changed to `lg`. For better compatibility with existing codebases size `xl` is still supported. --- COMPONENT_INDEX.md | 4 ++-- docs/src/COMPONENT_API.json | 4 ++-- docs/src/pages/components/ComboBox.svx | 4 ++-- src/ComboBox/ComboBox.svelte | 2 +- src/ListBox/ListBox.svelte | 4 ++-- tests/ComboBox.test.svelte | 2 +- types/ComboBox/ComboBox.svelte.d.ts | 2 +- types/ListBox/ListBox.svelte.d.ts | 2 +- 8 files changed, 12 insertions(+), 12 deletions(-) diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index a21fd897..efb15a50 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" | "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 | @@ -1991,7 +1991,7 @@ None. | Prop name | Required | Kind | Reactive | Type | Default value | Description | | :---------- | :------- | :--------------- | :------- | -------------------------------------- | ---------------------- | ------------------------------------------ | -| size | No | let | No | "sm" | "xl" | undefined | Set the size of the list box | +| size | No | let | No | "sm" | "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 | diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index ee114673..5c3cd258 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\" | \"lg\" ", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -5863,7 +5863,7 @@ "name": "size", "kind": "let", "description": "Set the size of the list box", - "type": "\"sm\" | \"xl\"", + "type": "\"sm\" | \"lg\" ", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, diff --git a/docs/src/pages/components/ComboBox.svx b/docs/src/pages/components/ComboBox.svx index 559b4127..f0a4defb 100644 --- a/docs/src/pages/components/ComboBox.svx +++ b/docs/src/pages/components/ComboBox.svx @@ -80,10 +80,10 @@ items={[ {id: "2", text: "Fax"} ]} /> -## Extra-large size +## Large size /** * Set the size of the list box - * @type {"sm" | "xl"} + * @type {"sm" | "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' || size === 'xl'}" class:bx--list-box--inline="{type === 'inline'}" class:bx--list-box--disabled="{disabled}" class:bx--list-box--expanded="{open}" diff --git a/tests/ComboBox.test.svelte b/tests/ComboBox.test.svelte index 8f1a610d..7a71d04c 100644 --- a/tests/ComboBox.test.svelte +++ b/tests/ComboBox.test.svelte @@ -55,7 +55,7 @@ diff --git a/types/ComboBox/ComboBox.svelte.d.ts b/types/ComboBox/ComboBox.svelte.d.ts index c147e3ff..794fe12b 100644 --- a/types/ComboBox/ComboBox.svelte.d.ts +++ b/types/ComboBox/ComboBox.svelte.d.ts @@ -46,7 +46,7 @@ export interface ComboBoxProps extends RestProps { * Set the size of the combobox * @default undefined */ - size?: "sm" | "xl"; + size?: "sm" | "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 247ef238..5b0e74c4 100644 --- a/types/ListBox/ListBox.svelte.d.ts +++ b/types/ListBox/ListBox.svelte.d.ts @@ -8,7 +8,7 @@ export interface ListBoxProps extends RestProps { * Set the size of the list box * @default undefined */ - size?: "sm" | "xl"; + size?: "sm" | "lg"; /** * Set the type of the list box