Align v10.48 (#907)

* chore(deps-dev): upgrade carbon-components to v10.48.0

* feat(ui-shell): support HeaderNavMenu with current item

* refactor(tile): remove unnecessary "position: relative" style

* refactor(tile): remove unused ref

* feat(inline-notification): make title/subtitle slottable

Closes #883

* feat(toast-notification): make title/subtitle/caption slottable

* chore(notification): deprecate NotificationTextDetails
This commit is contained in:
Eric Liu 2021-11-12 16:25:02 -08:00 committed by GitHub
commit 27ba4350cf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
16 changed files with 128 additions and 40 deletions

View file

@ -36,7 +36,6 @@
import { createEventDispatcher, onMount } from "svelte";
import NotificationButton from "./NotificationButton.svelte";
import NotificationIcon from "./NotificationIcon.svelte";
import NotificationTextDetails from "./NotificationTextDetails.svelte";
const dispatch = createEventDispatcher();
@ -79,13 +78,18 @@
on:mouseleave
>
<NotificationIcon kind="{kind}" />
<NotificationTextDetails
title="{title}"
subtitle="{subtitle}"
caption="{caption}"
>
<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}">
<slot name="subtitle">{subtitle}</slot>
</div>
<div class:bx--toast-notification__caption="{true}">
<slot name="caption">{caption}</slot>
</div>
<slot />
</NotificationTextDetails>
</div>
{#if !hideCloseButton}
<NotificationButton
iconDescription="{iconDescription}"