@cloudscape-design/components 3.0.205 → 3.0.207

package/app-layout/styles.css.js

@@ -1,31 +1,31 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_lm6vo_81mjv_97",
-  "layout-wrapper": "awsui_layout-wrapper_lm6vo_81mjv_98",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_81mjv_104",
-  "layout": "awsui_layout_lm6vo_81mjv_98",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_81mjv_115",
-  "layout-main": "awsui_layout-main_lm6vo_81mjv_119",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_81mjv_125",
-  "unfocusable": "awsui_unfocusable_lm6vo_81mjv_130",
-  "navigation-panel": "awsui_navigation-panel_lm6vo_81mjv_134",
-  "drawer": "awsui_drawer_lm6vo_81mjv_138",
-  "drawer-mobile": "awsui_drawer-mobile_lm6vo_81mjv_144",
-  "drawer-closed": "awsui_drawer-closed_lm6vo_81mjv_147",
-  "drawer-content": "awsui_drawer-content_lm6vo_81mjv_155",
-  "toggle": "awsui_toggle_lm6vo_81mjv_177",
-  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_81mjv_182",
-  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_81mjv_186",
-  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_81mjv_189",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_81mjv_199",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_81mjv_204",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_81mjv_208",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_81mjv_212",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_81mjv_216",
-  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_81mjv_220",
-  "mobile": "awsui_mobile_lm6vo_81mjv_226",
-  "open": "awsui_open_lm6vo_81mjv_232",
-  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_81mjv_238"
+  "root": "awsui_root_lm6vo_1le9g_97",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_1le9g_98",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1le9g_104",
+  "layout": "awsui_layout_lm6vo_1le9g_98",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1le9g_115",
+  "layout-main": "awsui_layout-main_lm6vo_1le9g_119",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1le9g_125",
+  "unfocusable": "awsui_unfocusable_lm6vo_1le9g_130",
+  "navigation-panel": "awsui_navigation-panel_lm6vo_1le9g_134",
+  "drawer": "awsui_drawer_lm6vo_1le9g_138",
+  "drawer-mobile": "awsui_drawer-mobile_lm6vo_1le9g_144",
+  "drawer-closed": "awsui_drawer-closed_lm6vo_1le9g_147",
+  "drawer-content": "awsui_drawer-content_lm6vo_1le9g_155",
+  "toggle": "awsui_toggle_lm6vo_1le9g_177",
+  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_1le9g_182",
+  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_1le9g_186",
+  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_1le9g_189",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1le9g_199",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1le9g_204",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_1le9g_208",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_1le9g_212",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1le9g_216",
+  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_1le9g_220",
+  "mobile": "awsui_mobile_lm6vo_1le9g_226",
+  "open": "awsui_open_lm6vo_1le9g_232",
+  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_1le9g_238"
 };
   

package/app-layout/styles.scoped.css

@@ -94,147 +94,147 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_lm6vo_81mjv_97:not(#\9),
-.awsui_layout-wrapper_lm6vo_81mjv_98:not(#\9) {
+.awsui_root_lm6vo_1le9g_97:not(#\9),
+.awsui_layout-wrapper_lm6vo_1le9g_98:not(#\9) {
   display: flex;
   flex-direction: column;
   position: relative;
 }
 
-.awsui_root-no-scroll_lm6vo_81mjv_104:not(#\9) {
+.awsui_root-no-scroll_lm6vo_1le9g_104:not(#\9) {
   position: relative;
   z-index: 1;
 }
 
-.awsui_layout_lm6vo_81mjv_98:not(#\9) {
+.awsui_layout_lm6vo_1le9g_98:not(#\9) {
   flex: 1 1 auto;
   display: flex;
   align-items: stretch;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
 }
-.awsui_layout-no-scroll_lm6vo_81mjv_115:not(#\9) {
+.awsui_layout-no-scroll_lm6vo_1le9g_115:not(#\9) {
   overflow: hidden;
 }
 
-.awsui_layout-main_lm6vo_81mjv_119:not(#\9) {
+.awsui_layout-main_lm6vo_1le9g_119:not(#\9) {
   flex: 1;
   min-width: 0;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   position: relative;
 }
-.awsui_layout-main-scrollable_lm6vo_81mjv_125:not(#\9) {
+.awsui_layout-main-scrollable_lm6vo_1le9g_125:not(#\9) {
   overflow: auto;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable_lm6vo_81mjv_130 *:not(#\9) {
+.awsui_unfocusable_lm6vo_1le9g_130 *:not(#\9) {
   visibility: hidden;
 }
 
-.awsui_navigation-panel_lm6vo_81mjv_134:not(#\9) {
+.awsui_navigation-panel_lm6vo_1le9g_134:not(#\9) {
   overflow-anchor: none;
 }
 
-.awsui_drawer_lm6vo_81mjv_138:not(#\9) {
+.awsui_drawer_lm6vo_1le9g_138:not(#\9) {
   flex-shrink: 0;
   position: relative;
   word-wrap: break-word;
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
 }
-.awsui_drawer_lm6vo_81mjv_138:not(#\9):not(.awsui_drawer-mobile_lm6vo_81mjv_144) {
-  z-index: 850;
+.awsui_drawer_lm6vo_1le9g_138:not(#\9):not(.awsui_drawer-mobile_lm6vo_1le9g_144) {
+  z-index: 830;
 }
-.awsui_drawer-closed_lm6vo_81mjv_147:not(#\9) {
+.awsui_drawer-closed_lm6vo_1le9g_147:not(#\9) {
   min-width: 40px;
   cursor: pointer;
 }
-.awsui_drawer-closed_lm6vo_81mjv_147.awsui_drawer-mobile_lm6vo_81mjv_144:not(#\9) {
+.awsui_drawer-closed_lm6vo_1le9g_147.awsui_drawer-mobile_lm6vo_1le9g_144:not(#\9) {
   display: none;
 }
 
-.awsui_drawer-content_lm6vo_81mjv_155:not(#\9) {
+.awsui_drawer-content_lm6vo_1le9g_155:not(#\9) {
   position: fixed;
   overflow: auto;
   background-color: var(--color-background-layout-panel-content-808qum, #ffffff);
 }
-.awsui_drawer-mobile_lm6vo_81mjv_144 > .awsui_drawer-content_lm6vo_81mjv_155:not(#\9) {
+.awsui_drawer-mobile_lm6vo_1le9g_144 > .awsui_drawer-content_lm6vo_1le9g_155:not(#\9) {
   z-index: 1001;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
 }
-.awsui_drawer-closed_lm6vo_81mjv_147 > .awsui_drawer-content_lm6vo_81mjv_155:not(#\9) {
+.awsui_drawer-closed_lm6vo_1le9g_147 > .awsui_drawer-content_lm6vo_1le9g_155:not(#\9) {
   width: 40px;
 }
-.awsui_drawer-closed_lm6vo_81mjv_147 > .awsui_drawer-content_lm6vo_81mjv_155:not(#\9):hover {
+.awsui_drawer-closed_lm6vo_1le9g_147 > .awsui_drawer-content_lm6vo_1le9g_155:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
 }
-.awsui_drawer-content_lm6vo_81mjv_155 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content_lm6vo_1le9g_155 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
 
-.awsui_toggle_lm6vo_81mjv_177:not(#\9) {
+.awsui_toggle_lm6vo_1le9g_177:not(#\9) {
   box-sizing: border-box;
   padding: var(--space-xxs-ynfts5, 4px) 7px;
 }
 
-.awsui_visual-refresh-toggle_lm6vo_81mjv_182:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_1le9g_182:not(#\9) {
   position: fixed;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
 }
-.awsui_visual-refresh-toggle-type-tools_lm6vo_81mjv_186:not(#\9) {
+.awsui_visual-refresh-toggle-type-tools_lm6vo_1le9g_186:not(#\9) {
   right: 0;
 }
-.awsui_visual-refresh-toggle-type-navigation_lm6vo_81mjv_189:not(#\9) {
+.awsui_visual-refresh-toggle-type-navigation_lm6vo_1le9g_189:not(#\9) {
   left: 0;
 }
-.awsui_visual-refresh-toggle_lm6vo_81mjv_182[aria-hidden=true]:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_1le9g_182[aria-hidden=true]:not(#\9) {
   visibility: hidden;
 }
-.awsui_visual-refresh-toggle_lm6vo_81mjv_182[aria-hidden=false]:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_1le9g_182[aria-hidden=false]:not(#\9) {
   visibility: visible;
 }
 
-.awsui_breadcrumbs-desktop_lm6vo_81mjv_199:not(#\9) {
+.awsui_breadcrumbs-desktop_lm6vo_1le9g_199:not(#\9) {
   padding-top: var(--space-scaled-m-pv0fmt, 16px);
   padding-bottom: var(--space-scaled-s-cu1hzn, 12px);
 }
 
-.awsui_content-header-wrapper_lm6vo_81mjv_204:not(#\9) {
+.awsui_content-header-wrapper_lm6vo_1le9g_204:not(#\9) {
   padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
 }
 
-.awsui_content-wrapper_lm6vo_81mjv_208:not(#\9) {
+.awsui_content-wrapper_lm6vo_1le9g_208:not(#\9) {
   padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
 }
 
-.awsui_content-overlapped_lm6vo_81mjv_212:not(#\9) {
+.awsui_content-overlapped_lm6vo_1le9g_212:not(#\9) {
   margin-top: calc(-1 * var(--space-dark-header-overlap-distance-hfejul, 36px));
 }
 
-.awsui_content-extra-top-padding_lm6vo_81mjv_216:not(#\9) {
+.awsui_content-extra-top-padding_lm6vo_1le9g_216:not(#\9) {
   padding-top: var(--space-scaled-m-pv0fmt, 16px);
 }
 
-.awsui_panel-wrapper-outer_lm6vo_81mjv_220:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_1le9g_220:not(#\9) {
   position: fixed;
   height: 100%;
-  z-index: 850;
+  z-index: 830;
   display: flex;
 }
-.awsui_panel-wrapper-outer_lm6vo_81mjv_220.awsui_mobile_lm6vo_81mjv_226:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_1le9g_220.awsui_mobile_lm6vo_1le9g_226:not(#\9) {
   left: 0;
   right: 0;
   z-index: -1;
   pointer-events: none;
 }
-.awsui_panel-wrapper-outer_lm6vo_81mjv_220.awsui_mobile_lm6vo_81mjv_226.awsui_open_lm6vo_81mjv_232:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_1le9g_220.awsui_mobile_lm6vo_1le9g_226.awsui_open_lm6vo_1le9g_232:not(#\9) {
   z-index: 1001;
   width: 100vw;
   pointer-events: auto;
 }
 
-.awsui_panel-wrapper-inner_lm6vo_81mjv_238:not(#\9) {
+.awsui_panel-wrapper-inner_lm6vo_1le9g_238:not(#\9) {
   background: var(--color-background-layout-panel-content-808qum, #ffffff);
 }

package/app-layout/styles.selectors.js

@@ -2,31 +2,31 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_lm6vo_81mjv_97",
-  "layout-wrapper": "awsui_layout-wrapper_lm6vo_81mjv_98",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_81mjv_104",
-  "layout": "awsui_layout_lm6vo_81mjv_98",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_81mjv_115",
-  "layout-main": "awsui_layout-main_lm6vo_81mjv_119",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_81mjv_125",
-  "unfocusable": "awsui_unfocusable_lm6vo_81mjv_130",
-  "navigation-panel": "awsui_navigation-panel_lm6vo_81mjv_134",
-  "drawer": "awsui_drawer_lm6vo_81mjv_138",
-  "drawer-mobile": "awsui_drawer-mobile_lm6vo_81mjv_144",
-  "drawer-closed": "awsui_drawer-closed_lm6vo_81mjv_147",
-  "drawer-content": "awsui_drawer-content_lm6vo_81mjv_155",
-  "toggle": "awsui_toggle_lm6vo_81mjv_177",
-  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_81mjv_182",
-  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_81mjv_186",
-  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_81mjv_189",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_81mjv_199",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_81mjv_204",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_81mjv_208",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_81mjv_212",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_81mjv_216",
-  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_81mjv_220",
-  "mobile": "awsui_mobile_lm6vo_81mjv_226",
-  "open": "awsui_open_lm6vo_81mjv_232",
-  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_81mjv_238"
+  "root": "awsui_root_lm6vo_1le9g_97",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_1le9g_98",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1le9g_104",
+  "layout": "awsui_layout_lm6vo_1le9g_98",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1le9g_115",
+  "layout-main": "awsui_layout-main_lm6vo_1le9g_119",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1le9g_125",
+  "unfocusable": "awsui_unfocusable_lm6vo_1le9g_130",
+  "navigation-panel": "awsui_navigation-panel_lm6vo_1le9g_134",
+  "drawer": "awsui_drawer_lm6vo_1le9g_138",
+  "drawer-mobile": "awsui_drawer-mobile_lm6vo_1le9g_144",
+  "drawer-closed": "awsui_drawer-closed_lm6vo_1le9g_147",
+  "drawer-content": "awsui_drawer-content_lm6vo_1le9g_155",
+  "toggle": "awsui_toggle_lm6vo_1le9g_177",
+  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_1le9g_182",
+  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_1le9g_186",
+  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_1le9g_189",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1le9g_199",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1le9g_204",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_1le9g_208",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_1le9g_212",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1le9g_216",
+  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_1le9g_220",
+  "mobile": "awsui_mobile_lm6vo_1le9g_226",
+  "open": "awsui_open_lm6vo_1le9g_232",
+  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_1le9g_238"
 };
   

package/app-layout/visual-refresh/notifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/notifications.tsx"],"names":[],"mappings":"AAQA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,uBAkCpC"}
+{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/notifications.tsx"],"names":[],"mappings":"AAQA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,uBAsCpC"}

package/app-layout/visual-refresh/notifications.js

@@ -16,10 +16,15 @@ export default function Notifications() {
     if (!notifications) {
         return null;
     }
+    /*
+    The notificationsElement ref is assigned to an inner div to prevent internal bottom margin from affecting the
+    calculated height, which is used for sticky elements below.
+     */
     return (React.createElement("div", { role: "region", "aria-label": (_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.notifications) !== null && _b !== void 0 ? _b : undefined, className: clsx(styles.notifications, (_a = {},
             _a[styles['has-notifications-content']] = hasNotificationsContent,
             _a[styles['sticky-notifications']] = stickyNotifications,
             _a[styles.unfocusable] = isMobile && isAnyPanelOpen,
-            _a), testutilStyles.notifications, 'awsui-context-content-header'), ref: notificationsElement }, notifications));
+            _a), testutilStyles.notifications, 'awsui-context-content-header') },
+        React.createElement("div", { ref: notificationsElement }, notifications)));
 }
 //# sourceMappingURL=notifications.js.map

package/app-layout/visual-refresh/notifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/notifications.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAE3D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa;;;IAC7B,IAAA,KAQF,qBAAqB,EAAE,EAPzB,UAAU,gBAAA,EACV,uBAAuB,6BAAA,EACvB,aAAa,mBAAA,EACb,oBAAoB,0BAAA,EACpB,mBAAmB,yBAAA,EACnB,QAAQ,cAAA,EACR,cAAc,oBACW,CAAC;IAE5B,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,6BACE,IAAI,EAAC,QAAQ,gBACD,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa,mCAAI,SAAS,EAClD,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,aAAa;YAElB,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,uBAAuB;YAC9D,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,mBAAmB;YACrD,GAAC,MAAM,CAAC,WAAW,IAAG,QAAQ,IAAI,cAAc;iBAElD,cAAc,CAAC,aAAa,EAC5B,8BAA8B,CAC/B,EACD,GAAG,EAAE,oBAAoB,IAExB,aAAa,CACV,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\n\n/**\n * The CSS class 'awsui-context-content-header' needs to be added to the root element so\n * that the design tokens used are overridden with the appropriate values.\n */\nexport default function Notifications() {\n  const {\n    ariaLabels,\n    hasNotificationsContent,\n    notifications,\n    notificationsElement,\n    stickyNotifications,\n    isMobile,\n    isAnyPanelOpen,\n  } = useAppLayoutInternals();\n\n  if (!notifications) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"region\"\n      aria-label={ariaLabels?.notifications ?? undefined}\n      className={clsx(\n        styles.notifications,\n        {\n          [styles['has-notifications-content']]: hasNotificationsContent,\n          [styles['sticky-notifications']]: stickyNotifications,\n          [styles.unfocusable]: isMobile && isAnyPanelOpen,\n        },\n        testutilStyles.notifications,\n        'awsui-context-content-header'\n      )}\n      ref={notificationsElement}\n    >\n      {notifications}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/notifications.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAE3D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa;;;IAC7B,IAAA,KAQF,qBAAqB,EAAE,EAPzB,UAAU,gBAAA,EACV,uBAAuB,6BAAA,EACvB,aAAa,mBAAA,EACb,oBAAoB,0BAAA,EACpB,mBAAmB,yBAAA,EACnB,QAAQ,cAAA,EACR,cAAc,oBACW,CAAC;IAE5B,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IAED;;;OAGG;IAEH,OAAO,CACL,6BACE,IAAI,EAAC,QAAQ,gBACD,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa,mCAAI,SAAS,EAClD,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,aAAa;YAElB,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,uBAAuB;YAC9D,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,mBAAmB;YACrD,GAAC,MAAM,CAAC,WAAW,IAAG,QAAQ,IAAI,cAAc;iBAElD,cAAc,CAAC,aAAa,EAC5B,8BAA8B,CAC/B;QAED,6BAAK,GAAG,EAAE,oBAAoB,IAAG,aAAa,CAAO,CACjD,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\n\n/**\n * The CSS class 'awsui-context-content-header' needs to be added to the root element so\n * that the design tokens used are overridden with the appropriate values.\n */\nexport default function Notifications() {\n  const {\n    ariaLabels,\n    hasNotificationsContent,\n    notifications,\n    notificationsElement,\n    stickyNotifications,\n    isMobile,\n    isAnyPanelOpen,\n  } = useAppLayoutInternals();\n\n  if (!notifications) {\n    return null;\n  }\n\n  /*\n  The notificationsElement ref is assigned to an inner div to prevent internal bottom margin from affecting the\n  calculated height, which is used for sticky elements below.\n   */\n\n  return (\n    <div\n      role=\"region\"\n      aria-label={ariaLabels?.notifications ?? undefined}\n      className={clsx(\n        styles.notifications,\n        {\n          [styles['has-notifications-content']]: hasNotificationsContent,\n          [styles['sticky-notifications']]: stickyNotifications,\n          [styles.unfocusable]: isMobile && isAnyPanelOpen,\n        },\n        testutilStyles.notifications,\n        'awsui-context-content-header'\n      )}\n    >\n      <div ref={notificationsElement}>{notifications}</div>\n    </div>\n  );\n}\n"]}

package/app-layout/visual-refresh/styles.css.js

@@ -1,65 +1,65 @@
 
     import './styles.scoped.css';
     export default {
-  "appbar": "awsui_appbar_hyvsj_1naed_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_1naed_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1naed_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_1naed_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1naed_166",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_1naed_173",
-  "has-header": "awsui_has-header_hyvsj_1naed_179",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_1naed_179",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_1naed_180",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1naed_183",
-  "content-type-table": "awsui_content-type-table_hyvsj_1naed_184",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_1naed_187",
-  "background": "awsui_background_hyvsj_1naed_221",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_1naed_224",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1naed_236",
-  "overlap": "awsui_overlap_hyvsj_1naed_242",
-  "content": "awsui_content_hyvsj_1naed_180",
-  "layout": "awsui_layout_hyvsj_1naed_333",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1naed_415",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1naed_442",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1naed_445",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1naed_449",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1naed_463",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1naed_463",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1naed_475",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1naed_478",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1naed_493",
-  "container": "awsui_container_hyvsj_1naed_501",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1naed_527",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1naed_532",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1naed_535",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1naed_535",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1naed_535",
-  "content-type-default": "awsui_content-type-default_hyvsj_1naed_555",
-  "content-type-form": "awsui_content-type-form_hyvsj_1naed_555",
-  "unfocusable": "awsui_unfocusable_hyvsj_1naed_596",
-  "navigation-container": "awsui_navigation-container_hyvsj_1naed_606",
-  "show-navigation": "awsui_show-navigation_hyvsj_1naed_641",
-  "animating": "awsui_animating_hyvsj_1naed_663",
-  "showButtons": "awsui_showButtons_hyvsj_1naed_1",
-  "navigation": "awsui_navigation_hyvsj_1naed_606",
-  "openNavigation": "awsui_openNavigation_hyvsj_1naed_1",
-  "animated-content": "awsui_animated-content_hyvsj_1naed_724",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1naed_733",
-  "notifications": "awsui_notifications_hyvsj_1naed_224",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1naed_799",
-  "position-bottom": "awsui_position-bottom_hyvsj_1naed_845",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1naed_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1naed_874",
-  "position-side": "awsui_position-side_hyvsj_1naed_902",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_1naed_1",
-  "tools-container": "awsui_tools-container_hyvsj_1naed_939",
-  "tools": "awsui_tools_hyvsj_1naed_939",
-  "openTools": "awsui_openTools_hyvsj_1naed_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1naed_1024",
-  "hide-tools": "awsui_hide-tools_hyvsj_1naed_1034",
-  "show-tools": "awsui_show-tools_hyvsj_1naed_1046",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1naed_1024",
-  "trigger": "awsui_trigger_hyvsj_1naed_1103",
-  "selected": "awsui_selected_hyvsj_1naed_1142"
+  "appbar": "awsui_appbar_hyvsj_vwhok_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_vwhok_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_vwhok_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_vwhok_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_vwhok_166",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_vwhok_173",
+  "has-header": "awsui_has-header_hyvsj_vwhok_179",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_vwhok_179",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_vwhok_180",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_vwhok_183",
+  "content-type-table": "awsui_content-type-table_hyvsj_vwhok_184",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_vwhok_187",
+  "background": "awsui_background_hyvsj_vwhok_221",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_vwhok_224",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_vwhok_236",
+  "overlap": "awsui_overlap_hyvsj_vwhok_242",
+  "content": "awsui_content_hyvsj_vwhok_180",
+  "layout": "awsui_layout_hyvsj_vwhok_333",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_vwhok_415",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_vwhok_442",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_vwhok_445",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_vwhok_449",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_vwhok_463",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_vwhok_463",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_vwhok_475",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_vwhok_478",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_vwhok_493",
+  "container": "awsui_container_hyvsj_vwhok_501",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_vwhok_527",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_vwhok_532",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_vwhok_535",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_vwhok_535",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_vwhok_535",
+  "content-type-default": "awsui_content-type-default_hyvsj_vwhok_555",
+  "content-type-form": "awsui_content-type-form_hyvsj_vwhok_555",
+  "unfocusable": "awsui_unfocusable_hyvsj_vwhok_596",
+  "navigation-container": "awsui_navigation-container_hyvsj_vwhok_606",
+  "show-navigation": "awsui_show-navigation_hyvsj_vwhok_641",
+  "animating": "awsui_animating_hyvsj_vwhok_663",
+  "showButtons": "awsui_showButtons_hyvsj_vwhok_1",
+  "navigation": "awsui_navigation_hyvsj_vwhok_606",
+  "openNavigation": "awsui_openNavigation_hyvsj_vwhok_1",
+  "animated-content": "awsui_animated-content_hyvsj_vwhok_724",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_vwhok_733",
+  "notifications": "awsui_notifications_hyvsj_vwhok_224",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_vwhok_799",
+  "position-bottom": "awsui_position-bottom_hyvsj_vwhok_845",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_vwhok_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_vwhok_874",
+  "position-side": "awsui_position-side_hyvsj_vwhok_902",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_vwhok_1",
+  "tools-container": "awsui_tools-container_hyvsj_vwhok_939",
+  "tools": "awsui_tools_hyvsj_vwhok_939",
+  "openTools": "awsui_openTools_hyvsj_vwhok_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_vwhok_1024",
+  "hide-tools": "awsui_hide-tools_hyvsj_vwhok_1034",
+  "show-tools": "awsui_show-tools_hyvsj_vwhok_1046",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_vwhok_1024",
+  "trigger": "awsui_trigger_hyvsj_vwhok_1103",
+  "selected": "awsui_selected_hyvsj_vwhok_1142"
 };