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

chore: format files with Prettier 3

Browse source
This commit is contained in:
Eric Liu 2024-11-11 21:27:04 -08:00
commit 8e996dc683
391 changed files with 3725 additions and 3785 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/TextArea/TextArea.svelte
View file

@ -69,50 +69,47 @@
on:mouseover
on:mouseenter
on:mouseleave
class:bx--form-item="{true}"
class:bx--form-item={true}
>
{#if (labelText || $$slots.labelText) && !hideLabel}
<div class:bx--text-area__label-wrapper="{true}">
<div class:bx--text-area__label-wrapper={true}>
<label
for="{id}"
class:bx--label="{true}"
class:bx--visually-hidden="{hideLabel}"
class:bx--label--disabled="{disabled}"
for={id}
class:bx--label={true}
class:bx--visually-hidden={hideLabel}
class:bx--label--disabled={disabled}
>
<slot name="labelText">
{labelText}
</slot>
</label>
{#if maxCount}
<div class:bx--label="{true}" class:bx--label--disabled="{disabled}">
<div class:bx--label={true} class:bx--label--disabled={disabled}>
{value.length}/{maxCount}
</div>
{/if}
</div>
{/if}
<div
class:bx--text-area__wrapper="{true}"
data-invalid="{invalid || undefined}"
>
<div class:bx--text-area__wrapper={true} data-invalid={invalid || undefined}>
{#if invalid}
<WarningFilled class="bx--text-area__invalid-icon" />
{/if}
<textarea
bind:this="{ref}"
bind:this={ref}
bind:value
aria-invalid="{invalid || undefined}"
aria-describedby="{invalid ? errorId : undefined}"
disabled="{disabled}"
id="{id}"
name="{name}"
cols="{cols}"
rows="{rows}"
placeholder="{placeholder}"
readonly="{readonly}"
class:bx--text-area="{true}"
class:bx--text-area--light="{light}"
class:bx--text-area--invalid="{invalid}"
maxlength="{maxCount ?? undefined}"
aria-invalid={invalid || undefined}
aria-describedby={invalid ? errorId : undefined}
{disabled}
{id}
{name}
{cols}
{rows}
{placeholder}
{readonly}
class:bx--text-area={true}
class:bx--text-area--light={light}
class:bx--text-area--invalid={invalid}
maxlength={maxCount ?? undefined}
{...$$restProps}
on:change
on:input
@ -120,17 +117,18 @@
on:keyup
on:focus
on:blur
on:paste></textarea>
on:paste
></textarea>
</div>
{#if !invalid && helperText}
<div
class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}"
class:bx--form__helper-text={true}
class:bx--form__helper-text--disabled={disabled}
>
{helperText}
</div>
{/if}
{#if invalid}
<div id="{errorId}" class:bx--form-requirement="{true}">{invalidText}</div>
<div id={errorId} class:bx--form-requirement={true}>{invalidText}</div>
{/if}
</div>

6
src/TextArea/TextAreaSkeleton.svelte
View file

@ -6,7 +6,7 @@
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<!-- svelte-ignore a11y-no-static-element-interactions -->
<div
class:bx--form-item="{true}"
class:bx--form-item={true}
{...$$restProps}
on:click
on:mouseover
@ -14,7 +14,7 @@
on:mouseleave
>
{#if !hideLabel}
<span class:bx--label="{true}" class:bx--skeleton="{true}"></span>
<span class:bx--label={true} class:bx--skeleton={true}></span>
{/if}
<div class:bx--skeleton="{true}" class:bx--text-area="{true}"></div>
<div class:bx--skeleton={true} class:bx--text-area={true}></div>
</div>