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

@ -14,14 +14,17 @@
on:click
on:mouseover
on:mouseenter
on:mouseleave>
on:mouseleave
>
{#each [0, 1, 2, 3] as item, i (item)}
<li
class:bx--progress-step="{true}"
class:bx--progress-step--incomplete="{true}">
class:bx--progress-step--incomplete="{true}"
>
<div
class:bx--progress-step-button="{true}"
class:bx--progress-step-button--unclickable="{true}">
class:bx--progress-step-button--unclickable="{true}"
>
<svg>
<path d="M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0"></path>
</svg>

View file

@ -16,10 +16,12 @@
</ProgressStep>
<ProgressStep
label="Really long label"
description="The progress indicator will listen for clicks on the steps" />
description="The progress indicator will listen for clicks on the steps"
/>
<ProgressStep
label="Tooltip and really long label"
description="The progress indicator will listen for clicks on the steps" />
description="The progress indicator will listen for clicks on the steps"
/>
</ProgressIndicator>
{:else}
<ProgressIndicator {...$$props}>
@ -29,23 +31,28 @@
secondaryLabel="Optional label"
on:click="{() => {
console.log('click');
}}" />
}}"
/>
<ProgressStep
label="Second step with tooltip"
description="Step 2: Getting started with Carbon Design System"
secondaryLabel="Optional label" />
secondaryLabel="Optional label"
/>
<ProgressStep
label="Third step with tooltip"
description="Step 3: Getting started with Carbon Design System" />
description="Step 3: Getting started with Carbon Design System"
/>
<ProgressStep
label="Fourth step"
description="Step 4: Getting started with Carbon Design System"
secondaryLabel="Example invalid step"
invalid />
invalid
/>
<ProgressStep
label="Fifth step"
description="Step 5: Getting started with Carbon Design System"
disabled />
disabled
/>
</ProgressIndicator>
{/if}
</div>

View file

@ -54,6 +54,7 @@
on:click
on:mouseover
on:mouseenter
on:mouseleave>
on:mouseleave
>
<slot />
</ul>

View file

@ -70,7 +70,8 @@
class:bx--progress-step--complete="{complete}"
class:bx--progress-step--incomplete="{!complete && !current}"
class:bx--progress-step--disabled="{disabled}"
{...$$restProps}>
{...$$restProps}
>
<button
disabled="{disabled}"
aria-disabled="{disabled}"
@ -89,7 +90,8 @@
if (e.key === ' ' || e.key === 'Enter') {
change(step.index);
}
}}">
}}"
>
{#if invalid}
<Warning16 class="bx--progress__warning" />
{:else if current}
@ -104,7 +106,8 @@
<title>{description}</title>
<path
d="M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 13c-3.3
0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z"></path>
0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z"
></path>
</svg>
{/if}
<slot props="{{ class: 'bx--progress-label' }}">