mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 10:51:06 +00:00
feat(notification)!: replace iconDescription
prop with statusIconDescription
, closeButtonDescription
(#1591)
Fixes #672, fixes #1563 * breaking: remove `iconDescription` prop from `InlineNotification`, `ToastNotification` * breaking: require `iconDescription` prop in `NotificationIcon` * feat: add new `statusIconDescription` and `closeButtonDescription` to `InlineNotification`, `ToastNotification`
This commit is contained in:
parent
e258db0cae
commit
50066966da
10 changed files with 144 additions and 53 deletions
|
@ -27,8 +27,14 @@
|
|||
/** Set to `true` to hide the close button */
|
||||
export let hideCloseButton = false;
|
||||
|
||||
/** Specify the ARIA label for the icon */
|
||||
export let iconDescription = "Closes notification";
|
||||
/**
|
||||
* Specify the ARIA label for the status icon
|
||||
* @type {string}
|
||||
* */
|
||||
export let statusIconDescription = kind + " icon";
|
||||
|
||||
/** Specify the ARIA label for the close button */
|
||||
export let closeButtonDescription = "Close notification";
|
||||
|
||||
import { createEventDispatcher, onMount } from "svelte";
|
||||
import NotificationIcon from "./NotificationIcon.svelte";
|
||||
|
@ -82,7 +88,11 @@
|
|||
on:mouseleave
|
||||
>
|
||||
<div class:bx--inline-notification__details="{true}">
|
||||
<NotificationIcon notificationType="inline" kind="{kind}" />
|
||||
<NotificationIcon
|
||||
notificationType="inline"
|
||||
kind="{kind}"
|
||||
iconDescription="{statusIconDescription}"
|
||||
/>
|
||||
<div class:bx--inline-notification__text-wrapper="{true}">
|
||||
<p class:bx--inline-notification__title="{true}">
|
||||
<slot name="title">{title}</slot>
|
||||
|
@ -96,7 +106,7 @@
|
|||
<slot name="actions" />
|
||||
{#if !hideCloseButton}
|
||||
<NotificationButton
|
||||
iconDescription="{iconDescription}"
|
||||
iconDescription="{closeButtonDescription}"
|
||||
notificationType="inline"
|
||||
on:click="{close}"
|
||||
/>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue