@cloudscape-design/components-themeable 3.0.774 → 3.0.776

package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js

@@ -2,90 +2,90 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "background": "awsui_background_hyvsj_1xr07_145",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_1xr07_148",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1xr07_159",
-  "drawers-container": "awsui_drawers-container_hyvsj_1xr07_172",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1xr07_183",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1xr07_204",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1xr07_209",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1xr07_250",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1xr07_260",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1xr07_265",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1xr07_279",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1xr07_265",
-  "drawer": "awsui_drawer_hyvsj_1xr07_172",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1xr07_310",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1xr07_319",
-  "drawer-content": "awsui_drawer-content_hyvsj_1xr07_310",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1xr07_327",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_1xr07_330",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1xr07_337",
-  "content": "awsui_content_hyvsj_1xr07_363",
-  "layout": "awsui_layout_hyvsj_1xr07_388",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1xr07_460",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1xr07_475",
-  "content-type-table": "awsui_content-type-table_hyvsj_1xr07_489",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1xr07_489",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1xr07_495",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1xr07_498",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1xr07_512",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1xr07_515",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1xr07_525",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1xr07_528",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1xr07_528",
-  "has-header": "awsui_has-header_hyvsj_1xr07_528",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1xr07_543",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1xr07_543",
-  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_1xr07_563",
-  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_1xr07_566",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1xr07_586",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1xr07_586",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1xr07_594",
-  "unfocusable": "awsui_unfocusable_hyvsj_1xr07_599",
-  "container": "awsui_container_hyvsj_1xr07_609",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1xr07_635",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1xr07_638",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1xr07_638",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1xr07_638",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1xr07_638",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1xr07_647",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1xr07_664",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1xr07_668",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1xr07_672",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1xr07_676",
-  "navigation-container": "awsui_navigation-container_hyvsj_1xr07_685",
-  "show-navigation": "awsui_show-navigation_hyvsj_1xr07_723",
-  "animating": "awsui_animating_hyvsj_1xr07_746",
-  "showButtons": "awsui_showButtons_hyvsj_1xr07_1",
-  "navigation": "awsui_navigation_hyvsj_1xr07_685",
-  "openNavigation": "awsui_openNavigation_hyvsj_1xr07_1",
-  "animated-content": "awsui_animated-content_hyvsj_1xr07_808",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1xr07_817",
-  "notifications": "awsui_notifications_hyvsj_1xr07_827",
-  "has-notification-content": "awsui_has-notification-content_hyvsj_1xr07_832",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1xr07_836",
-  "high-contrast": "awsui_high-contrast_hyvsj_1xr07_841",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1xr07_859",
-  "position-bottom": "awsui_position-bottom_hyvsj_1xr07_906",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1xr07_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1xr07_935",
-  "position-side": "awsui_position-side_hyvsj_1xr07_948",
-  "tools-container": "awsui_tools-container_hyvsj_1xr07_970",
-  "tools": "awsui_tools_hyvsj_1xr07_970",
-  "openTools": "awsui_openTools_hyvsj_1xr07_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1xr07_1059",
-  "hide-tools": "awsui_hide-tools_hyvsj_1xr07_1069",
-  "show-tools": "awsui_show-tools_hyvsj_1xr07_1081",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1xr07_1059",
-  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_1xr07_1164",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1xr07_1180",
-  "trigger": "awsui_trigger_hyvsj_1xr07_1164",
-  "selected": "awsui_selected_hyvsj_1xr07_1232",
-  "badge": "awsui_badge_hyvsj_1xr07_1252",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1xr07_1256",
-  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_1xr07_1267",
-  "dot": "awsui_dot_hyvsj_1xr07_1271",
-  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_1xr07_1284"
+  "background": "awsui_background_hyvsj_2dyx6_145",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_2dyx6_148",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_2dyx6_159",
+  "drawers-container": "awsui_drawers-container_hyvsj_2dyx6_172",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_2dyx6_183",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_2dyx6_204",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_2dyx6_209",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_2dyx6_250",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_2dyx6_260",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_2dyx6_265",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_2dyx6_279",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_2dyx6_265",
+  "drawer": "awsui_drawer_hyvsj_2dyx6_172",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_2dyx6_310",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_2dyx6_319",
+  "drawer-content": "awsui_drawer-content_hyvsj_2dyx6_310",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_2dyx6_327",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_2dyx6_330",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_2dyx6_337",
+  "content": "awsui_content_hyvsj_2dyx6_363",
+  "layout": "awsui_layout_hyvsj_2dyx6_388",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_2dyx6_460",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_2dyx6_475",
+  "content-type-table": "awsui_content-type-table_hyvsj_2dyx6_489",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_2dyx6_489",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_2dyx6_495",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_2dyx6_498",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_2dyx6_512",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_2dyx6_515",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_2dyx6_525",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_2dyx6_528",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_2dyx6_528",
+  "has-header": "awsui_has-header_hyvsj_2dyx6_528",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_2dyx6_543",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_2dyx6_543",
+  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_2dyx6_563",
+  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_2dyx6_566",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_2dyx6_586",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_2dyx6_586",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_2dyx6_594",
+  "unfocusable": "awsui_unfocusable_hyvsj_2dyx6_599",
+  "container": "awsui_container_hyvsj_2dyx6_609",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_2dyx6_635",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_2dyx6_638",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_2dyx6_638",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_2dyx6_638",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_2dyx6_638",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_2dyx6_647",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_2dyx6_664",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_2dyx6_668",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_2dyx6_672",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_2dyx6_676",
+  "navigation-container": "awsui_navigation-container_hyvsj_2dyx6_685",
+  "show-navigation": "awsui_show-navigation_hyvsj_2dyx6_723",
+  "animating": "awsui_animating_hyvsj_2dyx6_746",
+  "showButtons": "awsui_showButtons_hyvsj_2dyx6_1",
+  "navigation": "awsui_navigation_hyvsj_2dyx6_685",
+  "openNavigation": "awsui_openNavigation_hyvsj_2dyx6_1",
+  "animated-content": "awsui_animated-content_hyvsj_2dyx6_808",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_2dyx6_817",
+  "notifications": "awsui_notifications_hyvsj_2dyx6_827",
+  "has-notification-content": "awsui_has-notification-content_hyvsj_2dyx6_832",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_2dyx6_836",
+  "high-contrast": "awsui_high-contrast_hyvsj_2dyx6_841",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_2dyx6_859",
+  "position-bottom": "awsui_position-bottom_hyvsj_2dyx6_906",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_2dyx6_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_2dyx6_935",
+  "position-side": "awsui_position-side_hyvsj_2dyx6_948",
+  "tools-container": "awsui_tools-container_hyvsj_2dyx6_970",
+  "tools": "awsui_tools_hyvsj_2dyx6_970",
+  "openTools": "awsui_openTools_hyvsj_2dyx6_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_2dyx6_1059",
+  "hide-tools": "awsui_hide-tools_hyvsj_2dyx6_1069",
+  "show-tools": "awsui_show-tools_hyvsj_2dyx6_1081",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_2dyx6_1059",
+  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_2dyx6_1164",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_2dyx6_1180",
+  "trigger": "awsui_trigger_hyvsj_2dyx6_1164",
+  "selected": "awsui_selected_hyvsj_2dyx6_1232",
+  "badge": "awsui_badge_hyvsj_2dyx6_1252",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_2dyx6_1256",
+  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_2dyx6_1267",
+  "dot": "awsui_dot_hyvsj_2dyx6_1271",
+  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_2dyx6_1284"
 };
   

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

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_12i0j_iyo1x_185",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_iyo1x_198",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_iyo1x_206",
-  "drawer-content": "awsui_drawer-content_12i0j_iyo1x_198",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_iyo1x_215",
-  "drawer-slider": "awsui_drawer-slider_12i0j_iyo1x_218"
+  "drawer": "awsui_drawer_12i0j_uwqnd_185",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_uwqnd_198",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_uwqnd_206",
+  "drawer-content": "awsui_drawer-content_12i0j_uwqnd_198",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_uwqnd_215",
+  "drawer-slider": "awsui_drawer-slider_12i0j_uwqnd_218"
 };
   

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

@@ -182,10 +182,10 @@ 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_iyo1x_185:not(#\9) {
+.awsui_drawer_12i0j_uwqnd_185:not(#\9) {
   position: sticky;
   z-index: 830;
-  background-color: var(--color-background-container-content-il2pe5, #ffffff);
+  background-color: var(--color-background-container-content-0j55iz, #ffffff);
   display: grid;
   grid-template-columns: var(--space-m-kpg8id, 16px) 1fr;
   block-size: 100%;
@@ -195,7 +195,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: auto;
   word-wrap: break-word;
 }
-.awsui_drawer_12i0j_iyo1x_185 > .awsui_drawer-content-container_12i0j_iyo1x_198:not(#\9) {
+.awsui_drawer_12i0j_uwqnd_185 > .awsui_drawer-content-container_12i0j_uwqnd_198:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 1;
   display: grid;
@@ -203,19 +203,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-rows: 10px auto 1fr;
   overflow-y: auto;
 }
-.awsui_drawer_12i0j_iyo1x_185 > .awsui_drawer-content-container_12i0j_iyo1x_198 > .awsui_drawer-close-button_12i0j_iyo1x_206:not(#\9) {
+.awsui_drawer_12i0j_uwqnd_185 > .awsui_drawer-content-container_12i0j_uwqnd_198 > .awsui_drawer-close-button_12i0j_uwqnd_206:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
 }
-.awsui_drawer_12i0j_iyo1x_185 > .awsui_drawer-content-container_12i0j_iyo1x_198 > .awsui_drawer-content_12i0j_iyo1x_198:not(#\9) {
+.awsui_drawer_12i0j_uwqnd_185 > .awsui_drawer-content-container_12i0j_uwqnd_198 > .awsui_drawer-content_12i0j_uwqnd_198:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_iyo1x_185 > .awsui_drawer-content-container_12i0j_iyo1x_198 > .awsui_drawer-content_12i0j_iyo1x_198.awsui_drawer-content-hidden_12i0j_iyo1x_215:not(#\9) {
+.awsui_drawer_12i0j_uwqnd_185 > .awsui_drawer-content-container_12i0j_uwqnd_198 > .awsui_drawer-content_12i0j_uwqnd_198.awsui_drawer-content-hidden_12i0j_uwqnd_215:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_iyo1x_185 > .awsui_drawer-slider_12i0j_iyo1x_218:not(#\9) {
+.awsui_drawer_12i0j_uwqnd_185 > .awsui_drawer-slider_12i0j_uwqnd_218:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;

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

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_12i0j_iyo1x_185",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_iyo1x_198",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_iyo1x_206",
-  "drawer-content": "awsui_drawer-content_12i0j_iyo1x_198",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_iyo1x_215",
-  "drawer-slider": "awsui_drawer-slider_12i0j_iyo1x_218"
+  "drawer": "awsui_drawer_12i0j_uwqnd_185",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_uwqnd_198",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_uwqnd_206",
+  "drawer-content": "awsui_drawer-content_12i0j_uwqnd_198",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_uwqnd_215",
+  "drawer-slider": "awsui_drawer-slider_12i0j_uwqnd_218"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/navigation/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAMnD,UAAU,sCAAsC;IAC9C,kBAAkB,EAAE,kBAAkB,CAAC;CACxC;AAED,wBAAgB,iCAAiC,CAAC,EAAE,kBAAkB,EAAE,EAAE,sCAAsC,eA4D/G;AAED,eAAO,MAAM,mCAAmC,6GAA+D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/navigation/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAMnD,UAAU,sCAAsC;IAC9C,kBAAkB,EAAE,kBAAkB,CAAC;CACxC;AAED,wBAAgB,iCAAiC,CAAC,EAAE,kBAAkB,EAAE,EAAE,sCAAsC,eA4D/G;AAED,eAAO,MAAM,mCAAmC,6GAA+D,CAAC"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.js

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import clsx from 'clsx';
+import { findUpUntil } from '@cloudscape-design/component-toolkit/dom';
 import { InternalButton } from '../../../button/internal';
-import { findUpUntil } from '../../../internal/utils/dom';
 import { createWidgetizedComponent } from '../../../internal/widgets';
 import sharedStyles from '../../resize/styles.css.js';
 import testutilStyles from '../../test-classes/styles.css.js';

package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/navigation/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAGtE,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,UAAU,iCAAiC,CAAC,EAAE,kBAAkB,EAA0C;;IAC9G,MAAM,EACJ,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACR,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,SAAS,EACT,eAAe,GAChB,GAAG,kBAAkB,CAAC;IAEvB,MAAM,gBAAgB,GAAG,MAAA,eAAe,CAAC,OAAO,mCAAI,SAAS,CAAC,eAAe,CAAC;IAE9E,0EAA0E;IAC1E,MAAM,iBAAiB,GAAG,CAAC,KAAuB,EAAE,EAAE;QACpD,MAAM,OAAO,GAAG,WAAW,CACzB,KAAK,CAAC,MAAqB,EAC3B,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,KAAK,GAAG,IAAI,CAAC,CAAE,IAA0B,CAAC,IAAI,CACnE,CAAC;QACF,IAAI,OAAO,IAAI,QAAQ,EAAE;YACvB,kBAAkB,CAAC,KAAK,CAAC,CAAC;SAC3B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,2CACc,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,mCAAI,SAAS,EAC/C,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB;YACE,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,cAAc;YAC9C,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,cAAc;SACnD,EACD,cAAc,CAAC,UAAU,EACzB,YAAY,CAAC,aAAa,CAAC,CAC5B,iBACY,CAAC,cAAc,EAC5B,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAE;YACL,SAAS,EAAE,gBAAgB,gBAAgB,QAAQ,SAAS,CAAC,aAAa,KAAK;YAC/E,eAAe,EAAE,gBAAgB;SAClC;QAED,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;YAC9C,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;gBAC7C,oBAAC,cAAc,IACb,SAAS,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,eAAe,mCAAI,SAAS,EACnD,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EACxC,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,cAAc,CAAC,kBAAkB,CAAC,EAC7C,GAAG,EAAE,sBAAsB,CAAC,IAAI,CAAC,KAAK,GACtC,CACE;YACL,UAAU,CACP,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mCAAmC,GAAG,yBAAyB,CAAC,iCAAiC,CAAC,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';\n\nimport { InternalButton } from '../../../button/internal';\nimport { findUpUntil } from '../../../internal/utils/dom';\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { AppLayoutInternals } from '../interfaces';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface AppLayoutNavigationImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n}\n\nexport function AppLayoutNavigationImplementation({ appLayoutInternals }: AppLayoutNavigationImplementationProps) {\n  const {\n    ariaLabels,\n    onNavigationToggle,\n    isMobile,\n    navigationOpen,\n    navigation,\n    navigationFocusControl,\n    placement,\n    verticalOffsets,\n  } = appLayoutInternals;\n\n  const drawersTopOffset = verticalOffsets.drawers ?? placement.insetBlockStart;\n\n  // Close the Navigation drawer on mobile when a user clicks a link inside.\n  const onNavigationClick = (event: React.MouseEvent) => {\n    const hasLink = findUpUntil(\n      event.target as HTMLElement,\n      node => node.tagName === 'A' && !!(node as HTMLAnchorElement).href\n    );\n    if (hasLink && isMobile) {\n      onNavigationToggle(false);\n    }\n  };\n\n  return (\n    <nav\n      aria-label={ariaLabels?.navigation ?? undefined}\n      className={clsx(\n        styles.navigation,\n        {\n          [styles['is-navigation-open']]: navigationOpen,\n          [testutilStyles['drawer-closed']]: !navigationOpen,\n        },\n        testutilStyles.navigation,\n        sharedStyles['with-motion']\n      )}\n      aria-hidden={!navigationOpen}\n      onClick={onNavigationClick}\n      style={{\n        blockSize: `calc(100vh - ${drawersTopOffset}px - ${placement.insetBlockEnd}px)`,\n        insetBlockStart: drawersTopOffset,\n      }}\n    >\n      <div className={clsx(styles['animated-content'])}>\n        <div className={clsx(styles['hide-navigation'])}>\n          <InternalButton\n            ariaLabel={ariaLabels?.navigationClose ?? undefined}\n            iconName={isMobile ? 'close' : 'angle-left'}\n            onClick={() => onNavigationToggle(false)}\n            variant=\"icon\"\n            formAction=\"none\"\n            className={testutilStyles['navigation-close']}\n            ref={navigationFocusControl.refs.close}\n          />\n        </div>\n        {navigation}\n      </div>\n    </nav>\n  );\n}\n\nexport const createWidgetizedAppLayoutNavigation = createWidgetizedComponent(AppLayoutNavigationImplementation);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/navigation/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAGtE,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,UAAU,iCAAiC,CAAC,EAAE,kBAAkB,EAA0C;;IAC9G,MAAM,EACJ,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACR,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,SAAS,EACT,eAAe,GAChB,GAAG,kBAAkB,CAAC;IAEvB,MAAM,gBAAgB,GAAG,MAAA,eAAe,CAAC,OAAO,mCAAI,SAAS,CAAC,eAAe,CAAC;IAE9E,0EAA0E;IAC1E,MAAM,iBAAiB,GAAG,CAAC,KAAuB,EAAE,EAAE;QACpD,MAAM,OAAO,GAAG,WAAW,CACzB,KAAK,CAAC,MAAqB,EAC3B,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,KAAK,GAAG,IAAI,CAAC,CAAE,IAA0B,CAAC,IAAI,CACnE,CAAC;QACF,IAAI,OAAO,IAAI,QAAQ,EAAE;YACvB,kBAAkB,CAAC,KAAK,CAAC,CAAC;SAC3B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,2CACc,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,mCAAI,SAAS,EAC/C,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB;YACE,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,cAAc;YAC9C,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,cAAc;SACnD,EACD,cAAc,CAAC,UAAU,EACzB,YAAY,CAAC,aAAa,CAAC,CAC5B,iBACY,CAAC,cAAc,EAC5B,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAE;YACL,SAAS,EAAE,gBAAgB,gBAAgB,QAAQ,SAAS,CAAC,aAAa,KAAK;YAC/E,eAAe,EAAE,gBAAgB;SAClC;QAED,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;YAC9C,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;gBAC7C,oBAAC,cAAc,IACb,SAAS,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,eAAe,mCAAI,SAAS,EACnD,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EACxC,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,cAAc,CAAC,kBAAkB,CAAC,EAC7C,GAAG,EAAE,sBAAsB,CAAC,IAAI,CAAC,KAAK,GACtC,CACE;YACL,UAAU,CACP,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mCAAmC,GAAG,yBAAyB,CAAC,iCAAiC,CAAC,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';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\n\nimport { InternalButton } from '../../../button/internal';\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { AppLayoutInternals } from '../interfaces';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface AppLayoutNavigationImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n}\n\nexport function AppLayoutNavigationImplementation({ appLayoutInternals }: AppLayoutNavigationImplementationProps) {\n  const {\n    ariaLabels,\n    onNavigationToggle,\n    isMobile,\n    navigationOpen,\n    navigation,\n    navigationFocusControl,\n    placement,\n    verticalOffsets,\n  } = appLayoutInternals;\n\n  const drawersTopOffset = verticalOffsets.drawers ?? placement.insetBlockStart;\n\n  // Close the Navigation drawer on mobile when a user clicks a link inside.\n  const onNavigationClick = (event: React.MouseEvent) => {\n    const hasLink = findUpUntil(\n      event.target as HTMLElement,\n      node => node.tagName === 'A' && !!(node as HTMLAnchorElement).href\n    );\n    if (hasLink && isMobile) {\n      onNavigationToggle(false);\n    }\n  };\n\n  return (\n    <nav\n      aria-label={ariaLabels?.navigation ?? undefined}\n      className={clsx(\n        styles.navigation,\n        {\n          [styles['is-navigation-open']]: navigationOpen,\n          [testutilStyles['drawer-closed']]: !navigationOpen,\n        },\n        testutilStyles.navigation,\n        sharedStyles['with-motion']\n      )}\n      aria-hidden={!navigationOpen}\n      onClick={onNavigationClick}\n      style={{\n        blockSize: `calc(100vh - ${drawersTopOffset}px - ${placement.insetBlockEnd}px)`,\n        insetBlockStart: drawersTopOffset,\n      }}\n    >\n      <div className={clsx(styles['animated-content'])}>\n        <div className={clsx(styles['hide-navigation'])}>\n          <InternalButton\n            ariaLabel={ariaLabels?.navigationClose ?? undefined}\n            iconName={isMobile ? 'close' : 'angle-left'}\n            onClick={() => onNavigationToggle(false)}\n            variant=\"icon\"\n            formAction=\"none\"\n            className={testutilStyles['navigation-close']}\n            ref={navigationFocusControl.refs.close}\n          />\n        </div>\n        {navigation}\n      </div>\n    </nav>\n  );\n}\n\nexport const createWidgetizedAppLayoutNavigation = createWidgetizedComponent(AppLayoutNavigationImplementation);\n"]}

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

@@ -1,9 +1,9 @@
 
     import './styles.scoped.css';
     export default {
-  "navigation": "awsui_navigation_2p2ab_1rba9_149",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1rba9_167",
-  "animated-content": "awsui_animated-content_2p2ab_1rba9_171",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_1rba9_181"
+  "navigation": "awsui_navigation_2p2ab_1k2k0_149",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1k2k0_167",
+  "animated-content": "awsui_animated-content_2p2ab_1k2k0_171",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_1k2k0_181"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css

@@ -146,10 +146,10 @@ 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_navigation_2p2ab_1rba9_149:not(#\9) {
+.awsui_navigation_2p2ab_1k2k0_149:not(#\9) {
   position: sticky;
   z-index: 830;
-  background-color: var(--color-background-container-content-il2pe5, #ffffff);
+  background-color: var(--color-background-container-content-0j55iz, #ffffff);
   inset-block-end: 0;
   block-size: 100%;
   overflow-x: hidden;
@@ -164,21 +164,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   prevent unwanted text wrapping.
   */
 }
-.awsui_navigation_2p2ab_1rba9_149:not(#\9):not(.awsui_is-navigation-open_2p2ab_1rba9_167) {
+.awsui_navigation_2p2ab_1k2k0_149:not(#\9):not(.awsui_is-navigation-open_2p2ab_1k2k0_167) {
   inline-size: 0px;
   display: none;
 }
-.awsui_navigation_2p2ab_1rba9_149 > .awsui_animated-content_2p2ab_1rba9_171:not(#\9) {
+.awsui_navigation_2p2ab_1k2k0_149 > .awsui_animated-content_2p2ab_1k2k0_171:not(#\9) {
   inline-size: var(--awsui-navigation-width-g964ok);
 }
 @media (max-width: 688px) {
-  .awsui_navigation_2p2ab_1rba9_149:not(#\9) {
+  .awsui_navigation_2p2ab_1k2k0_149:not(#\9) {
     --awsui-navigation-width-g964ok: 100vw;
     z-index: 1001;
   }
 }
 
-.awsui_hide-navigation_2p2ab_1rba9_181:not(#\9) {
+.awsui_hide-navigation_2p2ab_1k2k0_181:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-m-kpg8id, 16px);
   inset-block-start: 10px;

package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js

@@ -2,9 +2,9 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "navigation": "awsui_navigation_2p2ab_1rba9_149",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1rba9_167",
-  "animated-content": "awsui_animated-content_2p2ab_1rba9_171",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_1rba9_181"
+  "navigation": "awsui_navigation_2p2ab_1k2k0_149",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1k2k0_167",
+  "animated-content": "awsui_animated-content_2p2ab_1k2k0_171",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_1k2k0_181"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js

@@ -14,7 +14,7 @@ export function SkeletonLayout({ style, notifications, contentHeader, content, n
             [styles['has-adaptive-widths-default']]: !contentTypeCustomWidths.includes(contentType),
             [styles['has-adaptive-widths-dashboard']]: contentType === 'dashboard',
         }), style: {
-            minBlockSize: `calc(100vh - ${placement.insetBlockStart}px - ${placement.insetBlockEnd}px)`,
+            minBlockSize: `calc(100vh - ${placement.insetBlockStart + placement.insetBlockEnd}px)`,
             [customCssProps.maxContentWidth]: isMaxWidth ? '100%' : maxContentWidth ? `${maxContentWidth}px` : '',
             [customCssProps.navigationWidth]: `${navigationWidth}px`,
             [customCssProps.toolsWidth]: `${toolsWidth}px`,

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/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 from 'react';\nimport clsx from 'clsx';\n\nimport customCssProps from '../../../internal/generated/custom-css-properties';\nimport { AppLayoutPropsWithDefaults } from '../../interfaces';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nconst contentTypeCustomWidths: Array<string | undefined> = ['dashboard', 'cards', 'table'];\n\ninterface SkeletonLayoutProps\n  extends Pick<\n    AppLayoutPropsWithDefaults,\n    | 'notifications'\n    | 'contentHeader'\n    | 'content'\n    | 'contentType'\n    | 'maxContentWidth'\n    | 'disableContentPaddings'\n    | 'navigation'\n    | 'navigationOpen'\n    | 'navigationWidth'\n    | 'tools'\n    | 'toolsOpen'\n    | 'toolsWidth'\n    | 'placement'\n  > {\n  style?: React.CSSProperties;\n  toolbar?: React.ReactNode;\n  splitPanelOpen?: boolean;\n  sideSplitPanel?: React.ReactNode;\n  bottomSplitPanel?: React.ReactNode;\n}\n\nexport function SkeletonLayout({\n  style,\n  notifications,\n  contentHeader,\n  content,\n  navigation,\n  navigationOpen,\n  navigationWidth,\n  tools,\n  toolsOpen,\n  toolsWidth,\n  toolbar,\n  sideSplitPanel,\n  bottomSplitPanel,\n  splitPanelOpen,\n  placement,\n  contentType,\n  maxContentWidth,\n  disableContentPaddings,\n}: SkeletonLayoutProps) {\n  const isMaxWidth = maxContentWidth === Number.MAX_VALUE || maxContentWidth === Number.MAX_SAFE_INTEGER;\n  const anyPanelOpen = navigationOpen || toolsOpen;\n  return (\n    <div\n      className={clsx(styles.root, testutilStyles.root, {\n        [styles['has-adaptive-widths-default']]: !contentTypeCustomWidths.includes(contentType),\n        [styles['has-adaptive-widths-dashboard']]: contentType === 'dashboard',\n      })}\n      style={{\n        minBlockSize: `calc(100vh - ${placement.insetBlockStart}px - ${placement.insetBlockEnd}px)`,\n        [customCssProps.maxContentWidth]: isMaxWidth ? '100%' : maxContentWidth ? `${maxContentWidth}px` : '',\n        [customCssProps.navigationWidth]: `${navigationWidth}px`,\n        [customCssProps.toolsWidth]: `${toolsWidth}px`,\n      }}\n    >\n      {toolbar}\n      {navigation && (\n        <div\n          className={clsx(\n            styles.navigation,\n            !navigationOpen && styles['panel-hidden'],\n            toolsOpen && styles['unfocusable-mobile'],\n            sharedStyles['with-motion']\n          )}\n        >\n          {navigation}\n        </div>\n      )}\n      <main className={clsx(styles['main-landmark'], anyPanelOpen && styles['unfocusable-mobile'])}>\n        {notifications}\n        <div className={clsx(styles.main, { [styles['main-disable-paddings']]: disableContentPaddings })} style={style}>\n          {contentHeader && <div className={styles['content-header']}>{contentHeader}</div>}\n          <div className={clsx(styles.content, testutilStyles.content)}>{content}</div>\n        </div>\n        {bottomSplitPanel && (\n          <div className={clsx(styles['split-panel-bottom'])} style={{ insetBlockEnd: placement.insetBlockEnd }}>\n            {bottomSplitPanel}\n          </div>\n        )}\n      </main>\n      {sideSplitPanel && (\n        <div className={clsx(styles['split-panel-side'], !splitPanelOpen && styles['panel-hidden'])}>\n          {sideSplitPanel}\n        </div>\n      )}\n      <div\n        className={clsx(\n          styles.tools,\n          !toolsOpen && styles['panel-hidden'],\n          sharedStyles['with-motion'],\n          navigationOpen && !toolsOpen && styles['unfocusable-mobile']\n        )}\n      >\n        {tools}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/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 from 'react';\nimport clsx from 'clsx';\n\nimport customCssProps from '../../../internal/generated/custom-css-properties';\nimport { AppLayoutPropsWithDefaults } from '../../interfaces';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nconst contentTypeCustomWidths: Array<string | undefined> = ['dashboard', 'cards', 'table'];\n\ninterface SkeletonLayoutProps\n  extends Pick<\n    AppLayoutPropsWithDefaults,\n    | 'notifications'\n    | 'contentHeader'\n    | 'content'\n    | 'contentType'\n    | 'maxContentWidth'\n    | 'disableContentPaddings'\n    | 'navigation'\n    | 'navigationOpen'\n    | 'navigationWidth'\n    | 'tools'\n    | 'toolsOpen'\n    | 'toolsWidth'\n    | 'placement'\n  > {\n  style?: React.CSSProperties;\n  toolbar?: React.ReactNode;\n  splitPanelOpen?: boolean;\n  sideSplitPanel?: React.ReactNode;\n  bottomSplitPanel?: React.ReactNode;\n}\n\nexport function SkeletonLayout({\n  style,\n  notifications,\n  contentHeader,\n  content,\n  navigation,\n  navigationOpen,\n  navigationWidth,\n  tools,\n  toolsOpen,\n  toolsWidth,\n  toolbar,\n  sideSplitPanel,\n  bottomSplitPanel,\n  splitPanelOpen,\n  placement,\n  contentType,\n  maxContentWidth,\n  disableContentPaddings,\n}: SkeletonLayoutProps) {\n  const isMaxWidth = maxContentWidth === Number.MAX_VALUE || maxContentWidth === Number.MAX_SAFE_INTEGER;\n  const anyPanelOpen = navigationOpen || toolsOpen;\n  return (\n    <div\n      className={clsx(styles.root, testutilStyles.root, {\n        [styles['has-adaptive-widths-default']]: !contentTypeCustomWidths.includes(contentType),\n        [styles['has-adaptive-widths-dashboard']]: contentType === 'dashboard',\n      })}\n      style={{\n        minBlockSize: `calc(100vh - ${placement.insetBlockStart + placement.insetBlockEnd}px)`,\n        [customCssProps.maxContentWidth]: isMaxWidth ? '100%' : maxContentWidth ? `${maxContentWidth}px` : '',\n        [customCssProps.navigationWidth]: `${navigationWidth}px`,\n        [customCssProps.toolsWidth]: `${toolsWidth}px`,\n      }}\n    >\n      {toolbar}\n      {navigation && (\n        <div\n          className={clsx(\n            styles.navigation,\n            !navigationOpen && styles['panel-hidden'],\n            toolsOpen && styles['unfocusable-mobile'],\n            sharedStyles['with-motion']\n          )}\n        >\n          {navigation}\n        </div>\n      )}\n      <main className={clsx(styles['main-landmark'], anyPanelOpen && styles['unfocusable-mobile'])}>\n        {notifications}\n        <div className={clsx(styles.main, { [styles['main-disable-paddings']]: disableContentPaddings })} style={style}>\n          {contentHeader && <div className={styles['content-header']}>{contentHeader}</div>}\n          <div className={clsx(styles.content, testutilStyles.content)}>{content}</div>\n        </div>\n        {bottomSplitPanel && (\n          <div className={clsx(styles['split-panel-bottom'])} style={{ insetBlockEnd: placement.insetBlockEnd }}>\n            {bottomSplitPanel}\n          </div>\n        )}\n      </main>\n      {sideSplitPanel && (\n        <div className={clsx(styles['split-panel-side'], !splitPanelOpen && styles['panel-hidden'])}>\n          {sideSplitPanel}\n        </div>\n      )}\n      <div\n        className={clsx(\n          styles.tools,\n          !toolsOpen && styles['panel-hidden'],\n          sharedStyles['with-motion'],\n          navigationOpen && !toolsOpen && styles['unfocusable-mobile']\n        )}\n      >\n        {tools}\n      </div>\n    </div>\n  );\n}\n"]}

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_1w9cv_149",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1w9cv_198",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1w9cv_213",
-  "navigation": "awsui_navigation_7nfqu_1w9cv_228",
-  "tools": "awsui_tools_7nfqu_1w9cv_229",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_1w9cv_261",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1w9cv_268",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_1w9cv_281",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_1w9cv_291",
-  "notifications-container": "awsui_notifications-container_7nfqu_1w9cv_297",
-  "main-landmark": "awsui_main-landmark_7nfqu_1w9cv_304",
-  "main": "awsui_main_7nfqu_1w9cv_304",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1w9cv_313",
-  "content-header": "awsui_content-header_7nfqu_1w9cv_323",
-  "content": "awsui_content_7nfqu_1w9cv_323",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1w9cv_333"
+  "root": "awsui_root_7nfqu_11q1l_149",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_11q1l_198",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_11q1l_213",
+  "navigation": "awsui_navigation_7nfqu_11q1l_228",
+  "tools": "awsui_tools_7nfqu_11q1l_229",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_11q1l_261",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_11q1l_268",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_11q1l_281",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_11q1l_291",
+  "notifications-container": "awsui_notifications-container_7nfqu_11q1l_297",
+  "main-landmark": "awsui_main-landmark_7nfqu_11q1l_304",
+  "main": "awsui_main_7nfqu_11q1l_304",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_11q1l_313",
+  "content-header": "awsui_content-header_7nfqu_11q1l_323",
+  "content": "awsui_content_7nfqu_11q1l_323",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_11q1l_333"
 };