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(prettier): use svelteStrictMode

Browse source
This commit is contained in:
Eric Liu 2020-09-04 16:35:49 -07:00
commit 42b8159b1c
182 changed files with 2020 additions and 1912 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/Checkbox/Checkbox.Skeleton.svelte
View file

@ -1,11 +1,13 @@
<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
class:bx--checkbox-label-text="{true}"
class:bx--skeleton="{true}"></span>
</div>

4
src/Checkbox/Checkbox.Story.svelte
View file

@ -39,9 +39,9 @@
{...checkboxProps}
id="checkbox-label-1"
bind:checked
on:check={({ detail }) => {
on:check="{({ detail }) => {
console.log('on:check', detail);
}} />
}}" />
<Checkbox {...checkboxProps} id="checkbox-label-2" checked />
</fieldset>
{/if}

30
src/Checkbox/Checkbox.svelte
View file

@ -82,31 +82,31 @@
on:mouseleave />
{:else}
<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
on:mouseenter
on:mouseleave>
<input
bind:this={ref}
bind:this="{ref}"
type="checkbox"
{checked}
{disabled}
{id}
{indeterminate}
{name}
{readonly}
class:bx--checkbox={true}
checked="{checked}"
disabled="{disabled}"
id="{id}"
indeterminate="{indeterminate}"
name="{name}"
readonly="{readonly}"
class:bx--checkbox="{true}"
on:change
on:change={() => {
on:change="{() => {
checked = !checked;
}} />
<label for={id} {title} class:bx--checkbox-label={true}>
}}" />
<label for="{id}" title="{title}" class:bx--checkbox-label="{true}">
<span
class:bx--checkbox-label-text={true}
class:bx--visually-hidden={hideLabel}>
class:bx--checkbox-label-text="{true}"
class:bx--visually-hidden="{hideLabel}">
{labelText}
</span>
</label>