mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-16 19:01: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

14
src/Accordion/Accordion.svelte
View file

@ -34,8 +34,8 @@
{#if skeleton}
<AccordionSkeleton
{...$$restProps}
align="{align}"
size="{size}"
{align}
{size}
on:click
on:mouseover
on:mouseenter
@ -44,11 +44,11 @@
{:else}
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
<ul
class:bx--accordion="{true}"
class:bx--accordion--start="{align === 'start'}"
class:bx--accordion--end="{align === 'end'}"
class:bx--accordion--sm="{size === 'sm'}"
class:bx--accordion--xl="{size === 'xl'}"
class:bx--accordion={true}
class:bx--accordion--start={align === "start"}
class:bx--accordion--end={align === "end"}
class:bx--accordion--sm={size === "sm"}
class:bx--accordion--xl={size === "xl"}
{...$$restProps}
on:click
on:mouseover

40
src/Accordion/AccordionItem.svelte
View file

@ -36,44 +36,44 @@
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<li
class:bx--accordion__item="{true}"
class:bx--accordion__item--active="{open}"
class:bx--accordion__item--disabled="{disabled}"
class:bx--accordion__item--expanding="{animation === 'expanding'}"
class:bx--accordion__item--collapsing="{animation === 'collapsing'}"
class:bx--accordion__item={true}
class:bx--accordion__item--active={open}
class:bx--accordion__item--disabled={disabled}
class:bx--accordion__item--expanding={animation === "expanding"}
class:bx--accordion__item--collapsing={animation === "collapsing"}
{...$$restProps}
on:animationend
on:animationend="{() => {
on:animationend={() => {
animation = undefined;
}}"
}}
>
<button
type="button"
class:bx--accordion__heading="{true}"
title="{iconDescription}"
aria-expanded="{open}"
disabled="{disabled}"
class:bx--accordion__heading={true}
title={iconDescription}
aria-expanded={open}
{disabled}
on:click
on:click="{() => {
on:click={() => {
open = !open;
animation = open ? 'expanding' : 'collapsing';
}}"
animation = open ? "expanding" : "collapsing";
}}
on:mouseover
on:mouseenter
on:mouseleave
on:keydown
on:keydown="{({ key }) => {
if (open && key === 'Escape') {
on:keydown={({ key }) => {
if (open && key === "Escape") {
open = false;
}
}}"
}}
>
<ChevronRight class="bx--accordion__arrow" aria-label="{iconDescription}" />
<div class:bx--accordion__title="{true}">
<ChevronRight class="bx--accordion__arrow" aria-label={iconDescription} />
<div class:bx--accordion__title={true}>
<slot name="title">{title}</slot>
</div>
</button>
<div class:bx--accordion__content="{true}">
<div class:bx--accordion__content={true}>
<slot />
</div>
</li>

24
src/Accordion/AccordionSkeleton.svelte
View file

@ -24,12 +24,12 @@
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
<ul
class:bx--skeleton="{true}"
class:bx--accordion="{true}"
class:bx--accordion--start="{align === 'start'}"
class:bx--accordion--end="{align === 'end'}"
class:bx--accordion--sm="{size === 'sm'}"
class:bx--accordion--xl="{size === 'xl'}"
class:bx--skeleton={true}
class:bx--accordion={true}
class:bx--accordion--start={align === "start"}
class:bx--accordion--end={align === "end"}
class:bx--accordion--sm={size === "sm"}
class:bx--accordion--xl={size === "xl"}
{...$$restProps}
on:click
on:mouseover
@ -38,14 +38,14 @@
>
{#if open}
<li
class:bx--accordion__item="{true}"
class:bx--accordion__item--active="{true}"
class:bx--accordion__item={true}
class:bx--accordion__item--active={true}
>
<span class:bx--accordion__heading="{true}">
<span class:bx--accordion__heading={true}>
<ChevronRight class="bx--accordion__arrow" />
<SkeletonText class="bx--accordion__title" />
</span>
<div class:bx--accordion__content="{true}">
<div class:bx--accordion__content={true}>
<SkeletonText width="90%" />
<SkeletonText width="80%" />
<SkeletonText width="95%" />
@ -53,8 +53,8 @@
</li>
{/if}
{#each Array.from({ length: open ? count - 1 : count }, (_, i) => i) as item (item)}
<li class:bx--accordion__item="{true}">
<span class:bx--accordion__heading="{true}">
<li class:bx--accordion__item={true}>
<span class:bx--accordion__heading={true}>
<ChevronRight class="bx--accordion__arrow" />
<SkeletonText class="bx--accordion__title" />
</span>