feat(prettier): add svelteBracketNewLine

This commit is contained in:
josefaidt 2020-09-24 10:50:34 -05:00
commit 398887a3d3
182 changed files with 974 additions and 494 deletions

View file

@ -18,11 +18,13 @@
{...$$props.composedModal}
on:click="{(e) => {
console.log(e.target);
}}">
}}"
>
<ModalHeader {...$$props.modalHeader} />
<ModalBody
{...$$props.modalBody}
aria-label="{modalBody.hasScrollingContent ? 'Modal content' : undefined}">
aria-label="{modalBody.hasScrollingContent ? 'Modal content' : undefined}"
>
<div>
<PasswordInput bind:type placeholder="Password Input" aria-level="" />
<Button
@ -30,7 +32,8 @@
size="field"
on:click="{() => {
type = type === 'password' ? 'text' : 'password';
}}">
}}"
>
Programmatically toggle password
</Button>
</div>
@ -58,7 +61,8 @@
</ModalHeader>
<ModalBody
{...$$props.modalBody}
aria-label="{modalBody.hasScrollingContent ? 'Modal content' : undefined}">
aria-label="{modalBody.hasScrollingContent ? 'Modal content' : undefined}"
>
<p>
Please see ModalWrapper for more examples and demo of the functionality.
</p>
@ -86,11 +90,13 @@
{...$$props.composedModal}
open
on:close="{() => {}}"
on:submit="{() => {}}">
on:submit="{() => {}}"
>
<ModalHeader
{...$$props.modalHeader}
title="Passive modal title as the message. Should be direct and 3 lines or
less." />
less."
/>
<ModalBody {...$$props.modalBody} />
<ModalFooter {...$$props.modalFooter} />
</ComposedModal>
@ -101,18 +107,21 @@
<Button
on:click="{() => {
open = true;
}}">
}}"
>
Launch composed modal
</Button>
</div>
<ComposedModal
{...$$props.composedModal}
open="{open}"
on:close="{() => (open = false)}">
on:close="{() => (open = false)}"
>
<ModalHeader {...$$props.modalHeader} />
<ModalBody
{...$$props.modalBody}
aria-label="{modalBody.hasScrollingContent ? 'Modal content' : undefined}">
aria-label="{modalBody.hasScrollingContent ? 'Modal content' : undefined}"
>
<p>
Please see ModalWrapper for more examples and demo of the functionality.
</p>

View file

@ -122,14 +122,16 @@
focus(currentTarget);
didOpen = false;
}
}}">
}}"
>
<div
bind:this="{innerModal}"
class:bx--modal-container="{true}"
class="{size && `bx--modal-container--${size}`} {containerClass}"
on:click="{() => {
didClickInnerModal = true;
}}">
}}"
>
<slot />
</div>
</div>

View file

@ -17,7 +17,8 @@
role="{hasScrollingContent ? 'region' : undefined}"
class:bx--modal-content="{true}"
class:bx--modal-content--with-form="{hasForm}"
{...$$restProps}>
{...$$restProps}
>
<slot />
</div>
{#if hasScrollingContent}

View file

@ -52,7 +52,8 @@
kind="{danger ? 'danger' : 'primary'}"
disabled="{primaryButtonDisabled}"
class="{primaryClass}"
on:click="{submit}">
on:click="{submit}"
>
{primaryButtonText}
</Button>
{/if}

View file

@ -52,7 +52,8 @@
<p
class:bx--modal-header__label="{true}"
class:bx--type-delta="{true}"
class:labelClass>
class:labelClass
>
{label}
</p>
{/if}
@ -60,7 +61,8 @@
<p
class:bx--modal-header__heading="{true}"
class:bx--type-beta="{true}"
class:titleClass>
class:titleClass
>
{title}
</p>
{/if}
@ -72,7 +74,8 @@
class:bx--modal-close="{true}"
class:closeClass
on:click
on:click="{closeModal}">
on:click="{closeModal}"
>
<Close20 class="bx--modal-close__icon {closeIconClass}" />
</button>
</div>