npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1219 → 3.0.1220 - Mend

@cloudscape-design/components-themeable 3.0.1219 → 3.0.1220

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 (123) hide show

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css CHANGED Viewed

@@ -190,7 +190,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_drawer_12i0j_145am_193:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-aemn43, #ffffff);
@@ -204,56 +204,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: auto;
   word-wrap: break-word;
 }
-.awsui_drawer_12i0j_145am_193.awsui_with-expanded-motion_12i0j_145am_207:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_with-expanded-motion_12i0j_dwl5h_207:not(#\9) {
   transition: inline-size var(--motion-duration-refresh-only-slow-zil3nj, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1)), block-size var(--motion-duration-refresh-only-slow-zil3nj, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1)), min-inline-size var(--motion-duration-refresh-only-slow-zil3nj, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_12i0j_145am_193.awsui_with-expanded-motion_12i0j_145am_207:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_with-expanded-motion_12i0j_dwl5h_207:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_12i0j_145am_193.awsui_with-expanded-motion_12i0j_145am_207:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_145am_193.awsui_with-expanded-motion_12i0j_145am_207:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_12i0j_dwl5h_193.awsui_with-expanded-motion_12i0j_dwl5h_207:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_dwl5h_193.awsui_with-expanded-motion_12i0j_dwl5h_207:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_145am_193:not(#\9):not(.awsui_legacy_12i0j_145am_221):not(.awsui_ai-drawer_12i0j_145am_221):not(.awsui_bottom-drawer_12i0j_145am_221) {
+  .awsui_drawer_12i0j_dwl5h_193:not(#\9):not(.awsui_legacy_12i0j_dwl5h_221):not(.awsui_ai-drawer_12i0j_dwl5h_221):not(.awsui_bottom-drawer_12i0j_dwl5h_221) {
     border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_145am_193:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193:not(#\9) {
     inline-size: 100%;
   }
-  .awsui_drawer_12i0j_145am_193.awsui_last-opened_12i0j_145am_229:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_last-opened_12i0j_dwl5h_229:not(#\9) {
     z-index: 1001;
   }
 }
-.awsui_drawer_12i0j_145am_193.awsui_drawer-global_12i0j_145am_233:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_drawer-global_12i0j_dwl5h_233:not(#\9) {
   display: block;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_145am_193.awsui_drawer-global_12i0j_145am_233:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_drawer-global_12i0j_dwl5h_233:not(#\9) {
     inline-size: var(--awsui-drawer-size-c5ek4l);
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_145am_193.awsui_drawer-global_12i0j_145am_233:not(#\9):not(.awsui_last-opened_12i0j_145am_229):not(.awsui_drawer-expanded_12i0j_145am_242) {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_drawer-global_12i0j_dwl5h_233:not(#\9):not(.awsui_last-opened_12i0j_dwl5h_229):not(.awsui_drawer-expanded_12i0j_dwl5h_242) {
     display: none;
   }
 }
-.awsui_drawer_12i0j_145am_193.awsui_drawer-hidden_12i0j_145am_246:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_drawer-hidden_12i0j_dwl5h_246:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_145am_193.awsui_drawer-expanded_12i0j_145am_242:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_drawer-expanded_12i0j_dwl5h_242:not(#\9) {
   inline-size: 100%;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_145am_193.awsui_drawer-expanded_12i0j_145am_242:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_drawer-expanded_12i0j_dwl5h_242:not(#\9) {
     border-inline-start: none;
   }
-  .awsui_drawer_12i0j_145am_193.awsui_drawer-expanded_12i0j_145am_242.awsui_has-next-siblings_12i0j_145am_256 > .awsui_global-drawer-wrapper_12i0j_145am_256:not(#\9):after {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_drawer-expanded_12i0j_dwl5h_242.awsui_has-next-siblings_12i0j_dwl5h_256 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256:not(#\9):after {
     content: "";
     position: absolute;
     block-size: 100%;
@@ -263,14 +263,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
     box-sizing: border-box;
   }
-  .awsui_drawer_12i0j_145am_193.awsui_drawer-expanded_12i0j_145am_242 > .awsui_global-drawer-wrapper_12i0j_145am_256:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_drawer-expanded_12i0j_dwl5h_242 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256:not(#\9) {
     inline-size: 100%;
     grid-template-columns: 8px 1fr;
   }
-  .awsui_drawer_12i0j_145am_193.awsui_drawer-expanded_12i0j_145am_242 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-content-container_12i0j_145am_270:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_drawer-expanded_12i0j_dwl5h_242 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-content-container_12i0j_dwl5h_270:not(#\9) {
     grid-column: 2;
   }
-  .awsui_drawer_12i0j_145am_193.awsui_drawer-expanded_12i0j_145am_242 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-gap_12i0j_145am_273:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_drawer-expanded_12i0j_dwl5h_242 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-gap_12i0j_dwl5h_273:not(#\9) {
     grid-column: 1;
     grid-row: 1;
     block-size: 100%;
@@ -279,7 +279,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   }
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_drawer-content-container_12i0j_145am_270:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_drawer-content-container_12i0j_dwl5h_270:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 1;
   display: grid;
@@ -288,13 +288,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-y: auto;
   min-inline-size: var(--awsui-drawer-size-c5ek4l);
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-close-button_12i0j_145am_291:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-close-button_12i0j_dwl5h_291:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
   align-self: start;
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-expanded-mode-button_12i0j_145am_297:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-expanded-mode-button_12i0j_dwl5h_297:not(#\9) {
   grid-column: 2;
   grid-row: 2;
   z-index: 1;
@@ -302,14 +302,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   justify-content: flex-end;
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270.awsui_drawer-content-hidden_12i0j_145am_309:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270.awsui_drawer-content-hidden_12i0j_dwl5h_309:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_drawer-slider_12i0j_145am_312:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_drawer-slider_12i0j_dwl5h_312:not(#\9) {
   z-index: 850;
   grid-column: 1;
   grid-row: 1;
@@ -317,18 +317,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   align-items: center;
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_global-drawer-wrapper_12i0j_145am_256:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256:not(#\9) {
   display: grid;
   min-inline-size: var(--awsui-drawer-size-c5ek4l);
   grid-template-columns: 8px var(--space-m-n2lypl, 16px) 1fr;
   overflow: hidden;
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_145am_193 > .awsui_global-drawer-wrapper_12i0j_145am_256:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256:not(#\9) {
     grid-template-columns: 1fr;
   }
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-gap_12i0j_145am_273:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-gap_12i0j_dwl5h_273:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;
@@ -337,14 +337,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   box-sizing: border-box;
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-slider_12i0j_145am_312:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-slider_12i0j_dwl5h_312:not(#\9) {
   z-index: 850;
   grid-column: 2;
   grid-row: 1;
   display: flex;
   align-items: center;
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-content-container_12i0j_145am_270:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-content-container_12i0j_dwl5h_270:not(#\9) {
   grid-row: 1;
   display: grid;
   grid-template-columns: var(--space-m-n2lypl, 16px) 1fr auto var(--space-m-n2lypl, 16px);
@@ -352,16 +352,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-y: auto;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_145am_193 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-content-container_12i0j_145am_270:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-content-container_12i0j_dwl5h_270:not(#\9) {
     grid-column: 2/span 2;
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_145am_193 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-content-container_12i0j_145am_270:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-content-container_12i0j_dwl5h_270:not(#\9) {
     grid-column: 1/span 2;
   }
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-actions_12i0j_145am_364:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-actions_12i0j_dwl5h_364:not(#\9) {
   position: absolute;
   display: flex;
   inset-block-start: 0;
@@ -369,13 +369,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: var(--space-m-n2lypl, 16px);
   padding-block-start: 14px;
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-close-button_12i0j_145am_291:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-close-button_12i0j_dwl5h_291:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
   align-self: start;
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-expanded-mode-button_12i0j_145am_297:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-expanded-mode-button_12i0j_dwl5h_297:not(#\9) {
   grid-column: 2;
   grid-row: 2;
   z-index: 1;
@@ -383,34 +383,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   justify-content: flex-end;
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_145am_193 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270.awsui_drawer-content-hidden_12i0j_145am_309:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270.awsui_drawer-content-hidden_12i0j_dwl5h_309:not(#\9) {
   display: none;
 }
 @media (max-width: 688px) {
   @media not print {
-    .awsui_drawer_12i0j_145am_193:not(#\9):not(.awsui_ai-drawer_12i0j_145am_221) {
+    .awsui_drawer_12i0j_dwl5h_193:not(#\9):not(.awsui_ai-drawer_12i0j_dwl5h_221) {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_drawer_12i0j_145am_193:not(#\9):not(.awsui_ai-drawer_12i0j_145am_221), .awsui-dark-mode .awsui_drawer_12i0j_145am_193:not(#\9):not(.awsui_ai-drawer_12i0j_145am_221) {
+    .awsui-polaris-dark-mode .awsui_drawer_12i0j_dwl5h_193:not(#\9):not(.awsui_ai-drawer_12i0j_dwl5h_221), .awsui-dark-mode .awsui_drawer_12i0j_dwl5h_193:not(#\9):not(.awsui_ai-drawer_12i0j_dwl5h_221) {
       border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
     }
   }
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221:not(#\9) {
   grid-template-columns: 1fr var(--space-xs-kw7k3v, 8px);
   background: #161d26;
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221:not(#\9) {
     grid-template-columns: 1fr;
     z-index: 1001;
   }
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-slider_12i0j_145am_312:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-slider_12i0j_dwl5h_312:not(#\9) {
   z-index: 850;
   display: flex;
   justify-content: center;
@@ -418,26 +418,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   grid-column: 2;
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 .awsui_ai-drawer-slider-handle_12i0j_145am_421:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 .awsui_ai-drawer-slider-handle_12i0j_dwl5h_421:not(#\9) {
   color: var(--color-text-interactive-inverted-default-hyioba, #d5dbdb);
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 .awsui_ai-drawer-slider-handle_12i0j_145am_421:not(#\9):hover {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 .awsui_ai-drawer-slider-handle_12i0j_dwl5h_421:not(#\9):hover {
   stroke: var(--color-text-interactive-inverted-hover-p0x69h, #fafafa);
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270:not(#\9) {
   min-inline-size: calc(var(--awsui-drawer-min-size-c5ek4l) - var(--space-xs-kw7k3v, 8px));
   grid-column: 1/span 1;
   background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270:not(#\9) {
     border-start-end-radius: var(--space-xxs-jnczic, 4px);
   }
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270:not(#\9) {
   grid-row: 1/span 4;
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440:not(#\9) {
   block-size: 42px;
   position: sticky;
   z-index: 1000;
@@ -450,7 +450,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-image: linear-gradient(90deg, #962eff 0%, #5c7fff 30%, #09f 50%, #b8e7ff 70%, #8575ff 100%) 1;
   box-sizing: border-box;
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-content-header-content_12i0j_145am_453:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-content-header-content_12i0j_dwl5h_453:not(#\9) {
   display: flex;
   flex: 1;
   align-items: center;
@@ -460,23 +460,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: var(--space-m-n2lypl, 16px);
 }
 @media not print {
-  .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-content-header-content_12i0j_145am_453:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-content-header-content_12i0j_dwl5h_453:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-content-header-content_12i0j_145am_453:not(#\9), .awsui-dark-mode .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-content-header-content_12i0j_145am_453:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-content-header-content_12i0j_dwl5h_453:not(#\9), .awsui-dark-mode .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-content-header-content_12i0j_dwl5h_453:not(#\9) {
     border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   }
   @media (min-width: 689px) {
-    .awsui-polaris-dark-mode .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-content-header-content_12i0j_145am_453:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_145am_470), .awsui-dark-mode .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-content-header-content_12i0j_145am_453:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_145am_470) {
+    .awsui-polaris-dark-mode .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-content-header-content_12i0j_dwl5h_453:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470), .awsui-dark-mode .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-content-header-content_12i0j_dwl5h_453:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470) {
       border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
       border-start-end-radius: var(--space-xxs-jnczic, 4px);
     }
   }
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-content-header-content_12i0j_145am_453 > .awsui_drawer-actions_12i0j_145am_364:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-content-header-content_12i0j_dwl5h_453 > .awsui_drawer-actions_12i0j_dwl5h_364:not(#\9) {
   display: flex;
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470:not(#\9) {
   position: relative;
   display: flex;
   align-items: center;
@@ -485,7 +485,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-static-m-1cd7a5, 16px);
   background-color: #161d26;
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470:not(#\9):before, .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470:not(#\9):after {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470:not(#\9):before, .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470:not(#\9):after {
   content: "";
   position: absolute;
   inset-block-start: 0;
@@ -495,28 +495,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: #161d26;
 }
 @media not print {
-  .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470:not(#\9):before, .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470:not(#\9):after {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470:not(#\9):before, .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470:not(#\9):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470:not(#\9):before, .awsui-dark-mode .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470:not(#\9):before, .awsui-polaris-dark-mode .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470:not(#\9):after, .awsui-dark-mode .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470:not(#\9):after {
+  .awsui-polaris-dark-mode .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470:not(#\9):before, .awsui-dark-mode .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470:not(#\9):before, .awsui-polaris-dark-mode .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470:not(#\9):after, .awsui-dark-mode .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470:not(#\9):after {
     display: none;
   }
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470:not(#\9):after {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470:not(#\9):after {
   background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
   border-start-end-radius: var(--space-xxs-jnczic, 4px);
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470 > .awsui_drawer-back-to-console-button-wrapper_12i0j_145am_509:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470 > .awsui_drawer-back-to-console-button-wrapper_12i0j_dwl5h_509:not(#\9) {
   position: relative;
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470 > .awsui_drawer-back-to-console-button-wrapper_12i0j_145am_509:not(#\9):has(:focus-visible) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470 > .awsui_drawer-back-to-console-button-wrapper_12i0j_dwl5h_509:not(#\9):has(:focus-visible) {
   position: relative;
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470 > .awsui_drawer-back-to-console-button-wrapper_12i0j_145am_509:not(#\9):has(:focus-visible) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470 > .awsui_drawer-back-to-console-button-wrapper_12i0j_dwl5h_509:not(#\9):has(:focus-visible) {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470 > .awsui_drawer-back-to-console-button-wrapper_12i0j_145am_509:not(#\9):has(:focus-visible)::before {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470 > .awsui_drawer-back-to-console-button-wrapper_12i0j_dwl5h_509:not(#\9):has(:focus-visible)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -530,7 +530,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470 > .awsui_drawer-back-to-console-button-wrapper_12i0j_145am_509 > .awsui_drawer-back-to-console-button_12i0j_145am_509:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470 > .awsui_drawer-back-to-console-button-wrapper_12i0j_dwl5h_509 > .awsui_drawer-back-to-console-button_12i0j_dwl5h_509:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -576,81 +576,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: #ffffff;
   cursor: pointer;
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470 > .awsui_drawer-back-to-console-button-wrapper_12i0j_145am_509 > .awsui_drawer-back-to-console-button_12i0j_145am_509:not(#\9):focus {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470 > .awsui_drawer-back-to-console-button-wrapper_12i0j_dwl5h_509 > .awsui_drawer-back-to-console-button_12i0j_dwl5h_509:not(#\9):focus {
   outline: none;
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-header_12i0j_145am_440 > .awsui_drawer-back-to-console-slot_12i0j_145am_470 > .awsui_drawer-back-to-console-button-wrapper_12i0j_145am_509 > .awsui_drawer-back-to-console-custom-button_12i0j_145am_582:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-header_12i0j_dwl5h_440 > .awsui_drawer-back-to-console-slot_12i0j_dwl5h_470 > .awsui_drawer-back-to-console-button-wrapper_12i0j_dwl5h_509 > .awsui_drawer-back-to-console-custom-button_12i0j_dwl5h_582:not(#\9) {
   all: initial;
   display: flex;
   cursor: pointer;
   text-align: center;
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221 > .awsui_drawer-content-container_12i0j_145am_270 > .awsui_drawer-content_12i0j_145am_270 > .awsui_drawer-content-content_12i0j_145am_588:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221 > .awsui_drawer-content-container_12i0j_dwl5h_270 > .awsui_drawer-content_12i0j_dwl5h_270 > .awsui_drawer-content-content_12i0j_dwl5h_588:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: calc(100% - 42px);
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221:not(#\9):not(.awsui_drawer-expanded_12i0j_145am_242) > .awsui_drawer-content-container_12i0j_145am_270 {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221:not(#\9):not(.awsui_drawer-expanded_12i0j_dwl5h_242) > .awsui_drawer-content-container_12i0j_dwl5h_270 {
     clip-path: inset(0 0 -9999px 0 round 0 var(--space-xxs-jnczic, 4px) 0 0);
     /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   }
-  .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221:not(#\9):not(.awsui_drawer-expanded_12i0j_145am_242) > .awsui_drawer-content-container_12i0j_145am_270:dir(rtl) {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221:not(#\9):not(.awsui_drawer-expanded_12i0j_dwl5h_242) > .awsui_drawer-content-container_12i0j_dwl5h_270:dir(rtl) {
     clip-path: inset(0 0 -9999px 0 round var(--space-xxs-jnczic, 4px) 0 0 0);
   }
   @media not print {
-    .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221:not(#\9):not(.awsui_drawer-expanded_12i0j_145am_242) > .awsui_drawer-content-container_12i0j_145am_270 {
+    .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221:not(#\9):not(.awsui_drawer-expanded_12i0j_dwl5h_242) > .awsui_drawer-content-container_12i0j_dwl5h_270 {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221:not(#\9):not(.awsui_drawer-expanded_12i0j_145am_242) > .awsui_drawer-content-container_12i0j_145am_270, .awsui-dark-mode .awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221:not(#\9):not(.awsui_drawer-expanded_12i0j_145am_242) > .awsui_drawer-content-container_12i0j_145am_270 {
+    .awsui-polaris-dark-mode .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221:not(#\9):not(.awsui_drawer-expanded_12i0j_dwl5h_242) > .awsui_drawer-content-container_12i0j_dwl5h_270, .awsui-dark-mode .awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221:not(#\9):not(.awsui_drawer-expanded_12i0j_dwl5h_242) > .awsui_drawer-content-container_12i0j_dwl5h_270 {
       border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
     }
   }
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221.awsui_drawer-expanded_12i0j_145am_242:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221.awsui_drawer-expanded_12i0j_dwl5h_242:not(#\9) {
   grid-template-columns: 1fr;
 }
-.awsui_drawer_12i0j_145am_193.awsui_ai-drawer_12i0j_145am_221.awsui_drawer-expanded_12i0j_145am_242 > .awsui_drawer-content-container_12i0j_145am_270:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_ai-drawer_12i0j_dwl5h_221.awsui_drawer-expanded_12i0j_dwl5h_242 > .awsui_drawer-content-container_12i0j_dwl5h_270:not(#\9) {
   border-start-end-radius: 0;
 }
-.awsui_drawer_12i0j_145am_193.awsui_bottom-drawer_12i0j_145am_221:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_bottom-drawer_12i0j_dwl5h_221:not(#\9) {
   display: block;
   inline-size: 100%;
   block-size: var(--awsui-bottom-drawer-size-c5ek4l);
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_145am_193.awsui_bottom-drawer_12i0j_145am_221:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_bottom-drawer_12i0j_dwl5h_221:not(#\9) {
     block-size: 100%;
   }
-  .awsui_drawer_12i0j_145am_193.awsui_bottom-drawer_12i0j_145am_221.awsui_last-opened_12i0j_145am_229:not(#\9) {
+  .awsui_drawer_12i0j_dwl5h_193.awsui_bottom-drawer_12i0j_dwl5h_221.awsui_last-opened_12i0j_dwl5h_229:not(#\9) {
     z-index: 1001;
   }
 }
-.awsui_drawer_12i0j_145am_193.awsui_bottom-drawer_12i0j_145am_221.awsui_drawer-hidden_12i0j_145am_246:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_bottom-drawer_12i0j_dwl5h_221.awsui_drawer-hidden_12i0j_dwl5h_246:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_145am_193.awsui_bottom-drawer_12i0j_145am_221 > .awsui_global-drawer-wrapper_12i0j_145am_256:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_bottom-drawer_12i0j_dwl5h_221 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256:not(#\9) {
   display: block;
 }
-.awsui_drawer_12i0j_145am_193.awsui_bottom-drawer_12i0j_145am_221 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-gap_12i0j_145am_273:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_bottom-drawer_12i0j_dwl5h_221 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-gap_12i0j_dwl5h_273:not(#\9) {
   block-size: 8px;
   inline-size: 100%;
   border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   box-sizing: content-box;
 }
-.awsui_drawer_12i0j_145am_193.awsui_bottom-drawer_12i0j_145am_221 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-slider_12i0j_145am_312:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_bottom-drawer_12i0j_dwl5h_221 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-slider_12i0j_dwl5h_312:not(#\9) {
   block-size: auto;
   justify-content: center;
 }
-.awsui_drawer_12i0j_145am_193.awsui_bottom-drawer_12i0j_145am_221 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_bottom-drawer-content-header_12i0j_145am_646:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_bottom-drawer_12i0j_dwl5h_221 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_bottom-drawer-content-header_12i0j_dwl5h_646:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   inset-block-start: 0;
   box-sizing: border-box;
 }
-.awsui_drawer_12i0j_145am_193.awsui_bottom-drawer_12i0j_145am_221 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_bottom-drawer-content-header_12i0j_145am_646 > .awsui_bottom-drawer-content-header-content_12i0j_145am_653:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_bottom-drawer_12i0j_dwl5h_221 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_bottom-drawer-content-header_12i0j_dwl5h_646 > .awsui_bottom-drawer-content-header-content_12i0j_dwl5h_653:not(#\9) {
   display: flex;
   flex: 1;
   align-items: center;
@@ -658,10 +658,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   padding-inline-end: var(--space-m-n2lypl, 16px);
 }
-.awsui_drawer_12i0j_145am_193.awsui_bottom-drawer_12i0j_145am_221 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_bottom-drawer-content-header_12i0j_145am_646 > .awsui_bottom-drawer-content-header-content_12i0j_145am_653 > .awsui_bottom-drawer-actions_12i0j_145am_661:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_bottom-drawer_12i0j_dwl5h_221 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_bottom-drawer-content-header_12i0j_dwl5h_646 > .awsui_bottom-drawer-content-header-content_12i0j_dwl5h_653 > .awsui_bottom-drawer-actions_12i0j_dwl5h_661:not(#\9) {
   display: flex;
 }
-.awsui_drawer_12i0j_145am_193.awsui_bottom-drawer_12i0j_145am_221 > .awsui_global-drawer-wrapper_12i0j_145am_256 > .awsui_drawer-content-container_12i0j_145am_270:not(#\9) {
+.awsui_drawer_12i0j_dwl5h_193.awsui_bottom-drawer_12i0j_dwl5h_221 > .awsui_global-drawer-wrapper_12i0j_dwl5h_256 > .awsui_drawer-content-container_12i0j_dwl5h_270:not(#\9) {
   grid-template-columns: 1fr;
   grid-template-rows: auto;
+}
+.awsui_runtime-feature-notifications-drawer-content_12i0j_dwl5h_669:not(#\9) {
+  border-block-start: 1px solid var(--color-border-divider-default-ipvpev, #eaeded);
+}
+.awsui_runtime-feature-notifications-footer_12i0j_dwl5h_673:not(#\9) {
+  border-block-start: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-divider-secondary-4wvr5g, #eaeded);
 }

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

@@ -2,35 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_12i0j_145am_193",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_145am_207",
-  "legacy": "awsui_legacy_12i0j_145am_221",
-  "ai-drawer": "awsui_ai-drawer_12i0j_145am_221",
-  "bottom-drawer": "awsui_bottom-drawer_12i0j_145am_221",
-  "last-opened": "awsui_last-opened_12i0j_145am_229",
-  "drawer-global": "awsui_drawer-global_12i0j_145am_233",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_145am_242",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_145am_246",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_145am_256",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_145am_256",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_145am_270",
-  "drawer-gap": "awsui_drawer-gap_12i0j_145am_273",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_145am_291",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_145am_297",
-  "drawer-content": "awsui_drawer-content_12i0j_145am_270",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_145am_309",
-  "drawer-slider": "awsui_drawer-slider_12i0j_145am_312",
-  "drawer-actions": "awsui_drawer-actions_12i0j_145am_364",
-  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_145am_421",
-  "drawer-content-header": "awsui_drawer-content-header_12i0j_145am_440",
-  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_145am_453",
-  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_145am_470",
-  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_145am_509",
-  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_145am_509",
-  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_145am_582",
-  "drawer-content-content": "awsui_drawer-content-content_12i0j_145am_588",
-  "bottom-drawer-content-header": "awsui_bottom-drawer-content-header_12i0j_145am_646",
-  "bottom-drawer-content-header-content": "awsui_bottom-drawer-content-header-content_12i0j_145am_653",
-  "bottom-drawer-actions": "awsui_bottom-drawer-actions_12i0j_145am_661"
+  "drawer": "awsui_drawer_12i0j_dwl5h_193",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_dwl5h_207",
+  "legacy": "awsui_legacy_12i0j_dwl5h_221",
+  "ai-drawer": "awsui_ai-drawer_12i0j_dwl5h_221",
+  "bottom-drawer": "awsui_bottom-drawer_12i0j_dwl5h_221",
+  "last-opened": "awsui_last-opened_12i0j_dwl5h_229",
+  "drawer-global": "awsui_drawer-global_12i0j_dwl5h_233",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_dwl5h_242",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_dwl5h_246",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_dwl5h_256",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_dwl5h_256",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_dwl5h_270",
+  "drawer-gap": "awsui_drawer-gap_12i0j_dwl5h_273",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_dwl5h_291",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_dwl5h_297",
+  "drawer-content": "awsui_drawer-content_12i0j_dwl5h_270",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_dwl5h_309",
+  "drawer-slider": "awsui_drawer-slider_12i0j_dwl5h_312",
+  "drawer-actions": "awsui_drawer-actions_12i0j_dwl5h_364",
+  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_dwl5h_421",
+  "drawer-content-header": "awsui_drawer-content-header_12i0j_dwl5h_440",
+  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_dwl5h_453",
+  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_dwl5h_470",
+  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_dwl5h_509",
+  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_dwl5h_509",
+  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_dwl5h_582",
+  "drawer-content-content": "awsui_drawer-content-content_12i0j_dwl5h_588",
+  "bottom-drawer-content-header": "awsui_bottom-drawer-content-header_12i0j_dwl5h_646",
+  "bottom-drawer-content-header-content": "awsui_bottom-drawer-content-header-content_12i0j_dwl5h_653",
+  "bottom-drawer-actions": "awsui_bottom-drawer-actions_12i0j_dwl5h_661",
+  "runtime-feature-notifications-drawer-content": "awsui_runtime-feature-notifications-drawer-content_12i0j_dwl5h_669",
+  "runtime-feature-notifications-footer": "awsui_runtime-feature-notifications-footer_12i0j_dwl5h_673"
 };

package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts CHANGED Viewed

@@ -10,6 +10,7 @@ import { OnChangeParams } from '../utils/use-drawers';
 import { FocusControlMultipleStates, FocusControlState } from '../utils/use-focus-control';
 import { SplitPanelFocusControlState } from '../utils/use-split-panel-focus-control';
 import { VerticalLayoutOutput } from './compute-layout';
+import { FeatureNotificationsProps } from './state/use-feature-notifications';
 export interface AppLayoutInternalProps extends AppLayoutPropsWithDefaults {
     navigationTriggerHide?: boolean;
 }
@@ -106,6 +107,7 @@ export interface AppLayoutWidgetizedState extends AppLayoutInternals {
         size: number;
     }) => void;
     bottomDrawers: ReadonlyArray<InternalDrawer>;
+    featureNotificationsProps?: FeatureNotificationsProps;
 }
 export interface AppLayoutState {
     rootRef: React.Ref<HTMLElement>;