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: 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

136
src/Tag/Tag.svelte
View file

@ -44,7 +44,7 @@
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
{#if skeleton}
<TagSkeleton
size="{size}"
{size}
{...$$restProps}
on:click
on:mouseover
@ -53,39 +53,39 @@
/>
{:else if filter}
<div
aria-label="{title}"
id="{id}"
class:bx--tag="{true}"
class:bx--tag--disabled="{disabled}"
class:bx--tag--filter="{filter}"
class:bx--tag--sm="{size === 'sm'}"
class:bx--tag--red="{type === 'red'}"
class:bx--tag--magenta="{type === 'magenta'}"
class:bx--tag--purple="{type === 'purple'}"
class:bx--tag--blue="{type === 'blue'}"
class:bx--tag--cyan="{type === 'cyan'}"
class:bx--tag--teal="{type === 'teal'}"
class:bx--tag--green="{type === 'green'}"
class:bx--tag--gray="{type === 'gray'}"
class:bx--tag--cool-gray="{type === 'cool-gray'}"
class:bx--tag--warm-gray="{type === 'warm-gray'}"
class:bx--tag--high-contrast="{type === 'high-contrast'}"
class:bx--tag--outline="{type === 'outline'}"
aria-label={title}
{id}
class:bx--tag={true}
class:bx--tag--disabled={disabled}
class:bx--tag--filter={filter}
class:bx--tag--sm={size === "sm"}
class:bx--tag--red={type === "red"}
class:bx--tag--magenta={type === "magenta"}
class:bx--tag--purple={type === "purple"}
class:bx--tag--blue={type === "blue"}
class:bx--tag--cyan={type === "cyan"}
class:bx--tag--teal={type === "teal"}
class:bx--tag--green={type === "green"}
class:bx--tag--gray={type === "gray"}
class:bx--tag--cool-gray={type === "cool-gray"}
class:bx--tag--warm-gray={type === "warm-gray"}
class:bx--tag--high-contrast={type === "high-contrast"}
class:bx--tag--outline={type === "outline"}
{...$$restProps}
>
<slot props="{{ class: 'bx--tag__label' }}">
<span class:bx--tag__label="{true}">{type}</span>
<slot props={{ class: "bx--tag__label" }}>
<span class:bx--tag__label={true}>{type}</span>
</slot>
<button
type="button"
aria-labelledby="{id}"
class:bx--tag__close-icon="{true}"
disabled="{disabled}"
title="{title}"
aria-labelledby={id}
class:bx--tag__close-icon={true}
{disabled}
{title}
on:click|stopPropagation
on:click|stopPropagation="{() => {
dispatch('close');
}}"
on:click|stopPropagation={() => {
dispatch("close");
}}
on:mouseover
on:mouseenter
on:mouseleave
@ -96,26 +96,26 @@
{:else if interactive}
<button
type="button"
id="{id}"
disabled="{disabled}"
aria-disabled="{disabled}"
tabindex="{disabled ? '-1' : undefined}"
class:bx--tag="{true}"
class:bx--tag--interactive="{true}"
class:bx--tag--disabled="{disabled}"
class:bx--tag--sm="{size === 'sm'}"
class:bx--tag--red="{type === 'red'}"
class:bx--tag--magenta="{type === 'magenta'}"
class:bx--tag--purple="{type === 'purple'}"
class:bx--tag--blue="{type === 'blue'}"
class:bx--tag--cyan="{type === 'cyan'}"
class:bx--tag--teal="{type === 'teal'}"
class:bx--tag--green="{type === 'green'}"
class:bx--tag--gray="{type === 'gray'}"
class:bx--tag--cool-gray="{type === 'cool-gray'}"
class:bx--tag--warm-gray="{type === 'warm-gray'}"
class:bx--tag--high-contrast="{type === 'high-contrast'}"
class:bx--tag--outline="{type === 'outline'}"
{id}
{disabled}
aria-disabled={disabled}
tabindex={disabled ? "-1" : undefined}
class:bx--tag={true}
class:bx--tag--interactive={true}
class:bx--tag--disabled={disabled}
class:bx--tag--sm={size === "sm"}
class:bx--tag--red={type === "red"}
class:bx--tag--magenta={type === "magenta"}
class:bx--tag--purple={type === "purple"}
class:bx--tag--blue={type === "blue"}
class:bx--tag--cyan={type === "cyan"}
class:bx--tag--teal={type === "teal"}
class:bx--tag--green={type === "green"}
class:bx--tag--gray={type === "gray"}
class:bx--tag--cool-gray={type === "cool-gray"}
class:bx--tag--warm-gray={type === "warm-gray"}
class:bx--tag--high-contrast={type === "high-contrast"}
class:bx--tag--outline={type === "outline"}
{...$$restProps}
on:click
on:mouseover
@ -123,9 +123,9 @@
on:mouseleave
>
{#if $$slots.icon || icon}
<div class:bx--tag__custom-icon="{true}">
<div class:bx--tag__custom-icon={true}>
<slot name="icon">
<svelte:component this="{icon}" />
<svelte:component this={icon} />
</slot>
</div>
{/if}
@ -136,22 +136,22 @@
{:else}
<!-- svelte-ignore a11y-no-static-element-interactions -->
<div
id="{id}"
class:bx--tag="{true}"
class:bx--tag--disabled="{disabled}"
class:bx--tag--sm="{size === 'sm'}"
class:bx--tag--red="{type === 'red'}"
class:bx--tag--magenta="{type === 'magenta'}"
class:bx--tag--purple="{type === 'purple'}"
class:bx--tag--blue="{type === 'blue'}"
class:bx--tag--cyan="{type === 'cyan'}"
class:bx--tag--teal="{type === 'teal'}"
class:bx--tag--green="{type === 'green'}"
class:bx--tag--gray="{type === 'gray'}"
class:bx--tag--cool-gray="{type === 'cool-gray'}"
class:bx--tag--warm-gray="{type === 'warm-gray'}"
class:bx--tag--high-contrast="{type === 'high-contrast'}"
class:bx--tag--outline="{type === 'outline'}"
{id}
class:bx--tag={true}
class:bx--tag--disabled={disabled}
class:bx--tag--sm={size === "sm"}
class:bx--tag--red={type === "red"}
class:bx--tag--magenta={type === "magenta"}
class:bx--tag--purple={type === "purple"}
class:bx--tag--blue={type === "blue"}
class:bx--tag--cyan={type === "cyan"}
class:bx--tag--teal={type === "teal"}
class:bx--tag--green={type === "green"}
class:bx--tag--gray={type === "gray"}
class:bx--tag--cool-gray={type === "cool-gray"}
class:bx--tag--warm-gray={type === "warm-gray"}
class:bx--tag--high-contrast={type === "high-contrast"}
class:bx--tag--outline={type === "outline"}
{...$$restProps}
on:click
on:mouseover
@ -159,9 +159,9 @@
on:mouseleave
>
{#if $$slots.icon || icon}
<div class:bx--tag__custom-icon="{true}">
<div class:bx--tag__custom-icon={true}>
<slot name="icon">
<svelte:component this="{icon}" />
<svelte:component this={icon} />
</slot>
</div>
{/if}