diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index da6dd1b0..62069a2a 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -2486,7 +2486,7 @@ export type NumberInputTranslationId = "increment" | "decrement"; | :-------------- | :------- | :----------------- | :------- | --------------------------------------------------------------- | ---------------------------------------------------------------- | ------------------------------------------------------------- | | ref | No | let | Yes | null | HTMLInputElement | null | Obtain a reference to the input HTML element | | value | No | let | Yes | null | number | null | Specify the input value.
Use `null` to denote "no value" | -| size | No | let | No | "sm" | "xl" | undefined | Set the size of the input | +| size | No | let | No | "sm" | "lg" | undefined | Set the size of the input | | step | No | let | No | number | 1 | Specify the step increment | | max | No | let | No | number | undefined | Specify the maximum value | | min | No | let | No | number | undefined | Specify the minimum value | diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 293d9f5b..815a1eaa 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -7556,7 +7556,7 @@ "name": "size", "kind": "let", "description": "Set the size of the input", - "type": "\"sm\" | \"xl\"", + "type": "\"sm\" | \"lg\"", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, diff --git a/docs/src/pages/components/NumberInput.svx b/docs/src/pages/components/NumberInput.svx index 7c4c7317..e0622d85 100644 --- a/docs/src/pages/components/NumberInput.svx +++ b/docs/src/pages/components/NumberInput.svx @@ -51,9 +51,9 @@ Set `value` to `null` to denote "no value." -## Extra-large size +## Large size - + ## Small size diff --git a/src/NumberInput/NumberInput.svelte b/src/NumberInput/NumberInput.svelte index 59009775..ff226977 100644 --- a/src/NumberInput/NumberInput.svelte +++ b/src/NumberInput/NumberInput.svelte @@ -7,7 +7,7 @@ /** * Set the size of the input - * @type {"sm" | "xl"} + * @type {"sm" | "lg"} */ export let size = undefined; @@ -171,7 +171,7 @@ class:bx--number--nolabel="{hideLabel}" class:bx--number--nosteppers="{hideSteppers}" class:bx--number--sm="{size === 'sm'}" - class:bx--number--xl="{size === 'xl'}" + class:bx--number--lg="{size === 'lg' || size === 'xl'}" > {#if $$slots.label || label}