mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: format files with Prettier 3

Browse source
This commit is contained in:
Eric Liu 2024-11-11 21:27:04 -08:00
commit 8e996dc683
391 changed files with 3725 additions and 3785 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/ProgressBar/ProgressBar.svelte
View file

@ -62,48 +62,48 @@
</script>
<div
class:bx--progress-bar="{true}"
class:bx--progress-bar--indeterminate="{indeterminate}"
class:bx--progress-bar--big="{size === 'md'}"
class:bx--progress-bar--small="{size === 'sm'}"
class:bx--progress-bar--inline="{kind === 'inline'}"
class:bx--progress-bar--indented="{kind === 'indented'}"
class:bx--progress-bar--error="{status === 'error'}"
class:bx--progress-bar--finished="{status === 'finished'}"
class:bx--progress-bar={true}
class:bx--progress-bar--indeterminate={indeterminate}
class:bx--progress-bar--big={size === "md"}
class:bx--progress-bar--small={size === "sm"}
class:bx--progress-bar--inline={kind === "inline"}
class:bx--progress-bar--indented={kind === "indented"}
class:bx--progress-bar--error={status === "error"}
class:bx--progress-bar--finished={status === "finished"}
{...$$restProps}
>
<label
for="{id}"
class:bx--progress-bar__label="{true}"
class:bx--visually-hidden="{hideLabel}"
for={id}
class:bx--progress-bar__label={true}
class:bx--visually-hidden={hideLabel}
>
<slot name="labelText">
{labelText}
</slot>
{#if status === "error" || status === "finished"}
<svelte:component
this="{statusIcons[status]}"
this={statusIcons[status]}
class="bx--progress-bar__status-icon"
/>
{/if}
</label>
<div
role="progressbar"
id="{id}"
class:bx--progress-bar__track="{true}"
aria-busy="{status === 'active'}"
aria-valuemin="{indeterminate ? undefined : 0}"
aria-valuemax="{indeterminate ? undefined : max}"
aria-valuenow="{indeterminate ? undefined : capped}"
aria-describedby="{helperText ? helperId : null}"
{id}
class:bx--progress-bar__track={true}
aria-busy={status === "active"}
aria-valuemin={indeterminate ? undefined : 0}
aria-valuemax={indeterminate ? undefined : max}
aria-valuenow={indeterminate ? undefined : capped}
aria-describedby={helperText ? helperId : null}
>
<div
class:bx--progress-bar__bar="{true}"
style:transform="{status === "active" && `scaleX(${capped / max})`}"
class:bx--progress-bar__bar={true}
style:transform={status === "active" && `scaleX(${capped / max})`}
></div>
</div>
{#if helperText}
<div id="{helperId}" class:bx--progress-bar__helper-text="{true}">
<div id={helperId} class:bx--progress-bar__helper-text={true}>
{helperText}
</div>
{/if}