@cloudscape-design/components 3.0.758 → 3.0.760

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

@@ -2,87 +2,90 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "background": "awsui_background_hyvsj_127ky_145",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_127ky_148",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_127ky_159",
-  "drawers-container": "awsui_drawers-container_hyvsj_127ky_172",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_127ky_183",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_127ky_204",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_127ky_209",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_127ky_250",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_127ky_260",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_127ky_265",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_127ky_279",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_127ky_265",
-  "drawer": "awsui_drawer_hyvsj_127ky_172",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_127ky_310",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_127ky_319",
-  "drawer-content": "awsui_drawer-content_hyvsj_127ky_310",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_127ky_327",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_127ky_330",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_127ky_337",
-  "content": "awsui_content_hyvsj_127ky_363",
-  "layout": "awsui_layout_hyvsj_127ky_388",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_127ky_460",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_127ky_475",
-  "content-type-table": "awsui_content-type-table_hyvsj_127ky_489",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_127ky_489",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_127ky_495",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_127ky_498",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_127ky_512",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_127ky_515",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_127ky_525",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_127ky_528",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_127ky_528",
-  "has-header": "awsui_has-header_hyvsj_127ky_528",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_127ky_543",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_127ky_543",
-  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_127ky_563",
-  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_127ky_566",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_127ky_586",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_127ky_586",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_127ky_594",
-  "unfocusable": "awsui_unfocusable_hyvsj_127ky_599",
-  "container": "awsui_container_hyvsj_127ky_609",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_127ky_635",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_127ky_638",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_127ky_638",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_127ky_638",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_127ky_638",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_127ky_647",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_127ky_664",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_127ky_668",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_127ky_672",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_127ky_676",
-  "navigation-container": "awsui_navigation-container_hyvsj_127ky_685",
-  "show-navigation": "awsui_show-navigation_hyvsj_127ky_723",
-  "animating": "awsui_animating_hyvsj_127ky_746",
-  "showButtons": "awsui_showButtons_hyvsj_127ky_1",
-  "navigation": "awsui_navigation_hyvsj_127ky_685",
-  "openNavigation": "awsui_openNavigation_hyvsj_127ky_1",
-  "animated-content": "awsui_animated-content_hyvsj_127ky_808",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_127ky_817",
-  "notifications": "awsui_notifications_hyvsj_127ky_827",
-  "has-notification-content": "awsui_has-notification-content_hyvsj_127ky_832",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_127ky_836",
-  "high-contrast": "awsui_high-contrast_hyvsj_127ky_841",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_127ky_859",
-  "position-bottom": "awsui_position-bottom_hyvsj_127ky_906",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_127ky_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_127ky_935",
-  "position-side": "awsui_position-side_hyvsj_127ky_948",
-  "tools-container": "awsui_tools-container_hyvsj_127ky_970",
-  "tools": "awsui_tools_hyvsj_127ky_970",
-  "openTools": "awsui_openTools_hyvsj_127ky_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_127ky_1059",
-  "hide-tools": "awsui_hide-tools_hyvsj_127ky_1069",
-  "show-tools": "awsui_show-tools_hyvsj_127ky_1081",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_127ky_1059",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_127ky_1164",
-  "trigger": "awsui_trigger_hyvsj_127ky_1164",
-  "selected": "awsui_selected_hyvsj_127ky_1242",
-  "badge": "awsui_badge_hyvsj_127ky_1262",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_127ky_1266",
-  "dot": "awsui_dot_hyvsj_127ky_1277"
+  "background": "awsui_background_hyvsj_1bhgg_145",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_1bhgg_148",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1bhgg_159",
+  "drawers-container": "awsui_drawers-container_hyvsj_1bhgg_172",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1bhgg_183",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1bhgg_204",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1bhgg_209",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1bhgg_250",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1bhgg_260",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1bhgg_265",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1bhgg_279",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1bhgg_265",
+  "drawer": "awsui_drawer_hyvsj_1bhgg_172",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1bhgg_310",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1bhgg_319",
+  "drawer-content": "awsui_drawer-content_hyvsj_1bhgg_310",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1bhgg_327",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_1bhgg_330",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1bhgg_337",
+  "content": "awsui_content_hyvsj_1bhgg_363",
+  "layout": "awsui_layout_hyvsj_1bhgg_388",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1bhgg_460",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1bhgg_475",
+  "content-type-table": "awsui_content-type-table_hyvsj_1bhgg_489",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_1bhgg_489",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1bhgg_495",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1bhgg_498",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1bhgg_512",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1bhgg_515",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1bhgg_525",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1bhgg_528",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1bhgg_528",
+  "has-header": "awsui_has-header_hyvsj_1bhgg_528",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1bhgg_543",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1bhgg_543",
+  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_1bhgg_563",
+  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_1bhgg_566",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_1bhgg_586",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1bhgg_586",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1bhgg_594",
+  "unfocusable": "awsui_unfocusable_hyvsj_1bhgg_599",
+  "container": "awsui_container_hyvsj_1bhgg_609",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1bhgg_635",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_1bhgg_638",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1bhgg_638",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1bhgg_638",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1bhgg_638",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1bhgg_647",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1bhgg_664",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1bhgg_668",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1bhgg_672",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1bhgg_676",
+  "navigation-container": "awsui_navigation-container_hyvsj_1bhgg_685",
+  "show-navigation": "awsui_show-navigation_hyvsj_1bhgg_723",
+  "animating": "awsui_animating_hyvsj_1bhgg_746",
+  "showButtons": "awsui_showButtons_hyvsj_1bhgg_1",
+  "navigation": "awsui_navigation_hyvsj_1bhgg_685",
+  "openNavigation": "awsui_openNavigation_hyvsj_1bhgg_1",
+  "animated-content": "awsui_animated-content_hyvsj_1bhgg_808",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_1bhgg_817",
+  "notifications": "awsui_notifications_hyvsj_1bhgg_827",
+  "has-notification-content": "awsui_has-notification-content_hyvsj_1bhgg_832",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1bhgg_836",
+  "high-contrast": "awsui_high-contrast_hyvsj_1bhgg_841",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1bhgg_859",
+  "position-bottom": "awsui_position-bottom_hyvsj_1bhgg_906",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1bhgg_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_1bhgg_935",
+  "position-side": "awsui_position-side_hyvsj_1bhgg_948",
+  "tools-container": "awsui_tools-container_hyvsj_1bhgg_970",
+  "tools": "awsui_tools_hyvsj_1bhgg_970",
+  "openTools": "awsui_openTools_hyvsj_1bhgg_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1bhgg_1059",
+  "hide-tools": "awsui_hide-tools_hyvsj_1bhgg_1069",
+  "show-tools": "awsui_show-tools_hyvsj_1bhgg_1081",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_1bhgg_1059",
+  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_1bhgg_1164",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1bhgg_1180",
+  "trigger": "awsui_trigger_hyvsj_1bhgg_1164",
+  "selected": "awsui_selected_hyvsj_1bhgg_1232",
+  "badge": "awsui_badge_hyvsj_1bhgg_1252",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1bhgg_1256",
+  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_1bhgg_1267",
+  "dot": "awsui_dot_hyvsj_1bhgg_1271",
+  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_1bhgg_1284"
 };
   

package/app-layout/visual-refresh/trigger-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trigger-button.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/trigger-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAc,MAAM,OAAO,CAAC;AAGnC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;;AA6ED,wBAA+C"}
+{"version":3,"file":"trigger-button.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/trigger-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAc,MAAM,OAAO,CAAC;AAGnC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;;AA8ED,wBAA+C"}

package/app-layout/visual-refresh/trigger-button.js

@@ -11,11 +11,11 @@ function TriggerButton({ ariaLabel, className, iconName, iconSvg, ariaExpanded,
     return (React.createElement("div", { className: clsx(styles['trigger-wrapper'], !highContrastHeader && styles['remove-high-contrast-header']) }, isMobile ? (React.createElement(InternalButton, { ariaExpanded: ariaExpanded, ariaLabel: ariaLabel, ariaControls: ariaControls, className: className, disabled: disabled, ref: ref, formAction: "none", iconName: iconName, iconSvg: iconSvg, badge: badge, onClick: onClick, variant: "icon", __nativeAttributes: Object.assign({ 'aria-haspopup': true }, (testId && {
             'data-testid': testId,
         })) })) : (React.createElement(React.Fragment, null,
-        React.createElement("button", { "aria-expanded": ariaExpanded, "aria-controls": ariaControls, "aria-haspopup": true, "aria-label": ariaLabel, "aria-disabled": disabled, disabled: disabled, className: clsx(styles.trigger, {
+        React.createElement("button", { "aria-expanded": ariaExpanded, "aria-controls": ariaControls, "aria-haspopup": true, "aria-label": ariaLabel, "aria-disabled": disabled, disabled: disabled, className: clsx(styles.trigger, styles['trigger-button-styles'], {
                 [styles.selected]: selected,
                 [styles.badge]: badge,
             }, className), onClick: onClick, ref: ref, type: "button", "data-testid": testId },
-            React.createElement("span", { className: clsx(badge && styles['trigger-badge-wrapper']) }, (iconName || iconSvg) && React.createElement(Icon, { name: iconName, svg: iconSvg }))),
+            React.createElement("span", { className: clsx(badge && clsx(styles['trigger-badge-wrapper'], styles['trigger-button-styles'])) }, (iconName || iconSvg) && React.createElement(Icon, { name: iconName, svg: iconSvg }))),
         badge && React.createElement("div", { className: styles.dot })))));
 }
 export default React.forwardRef(TriggerButton);

package/app-layout/visual-refresh/trigger-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger-button.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/trigger-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAuBrC,SAAS,aAAa,CACpB,EACE,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GACC,EACrB,GAA+B;IAE/B,MAAM,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE7C,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,kBAAkB,IAAI,MAAM,CAAC,6BAA6B,CAAC,CAAC,IAC1G,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,kBAAkB,kBAChB,eAAe,EAAE,IAAI,IAClB,CAAC,MAAM,IAAI;YACZ,aAAa,EAAE,MAAM;SACtB,CAAC,IAEJ,CACH,CAAC,CAAC,CAAC,CACF;QACE,iDACiB,YAAY,mBACZ,YAAY,mBACZ,IAAI,gBACP,SAAS,mBACN,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO,EACd;gBACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;gBAC3B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK;aACtB,EACD,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAA6B,EAClC,IAAI,EAAC,QAAQ,iBACA,MAAM;YAEnB,8BAAM,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,uBAAuB,CAAC,CAAC,IAC5D,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,GAAI,CAC3D,CACA;QACR,KAAK,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,CACvC,CACJ,CACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref } from 'react';\nimport clsx from 'clsx';\n\nimport { ButtonProps } from '../../button/interfaces';\nimport { InternalButton } from '../../button/internal';\nimport { IconProps } from '../../icon/interfaces';\nimport Icon from '../../icon/internal';\nimport { useAppLayoutInternals } from './context';\n\nimport styles from './styles.css.js';\n\nexport interface TriggerButtonProps {\n  ariaLabel?: string;\n  className?: string;\n  iconName?: IconProps.Name;\n  iconSvg?: React.ReactNode;\n  ariaExpanded: boolean | undefined;\n  ariaControls?: string;\n  disabled?: boolean;\n  /**\n   * Ovewrwrites any internal testIds when provided\n   */\n  testId?: string;\n  /**\n   * If button is selected. Used only for desktop and applies a selected class for desktop. Mobile does not need the class as the trigger buttons are hidden by the open drawer\n   */\n  selected?: boolean;\n  onClick: () => void;\n  badge?: boolean;\n  highContrastHeader?: boolean;\n}\n\nfunction TriggerButton(\n  {\n    ariaLabel,\n    className,\n    iconName,\n    iconSvg,\n    ariaExpanded,\n    ariaControls,\n    onClick,\n    testId,\n    disabled = false,\n    badge,\n    selected = false,\n    highContrastHeader,\n  }: TriggerButtonProps,\n  ref: React.Ref<ButtonProps.Ref>\n) {\n  const { isMobile } = useAppLayoutInternals();\n\n  return (\n    <div className={clsx(styles['trigger-wrapper'], !highContrastHeader && styles['remove-high-contrast-header'])}>\n      {isMobile ? (\n        <InternalButton\n          ariaExpanded={ariaExpanded}\n          ariaLabel={ariaLabel}\n          ariaControls={ariaControls}\n          className={className}\n          disabled={disabled}\n          ref={ref}\n          formAction=\"none\"\n          iconName={iconName}\n          iconSvg={iconSvg}\n          badge={badge}\n          onClick={onClick}\n          variant=\"icon\"\n          __nativeAttributes={{\n            'aria-haspopup': true,\n            ...(testId && {\n              'data-testid': testId,\n            }),\n          }}\n        />\n      ) : (\n        <>\n          <button\n            aria-expanded={ariaExpanded}\n            aria-controls={ariaControls}\n            aria-haspopup={true}\n            aria-label={ariaLabel}\n            aria-disabled={disabled}\n            disabled={disabled}\n            className={clsx(\n              styles.trigger,\n              {\n                [styles.selected]: selected,\n                [styles.badge]: badge,\n              },\n              className\n            )}\n            onClick={onClick}\n            ref={ref as Ref<HTMLButtonElement>}\n            type=\"button\"\n            data-testid={testId}\n          >\n            <span className={clsx(badge && styles['trigger-badge-wrapper'])}>\n              {(iconName || iconSvg) && <Icon name={iconName} svg={iconSvg} />}\n            </span>\n          </button>\n          {badge && <div className={styles.dot} />}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport default React.forwardRef(TriggerButton);\n"]}
+{"version":3,"file":"trigger-button.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/trigger-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAuBrC,SAAS,aAAa,CACpB,EACE,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GACC,EACrB,GAA+B;IAE/B,MAAM,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE7C,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,kBAAkB,IAAI,MAAM,CAAC,6BAA6B,CAAC,CAAC,IAC1G,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,kBAAkB,kBAChB,eAAe,EAAE,IAAI,IAClB,CAAC,MAAM,IAAI;YACZ,aAAa,EAAE,MAAM;SACtB,CAAC,IAEJ,CACH,CAAC,CAAC,CAAC,CACF;QACE,iDACiB,YAAY,mBACZ,YAAY,mBACZ,IAAI,gBACP,SAAS,mBACN,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO,EACd,MAAM,CAAC,uBAAuB,CAAC,EAC/B;gBACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;gBAC3B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK;aACtB,EACD,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAA6B,EAClC,IAAI,EAAC,QAAQ,iBACA,MAAM;YAEnB,8BAAM,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,uBAAuB,CAAC,EAAE,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,IACnG,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,GAAI,CAC3D,CACA;QACR,KAAK,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,CACvC,CACJ,CACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref } from 'react';\nimport clsx from 'clsx';\n\nimport { ButtonProps } from '../../button/interfaces';\nimport { InternalButton } from '../../button/internal';\nimport { IconProps } from '../../icon/interfaces';\nimport Icon from '../../icon/internal';\nimport { useAppLayoutInternals } from './context';\n\nimport styles from './styles.css.js';\n\nexport interface TriggerButtonProps {\n  ariaLabel?: string;\n  className?: string;\n  iconName?: IconProps.Name;\n  iconSvg?: React.ReactNode;\n  ariaExpanded: boolean | undefined;\n  ariaControls?: string;\n  disabled?: boolean;\n  /**\n   * Ovewrwrites any internal testIds when provided\n   */\n  testId?: string;\n  /**\n   * If button is selected. Used only for desktop and applies a selected class for desktop. Mobile does not need the class as the trigger buttons are hidden by the open drawer\n   */\n  selected?: boolean;\n  onClick: () => void;\n  badge?: boolean;\n  highContrastHeader?: boolean;\n}\n\nfunction TriggerButton(\n  {\n    ariaLabel,\n    className,\n    iconName,\n    iconSvg,\n    ariaExpanded,\n    ariaControls,\n    onClick,\n    testId,\n    disabled = false,\n    badge,\n    selected = false,\n    highContrastHeader,\n  }: TriggerButtonProps,\n  ref: React.Ref<ButtonProps.Ref>\n) {\n  const { isMobile } = useAppLayoutInternals();\n\n  return (\n    <div className={clsx(styles['trigger-wrapper'], !highContrastHeader && styles['remove-high-contrast-header'])}>\n      {isMobile ? (\n        <InternalButton\n          ariaExpanded={ariaExpanded}\n          ariaLabel={ariaLabel}\n          ariaControls={ariaControls}\n          className={className}\n          disabled={disabled}\n          ref={ref}\n          formAction=\"none\"\n          iconName={iconName}\n          iconSvg={iconSvg}\n          badge={badge}\n          onClick={onClick}\n          variant=\"icon\"\n          __nativeAttributes={{\n            'aria-haspopup': true,\n            ...(testId && {\n              'data-testid': testId,\n            }),\n          }}\n        />\n      ) : (\n        <>\n          <button\n            aria-expanded={ariaExpanded}\n            aria-controls={ariaControls}\n            aria-haspopup={true}\n            aria-label={ariaLabel}\n            aria-disabled={disabled}\n            disabled={disabled}\n            className={clsx(\n              styles.trigger,\n              styles['trigger-button-styles'],\n              {\n                [styles.selected]: selected,\n                [styles.badge]: badge,\n              },\n              className\n            )}\n            onClick={onClick}\n            ref={ref as Ref<HTMLButtonElement>}\n            type=\"button\"\n            data-testid={testId}\n          >\n            <span className={clsx(badge && clsx(styles['trigger-badge-wrapper'], styles['trigger-button-styles']))}>\n              {(iconName || iconSvg) && <Icon name={iconName} svg={iconSvg} />}\n            </span>\n          </button>\n          {badge && <div className={styles.dot} />}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport default React.forwardRef(TriggerButton);\n"]}

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

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_12i0j_1ydzu_185",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_1ydzu_198",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_1ydzu_206",
-  "drawer-content": "awsui_drawer-content_12i0j_1ydzu_198",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1ydzu_215",
-  "drawer-slider": "awsui_drawer-slider_12i0j_1ydzu_218"
+  "drawer": "awsui_drawer_12i0j_weqx2_185",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_weqx2_198",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_weqx2_206",
+  "drawer-content": "awsui_drawer-content_12i0j_weqx2_198",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_weqx2_215",
+  "drawer-slider": "awsui_drawer-slider_12i0j_weqx2_218"
 };
   

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

@@ -172,7 +172,7 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* Style used for links in slots/components that are text heavy, to help links stand out among 
+/* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
@@ -182,7 +182,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_drawer_12i0j_1ydzu_185:not(#\9) {
+.awsui_drawer_12i0j_weqx2_185:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
@@ -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_1ydzu_185 > .awsui_drawer-content-container_12i0j_1ydzu_198:not(#\9) {
+.awsui_drawer_12i0j_weqx2_185 > .awsui_drawer-content-container_12i0j_weqx2_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_1ydzu_185 > .awsui_drawer-content-container_12i0j_1ydzu_198 > .awsui_drawer-close-button_12i0j_1ydzu_206:not(#\9) {
+.awsui_drawer_12i0j_weqx2_185 > .awsui_drawer-content-container_12i0j_weqx2_198 > .awsui_drawer-close-button_12i0j_weqx2_206:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
 }
-.awsui_drawer_12i0j_1ydzu_185 > .awsui_drawer-content-container_12i0j_1ydzu_198 > .awsui_drawer-content_12i0j_1ydzu_198:not(#\9) {
+.awsui_drawer_12i0j_weqx2_185 > .awsui_drawer-content-container_12i0j_weqx2_198 > .awsui_drawer-content_12i0j_weqx2_198:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_1ydzu_185 > .awsui_drawer-content-container_12i0j_1ydzu_198 > .awsui_drawer-content_12i0j_1ydzu_198.awsui_drawer-content-hidden_12i0j_1ydzu_215:not(#\9) {
+.awsui_drawer_12i0j_weqx2_185 > .awsui_drawer-content-container_12i0j_weqx2_198 > .awsui_drawer-content_12i0j_weqx2_198.awsui_drawer-content-hidden_12i0j_weqx2_215:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_1ydzu_185 > .awsui_drawer-slider_12i0j_1ydzu_218:not(#\9) {
+.awsui_drawer_12i0j_weqx2_185 > .awsui_drawer-slider_12i0j_weqx2_218:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;

package/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_1ydzu_185",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_1ydzu_198",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_1ydzu_206",
-  "drawer-content": "awsui_drawer-content_12i0j_1ydzu_198",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1ydzu_215",
-  "drawer-slider": "awsui_drawer-slider_12i0j_1ydzu_218"
+  "drawer": "awsui_drawer_12i0j_weqx2_185",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_weqx2_198",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_weqx2_206",
+  "drawer-content": "awsui_drawer-content_12i0j_weqx2_198",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_weqx2_215",
+  "drawer-slider": "awsui_drawer-slider_12i0j_weqx2_218"
 };
   

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

@@ -1 +1 @@
-{"version":3,"file":"multi-layout.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/multi-layout.ts"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAMzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEhE,UAAU,WAAW;IACnB,sBAAsB,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IACjD,UAAU,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACrD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D,oBAAoB,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtE,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAClD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACrD,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAwCD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW;;;EAoBnD"}
+{"version":3,"file":"multi-layout.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/multi-layout.ts"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAMzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEhE,UAAU,WAAW;IACnB,sBAAsB,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IACjD,UAAU,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACrD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D,oBAAoB,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtE,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAClD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACrD,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AA2CD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW;;;EAoBnD"}

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

@@ -33,6 +33,9 @@ function mergeProps(ownProps, additionalProps) {
             toolbar.splitPanelToggleProps = props.splitPanelToggleProps;
             toolbar.onSplitPanelToggle = props.onSplitPanelToggle;
         }
+        if (props.breadcrumbs && !checkAlreadyExists(!!toolbar.hasBreadcrumbsPortal, 'hasBreadcrumbsPortal')) {
+            toolbar.hasBreadcrumbsPortal = true;
+        }
     }
     // do not render toolbar if no fields are defined, except ariaLabels, which are always there
     return Object.keys(toolbar).filter(key => key !== 'ariaLabels').length > 0 ? toolbar : null;

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

@@ -1 +1 @@
-{"version":3,"file":"multi-layout.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/multi-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\nimport React, { useLayoutEffect, useState } from 'react';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { awsuiPluginsInternal } from '../../internal/plugins/api';\nimport { RegistrationState } from '../../internal/plugins/controllers/app-layout-widget';\nimport { AppLayoutProps } from '../interfaces';\nimport { Focusable } from '../utils/use-focus-control';\nimport { SplitPanelToggleProps, ToolbarProps } from './toolbar';\n\ninterface SharedProps {\n  forceDeduplicationType?: 'primary' | 'secondary';\n  ariaLabels: AppLayoutProps.Labels | undefined;\n  navigation: React.ReactNode;\n  navigationOpen: boolean;\n  onNavigationToggle: (open: boolean) => void;\n  navigationFocusRef: React.Ref<Focusable> | undefined;\n  breadcrumbs: React.ReactNode;\n  activeDrawerId: string | null;\n  drawers: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n  onActiveDrawerChange: ((drawerId: string | null) => void) | undefined;\n  drawersFocusRef: React.Ref<Focusable> | undefined;\n  splitPanel: React.ReactNode;\n  splitPanelToggleProps: SplitPanelToggleProps;\n  splitPanelFocusRef: React.Ref<Focusable> | undefined;\n  onSplitPanelToggle: () => void;\n}\n\nfunction checkAlreadyExists(value: boolean, propName: string) {\n  if (value) {\n    warnOnce(\n      'AppLayout',\n      `Another app layout instance on this page already defines ${propName} property. This instance will be ignored.`\n    );\n    return true;\n  }\n  return false;\n}\n\nfunction mergeProps(ownProps: SharedProps, additionalProps: ReadonlyArray<Partial<SharedProps>>): ToolbarProps | null {\n  const toolbar: ToolbarProps = {};\n  for (const props of [ownProps, ...additionalProps]) {\n    toolbar.ariaLabels = Object.assign(toolbar.ariaLabels ?? {}, props.ariaLabels);\n    if (props.drawers && !checkAlreadyExists(!!toolbar.drawers, 'tools or drawers')) {\n      toolbar.drawers = props.drawers;\n      toolbar.activeDrawerId = props.activeDrawerId;\n      toolbar.drawersFocusRef = props.drawersFocusRef;\n      toolbar.onActiveDrawerChange = props.onActiveDrawerChange;\n    }\n    if (props.navigation && !checkAlreadyExists(!!toolbar.hasNavigation, 'navigation')) {\n      toolbar.hasNavigation = true;\n      toolbar.navigationOpen = props.navigationOpen;\n      toolbar.navigationFocusRef = props.navigationFocusRef;\n      toolbar.onNavigationToggle = props.onNavigationToggle;\n    }\n    if (props.splitPanel && !checkAlreadyExists(!!toolbar.hasSplitPanel, 'splitPanel')) {\n      toolbar.hasSplitPanel = true;\n      toolbar.splitPanelFocusRef = props.splitPanelFocusRef;\n      toolbar.splitPanelToggleProps = props.splitPanelToggleProps;\n      toolbar.onSplitPanelToggle = props.onSplitPanelToggle;\n    }\n  }\n  // do not render toolbar if no fields are defined, except ariaLabels, which are always there\n  return Object.keys(toolbar).filter(key => key !== 'ariaLabels').length > 0 ? toolbar : null;\n}\n\nexport function useMultiAppLayout(props: SharedProps) {\n  const [registration, setRegistration] = useState<RegistrationState<SharedProps> | null>(null);\n  const { forceDeduplicationType } = props;\n\n  useLayoutEffect(() => {\n    return awsuiPluginsInternal.appLayoutWidget.register(forceDeduplicationType, props =>\n      setRegistration(props as RegistrationState<SharedProps>)\n    );\n  }, [forceDeduplicationType]);\n\n  useLayoutEffect(() => {\n    if (registration?.type === 'secondary') {\n      registration.update(props);\n    }\n  });\n\n  return {\n    registered: !!registration?.type,\n    toolbarProps: registration?.type === 'primary' ? mergeProps(props, registration.discoveredProps) : null,\n  };\n}\n"]}
+{"version":3,"file":"multi-layout.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/multi-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\nimport React, { useLayoutEffect, useState } from 'react';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { awsuiPluginsInternal } from '../../internal/plugins/api';\nimport { RegistrationState } from '../../internal/plugins/controllers/app-layout-widget';\nimport { AppLayoutProps } from '../interfaces';\nimport { Focusable } from '../utils/use-focus-control';\nimport { SplitPanelToggleProps, ToolbarProps } from './toolbar';\n\ninterface SharedProps {\n  forceDeduplicationType?: 'primary' | 'secondary';\n  ariaLabels: AppLayoutProps.Labels | undefined;\n  navigation: React.ReactNode;\n  navigationOpen: boolean;\n  onNavigationToggle: (open: boolean) => void;\n  navigationFocusRef: React.Ref<Focusable> | undefined;\n  breadcrumbs: React.ReactNode;\n  activeDrawerId: string | null;\n  drawers: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n  onActiveDrawerChange: ((drawerId: string | null) => void) | undefined;\n  drawersFocusRef: React.Ref<Focusable> | undefined;\n  splitPanel: React.ReactNode;\n  splitPanelToggleProps: SplitPanelToggleProps;\n  splitPanelFocusRef: React.Ref<Focusable> | undefined;\n  onSplitPanelToggle: () => void;\n}\n\nfunction checkAlreadyExists(value: boolean, propName: string) {\n  if (value) {\n    warnOnce(\n      'AppLayout',\n      `Another app layout instance on this page already defines ${propName} property. This instance will be ignored.`\n    );\n    return true;\n  }\n  return false;\n}\n\nfunction mergeProps(ownProps: SharedProps, additionalProps: ReadonlyArray<Partial<SharedProps>>): ToolbarProps | null {\n  const toolbar: ToolbarProps = {};\n  for (const props of [ownProps, ...additionalProps]) {\n    toolbar.ariaLabels = Object.assign(toolbar.ariaLabels ?? {}, props.ariaLabels);\n    if (props.drawers && !checkAlreadyExists(!!toolbar.drawers, 'tools or drawers')) {\n      toolbar.drawers = props.drawers;\n      toolbar.activeDrawerId = props.activeDrawerId;\n      toolbar.drawersFocusRef = props.drawersFocusRef;\n      toolbar.onActiveDrawerChange = props.onActiveDrawerChange;\n    }\n    if (props.navigation && !checkAlreadyExists(!!toolbar.hasNavigation, 'navigation')) {\n      toolbar.hasNavigation = true;\n      toolbar.navigationOpen = props.navigationOpen;\n      toolbar.navigationFocusRef = props.navigationFocusRef;\n      toolbar.onNavigationToggle = props.onNavigationToggle;\n    }\n    if (props.splitPanel && !checkAlreadyExists(!!toolbar.hasSplitPanel, 'splitPanel')) {\n      toolbar.hasSplitPanel = true;\n      toolbar.splitPanelFocusRef = props.splitPanelFocusRef;\n      toolbar.splitPanelToggleProps = props.splitPanelToggleProps;\n      toolbar.onSplitPanelToggle = props.onSplitPanelToggle;\n    }\n    if (props.breadcrumbs && !checkAlreadyExists(!!toolbar.hasBreadcrumbsPortal, 'hasBreadcrumbsPortal')) {\n      toolbar.hasBreadcrumbsPortal = true;\n    }\n  }\n  // do not render toolbar if no fields are defined, except ariaLabels, which are always there\n  return Object.keys(toolbar).filter(key => key !== 'ariaLabels').length > 0 ? toolbar : null;\n}\n\nexport function useMultiAppLayout(props: SharedProps) {\n  const [registration, setRegistration] = useState<RegistrationState<SharedProps> | null>(null);\n  const { forceDeduplicationType } = props;\n\n  useLayoutEffect(() => {\n    return awsuiPluginsInternal.appLayoutWidget.register(forceDeduplicationType, props =>\n      setRegistration(props as RegistrationState<SharedProps>)\n    );\n  }, [forceDeduplicationType]);\n\n  useLayoutEffect(() => {\n    if (registration?.type === 'secondary') {\n      registration.update(props);\n    }\n  });\n\n  return {\n    registered: !!registration?.type,\n    toolbarProps: registration?.type === 'primary' ? mergeProps(props, registration.discoveredProps) : null,\n  };\n}\n"]}

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

@@ -1,9 +1,9 @@
 
     import './styles.scoped.css';
     export default {
-  "navigation": "awsui_navigation_2p2ab_1hmw6_149",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1hmw6_167",
-  "animated-content": "awsui_animated-content_2p2ab_1hmw6_171",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_1hmw6_181"
+  "navigation": "awsui_navigation_2p2ab_wy0zi_149",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_wy0zi_167",
+  "animated-content": "awsui_animated-content_2p2ab_wy0zi_171",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_wy0zi_181"
 };
   

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

@@ -136,7 +136,7 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* Style used for links in slots/components that are text heavy, to help links stand out among 
+/* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
@@ -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_navigation_2p2ab_1hmw6_149:not(#\9) {
+.awsui_navigation_2p2ab_wy0zi_149:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
@@ -164,21 +164,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   prevent unwanted text wrapping.
   */
 }
-.awsui_navigation_2p2ab_1hmw6_149:not(#\9):not(.awsui_is-navigation-open_2p2ab_1hmw6_167) {
+.awsui_navigation_2p2ab_wy0zi_149:not(#\9):not(.awsui_is-navigation-open_2p2ab_wy0zi_167) {
   inline-size: 0px;
   display: none;
 }
-.awsui_navigation_2p2ab_1hmw6_149 > .awsui_animated-content_2p2ab_1hmw6_171:not(#\9) {
+.awsui_navigation_2p2ab_wy0zi_149 > .awsui_animated-content_2p2ab_wy0zi_171:not(#\9) {
   inline-size: var(--awsui-navigation-width-g964ok);
 }
 @media (max-width: 688px) {
-  .awsui_navigation_2p2ab_1hmw6_149:not(#\9) {
+  .awsui_navigation_2p2ab_wy0zi_149:not(#\9) {
     --awsui-navigation-width-g964ok: 100vw;
     z-index: 1001;
   }
 }
 
-.awsui_hide-navigation_2p2ab_1hmw6_181:not(#\9) {
+.awsui_hide-navigation_2p2ab_wy0zi_181:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-m-udix3p, 16px);
   inset-block-start: 10px;

package/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_1hmw6_149",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1hmw6_167",
-  "animated-content": "awsui_animated-content_2p2ab_1hmw6_171",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_1hmw6_181"
+  "navigation": "awsui_navigation_2p2ab_wy0zi_149",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_wy0zi_167",
+  "animated-content": "awsui_animated-content_2p2ab_wy0zi_171",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_wy0zi_181"
 };
   

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

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_sowgs_149",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_sowgs_198",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_sowgs_213",
-  "navigation": "awsui_navigation_7nfqu_sowgs_228",
-  "tools": "awsui_tools_7nfqu_sowgs_229",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_sowgs_261",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_sowgs_268",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_sowgs_281",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_sowgs_291",
-  "notifications-container": "awsui_notifications-container_7nfqu_sowgs_297",
-  "main-landmark": "awsui_main-landmark_7nfqu_sowgs_304",
-  "main": "awsui_main_7nfqu_sowgs_304",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_sowgs_313",
-  "content-header": "awsui_content-header_7nfqu_sowgs_323",
-  "content": "awsui_content_7nfqu_sowgs_323",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_sowgs_333"
+  "root": "awsui_root_7nfqu_xj5gq_149",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_xj5gq_198",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_xj5gq_213",
+  "navigation": "awsui_navigation_7nfqu_xj5gq_228",
+  "tools": "awsui_tools_7nfqu_xj5gq_229",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_xj5gq_261",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_xj5gq_268",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_xj5gq_281",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_xj5gq_291",
+  "notifications-container": "awsui_notifications-container_7nfqu_xj5gq_297",
+  "main-landmark": "awsui_main-landmark_7nfqu_xj5gq_304",
+  "main": "awsui_main_7nfqu_xj5gq_304",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_xj5gq_313",
+  "content-header": "awsui_content-header_7nfqu_xj5gq_323",
+  "content": "awsui_content_7nfqu_xj5gq_323",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_xj5gq_333"
 };