diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index ea222df9..a886f15d 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -4113,7 +4113,7 @@ None.
| :---------- | :------- | :--------------- | :------- | --------------------------------------------- | ------------------------------------------------ | --------------------------------------------------------------------------------------------------------------- |
| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
| value | No | let
| Yes | null | number | string
| ""
| Specify the input value.
`value` will be set to `null` if type="number"
and the value is empty. |
-| 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 |
| placeholder | No | let
| No | string
| ""
| Specify the placeholder text |
| 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 input |
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 163823f2..33ae71f0 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -12676,7 +12676,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/TextInput.svx b/docs/src/pages/components/TextInput.svx
index f3d047de..e624a225 100644
--- a/docs/src/pages/components/TextInput.svx
+++ b/docs/src/pages/components/TextInput.svx
@@ -31,9 +31,9 @@ components: ["TextInput", "TextInputSkeleton"]
-## Extra-large size
+## Large size
-
+
## Small size
diff --git a/src/TextInput/TextInput.svelte b/src/TextInput/TextInput.svelte
index 3ac15ae8..fb574ef4 100644
--- a/src/TextInput/TextInput.svelte
+++ b/src/TextInput/TextInput.svelte
@@ -6,7 +6,7 @@
/**
* Set the size of the input
- * @type {"sm" | "xl"}
+ * @type {"sm" | "lg"}
*/
export let size = undefined;
@@ -125,7 +125,7 @@
class:bx--label--disabled="{disabled}"
class:bx--label--inline="{inline}"
class:bx--label--inline--sm="{size === 'sm'}"
- class:bx--label--inline--xl="{size === 'xl'}"
+ class:bx--label--inline--lg="{size === 'lg' || size === 'xl'}"
>
{labelText}
@@ -168,9 +168,7 @@
class:bx--text-input__field-wrapper="{true}"
class:bx--text-input__field-wrapper--warning="{!invalid && warn}"
>
- {#if readonly}
-
- {:else}
+ {#if !readonly}
{#if invalid}
{/if}
@@ -205,7 +203,7 @@
class:bx--text-input--invalid="{error}"
class:bx--text-input--warning="{warn}"
class:bx--text-input--sm="{size === 'sm'}"
- class:bx--text-input--xl="{size === 'xl'}"
+ class:bx--text-input--lg="{size === 'lg' || size === 'xl'}"
{...$$restProps}
on:change="{onChange}"
on:input="{onInput}"
diff --git a/tests/TextInput.test.svelte b/tests/TextInput.test.svelte
index 940c23fa..e9f77639 100644
--- a/tests/TextInput.test.svelte
+++ b/tests/TextInput.test.svelte
@@ -26,7 +26,7 @@
-
+
diff --git a/types/TextInput/TextInput.svelte.d.ts b/types/TextInput/TextInput.svelte.d.ts
index adf50d70..e42bfaf6 100644
--- a/types/TextInput/TextInput.svelte.d.ts
+++ b/types/TextInput/TextInput.svelte.d.ts
@@ -8,7 +8,7 @@ export interface TextInputProps extends RestProps {
* Set the size of the input
* @default undefined
*/
- size?: "sm" | "xl";
+ size?: "sm" | "lg";
/**
* Specify the input value.