mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

hotfix(text-input): correct JSDoc, aria-describedby in warn state

Browse source
This commit is contained in:
josefaidt 2020-09-22 12:25:33 -05:00
commit 8c1b78a16b
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/TextInput/TextInput.svelte
View file

@ -85,7 +85,7 @@
/** /**
* Specify the warning state text * Specify the warning state text
* @type {string} [invalidText=""] * @type {string} [warnText=""]
*/ */
export let warnText = ""; export let warnText = "";
@ -141,7 +141,8 @@
bind:this="{ref}" bind:this="{ref}"
data-invalid="{invalid || undefined}" data-invalid="{invalid || undefined}"
aria-invalid="{invalid || undefined}" aria-invalid="{invalid || undefined}"
aria-describedby="{invalid ? errorId : undefined}" data-warn="{warn || undefined}"
aria-describedby="{invalid ? errorId : warn ? warnId : undefined}"
disabled="{disabled}" disabled="{disabled}"
id="{id}" id="{id}"
name="{name}" name="{name}"
@ -152,6 +153,7 @@
class:bx--text-input="{true}" class:bx--text-input="{true}"
class:bx--text-input--light="{light}" class:bx--text-input--light="{light}"
class:bx--text-input--invalid="{invalid}" class:bx--text-input--invalid="{invalid}"
class:bx--text-input--warn="{warn}"
class="{size && `bx--text-input--${size}`}" class="{size && `bx--text-input--${size}`}"
on:change on:change
on:input on:input
@ -162,7 +164,7 @@
on:focus on:focus
on:blur /> on:blur />
</div> </div>
{#if !invalid && helperText} {#if !invalid && !warn && helperText}
<div <div
class:bx--form__helper-text="{true}" class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}"> class:bx--form__helper-text--disabled="{disabled}">