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

20
src/ProgressIndicator/ProgressIndicator.Skeleton.svelte
View file

@ -7,9 +7,9 @@
</script>
<ul
class:bx--progress={true}
class:bx--progress--vertical={vertical}
class:bx--skeleton={true}
class:bx--progress="{true}"
class:bx--progress--vertical="{vertical}"
class:bx--skeleton="{true}"
{...$$restProps}
on:click
on:mouseover
@ -17,16 +17,16 @@
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="{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="{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 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>
<p class:bx--progress-label={true} />
<span class:bx--progress-line={true} />
<p class:bx--progress-label="{true}"></p>
<span class:bx--progress-line="{true}"></span>
</div>
</li>
{/each}

4
src/ProgressIndicator/ProgressIndicator.svelte
View file

@ -41,8 +41,8 @@
</script>
<ul
class:bx--progress={true}
class:bx--progress--vertical={vertical}
class:bx--progress="{true}"
class:bx--progress--vertical="{vertical}"
{...$$restProps}
on:click
on:mouseover

42
src/ProgressIndicator/ProgressStep.svelte
View file

@ -63,54 +63,54 @@
</script>
<li
aria-disabled={disabled}
{id}
class:bx--progress-step={true}
class:bx--progress-step--current={current}
class:bx--progress-step--complete={complete}
class:bx--progress-step--incomplete={!complete && !current}
class:bx--progress-step--disabled={disabled}
aria-disabled="{disabled}"
id="{id}"
class:bx--progress-step="{true}"
class:bx--progress-step--current="{current}"
class:bx--progress-step--complete="{complete}"
class:bx--progress-step--incomplete="{!complete && !current}"
class:bx--progress-step--disabled="{disabled}"
{...$$restProps}>
<div
role="button"
tabindex={current ? '-1' : '0'}
class:bx--progress-step-button={true}
class:bx--progress-step-button--unclickable={current}
on:click={() => {
tabindex="{current ? '-1' : '0'}"
class:bx--progress-step-button="{true}"
class:bx--progress-step-button--unclickable="{current}"
on:click="{() => {
change(step.index);
}}
}}"
on:mouseover
on:mouseenter
on:mouseleave
on:keydown
on:keydown={(e) => {
on:keydown="{(e) => {
if (e.key === ' ' || e.key === 'Enter') {
change(step.index);
}
}}>
}}">
{#if invalid}
<Warning16 class="bx--progress__warning" />
{:else if current}
<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 d="M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0"></path>
<title>{description}</title>
</svg>
{:else if complete}
<CheckmarkOutline16 title={description} />
<CheckmarkOutline16 title="{description}" />
{:else}
<svg>
<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" />
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' }}>
<p class:bx--progress-label={true}>{label}</p>
<slot props="{{ class: 'bx--progress-label' }}">
<p class:bx--progress-label="{true}">{label}</p>
</slot>
{#if secondaryLabel}
<p class:bx--progress-optional={true}>{secondaryLabel}</p>
<p class:bx--progress-optional="{true}">{secondaryLabel}</p>
{/if}
<span class:bx--progress-line={true} />
<span class:bx--progress-line="{true}"></span>
</div>
</li>