npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1323 → 3.0.1325 - Mend

@cloudscape-design/components-themeable 3.0.1323 → 3.0.1325

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

Files changed (102) hide show

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "7f6f93b2e91484d1060c62b5160d4acbea9f3245"
+  "commit": "45502c04e248f53271215aeb14362cf0f2551cc1"
 }

package/lib/internal/scss/flashbar/styles.scss CHANGED Viewed

@@ -36,6 +36,7 @@
   border-start-end-radius: awsui.$border-radius-flashbar;
   border-end-start-radius: awsui.$border-radius-flashbar;
   border-end-end-radius: awsui.$border-radius-flashbar;
+  border-inline-start: awsui.$border-width-flashbar-inline-start solid transparent;
   color: awsui.$color-text-notification-default;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -146,19 +147,39 @@
 }
 .flash-type-success {
-  background-color: awsui.$color-background-notification-green;
+  background-color: awsui.$color-background-flashbar-success;
+  border-inline-start-color: awsui.$color-border-status-success;
+  > .flash-body > .flash-focus-container > .flash-icon {
+    color: awsui.$color-text-status-success;
+  }
 }
 .flash-type-error {
-  background-color: awsui.$color-background-notification-red;
+  background-color: awsui.$color-background-flashbar-error;
+  border-inline-start-color: awsui.$color-border-status-error;
+  > .flash-body > .flash-focus-container > .flash-icon {
+    color: awsui.$color-text-status-error;
+  }
 }
 .flash-type-info,
 .flash-type-in-progress {
-  background-color: awsui.$color-background-notification-blue;
+  background-color: awsui.$color-background-flashbar-info;
+  border-inline-start-color: awsui.$color-border-status-info;
+  > .flash-body > .flash-focus-container > .flash-icon {
+    color: awsui.$color-text-status-info;
+  }
 }
 .flash-type-warning {
   color: awsui.$color-text-notification-yellow;
-  background-color: awsui.$color-background-notification-yellow;
+  background-color: awsui.$color-background-flashbar-warning;
+  border-inline-start-color: awsui.$color-border-status-warning;
+  > .flash-body > .flash-focus-container > .flash-icon {
+    color: awsui.$color-text-status-warning;
+  }
 }

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED Viewed

@@ -1,6 +1,6 @@
     // Build environment
-    $awsui-commit-hash: "7f6f93b2";
+    $awsui-commit-hash: "45502c04";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-6b9ypa;
 $minContentWidth: --awsui-min-content-width-6b9ypa;

package/lib/internal/scss/side-navigation/styles.scss CHANGED Viewed

@@ -18,11 +18,11 @@ $item-padding-inline: awsui.$space-xs;
 $item-indent: calc(awsui.$size-icon-normal + #{$item-icon-text-gap} - #{$item-padding-inline});
 $expandable-icon-negative-margin: awsui.$space-l;
-@mixin item-radius {
-  border-start-start-radius: awsui.$border-radius-item;
-  border-start-end-radius: awsui.$border-radius-item;
-  border-end-start-radius: awsui.$border-radius-item;
-  border-end-end-radius: awsui.$border-radius-item;
+@mixin item-radius($radius: awsui.$border-radius-item) {
+  border-start-start-radius: $radius;
+  border-start-end-radius: $radius;
+  border-end-start-radius: $radius;
+  border-end-end-radius: $radius;
 }
 .root {
@@ -154,9 +154,6 @@ $expandable-icon-negative-margin: awsui.$space-l;
   padding-block: 0;
   padding-inline: $item-padding-inline;
   list-style: none;
-  @include styles.with-motion {
-    transition: margin awsui.$motion-duration-expressive awsui.$motion-easing-responsive;
-  }
   // Remove margin from first item in side nav, outer block margins are covered by list-container
   .list-variant-root--first > &:first-child {
     margin-block-start: 0px;
@@ -168,9 +165,6 @@ $expandable-icon-negative-margin: awsui.$space-l;
     justify-content: center;
     padding-block: 0;
     padding-inline: 0;
-    @include styles.with-motion {
-      transition: margin awsui.$motion-duration-expressive awsui.$motion-easing-responsive;
-    }
   }
   &--group {
@@ -280,28 +274,31 @@ $expandable-icon-negative-margin: awsui.$space-l;
 // ==========================================================================
 .link {
   @include styles.font-body-m;
-  color: awsui.$color-text-body-secondary;
-  display: inline-flex;
+  color: awsui.$color-text-side-navigation-item-default;
+  display: flex;
   padding-block: $item-padding-block;
   min-inline-size: awsui.$size-side-navigation-item-height;
   padding-inline: $item-padding-inline;
   margin-inline: calc(-1 * #{$item-padding-inline});
   align-items: flex-start;
-  @include item-radius;
+  @include item-radius(awsui.$border-radius-side-navigation-item);
   font-weight: styles.$font-weight-normal;
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  @include styles.with-motion {
-    transition:
-      background-color awsui.$motion-duration-expressive awsui.$motion-easing-responsive,
-      color awsui.$motion-duration-expressive awsui.$motion-easing-expressive;
-  }
   &-active {
     font-weight: awsui.$font-wayfinding-link-active-weight;
     @include styles.font-smoothing;
     color: awsui.$color-text-side-navigation-item-active;
     background-color: awsui.$color-background-side-navigation-item-active;
+    &.link--collapsed {
+      color: awsui.$color-text-side-navigation-item-active-collapsed;
+      background-color: awsui.$color-background-side-navigation-item-active-collapsed;
+      &:hover {
+        color: awsui.$color-text-side-navigation-item-active-collapsed;
+      }
+    }
   }
   &--collapsed {
@@ -309,6 +306,7 @@ $expandable-icon-negative-margin: awsui.$space-l;
     margin-inline: 0;
     justify-content: center;
     align-items: center;
+    @include item-radius(awsui.$border-radius-side-navigation-item-collapsed);
   }
 }

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

@@ -1,32 +1,32 @@
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_a3sen_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_a3sen_1",
-  "root": "awsui_root_mx3cw_a3sen_215",
-  "hidden": "awsui_hidden_mx3cw_a3sen_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_a3sen_301",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_a3sen_313",
-  "header": "awsui_header_mx3cw_a3sen_318",
-  "header-replacement": "awsui_header-replacement_mx3cw_a3sen_319",
-  "action": "awsui_action_mx3cw_a3sen_323",
-  "action-slot": "awsui_action-slot_mx3cw_a3sen_327",
-  "action-button": "awsui_action-button_mx3cw_a3sen_328",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_a3sen_332",
-  "text": "awsui_text_mx3cw_a3sen_363",
-  "icon": "awsui_icon_mx3cw_a3sen_370",
-  "message": "awsui_message_mx3cw_a3sen_373",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_a3sen_377",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_a3sen_381",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_a3sen_385",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_a3sen_389",
-  "content": "awsui_content_mx3cw_a3sen_393",
-  "content-replacement": "awsui_content-replacement_mx3cw_a3sen_394",
-  "dismiss": "awsui_dismiss_mx3cw_a3sen_398",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_a3sen_403",
-  "type-error": "awsui_type-error_mx3cw_a3sen_407",
-  "type-warning": "awsui_type-warning_mx3cw_a3sen_415",
-  "type-success": "awsui_type-success_mx3cw_a3sen_423",
-  "type-info": "awsui_type-info_mx3cw_a3sen_431"
+  "alert": "awsui_alert_mx3cw_1a9ra_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1a9ra_1",
+  "root": "awsui_root_mx3cw_1a9ra_215",
+  "hidden": "awsui_hidden_mx3cw_1a9ra_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1a9ra_301",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_1a9ra_313",
+  "header": "awsui_header_mx3cw_1a9ra_318",
+  "header-replacement": "awsui_header-replacement_mx3cw_1a9ra_319",
+  "action": "awsui_action_mx3cw_1a9ra_323",
+  "action-slot": "awsui_action-slot_mx3cw_1a9ra_327",
+  "action-button": "awsui_action-button_mx3cw_1a9ra_328",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1a9ra_332",
+  "text": "awsui_text_mx3cw_1a9ra_363",
+  "icon": "awsui_icon_mx3cw_1a9ra_370",
+  "message": "awsui_message_mx3cw_1a9ra_373",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_1a9ra_377",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1a9ra_381",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1a9ra_385",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1a9ra_389",
+  "content": "awsui_content_mx3cw_1a9ra_393",
+  "content-replacement": "awsui_content-replacement_mx3cw_1a9ra_394",
+  "dismiss": "awsui_dismiss_mx3cw_1a9ra_398",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1a9ra_403",
+  "type-error": "awsui_type-error_mx3cw_1a9ra_407",
+  "type-warning": "awsui_type-warning_mx3cw_1a9ra_415",
+  "type-success": "awsui_type-success_mx3cw_1a9ra_423",
+  "type-info": "awsui_type-info_mx3cw_1a9ra_431"
 };

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

@@ -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_a3sen_193:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_a3sen_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
+.awsui_alert_mx3cw_1a9ra_193:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_1a9ra_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_a3sen_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_1a9ra_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_a3sen_193:not(#\9) {
+  .awsui_alert_mx3cw_1a9ra_193:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_a3sen_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_a3sen_193:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_1a9ra_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1a9ra_193:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_mx3cw_a3sen_215:not(#\9) {
+.awsui_root_mx3cw_1a9ra_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_a3sen_215.awsui_hidden_mx3cw_a3sen_250:not(#\9) {
+.awsui_root_mx3cw_1a9ra_215.awsui_hidden_mx3cw_1a9ra_250:not(#\9) {
   display: none;
 }
-.awsui_alert_mx3cw_a3sen_193:not(#\9) {
+.awsui_alert_mx3cw_1a9ra_193:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -298,7 +298,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   --awsui-alert-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-alert-focus-ring-border-width-6b9ypa, 2px) var(--awsui-alert-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-r5f6xl, #0073bb));
 }
-.awsui_alert-wrapper_mx3cw_a3sen_301:not(#\9) {
+.awsui_alert-wrapper_mx3cw_1a9ra_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_a3sen_250:not(#\9) {
+.awsui_hidden_mx3cw_1a9ra_250:not(#\9) {
   display: none;
 }
-.awsui_initial-hidden_mx3cw_a3sen_313:not(#\9) {
+.awsui_initial-hidden_mx3cw_1a9ra_313:not(#\9) {
   overflow: hidden;
   block-size: 0;
 }
-.awsui_header_mx3cw_a3sen_318:not(#\9),
-.awsui_header-replacement_mx3cw_a3sen_319:not(#\9) {
+.awsui_header_mx3cw_1a9ra_318:not(#\9),
+.awsui_header-replacement_mx3cw_1a9ra_319:not(#\9) {
   font-weight: var(--font-weight-alert-header-b68cy5, 700);
 }
-.awsui_action_mx3cw_a3sen_323:not(#\9) {
+.awsui_action_mx3cw_1a9ra_323:not(#\9) {
   white-space: nowrap;
 }
-.awsui_action-slot_mx3cw_a3sen_327:not(#\9),
-.awsui_action-button_mx3cw_a3sen_328:not(#\9) {
+.awsui_action-slot_mx3cw_1a9ra_327:not(#\9),
+.awsui_action-button_mx3cw_1a9ra_328:not(#\9) {
   /* used in test-utils */
 }
-.awsui_alert-focus-wrapper_mx3cw_a3sen_332:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_1a9ra_332:not(#\9) {
   flex: 1;
   min-inline-size: 70%;
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_a3sen_332:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_1a9ra_332:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_a3sen_332:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1a9ra_332:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_a3sen_332:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1a9ra_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_a3sen_332:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1a9ra_332:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -360,78 +360,78 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_a3sen_332:n
   box-shadow: var(--awsui-alert-focus-ring-box-shadow-6b9ypa);
 }
-.awsui_text_mx3cw_a3sen_363:not(#\9) {
+.awsui_text_mx3cw_1a9ra_363:not(#\9) {
   min-inline-size: 0;
   padding-block: var(--border-width-button-40y1n5, 1px);
   padding-inline: 0;
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: var(--space-xxs-jnczic, 4px);
 }
-.awsui_text_mx3cw_a3sen_363.awsui_icon_mx3cw_a3sen_370:not(#\9) {
+.awsui_text_mx3cw_1a9ra_363.awsui_icon_mx3cw_1a9ra_370:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_a3sen_363.awsui_message_mx3cw_a3sen_373:not(#\9) {
+.awsui_text_mx3cw_1a9ra_363.awsui_message_mx3cw_1a9ra_373:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-ipx6aa, 0px);
 }
-.awsui_action-wrapped_mx3cw_a3sen_377:not(#\9) {
+.awsui_action-wrapped_mx3cw_1a9ra_377:not(#\9) {
   margin-block-end: var(--space-xxs-jnczic, 4px);
 }
-.awsui_icon-size-medium_mx3cw_a3sen_381 > .awsui_alert-wrapper_mx3cw_a3sen_301 > .awsui_action-wrapped_mx3cw_a3sen_377:not(#\9) {
+.awsui_icon-size-medium_mx3cw_1a9ra_381 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_action-wrapped_mx3cw_1a9ra_377:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-3ovt3t, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_icon-size-big_mx3cw_a3sen_385 > .awsui_alert-wrapper_mx3cw_a3sen_301 > .awsui_action-wrapped_mx3cw_a3sen_377:not(#\9) {
+.awsui_icon-size-big_mx3cw_1a9ra_385 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_action-wrapped_mx3cw_1a9ra_377:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-hnqj8f, 32px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_icon-size-normal_mx3cw_a3sen_389 > .awsui_alert-wrapper_mx3cw_a3sen_301 > .awsui_action-wrapped_mx3cw_a3sen_377:not(#\9) {
+.awsui_icon-size-normal_mx3cw_1a9ra_389 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_action-wrapped_mx3cw_1a9ra_377:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_content_mx3cw_a3sen_393:not(#\9),
-.awsui_content-replacement_mx3cw_a3sen_394:not(#\9) {
+.awsui_content_mx3cw_1a9ra_393:not(#\9),
+.awsui_content-replacement_mx3cw_1a9ra_394:not(#\9) {
   /* used in test-utils */
 }
-.awsui_dismiss_mx3cw_a3sen_398:not(#\9) {
+.awsui_dismiss_mx3cw_1a9ra_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_a3sen_403:not(#\9) {
+.awsui_dismiss-button_mx3cw_1a9ra_403:not(#\9) {
   /* used in test-utils */
 }
-.awsui_type-error_mx3cw_a3sen_407:not(#\9) {
+.awsui_type-error_mx3cw_1a9ra_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_a3sen_407 > .awsui_alert-wrapper_mx3cw_a3sen_301 > .awsui_alert-focus-wrapper_mx3cw_a3sen_332 > .awsui_icon_mx3cw_a3sen_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-error-aknuvu, #d13212));
+.awsui_type-error_mx3cw_1a9ra_407 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_alert-focus-wrapper_mx3cw_1a9ra_332 > .awsui_icon_mx3cw_1a9ra_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-error-c3at5p, #d13212));
 }
-.awsui_type-warning_mx3cw_a3sen_415:not(#\9) {
+.awsui_type-warning_mx3cw_1a9ra_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_a3sen_415 > .awsui_alert-wrapper_mx3cw_a3sen_301 > .awsui_alert-focus-wrapper_mx3cw_a3sen_332 > .awsui_icon_mx3cw_a3sen_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-warning-9b45qh, #906806));
+.awsui_type-warning_mx3cw_1a9ra_415 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_alert-focus-wrapper_mx3cw_1a9ra_332 > .awsui_icon_mx3cw_1a9ra_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-warning-08d9ki, #906806));
 }
-.awsui_type-success_mx3cw_a3sen_423:not(#\9) {
+.awsui_type-success_mx3cw_1a9ra_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_a3sen_423 > .awsui_alert-wrapper_mx3cw_a3sen_301 > .awsui_alert-focus-wrapper_mx3cw_a3sen_332 > .awsui_icon_mx3cw_a3sen_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-success-yodf3z, #1d8102));
+.awsui_type-success_mx3cw_1a9ra_423 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_alert-focus-wrapper_mx3cw_1a9ra_332 > .awsui_icon_mx3cw_1a9ra_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-success-ya1ikb, #1d8102));
 }
-.awsui_type-info_mx3cw_a3sen_431:not(#\9) {
+.awsui_type-info_mx3cw_1a9ra_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_a3sen_431 > .awsui_alert-wrapper_mx3cw_a3sen_301 > .awsui_alert-focus-wrapper_mx3cw_a3sen_332 > .awsui_icon_mx3cw_a3sen_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-info-xt2ka7, #0073bb));
+.awsui_type-info_mx3cw_1a9ra_431 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_alert-focus-wrapper_mx3cw_1a9ra_332 > .awsui_icon_mx3cw_1a9ra_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-info-5vpe5d, #0073bb));
 }

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

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_a3sen_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_a3sen_1",
-  "root": "awsui_root_mx3cw_a3sen_215",
-  "hidden": "awsui_hidden_mx3cw_a3sen_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_a3sen_301",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_a3sen_313",
-  "header": "awsui_header_mx3cw_a3sen_318",
-  "header-replacement": "awsui_header-replacement_mx3cw_a3sen_319",
-  "action": "awsui_action_mx3cw_a3sen_323",
-  "action-slot": "awsui_action-slot_mx3cw_a3sen_327",
-  "action-button": "awsui_action-button_mx3cw_a3sen_328",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_a3sen_332",
-  "text": "awsui_text_mx3cw_a3sen_363",
-  "icon": "awsui_icon_mx3cw_a3sen_370",
-  "message": "awsui_message_mx3cw_a3sen_373",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_a3sen_377",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_a3sen_381",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_a3sen_385",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_a3sen_389",
-  "content": "awsui_content_mx3cw_a3sen_393",
-  "content-replacement": "awsui_content-replacement_mx3cw_a3sen_394",
-  "dismiss": "awsui_dismiss_mx3cw_a3sen_398",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_a3sen_403",
-  "type-error": "awsui_type-error_mx3cw_a3sen_407",
-  "type-warning": "awsui_type-warning_mx3cw_a3sen_415",
-  "type-success": "awsui_type-success_mx3cw_a3sen_423",
-  "type-info": "awsui_type-info_mx3cw_a3sen_431"
+  "alert": "awsui_alert_mx3cw_1a9ra_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1a9ra_1",
+  "root": "awsui_root_mx3cw_1a9ra_215",
+  "hidden": "awsui_hidden_mx3cw_1a9ra_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1a9ra_301",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_1a9ra_313",
+  "header": "awsui_header_mx3cw_1a9ra_318",
+  "header-replacement": "awsui_header-replacement_mx3cw_1a9ra_319",
+  "action": "awsui_action_mx3cw_1a9ra_323",
+  "action-slot": "awsui_action-slot_mx3cw_1a9ra_327",
+  "action-button": "awsui_action-button_mx3cw_1a9ra_328",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1a9ra_332",
+  "text": "awsui_text_mx3cw_1a9ra_363",
+  "icon": "awsui_icon_mx3cw_1a9ra_370",
+  "message": "awsui_message_mx3cw_1a9ra_373",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_1a9ra_377",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1a9ra_381",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1a9ra_385",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1a9ra_389",
+  "content": "awsui_content_mx3cw_1a9ra_393",
+  "content-replacement": "awsui_content-replacement_mx3cw_1a9ra_394",
+  "dismiss": "awsui_dismiss_mx3cw_1a9ra_398",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1a9ra_403",
+  "type-error": "awsui_type-error_mx3cw_1a9ra_407",
+  "type-warning": "awsui_type-warning_mx3cw_1a9ra_415",
+  "type-success": "awsui_type-success_mx3cw_1a9ra_423",
+  "type-info": "awsui_type-info_mx3cw_1a9ra_431"
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"global-ai-drawer.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAWtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAOxD,UAAU,aAAa;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC5C,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,GAAG,CAAC;IAChB,oBAAoB,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACpD,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACpD,sBAAsB,EAAE,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC,CAAC;IACpG,oBAAoB,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrE,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAED,UAAU,0CAA0C;IAClD,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EACV,CAAC,cAAc,GAAG;QAChB,uBAAuB,CAAC,EAAE;YACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;SAC9B,CAAC;KACH,CAAC,GACF,IAAI,CAAC;IACT,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,wBAAgB,qCAAqC,CAAC,EACpD,kBAAkB,EAClB,IAAI,EACJ,cAAc,EACd,aAAa,GACd,EAAE,0CAA0C,~~eAkN5C~~"}
1	+ {"version":3,"file":"global-ai-drawer.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAWtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAOxD,UAAU,aAAa;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC5C,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,GAAG,CAAC;IAChB,oBAAoB,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACpD,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACpD,sBAAsB,EAAE,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC,CAAC;IACpG,oBAAoB,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrE,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAED,UAAU,0CAA0C;IAClD,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EACV,CAAC,cAAc,GAAG;QAChB,uBAAuB,CAAC,EAAE;YACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;SAC9B,CAAC;KACH,CAAC,GACF,IAAI,CAAC;IACT,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,wBAAgB,qCAAqC,CAAC,EACpD,kBAAkB,EAClB,IAAI,EACJ,cAAc,EACd,aAAa,GACd,EAAE,0CAA0C,eAqN5C"}

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

@@ -76,7 +76,7 @@ export function AppLayoutGlobalAiDrawerImplementation({ appLayoutInternals, show
             ...drawerActions,
         ];
     }
-    return (React.createElement(AppLayoutBuiltInErrorBoundary, null,
+    return (React.createElement(AppLayoutBuiltInErrorBoundary, { appLayoutPart: "left-drawer" },
         React.createElement(Transition, { nodeRef: drawerRef, in: show, appear: show, mountOnEnter: true, timeout: 250 }, drawerTransitionState => {
             return (React.createElement(Transition, { nodeRef: drawerRef, in: isExpanded, timeout: 250 }, expandedTransitionState => {
                 var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -106,7 +106,7 @@ export function AppLayoutGlobalAiDrawerImplementation({ appLayoutInternals, show
                         React.createElement("div", { className: styles['drawer-content'] },
                             React.createElement("header", { className: styles['drawer-content-header'] },
                                 React.createElement("div", { className: styles['drawer-content-header-content'] },
-                                    React.createElement(AppLayoutBuiltInErrorBoundary, { renderFallback: () => React.createElement("div", null) }, (_c = activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.header) !== null && _c !== void 0 ? _c : React.createElement("div", null)),
+                                    React.createElement(AppLayoutBuiltInErrorBoundary, { renderFallback: () => React.createElement("div", null), appLayoutPart: "left-drawer-header" }, (_c = activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.header) !== null && _c !== void 0 ? _c : React.createElement("div", null)),
                                     React.createElement("div", { className: styles['drawer-actions'] },
                                         React.createElement(ButtonGroup, { dropdownExpandToViewport: false, variant: "icon", onItemClick: event => {
                                                 var _a;
@@ -123,7 +123,7 @@ export function AppLayoutGlobalAiDrawerImplementation({ appLayoutInternals, show
                                             }, ariaLabel: "Left panel actions", items: drawerActions }))),
                                 !isMobile && isExpanded && ((_d = activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.ariaLabels) === null || _d === void 0 ? void 0 : _d.exitExpandedModeButton) && (React.createElement("div", { className: styles['drawer-back-to-console-slot'] },
                                     React.createElement("div", { className: styles['drawer-back-to-console-button-wrapper'] }, ((_e = activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.exitExpandedModeTrigger) === null || _e === void 0 ? void 0 : _e.customIcon) ? (React.createElement("button", { className: clsx(testutilStyles['active-ai-drawer-leave-expanded-mode-custom-button'], styles['drawer-back-to-console-custom-button']), formAction: "none", onClick: () => setExpandedDrawerId(null), "aria-label": (_f = activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.ariaLabels) === null || _f === void 0 ? void 0 : _f.exitExpandedModeButton }, (_g = activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.exitExpandedModeTrigger) === null || _g === void 0 ? void 0 : _g.customIcon)) : (React.createElement("button", { className: clsx(testutilStyles['active-ai-drawer-leave-expanded-mode-custom-button'], styles['drawer-back-to-console-button']), formAction: "none", onClick: () => setExpandedDrawerId(null), "aria-label": (_h = activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.ariaLabels) === null || _h === void 0 ? void 0 : _h.exitExpandedModeButton }, (_j = activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.ariaLabels) === null || _j === void 0 ? void 0 : _j.exitExpandedModeButton)))))),
-                            React.createElement(AppLayoutBuiltInErrorBoundary, null,
+                            React.createElement(AppLayoutBuiltInErrorBoundary, { appLayoutPart: "left-drawer-content" },
                                 React.createElement("div", { className: styles['drawer-content-content'] }, activeAiDrawer === null || activeAiDrawer === void 0 ? void 0 : activeAiDrawer.content))))));
             }));
         })));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"global-ai-drawer.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.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, { useRef } from 'react';\nimport { Transition } from 'react-transition-group';\nimport clsx from 'clsx';\n\nimport ButtonGroup from '../../../button-group/internal';\nimport { InternalItemOrGroup } from '../../../button-group/internal-interfaces';\nimport { AppLayoutBuiltInErrorBoundary } from '../../../error-boundary/internal';\nimport PanelResizeHandle from '../../../internal/components/panel-resize-handle';\nimport customCssProps from '../../../internal/generated/custom-css-properties';\nimport { usePrevious } from '../../../internal/hooks/use-previous';\nimport { getLimitedValue } from '../../../split-panel/utils/size-utils';\nimport { AppLayoutProps } from '../../interfaces';\nimport { FocusControlState } from '../../utils/use-focus-control';\nimport { AppLayoutInternals, InternalDrawer } from '../interfaces';\nimport { OnChangeParams } from '../state/use-ai-drawer';\nimport { useResize } from './use-resize';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface AIDrawerProps {\n activeAiDrawerSize: number;\n minAiDrawerSize: number;\n aiDrawer: AppLayoutProps.Drawer \| undefined;\n maxAiDrawerSize: number;\n ariaLabels: any;\n aiDrawerFocusControl: FocusControlState \| undefined;\n isMobile: boolean;\n drawersOpenQueue: ReadonlyArray<string> \| undefined;\n onActiveAiDrawerChange: undefined \| ((newDrawerId: string \| null, params?: OnChangeParams) => void);\n onActiveDrawerResize: (detail: { id: string; size: number }) => void;\n expandedDrawerId?: string \| null;\n setExpandedDrawerId: (value: string \| null) => void;\n}\n\ninterface AppLayoutGlobalAiDrawerImplementationProps {\n appLayoutInternals: AppLayoutInternals;\n show: boolean;\n activeAiDrawer:\n \| (InternalDrawer & {\n exitExpandedModeTrigger?: {\n customIcon?: React.ReactNode;\n };\n })\n \| null;\n aiDrawerProps: AIDrawerProps;\n}\n\nexport function AppLayoutGlobalAiDrawerImplementation({\n appLayoutInternals,\n show,\n activeAiDrawer,\n aiDrawerProps,\n}: AppLayoutGlobalAiDrawerImplementationProps) {\n const {\n activeAiDrawerSize,\n minAiDrawerSize,\n maxAiDrawerSize,\n ariaLabels,\n aiDrawerFocusControl,\n isMobile,\n drawersOpenQueue,\n onActiveAiDrawerChange,\n onActiveDrawerResize,\n expandedDrawerId,\n setExpandedDrawerId,\n } = aiDrawerProps;\n const { verticalOffsets, placement, drawerAnimationDisabled } = appLayoutInternals;\n const drawerRef = useRef<HTMLDivElement>(null);\n const activeDrawerId = activeAiDrawer?.id;\n\n const computedAriaLabels = {\n closeButton: activeAiDrawer ? activeAiDrawer.ariaLabels?.closeButton : ariaLabels?.toolsClose,\n content: activeAiDrawer ? activeAiDrawer.ariaLabels?.drawerName : ariaLabels?.tools,\n };\n\n const resizeProps = useResize({\n currentWidth: activeAiDrawerSize,\n minWidth: minAiDrawerSize,\n maxWidth: maxAiDrawerSize,\n panelRef: drawerRef,\n handleRef: aiDrawerFocusControl!.refs.slider,\n onResize: size => {\n onActiveDrawerResize({ id: activeDrawerId!, size });\n },\n position: 'side-start',\n });\n const size = getLimitedValue(minAiDrawerSize, activeAiDrawerSize, maxAiDrawerSize);\n const isExpanded = activeAiDrawer?.isExpandable && expandedDrawerId === activeDrawerId;\n const wasExpanded = usePrevious(isExpanded);\n const animationDisabled =\n drawerAnimationDisabled \|\|\n (activeAiDrawer?.defaultActive && !drawersOpenQueue?.includes(activeAiDrawer.id)) \|\|\n (wasExpanded && !isExpanded);\n const drawerHeight = `calc(100vh - ${verticalOffsets.toolbar + placement.insetBlockEnd}px)`;\n // disable resizing when the drawer is at its minimum width in a \"squeezed\" state\n // (window is between mobile and desktop sizes). At this point, the drawer can't be\n // resized in either direction, so we disable the resize handler\n const isResizingDisabled = maxAiDrawerSize < activeAiDrawerSize;\n let drawerActions: ReadonlyArray<InternalItemOrGroup> = [\n {\n type: 'icon-button',\n id: 'close',\n iconName: isMobile ? 'close' : 'angle-left',\n text: computedAriaLabels.closeButton,\n analyticsAction: 'close',\n },\n ];\n if (!isMobile && activeAiDrawer?.isExpandable) {\n drawerActions = [\n {\n type: 'icon-button',\n id: 'expand',\n iconName: isExpanded ? 'shrink' : 'expand',\n text: activeAiDrawer?.ariaLabels?.expandedModeButton ?? '',\n analyticsAction: isExpanded ? 'expand' : 'collapse',\n },\n ...drawerActions,\n ];\n }\n if (activeAiDrawer?.headerActions) {\n drawerActions = [\n {\n type: 'group',\n text: 'Actions',\n items: activeAiDrawer.headerActions!,\n },\n ...drawerActions,\n ];\n }\n\n return (\n <AppLayoutBuiltInErrorBoundary>\n <Transition nodeRef={drawerRef} in={show} appear={show} mountOnEnter={true} timeout={250}>\n {drawerTransitionState => {\n return (\n <Transition nodeRef={drawerRef} in={isExpanded} timeout={250}>\n {expandedTransitionState => {\n return (\n <aside\n id={activeAiDrawer?.id}\n aria-hidden={!activeAiDrawer}\n aria-label={computedAriaLabels.content}\n className={clsx(\n styles.drawer,\n styles['ai-drawer'],\n !animationDisabled && isExpanded && styles['with-expanded-motion'],\n {\n [sharedStyles['with-motion-horizontal']]: !animationDisabled,\n [testutilStyles['active-drawer']]: show,\n [styles['drawer-hidden']]: !show && drawerTransitionState === 'exited',\n [testutilStyles['drawer-closed']]: !activeAiDrawer,\n [styles['drawer-expanded']]: isExpanded,\n }\n )}\n ref={drawerRef}\n onBlur={e => {\n if (!e.relatedTarget \|\| !e.currentTarget.contains(e.relatedTarget)) {\n aiDrawerFocusControl?.loseFocus();\n }\n }}\n style={{\n blockSize: drawerHeight,\n insetBlockStart: `${placement.insetBlockStart}px`,\n ...(!isMobile && {\n [customCssProps.drawerMinSize]: `${size}px`,\n [customCssProps.drawerSize]: `${['entering', 'entered'].includes(drawerTransitionState) ? size : 0}px`,\n }),\n }}\n data-testid={activeDrawerId && `awsui-app-layout-drawer-${activeDrawerId}`}\n >\n {!isMobile &&\n activeAiDrawer?.resizable &&\n (!isExpanded \|\| expandedTransitionState !== 'entered') && (\n <div className={styles['drawer-slider']}>\n <PanelResizeHandle\n ref={aiDrawerFocusControl?.refs.slider}\n position=\"side-start\"\n className={clsx(testutilStyles['drawers-slider'], styles['ai-drawer-slider-handle'])}\n ariaLabel={activeAiDrawer?.ariaLabels?.resizeHandle}\n tooltipText={activeAiDrawer?.ariaLabels?.resizeHandleTooltipText}\n ariaValuenow={resizeProps.relativeSize}\n onKeyDown={resizeProps.onKeyDown}\n onPointerDown={resizeProps.onPointerDown}\n onDirectionClick={resizeProps.onDirectionClick}\n disabled={isResizingDisabled}\n />\n </div>\n )}\n <div className={clsx(styles['drawer-content-container'], sharedStyles['with-motion-horizontal'])}>\n <div className={styles['drawer-content']}>\n <header className={styles['drawer-content-header']}>\n <div className={styles['drawer-content-header-content']}>\n <AppLayoutBuiltInErrorBoundary renderFallback={() => <div />}>\n {activeAiDrawer?.header ?? <div />}\n </AppLayoutBuiltInErrorBoundary>\n <div className={styles['drawer-actions']}>\n <ButtonGroup\n dropdownExpandToViewport={false}\n variant=\"icon\"\n onItemClick={event => {\n switch (event.detail.id) {\n case 'close':\n onActiveAiDrawerChange?.(null, { initiatedByUserAction: true });\n break;\n case 'expand':\n setExpandedDrawerId(isExpanded ? null : activeDrawerId!);\n break;\n default:\n activeAiDrawer?.onHeaderActionClick?.(event);\n }\n }}\n ariaLabel=\"Left panel actions\"\n items={drawerActions}\n />\n </div>\n </div>\n {!isMobile && isExpanded && activeAiDrawer?.ariaLabels?.exitExpandedModeButton && (\n <div className={styles['drawer-back-to-console-slot']}>\n <div className={styles['drawer-back-to-console-button-wrapper']}>\n {activeAiDrawer?.exitExpandedModeTrigger?.customIcon ? (\n <button\n className={clsx(\n testutilStyles['active-ai-drawer-leave-expanded-mode-custom-button'],\n styles['drawer-back-to-console-custom-button']\n )}\n formAction=\"none\"\n onClick={() => setExpandedDrawerId(null)}\n aria-label={activeAiDrawer?.ariaLabels?.exitExpandedModeButton}\n >\n {activeAiDrawer?.exitExpandedModeTrigger?.customIcon}\n </button>\n ) : (\n <button\n className={clsx(\n testutilStyles['active-ai-drawer-leave-expanded-mode-custom-button'],\n styles['drawer-back-to-console-button']\n )}\n formAction=\"none\"\n onClick={() => setExpandedDrawerId(null)}\n aria-label={activeAiDrawer?.ariaLabels?.exitExpandedModeButton}\n >\n {activeAiDrawer?.ariaLabels?.exitExpandedModeButton}\n </button>\n )}\n </div>\n </div>\n )}\n </header>\n <AppLayoutBuiltInErrorBoundary>\n <div className={styles['drawer-content-content']}>{activeAiDrawer?.content}</div>\n </AppLayoutBuiltInErrorBoundary>\n </div>\n </div>\n </aside>\n );\n }}\n </Transition>\n );\n }}\n </Transition>\n </AppLayoutBuiltInErrorBoundary>\n );\n}\n"]}
1	+ {"version":3,"file":"global-ai-drawer.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.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, { useRef } from 'react';\nimport { Transition } from 'react-transition-group';\nimport clsx from 'clsx';\n\nimport ButtonGroup from '../../../button-group/internal';\nimport { InternalItemOrGroup } from '../../../button-group/internal-interfaces';\nimport { AppLayoutBuiltInErrorBoundary } from '../../../error-boundary/internal';\nimport PanelResizeHandle from '../../../internal/components/panel-resize-handle';\nimport customCssProps from '../../../internal/generated/custom-css-properties';\nimport { usePrevious } from '../../../internal/hooks/use-previous';\nimport { getLimitedValue } from '../../../split-panel/utils/size-utils';\nimport { AppLayoutProps } from '../../interfaces';\nimport { FocusControlState } from '../../utils/use-focus-control';\nimport { AppLayoutInternals, InternalDrawer } from '../interfaces';\nimport { OnChangeParams } from '../state/use-ai-drawer';\nimport { useResize } from './use-resize';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface AIDrawerProps {\n activeAiDrawerSize: number;\n minAiDrawerSize: number;\n aiDrawer: AppLayoutProps.Drawer \| undefined;\n maxAiDrawerSize: number;\n ariaLabels: any;\n aiDrawerFocusControl: FocusControlState \| undefined;\n isMobile: boolean;\n drawersOpenQueue: ReadonlyArray<string> \| undefined;\n onActiveAiDrawerChange: undefined \| ((newDrawerId: string \| null, params?: OnChangeParams) => void);\n onActiveDrawerResize: (detail: { id: string; size: number }) => void;\n expandedDrawerId?: string \| null;\n setExpandedDrawerId: (value: string \| null) => void;\n}\n\ninterface AppLayoutGlobalAiDrawerImplementationProps {\n appLayoutInternals: AppLayoutInternals;\n show: boolean;\n activeAiDrawer:\n \| (InternalDrawer & {\n exitExpandedModeTrigger?: {\n customIcon?: React.ReactNode;\n };\n })\n \| null;\n aiDrawerProps: AIDrawerProps;\n}\n\nexport function AppLayoutGlobalAiDrawerImplementation({\n appLayoutInternals,\n show,\n activeAiDrawer,\n aiDrawerProps,\n}: AppLayoutGlobalAiDrawerImplementationProps) {\n const {\n activeAiDrawerSize,\n minAiDrawerSize,\n maxAiDrawerSize,\n ariaLabels,\n aiDrawerFocusControl,\n isMobile,\n drawersOpenQueue,\n onActiveAiDrawerChange,\n onActiveDrawerResize,\n expandedDrawerId,\n setExpandedDrawerId,\n } = aiDrawerProps;\n const { verticalOffsets, placement, drawerAnimationDisabled } = appLayoutInternals;\n const drawerRef = useRef<HTMLDivElement>(null);\n const activeDrawerId = activeAiDrawer?.id;\n\n const computedAriaLabels = {\n closeButton: activeAiDrawer ? activeAiDrawer.ariaLabels?.closeButton : ariaLabels?.toolsClose,\n content: activeAiDrawer ? activeAiDrawer.ariaLabels?.drawerName : ariaLabels?.tools,\n };\n\n const resizeProps = useResize({\n currentWidth: activeAiDrawerSize,\n minWidth: minAiDrawerSize,\n maxWidth: maxAiDrawerSize,\n panelRef: drawerRef,\n handleRef: aiDrawerFocusControl!.refs.slider,\n onResize: size => {\n onActiveDrawerResize({ id: activeDrawerId!, size });\n },\n position: 'side-start',\n });\n const size = getLimitedValue(minAiDrawerSize, activeAiDrawerSize, maxAiDrawerSize);\n const isExpanded = activeAiDrawer?.isExpandable && expandedDrawerId === activeDrawerId;\n const wasExpanded = usePrevious(isExpanded);\n const animationDisabled =\n drawerAnimationDisabled \|\|\n (activeAiDrawer?.defaultActive && !drawersOpenQueue?.includes(activeAiDrawer.id)) \|\|\n (wasExpanded && !isExpanded);\n const drawerHeight = `calc(100vh - ${verticalOffsets.toolbar + placement.insetBlockEnd}px)`;\n // disable resizing when the drawer is at its minimum width in a \"squeezed\" state\n // (window is between mobile and desktop sizes). At this point, the drawer can't be\n // resized in either direction, so we disable the resize handler\n const isResizingDisabled = maxAiDrawerSize < activeAiDrawerSize;\n let drawerActions: ReadonlyArray<InternalItemOrGroup> = [\n {\n type: 'icon-button',\n id: 'close',\n iconName: isMobile ? 'close' : 'angle-left',\n text: computedAriaLabels.closeButton,\n analyticsAction: 'close',\n },\n ];\n if (!isMobile && activeAiDrawer?.isExpandable) {\n drawerActions = [\n {\n type: 'icon-button',\n id: 'expand',\n iconName: isExpanded ? 'shrink' : 'expand',\n text: activeAiDrawer?.ariaLabels?.expandedModeButton ?? '',\n analyticsAction: isExpanded ? 'expand' : 'collapse',\n },\n ...drawerActions,\n ];\n }\n if (activeAiDrawer?.headerActions) {\n drawerActions = [\n {\n type: 'group',\n text: 'Actions',\n items: activeAiDrawer.headerActions!,\n },\n ...drawerActions,\n ];\n }\n\n return (\n <AppLayoutBuiltInErrorBoundary appLayoutPart=\"left-drawer\">\n <Transition nodeRef={drawerRef} in={show} appear={show} mountOnEnter={true} timeout={250}>\n {drawerTransitionState => {\n return (\n <Transition nodeRef={drawerRef} in={isExpanded} timeout={250}>\n {expandedTransitionState => {\n return (\n <aside\n id={activeAiDrawer?.id}\n aria-hidden={!activeAiDrawer}\n aria-label={computedAriaLabels.content}\n className={clsx(\n styles.drawer,\n styles['ai-drawer'],\n !animationDisabled && isExpanded && styles['with-expanded-motion'],\n {\n [sharedStyles['with-motion-horizontal']]: !animationDisabled,\n [testutilStyles['active-drawer']]: show,\n [styles['drawer-hidden']]: !show && drawerTransitionState === 'exited',\n [testutilStyles['drawer-closed']]: !activeAiDrawer,\n [styles['drawer-expanded']]: isExpanded,\n }\n )}\n ref={drawerRef}\n onBlur={e => {\n if (!e.relatedTarget \|\| !e.currentTarget.contains(e.relatedTarget)) {\n aiDrawerFocusControl?.loseFocus();\n }\n }}\n style={{\n blockSize: drawerHeight,\n insetBlockStart: `${placement.insetBlockStart}px`,\n ...(!isMobile && {\n [customCssProps.drawerMinSize]: `${size}px`,\n [customCssProps.drawerSize]: `${['entering', 'entered'].includes(drawerTransitionState) ? size : 0}px`,\n }),\n }}\n data-testid={activeDrawerId && `awsui-app-layout-drawer-${activeDrawerId}`}\n >\n {!isMobile &&\n activeAiDrawer?.resizable &&\n (!isExpanded \|\| expandedTransitionState !== 'entered') && (\n <div className={styles['drawer-slider']}>\n <PanelResizeHandle\n ref={aiDrawerFocusControl?.refs.slider}\n position=\"side-start\"\n className={clsx(testutilStyles['drawers-slider'], styles['ai-drawer-slider-handle'])}\n ariaLabel={activeAiDrawer?.ariaLabels?.resizeHandle}\n tooltipText={activeAiDrawer?.ariaLabels?.resizeHandleTooltipText}\n ariaValuenow={resizeProps.relativeSize}\n onKeyDown={resizeProps.onKeyDown}\n onPointerDown={resizeProps.onPointerDown}\n onDirectionClick={resizeProps.onDirectionClick}\n disabled={isResizingDisabled}\n />\n </div>\n )}\n <div className={clsx(styles['drawer-content-container'], sharedStyles['with-motion-horizontal'])}>\n <div className={styles['drawer-content']}>\n <header className={styles['drawer-content-header']}>\n <div className={styles['drawer-content-header-content']}>\n <AppLayoutBuiltInErrorBoundary\n renderFallback={() => <div />}\n appLayoutPart=\"left-drawer-header\"\n >\n {activeAiDrawer?.header ?? <div />}\n </AppLayoutBuiltInErrorBoundary>\n <div className={styles['drawer-actions']}>\n <ButtonGroup\n dropdownExpandToViewport={false}\n variant=\"icon\"\n onItemClick={event => {\n switch (event.detail.id) {\n case 'close':\n onActiveAiDrawerChange?.(null, { initiatedByUserAction: true });\n break;\n case 'expand':\n setExpandedDrawerId(isExpanded ? null : activeDrawerId!);\n break;\n default:\n activeAiDrawer?.onHeaderActionClick?.(event);\n }\n }}\n ariaLabel=\"Left panel actions\"\n items={drawerActions}\n />\n </div>\n </div>\n {!isMobile && isExpanded && activeAiDrawer?.ariaLabels?.exitExpandedModeButton && (\n <div className={styles['drawer-back-to-console-slot']}>\n <div className={styles['drawer-back-to-console-button-wrapper']}>\n {activeAiDrawer?.exitExpandedModeTrigger?.customIcon ? (\n <button\n className={clsx(\n testutilStyles['active-ai-drawer-leave-expanded-mode-custom-button'],\n styles['drawer-back-to-console-custom-button']\n )}\n formAction=\"none\"\n onClick={() => setExpandedDrawerId(null)}\n aria-label={activeAiDrawer?.ariaLabels?.exitExpandedModeButton}\n >\n {activeAiDrawer?.exitExpandedModeTrigger?.customIcon}\n </button>\n ) : (\n <button\n className={clsx(\n testutilStyles['active-ai-drawer-leave-expanded-mode-custom-button'],\n styles['drawer-back-to-console-button']\n )}\n formAction=\"none\"\n onClick={() => setExpandedDrawerId(null)}\n aria-label={activeAiDrawer?.ariaLabels?.exitExpandedModeButton}\n >\n {activeAiDrawer?.ariaLabels?.exitExpandedModeButton}\n </button>\n )}\n </div>\n </div>\n )}\n </header>\n <AppLayoutBuiltInErrorBoundary appLayoutPart=\"left-drawer-content\">\n <div className={styles['drawer-content-content']}>{activeAiDrawer?.content}</div>\n </AppLayoutBuiltInErrorBoundary>\n </div>\n </div>\n </aside>\n );\n }}\n </Transition>\n );\n }}\n </Transition>\n </AppLayoutBuiltInErrorBoundary>\n );\n}\n"]}