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
|
@ -11,7 +11,8 @@
|
|||
<Button
|
||||
on:click="{() => {
|
||||
open = true;
|
||||
}}">
|
||||
}}"
|
||||
>
|
||||
Launch modal
|
||||
</Button>
|
||||
</div>
|
||||
|
@ -33,7 +34,8 @@
|
|||
}}"
|
||||
on:submit="{() => {
|
||||
console.log('submit');
|
||||
}}">
|
||||
}}"
|
||||
>
|
||||
<div>
|
||||
<PasswordInput bind:type placeholder="Password Input" aria-level="" />
|
||||
<Button
|
||||
|
@ -41,7 +43,8 @@
|
|||
size="field"
|
||||
on:click="{() => {
|
||||
type = type === 'password' ? 'text' : 'password';
|
||||
}}">
|
||||
}}"
|
||||
>
|
||||
Programmatically toggle password
|
||||
</Button>
|
||||
</div>
|
||||
|
|
|
@ -16,7 +16,7 @@ export const Default = () => ({
|
|||
open: boolean("Open (open)", true),
|
||||
passiveModal: boolean("Without footer (passiveModal)", false),
|
||||
danger: boolean("Danger mode (danger)", false),
|
||||
alert: boolean('Alert mode (alert)', false),
|
||||
alert: boolean("Alert mode (alert)", false),
|
||||
shouldSubmitOnEnter: boolean(
|
||||
"Enter key to submit (shouldSubmitOnEnter)",
|
||||
false
|
||||
|
|
|
@ -196,7 +196,8 @@
|
|||
}}"
|
||||
on:mouseover
|
||||
on:mouseenter
|
||||
on:mouseleave>
|
||||
on:mouseleave
|
||||
>
|
||||
<div
|
||||
bind:this="{innerModal}"
|
||||
role="dialog"
|
||||
|
@ -207,7 +208,8 @@
|
|||
class="{size && `bx--modal-container--${size}`}"
|
||||
on:click="{() => {
|
||||
didClickInnerModal = true;
|
||||
}}">
|
||||
}}"
|
||||
>
|
||||
<div class:bx--modal-header="{true}">
|
||||
{#if passiveModal}
|
||||
<button
|
||||
|
@ -218,10 +220,12 @@
|
|||
class="bx--modal-close"
|
||||
on:click="{() => {
|
||||
open = false;
|
||||
}}">
|
||||
}}"
|
||||
>
|
||||
<Close20
|
||||
aria-label="{iconDescription}"
|
||||
class="bx--modal-close__icon" />
|
||||
class="bx--modal-close__icon"
|
||||
/>
|
||||
</button>
|
||||
{/if}
|
||||
{#if modalLabel}
|
||||
|
@ -241,10 +245,12 @@
|
|||
class:bx--modal-close="{true}"
|
||||
on:click="{() => {
|
||||
open = false;
|
||||
}}">
|
||||
}}"
|
||||
>
|
||||
<Close20
|
||||
aria-label="{iconDescription}"
|
||||
class="bx--modal-close__icon" />
|
||||
class="bx--modal-close__icon"
|
||||
/>
|
||||
</button>
|
||||
{/if}
|
||||
</div>
|
||||
|
@ -256,7 +262,8 @@
|
|||
tabindex="{hasScrollingContent ? '0' : undefined}"
|
||||
role="{hasScrollingContent ? 'region' : undefined}"
|
||||
aria-label="{hasScrollingContent ? ariaLabel : undefined}"
|
||||
aria-labelledby="{modalLabel ? modalLabelId : modalHeadingId}">
|
||||
aria-labelledby="{modalLabel ? modalLabelId : modalHeadingId}"
|
||||
>
|
||||
<slot />
|
||||
</div>
|
||||
{#if hasScrollingContent}
|
||||
|
@ -268,7 +275,8 @@
|
|||
kind="secondary"
|
||||
on:click="{() => {
|
||||
dispatch('click:button--secondary');
|
||||
}}">
|
||||
}}"
|
||||
>
|
||||
{secondaryButtonText}
|
||||
</Button>
|
||||
<Button
|
||||
|
@ -276,7 +284,8 @@
|
|||
disabled="{primaryButtonDisabled}"
|
||||
on:click="{() => {
|
||||
dispatch('submit');
|
||||
}}">
|
||||
}}"
|
||||
>
|
||||
{primaryButtonText}
|
||||
</Button>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue