feat(prettier): add svelteBracketNewLine

This commit is contained in:
josefaidt 2020-09-24 10:50:34 -05:00
commit 398887a3d3
182 changed files with 974 additions and 494 deletions

View file

@ -18,18 +18,21 @@
on:click
on:mouseover
on:mouseenter
on:mouseleave>
on:mouseleave
>
<input
type="checkbox"
id="{id}"
class:bx--toggle="{true}"
class:bx--toggle--small="{true}"
class:bx--skeleton="{true}" />
class:bx--skeleton="{true}"
/>
<label
aria-label="{labelText ? undefined : $$props['aria-label'] || 'Toggle is loading'}"
class:bx--toggle__label="{true}"
class:bx--skeleton="{true}"
for="{id}">
for="{id}"
>
{#if labelText}
<span class:bx--toggle__label-text="{true}">{labelText}</span>
{/if}
@ -38,9 +41,11 @@
class:bx--toggle__check="{true}"
width="6"
height="5"
viewBox="0 0 6 5">
viewBox="0 0 6 5"
>
<path
d="M2.2403 2.7299L4.9245 0 6 1.1117 2.2384 5 0 2.6863 1.0612 1.511z"></path>
d="M2.2403 2.7299L4.9245 0 6 1.1117 2.2384 5 0 2.6863 1.0612 1.511z"
></path>
</svg>
</span>
</label>

View file

@ -13,7 +13,8 @@
{...$$props}
id="toggle-small-id"
name="toggle-small-name"
bind:toggled />
bind:toggled
/>
{:else if story === 'skeleton'}
<ToggleSmallSkeleton />
{:else}

View file

@ -48,7 +48,8 @@
on:click
on:mouseover
on:mouseenter
on:mouseleave>
on:mouseleave
>
<input
type="checkbox"
checked="{toggled}"
@ -69,18 +70,21 @@
}
}}"
on:focus
on:blur />
on:blur
/>
<label
aria-label="{labelText ? undefined : $$props['aria-label'] || 'Toggle'}"
for="{id}"
class:bx--toggle-input__label="{true}">
class:bx--toggle-input__label="{true}"
>
{labelText}
<span class:bx--toggle__switch="{true}">
<svg
width="6"
height="5"
viewBox="0 0 6 5"
class:bx--toggle__check="{true}">
class:bx--toggle__check="{true}"
>
<path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"></path>
</svg>
<span aria-hidden="true" class:bx--toggle__text--off="{true}">
@ -88,7 +92,8 @@
</span>
<span
aria-hidden="true"
class:bx--toggle__text--on="{true}">{labelB}</span>
class:bx--toggle__text--on="{true}"
>{labelB}</span>
</span>
</label>
</div>