mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-19 11:59:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: v11 TextInput

Browse source 
Size `xl` changed to `lg`. For better compatibility with existing codebases size `xl` is still supported.
This commit is contained in:
Gregor Wassmann 2023-03-31 20:13:24 +02:00
commit 6c39298911
6 changed files with 10 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/TextInput/TextInput.svelte
View file

@ -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'}"
>
<slot name="labelText">
{labelText}
@ -168,9 +168,7 @@
class:bx--text-input__field-wrapper="{true}"
class:bx--text-input__field-wrapper--warning="{!invalid && warn}"
>
{#if readonly}
<EditOff class="bx--text-input__readonly-icon" />
{:else}
{#if !readonly}
{#if invalid}
<WarningFilled class="bx--text-input__invalid-icon" />
{/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}"