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

90
src/Select/Select.svelte
View file

@ -124,21 +124,21 @@
$: selectedValue.set(selected ?? $defaultValue);
</script>
<div class:bx--form-item="{true}" {...$$restProps}>
<div class:bx--form-item={true} {...$$restProps}>
<div
class:bx--select="{true}"
class:bx--select--inline="{inline}"
class:bx--select--light="{light}"
class:bx--select--invalid="{invalid}"
class:bx--select--disabled="{disabled}"
class:bx--select--warning="{warn}"
class:bx--select={true}
class:bx--select--inline={inline}
class:bx--select--light={light}
class:bx--select--invalid={invalid}
class:bx--select--disabled={disabled}
class:bx--select--warning={warn}
>
{#if !noLabel}
<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}
@ -146,23 +146,23 @@
</label>
{/if}
{#if inline}
<div class:bx--select-input--inline__wrapper="{true}">
<div class:bx--select-input--inline__wrapper={true}>
<div
class:bx--select-input__wrapper="{true}"
data-invalid="{invalid || undefined}"
class:bx--select-input__wrapper={true}
data-invalid={invalid || undefined}
>
<select
bind:this="{ref}"
aria-describedby="{invalid ? errorId : undefined}"
aria-invalid="{invalid || undefined}"
disabled="{disabled || undefined}"
required="{required || undefined}"
id="{id}"
name="{name}"
class:bx--select-input="{true}"
class:bx--select-input--sm="{size === 'sm'}"
class:bx--select-input--xl="{size === 'xl'}"
on:change="{handleChange}"
bind:this={ref}
aria-describedby={invalid ? errorId : undefined}
aria-invalid={invalid || undefined}
disabled={disabled || undefined}
required={required || undefined}
{id}
{name}
class:bx--select-input={true}
class:bx--select-input--sm={size === "sm"}
class:bx--select-input--xl={size === "xl"}
on:change={handleChange}
on:change
on:input
on:focus
@ -176,15 +176,15 @@
{/if}
</div>
{#if invalid}
<div class:bx--form-requirement="{true}" id="{errorId}">
<div class:bx--form-requirement={true} id={errorId}>
{invalidText}
</div>
{/if}
</div>
{#if !invalid && !warn && 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>
@ -192,21 +192,21 @@
{/if}
{#if !inline}
<div
class:bx--select-input__wrapper="{true}"
data-invalid="{invalid || undefined}"
class:bx--select-input__wrapper={true}
data-invalid={invalid || undefined}
>
<select
bind:this="{ref}"
id="{id}"
name="{name}"
aria-describedby="{invalid ? errorId : undefined}"
disabled="{disabled || undefined}"
required="{required || undefined}"
aria-invalid="{invalid || undefined}"
class:bx--select-input="{true}"
class:bx--select-input--sm="{size === 'sm'}"
class:bx--select-input--xl="{size === 'xl'}"
on:change="{handleChange}"
bind:this={ref}
{id}
{name}
aria-describedby={invalid ? errorId : undefined}
disabled={disabled || undefined}
required={required || undefined}
aria-invalid={invalid || undefined}
class:bx--select-input={true}
class:bx--select-input--sm={size === "sm"}
class:bx--select-input--xl={size === "xl"}
on:change={handleChange}
on:change
on:input
on:focus
@ -226,19 +226,19 @@
</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}">
<div id={errorId} class:bx--form-requirement={true}>
{invalidText}
</div>
{/if}
{#if !invalid && warn}
<div id="{errorId}" class:bx--form-requirement="{true}">
<div id={errorId} class:bx--form-requirement={true}>
{warnText}
</div>
{/if}

14
src/Select/SelectItem.svelte
View file

@ -47,13 +47,13 @@
</script>
<option
value="{value}"
disabled="{disabled}"
hidden="{hidden}"
selected="{selected}"
class:bx--select-option="{true}"
class="{className}"
style="{style}"
{value}
{disabled}
{hidden}
{selected}
class:bx--select-option={true}
class={className}
{style}
>
{text || value}
</option>

7
src/Select/SelectItemGroup.svelte
View file

@ -6,11 +6,6 @@
export let label = "Provide label";
</script>
<optgroup
label="{label}"
disabled="{disabled}"
class:bx--select-optgroup="{true}"
{...$$restProps}
>
<optgroup {label} {disabled} class:bx--select-optgroup={true} {...$$restProps}>
<slot />
</optgroup>

8
src/Select/SelectSkeleton.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,9 +14,9 @@
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--select="{true}" class:bx--skeleton="{true}">
<div class:bx--select-input="{true}"></div>
<div class:bx--select={true} class:bx--skeleton={true}>
<div class:bx--select-input={true}></div>
</div>
</div>