@cloudscape-design/components-themeable 3.0.1331 → 3.0.1333

package/lib/internal/template/alert/styles.css.js

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_17gah_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_17gah_1",
-  "root": "awsui_root_mx3cw_17gah_215",
-  "hidden": "awsui_hidden_mx3cw_17gah_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_17gah_301",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_17gah_313",
-  "header": "awsui_header_mx3cw_17gah_318",
-  "header-replacement": "awsui_header-replacement_mx3cw_17gah_319",
-  "action": "awsui_action_mx3cw_17gah_323",
-  "action-slot": "awsui_action-slot_mx3cw_17gah_327",
-  "action-button": "awsui_action-button_mx3cw_17gah_328",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_17gah_332",
-  "text": "awsui_text_mx3cw_17gah_363",
-  "icon": "awsui_icon_mx3cw_17gah_370",
-  "message": "awsui_message_mx3cw_17gah_373",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_17gah_377",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_17gah_381",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_17gah_385",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_17gah_389",
-  "content": "awsui_content_mx3cw_17gah_393",
-  "content-replacement": "awsui_content-replacement_mx3cw_17gah_394",
-  "dismiss": "awsui_dismiss_mx3cw_17gah_398",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_17gah_403",
-  "type-error": "awsui_type-error_mx3cw_17gah_407",
-  "type-warning": "awsui_type-warning_mx3cw_17gah_415",
-  "type-success": "awsui_type-success_mx3cw_17gah_423",
-  "type-info": "awsui_type-info_mx3cw_17gah_431"
+  "alert": "awsui_alert_mx3cw_15eqv_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_15eqv_1",
+  "root": "awsui_root_mx3cw_15eqv_215",
+  "hidden": "awsui_hidden_mx3cw_15eqv_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_15eqv_301",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_15eqv_313",
+  "header": "awsui_header_mx3cw_15eqv_318",
+  "header-replacement": "awsui_header-replacement_mx3cw_15eqv_319",
+  "action": "awsui_action_mx3cw_15eqv_323",
+  "action-slot": "awsui_action-slot_mx3cw_15eqv_327",
+  "action-button": "awsui_action-button_mx3cw_15eqv_328",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_15eqv_332",
+  "text": "awsui_text_mx3cw_15eqv_363",
+  "icon": "awsui_icon_mx3cw_15eqv_370",
+  "message": "awsui_message_mx3cw_15eqv_373",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_15eqv_377",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_15eqv_381",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_15eqv_385",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_15eqv_389",
+  "content": "awsui_content_mx3cw_15eqv_393",
+  "content-replacement": "awsui_content-replacement_mx3cw_15eqv_394",
+  "dismiss": "awsui_dismiss_mx3cw_15eqv_398",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_15eqv_403",
+  "type-error": "awsui_type-error_mx3cw_15eqv_407",
+  "type-warning": "awsui_type-warning_mx3cw_15eqv_415",
+  "type-success": "awsui_type-success_mx3cw_15eqv_423",
+  "type-info": "awsui_type-info_mx3cw_15eqv_431"
 };
   

package/lib/internal/template/alert/styles.scoped.css

@@ -190,10 +190,10 @@ 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_alert_mx3cw_17gah_193:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_17gah_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
+.awsui_alert_mx3cw_15eqv_193:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_15eqv_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_17gah_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_15eqv_1 {
   from {
     opacity: 0.2;
   }
@@ -202,17 +202,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_17gah_193:not(#\9) {
+  .awsui_alert_mx3cw_15eqv_193:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_17gah_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_17gah_193:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_15eqv_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_15eqv_193:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_mx3cw_17gah_215:not(#\9) {
+.awsui_root_mx3cw_15eqv_215:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -247,11 +247,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_17gah_215.awsui_hidden_mx3cw_17gah_250:not(#\9) {
+.awsui_root_mx3cw_15eqv_215.awsui_hidden_mx3cw_15eqv_250:not(#\9) {
   display: none;
 }
 
-.awsui_alert_mx3cw_17gah_193:not(#\9) {
+.awsui_alert_mx3cw_15eqv_193:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -295,10 +295,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-alert-vertical-7hsinh, 12px);
   padding-inline: var(--space-alert-horizontal-vvafy5, 20px);
   background-color: var(--color-background-container-content-aemn43, #ffffff);
-  --awsui-alert-focus-ring-box-shadow-z17rmd: 0 0 0 var(--awsui-alert-focus-ring-border-width-z17rmd, 2px) var(--awsui-alert-focus-ring-border-color-z17rmd, var(--color-border-item-focused-r5f6xl, #0073bb));
+  --awsui-alert-focus-ring-box-shadow-esndbs: 0 0 0 var(--awsui-alert-focus-ring-border-width-esndbs, 2px) var(--awsui-alert-focus-ring-border-color-esndbs, var(--color-border-item-focused-r5f6xl, #0073bb));
 }
 
-.awsui_alert-wrapper_mx3cw_17gah_301:not(#\9) {
+.awsui_alert-wrapper_mx3cw_15eqv_301:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: row;
@@ -306,46 +306,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   column-gap: var(--space-alert-action-left-ii45xs, 20px);
 }
 
-.awsui_hidden_mx3cw_17gah_250:not(#\9) {
+.awsui_hidden_mx3cw_15eqv_250:not(#\9) {
   display: none;
 }
 
-.awsui_initial-hidden_mx3cw_17gah_313:not(#\9) {
+.awsui_initial-hidden_mx3cw_15eqv_313:not(#\9) {
   overflow: hidden;
   block-size: 0;
 }
 
-.awsui_header_mx3cw_17gah_318:not(#\9),
-.awsui_header-replacement_mx3cw_17gah_319:not(#\9) {
+.awsui_header_mx3cw_15eqv_318:not(#\9),
+.awsui_header-replacement_mx3cw_15eqv_319:not(#\9) {
   font-weight: var(--font-weight-alert-header-b68cy5, 700);
 }
 
-.awsui_action_mx3cw_17gah_323:not(#\9) {
+.awsui_action_mx3cw_15eqv_323:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_action-slot_mx3cw_17gah_327:not(#\9),
-.awsui_action-button_mx3cw_17gah_328:not(#\9) {
+.awsui_action-slot_mx3cw_15eqv_327:not(#\9),
+.awsui_action-button_mx3cw_15eqv_328:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_alert-focus-wrapper_mx3cw_17gah_332:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_15eqv_332:not(#\9) {
   flex: 1;
   min-inline-size: 70%;
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_17gah_332:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_15eqv_332:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_17gah_332:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_15eqv_332:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_17gah_332:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_15eqv_332:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-vsdlzg, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_17gah_332:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_15eqv_332:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -353,85 +353,85 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_17gah_332:n
   inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-vsdlzg, 3px));
   inline-size: calc(100% + var(--space-button-focus-outline-gutter-vsdlzg, 3px) + var(--space-button-focus-outline-gutter-vsdlzg, 3px));
   block-size: calc(100% + var(--space-button-focus-outline-gutter-vsdlzg, 3px) + var(--space-button-focus-outline-gutter-vsdlzg, 3px));
-  border-start-start-radius: var(--awsui-alert-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  box-shadow: var(--awsui-alert-focus-ring-box-shadow-z17rmd);
+  border-start-start-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  box-shadow: var(--awsui-alert-focus-ring-box-shadow-esndbs);
 }
 
-.awsui_text_mx3cw_17gah_363:not(#\9) {
+.awsui_text_mx3cw_15eqv_363:not(#\9) {
   min-inline-size: 0;
   padding-block: var(--border-width-button-lffd4t, 1px);
   padding-inline: 0;
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: var(--space-xxs-jnczic, 4px);
 }
-.awsui_text_mx3cw_17gah_363.awsui_icon_mx3cw_17gah_370:not(#\9) {
+.awsui_text_mx3cw_15eqv_363.awsui_icon_mx3cw_15eqv_370:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_17gah_363.awsui_message_mx3cw_17gah_373:not(#\9) {
+.awsui_text_mx3cw_15eqv_363.awsui_message_mx3cw_15eqv_373:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-ipx6aa, 0px);
 }
 
-.awsui_action-wrapped_mx3cw_17gah_377:not(#\9) {
+.awsui_action-wrapped_mx3cw_15eqv_377:not(#\9) {
   margin-block-end: var(--space-xxs-jnczic, 4px);
 }
 
-.awsui_icon-size-medium_mx3cw_17gah_381 > .awsui_alert-wrapper_mx3cw_17gah_301 > .awsui_action-wrapped_mx3cw_17gah_377:not(#\9) {
+.awsui_icon-size-medium_mx3cw_15eqv_381 > .awsui_alert-wrapper_mx3cw_15eqv_301 > .awsui_action-wrapped_mx3cw_15eqv_377:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-3ovt3t, 16px) + var(--space-xs-kw7k3v, 8px));
 }
 
-.awsui_icon-size-big_mx3cw_17gah_385 > .awsui_alert-wrapper_mx3cw_17gah_301 > .awsui_action-wrapped_mx3cw_17gah_377:not(#\9) {
+.awsui_icon-size-big_mx3cw_15eqv_385 > .awsui_alert-wrapper_mx3cw_15eqv_301 > .awsui_action-wrapped_mx3cw_15eqv_377:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-hnqj8f, 32px) + var(--space-xs-kw7k3v, 8px));
 }
 
-.awsui_icon-size-normal_mx3cw_17gah_389 > .awsui_alert-wrapper_mx3cw_17gah_301 > .awsui_action-wrapped_mx3cw_17gah_377:not(#\9) {
+.awsui_icon-size-normal_mx3cw_15eqv_389 > .awsui_alert-wrapper_mx3cw_15eqv_301 > .awsui_action-wrapped_mx3cw_15eqv_377:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + var(--space-xs-kw7k3v, 8px));
 }
 
-.awsui_content_mx3cw_17gah_393:not(#\9),
-.awsui_content-replacement_mx3cw_17gah_394:not(#\9) {
+.awsui_content_mx3cw_15eqv_393:not(#\9),
+.awsui_content-replacement_mx3cw_15eqv_394:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dismiss_mx3cw_17gah_398:not(#\9) {
+.awsui_dismiss_mx3cw_15eqv_398:not(#\9) {
   margin-inline-end: calc(-1 * var(--space-xxs-jnczic, 4px));
   margin-inline-start: var(--space-s-4a5hs8, 12px);
 }
 
-.awsui_dismiss-button_mx3cw_17gah_403:not(#\9) {
+.awsui_dismiss-button_mx3cw_15eqv_403:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_type-error_mx3cw_17gah_407:not(#\9) {
+.awsui_type-error_mx3cw_15eqv_407:not(#\9) {
   border-color: var(--color-border-status-error-jybbdz, #d13212);
   background-color: var(--color-background-status-error-5i5ikf, #fdf3f1);
 }
-.awsui_type-error_mx3cw_17gah_407 > .awsui_alert-wrapper_mx3cw_17gah_301 > .awsui_alert-focus-wrapper_mx3cw_17gah_332 > .awsui_icon_mx3cw_17gah_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-z17rmd, var(--color-text-status-error-c3at5p, #d13212));
+.awsui_type-error_mx3cw_15eqv_407 > .awsui_alert-wrapper_mx3cw_15eqv_301 > .awsui_alert-focus-wrapper_mx3cw_15eqv_332 > .awsui_icon_mx3cw_15eqv_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-esndbs, var(--color-text-status-error-c3at5p, #d13212));
 }
 
-.awsui_type-warning_mx3cw_17gah_415:not(#\9) {
+.awsui_type-warning_mx3cw_15eqv_415:not(#\9) {
   border-color: var(--color-border-status-warning-qmz1c4, #906806);
   background-color: var(--color-background-status-warning-mvw8w7, #fffef0);
 }
-.awsui_type-warning_mx3cw_17gah_415 > .awsui_alert-wrapper_mx3cw_17gah_301 > .awsui_alert-focus-wrapper_mx3cw_17gah_332 > .awsui_icon_mx3cw_17gah_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-z17rmd, var(--color-text-status-warning-08d9ki, #906806));
+.awsui_type-warning_mx3cw_15eqv_415 > .awsui_alert-wrapper_mx3cw_15eqv_301 > .awsui_alert-focus-wrapper_mx3cw_15eqv_332 > .awsui_icon_mx3cw_15eqv_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-esndbs, var(--color-text-status-warning-08d9ki, #906806));
 }
 
-.awsui_type-success_mx3cw_17gah_423:not(#\9) {
+.awsui_type-success_mx3cw_15eqv_423:not(#\9) {
   border-color: var(--color-border-status-success-e61wev, #1d8102);
   background-color: var(--color-background-status-success-tkxjye, #f2f8f0);
 }
-.awsui_type-success_mx3cw_17gah_423 > .awsui_alert-wrapper_mx3cw_17gah_301 > .awsui_alert-focus-wrapper_mx3cw_17gah_332 > .awsui_icon_mx3cw_17gah_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-z17rmd, var(--color-text-status-success-ya1ikb, #1d8102));
+.awsui_type-success_mx3cw_15eqv_423 > .awsui_alert-wrapper_mx3cw_15eqv_301 > .awsui_alert-focus-wrapper_mx3cw_15eqv_332 > .awsui_icon_mx3cw_15eqv_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-esndbs, var(--color-text-status-success-ya1ikb, #1d8102));
 }
 
-.awsui_type-info_mx3cw_17gah_431:not(#\9) {
+.awsui_type-info_mx3cw_15eqv_431:not(#\9) {
   border-color: var(--color-border-status-info-kp0iif, #0073bb);
   background-color: var(--color-background-status-info-nzp1n3, #f1faff);
 }
-.awsui_type-info_mx3cw_17gah_431 > .awsui_alert-wrapper_mx3cw_17gah_301 > .awsui_alert-focus-wrapper_mx3cw_17gah_332 > .awsui_icon_mx3cw_17gah_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-z17rmd, var(--color-text-status-info-5vpe5d, #0073bb));
+.awsui_type-info_mx3cw_15eqv_431 > .awsui_alert-wrapper_mx3cw_15eqv_301 > .awsui_alert-focus-wrapper_mx3cw_15eqv_332 > .awsui_icon_mx3cw_15eqv_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-esndbs, var(--color-text-status-info-5vpe5d, #0073bb));
 }

package/lib/internal/template/alert/styles.selectors.js

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_17gah_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_17gah_1",
-  "root": "awsui_root_mx3cw_17gah_215",
-  "hidden": "awsui_hidden_mx3cw_17gah_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_17gah_301",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_17gah_313",
-  "header": "awsui_header_mx3cw_17gah_318",
-  "header-replacement": "awsui_header-replacement_mx3cw_17gah_319",
-  "action": "awsui_action_mx3cw_17gah_323",
-  "action-slot": "awsui_action-slot_mx3cw_17gah_327",
-  "action-button": "awsui_action-button_mx3cw_17gah_328",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_17gah_332",
-  "text": "awsui_text_mx3cw_17gah_363",
-  "icon": "awsui_icon_mx3cw_17gah_370",
-  "message": "awsui_message_mx3cw_17gah_373",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_17gah_377",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_17gah_381",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_17gah_385",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_17gah_389",
-  "content": "awsui_content_mx3cw_17gah_393",
-  "content-replacement": "awsui_content-replacement_mx3cw_17gah_394",
-  "dismiss": "awsui_dismiss_mx3cw_17gah_398",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_17gah_403",
-  "type-error": "awsui_type-error_mx3cw_17gah_407",
-  "type-warning": "awsui_type-warning_mx3cw_17gah_415",
-  "type-success": "awsui_type-success_mx3cw_17gah_423",
-  "type-info": "awsui_type-info_mx3cw_17gah_431"
+  "alert": "awsui_alert_mx3cw_15eqv_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_15eqv_1",
+  "root": "awsui_root_mx3cw_15eqv_215",
+  "hidden": "awsui_hidden_mx3cw_15eqv_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_15eqv_301",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_15eqv_313",
+  "header": "awsui_header_mx3cw_15eqv_318",
+  "header-replacement": "awsui_header-replacement_mx3cw_15eqv_319",
+  "action": "awsui_action_mx3cw_15eqv_323",
+  "action-slot": "awsui_action-slot_mx3cw_15eqv_327",
+  "action-button": "awsui_action-button_mx3cw_15eqv_328",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_15eqv_332",
+  "text": "awsui_text_mx3cw_15eqv_363",
+  "icon": "awsui_icon_mx3cw_15eqv_370",
+  "message": "awsui_message_mx3cw_15eqv_373",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_15eqv_377",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_15eqv_381",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_15eqv_385",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_15eqv_389",
+  "content": "awsui_content_mx3cw_15eqv_393",
+  "content-replacement": "awsui_content-replacement_mx3cw_15eqv_394",
+  "dismiss": "awsui_dismiss_mx3cw_15eqv_398",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_15eqv_403",
+  "type-error": "awsui_type-error_mx3cw_15eqv_407",
+  "type-warning": "awsui_type-warning_mx3cw_15eqv_415",
+  "type-success": "awsui_type-success_mx3cw_15eqv_423",
+  "type-info": "awsui_type-info_mx3cw_15eqv_431"
 };
   

package/lib/internal/template/annotation-context/annotation/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "annotation": "awsui_annotation_1hpp3_ns5cm_185",
-  "next-button": "awsui_next-button_1hpp3_ns5cm_186",
-  "previous-button": "awsui_previous-button_1hpp3_ns5cm_187",
-  "finish-button": "awsui_finish-button_1hpp3_ns5cm_188",
-  "header": "awsui_header_1hpp3_ns5cm_189",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_ns5cm_190",
-  "content": "awsui_content_1hpp3_ns5cm_191",
-  "description": "awsui_description_1hpp3_ns5cm_195",
-  "actionBar": "awsui_actionBar_1hpp3_ns5cm_200",
-  "stepCounter": "awsui_stepCounter_1hpp3_ns5cm_207",
-  "divider": "awsui_divider_1hpp3_ns5cm_211",
-  "hotspot": "awsui_hotspot_1hpp3_ns5cm_215",
-  "icon": "awsui_icon_1hpp3_ns5cm_286"
+  "annotation": "awsui_annotation_1hpp3_1rmxo_185",
+  "next-button": "awsui_next-button_1hpp3_1rmxo_186",
+  "previous-button": "awsui_previous-button_1hpp3_1rmxo_187",
+  "finish-button": "awsui_finish-button_1hpp3_1rmxo_188",
+  "header": "awsui_header_1hpp3_1rmxo_189",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1rmxo_190",
+  "content": "awsui_content_1hpp3_1rmxo_191",
+  "description": "awsui_description_1hpp3_1rmxo_195",
+  "actionBar": "awsui_actionBar_1hpp3_1rmxo_200",
+  "stepCounter": "awsui_stepCounter_1hpp3_1rmxo_207",
+  "divider": "awsui_divider_1hpp3_1rmxo_211",
+  "hotspot": "awsui_hotspot_1hpp3_1rmxo_215",
+  "icon": "awsui_icon_1hpp3_1rmxo_286"
 };
   

package/lib/internal/template/annotation-context/annotation/styles.scoped.css

@@ -182,37 +182,37 @@ 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_annotation_1hpp3_ns5cm_185:not(#\9),
-.awsui_next-button_1hpp3_ns5cm_186:not(#\9),
-.awsui_previous-button_1hpp3_ns5cm_187:not(#\9),
-.awsui_finish-button_1hpp3_ns5cm_188:not(#\9),
-.awsui_header_1hpp3_ns5cm_189:not(#\9),
-.awsui_step-counter-content_1hpp3_ns5cm_190:not(#\9),
-.awsui_content_1hpp3_ns5cm_191:not(#\9) {
+.awsui_annotation_1hpp3_1rmxo_185:not(#\9),
+.awsui_next-button_1hpp3_1rmxo_186:not(#\9),
+.awsui_previous-button_1hpp3_1rmxo_187:not(#\9),
+.awsui_finish-button_1hpp3_1rmxo_188:not(#\9),
+.awsui_header_1hpp3_1rmxo_189:not(#\9),
+.awsui_step-counter-content_1hpp3_1rmxo_190:not(#\9),
+.awsui_content_1hpp3_1rmxo_191:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_ns5cm_195:not(#\9) {
+.awsui_description_1hpp3_1rmxo_195:not(#\9) {
   overflow: hidden;
   margin-block-start: var(--space-xxs-jnczic, 4px);
 }
 
-.awsui_actionBar_1hpp3_ns5cm_200:not(#\9) {
+.awsui_actionBar_1hpp3_1rmxo_200:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_ns5cm_207:not(#\9) {
+.awsui_stepCounter_1hpp3_1rmxo_207:not(#\9) {
   margin-inline-end: 20px;
 }
 
-.awsui_divider_1hpp3_ns5cm_211:not(#\9) {
+.awsui_divider_1hpp3_1rmxo_211:not(#\9) {
   border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
 
-.awsui_hotspot_1hpp3_ns5cm_215:not(#\9) {
+.awsui_hotspot_1hpp3_1rmxo_215:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -248,28 +248,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
   cursor: pointer;
-  scroll-margin: var(--awsui-content-scroll-margin-z17rmd, 40px 0 0 0);
+  scroll-margin: var(--awsui-content-scroll-margin-esndbs, 40px 0 0 0);
   position: relative;
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_ns5cm_215:not(#\9):before {
+.awsui_hotspot_1hpp3_1rmxo_215:not(#\9):before {
   content: "";
   position: absolute;
   inset: calc(-1 * var(--space-xxs-jnczic, 4px));
   z-index: 1;
 }
-.awsui_hotspot_1hpp3_ns5cm_215:not(#\9):focus {
+.awsui_hotspot_1hpp3_1rmxo_215:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_ns5cm_215:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1rmxo_215:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_ns5cm_215:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1rmxo_215:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_ns5cm_215:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1rmxo_215:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -283,13 +283,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_ns5cm_215:not(#\9):focu
   border-end-end-radius: var(--border-radius-control-circular-focus-ring-go6crh, 50%);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_hotspot_1hpp3_ns5cm_215 > .awsui_icon_1hpp3_ns5cm_286:not(#\9) {
+.awsui_hotspot_1hpp3_1rmxo_215 > .awsui_icon_1hpp3_1rmxo_286:not(#\9) {
   position: relative;
   stroke: var(--color-text-tutorial-hotspot-default-ql4c5o, #0073bb);
 }
-.awsui_hotspot_1hpp3_ns5cm_215:not(#\9):hover > .awsui_icon_1hpp3_ns5cm_286 {
+.awsui_hotspot_1hpp3_1rmxo_215:not(#\9):hover > .awsui_icon_1hpp3_1rmxo_286 {
   stroke: var(--color-text-tutorial-hotspot-hover-baiupp, #0a4a74);
 }
-.awsui_hotspot_1hpp3_ns5cm_215:not(#\9):active > .awsui_icon_1hpp3_ns5cm_286 {
+.awsui_hotspot_1hpp3_1rmxo_215:not(#\9):active > .awsui_icon_1hpp3_1rmxo_286 {
   stroke: var(--color-text-tutorial-hotspot-default-ql4c5o, #0073bb);
 }

package/lib/internal/template/annotation-context/annotation/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "annotation": "awsui_annotation_1hpp3_ns5cm_185",
-  "next-button": "awsui_next-button_1hpp3_ns5cm_186",
-  "previous-button": "awsui_previous-button_1hpp3_ns5cm_187",
-  "finish-button": "awsui_finish-button_1hpp3_ns5cm_188",
-  "header": "awsui_header_1hpp3_ns5cm_189",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_ns5cm_190",
-  "content": "awsui_content_1hpp3_ns5cm_191",
-  "description": "awsui_description_1hpp3_ns5cm_195",
-  "actionBar": "awsui_actionBar_1hpp3_ns5cm_200",
-  "stepCounter": "awsui_stepCounter_1hpp3_ns5cm_207",
-  "divider": "awsui_divider_1hpp3_ns5cm_211",
-  "hotspot": "awsui_hotspot_1hpp3_ns5cm_215",
-  "icon": "awsui_icon_1hpp3_ns5cm_286"
+  "annotation": "awsui_annotation_1hpp3_1rmxo_185",
+  "next-button": "awsui_next-button_1hpp3_1rmxo_186",
+  "previous-button": "awsui_previous-button_1hpp3_1rmxo_187",
+  "finish-button": "awsui_finish-button_1hpp3_1rmxo_188",
+  "header": "awsui_header_1hpp3_1rmxo_189",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1rmxo_190",
+  "content": "awsui_content_1hpp3_1rmxo_191",
+  "description": "awsui_description_1hpp3_1rmxo_195",
+  "actionBar": "awsui_actionBar_1hpp3_1rmxo_200",
+  "stepCounter": "awsui_stepCounter_1hpp3_1rmxo_207",
+  "divider": "awsui_divider_1hpp3_1rmxo_211",
+  "hotspot": "awsui_hotspot_1hpp3_1rmxo_215",
+  "icon": "awsui_icon_1hpp3_1rmxo_286"
 };
   

package/lib/internal/template/app-layout/classic.d.ts

@@ -4,6 +4,7 @@ declare const ClassicAppLayout: React.ForwardRefExoticComponent<Omit<AppLayoutPr
     contentType: AppLayoutProps.ContentType;
     navigationOpen: boolean;
     navigationWidth: number;
+    navigationCollapsedWidth: number;
     toolsWidth: number;
     minContentWidth: number;
     onNavigationChange: import("../types/events").NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;

package/lib/internal/template/app-layout/classic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"classic.d.ts","sourceRoot":"","sources":["../../../src/app-layout/classic.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAoB7F,OAAO,EAAE,cAAc,EAA8B,MAAM,cAAc,CAAC;AAc1E,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;4CA4jBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"classic.d.ts","sourceRoot":"","sources":["../../../src/app-layout/classic.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAoB7F,OAAO,EAAE,cAAc,EAA8B,MAAM,cAAc,CAAC;AAc1E,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;4CA4jBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/internal/template/app-layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app-layout/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,QAAA,MAAM,SAAS,2FA4Fd,CAAC;AAGF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app-layout/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,QAAA,MAAM,SAAS,2FA8Fd,CAAC;AAGF,eAAe,SAAS,CAAC"}

package/lib/internal/template/app-layout/index.js

@@ -14,7 +14,7 @@ import { applyDefaults } from './defaults';
 import { AppLayoutInternal } from './internal';
 import { useAppLayoutPlacement } from './utils/use-app-layout-placement';
 import { useAriaLabels } from './utils/use-aria-labels';
-const AppLayout = React.forwardRef(({ contentType = 'default', headerSelector = '#b #h', footerSelector = '#b #f', navigationWidth = 280, toolsWidth = 290, maxContentWidth, minContentWidth, navigationOpen: controlledNavigationOpen, onNavigationChange: controlledOnNavigationChange, analyticsMetadata, ...rest }, ref) => {
+const AppLayout = React.forwardRef(({ contentType = 'default', headerSelector = '#b #h', footerSelector = '#b #f', navigationWidth = 280, navigationCollapsedWidth = 54, toolsWidth = 290, maxContentWidth, minContentWidth, navigationOpen: controlledNavigationOpen, onNavigationChange: controlledOnNavigationChange, analyticsMetadata, ...rest }, ref) => {
     var _a, _b;
     if (isDevelopment) {
         if (rest.toolsOpen && rest.toolsHide) {
@@ -54,6 +54,7 @@ const AppLayout = React.forwardRef(({ contentType = 'default', headerSelector =
     const props = {
         contentType,
         navigationWidth,
+        navigationCollapsedWidth,
         toolsWidth,
         navigationOpen,
         onNavigationChange,

package/lib/internal/template/app-layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app-layout/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\n'use client';\nimport React from 'react';\n\nimport { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { isDevelopment } from '../internal/is-development';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { NonCancelableCustomEvent } from '../types/events';\nimport { applyDefaults } from './defaults';\nimport { AppLayoutProps } from './interfaces';\nimport { AppLayoutInternal } from './internal';\nimport { useAppLayoutPlacement } from './utils/use-app-layout-placement';\nimport { useAriaLabels } from './utils/use-aria-labels';\n\nexport { AppLayoutProps };\n\nconst AppLayout = React.forwardRef(\n  (\n    {\n      contentType = 'default',\n      headerSelector = '#b #h',\n      footerSelector = '#b #f',\n      navigationWidth = 280,\n      toolsWidth = 290,\n      maxContentWidth,\n      minContentWidth,\n      navigationOpen: controlledNavigationOpen,\n      onNavigationChange: controlledOnNavigationChange,\n      analyticsMetadata,\n      ...rest\n    }: AppLayoutProps,\n    ref: React.Ref<AppLayoutProps.Ref>\n  ) => {\n    if (isDevelopment) {\n      if (rest.toolsOpen && rest.toolsHide) {\n        warnOnce(\n          'AppLayout',\n          `You have enabled both the \\`toolsOpen\\` prop and the \\`toolsHide\\` prop. This is not supported. Set \\`toolsOpen\\` to \\`false\\` when you set \\`toolsHide\\` to \\`true\\`.`\n        );\n      }\n    }\n    const { __internalRootRef } = useBaseComponent(\n      'AppLayout',\n      {\n        props: {\n          contentType,\n          disableContentPaddings: rest.disableContentPaddings,\n          disableBodyScroll: rest.disableBodyScroll,\n          navigationWidth,\n          navigationHide: rest.navigationHide,\n          toolsHide: rest.toolsHide,\n          toolsWidth,\n          maxContentWidth,\n          minContentWidth,\n          stickyNotifications: rest.stickyNotifications,\n          disableContentHeaderOverlap: rest.disableContentHeaderOverlap,\n        },\n        metadata: {\n          drawersCount: rest.drawers?.length ?? null,\n          hasContentHeader: !!rest.contentHeader,\n        },\n      },\n      analyticsMetadata\n    );\n    const isRefresh = useVisualRefresh();\n    const isMobile = useMobile();\n\n    const ariaLabels = useAriaLabels(rest.ariaLabels);\n    const { navigationOpen: defaultNavigationOpen, ...restDefaults } = applyDefaults(\n      contentType,\n      { maxContentWidth, minContentWidth },\n      isRefresh\n    );\n\n    const [navigationOpen = false, setNavigationOpen] = useControllable(\n      controlledNavigationOpen,\n      controlledOnNavigationChange,\n      isMobile ? false : defaultNavigationOpen,\n      { componentName: 'AppLayout', controlledProp: 'navigationOpen', changeHandler: 'onNavigationChange' }\n    );\n    const onNavigationChange = (event: NonCancelableCustomEvent<AppLayoutProps.ChangeDetail>) => {\n      setNavigationOpen(event.detail.open);\n      controlledOnNavigationChange?.(event);\n    };\n\n    const [rootRef, placement] = useAppLayoutPlacement(headerSelector, footerSelector);\n\n    // This re-builds the props including the default values\n    const props = {\n      contentType,\n      navigationWidth,\n      toolsWidth,\n      navigationOpen,\n      onNavigationChange,\n      ...restDefaults,\n      ...rest,\n      ariaLabels,\n      placement,\n    };\n\n    const baseProps = getBaseProps(rest);\n\n    return (\n      <div ref={useMergeRefs(__internalRootRef, rootRef)} {...baseProps}>\n        <AppLayoutInternal ref={ref} {...props} />\n      </div>\n    );\n  }\n);\n\napplyDisplayName(AppLayout, 'AppLayout');\nexport default AppLayout;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app-layout/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\n'use client';\nimport React from 'react';\n\nimport { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { isDevelopment } from '../internal/is-development';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { NonCancelableCustomEvent } from '../types/events';\nimport { applyDefaults } from './defaults';\nimport { AppLayoutProps } from './interfaces';\nimport { AppLayoutInternal } from './internal';\nimport { useAppLayoutPlacement } from './utils/use-app-layout-placement';\nimport { useAriaLabels } from './utils/use-aria-labels';\n\nexport { AppLayoutProps };\n\nconst AppLayout = React.forwardRef(\n  (\n    {\n      contentType = 'default',\n      headerSelector = '#b #h',\n      footerSelector = '#b #f',\n      navigationWidth = 280,\n      navigationCollapsedWidth = 54,\n      toolsWidth = 290,\n      maxContentWidth,\n      minContentWidth,\n      navigationOpen: controlledNavigationOpen,\n      onNavigationChange: controlledOnNavigationChange,\n      analyticsMetadata,\n      ...rest\n    }: AppLayoutProps,\n    ref: React.Ref<AppLayoutProps.Ref>\n  ) => {\n    if (isDevelopment) {\n      if (rest.toolsOpen && rest.toolsHide) {\n        warnOnce(\n          'AppLayout',\n          `You have enabled both the \\`toolsOpen\\` prop and the \\`toolsHide\\` prop. This is not supported. Set \\`toolsOpen\\` to \\`false\\` when you set \\`toolsHide\\` to \\`true\\`.`\n        );\n      }\n    }\n    const { __internalRootRef } = useBaseComponent(\n      'AppLayout',\n      {\n        props: {\n          contentType,\n          disableContentPaddings: rest.disableContentPaddings,\n          disableBodyScroll: rest.disableBodyScroll,\n          navigationWidth,\n          navigationHide: rest.navigationHide,\n          toolsHide: rest.toolsHide,\n          toolsWidth,\n          maxContentWidth,\n          minContentWidth,\n          stickyNotifications: rest.stickyNotifications,\n          disableContentHeaderOverlap: rest.disableContentHeaderOverlap,\n        },\n        metadata: {\n          drawersCount: rest.drawers?.length ?? null,\n          hasContentHeader: !!rest.contentHeader,\n        },\n      },\n      analyticsMetadata\n    );\n    const isRefresh = useVisualRefresh();\n    const isMobile = useMobile();\n\n    const ariaLabels = useAriaLabels(rest.ariaLabels);\n    const { navigationOpen: defaultNavigationOpen, ...restDefaults } = applyDefaults(\n      contentType,\n      { maxContentWidth, minContentWidth },\n      isRefresh\n    );\n\n    const [navigationOpen = false, setNavigationOpen] = useControllable(\n      controlledNavigationOpen,\n      controlledOnNavigationChange,\n      isMobile ? false : defaultNavigationOpen,\n      { componentName: 'AppLayout', controlledProp: 'navigationOpen', changeHandler: 'onNavigationChange' }\n    );\n    const onNavigationChange = (event: NonCancelableCustomEvent<AppLayoutProps.ChangeDetail>) => {\n      setNavigationOpen(event.detail.open);\n      controlledOnNavigationChange?.(event);\n    };\n\n    const [rootRef, placement] = useAppLayoutPlacement(headerSelector, footerSelector);\n\n    // This re-builds the props including the default values\n    const props = {\n      contentType,\n      navigationWidth,\n      navigationCollapsedWidth,\n      toolsWidth,\n      navigationOpen,\n      onNavigationChange,\n      ...restDefaults,\n      ...rest,\n      ariaLabels,\n      placement,\n    };\n\n    const baseProps = getBaseProps(rest);\n\n    return (\n      <div ref={useMergeRefs(__internalRootRef, rootRef)} {...baseProps}>\n        <AppLayoutInternal ref={ref} {...props} />\n      </div>\n    );\n  }\n);\n\napplyDisplayName(AppLayout, 'AppLayout');\nexport default AppLayout;\n"]}