Skip to content

Commit e4196e4

Browse files
gregorwgregorw
committed
chore(components): v11 ComboBox
1 parent 201f534 commit e4196e4

File tree

7 files changed

+20
-20
lines changed

7 files changed

+20
-20
lines changed

‎COMPONENT_INDEX.md

+12-12
Original file line numberDiff line numberDiff line change
@@ -662,7 +662,7 @@ export interface ComboBoxItem {
662662
| items | No | <code>let</code> | No | <code>ReadonlyArray<ComboBoxItem></code> | <code>[]</code> | Set the combobox items |
663663
| itemToString | No | <code>let</code> | No | <code>(item: ComboBoxItem) => string</code> | <code>(item) => item.text &#124;&#124; item.id</code> | Override the display of a combobox item |
664664
| direction | No | <code>let</code> | No | <code>"bottom" &#124; "top"</code> | <code>"bottom"</code> | Specify the direction of the combobox dropdown menu |
665-
| size | No | <code>let</code> | No | <code>"sm" &#124; "xl"</code> | <code>undefined</code> | Set the size of the combobox |
665+
| size | No | <code>let</code> | No | <code>"sm" &#124; "md" &#124; "lg" </code> | <code>undefined</code> | Set the size of the combobox |
666666
| disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the combobox |
667667
| titleText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the title text of the combobox |
668668
| placeholder | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the placeholder text |
@@ -1977,17 +1977,17 @@ None.
19771977

19781978
### Props
19791979

1980-
| Prop name | Required | Kind | Reactive | Type | Default value | Description |
1981-
| :---------- | :------- | :--------------- | :------- | -------------------------------------- | ---------------------- | ------------------------------------------ |
1982-
| size | No | <code>let</code> | No | <code>"sm" &#124; "xl"</code> | <code>undefined</code> | Set the size of the list box |
1983-
| type | No | <code>let</code> | No | <code>"default" &#124; "inline"</code> | <code>"default"</code> | Set the type of the list box |
1984-
| open | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to open the list box |
1985-
| light | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the light variant |
1986-
| disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the list box |
1987-
| invalid | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to indicate an invalid state |
1988-
| invalidText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the invalid state text |
1989-
| warn | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to indicate an warning state |
1990-
| warnText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the warning state text |
1980+
| Prop name | Required | Kind | Reactive | Type | Default value | Description |
1981+
| :---------- | :------- | :--------------- | :------- | ------------------------------------------ | ---------------------- | ------------------------------------------ |
1982+
| size | No | <code>let</code> | No | <code>"sm" &#124; "md" &#124; "lg" </code> | <code>undefined</code> | Set the size of the list box |
1983+
| type | No | <code>let</code> | No | <code>"default" &#124; "inline"</code> | <code>"default"</code> | Set the type of the list box |
1984+
| open | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to open the list box |
1985+
| light | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the light variant |
1986+
| disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the list box |
1987+
| invalid | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to indicate an invalid state |
1988+
| invalidText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the invalid state text |
1989+
| warn | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to indicate an warning state |
1990+
| warnText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the warning state text |
19911991

19921992
### Slots
19931993

‎docs/src/COMPONENT_API.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -1515,7 +1515,7 @@
15151515
"name": "size",
15161516
"kind": "let",
15171517
"description": "Set the size of the combobox",
1518-
"type": "\"sm\" | \"xl\"",
1518+
"type": "\"sm\" | \"md\" | \"lg\" ",
15191519
"isFunction": false,
15201520
"isFunctionDeclaration": false,
15211521
"isRequired": false,
@@ -5795,7 +5795,7 @@
57955795
"name": "size",
57965796
"kind": "let",
57975797
"description": "Set the size of the list box",
5798-
"type": "\"sm\" | \"xl\"",
5798+
"type": "\"sm\" | \"md\" | \"lg\" ",
57995799
"isFunction": false,
58005800
"isFunctionDeclaration": false,
58015801
"isRequired": false,

‎docs/src/pages/components/ComboBox.svx

+1-1
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ items={[
8383
## Extra-large size
8484

8585
<ComboBox titleText="Contact" placeholder="Select contact method"
86-
size="xl"
86+
size="lg"
8787
items={[
8888
{id: "0", text: "Slack"},
8989
{id: "1", text: "Email"},

‎src/ComboBox/ComboBox.svelte

+1-1
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535
3636
/**
3737
* Set the size of the combobox
38-
* @type {"sm" | "xl"}
38+
* @type {"sm" | "md" | "lg" }
3939
*/
4040
export let size = undefined;
4141

‎src/ListBox/ListBox.svelte

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<script>
22
/**
33
* Set the size of the list box
4-
* @type {"sm" | "xl"}
4+
* @type {"sm" | "md" | "lg" }
55
*/
66
export let size = undefined;
77
@@ -39,7 +39,7 @@
3939
data-invalid="{invalid || undefined}"
4040
class:bx--list-box="{true}"
4141
class:bx--list-box--sm="{size === 'sm'}"
42-
class:bx--list-box--xl="{size === 'xl'}"
42+
class:bx--list-box--lg="{size === 'lg'}"
4343
class:bx--list-box--inline="{type === 'inline'}"
4444
class:bx--list-box--disabled="{disabled}"
4545
class:bx--list-box--expanded="{open}"

‎types/ComboBox/ComboBox.svelte.d.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ export interface ComboBoxProps
4545
* Set the size of the combobox
4646
* @default undefined
4747
*/
48-
size?: "sm" | "xl";
48+
size?: "sm" | "md" | "lg";
4949

5050
/**
5151
* Set to `true` to disable the combobox

‎types/ListBox/ListBox.svelte.d.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ export interface ListBoxProps
77
* Set the size of the list box
88
* @default undefined
99
*/
10-
size?: "sm" | "xl";
10+
size?: "sm" | "md" | "lg";
1111

1212
/**
1313
* Set the type of the list box

0 commit comments

Comments
 (0)