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.