@cloudscape-design/components 3.0.762 → 3.0.764

package/app-layout/drawer/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "toggle": "awsui_toggle_1uo6m_e93sg_189",
-  "drawer-triggers": "awsui_drawer-triggers_1uo6m_e93sg_195",
-  "drawer": "awsui_drawer_1uo6m_e93sg_195",
-  "drawer-mobile": "awsui_drawer-mobile_1uo6m_e93sg_205",
-  "drawer-closed": "awsui_drawer-closed_1uo6m_e93sg_208",
-  "drawer-content": "awsui_drawer-content_1uo6m_e93sg_215",
-  "drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_e93sg_227",
-  "drawer-resize-content": "awsui_drawer-resize-content_1uo6m_e93sg_237",
-  "drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_e93sg_243",
-  "drawer-trigger": "awsui_drawer-trigger_1uo6m_e93sg_195",
-  "drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_e93sg_262",
-  "resize-handle-wrapper": "awsui_resize-handle-wrapper_1uo6m_e93sg_270",
-  "hide": "awsui_hide_1uo6m_e93sg_280"
+  "toggle": "awsui_toggle_1uo6m_imzwf_189",
+  "drawer-triggers": "awsui_drawer-triggers_1uo6m_imzwf_195",
+  "drawer": "awsui_drawer_1uo6m_imzwf_195",
+  "drawer-mobile": "awsui_drawer-mobile_1uo6m_imzwf_205",
+  "drawer-closed": "awsui_drawer-closed_1uo6m_imzwf_208",
+  "drawer-content": "awsui_drawer-content_1uo6m_imzwf_215",
+  "drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_imzwf_227",
+  "drawer-resize-content": "awsui_drawer-resize-content_1uo6m_imzwf_237",
+  "drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_imzwf_243",
+  "drawer-trigger": "awsui_drawer-trigger_1uo6m_imzwf_195",
+  "drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_imzwf_262",
+  "resize-handle-wrapper": "awsui_resize-handle-wrapper_1uo6m_imzwf_270",
+  "hide": "awsui_hide_1uo6m_imzwf_280"
 };
   

package/app-layout/mobile-toolbar/styles.css.js

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "block-body-scroll": "awsui_block-body-scroll_19d8l_3lcqw_149",
-  "mobile-bar": "awsui_mobile-bar_19d8l_3lcqw_153",
-  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_3lcqw_166",
-  "mobile-toggle": "awsui_mobile-toggle_19d8l_3lcqw_173",
-  "mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_3lcqw_182",
-  "mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_3lcqw_185",
-  "mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_3lcqw_185",
-  "drawers-container": "awsui_drawers-container_19d8l_3lcqw_192"
+  "block-body-scroll": "awsui_block-body-scroll_19d8l_1e11z_149",
+  "mobile-bar": "awsui_mobile-bar_19d8l_1e11z_153",
+  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_1e11z_166",
+  "mobile-toggle": "awsui_mobile-toggle_19d8l_1e11z_173",
+  "mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_1e11z_182",
+  "mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_1e11z_185",
+  "mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_1e11z_185",
+  "drawers-container": "awsui_drawers-container_19d8l_1e11z_192"
 };
   

package/app-layout/mobile-toolbar/styles.scoped.css

@@ -146,11 +146,11 @@ 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_block-body-scroll_19d8l_3lcqw_149:not(#\9) {
+.awsui_block-body-scroll_19d8l_1e11z_149:not(#\9) {
   overflow: hidden;
 }
 
-.awsui_mobile-bar_19d8l_3lcqw_153:not(#\9) {
+.awsui_mobile-bar_19d8l_1e11z_153:not(#\9) {
   position: sticky;
   display: flex;
   align-items: center;
@@ -158,38 +158,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 1000;
   inline-size: 100%;
   box-sizing: border-box;
-  background-color: var(--color-background-layout-mobile-panel-0ussje, #000716);
+  background-color: var(--color-background-layout-mobile-panel-o50s90, #0f141a);
   box-shadow: var(--shadow-panel-g6fkp1, 0px 0px 0px 1px #b6bec9);
   block-size: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
 }
 
-.awsui_mobile-bar-breadcrumbs_19d8l_3lcqw_166:not(#\9) {
+.awsui_mobile-bar-breadcrumbs_19d8l_1e11z_166:not(#\9) {
   min-inline-size: 0;
   flex: 1;
   margin-inline-start: var(--space-m-udix3p, 16px);
   margin-inline-end: var(--space-m-udix3p, 16px);
 }
 
-.awsui_mobile-toggle_19d8l_3lcqw_173:not(#\9) {
+.awsui_mobile-toggle_19d8l_1e11z_173:not(#\9) {
   box-sizing: border-box;
   cursor: pointer;
   z-index: 1;
   padding-block: var(--space-xxs-p8yyaw, 4px);
   padding-inline: 7px;
   inline-size: 40px;
-  color: var(--color-text-interactive-default-lnx6lk, #414d5c);
+  color: var(--color-text-interactive-default-tkx8fe, #424650);
 }
-.awsui_mobile-toggle-type-navigation_19d8l_3lcqw_182:not(#\9) {
-  border-inline-end: 1px solid var(--color-border-layout-4mzh97, #9ba7b6);
+.awsui_mobile-toggle-type-navigation_19d8l_1e11z_182:not(#\9) {
+  border-inline-end: 1px solid var(--color-border-layout-hrw5xj, #b4b4bb);
 }
-.awsui_mobile-toggle-type-tools_19d8l_3lcqw_185:not(#\9), .awsui_mobile-toggle-type-drawer_19d8l_3lcqw_185:not(#\9) {
-  border-inline-start: 1px solid var(--color-border-layout-4mzh97, #9ba7b6);
+.awsui_mobile-toggle-type-tools_19d8l_1e11z_185:not(#\9), .awsui_mobile-toggle-type-drawer_19d8l_1e11z_185:not(#\9) {
+  border-inline-start: 1px solid var(--color-border-layout-hrw5xj, #b4b4bb);
 }
-.awsui_mobile-toggle_19d8l_3lcqw_173:not(#\9):hover {
-  background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
+.awsui_mobile-toggle_19d8l_1e11z_173:not(#\9):hover {
+  background: var(--color-background-layout-panel-hover-1ftnua, #ebebf0);
 }
 
-.awsui_drawers-container_19d8l_3lcqw_192:not(#\9) {
+.awsui_drawers-container_19d8l_1e11z_192:not(#\9) {
   display: flex;
   align-items: stretch;
 }

package/app-layout/mobile-toolbar/styles.selectors.js

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "block-body-scroll": "awsui_block-body-scroll_19d8l_3lcqw_149",
-  "mobile-bar": "awsui_mobile-bar_19d8l_3lcqw_153",
-  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_3lcqw_166",
-  "mobile-toggle": "awsui_mobile-toggle_19d8l_3lcqw_173",
-  "mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_3lcqw_182",
-  "mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_3lcqw_185",
-  "mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_3lcqw_185",
-  "drawers-container": "awsui_drawers-container_19d8l_3lcqw_192"
+  "block-body-scroll": "awsui_block-body-scroll_19d8l_1e11z_149",
+  "mobile-bar": "awsui_mobile-bar_19d8l_1e11z_153",
+  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_1e11z_166",
+  "mobile-toggle": "awsui_mobile-toggle_19d8l_1e11z_173",
+  "mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_1e11z_182",
+  "mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_1e11z_185",
+  "mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_1e11z_185",
+  "drawers-container": "awsui_drawers-container_19d8l_1e11z_192"
 };
   

package/app-layout/styles.css.js

@@ -1,17 +1,17 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_lm6vo_85lr5_149",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_85lr5_156",
-  "layout": "awsui_layout_lm6vo_85lr5_161",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_85lr5_167",
-  "layout-main": "awsui_layout-main_lm6vo_85lr5_171",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_85lr5_177",
-  "unfocusable": "awsui_unfocusable_lm6vo_85lr5_182",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_85lr5_186",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_85lr5_191",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_85lr5_195",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_85lr5_199",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_85lr5_203"
+  "root": "awsui_root_lm6vo_kci10_149",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_kci10_156",
+  "layout": "awsui_layout_lm6vo_kci10_161",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_kci10_167",
+  "layout-main": "awsui_layout-main_lm6vo_kci10_171",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_kci10_177",
+  "unfocusable": "awsui_unfocusable_lm6vo_kci10_182",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_kci10_186",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_kci10_191",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_kci10_195",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_kci10_199",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_kci10_203"
 };
   

package/app-layout/styles.scoped.css

@@ -146,60 +146,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_lm6vo_85lr5_149:not(#\9) {
+.awsui_root_lm6vo_kci10_149:not(#\9) {
   display: flex;
   flex-direction: column;
   position: relative;
-  color: var(--color-text-body-default-at06ol, #000716);
+  color: var(--color-text-body-default-7v1jfn, #0f141a);
 }
 
-.awsui_root-no-scroll_lm6vo_85lr5_156:not(#\9) {
+.awsui_root-no-scroll_lm6vo_kci10_156:not(#\9) {
   position: relative;
   z-index: 1;
 }
 
-.awsui_layout_lm6vo_85lr5_161:not(#\9) {
+.awsui_layout_lm6vo_kci10_161:not(#\9) {
   flex: 1 1 auto;
   display: flex;
   align-items: stretch;
-  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
+  background-color: var(--color-background-layout-main-nqw91u, #ffffff);
 }
-.awsui_layout-no-scroll_lm6vo_85lr5_167:not(#\9) {
+.awsui_layout-no-scroll_lm6vo_kci10_167:not(#\9) {
   overflow: hidden;
 }
 
-.awsui_layout-main_lm6vo_85lr5_171:not(#\9) {
+.awsui_layout-main_lm6vo_kci10_171:not(#\9) {
   flex: 1;
   min-inline-size: 0;
-  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
+  background-color: var(--color-background-layout-main-nqw91u, #ffffff);
   position: relative;
 }
-.awsui_layout-main-scrollable_lm6vo_85lr5_177:not(#\9) {
+.awsui_layout-main-scrollable_lm6vo_kci10_177:not(#\9) {
   overflow: auto;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable_lm6vo_85lr5_182 *:not(#\9) {
+.awsui_unfocusable_lm6vo_kci10_182 *:not(#\9) {
   visibility: hidden;
 }
 
-.awsui_breadcrumbs-desktop_lm6vo_85lr5_186:not(#\9) {
+.awsui_breadcrumbs-desktop_lm6vo_kci10_186:not(#\9) {
   padding-block-start: var(--space-scaled-m-mo5yse, 16px);
   padding-block-end: var(--space-scaled-s-aqzyko, 12px);
 }
 
-.awsui_content-header-wrapper_lm6vo_85lr5_191:not(#\9) {
+.awsui_content-header-wrapper_lm6vo_kci10_191:not(#\9) {
   padding-block-end: var(--space-content-header-padding-bottom-y2enua, 16px);
 }
 
-.awsui_content-wrapper_lm6vo_85lr5_195:not(#\9) {
+.awsui_content-wrapper_lm6vo_kci10_195:not(#\9) {
   padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
 }
 
-.awsui_content-overlapped_lm6vo_85lr5_199:not(#\9) {
+.awsui_content-overlapped_lm6vo_kci10_199:not(#\9) {
   margin-block-start: calc(-1 * var(--space-dark-header-overlap-distance-lxpp0s, 36px));
 }
 
-.awsui_content-extra-top-padding_lm6vo_85lr5_203:not(#\9) {
+.awsui_content-extra-top-padding_lm6vo_kci10_203:not(#\9) {
   padding-block-start: var(--space-scaled-m-mo5yse, 16px);
 }

package/app-layout/styles.selectors.js

@@ -2,17 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_lm6vo_85lr5_149",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_85lr5_156",
-  "layout": "awsui_layout_lm6vo_85lr5_161",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_85lr5_167",
-  "layout-main": "awsui_layout-main_lm6vo_85lr5_171",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_85lr5_177",
-  "unfocusable": "awsui_unfocusable_lm6vo_85lr5_182",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_85lr5_186",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_85lr5_191",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_85lr5_195",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_85lr5_199",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_85lr5_203"
+  "root": "awsui_root_lm6vo_kci10_149",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_kci10_156",
+  "layout": "awsui_layout_lm6vo_kci10_161",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_kci10_167",
+  "layout-main": "awsui_layout-main_lm6vo_kci10_171",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_kci10_177",
+  "unfocusable": "awsui_unfocusable_lm6vo_kci10_182",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_kci10_186",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_kci10_191",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_kci10_195",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_kci10_199",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_kci10_203"
 };
   

package/app-layout/toggles/styles.css.js

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "toggle-button": "awsui_toggle-button_16w0h_qbc4q_181",
-  "close-button": "awsui_close-button_16w0h_qbc4q_216"
+  "toggle-button": "awsui_toggle-button_16w0h_13fjx_181",
+  "close-button": "awsui_close-button_16w0h_13fjx_216"
 };
   

package/app-layout/toggles/styles.scoped.css

@@ -178,7 +178,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_toggle-button_16w0h_qbc4q_181:not(#\9) {
+.awsui_toggle-button_16w0h_13fjx_181:not(#\9) {
   cursor: pointer;
   border-block: 0;
   border-inline: 0;
@@ -187,18 +187,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: transparent;
   color: currentColor;
 }
-.awsui_toggle-button_16w0h_qbc4q_181:not(#\9):focus {
+.awsui_toggle-button_16w0h_13fjx_181:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_qbc4q_181:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_13fjx_181:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_qbc4q_181:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_13fjx_181:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-inline-icon-focus-outline-gutter-vk4r2v, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_qbc4q_181:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_13fjx_181:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -210,10 +210,10 @@ body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_qbc4q_181:not(#\9
   border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
 
-.awsui_close-button_16w0h_qbc4q_216:not(#\9) {
+.awsui_close-button_16w0h_13fjx_216:not(#\9) {
   position: absolute;
   outline: none;
   inset-inline-end: var(--space-m-udix3p, 16px);

package/app-layout/toggles/styles.selectors.js

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "toggle-button": "awsui_toggle-button_16w0h_qbc4q_181",
-  "close-button": "awsui_close-button_16w0h_qbc4q_216"
+  "toggle-button": "awsui_toggle-button_16w0h_13fjx_181",
+  "close-button": "awsui_close-button_16w0h_13fjx_216"
 };
   

package/app-layout/visual-refresh/navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/navigation.tsx"],"names":[],"mappings":";AAeA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,uBAsGjC"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/navigation.tsx"],"names":[],"mappings":";AAgBA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,uBAsGjC"}

package/app-layout/visual-refresh/navigation.js

@@ -2,10 +2,10 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import clsx from 'clsx';
+import { findUpUntil } from '@cloudscape-design/component-toolkit/dom';
 import { InternalButton } from '../../button/internal';
 import { Transition } from '../../internal/components/transition';
 import customCssProps from '../../internal/generated/custom-css-properties';
-import { findUpUntil } from '../../internal/utils/dom';
 import { useAppLayoutInternals } from './context';
 import TriggerButton from './trigger-button';
 import testutilStyles from '../test-classes/styles.css.js';

package/app-layout/visual-refresh/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/navigation.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 { InternalButton } from '../../button/internal';\nimport { Transition } from '../../internal/components/transition';\nimport customCssProps from '../../internal/generated/custom-css-properties';\nimport { findUpUntil } from '../../internal/utils/dom';\nimport { useAppLayoutInternals } from './context';\nimport TriggerButton from './trigger-button';\n\nimport testutilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\n/**\n * The Navigation component consists of the following elements:\n * the container, or root element, that sits as a direct child to the Layout grid definition;\n * the show navigation form that contains the trigger for the drawer in large viewports;\n * the navigation, or drawer, that contains the hide navigation form and the children\n * passed through the API;\n */\nexport default function Navigation() {\n  const {\n    ariaLabels,\n    disableBodyScroll,\n    handleNavigationClick,\n    hasDrawerViewportOverlay,\n    isMobile,\n    navigationOpen,\n    isToolsOpen,\n    navigation,\n    navigationHide,\n    navigationRefs,\n    navigationWidth,\n    toolsHide,\n    headerVariant,\n  } = useAppLayoutInternals();\n\n  if (navigationHide) {\n    return null;\n  }\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      handleNavigationClick(false);\n    }\n  };\n\n  const isUnfocusable = hasDrawerViewportOverlay && (!navigationOpen || (isToolsOpen && !toolsHide));\n\n  return (\n    <Transition in={navigationOpen}>\n      {(state, transitionEventsRef) => (\n        <div\n          className={clsx(styles['navigation-container'], {\n            [styles['disable-body-scroll']]: disableBodyScroll,\n            [styles.unfocusable]: isUnfocusable,\n            [testutilStyles['drawer-closed']]: !navigationOpen,\n          })}\n          style={{ [customCssProps.navigationWidth]: `${navigationWidth}px` }}\n        >\n          {!isMobile && (\n            <nav\n              aria-hidden={isMobile || navigationOpen}\n              aria-label={ariaLabels?.navigation ?? undefined}\n              className={clsx(styles['show-navigation'], {\n                [styles.animating]: state === 'exiting',\n                [styles['is-navigation-open']]: navigationOpen,\n              })}\n              ref={state === 'exiting' ? transitionEventsRef : undefined}\n            >\n              <TriggerButton\n                ariaLabel={ariaLabels?.navigationToggle}\n                ariaExpanded={navigationOpen ? undefined : false}\n                iconName=\"menu\"\n                className={testutilStyles['navigation-toggle']}\n                onClick={() => handleNavigationClick(true)}\n                ref={navigationRefs.toggle}\n                highContrastHeader={headerVariant === 'high-contrast'}\n              />\n            </nav>\n          )}\n\n          <nav\n            aria-label={ariaLabels?.navigation ?? undefined}\n            className={clsx(\n              styles.navigation,\n              {\n                [styles.animating]: state === 'entering',\n                [styles['is-navigation-open']]: navigationOpen,\n              },\n              testutilStyles.navigation\n            )}\n            ref={state !== 'exiting' ? transitionEventsRef : undefined}\n            aria-hidden={!navigationOpen}\n            onClick={event => {\n              onNavigationClick && onNavigationClick(event);\n            }}\n          >\n            <div className={styles['animated-content']}>\n              <div className={styles['hide-navigation']}>\n                <InternalButton\n                  ariaLabel={ariaLabels?.navigationClose ?? undefined}\n                  iconName={isMobile ? 'close' : 'angle-left'}\n                  onClick={() => handleNavigationClick(false)}\n                  variant=\"icon\"\n                  formAction=\"none\"\n                  className={testutilStyles['navigation-close']}\n                  ref={navigationRefs.close}\n                />\n              </div>\n              {navigation}\n            </div>\n          </nav>\n        </div>\n      )}\n    </Transition>\n  );\n}\n"]}
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/navigation.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';\n\nimport { InternalButton } from '../../button/internal';\nimport { Transition } from '../../internal/components/transition';\nimport customCssProps from '../../internal/generated/custom-css-properties';\nimport { useAppLayoutInternals } from './context';\nimport TriggerButton from './trigger-button';\n\nimport testutilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\n/**\n * The Navigation component consists of the following elements:\n * the container, or root element, that sits as a direct child to the Layout grid definition;\n * the show navigation form that contains the trigger for the drawer in large viewports;\n * the navigation, or drawer, that contains the hide navigation form and the children\n * passed through the API;\n */\nexport default function Navigation() {\n  const {\n    ariaLabels,\n    disableBodyScroll,\n    handleNavigationClick,\n    hasDrawerViewportOverlay,\n    isMobile,\n    navigationOpen,\n    isToolsOpen,\n    navigation,\n    navigationHide,\n    navigationRefs,\n    navigationWidth,\n    toolsHide,\n    headerVariant,\n  } = useAppLayoutInternals();\n\n  if (navigationHide) {\n    return null;\n  }\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      handleNavigationClick(false);\n    }\n  };\n\n  const isUnfocusable = hasDrawerViewportOverlay && (!navigationOpen || (isToolsOpen && !toolsHide));\n\n  return (\n    <Transition in={navigationOpen}>\n      {(state, transitionEventsRef) => (\n        <div\n          className={clsx(styles['navigation-container'], {\n            [styles['disable-body-scroll']]: disableBodyScroll,\n            [styles.unfocusable]: isUnfocusable,\n            [testutilStyles['drawer-closed']]: !navigationOpen,\n          })}\n          style={{ [customCssProps.navigationWidth]: `${navigationWidth}px` }}\n        >\n          {!isMobile && (\n            <nav\n              aria-hidden={isMobile || navigationOpen}\n              aria-label={ariaLabels?.navigation ?? undefined}\n              className={clsx(styles['show-navigation'], {\n                [styles.animating]: state === 'exiting',\n                [styles['is-navigation-open']]: navigationOpen,\n              })}\n              ref={state === 'exiting' ? transitionEventsRef : undefined}\n            >\n              <TriggerButton\n                ariaLabel={ariaLabels?.navigationToggle}\n                ariaExpanded={navigationOpen ? undefined : false}\n                iconName=\"menu\"\n                className={testutilStyles['navigation-toggle']}\n                onClick={() => handleNavigationClick(true)}\n                ref={navigationRefs.toggle}\n                highContrastHeader={headerVariant === 'high-contrast'}\n              />\n            </nav>\n          )}\n\n          <nav\n            aria-label={ariaLabels?.navigation ?? undefined}\n            className={clsx(\n              styles.navigation,\n              {\n                [styles.animating]: state === 'entering',\n                [styles['is-navigation-open']]: navigationOpen,\n              },\n              testutilStyles.navigation\n            )}\n            ref={state !== 'exiting' ? transitionEventsRef : undefined}\n            aria-hidden={!navigationOpen}\n            onClick={event => {\n              onNavigationClick && onNavigationClick(event);\n            }}\n          >\n            <div className={styles['animated-content']}>\n              <div className={styles['hide-navigation']}>\n                <InternalButton\n                  ariaLabel={ariaLabels?.navigationClose ?? undefined}\n                  iconName={isMobile ? 'close' : 'angle-left'}\n                  onClick={() => handleNavigationClick(false)}\n                  variant=\"icon\"\n                  formAction=\"none\"\n                  className={testutilStyles['navigation-close']}\n                  ref={navigationRefs.close}\n                />\n              </div>\n              {navigation}\n            </div>\n          </nav>\n        </div>\n      )}\n    </Transition>\n  );\n}\n"]}

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

@@ -1,90 +1,90 @@
 
     import './styles.scoped.css';
     export default {
-  "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"
+  "background": "awsui_background_hyvsj_t18rz_145",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_t18rz_148",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_t18rz_159",
+  "drawers-container": "awsui_drawers-container_hyvsj_t18rz_172",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_t18rz_183",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_t18rz_204",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_t18rz_209",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_t18rz_250",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_t18rz_260",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_t18rz_265",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_t18rz_279",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_t18rz_265",
+  "drawer": "awsui_drawer_hyvsj_t18rz_172",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_t18rz_310",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_t18rz_319",
+  "drawer-content": "awsui_drawer-content_hyvsj_t18rz_310",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_t18rz_327",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_t18rz_330",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_t18rz_337",
+  "content": "awsui_content_hyvsj_t18rz_363",
+  "layout": "awsui_layout_hyvsj_t18rz_388",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_t18rz_460",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_t18rz_475",
+  "content-type-table": "awsui_content-type-table_hyvsj_t18rz_489",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_t18rz_489",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_t18rz_495",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_t18rz_498",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_t18rz_512",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_t18rz_515",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_t18rz_525",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_t18rz_528",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_t18rz_528",
+  "has-header": "awsui_has-header_hyvsj_t18rz_528",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_t18rz_543",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_t18rz_543",
+  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_t18rz_563",
+  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_t18rz_566",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_t18rz_586",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_t18rz_586",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_t18rz_594",
+  "unfocusable": "awsui_unfocusable_hyvsj_t18rz_599",
+  "container": "awsui_container_hyvsj_t18rz_609",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_t18rz_635",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_t18rz_638",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_t18rz_638",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_t18rz_638",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_t18rz_638",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_t18rz_647",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_t18rz_664",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_t18rz_668",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_t18rz_672",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_t18rz_676",
+  "navigation-container": "awsui_navigation-container_hyvsj_t18rz_685",
+  "show-navigation": "awsui_show-navigation_hyvsj_t18rz_723",
+  "animating": "awsui_animating_hyvsj_t18rz_746",
+  "showButtons": "awsui_showButtons_hyvsj_t18rz_1",
+  "navigation": "awsui_navigation_hyvsj_t18rz_685",
+  "openNavigation": "awsui_openNavigation_hyvsj_t18rz_1",
+  "animated-content": "awsui_animated-content_hyvsj_t18rz_808",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_t18rz_817",
+  "notifications": "awsui_notifications_hyvsj_t18rz_827",
+  "has-notification-content": "awsui_has-notification-content_hyvsj_t18rz_832",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_t18rz_836",
+  "high-contrast": "awsui_high-contrast_hyvsj_t18rz_841",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_t18rz_859",
+  "position-bottom": "awsui_position-bottom_hyvsj_t18rz_906",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_t18rz_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_t18rz_935",
+  "position-side": "awsui_position-side_hyvsj_t18rz_948",
+  "tools-container": "awsui_tools-container_hyvsj_t18rz_970",
+  "tools": "awsui_tools_hyvsj_t18rz_970",
+  "openTools": "awsui_openTools_hyvsj_t18rz_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_t18rz_1059",
+  "hide-tools": "awsui_hide-tools_hyvsj_t18rz_1069",
+  "show-tools": "awsui_show-tools_hyvsj_t18rz_1081",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_t18rz_1059",
+  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_t18rz_1164",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_t18rz_1180",
+  "trigger": "awsui_trigger_hyvsj_t18rz_1164",
+  "selected": "awsui_selected_hyvsj_t18rz_1232",
+  "badge": "awsui_badge_hyvsj_t18rz_1252",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_t18rz_1256",
+  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_t18rz_1267",
+  "dot": "awsui_dot_hyvsj_t18rz_1271",
+  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_t18rz_1284"
 };