diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 45584679..b2143d09 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -1163,7 +1163,7 @@ export interface DropdownItem { | itemToString | No | let | No | (item: DropdownItem) => string | (item) => item.text || item.id | Override the display of a dropdown item | | type | No | let | No | "default" | "inline" | "default" | Specify the type of dropdown | | direction | No | let | No | "bottom" | "top" | "bottom" | Specify the direction of the dropdown menu | -| size | No | let | No | "sm" | "lg" | "xl" | undefined | Specify the size of the dropdown field | +| size | No | let | No | "sm" | "lg" | undefined | Specify the size of the dropdown field | | 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 dropdown | | titleText | No | let | No | string | "" | Specify the title text | diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 73fadc86..b0e5ab57 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -3318,7 +3318,7 @@ "name": "size", "kind": "let", "description": "Specify the size of the dropdown field", - "type": "\"sm\" | \"lg\" | \"xl\"", + "type": "\"sm\" | \"lg\" ", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, diff --git a/docs/src/pages/components/Dropdown.svx b/docs/src/pages/components/Dropdown.svx index 477fcce9..561723bd 100644 --- a/docs/src/pages/components/Dropdown.svx +++ b/docs/src/pages/components/Dropdown.svx @@ -65,9 +65,9 @@ Set `direction` to `"top"` for the dropdown menu to appear above the input. {id: "1", text: "Email"}, {id: "2", text: "Fax"}]}" /> -## Extra-large size +## Large size - diff --git a/src/Dropdown/Dropdown.svelte b/src/Dropdown/Dropdown.svelte index 8567d0c3..087eb3a4 100644 --- a/src/Dropdown/Dropdown.svelte +++ b/src/Dropdown/Dropdown.svelte @@ -39,7 +39,7 @@ /** * Specify the size of the dropdown field - * @type {"sm" | "lg" | "xl"} + * @type {"sm" | "lg" } */ export let size = undefined; @@ -197,13 +197,13 @@ size="{size}" name="{name}" aria-label="{$$props['aria-label']}" - class="bx--dropdown - {direction === 'top' && 'bx--list-box--up'} - {invalid && 'bx--dropdown--invalid'} - {!invalid && warn && 'bx--dropdown--warning'} + class="bx--dropdown + {direction === 'top' && 'bx--list-box--up'} + {invalid && 'bx--dropdown--invalid'} + {!invalid && warn && 'bx--dropdown--warning'} {open && 'bx--dropdown--open'} {size === 'sm' && 'bx--dropdown--sm'} - {size === 'xl' && 'bx--dropdown--xl'} + {(size === 'lg' || size === 'xl') && 'bx--dropdown--lg'} {inline && 'bx--dropdown--inline'} {disabled && 'bx--dropdown--disabled'} {light && 'bx--dropdown--light'}" diff --git a/tests/Dropdown.test.svelte b/tests/Dropdown.test.svelte index b0ad3251..7404a450 100644 --- a/tests/Dropdown.test.svelte +++ b/tests/Dropdown.test.svelte @@ -82,7 +82,7 @@ />