@cloudscape-design/components 3.0.1065 → 3.0.1067

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

@@ -2,91 +2,91 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "background": "awsui_background_hyvsj_xt8mb_149",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_xt8mb_152",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_xt8mb_163",
-  "drawers-container": "awsui_drawers-container_hyvsj_xt8mb_176",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_xt8mb_187",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_xt8mb_208",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_xt8mb_213",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_xt8mb_251",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_xt8mb_261",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_xt8mb_266",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_xt8mb_280",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_xt8mb_266",
-  "drawer": "awsui_drawer_hyvsj_xt8mb_176",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_xt8mb_311",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_xt8mb_320",
-  "drawer-content": "awsui_drawer-content_hyvsj_xt8mb_311",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_xt8mb_329",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_xt8mb_332",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_xt8mb_339",
-  "content": "awsui_content_hyvsj_xt8mb_365",
-  "layout": "awsui_layout_hyvsj_xt8mb_390",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_xt8mb_462",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_xt8mb_477",
-  "content-type-table": "awsui_content-type-table_hyvsj_xt8mb_491",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_xt8mb_491",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_xt8mb_497",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_xt8mb_500",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_xt8mb_514",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_xt8mb_517",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_xt8mb_527",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_xt8mb_530",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_xt8mb_530",
-  "has-header": "awsui_has-header_hyvsj_xt8mb_530",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_xt8mb_545",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_xt8mb_545",
-  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_xt8mb_565",
-  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_xt8mb_568",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_xt8mb_588",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_xt8mb_588",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_xt8mb_596",
-  "unfocusable": "awsui_unfocusable_hyvsj_xt8mb_601",
-  "container": "awsui_container_hyvsj_xt8mb_611",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_xt8mb_637",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_xt8mb_640",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_xt8mb_640",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_xt8mb_640",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_xt8mb_640",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_xt8mb_653",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_xt8mb_670",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_xt8mb_674",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_xt8mb_678",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_xt8mb_682",
-  "navigation-container": "awsui_navigation-container_hyvsj_xt8mb_691",
-  "show-navigation": "awsui_show-navigation_hyvsj_xt8mb_729",
-  "animating": "awsui_animating_hyvsj_xt8mb_752",
-  "showButtons": "awsui_showButtons_hyvsj_xt8mb_1",
-  "navigation": "awsui_navigation_hyvsj_xt8mb_691",
-  "openNavigation": "awsui_openNavigation_hyvsj_xt8mb_1",
-  "animated-content": "awsui_animated-content_hyvsj_xt8mb_816",
-  "content-container": "awsui_content-container_hyvsj_xt8mb_819",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_xt8mb_828",
-  "notifications": "awsui_notifications_hyvsj_xt8mb_838",
-  "has-notification-content": "awsui_has-notification-content_hyvsj_xt8mb_843",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_xt8mb_847",
-  "high-contrast": "awsui_high-contrast_hyvsj_xt8mb_852",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_xt8mb_870",
-  "position-bottom": "awsui_position-bottom_hyvsj_xt8mb_917",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_xt8mb_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_xt8mb_946",
-  "position-side": "awsui_position-side_hyvsj_xt8mb_959",
-  "tools-container": "awsui_tools-container_hyvsj_xt8mb_981",
-  "tools": "awsui_tools_hyvsj_xt8mb_981",
-  "openTools": "awsui_openTools_hyvsj_xt8mb_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_xt8mb_1070",
-  "hide-tools": "awsui_hide-tools_hyvsj_xt8mb_1080",
-  "show-tools": "awsui_show-tools_hyvsj_xt8mb_1092",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_xt8mb_1070",
-  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_xt8mb_1172",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_xt8mb_1188",
-  "trigger": "awsui_trigger_hyvsj_xt8mb_1172",
-  "selected": "awsui_selected_hyvsj_xt8mb_1240",
-  "badge": "awsui_badge_hyvsj_xt8mb_1260",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_xt8mb_1264",
-  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_xt8mb_1275",
-  "dot": "awsui_dot_hyvsj_xt8mb_1279",
-  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_xt8mb_1292"
+  "background": "awsui_background_hyvsj_7qk07_149",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_7qk07_152",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_7qk07_163",
+  "drawers-container": "awsui_drawers-container_hyvsj_7qk07_176",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_7qk07_187",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_7qk07_208",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_7qk07_213",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_7qk07_251",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_7qk07_261",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_7qk07_266",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_7qk07_280",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_7qk07_266",
+  "drawer": "awsui_drawer_hyvsj_7qk07_176",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_7qk07_311",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_7qk07_320",
+  "drawer-content": "awsui_drawer-content_hyvsj_7qk07_311",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_7qk07_329",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_7qk07_332",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_7qk07_339",
+  "content": "awsui_content_hyvsj_7qk07_365",
+  "layout": "awsui_layout_hyvsj_7qk07_390",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_7qk07_462",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_7qk07_477",
+  "content-type-table": "awsui_content-type-table_hyvsj_7qk07_491",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_7qk07_491",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_7qk07_497",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_7qk07_500",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_7qk07_514",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_7qk07_517",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_7qk07_527",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_7qk07_530",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_7qk07_530",
+  "has-header": "awsui_has-header_hyvsj_7qk07_530",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_7qk07_545",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_7qk07_545",
+  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_7qk07_565",
+  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_7qk07_568",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_7qk07_588",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_7qk07_588",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_7qk07_596",
+  "unfocusable": "awsui_unfocusable_hyvsj_7qk07_601",
+  "container": "awsui_container_hyvsj_7qk07_611",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_7qk07_637",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_7qk07_640",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_7qk07_640",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_7qk07_640",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_7qk07_640",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_7qk07_653",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_7qk07_670",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_7qk07_674",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_7qk07_678",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_7qk07_682",
+  "navigation-container": "awsui_navigation-container_hyvsj_7qk07_691",
+  "show-navigation": "awsui_show-navigation_hyvsj_7qk07_729",
+  "animating": "awsui_animating_hyvsj_7qk07_752",
+  "showButtons": "awsui_showButtons_hyvsj_7qk07_1",
+  "navigation": "awsui_navigation_hyvsj_7qk07_691",
+  "openNavigation": "awsui_openNavigation_hyvsj_7qk07_1",
+  "animated-content": "awsui_animated-content_hyvsj_7qk07_816",
+  "content-container": "awsui_content-container_hyvsj_7qk07_819",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_7qk07_828",
+  "notifications": "awsui_notifications_hyvsj_7qk07_838",
+  "has-notification-content": "awsui_has-notification-content_hyvsj_7qk07_843",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_7qk07_847",
+  "high-contrast": "awsui_high-contrast_hyvsj_7qk07_852",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_7qk07_870",
+  "position-bottom": "awsui_position-bottom_hyvsj_7qk07_917",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_7qk07_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_7qk07_946",
+  "position-side": "awsui_position-side_hyvsj_7qk07_959",
+  "tools-container": "awsui_tools-container_hyvsj_7qk07_981",
+  "tools": "awsui_tools_hyvsj_7qk07_981",
+  "openTools": "awsui_openTools_hyvsj_7qk07_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_7qk07_1070",
+  "hide-tools": "awsui_hide-tools_hyvsj_7qk07_1080",
+  "show-tools": "awsui_show-tools_hyvsj_7qk07_1092",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_7qk07_1070",
+  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_7qk07_1172",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_7qk07_1188",
+  "trigger": "awsui_trigger_hyvsj_7qk07_1172",
+  "selected": "awsui_selected_hyvsj_7qk07_1240",
+  "badge": "awsui_badge_hyvsj_7qk07_1260",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_7qk07_1264",
+  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_7qk07_1275",
+  "dot": "awsui_dot_hyvsj_7qk07_1279",
+  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_7qk07_1292"
 };
   

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

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_12i0j_12u2z_189",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_12u2z_203",
-  "legacy": "awsui_legacy_12i0j_12u2z_217",
-  "last-opened": "awsui_last-opened_12i0j_12u2z_225",
-  "drawer-global": "awsui_drawer-global_12i0j_12u2z_229",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_12u2z_238",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_12u2z_242",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_12u2z_252",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_12u2z_252",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_12u2z_266",
-  "drawer-gap": "awsui_drawer-gap_12i0j_12u2z_269",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_12u2z_287",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_12u2z_293",
-  "drawer-content": "awsui_drawer-content_12i0j_12u2z_266",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_12u2z_305",
-  "drawer-slider": "awsui_drawer-slider_12i0j_12u2z_308",
-  "drawer-actions": "awsui_drawer-actions_12i0j_12u2z_358"
+  "drawer": "awsui_drawer_12i0j_12z2q_189",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_12z2q_203",
+  "legacy": "awsui_legacy_12i0j_12z2q_217",
+  "last-opened": "awsui_last-opened_12i0j_12z2q_225",
+  "drawer-global": "awsui_drawer-global_12i0j_12z2q_229",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_12z2q_238",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_12z2q_242",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_12z2q_252",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_12z2q_252",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_12z2q_266",
+  "drawer-gap": "awsui_drawer-gap_12i0j_12z2q_269",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_12z2q_287",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_12z2q_293",
+  "drawer-content": "awsui_drawer-content_12i0j_12z2q_266",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_12z2q_305",
+  "drawer-slider": "awsui_drawer-slider_12i0j_12z2q_308",
+  "drawer-actions": "awsui_drawer-actions_12i0j_12z2q_358"
 };
   

package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css

@@ -186,13 +186,13 @@ 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_drawer_12i0j_12u2z_189:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-6u8rvp, #ffffff);
   display: grid;
   grid-template-columns: var(--space-m-dsumyt, 16px) 1fr;
-  inline-size: var(--awsui-drawer-size-kcc2gu);
+  inline-size: var(--awsui-drawer-size-mdigke);
   block-size: 100%;
   overflow: hidden;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@@ -200,56 +200,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: auto;
   word-wrap: break-word;
 }
-.awsui_drawer_12i0j_12u2z_189.awsui_with-expanded-motion_12i0j_12u2z_203:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189.awsui_with-expanded-motion_12i0j_12z2q_203:not(#\9) {
   transition: inline-size var(--motion-duration-refresh-only-slow-ugjy90, 250ms) var(--motion-easing-refresh-only-a-ccyqaz, cubic-bezier(0, 0, 0, 1)), min-inline-size var(--motion-duration-refresh-only-slow-ugjy90, 250ms) var(--motion-easing-refresh-only-a-ccyqaz, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_12i0j_12u2z_189.awsui_with-expanded-motion_12i0j_12u2z_203:not(#\9) {
+  .awsui_drawer_12i0j_12z2q_189.awsui_with-expanded-motion_12i0j_12z2q_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_12i0j_12u2z_189.awsui_with-expanded-motion_12i0j_12u2z_203:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_12u2z_189.awsui_with-expanded-motion_12i0j_12u2z_203:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_12i0j_12z2q_189.awsui_with-expanded-motion_12i0j_12z2q_203:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_12z2q_189.awsui_with-expanded-motion_12i0j_12z2q_203:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_12u2z_189:not(#\9):not(.awsui_legacy_12i0j_12u2z_217) {
+  .awsui_drawer_12i0j_12z2q_189:not(#\9):not(.awsui_legacy_12i0j_12z2q_217) {
     border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_12u2z_189:not(#\9) {
+  .awsui_drawer_12i0j_12z2q_189:not(#\9) {
     inline-size: 100%;
   }
-  .awsui_drawer_12i0j_12u2z_189.awsui_last-opened_12i0j_12u2z_225:not(#\9) {
+  .awsui_drawer_12i0j_12z2q_189.awsui_last-opened_12i0j_12z2q_225:not(#\9) {
     z-index: 1001;
   }
 }
-.awsui_drawer_12i0j_12u2z_189.awsui_drawer-global_12i0j_12u2z_229:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189.awsui_drawer-global_12i0j_12z2q_229:not(#\9) {
   display: block;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_12u2z_189.awsui_drawer-global_12i0j_12u2z_229:not(#\9) {
-    inline-size: var(--awsui-drawer-size-kcc2gu);
+  .awsui_drawer_12i0j_12z2q_189.awsui_drawer-global_12i0j_12z2q_229:not(#\9) {
+    inline-size: var(--awsui-drawer-size-mdigke);
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_12u2z_189.awsui_drawer-global_12i0j_12u2z_229:not(#\9):not(.awsui_last-opened_12i0j_12u2z_225):not(.awsui_drawer-expanded_12i0j_12u2z_238) {
+  .awsui_drawer_12i0j_12z2q_189.awsui_drawer-global_12i0j_12z2q_229:not(#\9):not(.awsui_last-opened_12i0j_12z2q_225):not(.awsui_drawer-expanded_12i0j_12z2q_238) {
     display: none;
   }
 }
-.awsui_drawer_12i0j_12u2z_189.awsui_drawer-hidden_12i0j_12u2z_242:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189.awsui_drawer-hidden_12i0j_12z2q_242:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_12u2z_189.awsui_drawer-expanded_12i0j_12u2z_238:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189.awsui_drawer-expanded_12i0j_12z2q_238:not(#\9) {
   inline-size: 100%;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_12u2z_189.awsui_drawer-expanded_12i0j_12u2z_238:not(#\9) {
+  .awsui_drawer_12i0j_12z2q_189.awsui_drawer-expanded_12i0j_12z2q_238:not(#\9) {
     border-inline-start: none;
   }
-  .awsui_drawer_12i0j_12u2z_189.awsui_drawer-expanded_12i0j_12u2z_238.awsui_has-next-siblings_12i0j_12u2z_252 > .awsui_global-drawer-wrapper_12i0j_12u2z_252:not(#\9):after {
+  .awsui_drawer_12i0j_12z2q_189.awsui_drawer-expanded_12i0j_12z2q_238.awsui_has-next-siblings_12i0j_12z2q_252 > .awsui_global-drawer-wrapper_12i0j_12z2q_252:not(#\9):after {
     content: "";
     position: absolute;
     block-size: 100%;
@@ -259,14 +259,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
     box-sizing: border-box;
   }
-  .awsui_drawer_12i0j_12u2z_189.awsui_drawer-expanded_12i0j_12u2z_238 > .awsui_global-drawer-wrapper_12i0j_12u2z_252:not(#\9) {
+  .awsui_drawer_12i0j_12z2q_189.awsui_drawer-expanded_12i0j_12z2q_238 > .awsui_global-drawer-wrapper_12i0j_12z2q_252:not(#\9) {
     inline-size: 100%;
     grid-template-columns: 8px 1fr;
   }
-  .awsui_drawer_12i0j_12u2z_189.awsui_drawer-expanded_12i0j_12u2z_238 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266:not(#\9) {
+  .awsui_drawer_12i0j_12z2q_189.awsui_drawer-expanded_12i0j_12z2q_238 > .awsui_global-drawer-wrapper_12i0j_12z2q_252 > .awsui_drawer-content-container_12i0j_12z2q_266:not(#\9) {
     grid-column: 2;
   }
-  .awsui_drawer_12i0j_12u2z_189.awsui_drawer-expanded_12i0j_12u2z_238 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-gap_12i0j_12u2z_269:not(#\9) {
+  .awsui_drawer_12i0j_12z2q_189.awsui_drawer-expanded_12i0j_12z2q_238 > .awsui_global-drawer-wrapper_12i0j_12z2q_252 > .awsui_drawer-gap_12i0j_12z2q_269:not(#\9) {
     grid-column: 1;
     grid-row: 1;
     block-size: 100%;
@@ -275,22 +275,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   }
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_drawer-content-container_12i0j_12u2z_266:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_drawer-content-container_12i0j_12z2q_266:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 1;
   display: grid;
   grid-template-columns: var(--space-m-dsumyt, 16px) 1fr auto var(--space-m-dsumyt, 16px);
   grid-template-rows: 14px auto 1fr;
   overflow-y: auto;
-  min-inline-size: var(--awsui-drawer-size-kcc2gu);
+  min-inline-size: var(--awsui-drawer-size-mdigke);
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-close-button_12i0j_12u2z_287:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_drawer-content-container_12i0j_12z2q_266 > .awsui_drawer-close-button_12i0j_12z2q_287:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
   align-self: start;
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-expanded-mode-button_12i0j_12u2z_293:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_drawer-content-container_12i0j_12z2q_266 > .awsui_drawer-expanded-mode-button_12i0j_12z2q_293:not(#\9) {
   grid-column: 2;
   grid-row: 2;
   z-index: 1;
@@ -298,32 +298,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   justify-content: flex-end;
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-content_12i0j_12u2z_266:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_drawer-content-container_12i0j_12z2q_266 > .awsui_drawer-content_12i0j_12z2q_266:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-content_12i0j_12u2z_266.awsui_drawer-content-hidden_12i0j_12u2z_305:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_drawer-content-container_12i0j_12z2q_266 > .awsui_drawer-content_12i0j_12z2q_266.awsui_drawer-content-hidden_12i0j_12z2q_305:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_drawer-slider_12i0j_12u2z_308:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_drawer-slider_12i0j_12z2q_308:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;
   display: flex;
   align-items: center;
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_global-drawer-wrapper_12i0j_12z2q_252:not(#\9) {
   display: grid;
-  min-inline-size: var(--awsui-drawer-size-kcc2gu);
+  min-inline-size: var(--awsui-drawer-size-mdigke);
   grid-template-columns: 8px var(--space-m-dsumyt, 16px) 1fr;
   overflow: hidden;
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252:not(#\9) {
+  .awsui_drawer_12i0j_12z2q_189 > .awsui_global-drawer-wrapper_12i0j_12z2q_252:not(#\9) {
     grid-template-columns: 1fr;
   }
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-gap_12i0j_12u2z_269:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_global-drawer-wrapper_12i0j_12z2q_252 > .awsui_drawer-gap_12i0j_12z2q_269:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;
@@ -332,13 +332,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   box-sizing: border-box;
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-slider_12i0j_12u2z_308:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_global-drawer-wrapper_12i0j_12z2q_252 > .awsui_drawer-slider_12i0j_12z2q_308:not(#\9) {
   grid-column: 2;
   grid-row: 1;
   display: flex;
   align-items: center;
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_global-drawer-wrapper_12i0j_12z2q_252 > .awsui_drawer-content-container_12i0j_12z2q_266:not(#\9) {
   grid-row: 1;
   display: grid;
   grid-template-columns: var(--space-m-dsumyt, 16px) 1fr auto var(--space-m-dsumyt, 16px);
@@ -346,16 +346,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-y: auto;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266:not(#\9) {
+  .awsui_drawer_12i0j_12z2q_189 > .awsui_global-drawer-wrapper_12i0j_12z2q_252 > .awsui_drawer-content-container_12i0j_12z2q_266:not(#\9) {
     grid-column: 2/span 2;
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266:not(#\9) {
+  .awsui_drawer_12i0j_12z2q_189 > .awsui_global-drawer-wrapper_12i0j_12z2q_252 > .awsui_drawer-content-container_12i0j_12z2q_266:not(#\9) {
     grid-column: 1/span 2;
   }
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-actions_12i0j_12u2z_358:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_global-drawer-wrapper_12i0j_12z2q_252 > .awsui_drawer-content-container_12i0j_12z2q_266 > .awsui_drawer-actions_12i0j_12z2q_358:not(#\9) {
   position: absolute;
   display: flex;
   inset-block-start: 0;
@@ -363,13 +363,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: var(--space-m-dsumyt, 16px);
   padding-block-start: 14px;
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-close-button_12i0j_12u2z_287:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_global-drawer-wrapper_12i0j_12z2q_252 > .awsui_drawer-content-container_12i0j_12z2q_266 > .awsui_drawer-close-button_12i0j_12z2q_287:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
   align-self: start;
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-expanded-mode-button_12i0j_12u2z_293:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_global-drawer-wrapper_12i0j_12z2q_252 > .awsui_drawer-content-container_12i0j_12z2q_266 > .awsui_drawer-expanded-mode-button_12i0j_12z2q_293:not(#\9) {
   grid-column: 2;
   grid-row: 2;
   z-index: 1;
@@ -377,10 +377,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   justify-content: flex-end;
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-content_12i0j_12u2z_266:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_global-drawer-wrapper_12i0j_12z2q_252 > .awsui_drawer-content-container_12i0j_12z2q_266 > .awsui_drawer-content_12i0j_12z2q_266:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-content_12i0j_12u2z_266.awsui_drawer-content-hidden_12i0j_12u2z_305:not(#\9) {
+.awsui_drawer_12i0j_12z2q_189 > .awsui_global-drawer-wrapper_12i0j_12z2q_252 > .awsui_drawer-content-container_12i0j_12z2q_266 > .awsui_drawer-content_12i0j_12z2q_266.awsui_drawer-content-hidden_12i0j_12z2q_305:not(#\9) {
   display: none;
 }

package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_12i0j_12u2z_189",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_12u2z_203",
-  "legacy": "awsui_legacy_12i0j_12u2z_217",
-  "last-opened": "awsui_last-opened_12i0j_12u2z_225",
-  "drawer-global": "awsui_drawer-global_12i0j_12u2z_229",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_12u2z_238",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_12u2z_242",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_12u2z_252",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_12u2z_252",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_12u2z_266",
-  "drawer-gap": "awsui_drawer-gap_12i0j_12u2z_269",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_12u2z_287",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_12u2z_293",
-  "drawer-content": "awsui_drawer-content_12i0j_12u2z_266",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_12u2z_305",
-  "drawer-slider": "awsui_drawer-slider_12i0j_12u2z_308",
-  "drawer-actions": "awsui_drawer-actions_12i0j_12u2z_358"
+  "drawer": "awsui_drawer_12i0j_12z2q_189",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_12z2q_203",
+  "legacy": "awsui_legacy_12i0j_12z2q_217",
+  "last-opened": "awsui_last-opened_12i0j_12z2q_225",
+  "drawer-global": "awsui_drawer-global_12i0j_12z2q_229",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_12z2q_238",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_12z2q_242",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_12z2q_252",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_12z2q_252",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_12z2q_266",
+  "drawer-gap": "awsui_drawer-gap_12i0j_12z2q_269",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_12z2q_287",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_12z2q_293",
+  "drawer-content": "awsui_drawer-content_12i0j_12z2q_266",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_12z2q_305",
+  "drawer-slider": "awsui_drawer-slider_12i0j_12z2q_308",
+  "drawer-actions": "awsui_drawer-actions_12i0j_12z2q_358"
 };
   

package/app-layout/visual-refresh-toolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAI5E,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,sBAAsB,EAAyB,MAAM,cAAc,CAAC;AAqD7E,QAAA,MAAM,6BAA6B,mGAgClC,CAAC;AAEF,eAAe,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAI5E,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,sBAAsB,EAAyB,MAAM,cAAc,CAAC;AAsD7E,QAAA,MAAM,6BAA6B,mGAgClC,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

package/app-layout/visual-refresh-toolbar/index.js

@@ -13,8 +13,8 @@ const AppLayoutStateProvider = ({ forceDeduplicationType, appLayoutProps, stateM
     const [skeletonAttributes, setSkeletonAttributes] = useState({});
     // use { fn: } object wrapper to avoid confusion with callback form of setState
     const [deduplicator, setDeduplicator] = useState({ fn: mergeProps });
-    const [deduplicationProps, setDeduplicationProps] = useState(() => getPropsToMerge(appLayoutProps, appLayoutState));
-    const { registered, toolbarProps } = useMultiAppLayout(forceDeduplicationType, appLayoutState.isIntersecting, deduplicationProps, deduplicator.fn);
+    const [deduplicationProps, setDeduplicationProps] = useState(undefined);
+    const { registered, toolbarProps } = useMultiAppLayout(forceDeduplicationType, appLayoutState.isIntersecting, deduplicationProps !== null && deduplicationProps !== void 0 ? deduplicationProps : getPropsToMerge(appLayoutProps, appLayoutState), deduplicator.fn);
     useLayoutEffect(() => {
         stateManager.current.setState = (appLayoutState, skeletonAttributes, deduplicationProps, mergeProps) => {
             unstable_batchedUpdates(() => {

package/app-layout/visual-refresh-toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { unstable_batchedUpdates } from 'react-dom';\n\nimport ScreenreaderOnly from '../../internal/components/screenreader-only';\nimport { AppLayoutProps } from '../interfaces';\nimport { AppLayoutVisibilityContext } from './contexts';\nimport { AppLayoutInternalProps, AppLayoutPendingState } from './interfaces';\nimport { AppLayoutWidgetizedState } from './internal';\nimport { SkeletonLayout } from './skeleton';\nimport { SkeletonSlotsAttributes } from './skeleton/interfaces';\nimport { DeduplicationType, useMultiAppLayout } from './skeleton/multi-layout';\nimport { StateManager } from './state';\nimport { getPropsToMerge, mergeProps } from './state/props-merger';\nimport { ToolbarProps } from './toolbar';\n\nconst AppLayoutStateProvider: React.FC<{\n  forceDeduplicationType: DeduplicationType;\n  appLayoutProps: AppLayoutInternalProps;\n  stateManager: React.MutableRefObject<StateManager>;\n  children: (\n    registered: boolean,\n    appLayoutState: AppLayoutPendingState,\n    toolbarProps: ToolbarProps | null,\n    skeletonAttributes: SkeletonSlotsAttributes\n  ) => React.ReactNode;\n}> = ({ forceDeduplicationType, appLayoutProps, stateManager, children }) => {\n  const [appLayoutState, setAppLayoutState] = useState<AppLayoutPendingState>({ isIntersecting: true });\n  const [skeletonAttributes, setSkeletonAttributes] = useState<SkeletonSlotsAttributes>({});\n  // use { fn: } object wrapper to avoid confusion with callback form of setState\n  const [deduplicator, setDeduplicator] = useState({ fn: mergeProps });\n  const [deduplicationProps, setDeduplicationProps] = useState(() => getPropsToMerge(appLayoutProps, appLayoutState));\n\n  const { registered, toolbarProps } = useMultiAppLayout(\n    forceDeduplicationType,\n    appLayoutState.isIntersecting,\n    deduplicationProps,\n    deduplicator.fn\n  );\n\n  useLayoutEffect(() => {\n    stateManager.current.setState = (appLayoutState, skeletonAttributes, deduplicationProps, mergeProps) => {\n      unstable_batchedUpdates(() => {\n        setAppLayoutState(appLayoutState);\n        setSkeletonAttributes(skeletonAttributes);\n        setDeduplicationProps(deduplicationProps);\n        setDeduplicator({ fn: mergeProps });\n      });\n    };\n  }, [stateManager]);\n\n  const hasToolbar = !!toolbarProps;\n  useEffect(() => {\n    stateManager.current.hasToolbar = hasToolbar;\n    stateManager.current.setToolbar?.(hasToolbar);\n  }, [stateManager, hasToolbar]);\n\n  return <>{children(registered, appLayoutState, toolbarProps, skeletonAttributes)}</>;\n};\n\nconst AppLayoutVisualRefreshToolbar = React.forwardRef<AppLayoutProps.Ref, AppLayoutInternalProps>(\n  (props, forwardRef) => {\n    const stateManager = useRef<StateManager>({ setState: undefined, hasToolbar: true, setToolbar: undefined });\n    const { __forceDeduplicationType: forceDeduplicationType, __embeddedViewMode: embeddedViewMode } = props as any;\n\n    return (\n      <>\n        <AppLayoutStateProvider\n          forceDeduplicationType={forceDeduplicationType}\n          appLayoutProps={props}\n          stateManager={stateManager}\n        >\n          {(registered, appLayoutState, toolbarProps, skeletonAttributes) => (\n            <AppLayoutVisibilityContext.Provider value={appLayoutState.isIntersecting}>\n              {/* Rendering a hidden copy of breadcrumbs to trigger their deduplication */}\n              {(embeddedViewMode || !toolbarProps) && props.breadcrumbs ? (\n                <ScreenreaderOnly>{props.breadcrumbs}</ScreenreaderOnly>\n              ) : null}\n              <SkeletonLayout\n                registered={registered}\n                toolbarProps={toolbarProps}\n                appLayoutProps={props}\n                appLayoutState={appLayoutState}\n                skeletonSlotsAttributes={skeletonAttributes}\n              />\n            </AppLayoutVisibilityContext.Provider>\n          )}\n        </AppLayoutStateProvider>\n        <AppLayoutWidgetizedState forwardRef={forwardRef} appLayoutProps={props} stateManager={stateManager} />\n      </>\n    );\n  }\n);\n\nexport default AppLayoutVisualRefreshToolbar;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { unstable_batchedUpdates } from 'react-dom';\n\nimport ScreenreaderOnly from '../../internal/components/screenreader-only';\nimport { AppLayoutProps } from '../interfaces';\nimport { AppLayoutVisibilityContext } from './contexts';\nimport { AppLayoutInternalProps, AppLayoutPendingState } from './interfaces';\nimport { AppLayoutWidgetizedState } from './internal';\nimport { SkeletonLayout } from './skeleton';\nimport { SkeletonSlotsAttributes } from './skeleton/interfaces';\nimport { DeduplicationType, useMultiAppLayout } from './skeleton/multi-layout';\nimport { StateManager } from './state';\nimport { SharedProps } from './state/interfaces';\nimport { getPropsToMerge, mergeProps } from './state/props-merger';\nimport { ToolbarProps } from './toolbar';\n\nconst AppLayoutStateProvider: React.FC<{\n  forceDeduplicationType: DeduplicationType;\n  appLayoutProps: AppLayoutInternalProps;\n  stateManager: React.MutableRefObject<StateManager>;\n  children: (\n    registered: boolean,\n    appLayoutState: AppLayoutPendingState,\n    toolbarProps: ToolbarProps | null,\n    skeletonAttributes: SkeletonSlotsAttributes\n  ) => React.ReactNode;\n}> = ({ forceDeduplicationType, appLayoutProps, stateManager, children }) => {\n  const [appLayoutState, setAppLayoutState] = useState<AppLayoutPendingState>({ isIntersecting: true });\n  const [skeletonAttributes, setSkeletonAttributes] = useState<SkeletonSlotsAttributes>({});\n  // use { fn: } object wrapper to avoid confusion with callback form of setState\n  const [deduplicator, setDeduplicator] = useState({ fn: mergeProps });\n  const [deduplicationProps, setDeduplicationProps] = useState<SharedProps | undefined>(undefined);\n\n  const { registered, toolbarProps } = useMultiAppLayout(\n    forceDeduplicationType,\n    appLayoutState.isIntersecting,\n    deduplicationProps ?? getPropsToMerge(appLayoutProps, appLayoutState),\n    deduplicator.fn\n  );\n\n  useLayoutEffect(() => {\n    stateManager.current.setState = (appLayoutState, skeletonAttributes, deduplicationProps, mergeProps) => {\n      unstable_batchedUpdates(() => {\n        setAppLayoutState(appLayoutState);\n        setSkeletonAttributes(skeletonAttributes);\n        setDeduplicationProps(deduplicationProps);\n        setDeduplicator({ fn: mergeProps });\n      });\n    };\n  }, [stateManager]);\n\n  const hasToolbar = !!toolbarProps;\n  useEffect(() => {\n    stateManager.current.hasToolbar = hasToolbar;\n    stateManager.current.setToolbar?.(hasToolbar);\n  }, [stateManager, hasToolbar]);\n\n  return <>{children(registered, appLayoutState, toolbarProps, skeletonAttributes)}</>;\n};\n\nconst AppLayoutVisualRefreshToolbar = React.forwardRef<AppLayoutProps.Ref, AppLayoutInternalProps>(\n  (props, forwardRef) => {\n    const stateManager = useRef<StateManager>({ setState: undefined, hasToolbar: true, setToolbar: undefined });\n    const { __forceDeduplicationType: forceDeduplicationType, __embeddedViewMode: embeddedViewMode } = props as any;\n\n    return (\n      <>\n        <AppLayoutStateProvider\n          forceDeduplicationType={forceDeduplicationType}\n          appLayoutProps={props}\n          stateManager={stateManager}\n        >\n          {(registered, appLayoutState, toolbarProps, skeletonAttributes) => (\n            <AppLayoutVisibilityContext.Provider value={appLayoutState.isIntersecting}>\n              {/* Rendering a hidden copy of breadcrumbs to trigger their deduplication */}\n              {(embeddedViewMode || !toolbarProps) && props.breadcrumbs ? (\n                <ScreenreaderOnly>{props.breadcrumbs}</ScreenreaderOnly>\n              ) : null}\n              <SkeletonLayout\n                registered={registered}\n                toolbarProps={toolbarProps}\n                appLayoutProps={props}\n                appLayoutState={appLayoutState}\n                skeletonSlotsAttributes={skeletonAttributes}\n              />\n            </AppLayoutVisibilityContext.Provider>\n          )}\n        </AppLayoutStateProvider>\n        <AppLayoutWidgetizedState forwardRef={forwardRef} appLayoutProps={props} stateManager={stateManager} />\n      </>\n    );\n  }\n);\n\nexport default AppLayoutVisualRefreshToolbar;\n"]}

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

@@ -1,9 +1,9 @@
 
     import './styles.scoped.css';
     export default {
-  "navigation-container": "awsui_navigation-container_2p2ab_mig6v_153",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_mig6v_164",
-  "navigation": "awsui_navigation_2p2ab_mig6v_153",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_mig6v_184"
+  "navigation-container": "awsui_navigation-container_2p2ab_9hfbc_153",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_9hfbc_164",
+  "navigation": "awsui_navigation_2p2ab_9hfbc_153",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_9hfbc_184"
 };