mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11: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
* @type {string} [invalidText=""]
* @type {string} [warnText=""]
*/
export let warnText = "";
@ -141,7 +141,8 @@
bind:this="{ref}"
data-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}"
id="{id}"
name="{name}"
@ -152,6 +153,7 @@
class:bx--text-input="{true}"
class:bx--text-input--light="{light}"
class:bx--text-input--invalid="{invalid}"
class:bx--text-input--warn="{warn}"
class="{size && `bx--text-input--${size}`}"
on:change
on:input
@ -162,7 +164,7 @@
on:focus
on:blur />
</div>
{#if !invalid && helperText}
{#if !invalid && !warn && helperText}
<div
class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}">