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

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

34
src/Checkbox/Checkbox.svelte
View file

@ -82,8 +82,8 @@
{:else}
<!-- svelte-ignore a11y-no-static-element-interactions -->
<div
class:bx--form-item="{true}"
class:bx--checkbox-wrapper="{true}"
class:bx--form-item={true}
class:bx--checkbox-wrapper={true}
{...$$restProps}
on:click
on:mouseover
@ -91,18 +91,18 @@
on:mouseleave
>
<input
bind:this="{ref}"
bind:this={ref}
type="checkbox"
value="{value}"
checked="{checked}"
disabled="{disabled}"
id="{id}"
{value}
{checked}
{disabled}
{id}
bind:indeterminate
name="{name}"
required="{required}"
readonly="{readonly}"
class:bx--checkbox="{true}"
on:change="{() => {
{name}
{required}
{readonly}
class:bx--checkbox={true}
on:change={() => {
if (useGroup) {
group = group.includes(value)
? group.filter((_value) => _value !== value)
@ -110,16 +110,16 @@
} else {
checked = !checked;
}
}}"
}}
on:change
on:focus
on:blur
/>
<label for="{id}" title="{title}" class:bx--checkbox-label="{true}">
<label for={id} {title} class:bx--checkbox-label={true}>
<span
bind:this="{refLabel}"
class:bx--checkbox-label-text="{true}"
class:bx--visually-hidden="{hideLabel}"
bind:this={refLabel}
class:bx--checkbox-label-text={true}
class:bx--visually-hidden={hideLabel}
>
<slot name="labelText">
{labelText}

9
src/Checkbox/CheckboxSkeleton.svelte
View file

@ -1,15 +1,14 @@
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<!-- svelte-ignore a11y-no-static-element-interactions -->
<div
class:bx--form-item="{true}"
class:bx--checkbox-wrapper="{true}"
class:bx--checkbox-label="{true}"
class:bx--form-item={true}
class:bx--checkbox-wrapper={true}
class:bx--checkbox-label={true}
{...$$restProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
>
<span class:bx--checkbox-label-text="{true}" class:bx--skeleton="{true}"
></span>
<span class:bx--checkbox-label-text={true} class:bx--skeleton={true}></span>
</div>

21
src/Checkbox/InlineCheckbox.svelte
View file

@ -18,23 +18,24 @@
export let ref = null;
</script>
<div class:bx--checkbox--inline="{true}">
<div class:bx--checkbox--inline={true}>
<input
bind:this="{ref}"
bind:this={ref}
type="checkbox"
class:bx--checkbox="{true}"
checked="{indeterminate ? false : checked}"
class:bx--checkbox={true}
checked={indeterminate ? false : checked}
bind:indeterminate
id="{id}"
{id}
{...$$restProps}
aria-checked="{indeterminate ? undefined : checked}"
aria-checked={indeterminate ? undefined : checked}
on:change
on:focus
on:blur
/>
<label
for="{id}"
title="{title}"
aria-label="{$$props['aria-label']}"
class:bx--checkbox-label="{true}"></label>
for={id}
{title}
aria-label={$$props["aria-label"]}
class:bx--checkbox-label={true}
></label>
</div>