npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1332 → 3.0.1334 - Mend

@cloudscape-design/components-themeable 3.0.1332 → 3.0.1334

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (375) hide show

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

@@ -2,91 +2,91 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "background": "awsui_background_hyvsj_8c6o1_149",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_8c6o1_152",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_8c6o1_163",
-  "drawers-container": "awsui_drawers-container_hyvsj_8c6o1_176",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_8c6o1_187",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_8c6o1_211",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_8c6o1_216",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_8c6o1_254",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_8c6o1_267",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_8c6o1_272",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_8c6o1_286",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_8c6o1_272",
-  "drawer": "awsui_drawer_hyvsj_8c6o1_176",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_8c6o1_320",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_8c6o1_329",
-  "drawer-content": "awsui_drawer-content_hyvsj_8c6o1_320",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_8c6o1_338",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_8c6o1_341",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_8c6o1_349",
-  "content": "awsui_content_hyvsj_8c6o1_375",
-  "layout": "awsui_layout_hyvsj_8c6o1_400",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_8c6o1_472",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_8c6o1_487",
-  "content-type-table": "awsui_content-type-table_hyvsj_8c6o1_501",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_8c6o1_501",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_8c6o1_507",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_8c6o1_510",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_8c6o1_524",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_8c6o1_527",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_8c6o1_537",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_8c6o1_540",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_8c6o1_540",
-  "has-header": "awsui_has-header_hyvsj_8c6o1_540",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_8c6o1_555",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_8c6o1_555",
-  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_8c6o1_575",
-  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_8c6o1_578",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_8c6o1_598",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_8c6o1_598",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_8c6o1_606",
-  "unfocusable": "awsui_unfocusable_hyvsj_8c6o1_611",
-  "container": "awsui_container_hyvsj_8c6o1_621",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_8c6o1_647",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_8c6o1_650",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_8c6o1_650",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_8c6o1_650",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_8c6o1_650",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_8c6o1_663",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_8c6o1_680",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_8c6o1_684",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_8c6o1_688",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_8c6o1_692",
-  "navigation-container": "awsui_navigation-container_hyvsj_8c6o1_701",
-  "show-navigation": "awsui_show-navigation_hyvsj_8c6o1_739",
-  "animating": "awsui_animating_hyvsj_8c6o1_762",
-  "showButtons": "awsui_showButtons_hyvsj_8c6o1_1",
-  "navigation": "awsui_navigation_hyvsj_8c6o1_701",
-  "openNavigation": "awsui_openNavigation_hyvsj_8c6o1_1",
-  "animated-content": "awsui_animated-content_hyvsj_8c6o1_826",
-  "content-container": "awsui_content-container_hyvsj_8c6o1_829",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_8c6o1_838",
-  "notifications": "awsui_notifications_hyvsj_8c6o1_848",
-  "has-notification-content": "awsui_has-notification-content_hyvsj_8c6o1_853",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_8c6o1_857",
-  "high-contrast": "awsui_high-contrast_hyvsj_8c6o1_862",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_8c6o1_880",
-  "position-bottom": "awsui_position-bottom_hyvsj_8c6o1_927",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_8c6o1_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_8c6o1_956",
-  "position-side": "awsui_position-side_hyvsj_8c6o1_969",
-  "tools-container": "awsui_tools-container_hyvsj_8c6o1_991",
-  "tools": "awsui_tools_hyvsj_8c6o1_991",
-  "openTools": "awsui_openTools_hyvsj_8c6o1_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_8c6o1_1083",
-  "hide-tools": "awsui_hide-tools_hyvsj_8c6o1_1093",
-  "show-tools": "awsui_show-tools_hyvsj_8c6o1_1105",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_8c6o1_1083",
-  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_8c6o1_1185",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_8c6o1_1201",
-  "trigger": "awsui_trigger_hyvsj_8c6o1_1185",
-  "selected": "awsui_selected_hyvsj_8c6o1_1253",
-  "badge": "awsui_badge_hyvsj_8c6o1_1273",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_8c6o1_1277",
-  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_8c6o1_1288",
-  "dot": "awsui_dot_hyvsj_8c6o1_1292",
-  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_8c6o1_1305"
+  "background": "awsui_background_hyvsj_vjhj9_149",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_vjhj9_152",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_vjhj9_163",
+  "drawers-container": "awsui_drawers-container_hyvsj_vjhj9_176",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_vjhj9_187",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_vjhj9_211",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_vjhj9_216",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_vjhj9_254",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_vjhj9_267",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_vjhj9_272",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_vjhj9_286",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_vjhj9_272",
+  "drawer": "awsui_drawer_hyvsj_vjhj9_176",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_vjhj9_320",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_vjhj9_329",
+  "drawer-content": "awsui_drawer-content_hyvsj_vjhj9_320",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_vjhj9_338",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_vjhj9_341",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_vjhj9_349",
+  "content": "awsui_content_hyvsj_vjhj9_375",
+  "layout": "awsui_layout_hyvsj_vjhj9_400",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_vjhj9_472",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_vjhj9_487",
+  "content-type-table": "awsui_content-type-table_hyvsj_vjhj9_501",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_vjhj9_501",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_vjhj9_507",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_vjhj9_510",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_vjhj9_524",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_vjhj9_527",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_vjhj9_537",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_vjhj9_540",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_vjhj9_540",
+  "has-header": "awsui_has-header_hyvsj_vjhj9_540",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_vjhj9_555",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_vjhj9_555",
+  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_vjhj9_575",
+  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_vjhj9_578",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_vjhj9_598",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_vjhj9_598",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_vjhj9_606",
+  "unfocusable": "awsui_unfocusable_hyvsj_vjhj9_611",
+  "container": "awsui_container_hyvsj_vjhj9_621",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_vjhj9_647",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_vjhj9_650",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_vjhj9_650",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_vjhj9_650",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_vjhj9_650",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_vjhj9_663",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_vjhj9_680",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_vjhj9_684",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_vjhj9_688",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_vjhj9_692",
+  "navigation-container": "awsui_navigation-container_hyvsj_vjhj9_701",
+  "show-navigation": "awsui_show-navigation_hyvsj_vjhj9_739",
+  "animating": "awsui_animating_hyvsj_vjhj9_762",
+  "showButtons": "awsui_showButtons_hyvsj_vjhj9_1",
+  "navigation": "awsui_navigation_hyvsj_vjhj9_701",
+  "openNavigation": "awsui_openNavigation_hyvsj_vjhj9_1",
+  "animated-content": "awsui_animated-content_hyvsj_vjhj9_826",
+  "content-container": "awsui_content-container_hyvsj_vjhj9_829",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_vjhj9_838",
+  "notifications": "awsui_notifications_hyvsj_vjhj9_848",
+  "has-notification-content": "awsui_has-notification-content_hyvsj_vjhj9_853",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_vjhj9_857",
+  "high-contrast": "awsui_high-contrast_hyvsj_vjhj9_862",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_vjhj9_880",
+  "position-bottom": "awsui_position-bottom_hyvsj_vjhj9_927",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_vjhj9_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_vjhj9_956",
+  "position-side": "awsui_position-side_hyvsj_vjhj9_969",
+  "tools-container": "awsui_tools-container_hyvsj_vjhj9_991",
+  "tools": "awsui_tools_hyvsj_vjhj9_991",
+  "openTools": "awsui_openTools_hyvsj_vjhj9_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_vjhj9_1083",
+  "hide-tools": "awsui_hide-tools_hyvsj_vjhj9_1093",
+  "show-tools": "awsui_show-tools_hyvsj_vjhj9_1105",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_vjhj9_1083",
+  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_vjhj9_1185",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_vjhj9_1201",
+  "trigger": "awsui_trigger_hyvsj_vjhj9_1185",
+  "selected": "awsui_selected_hyvsj_vjhj9_1253",
+  "badge": "awsui_badge_hyvsj_vjhj9_1273",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_vjhj9_1277",
+  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_vjhj9_1288",
+  "dot": "awsui_dot_hyvsj_vjhj9_1292",
+  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_vjhj9_1305"
 };

package/lib/internal/template/app-layout/visual-refresh-toolbar/compute-layout.d.ts CHANGED Viewed

@@ -2,6 +2,8 @@ import { AppLayoutPropsWithDefaults } from '../interfaces';
 interface HorizontalLayoutInput {
     navigationOpen: boolean;
     navigationWidth: number;
+    navigationCollapsible: boolean;
+    navigationCollapsedWidth: number;
     placement: AppLayoutPropsWithDefaults['placement'];
     minContentWidth: number;
     activeDrawerSize: number;
@@ -13,7 +15,7 @@ interface HorizontalLayoutInput {
     activeAiDrawerSize: number;
 }
 export declare const CONTENT_PADDING: number;
-export declare function computeHorizontalLayout({ navigationOpen, navigationWidth, placement, minContentWidth, activeDrawerSize, splitPanelOpen, splitPanelPosition, splitPanelSize, isMobile, activeGlobalDrawersSizes, activeAiDrawerSize, }: HorizontalLayoutInput): {
+export declare function computeHorizontalLayout({ navigationOpen, navigationWidth, navigationCollapsible, navigationCollapsedWidth, placement, minContentWidth, activeDrawerSize, splitPanelOpen, splitPanelPosition, splitPanelSize, isMobile, activeGlobalDrawersSizes, activeAiDrawerSize, }: HorizontalLayoutInput): {
     splitPanelPosition: "bottom" | "side";
     splitPanelForcedPosition: boolean;
     sideSplitPanelSize: number;

package/lib/internal/template/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map CHANGED Viewed

	@@ -1 +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;IACjD,kBAAkB,EAAE,MAAM,CAAC;CAC5B;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,EACxB,kBAAkB,GACnB,EAAE,qBAAqB;;;;;;;;;;EA2CvB;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,UAAU,qBAAqB;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,0BAA0B,CAAC,WAAW,CAAC,CAAC;IACnD,kBAAkB,EAAE,QAAQ,GAAG,MAAM,CAAC;IACtC,cAAc,EAAE,OAAO,CAAC;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,wBAAwB,CAAC,EACvC,aAAa,EACb,kBAAkB,EAClB,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,sBAAsB,GACvB,EAAE,qBAAqB;;;;;;EAYvB;AAED,wBAAgB,eAAe,CAC7B,eAAe,EAAE,oBAAoB,EACrC,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,0BAA0B,CAAC,WAAW,CAAC,EAClD,4BAA4B,GAAE,MAAU,GACvC;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB,CAIA"}
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,qBAAqB,EAAE,OAAO,CAAC;IAC/B,wBAAwB,EAAE,MAAM,CAAC;IACjC,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;IACjD,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,QAAS,CAAC;AAEtC,wBAAgB,uBAAuB,CAAC,EACtC,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,wBAAwB,EACxB,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,QAAQ,EACR,wBAAwB,EACxB,kBAAkB,GACnB,EAAE,qBAAqB;;;;;;;;;;EA2CvB;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,UAAU,qBAAqB;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,0BAA0B,CAAC,WAAW,CAAC,CAAC;IACnD,kBAAkB,EAAE,QAAQ,GAAG,MAAM,CAAC;IACtC,cAAc,EAAE,OAAO,CAAC;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,wBAAwB,CAAC,EACvC,aAAa,EACb,kBAAkB,EAClB,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,sBAAsB,GACvB,EAAE,qBAAqB;;;;;;EAYvB;AAED,wBAAgB,eAAe,CAC7B,eAAe,EAAE,oBAAoB,EACrC,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,0BAA0B,CAAC,WAAW,CAAC,EAClD,4BAA4B,GAAE,MAAU,GACvC;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB,CAIA"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/compute-layout.js CHANGED Viewed

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: Apache-2.0
 import { shouldSplitPanelBeForcedToBottom } from '../split-panel/split-panel-forced-position';
 export const CONTENT_PADDING = 2 * 24; // space-xl
-export function computeHorizontalLayout({ navigationOpen, navigationWidth, placement, minContentWidth, activeDrawerSize, splitPanelOpen, splitPanelPosition, splitPanelSize, isMobile, activeGlobalDrawersSizes, activeAiDrawerSize, }) {
-    const activeNavigationWidth = navigationOpen ? navigationWidth : 0;
+export function computeHorizontalLayout({ navigationOpen, navigationWidth, navigationCollapsible, navigationCollapsedWidth, placement, minContentWidth, activeDrawerSize, splitPanelOpen, splitPanelPosition, splitPanelSize, isMobile, activeGlobalDrawersSizes, activeAiDrawerSize, }) {
+    const activeNavigationWidth = navigationOpen ? navigationWidth : navigationCollapsible ? navigationCollapsedWidth : 0;
     let resizableSpaceAvailable = placement.inlineSize - minContentWidth - CONTENT_PADDING - activeNavigationWidth - activeAiDrawerSize;
     const totalActiveGlobalDrawersSize = Object.values(activeGlobalDrawersSizes).reduce((acc, size) => acc + size, 0);
     const availableWidthForSplitPanel = resizableSpaceAvailable - activeDrawerSize;

package/lib/internal/template/app-layout/visual-refresh-toolbar/compute-layout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;~~AAgB9F~~,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,EACxB,kBAAkB,GACI;IACtB,MAAM,qBAAqB,GAAG,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;~~IAEnE~~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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 { shouldSplitPanelBeForcedToBottom } from '../split-panel/split-panel-forced-position';\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 activeAiDrawerSize: 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 activeAiDrawerSize,\n}: HorizontalLayoutInput) {\n const activeNavigationWidth = navigationOpen ? navigationWidth : 0;\n\n let resizableSpaceAvailable =\n placement.inlineSize - minContentWidth - CONTENT_PADDING - activeNavigationWidth - activeAiDrawerSize;\n const totalActiveGlobalDrawersSize = Object.values(activeGlobalDrawersSizes).reduce((acc, size) => acc + size, 0);\n\n const availableWidthForSplitPanel = resizableSpaceAvailable - activeDrawerSize;\n const splitPanelForcedPosition = shouldSplitPanelBeForcedToBottom({\n isMobile,\n availableWidthForSplitPanel,\n });\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 maxAiDrawerSize = resizableSpaceAvailable - totalActiveGlobalDrawersSize + activeAiDrawerSize;\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 maxAiDrawerSize,\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\ninterface SplitPanelOffsetInput {\n hasSplitPanel: boolean;\n placement: AppLayoutPropsWithDefaults['placement'];\n splitPanelPosition: 'bottom' \| 'side';\n splitPanelOpen: boolean;\n splitPanelHeaderHeight: number;\n splitPanelFullHeight: number;\n}\n\nexport function computeSplitPanelOffsets({\n hasSplitPanel,\n splitPanelPosition,\n placement,\n splitPanelOpen,\n splitPanelFullHeight,\n splitPanelHeaderHeight,\n}: SplitPanelOffsetInput) {\n if (!hasSplitPanel \|\| splitPanelPosition !== 'bottom') {\n return {\n stickyVerticalBottomOffset: placement.insetBlockEnd,\n mainContentPaddingBlockEnd: undefined,\n };\n }\n const mainContentBottomOffset = splitPanelOpen ? splitPanelFullHeight : splitPanelHeaderHeight;\n return {\n stickyVerticalBottomOffset: mainContentBottomOffset + placement.insetBlockEnd,\n mainContentPaddingBlockEnd: mainContentBottomOffset,\n };\n}\n\nexport function getDrawerStyles(\n verticalOffsets: VerticalLayoutOutput,\n isMobile: boolean,\n placement: AppLayoutPropsWithDefaults['placement'],\n activeGlobalBottomDrawerSize: number = 0\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 - ${activeGlobalBottomDrawerSize}px)`;\n return { drawerTopOffset, drawerHeight };\n}\n"]}
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 { shouldSplitPanelBeForcedToBottom } from '../split-panel/split-panel-forced-position';\n\ninterface HorizontalLayoutInput {\n navigationOpen: boolean;\n navigationWidth: number;\n navigationCollapsible: boolean;\n navigationCollapsedWidth: 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 activeAiDrawerSize: number;\n}\n\nexport const CONTENT_PADDING = 2 * 24; // space-xl\n\nexport function computeHorizontalLayout({\n navigationOpen,\n navigationWidth,\n navigationCollapsible,\n navigationCollapsedWidth,\n placement,\n minContentWidth,\n activeDrawerSize,\n splitPanelOpen,\n splitPanelPosition,\n splitPanelSize,\n isMobile,\n activeGlobalDrawersSizes,\n activeAiDrawerSize,\n}: HorizontalLayoutInput) {\n const activeNavigationWidth = navigationOpen ? navigationWidth : navigationCollapsible ? navigationCollapsedWidth : 0;\n\n let resizableSpaceAvailable =\n placement.inlineSize - minContentWidth - CONTENT_PADDING - activeNavigationWidth - activeAiDrawerSize;\n const totalActiveGlobalDrawersSize = Object.values(activeGlobalDrawersSizes).reduce((acc, size) => acc + size, 0);\n\n const availableWidthForSplitPanel = resizableSpaceAvailable - activeDrawerSize;\n const splitPanelForcedPosition = shouldSplitPanelBeForcedToBottom({\n isMobile,\n availableWidthForSplitPanel,\n });\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 maxAiDrawerSize = resizableSpaceAvailable - totalActiveGlobalDrawersSize + activeAiDrawerSize;\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 maxAiDrawerSize,\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\ninterface SplitPanelOffsetInput {\n hasSplitPanel: boolean;\n placement: AppLayoutPropsWithDefaults['placement'];\n splitPanelPosition: 'bottom' \| 'side';\n splitPanelOpen: boolean;\n splitPanelHeaderHeight: number;\n splitPanelFullHeight: number;\n}\n\nexport function computeSplitPanelOffsets({\n hasSplitPanel,\n splitPanelPosition,\n placement,\n splitPanelOpen,\n splitPanelFullHeight,\n splitPanelHeaderHeight,\n}: SplitPanelOffsetInput) {\n if (!hasSplitPanel \|\| splitPanelPosition !== 'bottom') {\n return {\n stickyVerticalBottomOffset: placement.insetBlockEnd,\n mainContentPaddingBlockEnd: undefined,\n };\n }\n const mainContentBottomOffset = splitPanelOpen ? splitPanelFullHeight : splitPanelHeaderHeight;\n return {\n stickyVerticalBottomOffset: mainContentBottomOffset + placement.insetBlockEnd,\n mainContentPaddingBlockEnd: mainContentBottomOffset,\n };\n}\n\nexport function getDrawerStyles(\n verticalOffsets: VerticalLayoutOutput,\n isMobile: boolean,\n placement: AppLayoutPropsWithDefaults['placement'],\n activeGlobalBottomDrawerSize: number = 0\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 - ${activeGlobalBottomDrawerSize}px)`;\n return { drawerTopOffset, drawerHeight };\n}\n"]}

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

@@ -1,37 +1,37 @@
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_12i0j_1vwa5_193",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1vwa5_207",
-  "legacy": "awsui_legacy_12i0j_1vwa5_221",
-  "ai-drawer": "awsui_ai-drawer_12i0j_1vwa5_221",
-  "bottom-drawer": "awsui_bottom-drawer_12i0j_1vwa5_221",
-  "last-opened": "awsui_last-opened_12i0j_1vwa5_229",
-  "drawer-global": "awsui_drawer-global_12i0j_1vwa5_233",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_1vwa5_242",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_1vwa5_246",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_1vwa5_256",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1vwa5_256",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_1vwa5_270",
-  "drawer-gap": "awsui_drawer-gap_12i0j_1vwa5_273",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_1vwa5_291",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1vwa5_297",
-  "drawer-content": "awsui_drawer-content_12i0j_1vwa5_270",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1vwa5_309",
-  "drawer-slider": "awsui_drawer-slider_12i0j_1vwa5_312",
-  "drawer-actions": "awsui_drawer-actions_12i0j_1vwa5_364",
-  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1vwa5_421",
-  "drawer-content-header": "awsui_drawer-content-header_12i0j_1vwa5_446",
-  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1vwa5_462",
-  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1vwa5_479",
-  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1vwa5_518",
-  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1vwa5_518",
-  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_1vwa5_591",
-  "drawer-content-content": "awsui_drawer-content-content_12i0j_1vwa5_597",
-  "bottom-drawer-content-header": "awsui_bottom-drawer-content-header_12i0j_1vwa5_658",
-  "bottom-drawer-content-header-content": "awsui_bottom-drawer-content-header-content_12i0j_1vwa5_665",
-  "bottom-drawer-actions": "awsui_bottom-drawer-actions_12i0j_1vwa5_673",
-  "runtime-feature-notifications-drawer-content": "awsui_runtime-feature-notifications-drawer-content_12i0j_1vwa5_681",
-  "runtime-feature-notifications-footer": "awsui_runtime-feature-notifications-footer_12i0j_1vwa5_685"
+  "drawer": "awsui_drawer_12i0j_1gw4u_193",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1gw4u_207",
+  "legacy": "awsui_legacy_12i0j_1gw4u_221",
+  "ai-drawer": "awsui_ai-drawer_12i0j_1gw4u_221",
+  "bottom-drawer": "awsui_bottom-drawer_12i0j_1gw4u_221",
+  "last-opened": "awsui_last-opened_12i0j_1gw4u_229",
+  "drawer-global": "awsui_drawer-global_12i0j_1gw4u_233",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_1gw4u_242",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_1gw4u_246",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_1gw4u_256",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1gw4u_256",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_1gw4u_270",
+  "drawer-gap": "awsui_drawer-gap_12i0j_1gw4u_273",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_1gw4u_291",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1gw4u_297",
+  "drawer-content": "awsui_drawer-content_12i0j_1gw4u_270",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1gw4u_309",
+  "drawer-slider": "awsui_drawer-slider_12i0j_1gw4u_312",
+  "drawer-actions": "awsui_drawer-actions_12i0j_1gw4u_364",
+  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1gw4u_421",
+  "drawer-content-header": "awsui_drawer-content-header_12i0j_1gw4u_446",
+  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1gw4u_462",
+  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1gw4u_479",
+  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1gw4u_518",
+  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1gw4u_518",
+  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_1gw4u_591",
+  "drawer-content-content": "awsui_drawer-content-content_12i0j_1gw4u_597",
+  "bottom-drawer-content-header": "awsui_bottom-drawer-content-header_12i0j_1gw4u_658",
+  "bottom-drawer-content-header-content": "awsui_bottom-drawer-content-header-content_12i0j_1gw4u_665",
+  "bottom-drawer-actions": "awsui_bottom-drawer-actions_12i0j_1gw4u_673",
+  "runtime-feature-notifications-drawer-content": "awsui_runtime-feature-notifications-drawer-content_12i0j_1gw4u_681",
+  "runtime-feature-notifications-footer": "awsui_runtime-feature-notifications-footer_12i0j_1gw4u_685"
 };