@cloudscape-design/components 3.0.839 → 3.0.840

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_17ek5_145",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_17ek5_148",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_17ek5_159",
-  "drawers-container": "awsui_drawers-container_hyvsj_17ek5_172",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_17ek5_183",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_17ek5_204",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_17ek5_209",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_17ek5_250",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_17ek5_260",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_17ek5_265",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_17ek5_279",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_17ek5_265",
-  "drawer": "awsui_drawer_hyvsj_17ek5_172",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_17ek5_310",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_17ek5_319",
-  "drawer-content": "awsui_drawer-content_hyvsj_17ek5_310",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_17ek5_328",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_17ek5_331",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_17ek5_338",
-  "content": "awsui_content_hyvsj_17ek5_364",
-  "layout": "awsui_layout_hyvsj_17ek5_389",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_17ek5_461",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_17ek5_476",
-  "content-type-table": "awsui_content-type-table_hyvsj_17ek5_490",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_17ek5_490",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_17ek5_496",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_17ek5_499",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_17ek5_513",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_17ek5_516",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_17ek5_526",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_17ek5_529",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_17ek5_529",
-  "has-header": "awsui_has-header_hyvsj_17ek5_529",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_17ek5_544",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_17ek5_544",
-  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_17ek5_564",
-  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_17ek5_567",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_17ek5_587",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_17ek5_587",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_17ek5_595",
-  "unfocusable": "awsui_unfocusable_hyvsj_17ek5_600",
-  "container": "awsui_container_hyvsj_17ek5_610",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_17ek5_636",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_17ek5_639",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_17ek5_639",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_17ek5_639",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_17ek5_639",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_17ek5_652",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_17ek5_669",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_17ek5_673",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_17ek5_677",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_17ek5_681",
-  "navigation-container": "awsui_navigation-container_hyvsj_17ek5_690",
-  "show-navigation": "awsui_show-navigation_hyvsj_17ek5_728",
-  "animating": "awsui_animating_hyvsj_17ek5_751",
-  "showButtons": "awsui_showButtons_hyvsj_17ek5_1",
-  "navigation": "awsui_navigation_hyvsj_17ek5_690",
-  "openNavigation": "awsui_openNavigation_hyvsj_17ek5_1",
-  "animated-content": "awsui_animated-content_hyvsj_17ek5_815",
-  "content-container": "awsui_content-container_hyvsj_17ek5_818",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_17ek5_827",
-  "notifications": "awsui_notifications_hyvsj_17ek5_837",
-  "has-notification-content": "awsui_has-notification-content_hyvsj_17ek5_842",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_17ek5_846",
-  "high-contrast": "awsui_high-contrast_hyvsj_17ek5_851",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_17ek5_869",
-  "position-bottom": "awsui_position-bottom_hyvsj_17ek5_916",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_17ek5_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_17ek5_945",
-  "position-side": "awsui_position-side_hyvsj_17ek5_958",
-  "tools-container": "awsui_tools-container_hyvsj_17ek5_980",
-  "tools": "awsui_tools_hyvsj_17ek5_980",
-  "openTools": "awsui_openTools_hyvsj_17ek5_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_17ek5_1069",
-  "hide-tools": "awsui_hide-tools_hyvsj_17ek5_1079",
-  "show-tools": "awsui_show-tools_hyvsj_17ek5_1091",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_17ek5_1069",
-  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_17ek5_1174",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_17ek5_1190",
-  "trigger": "awsui_trigger_hyvsj_17ek5_1174",
-  "selected": "awsui_selected_hyvsj_17ek5_1242",
-  "badge": "awsui_badge_hyvsj_17ek5_1262",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_17ek5_1266",
-  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_17ek5_1277",
-  "dot": "awsui_dot_hyvsj_17ek5_1281",
-  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_17ek5_1294"
+  "background": "awsui_background_hyvsj_uh0or_145",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_uh0or_148",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_uh0or_159",
+  "drawers-container": "awsui_drawers-container_hyvsj_uh0or_172",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_uh0or_183",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_uh0or_204",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_uh0or_209",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_uh0or_247",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_uh0or_257",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_uh0or_262",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_uh0or_276",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_uh0or_262",
+  "drawer": "awsui_drawer_hyvsj_uh0or_172",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_uh0or_307",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_uh0or_316",
+  "drawer-content": "awsui_drawer-content_hyvsj_uh0or_307",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_uh0or_325",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_uh0or_328",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_uh0or_335",
+  "content": "awsui_content_hyvsj_uh0or_361",
+  "layout": "awsui_layout_hyvsj_uh0or_386",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_uh0or_458",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_uh0or_473",
+  "content-type-table": "awsui_content-type-table_hyvsj_uh0or_487",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_uh0or_487",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_uh0or_493",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_uh0or_496",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_uh0or_510",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_uh0or_513",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_uh0or_523",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_uh0or_526",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_uh0or_526",
+  "has-header": "awsui_has-header_hyvsj_uh0or_526",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_uh0or_541",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_uh0or_541",
+  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_uh0or_561",
+  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_uh0or_564",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_uh0or_584",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_uh0or_584",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_uh0or_592",
+  "unfocusable": "awsui_unfocusable_hyvsj_uh0or_597",
+  "container": "awsui_container_hyvsj_uh0or_607",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_uh0or_633",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_uh0or_636",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_uh0or_636",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_uh0or_636",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_uh0or_636",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_uh0or_649",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_uh0or_666",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_uh0or_670",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_uh0or_674",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_uh0or_678",
+  "navigation-container": "awsui_navigation-container_hyvsj_uh0or_687",
+  "show-navigation": "awsui_show-navigation_hyvsj_uh0or_725",
+  "animating": "awsui_animating_hyvsj_uh0or_748",
+  "showButtons": "awsui_showButtons_hyvsj_uh0or_1",
+  "navigation": "awsui_navigation_hyvsj_uh0or_687",
+  "openNavigation": "awsui_openNavigation_hyvsj_uh0or_1",
+  "animated-content": "awsui_animated-content_hyvsj_uh0or_812",
+  "content-container": "awsui_content-container_hyvsj_uh0or_815",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_uh0or_824",
+  "notifications": "awsui_notifications_hyvsj_uh0or_834",
+  "has-notification-content": "awsui_has-notification-content_hyvsj_uh0or_839",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_uh0or_843",
+  "high-contrast": "awsui_high-contrast_hyvsj_uh0or_848",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_uh0or_866",
+  "position-bottom": "awsui_position-bottom_hyvsj_uh0or_913",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_uh0or_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_uh0or_942",
+  "position-side": "awsui_position-side_hyvsj_uh0or_955",
+  "tools-container": "awsui_tools-container_hyvsj_uh0or_977",
+  "tools": "awsui_tools_hyvsj_uh0or_977",
+  "openTools": "awsui_openTools_hyvsj_uh0or_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_uh0or_1066",
+  "hide-tools": "awsui_hide-tools_hyvsj_uh0or_1076",
+  "show-tools": "awsui_show-tools_hyvsj_uh0or_1088",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_uh0or_1066",
+  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_uh0or_1168",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_uh0or_1184",
+  "trigger": "awsui_trigger_hyvsj_uh0or_1168",
+  "selected": "awsui_selected_hyvsj_uh0or_1236",
+  "badge": "awsui_badge_hyvsj_uh0or_1256",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_uh0or_1260",
+  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_uh0or_1271",
+  "dot": "awsui_dot_hyvsj_uh0or_1275",
+  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_uh0or_1288"
 };
   

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

@@ -1 +1 @@
-{"version":3,"file":"compute-layout.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/compute-layout.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAG3D,UAAU,qBAAqB;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,0BAA0B,CAAC,WAAW,CAAC,CAAC;IACnD,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAClD,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,eAAe,QAAS,CAAC;AAEtC,wBAAgB,uBAAuB,CAAC,EACtC,cAAc,EACd,eAAe,EACf,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,QAAQ,EACR,wBAAwB,GACzB,EAAE,qBAAqB;;;;;;;;;EAwCvB;AAED,UAAU,mBAAmB;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,GACpB,EAAE,mBAAmB,GAAG,oBAAoB,CAe5C;AAED,wBAAgB,eAAe,CAC7B,eAAe,EAAE,oBAAoB,EACrC,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,0BAA0B,CAAC,WAAW,CAAC,GACjD;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB,CAIA"}
+{"version":3,"file":"compute-layout.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/compute-layout.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAG3D,UAAU,qBAAqB;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,0BAA0B,CAAC,WAAW,CAAC,CAAC;IACnD,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAClD,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,eAAe,QAAS,CAAC;AAEtC,wBAAgB,uBAAuB,CAAC,EACtC,cAAc,EACd,eAAe,EACf,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,QAAQ,EACR,wBAAwB,GACzB,EAAE,qBAAqB;;;;;;;;;EAuCvB;AAED,UAAU,mBAAmB;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,GACpB,EAAE,mBAAmB,GAAG,oBAAoB,CAe5C;AAED,wBAAgB,eAAe,CAC7B,eAAe,EAAE,oBAAoB,EACrC,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,0BAA0B,CAAC,WAAW,CAAC,GACjD;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB,CAIA"}

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

@@ -1,13 +1,12 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { checkSplitPanelForcedPosition } from '../split-panel/split-panel-utils';
+import { SPLIT_PANEL_MIN_WIDTH } from '../split-panel';
 export const CONTENT_PADDING = 2 * 24; // space-xl
 export function computeHorizontalLayout({ navigationOpen, navigationWidth, placement, minContentWidth, activeDrawerSize, splitPanelOpen, splitPanelPosition, splitPanelSize, isMobile, activeGlobalDrawersSizes, }) {
     const activeNavigationWidth = navigationOpen ? navigationWidth : 0;
     let resizableSpaceAvailable = Math.max(0, placement.inlineSize - minContentWidth - CONTENT_PADDING - activeNavigationWidth);
     const totalActiveGlobalDrawersSize = Object.values(activeGlobalDrawersSizes).reduce((acc, size) => acc + size, 0);
-    const splitPanelMaxWidth = resizableSpaceAvailable - activeDrawerSize;
-    const splitPanelForcedPosition = checkSplitPanelForcedPosition({ isMobile, splitPanelMaxWidth });
+    const splitPanelForcedPosition = resizableSpaceAvailable - activeDrawerSize < SPLIT_PANEL_MIN_WIDTH || isMobile;
     const resolvedSplitPanelPosition = splitPanelForcedPosition ? 'bottom' : splitPanelPosition !== null && splitPanelPosition !== void 0 ? splitPanelPosition : 'bottom';
     const sideSplitPanelSize = resolvedSplitPanelPosition === 'side' && splitPanelOpen ? splitPanelSize !== null && splitPanelSize !== void 0 ? splitPanelSize : 0 : 0;
     const maxSplitPanelSize = Math.max(resizableSpaceAvailable - totalActiveGlobalDrawersSize - activeDrawerSize, 0);

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

@@ -1 +1 @@
-{"version":3,"file":"compute-layout.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/compute-layout.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { AppLayoutPropsWithDefaults } from '../interfaces';\nimport { checkSplitPanelForcedPosition } from '../split-panel/split-panel-utils';\n\ninterface HorizontalLayoutInput {\n  navigationOpen: boolean;\n  navigationWidth: number;\n  placement: AppLayoutPropsWithDefaults['placement'];\n  minContentWidth: number;\n  activeDrawerSize: number;\n  splitPanelOpen: boolean;\n  splitPanelPosition: 'side' | 'bottom' | undefined;\n  splitPanelSize: number;\n  isMobile: boolean;\n  activeGlobalDrawersSizes: Record<string, number>;\n}\n\nexport const CONTENT_PADDING = 2 * 24; // space-xl\n\nexport function computeHorizontalLayout({\n  navigationOpen,\n  navigationWidth,\n  placement,\n  minContentWidth,\n  activeDrawerSize,\n  splitPanelOpen,\n  splitPanelPosition,\n  splitPanelSize,\n  isMobile,\n  activeGlobalDrawersSizes,\n}: HorizontalLayoutInput) {\n  const activeNavigationWidth = navigationOpen ? navigationWidth : 0;\n\n  let resizableSpaceAvailable = Math.max(\n    0,\n    placement.inlineSize - minContentWidth - CONTENT_PADDING - activeNavigationWidth\n  );\n  const totalActiveGlobalDrawersSize = Object.values(activeGlobalDrawersSizes).reduce((acc, size) => acc + size, 0);\n\n  const splitPanelMaxWidth = resizableSpaceAvailable - activeDrawerSize;\n  const splitPanelForcedPosition = checkSplitPanelForcedPosition({ isMobile, splitPanelMaxWidth });\n  const resolvedSplitPanelPosition = splitPanelForcedPosition ? 'bottom' : splitPanelPosition ?? 'bottom';\n  const sideSplitPanelSize = resolvedSplitPanelPosition === 'side' && splitPanelOpen ? splitPanelSize ?? 0 : 0;\n  const maxSplitPanelSize = Math.max(resizableSpaceAvailable - totalActiveGlobalDrawersSize - activeDrawerSize, 0);\n  resizableSpaceAvailable -= sideSplitPanelSize;\n  const maxDrawerSize = resizableSpaceAvailable - totalActiveGlobalDrawersSize;\n  const maxGlobalDrawersSizes: Record<string, number> = Object.keys(activeGlobalDrawersSizes).reduce(\n    (acc, drawerId) => {\n      return {\n        ...acc,\n        [drawerId]:\n          resizableSpaceAvailable -\n          activeDrawerSize -\n          totalActiveGlobalDrawersSize +\n          activeGlobalDrawersSizes[drawerId],\n      };\n    },\n    {}\n  );\n\n  return {\n    splitPanelPosition: resolvedSplitPanelPosition,\n    splitPanelForcedPosition,\n    sideSplitPanelSize,\n    maxSplitPanelSize,\n    maxDrawerSize,\n    maxGlobalDrawersSizes,\n    totalActiveGlobalDrawersSize,\n    resizableSpaceAvailable,\n  };\n}\n\ninterface VerticalLayoutInput {\n  topOffset: number;\n  hasVisibleToolbar: boolean;\n  toolbarHeight: number;\n  stickyNotifications: boolean;\n  notificationsHeight: number;\n}\n\nexport interface VerticalLayoutOutput {\n  toolbar: number;\n  notifications: number;\n  header: number;\n  drawers: number;\n}\n\nexport function computeVerticalLayout({\n  topOffset,\n  hasVisibleToolbar,\n  toolbarHeight,\n  stickyNotifications,\n  notificationsHeight,\n}: VerticalLayoutInput): VerticalLayoutOutput {\n  const toolbar = topOffset;\n  let notifications = topOffset;\n  let drawers = topOffset;\n\n  if (hasVisibleToolbar) {\n    notifications += toolbarHeight;\n    drawers += toolbarHeight;\n  }\n  let header = notifications;\n  if (stickyNotifications) {\n    header += notificationsHeight;\n  }\n\n  return { toolbar, notifications, header, drawers };\n}\n\nexport function getDrawerStyles(\n  verticalOffsets: VerticalLayoutOutput,\n  isMobile: boolean,\n  placement: AppLayoutPropsWithDefaults['placement']\n): {\n  drawerTopOffset: number;\n  drawerHeight: string;\n} {\n  const drawerTopOffset = isMobile ? verticalOffsets.toolbar : verticalOffsets.drawers ?? placement.insetBlockStart;\n  const drawerHeight = `calc(100vh - ${drawerTopOffset}px - ${placement.insetBlockEnd}px)`;\n  return { drawerTopOffset, drawerHeight };\n}\n"]}
+{"version":3,"file":"compute-layout.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/compute-layout.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAGtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAevD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,WAAW;AAElD,MAAM,UAAU,uBAAuB,CAAC,EACtC,cAAc,EACd,eAAe,EACf,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,QAAQ,EACR,wBAAwB,GACF;IACtB,MAAM,qBAAqB,GAAG,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnE,IAAI,uBAAuB,GAAG,IAAI,CAAC,GAAG,CACpC,CAAC,EACD,SAAS,CAAC,UAAU,GAAG,eAAe,GAAG,eAAe,GAAG,qBAAqB,CACjF,CAAC;IACF,MAAM,4BAA4B,GAAG,MAAM,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC;IAElH,MAAM,wBAAwB,GAAG,uBAAuB,GAAG,gBAAgB,GAAG,qBAAqB,IAAI,QAAQ,CAAC;IAChH,MAAM,0BAA0B,GAAG,wBAAwB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,QAAQ,CAAC;IACxG,MAAM,kBAAkB,GAAG,0BAA0B,KAAK,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7G,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,uBAAuB,GAAG,4BAA4B,GAAG,gBAAgB,EAAE,CAAC,CAAC,CAAC;IACjH,uBAAuB,IAAI,kBAAkB,CAAC;IAC9C,MAAM,aAAa,GAAG,uBAAuB,GAAG,4BAA4B,CAAC;IAC7E,MAAM,qBAAqB,GAA2B,MAAM,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,MAAM,CAChG,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;QAChB,uCACK,GAAG,KACN,CAAC,QAAQ,CAAC,EACR,uBAAuB;gBACvB,gBAAgB;gBAChB,4BAA4B;gBAC5B,wBAAwB,CAAC,QAAQ,CAAC,IACpC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO;QACL,kBAAkB,EAAE,0BAA0B;QAC9C,wBAAwB;QACxB,kBAAkB;QAClB,iBAAiB;QACjB,aAAa;QACb,qBAAqB;QACrB,4BAA4B;QAC5B,uBAAuB;KACxB,CAAC;AACJ,CAAC;AAiBD,MAAM,UAAU,qBAAqB,CAAC,EACpC,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,GACC;IACpB,MAAM,OAAO,GAAG,SAAS,CAAC;IAC1B,IAAI,aAAa,GAAG,SAAS,CAAC;IAC9B,IAAI,OAAO,GAAG,SAAS,CAAC;IAExB,IAAI,iBAAiB,EAAE;QACrB,aAAa,IAAI,aAAa,CAAC;QAC/B,OAAO,IAAI,aAAa,CAAC;KAC1B;IACD,IAAI,MAAM,GAAG,aAAa,CAAC;IAC3B,IAAI,mBAAmB,EAAE;QACvB,MAAM,IAAI,mBAAmB,CAAC;KAC/B;IAED,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,eAAqC,EACrC,QAAiB,EACjB,SAAkD;;IAKlD,MAAM,eAAe,GAAG,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,MAAA,eAAe,CAAC,OAAO,mCAAI,SAAS,CAAC,eAAe,CAAC;IAClH,MAAM,YAAY,GAAG,gBAAgB,eAAe,QAAQ,SAAS,CAAC,aAAa,KAAK,CAAC;IACzF,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { AppLayoutPropsWithDefaults } from '../interfaces';\nimport { SPLIT_PANEL_MIN_WIDTH } from '../split-panel';\n\ninterface HorizontalLayoutInput {\n  navigationOpen: boolean;\n  navigationWidth: number;\n  placement: AppLayoutPropsWithDefaults['placement'];\n  minContentWidth: number;\n  activeDrawerSize: number;\n  splitPanelOpen: boolean;\n  splitPanelPosition: 'side' | 'bottom' | undefined;\n  splitPanelSize: number;\n  isMobile: boolean;\n  activeGlobalDrawersSizes: Record<string, number>;\n}\n\nexport const CONTENT_PADDING = 2 * 24; // space-xl\n\nexport function computeHorizontalLayout({\n  navigationOpen,\n  navigationWidth,\n  placement,\n  minContentWidth,\n  activeDrawerSize,\n  splitPanelOpen,\n  splitPanelPosition,\n  splitPanelSize,\n  isMobile,\n  activeGlobalDrawersSizes,\n}: HorizontalLayoutInput) {\n  const activeNavigationWidth = navigationOpen ? navigationWidth : 0;\n\n  let resizableSpaceAvailable = Math.max(\n    0,\n    placement.inlineSize - minContentWidth - CONTENT_PADDING - activeNavigationWidth\n  );\n  const totalActiveGlobalDrawersSize = Object.values(activeGlobalDrawersSizes).reduce((acc, size) => acc + size, 0);\n\n  const splitPanelForcedPosition = resizableSpaceAvailable - activeDrawerSize < SPLIT_PANEL_MIN_WIDTH || isMobile;\n  const resolvedSplitPanelPosition = splitPanelForcedPosition ? 'bottom' : splitPanelPosition ?? 'bottom';\n  const sideSplitPanelSize = resolvedSplitPanelPosition === 'side' && splitPanelOpen ? splitPanelSize ?? 0 : 0;\n  const maxSplitPanelSize = Math.max(resizableSpaceAvailable - totalActiveGlobalDrawersSize - activeDrawerSize, 0);\n  resizableSpaceAvailable -= sideSplitPanelSize;\n  const maxDrawerSize = resizableSpaceAvailable - totalActiveGlobalDrawersSize;\n  const maxGlobalDrawersSizes: Record<string, number> = Object.keys(activeGlobalDrawersSizes).reduce(\n    (acc, drawerId) => {\n      return {\n        ...acc,\n        [drawerId]:\n          resizableSpaceAvailable -\n          activeDrawerSize -\n          totalActiveGlobalDrawersSize +\n          activeGlobalDrawersSizes[drawerId],\n      };\n    },\n    {}\n  );\n\n  return {\n    splitPanelPosition: resolvedSplitPanelPosition,\n    splitPanelForcedPosition,\n    sideSplitPanelSize,\n    maxSplitPanelSize,\n    maxDrawerSize,\n    maxGlobalDrawersSizes,\n    totalActiveGlobalDrawersSize,\n    resizableSpaceAvailable,\n  };\n}\n\ninterface VerticalLayoutInput {\n  topOffset: number;\n  hasVisibleToolbar: boolean;\n  toolbarHeight: number;\n  stickyNotifications: boolean;\n  notificationsHeight: number;\n}\n\nexport interface VerticalLayoutOutput {\n  toolbar: number;\n  notifications: number;\n  header: number;\n  drawers: number;\n}\n\nexport function computeVerticalLayout({\n  topOffset,\n  hasVisibleToolbar,\n  toolbarHeight,\n  stickyNotifications,\n  notificationsHeight,\n}: VerticalLayoutInput): VerticalLayoutOutput {\n  const toolbar = topOffset;\n  let notifications = topOffset;\n  let drawers = topOffset;\n\n  if (hasVisibleToolbar) {\n    notifications += toolbarHeight;\n    drawers += toolbarHeight;\n  }\n  let header = notifications;\n  if (stickyNotifications) {\n    header += notificationsHeight;\n  }\n\n  return { toolbar, notifications, header, drawers };\n}\n\nexport function getDrawerStyles(\n  verticalOffsets: VerticalLayoutOutput,\n  isMobile: boolean,\n  placement: AppLayoutPropsWithDefaults['placement']\n): {\n  drawerTopOffset: number;\n  drawerHeight: string;\n} {\n  const drawerTopOffset = isMobile ? verticalOffsets.toolbar : verticalOffsets.drawers ?? placement.insetBlockStart;\n  const drawerHeight = `calc(100vh - ${drawerTopOffset}px - ${placement.insetBlockEnd}px)`;\n  return { drawerTopOffset, drawerHeight };\n}\n"]}

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

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_jdfl5_149",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_jdfl5_198",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_jdfl5_213",
-  "navigation": "awsui_navigation_7nfqu_jdfl5_228",
-  "tools": "awsui_tools_7nfqu_jdfl5_229",
-  "global-tools": "awsui_global-tools_7nfqu_jdfl5_230",
-  "tools-open": "awsui_tools-open_7nfqu_jdfl5_268",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_jdfl5_281",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_jdfl5_288",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_jdfl5_301",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_jdfl5_311",
-  "notifications-container": "awsui_notifications-container_7nfqu_jdfl5_317",
-  "notifications-background": "awsui_notifications-background_7nfqu_jdfl5_321",
-  "main-landmark": "awsui_main-landmark_7nfqu_jdfl5_332",
-  "main": "awsui_main_7nfqu_jdfl5_332",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_jdfl5_341",
-  "content-header": "awsui_content-header_7nfqu_jdfl5_351",
-  "content": "awsui_content_7nfqu_jdfl5_351",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_jdfl5_361"
+  "root": "awsui_root_7nfqu_94zi3_149",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_94zi3_193",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_94zi3_198",
+  "navigation": "awsui_navigation_7nfqu_94zi3_213",
+  "tools": "awsui_tools_7nfqu_94zi3_214",
+  "global-tools": "awsui_global-tools_7nfqu_94zi3_215",
+  "tools-open": "awsui_tools-open_7nfqu_94zi3_253",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_94zi3_266",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_94zi3_273",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_94zi3_286",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_94zi3_296",
+  "notifications-container": "awsui_notifications-container_7nfqu_94zi3_302",
+  "notifications-background": "awsui_notifications-background_7nfqu_94zi3_306",
+  "main-landmark": "awsui_main-landmark_7nfqu_94zi3_317",
+  "main": "awsui_main_7nfqu_94zi3_317",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_94zi3_326",
+  "content-header": "awsui_content-header_7nfqu_94zi3_336",
+  "content": "awsui_content_7nfqu_94zi3_336",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_94zi3_346"
 };
   

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

@@ -146,7 +146,7 @@ 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_7nfqu_jdfl5_149:not(#\9) {
+.awsui_root_7nfqu_94zi3_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -155,12 +155,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -189,104 +186,92 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-rows: min-content min-content 1fr;
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_jdfl5_149:not(#\9) {
+  .awsui_root_7nfqu_94zi3_149:not(#\9) {
     grid-template-areas: "toolbar    toolbar      toolbar       toolbar   toolbar         toolbar  toolbar" "navigation .         notifications    .         sideSplitPanel  tools    global-tools" "navigation .             main         .         sideSplitPanel  tools    global-tools";
     grid-template-columns: min-content minmax(var(--space-layout-content-horizontal-7l52k3, 24px), 1fr) minmax(0, var(--awsui-max-content-width-g964ok)) minmax(var(--space-layout-content-horizontal-7l52k3, 24px), 1fr) min-content min-content;
     grid-template-rows: min-content min-content 1fr min-content;
   }
-}
-@media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_jdfl5_149.awsui_has-adaptive-widths-default_7nfqu_jdfl5_198:not(#\9) {
-    --awsui-max-content-width-g964ok: 1280px;
-  }
-}
-@media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_jdfl5_149.awsui_has-adaptive-widths-default_7nfqu_jdfl5_198:not(#\9) {
-    --awsui-max-content-width-g964ok: 1440px;
-  }
-}
-@media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_jdfl5_149.awsui_has-adaptive-widths-default_7nfqu_jdfl5_198:not(#\9) {
+  .awsui_root_7nfqu_94zi3_149.awsui_has-adaptive-widths-default_7nfqu_94zi3_193:not(#\9) {
     --awsui-max-content-width-g964ok: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_jdfl5_149.awsui_has-adaptive-widths-dashboard_7nfqu_jdfl5_213:not(#\9) {
+  .awsui_root_7nfqu_94zi3_149.awsui_has-adaptive-widths-dashboard_7nfqu_94zi3_198:not(#\9) {
     --awsui-max-content-width-g964ok: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_jdfl5_149.awsui_has-adaptive-widths-dashboard_7nfqu_jdfl5_213:not(#\9) {
+  .awsui_root_7nfqu_94zi3_149.awsui_has-adaptive-widths-dashboard_7nfqu_94zi3_198:not(#\9) {
     --awsui-max-content-width-g964ok: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_jdfl5_149.awsui_has-adaptive-widths-dashboard_7nfqu_jdfl5_213:not(#\9) {
+  .awsui_root_7nfqu_94zi3_149.awsui_has-adaptive-widths-dashboard_7nfqu_94zi3_198:not(#\9) {
     --awsui-max-content-width-g964ok: 2160px;
   }
 }
 
-.awsui_navigation_7nfqu_jdfl5_228:not(#\9),
-.awsui_tools_7nfqu_jdfl5_229:not(#\9),
-.awsui_global-tools_7nfqu_jdfl5_230:not(#\9) {
+.awsui_navigation_7nfqu_94zi3_213:not(#\9),
+.awsui_tools_7nfqu_94zi3_214:not(#\9),
+.awsui_global-tools_7nfqu_94zi3_215:not(#\9) {
   grid-row: 1/-1;
   grid-column: 1/-1;
   background: var(--color-background-container-content-z79u4u, #ffffff);
   opacity: 1;
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_jdfl5_228:not(#\9),
-  .awsui_tools_7nfqu_jdfl5_229:not(#\9),
-  .awsui_global-tools_7nfqu_jdfl5_230:not(#\9) {
+  .awsui_navigation_7nfqu_94zi3_213:not(#\9),
+  .awsui_tools_7nfqu_94zi3_214:not(#\9),
+  .awsui_global-tools_7nfqu_94zi3_215:not(#\9) {
     inline-size: 100%;
   }
 }
 
-.awsui_navigation_7nfqu_jdfl5_228:not(#\9) {
+.awsui_navigation_7nfqu_94zi3_213:not(#\9) {
   z-index: 830;
 }
 @media (min-width: 689px) {
-  .awsui_navigation_7nfqu_jdfl5_228:not(#\9) {
+  .awsui_navigation_7nfqu_94zi3_213:not(#\9) {
     grid-area: navigation;
     inline-size: var(--awsui-navigation-width-g964ok);
     border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_jdfl5_228:not(#\9) {
+  .awsui_navigation_7nfqu_94zi3_213:not(#\9) {
     z-index: 1001;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_tools_7nfqu_jdfl5_229:not(#\9) {
+  .awsui_tools_7nfqu_94zi3_214:not(#\9) {
     grid-area: tools;
     /* stylelint-disable plugin/no-unsupported-browser-features */
   }
-  .awsui_tools_7nfqu_jdfl5_229:not(#\9):not(:has(> [data-testid])) {
+  .awsui_tools_7nfqu_94zi3_214:not(#\9):not(:has(> [data-testid])) {
     inline-size: var(--awsui-tools-width-g964ok);
   }
-  .awsui_tools_7nfqu_jdfl5_229:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_jdfl5_268 {
+  .awsui_tools_7nfqu_94zi3_214:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_94zi3_253 {
     border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_global-tools_7nfqu_jdfl5_230:not(#\9) {
+  .awsui_global-tools_7nfqu_94zi3_215:not(#\9) {
     display: flex;
     grid-area: global-tools;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_split-panel-side_7nfqu_jdfl5_281:not(#\9) {
+  .awsui_split-panel-side_7nfqu_94zi3_266:not(#\9) {
     grid-area: sideSplitPanel;
     border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
     opacity: 1;
   }
 }
 
-.awsui_split-panel-bottom_7nfqu_jdfl5_288:not(#\9) {
+.awsui_split-panel-bottom_7nfqu_94zi3_273:not(#\9) {
   position: sticky;
   z-index: 840;
   align-self: end;
@@ -294,72 +279,72 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_split-panel-bottom_7nfqu_jdfl5_288:not(#\9) {
+  .awsui_split-panel-bottom_7nfqu_94zi3_273:not(#\9) {
     grid-column: 2/5;
   }
 }
 
-.awsui_panel-hidden_7nfqu_jdfl5_301:not(#\9) {
+.awsui_panel-hidden_7nfqu_94zi3_286:not(#\9) {
   border-block: none;
   border-inline: none;
   opacity: 0;
   z-index: 0;
 }
-.awsui_panel-hidden_7nfqu_jdfl5_301.awsui_navigation_7nfqu_jdfl5_228:not(#\9), .awsui_panel-hidden_7nfqu_jdfl5_301.awsui_tools_7nfqu_jdfl5_229:not(#\9), .awsui_panel-hidden_7nfqu_jdfl5_301.awsui_global-tools_7nfqu_jdfl5_230:not(#\9) {
+.awsui_panel-hidden_7nfqu_94zi3_286.awsui_navigation_7nfqu_94zi3_213:not(#\9), .awsui_panel-hidden_7nfqu_94zi3_286.awsui_tools_7nfqu_94zi3_214:not(#\9), .awsui_panel-hidden_7nfqu_94zi3_286.awsui_global-tools_7nfqu_94zi3_215:not(#\9) {
   inline-size: 0px;
 }
 
-.awsui_toolbar-container_7nfqu_jdfl5_311:not(#\9) {
+.awsui_toolbar-container_7nfqu_94zi3_296:not(#\9) {
   grid-area: toolbar;
   block-size: 42px;
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
 }
 
-.awsui_notifications-container_7nfqu_jdfl5_317:not(#\9) {
+.awsui_notifications-container_7nfqu_94zi3_302:not(#\9) {
   grid-area: notifications;
 }
 
-.awsui_notifications-background_7nfqu_jdfl5_321:not(#\9) {
+.awsui_notifications-background_7nfqu_94zi3_306:not(#\9) {
   background: var(--color-background-layout-main-nqw91u, #ffffff);
   grid-area: notifications;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_notifications-background_7nfqu_jdfl5_321:not(#\9) {
+  .awsui_notifications-background_7nfqu_94zi3_306:not(#\9) {
     grid-column: 2/5;
   }
 }
 
-.awsui_main-landmark_7nfqu_jdfl5_332:not(#\9) {
+.awsui_main-landmark_7nfqu_94zi3_317:not(#\9) {
   display: contents;
 }
 
-.awsui_main_7nfqu_jdfl5_332:not(#\9) {
+.awsui_main_7nfqu_94zi3_317:not(#\9) {
   grid-area: main;
   margin-block-start: var(--space-scaled-s-aqzyko, 12px);
   margin-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
 }
-.awsui_main-disable-paddings_7nfqu_jdfl5_341:not(#\9) {
+.awsui_main-disable-paddings_7nfqu_94zi3_326:not(#\9) {
   margin-block: 0;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_main-disable-paddings_7nfqu_jdfl5_341:not(#\9) {
+  .awsui_main-disable-paddings_7nfqu_94zi3_326:not(#\9) {
     grid-column: 2/5;
   }
 }
 
-.awsui_content-header_7nfqu_jdfl5_351:not(#\9) {
+.awsui_content-header_7nfqu_94zi3_336:not(#\9) {
   margin-block-end: var(--space-content-header-padding-bottom-y2enua, 16px);
 }
 
-.awsui_content_7nfqu_jdfl5_351:not(#\9) {
+.awsui_content_7nfqu_94zi3_336:not(#\9) {
   display: contents;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
 @media (max-width: 688px) {
-  .awsui_unfocusable-mobile_7nfqu_jdfl5_361 *:not(#\9) {
+  .awsui_unfocusable-mobile_7nfqu_94zi3_346 *:not(#\9) {
     visibility: hidden;
   }
 }

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

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_7nfqu_jdfl5_149",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_jdfl5_198",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_jdfl5_213",
-  "navigation": "awsui_navigation_7nfqu_jdfl5_228",
-  "tools": "awsui_tools_7nfqu_jdfl5_229",
-  "global-tools": "awsui_global-tools_7nfqu_jdfl5_230",
-  "tools-open": "awsui_tools-open_7nfqu_jdfl5_268",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_jdfl5_281",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_jdfl5_288",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_jdfl5_301",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_jdfl5_311",
-  "notifications-container": "awsui_notifications-container_7nfqu_jdfl5_317",
-  "notifications-background": "awsui_notifications-background_7nfqu_jdfl5_321",
-  "main-landmark": "awsui_main-landmark_7nfqu_jdfl5_332",
-  "main": "awsui_main_7nfqu_jdfl5_332",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_jdfl5_341",
-  "content-header": "awsui_content-header_7nfqu_jdfl5_351",
-  "content": "awsui_content_7nfqu_jdfl5_351",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_jdfl5_361"
+  "root": "awsui_root_7nfqu_94zi3_149",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_94zi3_193",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_94zi3_198",
+  "navigation": "awsui_navigation_7nfqu_94zi3_213",
+  "tools": "awsui_tools_7nfqu_94zi3_214",
+  "global-tools": "awsui_global-tools_7nfqu_94zi3_215",
+  "tools-open": "awsui_tools-open_7nfqu_94zi3_253",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_94zi3_266",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_94zi3_273",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_94zi3_286",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_94zi3_296",
+  "notifications-container": "awsui_notifications-container_7nfqu_94zi3_302",
+  "notifications-background": "awsui_notifications-background_7nfqu_94zi3_306",
+  "main-landmark": "awsui_main-landmark_7nfqu_94zi3_317",
+  "main": "awsui_main_7nfqu_94zi3_317",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_94zi3_326",
+  "content-header": "awsui_content-header_7nfqu_94zi3_336",
+  "content": "awsui_content_7nfqu_94zi3_336",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_94zi3_346"
 };
   

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

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "universal-toolbar": "awsui_universal-toolbar_1kzri_v8ov3_149",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_v8ov3_170",
-  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_v8ov3_173",
-  "toolbar-container": "awsui_toolbar-container_1kzri_v8ov3_176",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_v8ov3_185",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_v8ov3_189",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_v8ov3_194",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_v8ov3_202",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_v8ov3_203",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_v8ov3_249",
-  "group-divider": "awsui_group-divider_1kzri_v8ov3_259",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_v8ov3_249",
-  "block-body-scroll": "awsui_block-body-scroll_1kzri_v8ov3_272"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_1t4rr_149",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_1t4rr_170",
+  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_1t4rr_173",
+  "toolbar-container": "awsui_toolbar-container_1kzri_1t4rr_176",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_1t4rr_185",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_1t4rr_189",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_1t4rr_194",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_1t4rr_202",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_1t4rr_203",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_1t4rr_246",
+  "group-divider": "awsui_group-divider_1kzri_1t4rr_256",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_1t4rr_246",
+  "block-body-scroll": "awsui_block-body-scroll_1kzri_1t4rr_269"
 };