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}
- {#if readonly}
-
- {:else}
+ {#if !readonly}
{#if invalid}
{/if}
diff --git a/types/NumberInput/NumberInput.svelte.d.ts b/types/NumberInput/NumberInput.svelte.d.ts
index 4d3200a1..21516316 100644
--- a/types/NumberInput/NumberInput.svelte.d.ts
+++ b/types/NumberInput/NumberInput.svelte.d.ts
@@ -10,7 +10,7 @@ export interface NumberInputProps extends RestProps {
* Set the size of the input
* @default undefined
*/
- size?: "sm" | "xl";
+ size?: "sm" | "lg";
/**
* Specify the input value.