@cloudscape-design/components 3.0.190 → 3.0.192

package/app-layout/styles.css.js

@@ -1,43 +1,31 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_lm6vo_hzagk_97",
-  "layout-wrapper": "awsui_layout-wrapper_lm6vo_hzagk_98",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_hzagk_104",
-  "layout": "awsui_layout_lm6vo_hzagk_98",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_hzagk_115",
-  "layout-main": "awsui_layout-main_lm6vo_hzagk_119",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_hzagk_125",
-  "unfocusable": "awsui_unfocusable_lm6vo_hzagk_130",
-  "navigation-panel": "awsui_navigation-panel_lm6vo_hzagk_134",
-  "drawer": "awsui_drawer_lm6vo_hzagk_138",
-  "drawer-mobile": "awsui_drawer-mobile_lm6vo_hzagk_144",
-  "drawer-closed": "awsui_drawer-closed_lm6vo_hzagk_147",
-  "opaque-background": "awsui_opaque-background_lm6vo_hzagk_154",
-  "drawer-content": "awsui_drawer-content_lm6vo_hzagk_158",
-  "toggle": "awsui_toggle_lm6vo_hzagk_183",
-  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_hzagk_188",
-  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_hzagk_192",
-  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_hzagk_195",
-  "button-toggles-container": "awsui_button-toggles-container_lm6vo_hzagk_205",
-  "button-toggles-container-is-hidden": "awsui_button-toggles-container-is-hidden_lm6vo_hzagk_210",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_hzagk_224",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_hzagk_229",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_hzagk_233",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_hzagk_237",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_hzagk_241",
-  "navigation-toggle": "awsui_navigation-toggle_lm6vo_hzagk_246",
-  "tools-toggle": "awsui_tools-toggle_lm6vo_hzagk_251",
-  "navigation": "awsui_navigation_lm6vo_hzagk_134",
-  "navigation-close": "awsui_navigation-close_lm6vo_hzagk_263",
-  "tools": "awsui_tools_lm6vo_hzagk_251",
-  "tools-close": "awsui_tools-close_lm6vo_hzagk_275",
-  "notifications": "awsui_notifications_lm6vo_hzagk_279",
-  "breadcrumbs": "awsui_breadcrumbs_lm6vo_hzagk_224",
-  "content": "awsui_content_lm6vo_hzagk_229",
-  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_hzagk_291",
-  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_hzagk_292",
-  "mobile": "awsui_mobile_lm6vo_hzagk_301",
-  "open": "awsui_open_lm6vo_hzagk_307"
+  "root": "awsui_root_lm6vo_oif4k_97",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_oif4k_98",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_oif4k_104",
+  "layout": "awsui_layout_lm6vo_oif4k_98",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_oif4k_115",
+  "layout-main": "awsui_layout-main_lm6vo_oif4k_119",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_oif4k_125",
+  "unfocusable": "awsui_unfocusable_lm6vo_oif4k_130",
+  "navigation-panel": "awsui_navigation-panel_lm6vo_oif4k_134",
+  "drawer": "awsui_drawer_lm6vo_oif4k_138",
+  "drawer-mobile": "awsui_drawer-mobile_lm6vo_oif4k_144",
+  "drawer-closed": "awsui_drawer-closed_lm6vo_oif4k_147",
+  "drawer-content": "awsui_drawer-content_lm6vo_oif4k_155",
+  "toggle": "awsui_toggle_lm6vo_oif4k_177",
+  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_oif4k_182",
+  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_oif4k_186",
+  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_oif4k_189",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_oif4k_199",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_oif4k_204",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_oif4k_208",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_oif4k_212",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_oif4k_216",
+  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_oif4k_220",
+  "mobile": "awsui_mobile_lm6vo_oif4k_226",
+  "open": "awsui_open_lm6vo_oif4k_232",
+  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_oif4k_238"
 };
   

package/app-layout/styles.scoped.css

@@ -94,222 +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_hzagk_97:not(#\9),
-.awsui_layout-wrapper_lm6vo_hzagk_98:not(#\9) {
+.awsui_root_lm6vo_oif4k_97:not(#\9),
+.awsui_layout-wrapper_lm6vo_oif4k_98:not(#\9) {
   display: flex;
   flex-direction: column;
   position: relative;
 }
 
-.awsui_root-no-scroll_lm6vo_hzagk_104:not(#\9) {
+.awsui_root-no-scroll_lm6vo_oif4k_104:not(#\9) {
   position: relative;
   z-index: 1;
 }
 
-.awsui_layout_lm6vo_hzagk_98:not(#\9) {
+.awsui_layout_lm6vo_oif4k_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_hzagk_115:not(#\9) {
+.awsui_layout-no-scroll_lm6vo_oif4k_115:not(#\9) {
   overflow: hidden;
 }
 
-.awsui_layout-main_lm6vo_hzagk_119:not(#\9) {
+.awsui_layout-main_lm6vo_oif4k_119:not(#\9) {
   flex: 1;
   min-width: 0;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   position: relative;
 }
-.awsui_layout-main-scrollable_lm6vo_hzagk_125:not(#\9) {
+.awsui_layout-main-scrollable_lm6vo_oif4k_125:not(#\9) {
   overflow: auto;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable_lm6vo_hzagk_130 *:not(#\9) {
+.awsui_unfocusable_lm6vo_oif4k_130 *:not(#\9) {
   visibility: hidden;
 }
 
-.awsui_navigation-panel_lm6vo_hzagk_134:not(#\9) {
+.awsui_navigation-panel_lm6vo_oif4k_134:not(#\9) {
   overflow-anchor: none;
 }
 
-.awsui_drawer_lm6vo_hzagk_138:not(#\9) {
+.awsui_drawer_lm6vo_oif4k_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_hzagk_138:not(#\9):not(.awsui_drawer-mobile_lm6vo_hzagk_144) {
+.awsui_drawer_lm6vo_oif4k_138:not(#\9):not(.awsui_drawer-mobile_lm6vo_oif4k_144) {
   z-index: 850;
 }
-.awsui_drawer-closed_lm6vo_hzagk_147:not(#\9) {
+.awsui_drawer-closed_lm6vo_oif4k_147:not(#\9) {
   min-width: 40px;
   cursor: pointer;
 }
-.awsui_drawer-closed_lm6vo_hzagk_147.awsui_drawer-mobile_lm6vo_hzagk_144:not(#\9) {
+.awsui_drawer-closed_lm6vo_oif4k_147.awsui_drawer-mobile_lm6vo_oif4k_144:not(#\9) {
   display: none;
 }
-.awsui_drawer_lm6vo_hzagk_138.awsui_opaque-background_lm6vo_hzagk_154:not(#\9) {
-  background: var(--color-background-layout-panel-content-808qum, #ffffff);
-}
 
-.awsui_drawer-content_lm6vo_hzagk_158:not(#\9) {
+.awsui_drawer-content_lm6vo_oif4k_155:not(#\9) {
   position: fixed;
   overflow: auto;
   background-color: var(--color-background-layout-panel-content-808qum, #ffffff);
 }
-.awsui_opaque-background_lm6vo_hzagk_154 > .awsui_drawer-content_lm6vo_hzagk_158:not(#\9) {
-  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-side-yjkfcr, #e9ebed);
-}
-.awsui_drawer-mobile_lm6vo_hzagk_144 > .awsui_drawer-content_lm6vo_hzagk_158:not(#\9) {
+.awsui_drawer-mobile_lm6vo_oif4k_144 > .awsui_drawer-content_lm6vo_oif4k_155:not(#\9) {
   z-index: 1001;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
 }
-.awsui_drawer-closed_lm6vo_hzagk_147 > .awsui_drawer-content_lm6vo_hzagk_158:not(#\9) {
+.awsui_drawer-closed_lm6vo_oif4k_147 > .awsui_drawer-content_lm6vo_oif4k_155:not(#\9) {
   width: 40px;
 }
-.awsui_drawer-closed_lm6vo_hzagk_147 > .awsui_drawer-content_lm6vo_hzagk_158:not(#\9):hover {
+.awsui_drawer-closed_lm6vo_oif4k_147 > .awsui_drawer-content_lm6vo_oif4k_155:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
 }
-.awsui_drawer-content_lm6vo_hzagk_158 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content_lm6vo_oif4k_155 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
 
-.awsui_toggle_lm6vo_hzagk_183:not(#\9) {
+.awsui_toggle_lm6vo_oif4k_177:not(#\9) {
   box-sizing: border-box;
   padding: var(--space-xxs-ynfts5, 4px) 7px;
 }
 
-.awsui_visual-refresh-toggle_lm6vo_hzagk_188:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_oif4k_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_hzagk_192:not(#\9) {
+.awsui_visual-refresh-toggle-type-tools_lm6vo_oif4k_186:not(#\9) {
   right: 0;
 }
-.awsui_visual-refresh-toggle-type-navigation_lm6vo_hzagk_195:not(#\9) {
+.awsui_visual-refresh-toggle-type-navigation_lm6vo_oif4k_189:not(#\9) {
   left: 0;
 }
-.awsui_visual-refresh-toggle_lm6vo_hzagk_188[aria-hidden=true]:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_oif4k_182[aria-hidden=true]:not(#\9) {
   visibility: hidden;
 }
-.awsui_visual-refresh-toggle_lm6vo_hzagk_188[aria-hidden=false]:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_oif4k_182[aria-hidden=false]:not(#\9) {
   visibility: visible;
 }
 
-.awsui_button-toggles-container_lm6vo_hzagk_205:not(#\9) {
-  min-width: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
-  position: relative;
-  z-index: 851;
-}
-.awsui_button-toggles-container-is-hidden_lm6vo_hzagk_210:not(#\9) {
-  min-width: 0;
-}
-.awsui_button-toggles-container_lm6vo_hzagk_205.awsui_opaque-background_lm6vo_hzagk_154:not(#\9)::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
-  background: var(--color-background-layout-panel-content-808qum, #ffffff);
-  border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-side-yjkfcr, #e9ebed);
-}
-
-.awsui_breadcrumbs-desktop_lm6vo_hzagk_224:not(#\9) {
+.awsui_breadcrumbs-desktop_lm6vo_oif4k_199:not(#\9) {
   padding-top: var(--space-scaled-m-pv0fmt, 16px);
   padding-bottom: var(--space-scaled-s-cu1hzn, 12px);
 }
 
-.awsui_content-header-wrapper_lm6vo_hzagk_229:not(#\9) {
+.awsui_content-header-wrapper_lm6vo_oif4k_204:not(#\9) {
   padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
 }
 
-.awsui_content-wrapper_lm6vo_hzagk_233:not(#\9) {
+.awsui_content-wrapper_lm6vo_oif4k_208:not(#\9) {
   padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
 }
 
-.awsui_content-overlapped_lm6vo_hzagk_237:not(#\9) {
+.awsui_content-overlapped_lm6vo_oif4k_212:not(#\9) {
   margin-top: calc(-1 * var(--space-dark-header-overlap-distance-hfejul, 36px));
 }
 
-.awsui_content-extra-top-padding_lm6vo_hzagk_241:not(#\9) {
+.awsui_content-extra-top-padding_lm6vo_oif4k_216:not(#\9) {
   padding-top: var(--space-scaled-m-pv0fmt, 16px);
 }
 
-/* stylelint-disable-next-line selector-max-universal */
-.awsui_navigation-toggle_lm6vo_hzagk_246 > *:not(#\9) {
-  pointer-events: none;
-}
-
-/* stylelint-disable-next-line selector-max-universal */
-.awsui_tools-toggle_lm6vo_hzagk_251 > *:not(#\9) {
-  pointer-events: none;
-}
-
-.awsui_navigation_lm6vo_hzagk_134:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_navigation-toggle_lm6vo_hzagk_246:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_navigation-close_lm6vo_hzagk_263:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_tools_lm6vo_hzagk_251:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_tools-toggle_lm6vo_hzagk_251:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_tools-close_lm6vo_hzagk_275:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_notifications_lm6vo_hzagk_279:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_breadcrumbs_lm6vo_hzagk_224:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_content_lm6vo_hzagk_229:not(#\9) {
-  /* used in test-utils */
-}
-
-.awsui_panel-wrapper-outer_lm6vo_hzagk_291:not(#\9),
-.awsui_panel-wrapper-inner_lm6vo_hzagk_292:not(#\9) {
-  z-index: 850;
-}
-
-.awsui_panel-wrapper-outer_lm6vo_hzagk_291:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_oif4k_220:not(#\9) {
   position: fixed;
   height: 100%;
+  z-index: 850;
   display: flex;
 }
-.awsui_panel-wrapper-outer_lm6vo_hzagk_291.awsui_mobile_lm6vo_hzagk_301:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_oif4k_220.awsui_mobile_lm6vo_oif4k_226:not(#\9) {
   left: 0;
   right: 0;
   z-index: -1;
   pointer-events: none;
 }
-.awsui_panel-wrapper-outer_lm6vo_hzagk_291.awsui_mobile_lm6vo_hzagk_301.awsui_open_lm6vo_hzagk_307:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_oif4k_220.awsui_mobile_lm6vo_oif4k_226.awsui_open_lm6vo_oif4k_232:not(#\9) {
   z-index: 1001;
   width: 100vw;
   pointer-events: auto;
 }
 
-.awsui_panel-wrapper-inner_lm6vo_hzagk_292:not(#\9) {
+.awsui_panel-wrapper-inner_lm6vo_oif4k_238:not(#\9) {
   background: var(--color-background-layout-panel-content-808qum, #ffffff);
 }

package/app-layout/styles.selectors.js

@@ -2,43 +2,31 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_lm6vo_hzagk_97",
-  "layout-wrapper": "awsui_layout-wrapper_lm6vo_hzagk_98",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_hzagk_104",
-  "layout": "awsui_layout_lm6vo_hzagk_98",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_hzagk_115",
-  "layout-main": "awsui_layout-main_lm6vo_hzagk_119",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_hzagk_125",
-  "unfocusable": "awsui_unfocusable_lm6vo_hzagk_130",
-  "navigation-panel": "awsui_navigation-panel_lm6vo_hzagk_134",
-  "drawer": "awsui_drawer_lm6vo_hzagk_138",
-  "drawer-mobile": "awsui_drawer-mobile_lm6vo_hzagk_144",
-  "drawer-closed": "awsui_drawer-closed_lm6vo_hzagk_147",
-  "opaque-background": "awsui_opaque-background_lm6vo_hzagk_154",
-  "drawer-content": "awsui_drawer-content_lm6vo_hzagk_158",
-  "toggle": "awsui_toggle_lm6vo_hzagk_183",
-  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_hzagk_188",
-  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_hzagk_192",
-  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_hzagk_195",
-  "button-toggles-container": "awsui_button-toggles-container_lm6vo_hzagk_205",
-  "button-toggles-container-is-hidden": "awsui_button-toggles-container-is-hidden_lm6vo_hzagk_210",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_hzagk_224",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_hzagk_229",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_hzagk_233",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_hzagk_237",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_hzagk_241",
-  "navigation-toggle": "awsui_navigation-toggle_lm6vo_hzagk_246",
-  "tools-toggle": "awsui_tools-toggle_lm6vo_hzagk_251",
-  "navigation": "awsui_navigation_lm6vo_hzagk_134",
-  "navigation-close": "awsui_navigation-close_lm6vo_hzagk_263",
-  "tools": "awsui_tools_lm6vo_hzagk_251",
-  "tools-close": "awsui_tools-close_lm6vo_hzagk_275",
-  "notifications": "awsui_notifications_lm6vo_hzagk_279",
-  "breadcrumbs": "awsui_breadcrumbs_lm6vo_hzagk_224",
-  "content": "awsui_content_lm6vo_hzagk_229",
-  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_hzagk_291",
-  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_hzagk_292",
-  "mobile": "awsui_mobile_lm6vo_hzagk_301",
-  "open": "awsui_open_lm6vo_hzagk_307"
+  "root": "awsui_root_lm6vo_oif4k_97",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_oif4k_98",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_oif4k_104",
+  "layout": "awsui_layout_lm6vo_oif4k_98",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_oif4k_115",
+  "layout-main": "awsui_layout-main_lm6vo_oif4k_119",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_oif4k_125",
+  "unfocusable": "awsui_unfocusable_lm6vo_oif4k_130",
+  "navigation-panel": "awsui_navigation-panel_lm6vo_oif4k_134",
+  "drawer": "awsui_drawer_lm6vo_oif4k_138",
+  "drawer-mobile": "awsui_drawer-mobile_lm6vo_oif4k_144",
+  "drawer-closed": "awsui_drawer-closed_lm6vo_oif4k_147",
+  "drawer-content": "awsui_drawer-content_lm6vo_oif4k_155",
+  "toggle": "awsui_toggle_lm6vo_oif4k_177",
+  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_oif4k_182",
+  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_oif4k_186",
+  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_oif4k_189",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_oif4k_199",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_oif4k_204",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_oif4k_208",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_oif4k_212",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_oif4k_216",
+  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_oif4k_220",
+  "mobile": "awsui_mobile_lm6vo_oif4k_226",
+  "open": "awsui_open_lm6vo_oif4k_232",
+  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_oif4k_238"
 };
   

package/app-layout/tools-and-split-panel.d.ts

@@ -5,26 +5,19 @@ import useContentHeight from './utils/use-content-height';
 interface ToolsAndSplitPanelProps {
     toolsHide: boolean;
     toolsOpen: boolean;
-    isHidden: DesktopDrawerProps['isHidden'];
-    splitPanelOpen: boolean;
     drawerWidth: number;
     toolsWidth: number;
-    splitPanelReportedSize: number;
-    closedDrawerWidth: number;
     headerHeight: DesktopDrawerProps['topOffset'];
     footerHeight: DesktopDrawerProps['bottomOffset'];
     panelHeightStyle: ReturnType<typeof useContentHeight>['panelHeightStyle'];
-    contentHeightStyle: ReturnType<typeof useContentHeight>['contentHeightStyle'];
     tools: React.ReactNode;
     splitPanel: React.ReactNode;
     ariaLabels: AppLayoutProps['ariaLabels'];
-    disableContentPaddings: AppLayoutProps['disableContentPaddings'];
     isMobile: boolean;
-    isMotionEnabled: boolean;
     onToolsToggle: DesktopDrawerProps['onToggle'];
     toggleRefs: DesktopDrawerProps['toggleRefs'];
     onLoseToolsFocus: (event: React.FocusEvent) => void;
 }
-export declare function ToolsAndSplitPanel({ ariaLabels, drawerWidth, footerHeight, headerHeight, isHidden, isMobile, onToolsToggle, panelHeightStyle, splitPanel, toggleRefs, onLoseToolsFocus, tools, toolsHide, toolsOpen, toolsWidth, splitPanelOpen, }: ToolsAndSplitPanelProps): JSX.Element;
+export declare function ToolsAndSplitPanel({ ariaLabels, drawerWidth, footerHeight, headerHeight, isMobile, onToolsToggle, panelHeightStyle, splitPanel, toggleRefs, onLoseToolsFocus, tools, toolsHide, toolsOpen, toolsWidth, }: ToolsAndSplitPanelProps): JSX.Element;
 export {};
 //# sourceMappingURL=tools-and-split-panel.d.ts.map

package/app-layout/tools-and-split-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tools-and-split-panel.d.ts","sourceRoot":"","sources":["../../../src/app-layout/tools-and-split-panel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAU,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAI1D,UAAU,uBAAuB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAEzC,cAAc,EAAE,OAAO,CAAC;IAExB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,iBAAiB,EAAE,MAAM,CAAC;IAE1B,YAAY,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC9C,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACjD,gBAAgB,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAC1E,kBAAkB,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,CAAC;IAE9E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,UAAU,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAEzC,sBAAsB,EAAE,cAAc,CAAC,wBAAwB,CAAC,CAAC;IACjE,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IAEzB,aAAa,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAE9C,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAE7C,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,cAAc,GACf,EAAE,uBAAuB,eA8CzB"}
+{"version":3,"file":"tools-and-split-panel.d.ts","sourceRoot":"","sources":["../../../src/app-layout/tools-and-split-panel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAU,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAI1D,UAAU,uBAAuB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC9C,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACjD,gBAAgB,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAC1E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC9C,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC7C,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,SAAS,EACT,UAAU,GACX,EAAE,uBAAuB,eAyCzB"}

package/app-layout/tools-and-split-panel.js

@@ -8,8 +8,7 @@ import styles from './styles.css.js';
 import testutilStyles from './test-classes/styles.css.js';
 export function ToolsAndSplitPanel(_a) {
     var _b;
-    var ariaLabels = _a.ariaLabels, drawerWidth = _a.drawerWidth, footerHeight = _a.footerHeight, headerHeight = _a.headerHeight, isHidden = _a.isHidden, isMobile = _a.isMobile, onToolsToggle = _a.onToolsToggle, panelHeightStyle = _a.panelHeightStyle, splitPanel = _a.splitPanel, toggleRefs = _a.toggleRefs, onLoseToolsFocus = _a.onLoseToolsFocus, tools = _a.tools, toolsHide = _a.toolsHide, toolsOpen = _a.toolsOpen, toolsWidth = _a.toolsWidth, splitPanelOpen = _a.splitPanelOpen;
-    var splitPanelVisible = splitPanelOpen && Boolean(splitPanel);
+    var ariaLabels = _a.ariaLabels, drawerWidth = _a.drawerWidth, footerHeight = _a.footerHeight, headerHeight = _a.headerHeight, isMobile = _a.isMobile, onToolsToggle = _a.onToolsToggle, panelHeightStyle = _a.panelHeightStyle, splitPanel = _a.splitPanel, toggleRefs = _a.toggleRefs, onLoseToolsFocus = _a.onLoseToolsFocus, tools = _a.tools, toolsHide = _a.toolsHide, toolsOpen = _a.toolsOpen, toolsWidth = _a.toolsWidth;
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { style: {
                 width: drawerWidth
@@ -19,6 +18,6 @@ export function ToolsAndSplitPanel(_a) {
                     _b[styles.open] = toolsOpen,
                     _b)), style: __assign({}, (isMobile ? { top: headerHeight, bottom: footerHeight } : panelHeightStyle)) },
                 splitPanel,
-                !toolsHide && (React.createElement(Drawer, { type: "tools", isMobile: isMobile, width: toolsWidth, isOpen: toolsOpen, onToggle: onToolsToggle, toggleRefs: toggleRefs, onLoseFocus: onLoseToolsFocus, isHidden: isHidden, contentClassName: clsx(styles.tools, testutilStyles.tools), closeClassName: clsx(styles['tools-close'], testutilStyles['tools-close']), toggleClassName: clsx(styles['tools-toggle'], testutilStyles['tools-toggle']), topOffset: headerHeight, bottomOffset: footerHeight, ariaLabels: ariaLabels, extendRight: 0, hasDividerWithSplitPanel: splitPanelVisible }, tools))))));
+                !toolsHide && (React.createElement(Drawer, { type: "tools", isMobile: isMobile, width: toolsWidth, isOpen: toolsOpen, onToggle: onToolsToggle, toggleRefs: toggleRefs, onLoseFocus: onLoseToolsFocus, contentClassName: testutilStyles.tools, closeClassName: testutilStyles['tools-close'], toggleClassName: testutilStyles['tools-toggle'], topOffset: headerHeight, bottomOffset: footerHeight, ariaLabels: ariaLabels }, tools))))));
 }
 //# sourceMappingURL=tools-and-split-panel.js.map

package/app-layout/tools-and-split-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"tools-and-split-panel.js","sourceRoot":"","sources":["../../../src/app-layout/tools-and-split-panel.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,MAAM,EAAE,MAAM,UAAU,CAAC;AAGtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAmC1D,MAAM,UAAU,kBAAkB,CAAC,EAiBT;;QAhBxB,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,cAAc,oBAAA;IAEd,IAAM,iBAAiB,GAAG,cAAc,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC;IAEhE,OAAO,CACL;QACE,6BACE,KAAK,EAAE;gBACL,KAAK,EAAE,WAAW;aACnB;YAED,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC;oBAC3C,GAAC,MAAM,CAAC,MAAM,IAAG,QAAQ;oBACzB,GAAC,MAAM,CAAC,IAAI,IAAG,SAAS;wBACxB,EACF,KAAK,eACA,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;gBAG/E,UAAU;gBACV,CAAC,SAAS,IAAI,CACb,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,aAAa,EACvB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,gBAAgB,EAC7B,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,EAC1D,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC,EAC1E,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,EAC7E,SAAS,EAAE,YAAY,EACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,CAAC,EACd,wBAAwB,EAAE,iBAAiB,IAE1C,KAAK,CACC,CACV,CACG,CACF,CACL,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { DesktopDrawerProps, Drawer } from './drawer';\nimport { AppLayoutProps } from './interfaces';\nimport useContentHeight from './utils/use-content-height';\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\ninterface ToolsAndSplitPanelProps {\n  toolsHide: boolean;\n  toolsOpen: boolean;\n  isHidden: DesktopDrawerProps['isHidden'];\n\n  splitPanelOpen: boolean;\n\n  drawerWidth: number;\n  toolsWidth: number;\n  splitPanelReportedSize: number;\n  closedDrawerWidth: number;\n\n  headerHeight: DesktopDrawerProps['topOffset'];\n  footerHeight: DesktopDrawerProps['bottomOffset'];\n  panelHeightStyle: ReturnType<typeof useContentHeight>['panelHeightStyle'];\n  contentHeightStyle: ReturnType<typeof useContentHeight>['contentHeightStyle'];\n\n  tools: React.ReactNode;\n  splitPanel: React.ReactNode;\n\n  ariaLabels: AppLayoutProps['ariaLabels'];\n\n  disableContentPaddings: AppLayoutProps['disableContentPaddings'];\n  isMobile: boolean;\n  isMotionEnabled: boolean;\n\n  onToolsToggle: DesktopDrawerProps['onToggle'];\n\n  toggleRefs: DesktopDrawerProps['toggleRefs'];\n\n  onLoseToolsFocus: (event: React.FocusEvent) => void;\n}\n\nexport function ToolsAndSplitPanel({\n  ariaLabels,\n  drawerWidth,\n  footerHeight,\n  headerHeight,\n  isHidden,\n  isMobile,\n  onToolsToggle,\n  panelHeightStyle,\n  splitPanel,\n  toggleRefs,\n  onLoseToolsFocus,\n  tools,\n  toolsHide,\n  toolsOpen,\n  toolsWidth,\n  splitPanelOpen,\n}: ToolsAndSplitPanelProps) {\n  const splitPanelVisible = splitPanelOpen && Boolean(splitPanel);\n\n  return (\n    <>\n      <div\n        style={{\n          width: drawerWidth,\n        }}\n      >\n        <div\n          className={clsx(styles['panel-wrapper-outer'], {\n            [styles.mobile]: isMobile,\n            [styles.open]: toolsOpen,\n          })}\n          style={{\n            ...(isMobile ? { top: headerHeight, bottom: footerHeight } : panelHeightStyle),\n          }}\n        >\n          {splitPanel}\n          {!toolsHide && (\n            <Drawer\n              type=\"tools\"\n              isMobile={isMobile}\n              width={toolsWidth}\n              isOpen={toolsOpen}\n              onToggle={onToolsToggle}\n              toggleRefs={toggleRefs}\n              onLoseFocus={onLoseToolsFocus}\n              isHidden={isHidden}\n              contentClassName={clsx(styles.tools, testutilStyles.tools)}\n              closeClassName={clsx(styles['tools-close'], testutilStyles['tools-close'])}\n              toggleClassName={clsx(styles['tools-toggle'], testutilStyles['tools-toggle'])}\n              topOffset={headerHeight}\n              bottomOffset={footerHeight}\n              ariaLabels={ariaLabels}\n              extendRight={0}\n              hasDividerWithSplitPanel={splitPanelVisible}\n            >\n              {tools}\n            </Drawer>\n          )}\n        </div>\n      </div>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"tools-and-split-panel.js","sourceRoot":"","sources":["../../../src/app-layout/tools-and-split-panel.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,MAAM,EAAE,MAAM,UAAU,CAAC;AAGtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAmB1D,MAAM,UAAU,kBAAkB,CAAC,EAeT;;QAdxB,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,SAAS,eAAA,EACT,UAAU,gBAAA;IAEV,OAAO,CACL;QACE,6BACE,KAAK,EAAE;gBACL,KAAK,EAAE,WAAW;aACnB;YAED,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC;oBAC3C,GAAC,MAAM,CAAC,MAAM,IAAG,QAAQ;oBACzB,GAAC,MAAM,CAAC,IAAI,IAAG,SAAS;wBACxB,EACF,KAAK,eACA,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;gBAG/E,UAAU;gBACV,CAAC,SAAS,IAAI,CACb,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,aAAa,EACvB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,gBAAgB,EAC7B,gBAAgB,EAAE,cAAc,CAAC,KAAK,EACtC,cAAc,EAAE,cAAc,CAAC,aAAa,CAAC,EAC7C,eAAe,EAAE,cAAc,CAAC,cAAc,CAAC,EAC/C,SAAS,EAAE,YAAY,EACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,IAErB,KAAK,CACC,CACV,CACG,CACF,CACL,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { DesktopDrawerProps, Drawer } from './drawer';\nimport { AppLayoutProps } from './interfaces';\nimport useContentHeight from './utils/use-content-height';\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\ninterface ToolsAndSplitPanelProps {\n  toolsHide: boolean;\n  toolsOpen: boolean;\n  drawerWidth: number;\n  toolsWidth: number;\n  headerHeight: DesktopDrawerProps['topOffset'];\n  footerHeight: DesktopDrawerProps['bottomOffset'];\n  panelHeightStyle: ReturnType<typeof useContentHeight>['panelHeightStyle'];\n  tools: React.ReactNode;\n  splitPanel: React.ReactNode;\n  ariaLabels: AppLayoutProps['ariaLabels'];\n  isMobile: boolean;\n  onToolsToggle: DesktopDrawerProps['onToggle'];\n  toggleRefs: DesktopDrawerProps['toggleRefs'];\n  onLoseToolsFocus: (event: React.FocusEvent) => void;\n}\n\nexport function ToolsAndSplitPanel({\n  ariaLabels,\n  drawerWidth,\n  footerHeight,\n  headerHeight,\n  isMobile,\n  onToolsToggle,\n  panelHeightStyle,\n  splitPanel,\n  toggleRefs,\n  onLoseToolsFocus,\n  tools,\n  toolsHide,\n  toolsOpen,\n  toolsWidth,\n}: ToolsAndSplitPanelProps) {\n  return (\n    <>\n      <div\n        style={{\n          width: drawerWidth,\n        }}\n      >\n        <div\n          className={clsx(styles['panel-wrapper-outer'], {\n            [styles.mobile]: isMobile,\n            [styles.open]: toolsOpen,\n          })}\n          style={{\n            ...(isMobile ? { top: headerHeight, bottom: footerHeight } : panelHeightStyle),\n          }}\n        >\n          {splitPanel}\n          {!toolsHide && (\n            <Drawer\n              type=\"tools\"\n              isMobile={isMobile}\n              width={toolsWidth}\n              isOpen={toolsOpen}\n              onToggle={onToolsToggle}\n              toggleRefs={toggleRefs}\n              onLoseFocus={onLoseToolsFocus}\n              contentClassName={testutilStyles.tools}\n              closeClassName={testutilStyles['tools-close']}\n              toggleClassName={testutilStyles['tools-toggle']}\n              topOffset={headerHeight}\n              bottomOffset={footerHeight}\n              ariaLabels={ariaLabels}\n            >\n              {tools}\n            </Drawer>\n          )}\n        </div>\n      </div>\n    </>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/header.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,uBAqB7B"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/header.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,uBAsB7B"}

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

@@ -10,13 +10,14 @@ import styles from './styles.css.js';
  */
 export default function Header() {
     var _a;
-    var _b = useAppLayoutInternals(), breadcrumbs = _b.breadcrumbs, contentHeader = _b.contentHeader, hasNotificationsContent = _b.hasNotificationsContent;
+    var _b = useAppLayoutInternals(), breadcrumbs = _b.breadcrumbs, contentHeader = _b.contentHeader, hasNotificationsContent = _b.hasNotificationsContent, isMobile = _b.isMobile, isAnyPanelOpen = _b.isAnyPanelOpen;
     if (!contentHeader) {
         return null;
     }
     return (React.createElement("header", { className: clsx(styles.content, (_a = {},
             _a[styles['has-breadcrumbs']] = breadcrumbs,
             _a[styles['has-notifications-content']] = hasNotificationsContent,
+            _a[styles.unfocusable] = isMobile && isAnyPanelOpen,
             _a), 'awsui-context-content-header') }, contentHeader));
 }
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/header.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;AAErC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM;;IACtB,IAAA,KAA0D,qBAAqB,EAAE,EAA/E,WAAW,iBAAA,EAAE,aAAa,mBAAA,EAAE,uBAAuB,6BAA4B,CAAC;IAExF,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,gCACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO;YAEZ,GAAC,MAAM,CAAC,iBAAiB,CAAC,IAAG,WAAW;YACxC,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,uBAAuB;iBAEhE,8BAA8B,CAC/B,IAEA,aAAa,CACP,CACV,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';\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 Header() {\n  const { breadcrumbs, contentHeader, hasNotificationsContent } = useAppLayoutInternals();\n\n  if (!contentHeader) {\n    return null;\n  }\n\n  return (\n    <header\n      className={clsx(\n        styles.content,\n        {\n          [styles['has-breadcrumbs']]: breadcrumbs,\n          [styles['has-notifications-content']]: hasNotificationsContent,\n        },\n        'awsui-context-content-header'\n      )}\n    >\n      {contentHeader}\n    </header>\n  );\n}\n"]}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/header.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;AAErC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM;;IACtB,IAAA,KAAoF,qBAAqB,EAAE,EAAzG,WAAW,iBAAA,EAAE,aAAa,mBAAA,EAAE,uBAAuB,6BAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAA4B,CAAC;IAElH,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,gCACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO;YAEZ,GAAC,MAAM,CAAC,iBAAiB,CAAC,IAAG,WAAW;YACxC,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,uBAAuB;YAC9D,GAAC,MAAM,CAAC,WAAW,IAAG,QAAQ,IAAI,cAAc;iBAElD,8BAA8B,CAC/B,IAEA,aAAa,CACP,CACV,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';\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 Header() {\n  const { breadcrumbs, contentHeader, hasNotificationsContent, isMobile, isAnyPanelOpen } = useAppLayoutInternals();\n\n  if (!contentHeader) {\n    return null;\n  }\n\n  return (\n    <header\n      className={clsx(\n        styles.content,\n        {\n          [styles['has-breadcrumbs']]: breadcrumbs,\n          [styles['has-notifications-content']]: hasNotificationsContent,\n          [styles.unfocusable]: isMobile && isAnyPanelOpen,\n        },\n        'awsui-context-content-header'\n      )}\n    >\n      {contentHeader}\n    </header>\n  );\n}\n"]}

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,uBA0BpC"}
+{"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"}

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

@@ -12,13 +12,14 @@ import testutilStyles from '../test-classes/styles.css.js';
 export default function Notifications() {
     var _a;
     var _b;
-    var _c = useAppLayoutInternals(), ariaLabels = _c.ariaLabels, hasNotificationsContent = _c.hasNotificationsContent, notifications = _c.notifications, notificationsElement = _c.notificationsElement, stickyNotifications = _c.stickyNotifications;
+    var _c = useAppLayoutInternals(), ariaLabels = _c.ariaLabels, hasNotificationsContent = _c.hasNotificationsContent, notifications = _c.notifications, notificationsElement = _c.notificationsElement, stickyNotifications = _c.stickyNotifications, isMobile = _c.isMobile, isAnyPanelOpen = _c.isAnyPanelOpen;
     if (!notifications) {
         return null;
     }
     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));
 }
 //# 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,KACJ,qBAAqB,EAAE,EADjB,UAAU,gBAAA,EAAE,uBAAuB,6BAAA,EAAE,aAAa,mBAAA,EAAE,oBAAoB,0BAAA,EAAE,mBAAmB,yBAC5E,CAAC;IAE1B,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;iBAEvD,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 { ariaLabels, hasNotificationsContent, notifications, notificationsElement, stickyNotifications } =\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        },\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,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"]}