mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
chore: format files with Prettier 3
This commit is contained in:
Eric Liu
parent
1dcd09bd98
commit
8e996dc683
391 changed files with 3725 additions and 3785 deletions
|
|
@ -49,7 +49,7 @@
|
|||
const shouldContinue = dispatch(
|
||||
"close",
|
||||
{ timeout: closeFromTimeout === true },
|
||||
{ cancelable: true }
|
||||
{ cancelable: true },
|
||||
);
|
||||
if (shouldContinue) {
|
||||
open = false;
|
||||
|
|
@ -70,34 +70,34 @@
|
|||
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
|
||||
{#if open}
|
||||
<div
|
||||
role="{role}"
|
||||
kind="{kind}"
|
||||
class:bx--inline-notification="{true}"
|
||||
class:bx--inline-notification--low-contrast="{lowContrast}"
|
||||
class:bx--inline-notification--hide-close-button="{hideCloseButton}"
|
||||
class:bx--inline-notification--error="{kind === 'error'}"
|
||||
class:bx--inline-notification--info="{kind === 'info'}"
|
||||
class:bx--inline-notification--info-square="{kind === 'info-square'}"
|
||||
class:bx--inline-notification--success="{kind === 'success'}"
|
||||
class:bx--inline-notification--warning="{kind === 'warning'}"
|
||||
class:bx--inline-notification--warning-alt="{kind === 'warning-alt'}"
|
||||
{role}
|
||||
{kind}
|
||||
class:bx--inline-notification={true}
|
||||
class:bx--inline-notification--low-contrast={lowContrast}
|
||||
class:bx--inline-notification--hide-close-button={hideCloseButton}
|
||||
class:bx--inline-notification--error={kind === "error"}
|
||||
class:bx--inline-notification--info={kind === "info"}
|
||||
class:bx--inline-notification--info-square={kind === "info-square"}
|
||||
class:bx--inline-notification--success={kind === "success"}
|
||||
class:bx--inline-notification--warning={kind === "warning"}
|
||||
class:bx--inline-notification--warning-alt={kind === "warning-alt"}
|
||||
{...$$restProps}
|
||||
on:click
|
||||
on:mouseover
|
||||
on:mouseenter
|
||||
on:mouseleave
|
||||
>
|
||||
<div class:bx--inline-notification__details="{true}">
|
||||
<div class:bx--inline-notification__details={true}>
|
||||
<NotificationIcon
|
||||
notificationType="inline"
|
||||
kind="{kind}"
|
||||
iconDescription="{statusIconDescription}"
|
||||
{kind}
|
||||
iconDescription={statusIconDescription}
|
||||
/>
|
||||
<div class:bx--inline-notification__text-wrapper="{true}">
|
||||
<p class:bx--inline-notification__title="{true}">
|
||||
<div class:bx--inline-notification__text-wrapper={true}>
|
||||
<p class:bx--inline-notification__title={true}>
|
||||
<slot name="title">{title}</slot>
|
||||
</p>
|
||||
<div class:bx--inline-notification__subtitle="{true}">
|
||||
<div class:bx--inline-notification__subtitle={true}>
|
||||
<slot name="subtitle">{subtitle}</slot>
|
||||
</div>
|
||||
<slot />
|
||||
|
|
@ -106,9 +106,9 @@
|
|||
<slot name="actions" />
|
||||
{#if !hideCloseButton}
|
||||
<NotificationButton
|
||||
iconDescription="{closeButtonDescription}"
|
||||
iconDescription={closeButtonDescription}
|
||||
notificationType="inline"
|
||||
on:click="{close}"
|
||||
on:click={close}
|
||||
/>
|
||||
{/if}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -26,10 +26,10 @@
|
|||
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
|
||||
<button
|
||||
type="button"
|
||||
aria-label="{iconDescription}"
|
||||
title="{iconDescription}"
|
||||
class:bx--toast-notification__close-button="{notificationType === 'toast'}"
|
||||
class:bx--inline-notification__close-button="{notificationType === 'inline'}"
|
||||
aria-label={iconDescription}
|
||||
title={iconDescription}
|
||||
class:bx--toast-notification__close-button={notificationType === "toast"}
|
||||
class:bx--inline-notification__close-button={notificationType === "inline"}
|
||||
{...$$restProps}
|
||||
on:click
|
||||
on:mouseover
|
||||
|
|
@ -37,9 +37,9 @@
|
|||
on:mouseleave
|
||||
>
|
||||
<svelte:component
|
||||
this="{icon}"
|
||||
size="{20}"
|
||||
title="{title}"
|
||||
this={icon}
|
||||
size={20}
|
||||
{title}
|
||||
class="{notificationType === 'toast' &&
|
||||
'bx--toast-notification__close-icon'} {notificationType === 'inline' &&
|
||||
'bx--inline-notification__close-icon'}"
|
||||
|
|
|
|||
|
|
@ -32,9 +32,9 @@
|
|||
</script>
|
||||
|
||||
<svelte:component
|
||||
this="{icons[kind]}"
|
||||
size="{20}"
|
||||
title="{iconDescription}"
|
||||
this={icons[kind]}
|
||||
size={20}
|
||||
title={iconDescription}
|
||||
class="{notificationType === 'toast' &&
|
||||
'bx--toast-notification__icon'} {notificationType === 'inline' &&
|
||||
'bx--inline-notification__icon'}"
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@
|
|||
const shouldContinue = dispatch(
|
||||
"close",
|
||||
{ timeout: closeFromTimeout === true },
|
||||
{ cancelable: true }
|
||||
{ cancelable: true },
|
||||
);
|
||||
if (shouldContinue) {
|
||||
open = false;
|
||||
|
|
@ -92,40 +92,40 @@
|
|||
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
|
||||
{#if open}
|
||||
<div
|
||||
role="{role}"
|
||||
kind="{kind}"
|
||||
class:bx--toast-notification="{true}"
|
||||
class:bx--toast-notification--low-contrast="{lowContrast}"
|
||||
class:bx--toast-notification--error="{kind === 'error'}"
|
||||
class:bx--toast-notification--info="{kind === 'info'}"
|
||||
class:bx--toast-notification--info-square="{kind === 'info-square'}"
|
||||
class:bx--toast-notification--success="{kind === 'success'}"
|
||||
class:bx--toast-notification--warning="{kind === 'warning'}"
|
||||
class:bx--toast-notification--warning-alt="{kind === 'warning-alt'}"
|
||||
style:width="{fullWidth ? "100%" : undefined}"
|
||||
{role}
|
||||
{kind}
|
||||
class:bx--toast-notification={true}
|
||||
class:bx--toast-notification--low-contrast={lowContrast}
|
||||
class:bx--toast-notification--error={kind === "error"}
|
||||
class:bx--toast-notification--info={kind === "info"}
|
||||
class:bx--toast-notification--info-square={kind === "info-square"}
|
||||
class:bx--toast-notification--success={kind === "success"}
|
||||
class:bx--toast-notification--warning={kind === "warning"}
|
||||
class:bx--toast-notification--warning-alt={kind === "warning-alt"}
|
||||
style:width={fullWidth ? "100%" : undefined}
|
||||
{...$$restProps}
|
||||
on:click
|
||||
on:mouseover
|
||||
on:mouseenter
|
||||
on:mouseleave
|
||||
>
|
||||
<NotificationIcon kind="{kind}" iconDescription="{statusIconDescription}" />
|
||||
<div class:bx--toast-notification__details="{true}">
|
||||
<h3 class:bx--toast-notification__title="{true}">
|
||||
<NotificationIcon {kind} iconDescription={statusIconDescription} />
|
||||
<div class:bx--toast-notification__details={true}>
|
||||
<h3 class:bx--toast-notification__title={true}>
|
||||
<slot name="title">{title}</slot>
|
||||
</h3>
|
||||
<div class:bx--toast-notification__subtitle="{true}">
|
||||
<div class:bx--toast-notification__subtitle={true}>
|
||||
<slot name="subtitle">{subtitle}</slot>
|
||||
</div>
|
||||
<div class:bx--toast-notification__caption="{true}">
|
||||
<div class:bx--toast-notification__caption={true}>
|
||||
<slot name="caption">{caption}</slot>
|
||||
</div>
|
||||
<slot />
|
||||
</div>
|
||||
{#if !hideCloseButton}
|
||||
<NotificationButton
|
||||
iconDescription="{closeButtonDescription}"
|
||||
on:click="{close}"
|
||||
iconDescription={closeButtonDescription}
|
||||
on:click={close}
|
||||
/>
|
||||
{/if}
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue