From b8b6fc5433e81f13b560a867ff08f78ca4e32155 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 20 Aug 2025 20:48:01 +0000 Subject: [PATCH 1/6] Initial plan From 6271418fcb83306d60491b89c5976d1bbc05239e Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 20 Aug 2025 20:54:51 +0000 Subject: [PATCH 2/6] Changes before error encountered Co-authored-by: mfranzke <787658+mfranzke@users.noreply.github.com> --- .../notification/notification.lite.tsx | 2 ++ packages/components/src/utils/index.ts | 18 ++++++++++++++++++ 2 files changed, 20 insertions(+) diff --git a/packages/components/src/components/notification/notification.lite.tsx b/packages/components/src/components/notification/notification.lite.tsx index 88230387b838..749d883e7708 100644 --- a/packages/components/src/components/notification/notification.lite.tsx +++ b/packages/components/src/components/notification/notification.lite.tsx @@ -12,6 +12,7 @@ import { cls, getBoolean, getBooleanAsString, + getNotificationRole, stringPropVisible } from '../../utils'; import DBButton from '../button/button.lite'; @@ -41,6 +42,7 @@ export default function DBNotification(props: DBNotificationProps) { ref={_ref} id={props.id} class={cls('db-notification', props.className)} + role={getNotificationRole(props.semantic)} aria-live={props.ariaLive} data-semantic={props.semantic} data-variant={props.variant} diff --git a/packages/components/src/utils/index.ts b/packages/components/src/utils/index.ts index 683a0bdd9cf2..41a0bd0cf943 100644 --- a/packages/components/src/utils/index.ts +++ b/packages/components/src/utils/index.ts @@ -157,3 +157,21 @@ export const isKeyboardEvent = ( event?: ClickEvent | GeneralKeyboardEvent ): event is GeneralKeyboardEvent => (event as GeneralKeyboardEvent).key !== undefined; + +/** + * Maps semantic values to appropriate ARIA roles for notifications + * @param semantic - The semantic type of the notification + * @returns The appropriate ARIA role or undefined for default behavior + */ +export const getNotificationRole = (semantic?: string): string | undefined => { + switch (semantic) { + case 'critical': + case 'warning': + return 'alert'; + case 'informational': + case 'successful': + return 'status'; + default: + return undefined; + } +}; From 2e5fd19bcd2572bbbfcb7e410e31cf98cb99d0ac Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Sun, 28 Sep 2025 18:13:37 +0000 Subject: [PATCH 3/6] auto update snapshots (#5078) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- .../DBNotification-should-have-same-aria-snapshot.yaml | 8 ++++---- .../DBNotification-should-have-same-aria-snapshot.yaml | 8 ++++---- .../DBNotification-should-have-same-aria-snapshot.yaml | 8 ++++---- .../DBNotification-should-have-same-aria-snapshot.yaml | 8 ++++---- .../DBNotification-should-have-same-aria-snapshot.yaml | 8 ++++---- .../DBNotification-should-have-same-aria-snapshot.yaml | 8 ++++---- 6 files changed, 24 insertions(+), 24 deletions(-) diff --git a/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index 0f3ce6c86138..f242847addfb 100644 --- a/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -36,19 +36,19 @@ - text: Headline - paragraph: Neutral - button "Close" - - article: + - alert: - text: Headline - paragraph: Critical - button "Close" - - article: + - status: - text: Headline - paragraph: Informational - button "Close" - - article: + - status: - text: Headline - paragraph: Successful - button "Close" - - article: + - alert: - text: Headline - paragraph: Warning - button "Close" diff --git a/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index 0f3ce6c86138..f242847addfb 100644 --- a/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -36,19 +36,19 @@ - text: Headline - paragraph: Neutral - button "Close" - - article: + - alert: - text: Headline - paragraph: Critical - button "Close" - - article: + - status: - text: Headline - paragraph: Informational - button "Close" - - article: + - status: - text: Headline - paragraph: Successful - button "Close" - - article: + - alert: - text: Headline - paragraph: Warning - button "Close" diff --git a/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index 0f3ce6c86138..f242847addfb 100644 --- a/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -36,19 +36,19 @@ - text: Headline - paragraph: Neutral - button "Close" - - article: + - alert: - text: Headline - paragraph: Critical - button "Close" - - article: + - status: - text: Headline - paragraph: Informational - button "Close" - - article: + - status: - text: Headline - paragraph: Successful - button "Close" - - article: + - alert: - text: Headline - paragraph: Warning - button "Close" diff --git a/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index 0f3ce6c86138..f242847addfb 100644 --- a/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -36,19 +36,19 @@ - text: Headline - paragraph: Neutral - button "Close" - - article: + - alert: - text: Headline - paragraph: Critical - button "Close" - - article: + - status: - text: Headline - paragraph: Informational - button "Close" - - article: + - status: - text: Headline - paragraph: Successful - button "Close" - - article: + - alert: - text: Headline - paragraph: Warning - button "Close" diff --git a/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index 0f3ce6c86138..f242847addfb 100644 --- a/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -36,19 +36,19 @@ - text: Headline - paragraph: Neutral - button "Close" - - article: + - alert: - text: Headline - paragraph: Critical - button "Close" - - article: + - status: - text: Headline - paragraph: Informational - button "Close" - - article: + - status: - text: Headline - paragraph: Successful - button "Close" - - article: + - alert: - text: Headline - paragraph: Warning - button "Close" diff --git a/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index 0f3ce6c86138..f242847addfb 100644 --- a/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -36,19 +36,19 @@ - text: Headline - paragraph: Neutral - button "Close" - - article: + - alert: - text: Headline - paragraph: Critical - button "Close" - - article: + - status: - text: Headline - paragraph: Informational - button "Close" - - article: + - status: - text: Headline - paragraph: Successful - button "Close" - - article: + - alert: - text: Headline - paragraph: Warning - button "Close" From cd2b68f3c4e0664efed99efa8ed9ed23d682f7f6 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 29 Oct 2025 12:37:33 +0000 Subject: [PATCH 4/6] auto update snapshots (#5390) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- .../DBNotification-should-have-same-aria-snapshot.yaml | 4 ---- .../DBNotification-should-have-same-aria-snapshot.yaml | 4 ---- .../DBNotification-should-have-same-aria-snapshot.yaml | 4 ---- .../DBNotification-should-have-same-aria-snapshot.yaml | 4 ---- .../DBNotification-should-have-same-aria-snapshot.yaml | 4 ---- .../DBNotification-should-have-same-aria-snapshot.yaml | 4 ---- 6 files changed, 24 deletions(-) diff --git a/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index f3d102be7a78..9311e42f39b2 100644 --- a/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -27,19 +27,15 @@ - article: - text: Headline - paragraph: Neutral - - button "Close" - alert: - text: Headline - paragraph: Critical - - button "Close" - status: - text: Headline - paragraph: Informational - - button "Close" - status: - text: Headline - paragraph: Successful - - button "Close" - alert: - text: Headline - paragraph: Warning diff --git a/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index f3d102be7a78..9311e42f39b2 100644 --- a/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -27,19 +27,15 @@ - article: - text: Headline - paragraph: Neutral - - button "Close" - alert: - text: Headline - paragraph: Critical - - button "Close" - status: - text: Headline - paragraph: Informational - - button "Close" - status: - text: Headline - paragraph: Successful - - button "Close" - alert: - text: Headline - paragraph: Warning diff --git a/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index f3d102be7a78..9311e42f39b2 100644 --- a/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -27,19 +27,15 @@ - article: - text: Headline - paragraph: Neutral - - button "Close" - alert: - text: Headline - paragraph: Critical - - button "Close" - status: - text: Headline - paragraph: Informational - - button "Close" - status: - text: Headline - paragraph: Successful - - button "Close" - alert: - text: Headline - paragraph: Warning diff --git a/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index f3d102be7a78..9311e42f39b2 100644 --- a/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -27,19 +27,15 @@ - article: - text: Headline - paragraph: Neutral - - button "Close" - alert: - text: Headline - paragraph: Critical - - button "Close" - status: - text: Headline - paragraph: Informational - - button "Close" - status: - text: Headline - paragraph: Successful - - button "Close" - alert: - text: Headline - paragraph: Warning diff --git a/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index f3d102be7a78..9311e42f39b2 100644 --- a/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -27,19 +27,15 @@ - article: - text: Headline - paragraph: Neutral - - button "Close" - alert: - text: Headline - paragraph: Critical - - button "Close" - status: - text: Headline - paragraph: Informational - - button "Close" - status: - text: Headline - paragraph: Successful - - button "Close" - alert: - text: Headline - paragraph: Warning diff --git a/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index f3d102be7a78..9311e42f39b2 100644 --- a/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -27,19 +27,15 @@ - article: - text: Headline - paragraph: Neutral - - button "Close" - alert: - text: Headline - paragraph: Critical - - button "Close" - status: - text: Headline - paragraph: Informational - - button "Close" - status: - text: Headline - paragraph: Successful - - button "Close" - alert: - text: Headline - paragraph: Warning From ad6bd0eea4418dbe25d67083a5bc38782d246748 Mon Sep 17 00:00:00 2001 From: Maximilian Franzke Date: Mon, 24 Nov 2025 09:02:35 +0100 Subject: [PATCH 5/6] fix(axe): switch to generic div axe reports: "ARIA role status is not allowed for given element" --- .../src/components/notification/notification.lite.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/components/src/components/notification/notification.lite.tsx b/packages/components/src/components/notification/notification.lite.tsx index 8fa4714a0a2e..70a2f0419cd7 100644 --- a/packages/components/src/components/notification/notification.lite.tsx +++ b/packages/components/src/components/notification/notification.lite.tsx @@ -38,7 +38,7 @@ export default function DBNotification(props: DBNotificationProps) { // jscpd:ignore-end return ( -
-
+ ); } From ea6157a5f6b7912b7e4f173d74285c41af12a55f Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 24 Nov 2025 08:27:32 +0000 Subject: [PATCH 6/6] auto update snapshots (#5510) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- ...cation-should-have-same-aria-snapshot.yaml | 3 +- ...cation-should-have-same-aria-snapshot.yaml | 3 +- ...cation-should-have-same-aria-snapshot.yaml | 3 +- ...cation-should-have-same-aria-snapshot.yaml | 257 +++++++----------- ...cation-should-have-same-aria-snapshot.yaml | 257 +++++++----------- ...cation-should-have-same-aria-snapshot.yaml | 257 +++++++----------- ...cation-should-have-same-aria-snapshot.yaml | 257 +++++++----------- ...cation-should-have-same-aria-snapshot.yaml | 257 +++++++----------- ...cation-should-have-same-aria-snapshot.yaml | 257 +++++++----------- 9 files changed, 627 insertions(+), 924 deletions(-) diff --git a/__snapshots__/notification/component/chromium/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/component/chromium/DBNotification-should-have-same-aria-snapshot.yaml index 8247277d6e80..984a82eea26b 100644 --- a/__snapshots__/notification/component/chromium/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/component/chromium/DBNotification-should-have-same-aria-snapshot.yaml @@ -1,2 +1 @@ -- article: - - paragraph: Test \ No newline at end of file +- paragraph: Test \ No newline at end of file diff --git a/__snapshots__/notification/component/firefox/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/component/firefox/DBNotification-should-have-same-aria-snapshot.yaml index 8247277d6e80..984a82eea26b 100644 --- a/__snapshots__/notification/component/firefox/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/component/firefox/DBNotification-should-have-same-aria-snapshot.yaml @@ -1,2 +1 @@ -- article: - - paragraph: Test \ No newline at end of file +- paragraph: Test \ No newline at end of file diff --git a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-have-same-aria-snapshot.yaml index 8247277d6e80..984a82eea26b 100644 --- a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-have-same-aria-snapshot.yaml @@ -1,2 +1 @@ -- article: - - paragraph: Test \ No newline at end of file +- paragraph: Test \ No newline at end of file diff --git a/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index 9311e42f39b2..c90a5aab869f 100644 --- a/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -1,32 +1,24 @@ - main: - heading "DBNotification" [level=1] - link "Density" - - article: - - text: Headline - - paragraph: functional - - article: - - text: Headline - - paragraph: regular (Default) - - article: - - text: Headline - - paragraph: expressive + - text: Headline + - paragraph: functional + - text: Headline + - paragraph: regular (Default) + - text: Headline + - paragraph: expressive - link "Variant" - - article: - - text: Headline - - paragraph: (Default) Docked - - article: - - text: Headline - - paragraph: Standalone - - article: - - text: Headline - - paragraph: Overlay + - text: Headline + - paragraph: (Default) Docked + - text: Headline + - paragraph: Standalone + - text: Headline + - paragraph: Overlay - link "Semantic" - - article: - - text: Headline - - paragraph: (Default) Adaptive - - article: - - text: Headline - - paragraph: Neutral + - text: Headline + - paragraph: (Default) Adaptive + - text: Headline + - paragraph: Neutral - alert: - text: Headline - paragraph: Critical @@ -40,140 +32,99 @@ - text: Headline - paragraph: Warning - link "Closeable" - - article: - - paragraph: (Default) False - - article: - - paragraph: "True" - - button "Close" + - paragraph: (Default) False + - paragraph: "True" + - button "Close" - link "Visual" - - article: - - paragraph: (Default) Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Image + - paragraph: (Default) Icon + - img "this is a fancy placeholder" + - paragraph: Image - link "Show Icon" - - article: - - paragraph: (Default) True - - article: - - paragraph: "False" + - paragraph: (Default) True + - paragraph: "False" - link "Link Variant" - - article: - - paragraph: (Default) Block - - link "Textlink" - - article: - - paragraph: Inline - - link "Textlink" + - paragraph: (Default) Block + - link "Textlink" + - paragraph: Inline + - link "Textlink" - link "Show Headline" - - article: - - text: Headline - - paragraph: (Default) True - - article: - - paragraph: "False" + - text: Headline + - paragraph: (Default) True + - paragraph: "False" - link "Show Timestamp" - - article: - - paragraph: (Default) False - - article: - - paragraph: "True" - - text: 10 min ago + - paragraph: (Default) False + - paragraph: "True" + - text: 10 min ago - link "Examples - VariantDocked": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Inline + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" - link "Examples - VariantStandalone": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Inline + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" - link "Examples - VariantOverlay": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Block & Timed - - text: 10 min ago - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - paragraph: Text & Timed - - text: 10 min ago - - article: - - paragraph: Text & Timed & Closeable - - text: 10 min ago - - button "Close" - - article: - - text: Headline - - paragraph: Text & Headline & Timed & Closeable - - text: 10 min ago - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Timed & Closeable - - text: 10 min ago - - button "Close" \ No newline at end of file + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Inline + - link "Textlink" + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Block & Timed + - text: 10 min ago + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - paragraph: Text & Timed + - text: 10 min ago + - paragraph: Text & Timed & Closeable + - text: 10 min ago + - button "Close" + - text: Headline + - paragraph: Text & Headline & Timed & Closeable + - text: 10 min ago + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Timed & Closeable + - text: 10 min ago + - button "Close" \ No newline at end of file diff --git a/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index 9311e42f39b2..c90a5aab869f 100644 --- a/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -1,32 +1,24 @@ - main: - heading "DBNotification" [level=1] - link "Density" - - article: - - text: Headline - - paragraph: functional - - article: - - text: Headline - - paragraph: regular (Default) - - article: - - text: Headline - - paragraph: expressive + - text: Headline + - paragraph: functional + - text: Headline + - paragraph: regular (Default) + - text: Headline + - paragraph: expressive - link "Variant" - - article: - - text: Headline - - paragraph: (Default) Docked - - article: - - text: Headline - - paragraph: Standalone - - article: - - text: Headline - - paragraph: Overlay + - text: Headline + - paragraph: (Default) Docked + - text: Headline + - paragraph: Standalone + - text: Headline + - paragraph: Overlay - link "Semantic" - - article: - - text: Headline - - paragraph: (Default) Adaptive - - article: - - text: Headline - - paragraph: Neutral + - text: Headline + - paragraph: (Default) Adaptive + - text: Headline + - paragraph: Neutral - alert: - text: Headline - paragraph: Critical @@ -40,140 +32,99 @@ - text: Headline - paragraph: Warning - link "Closeable" - - article: - - paragraph: (Default) False - - article: - - paragraph: "True" - - button "Close" + - paragraph: (Default) False + - paragraph: "True" + - button "Close" - link "Visual" - - article: - - paragraph: (Default) Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Image + - paragraph: (Default) Icon + - img "this is a fancy placeholder" + - paragraph: Image - link "Show Icon" - - article: - - paragraph: (Default) True - - article: - - paragraph: "False" + - paragraph: (Default) True + - paragraph: "False" - link "Link Variant" - - article: - - paragraph: (Default) Block - - link "Textlink" - - article: - - paragraph: Inline - - link "Textlink" + - paragraph: (Default) Block + - link "Textlink" + - paragraph: Inline + - link "Textlink" - link "Show Headline" - - article: - - text: Headline - - paragraph: (Default) True - - article: - - paragraph: "False" + - text: Headline + - paragraph: (Default) True + - paragraph: "False" - link "Show Timestamp" - - article: - - paragraph: (Default) False - - article: - - paragraph: "True" - - text: 10 min ago + - paragraph: (Default) False + - paragraph: "True" + - text: 10 min ago - link "Examples - VariantDocked": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Inline + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" - link "Examples - VariantStandalone": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Inline + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" - link "Examples - VariantOverlay": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Block & Timed - - text: 10 min ago - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - paragraph: Text & Timed - - text: 10 min ago - - article: - - paragraph: Text & Timed & Closeable - - text: 10 min ago - - button "Close" - - article: - - text: Headline - - paragraph: Text & Headline & Timed & Closeable - - text: 10 min ago - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Timed & Closeable - - text: 10 min ago - - button "Close" \ No newline at end of file + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Inline + - link "Textlink" + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Block & Timed + - text: 10 min ago + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - paragraph: Text & Timed + - text: 10 min ago + - paragraph: Text & Timed & Closeable + - text: 10 min ago + - button "Close" + - text: Headline + - paragraph: Text & Headline & Timed & Closeable + - text: 10 min ago + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Timed & Closeable + - text: 10 min ago + - button "Close" \ No newline at end of file diff --git a/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index 9311e42f39b2..c90a5aab869f 100644 --- a/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -1,32 +1,24 @@ - main: - heading "DBNotification" [level=1] - link "Density" - - article: - - text: Headline - - paragraph: functional - - article: - - text: Headline - - paragraph: regular (Default) - - article: - - text: Headline - - paragraph: expressive + - text: Headline + - paragraph: functional + - text: Headline + - paragraph: regular (Default) + - text: Headline + - paragraph: expressive - link "Variant" - - article: - - text: Headline - - paragraph: (Default) Docked - - article: - - text: Headline - - paragraph: Standalone - - article: - - text: Headline - - paragraph: Overlay + - text: Headline + - paragraph: (Default) Docked + - text: Headline + - paragraph: Standalone + - text: Headline + - paragraph: Overlay - link "Semantic" - - article: - - text: Headline - - paragraph: (Default) Adaptive - - article: - - text: Headline - - paragraph: Neutral + - text: Headline + - paragraph: (Default) Adaptive + - text: Headline + - paragraph: Neutral - alert: - text: Headline - paragraph: Critical @@ -40,140 +32,99 @@ - text: Headline - paragraph: Warning - link "Closeable" - - article: - - paragraph: (Default) False - - article: - - paragraph: "True" - - button "Close" + - paragraph: (Default) False + - paragraph: "True" + - button "Close" - link "Visual" - - article: - - paragraph: (Default) Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Image + - paragraph: (Default) Icon + - img "this is a fancy placeholder" + - paragraph: Image - link "Show Icon" - - article: - - paragraph: (Default) True - - article: - - paragraph: "False" + - paragraph: (Default) True + - paragraph: "False" - link "Link Variant" - - article: - - paragraph: (Default) Block - - link "Textlink" - - article: - - paragraph: Inline - - link "Textlink" + - paragraph: (Default) Block + - link "Textlink" + - paragraph: Inline + - link "Textlink" - link "Show Headline" - - article: - - text: Headline - - paragraph: (Default) True - - article: - - paragraph: "False" + - text: Headline + - paragraph: (Default) True + - paragraph: "False" - link "Show Timestamp" - - article: - - paragraph: (Default) False - - article: - - paragraph: "True" - - text: 10 min ago + - paragraph: (Default) False + - paragraph: "True" + - text: 10 min ago - link "Examples - VariantDocked": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Inline + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" - link "Examples - VariantStandalone": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Inline + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" - link "Examples - VariantOverlay": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Block & Timed - - text: 10 min ago - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - paragraph: Text & Timed - - text: 10 min ago - - article: - - paragraph: Text & Timed & Closeable - - text: 10 min ago - - button "Close" - - article: - - text: Headline - - paragraph: Text & Headline & Timed & Closeable - - text: 10 min ago - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Timed & Closeable - - text: 10 min ago - - button "Close" \ No newline at end of file + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Inline + - link "Textlink" + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Block & Timed + - text: 10 min ago + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - paragraph: Text & Timed + - text: 10 min ago + - paragraph: Text & Timed & Closeable + - text: 10 min ago + - button "Close" + - text: Headline + - paragraph: Text & Headline & Timed & Closeable + - text: 10 min ago + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Timed & Closeable + - text: 10 min ago + - button "Close" \ No newline at end of file diff --git a/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index 9311e42f39b2..c90a5aab869f 100644 --- a/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -1,32 +1,24 @@ - main: - heading "DBNotification" [level=1] - link "Density" - - article: - - text: Headline - - paragraph: functional - - article: - - text: Headline - - paragraph: regular (Default) - - article: - - text: Headline - - paragraph: expressive + - text: Headline + - paragraph: functional + - text: Headline + - paragraph: regular (Default) + - text: Headline + - paragraph: expressive - link "Variant" - - article: - - text: Headline - - paragraph: (Default) Docked - - article: - - text: Headline - - paragraph: Standalone - - article: - - text: Headline - - paragraph: Overlay + - text: Headline + - paragraph: (Default) Docked + - text: Headline + - paragraph: Standalone + - text: Headline + - paragraph: Overlay - link "Semantic" - - article: - - text: Headline - - paragraph: (Default) Adaptive - - article: - - text: Headline - - paragraph: Neutral + - text: Headline + - paragraph: (Default) Adaptive + - text: Headline + - paragraph: Neutral - alert: - text: Headline - paragraph: Critical @@ -40,140 +32,99 @@ - text: Headline - paragraph: Warning - link "Closeable" - - article: - - paragraph: (Default) False - - article: - - paragraph: "True" - - button "Close" + - paragraph: (Default) False + - paragraph: "True" + - button "Close" - link "Visual" - - article: - - paragraph: (Default) Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Image + - paragraph: (Default) Icon + - img "this is a fancy placeholder" + - paragraph: Image - link "Show Icon" - - article: - - paragraph: (Default) True - - article: - - paragraph: "False" + - paragraph: (Default) True + - paragraph: "False" - link "Link Variant" - - article: - - paragraph: (Default) Block - - link "Textlink" - - article: - - paragraph: Inline - - link "Textlink" + - paragraph: (Default) Block + - link "Textlink" + - paragraph: Inline + - link "Textlink" - link "Show Headline" - - article: - - text: Headline - - paragraph: (Default) True - - article: - - paragraph: "False" + - text: Headline + - paragraph: (Default) True + - paragraph: "False" - link "Show Timestamp" - - article: - - paragraph: (Default) False - - article: - - paragraph: "True" - - text: 10 min ago + - paragraph: (Default) False + - paragraph: "True" + - text: 10 min ago - link "Examples - VariantDocked": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Inline + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" - link "Examples - VariantStandalone": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Inline + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" - link "Examples - VariantOverlay": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Block & Timed - - text: 10 min ago - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - paragraph: Text & Timed - - text: 10 min ago - - article: - - paragraph: Text & Timed & Closeable - - text: 10 min ago - - button "Close" - - article: - - text: Headline - - paragraph: Text & Headline & Timed & Closeable - - text: 10 min ago - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Timed & Closeable - - text: 10 min ago - - button "Close" \ No newline at end of file + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Inline + - link "Textlink" + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Block & Timed + - text: 10 min ago + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - paragraph: Text & Timed + - text: 10 min ago + - paragraph: Text & Timed & Closeable + - text: 10 min ago + - button "Close" + - text: Headline + - paragraph: Text & Headline & Timed & Closeable + - text: 10 min ago + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Timed & Closeable + - text: 10 min ago + - button "Close" \ No newline at end of file diff --git a/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index 9311e42f39b2..c90a5aab869f 100644 --- a/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -1,32 +1,24 @@ - main: - heading "DBNotification" [level=1] - link "Density" - - article: - - text: Headline - - paragraph: functional - - article: - - text: Headline - - paragraph: regular (Default) - - article: - - text: Headline - - paragraph: expressive + - text: Headline + - paragraph: functional + - text: Headline + - paragraph: regular (Default) + - text: Headline + - paragraph: expressive - link "Variant" - - article: - - text: Headline - - paragraph: (Default) Docked - - article: - - text: Headline - - paragraph: Standalone - - article: - - text: Headline - - paragraph: Overlay + - text: Headline + - paragraph: (Default) Docked + - text: Headline + - paragraph: Standalone + - text: Headline + - paragraph: Overlay - link "Semantic" - - article: - - text: Headline - - paragraph: (Default) Adaptive - - article: - - text: Headline - - paragraph: Neutral + - text: Headline + - paragraph: (Default) Adaptive + - text: Headline + - paragraph: Neutral - alert: - text: Headline - paragraph: Critical @@ -40,140 +32,99 @@ - text: Headline - paragraph: Warning - link "Closeable" - - article: - - paragraph: (Default) False - - article: - - paragraph: "True" - - button "Close" + - paragraph: (Default) False + - paragraph: "True" + - button "Close" - link "Visual" - - article: - - paragraph: (Default) Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Image + - paragraph: (Default) Icon + - img "this is a fancy placeholder" + - paragraph: Image - link "Show Icon" - - article: - - paragraph: (Default) True - - article: - - paragraph: "False" + - paragraph: (Default) True + - paragraph: "False" - link "Link Variant" - - article: - - paragraph: (Default) Block - - link "Textlink" - - article: - - paragraph: Inline - - link "Textlink" + - paragraph: (Default) Block + - link "Textlink" + - paragraph: Inline + - link "Textlink" - link "Show Headline" - - article: - - text: Headline - - paragraph: (Default) True - - article: - - paragraph: "False" + - text: Headline + - paragraph: (Default) True + - paragraph: "False" - link "Show Timestamp" - - article: - - paragraph: (Default) False - - article: - - paragraph: "True" - - text: 10 min ago + - paragraph: (Default) False + - paragraph: "True" + - text: 10 min ago - link "Examples - VariantDocked": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Inline + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" - link "Examples - VariantStandalone": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Inline + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" - link "Examples - VariantOverlay": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Block & Timed - - text: 10 min ago - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - paragraph: Text & Timed - - text: 10 min ago - - article: - - paragraph: Text & Timed & Closeable - - text: 10 min ago - - button "Close" - - article: - - text: Headline - - paragraph: Text & Headline & Timed & Closeable - - text: 10 min ago - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Timed & Closeable - - text: 10 min ago - - button "Close" \ No newline at end of file + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Inline + - link "Textlink" + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Block & Timed + - text: 10 min ago + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - paragraph: Text & Timed + - text: 10 min ago + - paragraph: Text & Timed & Closeable + - text: 10 min ago + - button "Close" + - text: Headline + - paragraph: Text & Headline & Timed & Closeable + - text: 10 min ago + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Timed & Closeable + - text: 10 min ago + - button "Close" \ No newline at end of file diff --git a/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index 9311e42f39b2..c90a5aab869f 100644 --- a/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -1,32 +1,24 @@ - main: - heading "DBNotification" [level=1] - link "Density" - - article: - - text: Headline - - paragraph: functional - - article: - - text: Headline - - paragraph: regular (Default) - - article: - - text: Headline - - paragraph: expressive + - text: Headline + - paragraph: functional + - text: Headline + - paragraph: regular (Default) + - text: Headline + - paragraph: expressive - link "Variant" - - article: - - text: Headline - - paragraph: (Default) Docked - - article: - - text: Headline - - paragraph: Standalone - - article: - - text: Headline - - paragraph: Overlay + - text: Headline + - paragraph: (Default) Docked + - text: Headline + - paragraph: Standalone + - text: Headline + - paragraph: Overlay - link "Semantic" - - article: - - text: Headline - - paragraph: (Default) Adaptive - - article: - - text: Headline - - paragraph: Neutral + - text: Headline + - paragraph: (Default) Adaptive + - text: Headline + - paragraph: Neutral - alert: - text: Headline - paragraph: Critical @@ -40,140 +32,99 @@ - text: Headline - paragraph: Warning - link "Closeable" - - article: - - paragraph: (Default) False - - article: - - paragraph: "True" - - button "Close" + - paragraph: (Default) False + - paragraph: "True" + - button "Close" - link "Visual" - - article: - - paragraph: (Default) Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Image + - paragraph: (Default) Icon + - img "this is a fancy placeholder" + - paragraph: Image - link "Show Icon" - - article: - - paragraph: (Default) True - - article: - - paragraph: "False" + - paragraph: (Default) True + - paragraph: "False" - link "Link Variant" - - article: - - paragraph: (Default) Block - - link "Textlink" - - article: - - paragraph: Inline - - link "Textlink" + - paragraph: (Default) Block + - link "Textlink" + - paragraph: Inline + - link "Textlink" - link "Show Headline" - - article: - - text: Headline - - paragraph: (Default) True - - article: - - paragraph: "False" + - text: Headline + - paragraph: (Default) True + - paragraph: "False" - link "Show Timestamp" - - article: - - paragraph: (Default) False - - article: - - paragraph: "True" - - text: 10 min ago + - paragraph: (Default) False + - paragraph: "True" + - text: 10 min ago - link "Examples - VariantDocked": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Inline + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" - link "Examples - VariantStandalone": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Inline + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" - link "Examples - VariantOverlay": - - article: - - paragraph: Text - - article: - - paragraph: Text & Icon - - article: - - img "this is a fancy placeholder" - - paragraph: Text & Preview Image - - article: - - text: Headline - - paragraph: Text & Headline - - article: - - paragraph: Text & Textlink Inline - - link "Textlink" - - article: - - paragraph: Text & Textlink Block - - link "Textlink" - - article: - - paragraph: Text & Textlink Block & Timed - - text: 10 min ago - - link "Textlink" - - article: - - text: Headline - - paragraph: Text & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Textlink Inline & Closeable - - link "Textlink" - - button "Close" - - article: - - paragraph: Text & Timed - - text: 10 min ago - - article: - - paragraph: Text & Timed & Closeable - - text: 10 min ago - - button "Close" - - article: - - text: Headline - - paragraph: Text & Headline & Timed & Closeable - - text: 10 min ago - - button "Close" - - article: - - text: Headline - - paragraph: Text & Icon & Headline & Timed & Closeable - - text: 10 min ago - - button "Close" \ No newline at end of file + - paragraph: Text + - paragraph: Text & Icon + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - text: Headline + - paragraph: Text & Headline + - paragraph: Text & Textlink Inline + - link "Textlink" + - paragraph: Text & Textlink Block + - link "Textlink" + - paragraph: Text & Textlink Block & Timed + - text: 10 min ago + - link "Textlink" + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Closeable + - link "Textlink" + - button "Close" + - paragraph: Text & Timed + - text: 10 min ago + - paragraph: Text & Timed & Closeable + - text: 10 min ago + - button "Close" + - text: Headline + - paragraph: Text & Headline & Timed & Closeable + - text: 10 min ago + - button "Close" + - text: Headline + - paragraph: Text & Icon & Headline & Timed & Closeable + - text: 10 min ago + - button "Close" \ No newline at end of file