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

16
src/UIShell/SideNav/HamburgerMenu.svelte
View file

@ -20,15 +20,15 @@
<button
type="button"
title="Open menu"
aria-label={ariaLabel}
class:bx--header__action={true}
class:bx--header__menu-trigger={true}
class:bx--header__menu-toggle={true}
aria-label="{ariaLabel}"
class:bx--header__action="{true}"
class:bx--header__menu-trigger="{true}"
class:bx--header__menu-toggle="{true}"
{...$$restProps}
transition:fly={{ x: -200, delay: 50, duration: 250 }}
transition:fly="{{ x: -200, delay: 50, duration: 250 }}"
on:click
on:click={() => (isOpen = !isOpen)}>
on:click="{() => (isOpen = !isOpen)}">
<Icon
title={isOpen ? 'Close' : 'Open Menu'}
render={isOpen ? Close20 : Menu20} />
title="{isOpen ? 'Close' : 'Open Menu'}"
render="{isOpen ? Close20 : Menu20}" />
</button>

20
src/UIShell/SideNav/SideNav.svelte
View file

@ -20,19 +20,19 @@
{#if fixed}
<div
on:click={() => {
on:click="{() => {
isOpen = false;
}}
class:bx--side-nav__overlay={true}
class:bx--side-nav__overlay-active={isOpen} />
}}"
class:bx--side-nav__overlay="{true}"
class:bx--side-nav__overlay-active="{isOpen}"></div>
{/if}
<nav
aria-label={ariaLabel}
class:bx--side-nav__navigation={true}
class:bx--side-nav={true}
class:bx--side-nav--ux={true}
class:bx--side-nav--expanded={isOpen}
class:bx--side-nav--collapsed={!isOpen && fixed}
aria-label="{ariaLabel}"
class:bx--side-nav__navigation="{true}"
class:bx--side-nav="{true}"
class:bx--side-nav--ux="{true}"
class:bx--side-nav--expanded="{isOpen}"
class:bx--side-nav--collapsed="{!isOpen && fixed}"
{...$$restProps}>
<slot />
</nav>

2
src/UIShell/SideNav/SideNavItems.svelte
View file

@ -1,3 +1,3 @@
<ul class:bx--side-nav__items={true}>
<ul class:bx--side-nav__items="{true}">
<slot />
</ul>

16
src/UIShell/SideNav/SideNavLink.svelte
View file

@ -26,21 +26,21 @@
import { Icon } from "../../Icon";
</script>
<li class:bx--side-nav__item={true}>
<li class:bx--side-nav__item="{true}">
<a
aria-current={isSelected ? 'page' : undefined}
{href}
class:bx--side-nav__link={true}
class:bx--side-nav__link--current={isSelected}
aria-current="{isSelected ? 'page' : undefined}"
href="{href}"
class:bx--side-nav__link="{true}"
class:bx--side-nav__link--current="{isSelected}"
{...$$restProps}
on:click>
{#if icon}
<div
class:bx--side-nav__icon={true}
class:bx--side-nav__icon--small={true}>
class:bx--side-nav__icon="{true}"
class:bx--side-nav__icon--small="{true}">
<Icon {...icon} />
</div>
{/if}
<span class:bx--side-nav__link-text={true}>{text}</span>
<span class:bx--side-nav__link-text="{true}">{text}</span>
</a>
</li>

24
src/UIShell/SideNav/SideNavMenu.svelte
View file

@ -21,31 +21,31 @@
import { Icon } from "../../Icon";
</script>
<li class:bx--side-nav__item={true} class:bx--side-nav__item--icon={icon}>
<li class:bx--side-nav__item="{true}" class:bx--side-nav__item--icon="{icon}">
<button
type="button"
aria-haspopup="true"
aria-expanded={expanded}
class:bx--side-nav__submenu={true}
aria-expanded="{expanded}"
class:bx--side-nav__submenu="{true}"
{...$$restProps}
on:click
on:click={() => {
on:click="{() => {
expanded = !expanded;
}}>
}}">
{#if icon}
<div class:bx--side-nav__icon={true}>
<div class:bx--side-nav__icon="{true}">
<Icon {...icon} />
</div>
{/if}
<span class:bx--side-nav__submenu-title={true}>{text}</span>
<span class:bx--side-nav__submenu-title="{true}">{text}</span>
<div
class:bx--side-nav__icon={true}
class:bx--side-nav__icon--small={true}
class:bx--side-nav__submenu-chevron={true}>
<Icon title="Open Menu" tabindex="0" render={ChevronDown16} />
class:bx--side-nav__icon="{true}"
class:bx--side-nav__icon--small="{true}"
class:bx--side-nav__submenu-chevron="{true}">
<Icon title="Open Menu" tabindex="0" render="{ChevronDown16}" />
</div>
</button>
<ul role="menu" class:bx--side-nav__menu={true}>
<ul role="menu" class:bx--side-nav__menu="{true}">
<slot />
</ul>
</li>

10
src/UIShell/SideNav/SideNavMenuItem.svelte
View file

@ -18,14 +18,14 @@
export let text = undefined;
</script>
<li role="none" class:bx--side-nav__menu-item={true}>
<li role="none" class:bx--side-nav__menu-item="{true}">
<a
role="menuitem"
aria-current={isSelected ? 'page' : undefined}
{href}
class:bx--side-nav__link={true}
aria-current="{isSelected ? 'page' : undefined}"
href="{href}"
class:bx--side-nav__link="{true}"
{...$$restProps}
on:click>
<span class:bx--side-nav__link-text={true}>{text}</span>
<span class:bx--side-nav__link-text="{true}">{text}</span>
</a>
</li>