mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
feat(prettier): add svelteBracketNewLine
This commit is contained in:
parent
7a28d21ceb
commit
398887a3d3
182 changed files with 974 additions and 494 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -52,7 +52,8 @@
|
|||
kind="{danger ? 'danger' : 'primary'}"
|
||||
disabled="{primaryButtonDisabled}"
|
||||
class="{primaryClass}"
|
||||
on:click="{submit}">
|
||||
on:click="{submit}"
|
||||
>
|
||||
{primaryButtonText}
|
||||
</Button>
|
||||
{/if}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue