mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
feat(prettier): add svelteBracketNewLine
This commit is contained in:
parent
7a28d21ceb
commit
398887a3d3
182 changed files with 974 additions and 494 deletions
|
@ -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>
|
||||
|
|
|
@ -13,7 +13,8 @@
|
|||
{...$$props}
|
||||
id="toggle-small-id"
|
||||
name="toggle-small-name"
|
||||
bind:toggled />
|
||||
bind:toggled
|
||||
/>
|
||||
{:else if story === 'skeleton'}
|
||||
<ToggleSmallSkeleton />
|
||||
{:else}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue