@cloudscape-design/components-themeable 3.0.1358 → 3.0.1359

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

@@ -2,37 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_12i0j_1vs13_189",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1vs13_203",
-  "legacy": "awsui_legacy_12i0j_1vs13_217",
-  "ai-drawer": "awsui_ai-drawer_12i0j_1vs13_217",
-  "bottom-drawer": "awsui_bottom-drawer_12i0j_1vs13_217",
-  "last-opened": "awsui_last-opened_12i0j_1vs13_225",
-  "drawer-global": "awsui_drawer-global_12i0j_1vs13_229",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_1vs13_238",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_1vs13_242",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_1vs13_252",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1vs13_252",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_1vs13_266",
-  "drawer-gap": "awsui_drawer-gap_12i0j_1vs13_269",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_1vs13_287",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1vs13_293",
-  "drawer-content": "awsui_drawer-content_12i0j_1vs13_266",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1vs13_305",
-  "drawer-slider": "awsui_drawer-slider_12i0j_1vs13_308",
-  "drawer-actions": "awsui_drawer-actions_12i0j_1vs13_360",
-  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1vs13_417",
-  "drawer-content-header": "awsui_drawer-content-header_12i0j_1vs13_436",
-  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1vs13_449",
-  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1vs13_466",
-  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1vs13_505",
-  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1vs13_505",
-  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_1vs13_578",
-  "drawer-content-content": "awsui_drawer-content-content_12i0j_1vs13_584",
-  "bottom-drawer-content-header": "awsui_bottom-drawer-content-header_12i0j_1vs13_642",
-  "bottom-drawer-content-header-content": "awsui_bottom-drawer-content-header-content_12i0j_1vs13_649",
-  "bottom-drawer-actions": "awsui_bottom-drawer-actions_12i0j_1vs13_657",
-  "runtime-feature-notifications-drawer-content": "awsui_runtime-feature-notifications-drawer-content_12i0j_1vs13_665",
-  "runtime-feature-notifications-footer": "awsui_runtime-feature-notifications-footer_12i0j_1vs13_669"
+  "drawer": "awsui_drawer_12i0j_1j18e_13",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1j18e_27",
+  "legacy": "awsui_legacy_12i0j_1j18e_41",
+  "ai-drawer": "awsui_ai-drawer_12i0j_1j18e_41",
+  "bottom-drawer": "awsui_bottom-drawer_12i0j_1j18e_41",
+  "last-opened": "awsui_last-opened_12i0j_1j18e_49",
+  "drawer-global": "awsui_drawer-global_12i0j_1j18e_53",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_1j18e_62",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_1j18e_66",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_1j18e_76",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1j18e_76",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_1j18e_90",
+  "drawer-gap": "awsui_drawer-gap_12i0j_1j18e_93",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_1j18e_111",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1j18e_117",
+  "drawer-content": "awsui_drawer-content_12i0j_1j18e_90",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1j18e_129",
+  "drawer-slider": "awsui_drawer-slider_12i0j_1j18e_132",
+  "drawer-actions": "awsui_drawer-actions_12i0j_1j18e_184",
+  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1j18e_241",
+  "drawer-content-header": "awsui_drawer-content-header_12i0j_1j18e_260",
+  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1j18e_273",
+  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1j18e_290",
+  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1j18e_329",
+  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1j18e_329",
+  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_1j18e_402",
+  "drawer-content-content": "awsui_drawer-content-content_12i0j_1j18e_408",
+  "bottom-drawer-content-header": "awsui_bottom-drawer-content-header_12i0j_1j18e_466",
+  "bottom-drawer-content-header-content": "awsui_bottom-drawer-content-header-content_12i0j_1j18e_473",
+  "bottom-drawer-actions": "awsui_bottom-drawer-actions_12i0j_1j18e_481",
+  "runtime-feature-notifications-drawer-content": "awsui_runtime-feature-notifications-drawer-content_12i0j_1j18e_489",
+  "runtime-feature-notifications-footer": "awsui_runtime-feature-notifications-footer_12i0j_1j18e_493"
 };
   

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/navigation/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAMnD,UAAU,sCAAsC;IAC9C,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,iCAAiC,CAAC,EAChD,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,GACtB,EAAE,sCAAsC,eAgFxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/navigation/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAMnD,UAAU,sCAAsC;IAC9C,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,iCAAiC,CAAC,EAChD,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,GACtB,EAAE,sCAAsC,eA0FxC"}

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

@@ -3,6 +3,7 @@
 import React from 'react';
 import clsx from 'clsx';
 import { findUpUntil } from '@cloudscape-design/component-toolkit/dom';
+import { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';
 import { InternalButton } from '../../../button/internal';
 import { getDrawerStyles } from '../compute-layout';
 import sharedStyles from '../../resize/styles.css.js';
@@ -20,6 +21,15 @@ export function AppLayoutNavigationImplementation({ appLayoutInternals, bottomDr
             onNavigationToggle(false);
         }
     };
+    const getNavIconName = () => {
+        if (isMobile) {
+            return 'close';
+        }
+        if (isThemeActive(Theme.OneTheme) && navigationCollapsible) {
+            return 'side-bar';
+        }
+        return navigationCollapsed ? 'angle-right' : 'angle-left';
+    };
     return (React.createElement("div", { className: clsx(styles['navigation-container'], sharedStyles['with-motion-horizontal'], {
             [styles['is-navigation-open']]: navigationOpen,
             [styles['is-navigation-collapsed']]: navigationCollapsed,
@@ -35,7 +45,7 @@ export function AppLayoutNavigationImplementation({ appLayoutInternals, bottomDr
                 }) },
                 React.createElement(InternalButton, { ariaLabel: navigationCollapsed
                         ? ((_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.navigationToggle) !== null && _b !== void 0 ? _b : undefined)
-                        : ((_c = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.navigationClose) !== null && _c !== void 0 ? _c : undefined), ariaExpanded: navigationCollapsible && !isMobile ? navigationOpen : undefined, iconName: navigationCollapsed ? 'angle-right' : isMobile ? 'close' : 'angle-left', onClick: () => onNavigationToggle(navigationCollapsible ? !navigationOpen : false), variant: "icon", formAction: "none", className: testutilStyles['navigation-close'], ref: navigationFocusControl.refs.close, analyticsAction: navigationCollapsed ? 'open' : 'close' })),
+                        : ((_c = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.navigationClose) !== null && _c !== void 0 ? _c : undefined), ariaExpanded: navigationCollapsible && !isMobile ? navigationOpen : undefined, iconName: getNavIconName(), onClick: () => onNavigationToggle(navigationCollapsible ? !navigationOpen : false), variant: "icon", formAction: "none", className: testutilStyles['navigation-close'], ref: navigationFocusControl.refs.close, analyticsAction: navigationCollapsed ? 'open' : 'close' })),
             navigation)));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/navigation/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,UAAU,iCAAiC,CAAC,EAChD,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,GACkB;;IACvC,MAAM,EACJ,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACR,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,SAAS,EACT,eAAe,GAChB,GAAG,kBAAkB,CAAC;IAEvB,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,eAAe,CACvD,eAAe,EACf,QAAQ,EACR,SAAS,EACT,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAwB,aAAxB,wBAAwB,cAAxB,wBAAwB,GAAI,CAAC,CAAC,CAC/C,CAAC;IAEF,MAAM,mBAAmB,GAAG,qBAAqB,IAAI,CAAC,cAAc,IAAI,CAAC,QAAQ,CAAC;IAElF,0EAA0E;IAC1E,MAAM,iBAAiB,GAAG,CAAC,KAAuB,EAAE,EAAE;QACpD,MAAM,OAAO,GAAG,WAAW,CACzB,KAAK,CAAC,MAAqB,EAC3B,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,KAAK,GAAG,IAAI,CAAC,CAAE,IAA0B,CAAC,IAAI,CACnE,CAAC;QACF,IAAI,OAAO,IAAI,QAAQ,EAAE,CAAC;YACxB,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,EAAE,YAAY,CAAC,wBAAwB,CAAC,EAAE;YACtF,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,cAAc;YAC9C,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,EAAE,mBAAmB;SACzD,CAAC,EACF,KAAK,EAAE;YACL,SAAS,EAAE,YAAY;YACvB,eAAe,EAAE,eAAe;SACjC;QAED,2CACc,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,mCAAI,SAAS,EAC/C,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB;gBACE,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,cAAc;aACnD,EACD,cAAc,CAAC,UAAU,CAC1B,iBACY,CAAC,cAAc,IAAI,CAAC,mBAAmB,EACpD,OAAO,EAAE,iBAAiB;YAE1B,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE;oBACzC,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,EAAE,mBAAmB;iBAC1D,CAAC;gBAEF,oBAAC,cAAc,IACb,SAAS,EACP,mBAAmB;wBACjB,CAAC,CAAC,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,gBAAgB,mCAAI,SAAS,CAAC;wBAC7C,CAAC,CAAC,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,eAAe,mCAAI,SAAS,CAAC,EAEhD,YAAY,EAAE,qBAAqB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC7E,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EACjF,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,EAClF,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,cAAc,CAAC,kBAAkB,CAAC,EAC7C,GAAG,EAAE,sBAAsB,CAAC,IAAI,CAAC,KAAK,EACtC,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,GACvD,CACE;YACL,UAAU,CACP,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\n\nimport { InternalButton } from '../../../button/internal';\nimport { getDrawerStyles } from '../compute-layout';\nimport { AppLayoutInternals } from '../interfaces';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface AppLayoutNavigationImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n  bottomDrawerReportedSize?: number;\n  navigationCollapsible?: boolean;\n}\n\nexport function AppLayoutNavigationImplementation({\n  appLayoutInternals,\n  bottomDrawerReportedSize,\n  navigationCollapsible,\n}: AppLayoutNavigationImplementationProps) {\n  const {\n    ariaLabels,\n    onNavigationToggle,\n    isMobile,\n    navigationOpen,\n    navigation,\n    navigationFocusControl,\n    placement,\n    verticalOffsets,\n  } = appLayoutInternals;\n\n  const { drawerTopOffset, drawerHeight } = getDrawerStyles(\n    verticalOffsets,\n    isMobile,\n    placement,\n    isMobile ? 0 : (bottomDrawerReportedSize ?? 0)\n  );\n\n  const navigationCollapsed = navigationCollapsible && !navigationOpen && !isMobile;\n\n  // Close the Navigation drawer on mobile when a user clicks a link inside.\n  const onNavigationClick = (event: React.MouseEvent) => {\n    const hasLink = findUpUntil(\n      event.target as HTMLElement,\n      node => node.tagName === 'A' && !!(node as HTMLAnchorElement).href\n    );\n    if (hasLink && isMobile) {\n      onNavigationToggle(false);\n    }\n  };\n\n  return (\n    <div\n      className={clsx(styles['navigation-container'], sharedStyles['with-motion-horizontal'], {\n        [styles['is-navigation-open']]: navigationOpen,\n        [styles['is-navigation-collapsed']]: navigationCollapsed,\n      })}\n      style={{\n        blockSize: drawerHeight,\n        insetBlockStart: drawerTopOffset,\n      }}\n    >\n      <nav\n        aria-label={ariaLabels?.navigation ?? undefined}\n        className={clsx(\n          styles.navigation,\n          {\n            [testutilStyles['drawer-closed']]: !navigationOpen,\n          },\n          testutilStyles.navigation\n        )}\n        aria-hidden={!navigationOpen && !navigationCollapsed}\n        onClick={onNavigationClick}\n      >\n        <div\n          className={clsx(styles['hide-navigation'], {\n            [styles['expand-navigation-toggle']]: navigationCollapsed,\n          })}\n        >\n          <InternalButton\n            ariaLabel={\n              navigationCollapsed\n                ? (ariaLabels?.navigationToggle ?? undefined)\n                : (ariaLabels?.navigationClose ?? undefined)\n            }\n            ariaExpanded={navigationCollapsible && !isMobile ? navigationOpen : undefined}\n            iconName={navigationCollapsed ? 'angle-right' : isMobile ? 'close' : 'angle-left'}\n            onClick={() => onNavigationToggle(navigationCollapsible ? !navigationOpen : false)}\n            variant=\"icon\"\n            formAction=\"none\"\n            className={testutilStyles['navigation-close']}\n            ref={navigationFocusControl.refs.close}\n            analyticsAction={navigationCollapsed ? 'open' : 'close'}\n          />\n        </div>\n        {navigation}\n      </nav>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/navigation/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\nimport { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';\n\nimport { InternalButton } from '../../../button/internal';\nimport { IconProps } from '../../../icon/interfaces';\nimport { getDrawerStyles } from '../compute-layout';\nimport { AppLayoutInternals } from '../interfaces';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface AppLayoutNavigationImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n  bottomDrawerReportedSize?: number;\n  navigationCollapsible?: boolean;\n}\n\nexport function AppLayoutNavigationImplementation({\n  appLayoutInternals,\n  bottomDrawerReportedSize,\n  navigationCollapsible,\n}: AppLayoutNavigationImplementationProps) {\n  const {\n    ariaLabels,\n    onNavigationToggle,\n    isMobile,\n    navigationOpen,\n    navigation,\n    navigationFocusControl,\n    placement,\n    verticalOffsets,\n  } = appLayoutInternals;\n\n  const { drawerTopOffset, drawerHeight } = getDrawerStyles(\n    verticalOffsets,\n    isMobile,\n    placement,\n    isMobile ? 0 : (bottomDrawerReportedSize ?? 0)\n  );\n\n  const navigationCollapsed = navigationCollapsible && !navigationOpen && !isMobile;\n\n  // Close the Navigation drawer on mobile when a user clicks a link inside.\n  const onNavigationClick = (event: React.MouseEvent) => {\n    const hasLink = findUpUntil(\n      event.target as HTMLElement,\n      node => node.tagName === 'A' && !!(node as HTMLAnchorElement).href\n    );\n    if (hasLink && isMobile) {\n      onNavigationToggle(false);\n    }\n  };\n\n  const getNavIconName = (): IconProps.Name => {\n    if (isMobile) {\n      return 'close';\n    }\n    if (isThemeActive(Theme.OneTheme) && navigationCollapsible) {\n      return 'side-bar';\n    }\n    return navigationCollapsed ? 'angle-right' : 'angle-left';\n  };\n\n  return (\n    <div\n      className={clsx(styles['navigation-container'], sharedStyles['with-motion-horizontal'], {\n        [styles['is-navigation-open']]: navigationOpen,\n        [styles['is-navigation-collapsed']]: navigationCollapsed,\n      })}\n      style={{\n        blockSize: drawerHeight,\n        insetBlockStart: drawerTopOffset,\n      }}\n    >\n      <nav\n        aria-label={ariaLabels?.navigation ?? undefined}\n        className={clsx(\n          styles.navigation,\n          {\n            [testutilStyles['drawer-closed']]: !navigationOpen,\n          },\n          testutilStyles.navigation\n        )}\n        aria-hidden={!navigationOpen && !navigationCollapsed}\n        onClick={onNavigationClick}\n      >\n        <div\n          className={clsx(styles['hide-navigation'], {\n            [styles['expand-navigation-toggle']]: navigationCollapsed,\n          })}\n        >\n          <InternalButton\n            ariaLabel={\n              navigationCollapsed\n                ? (ariaLabels?.navigationToggle ?? undefined)\n                : (ariaLabels?.navigationClose ?? undefined)\n            }\n            ariaExpanded={navigationCollapsible && !isMobile ? navigationOpen : undefined}\n            iconName={getNavIconName()}\n            onClick={() => onNavigationToggle(navigationCollapsible ? !navigationOpen : false)}\n            variant=\"icon\"\n            formAction=\"none\"\n            className={testutilStyles['navigation-close']}\n            ref={navigationFocusControl.refs.close}\n            analyticsAction={navigationCollapsed ? 'open' : 'close'}\n          />\n        </div>\n        {navigation}\n      </nav>\n    </div>\n  );\n}\n"]}

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

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "hide-navigation": "awsui_hide-navigation_2p2ab_1fw05_149",
-  "navigation-container": "awsui_navigation-container_2p2ab_1fw05_155",
-  "navigation": "awsui_navigation_2p2ab_1fw05_155",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1fw05_175",
-  "is-navigation-collapsed": "awsui_is-navigation-collapsed_2p2ab_1fw05_179",
-  "expand-navigation-toggle": "awsui_expand-navigation-toggle_2p2ab_1fw05_191"
+  "hide-navigation": "awsui_hide-navigation_2p2ab_13qj2_13",
+  "navigation-container": "awsui_navigation-container_2p2ab_13qj2_19",
+  "navigation": "awsui_navigation_2p2ab_13qj2_19",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_13qj2_39",
+  "is-navigation-collapsed": "awsui_is-navigation-collapsed_2p2ab_13qj2_43",
+  "expand-navigation-toggle": "awsui_expand-navigation-toggle_2p2ab_13qj2_55"
 };
   

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

@@ -2,157 +2,21 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
 /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- 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
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-.awsui_hide-navigation_2p2ab_1fw05_149:not(#\9) {
+.awsui_hide-navigation_2p2ab_13qj2_13:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-m-n8iq8o, 16px);
   inset-block-start: 14px;
 }
 
-.awsui_navigation-container_2p2ab_1fw05_155:not(#\9) {
+.awsui_navigation-container_2p2ab_13qj2_19:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-layout-panel-content-lmvj28, #ffffff);
@@ -163,7 +27,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   flex-direction: column;
 }
-.awsui_navigation-container_2p2ab_1fw05_155 > .awsui_navigation_2p2ab_1fw05_155:not(#\9) {
+.awsui_navigation-container_2p2ab_13qj2_19 > .awsui_navigation_2p2ab_13qj2_19:not(#\9) {
   flex-grow: 1;
   block-size: 100%;
   overflow-y: auto;
@@ -172,23 +36,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--awsui-navigation-width-esndbs);
   position: relative;
 }
-.awsui_navigation-container_2p2ab_1fw05_155:not(#\9):not(.awsui_is-navigation-open_2p2ab_1fw05_175) {
+.awsui_navigation-container_2p2ab_13qj2_19:not(#\9):not(.awsui_is-navigation-open_2p2ab_13qj2_39) {
   inline-size: 0px;
   display: none;
 }
-.awsui_navigation-container_2p2ab_1fw05_155.awsui_is-navigation-collapsed_2p2ab_1fw05_179:not(#\9) {
+.awsui_navigation-container_2p2ab_13qj2_19.awsui_is-navigation-collapsed_2p2ab_13qj2_43:not(#\9) {
   display: flex;
   align-items: center;
   inline-size: var(--awsui-navigation-collapsed-width-esndbs, var(--size-side-navigation-collapsed-width-irf8ik, 52px));
 }
-.awsui_navigation-container_2p2ab_1fw05_155.awsui_is-navigation-collapsed_2p2ab_1fw05_179 > .awsui_navigation_2p2ab_1fw05_155:not(#\9) {
+.awsui_navigation-container_2p2ab_13qj2_19.awsui_is-navigation-collapsed_2p2ab_13qj2_43 > .awsui_navigation_2p2ab_13qj2_19:not(#\9) {
   inline-size: var(--awsui-navigation-collapsed-width-esndbs, var(--size-side-navigation-collapsed-width-irf8ik, 52px));
   overflow-x: hidden;
 }
-.awsui_navigation-container_2p2ab_1fw05_155.awsui_is-navigation-collapsed_2p2ab_1fw05_179 > .awsui_navigation_2p2ab_1fw05_155 > .awsui_hide-navigation_2p2ab_1fw05_149:not(#\9) {
+.awsui_navigation-container_2p2ab_13qj2_19.awsui_is-navigation-collapsed_2p2ab_13qj2_43 > .awsui_navigation_2p2ab_13qj2_19 > .awsui_hide-navigation_2p2ab_13qj2_13:not(#\9) {
   display: none;
 }
-.awsui_navigation-container_2p2ab_1fw05_155.awsui_is-navigation-collapsed_2p2ab_1fw05_179 > .awsui_navigation_2p2ab_1fw05_155 > .awsui_hide-navigation_2p2ab_1fw05_149.awsui_expand-navigation-toggle_2p2ab_1fw05_191:not(#\9) {
+.awsui_navigation-container_2p2ab_13qj2_19.awsui_is-navigation-collapsed_2p2ab_13qj2_43 > .awsui_navigation_2p2ab_13qj2_19 > .awsui_hide-navigation_2p2ab_13qj2_13.awsui_expand-navigation-toggle_2p2ab_13qj2_55:not(#\9) {
   display: flex;
   position: static;
   align-items: center;
@@ -196,7 +60,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-s-kll7oj, 12px);
 }
 @media (max-width: 688px) {
-  .awsui_navigation-container_2p2ab_1fw05_155:not(#\9) {
+  .awsui_navigation-container_2p2ab_13qj2_19:not(#\9) {
     --awsui-navigation-width-esndbs: 100vw;
     z-index: 1001;
   }

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

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "hide-navigation": "awsui_hide-navigation_2p2ab_1fw05_149",
-  "navigation-container": "awsui_navigation-container_2p2ab_1fw05_155",
-  "navigation": "awsui_navigation_2p2ab_1fw05_155",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1fw05_175",
-  "is-navigation-collapsed": "awsui_is-navigation-collapsed_2p2ab_1fw05_179",
-  "expand-navigation-toggle": "awsui_expand-navigation-toggle_2p2ab_1fw05_191"
+  "hide-navigation": "awsui_hide-navigation_2p2ab_13qj2_13",
+  "navigation-container": "awsui_navigation-container_2p2ab_13qj2_19",
+  "navigation": "awsui_navigation_2p2ab_13qj2_19",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_13qj2_39",
+  "is-navigation-collapsed": "awsui_is-navigation-collapsed_2p2ab_13qj2_43",
+  "expand-navigation-toggle": "awsui_expand-navigation-toggle_2p2ab_13qj2_55"
 };
   

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

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "sticky-notifications": "awsui_sticky-notifications_154bi_1ycqc_9",
-  "sticky-notifications-with-background": "awsui_sticky-notifications-with-background_154bi_1ycqc_13",
-  "has-notifications-content": "awsui_has-notifications-content_154bi_1ycqc_17"
+  "sticky-notifications": "awsui_sticky-notifications_154bi_es3m6_5",
+  "sticky-notifications-with-background": "awsui_sticky-notifications-with-background_154bi_es3m6_9",
+  "has-notifications-content": "awsui_has-notifications-content_154bi_es3m6_13"
 };
   

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

@@ -2,18 +2,14 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-.awsui_sticky-notifications_154bi_1ycqc_9:not(#\9) {
+.awsui_sticky-notifications_154bi_es3m6_5:not(#\9) {
   position: sticky;
   z-index: 850;
 }
-.awsui_sticky-notifications-with-background_154bi_1ycqc_13:not(#\9) {
+.awsui_sticky-notifications-with-background_154bi_es3m6_9:not(#\9) {
   background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
 }
 
-.awsui_has-notifications-content_154bi_1ycqc_17:not(#\9) {
+.awsui_has-notifications-content_154bi_es3m6_13:not(#\9) {
   padding-block-start: var(--space-scaled-xs-pajbd1, 8px);
 }

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

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "sticky-notifications": "awsui_sticky-notifications_154bi_1ycqc_9",
-  "sticky-notifications-with-background": "awsui_sticky-notifications-with-background_154bi_1ycqc_13",
-  "has-notifications-content": "awsui_has-notifications-content_154bi_1ycqc_17"
+  "sticky-notifications": "awsui_sticky-notifications_154bi_es3m6_5",
+  "sticky-notifications-with-background": "awsui_sticky-notifications-with-background_154bi_es3m6_9",
+  "has-notifications-content": "awsui_has-notifications-content_154bi_es3m6_13"
 };
   

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

@@ -1,35 +1,35 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_fiy76_149",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_fiy76_193",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_fiy76_198",
-  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_fiy76_213",
-  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_fiy76_216",
-  "bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-mode_7nfqu_fiy76_219",
-  "ai-drawer": "awsui_ai-drawer_7nfqu_fiy76_216",
-  "navigation": "awsui_navigation_7nfqu_fiy76_226",
-  "tools": "awsui_tools_7nfqu_fiy76_227",
-  "global-tools": "awsui_global-tools_7nfqu_fiy76_228",
-  "bottom-tool": "awsui_bottom-tool_7nfqu_fiy76_229",
-  "navigation-collapsed": "awsui_navigation-collapsed_7nfqu_fiy76_278",
-  "tools-open": "awsui_tools-open_7nfqu_fiy76_291",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_fiy76_305",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_fiy76_312",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_fiy76_325",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_fiy76_335",
-  "pseudo-toolbar": "awsui_pseudo-toolbar_7nfqu_fiy76_349",
-  "pseudo-toolbar-content": "awsui_pseudo-toolbar-content_7nfqu_fiy76_367",
-  "notifications-container": "awsui_notifications-container_7nfqu_fiy76_411",
-  "notifications-background": "awsui_notifications-background_7nfqu_fiy76_415",
-  "main-landmark": "awsui_main-landmark_7nfqu_fiy76_426",
-  "main": "awsui_main_7nfqu_fiy76_426",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_fiy76_435",
-  "content-header": "awsui_content-header_7nfqu_fiy76_445",
-  "content": "awsui_content_7nfqu_fiy76_445",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_fiy76_455",
-  "hidden": "awsui_hidden_7nfqu_fiy76_460",
-  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_fiy76_464",
-  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_fiy76_464"
+  "root": "awsui_root_7nfqu_abbxg_13",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_abbxg_57",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_abbxg_62",
+  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_abbxg_77",
+  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_abbxg_80",
+  "bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-mode_7nfqu_abbxg_83",
+  "ai-drawer": "awsui_ai-drawer_7nfqu_abbxg_80",
+  "navigation": "awsui_navigation_7nfqu_abbxg_90",
+  "tools": "awsui_tools_7nfqu_abbxg_91",
+  "global-tools": "awsui_global-tools_7nfqu_abbxg_92",
+  "bottom-tool": "awsui_bottom-tool_7nfqu_abbxg_93",
+  "navigation-collapsed": "awsui_navigation-collapsed_7nfqu_abbxg_142",
+  "tools-open": "awsui_tools-open_7nfqu_abbxg_155",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_abbxg_169",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_abbxg_176",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_abbxg_189",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_abbxg_199",
+  "pseudo-toolbar": "awsui_pseudo-toolbar_7nfqu_abbxg_213",
+  "pseudo-toolbar-content": "awsui_pseudo-toolbar-content_7nfqu_abbxg_231",
+  "notifications-container": "awsui_notifications-container_7nfqu_abbxg_275",
+  "notifications-background": "awsui_notifications-background_7nfqu_abbxg_279",
+  "main-landmark": "awsui_main-landmark_7nfqu_abbxg_290",
+  "main": "awsui_main_7nfqu_abbxg_290",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_abbxg_299",
+  "content-header": "awsui_content-header_7nfqu_abbxg_309",
+  "content": "awsui_content_7nfqu_abbxg_309",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_abbxg_319",
+  "hidden": "awsui_hidden_7nfqu_abbxg_324",
+  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_abbxg_328",
+  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_abbxg_328"
 };