@cloudscape-design/components-themeable 3.0.1084 → 3.0.1085

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

@@ -186,7 +186,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_drawer_12i0j_1p7n9_189:not(#\9) {
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_drawer_12i0j_1e1qs_193:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-aemn43, #ffffff);
@@ -200,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_1p7n9_189.awsui_with-expanded-motion_12i0j_1p7n9_203:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193.awsui_with-expanded-motion_12i0j_1e1qs_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)), 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_1p7n9_189.awsui_with-expanded-motion_12i0j_1p7n9_203:not(#\9) {
+  .awsui_drawer_12i0j_1e1qs_193.awsui_with-expanded-motion_12i0j_1e1qs_207:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_12i0j_1p7n9_189.awsui_with-expanded-motion_12i0j_1p7n9_203:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_1p7n9_189.awsui_with-expanded-motion_12i0j_1p7n9_203:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_12i0j_1e1qs_193.awsui_with-expanded-motion_12i0j_1e1qs_207:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_1e1qs_193.awsui_with-expanded-motion_12i0j_1e1qs_207:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_1p7n9_189:not(#\9):not(.awsui_legacy_12i0j_1p7n9_217) {
+  .awsui_drawer_12i0j_1e1qs_193:not(#\9):not(.awsui_legacy_12i0j_1e1qs_221):not(.awsui_ai-drawer_12i0j_1e1qs_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_1p7n9_189:not(#\9) {
+  .awsui_drawer_12i0j_1e1qs_193:not(#\9) {
     inline-size: 100%;
   }
-  .awsui_drawer_12i0j_1p7n9_189.awsui_last-opened_12i0j_1p7n9_225:not(#\9) {
+  .awsui_drawer_12i0j_1e1qs_193.awsui_last-opened_12i0j_1e1qs_229:not(#\9) {
     z-index: 1001;
   }
 }
-.awsui_drawer_12i0j_1p7n9_189.awsui_drawer-global_12i0j_1p7n9_229:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193.awsui_drawer-global_12i0j_1e1qs_233:not(#\9) {
   display: block;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_1p7n9_189.awsui_drawer-global_12i0j_1p7n9_229:not(#\9) {
+  .awsui_drawer_12i0j_1e1qs_193.awsui_drawer-global_12i0j_1e1qs_233:not(#\9) {
     inline-size: var(--awsui-drawer-size-kiajpc);
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_1p7n9_189.awsui_drawer-global_12i0j_1p7n9_229:not(#\9):not(.awsui_last-opened_12i0j_1p7n9_225):not(.awsui_drawer-expanded_12i0j_1p7n9_238) {
+  .awsui_drawer_12i0j_1e1qs_193.awsui_drawer-global_12i0j_1e1qs_233:not(#\9):not(.awsui_last-opened_12i0j_1e1qs_229):not(.awsui_drawer-expanded_12i0j_1e1qs_242) {
     display: none;
   }
 }
-.awsui_drawer_12i0j_1p7n9_189.awsui_drawer-hidden_12i0j_1p7n9_242:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193.awsui_drawer-hidden_12i0j_1e1qs_246:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_1p7n9_189.awsui_drawer-expanded_12i0j_1p7n9_238:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193.awsui_drawer-expanded_12i0j_1e1qs_242:not(#\9) {
   inline-size: 100%;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_1p7n9_189.awsui_drawer-expanded_12i0j_1p7n9_238:not(#\9) {
+  .awsui_drawer_12i0j_1e1qs_193.awsui_drawer-expanded_12i0j_1e1qs_242:not(#\9) {
     border-inline-start: none;
   }
-  .awsui_drawer_12i0j_1p7n9_189.awsui_drawer-expanded_12i0j_1p7n9_238.awsui_has-next-siblings_12i0j_1p7n9_252 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252:not(#\9):after {
+  .awsui_drawer_12i0j_1e1qs_193.awsui_drawer-expanded_12i0j_1e1qs_242.awsui_has-next-siblings_12i0j_1e1qs_256 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256:not(#\9):after {
     content: "";
     position: absolute;
     block-size: 100%;
@@ -259,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_1p7n9_189.awsui_drawer-expanded_12i0j_1p7n9_238 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252:not(#\9) {
+  .awsui_drawer_12i0j_1e1qs_193.awsui_drawer-expanded_12i0j_1e1qs_242 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256:not(#\9) {
     inline-size: 100%;
     grid-template-columns: 8px 1fr;
   }
-  .awsui_drawer_12i0j_1p7n9_189.awsui_drawer-expanded_12i0j_1p7n9_238 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252 > .awsui_drawer-content-container_12i0j_1p7n9_266:not(#\9) {
+  .awsui_drawer_12i0j_1e1qs_193.awsui_drawer-expanded_12i0j_1e1qs_242 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256 > .awsui_drawer-content-container_12i0j_1e1qs_270:not(#\9) {
     grid-column: 2;
   }
-  .awsui_drawer_12i0j_1p7n9_189.awsui_drawer-expanded_12i0j_1p7n9_238 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252 > .awsui_drawer-gap_12i0j_1p7n9_269:not(#\9) {
+  .awsui_drawer_12i0j_1e1qs_193.awsui_drawer-expanded_12i0j_1e1qs_242 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256 > .awsui_drawer-gap_12i0j_1e1qs_273:not(#\9) {
     grid-column: 1;
     grid-row: 1;
     block-size: 100%;
@@ -275,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_1p7n9_189 > .awsui_drawer-content-container_12i0j_1p7n9_266:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_drawer-content-container_12i0j_1e1qs_270:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 1;
   display: grid;
@@ -284,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-kiajpc);
 }
-.awsui_drawer_12i0j_1p7n9_189 > .awsui_drawer-content-container_12i0j_1p7n9_266 > .awsui_drawer-close-button_12i0j_1p7n9_287:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-close-button_12i0j_1e1qs_291:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
   align-self: start;
 }
-.awsui_drawer_12i0j_1p7n9_189 > .awsui_drawer-content-container_12i0j_1p7n9_266 > .awsui_drawer-expanded-mode-button_12i0j_1p7n9_293:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-expanded-mode-button_12i0j_1e1qs_297:not(#\9) {
   grid-column: 2;
   grid-row: 2;
   z-index: 1;
@@ -298,32 +302,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   justify-content: flex-end;
 }
-.awsui_drawer_12i0j_1p7n9_189 > .awsui_drawer-content-container_12i0j_1p7n9_266 > .awsui_drawer-content_12i0j_1p7n9_266:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_1p7n9_189 > .awsui_drawer-content-container_12i0j_1p7n9_266 > .awsui_drawer-content_12i0j_1p7n9_266.awsui_drawer-content-hidden_12i0j_1p7n9_305:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270.awsui_drawer-content-hidden_12i0j_1e1qs_309:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_1p7n9_189 > .awsui_drawer-slider_12i0j_1p7n9_308:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_drawer-slider_12i0j_1e1qs_312:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;
   display: flex;
   align-items: center;
 }
-.awsui_drawer_12i0j_1p7n9_189 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256:not(#\9) {
   display: grid;
   min-inline-size: var(--awsui-drawer-size-kiajpc);
   grid-template-columns: 8px var(--space-m-n2lypl, 16px) 1fr;
   overflow: hidden;
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_1p7n9_189 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252:not(#\9) {
+  .awsui_drawer_12i0j_1e1qs_193 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256:not(#\9) {
     grid-template-columns: 1fr;
   }
 }
-.awsui_drawer_12i0j_1p7n9_189 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252 > .awsui_drawer-gap_12i0j_1p7n9_269:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256 > .awsui_drawer-gap_12i0j_1e1qs_273:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;
@@ -332,13 +336,13 @@ 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_1p7n9_189 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252 > .awsui_drawer-slider_12i0j_1p7n9_308:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256 > .awsui_drawer-slider_12i0j_1e1qs_312:not(#\9) {
   grid-column: 2;
   grid-row: 1;
   display: flex;
   align-items: center;
 }
-.awsui_drawer_12i0j_1p7n9_189 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252 > .awsui_drawer-content-container_12i0j_1p7n9_266:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256 > .awsui_drawer-content-container_12i0j_1e1qs_270:not(#\9) {
   grid-row: 1;
   display: grid;
   grid-template-columns: var(--space-m-n2lypl, 16px) 1fr auto var(--space-m-n2lypl, 16px);
@@ -346,16 +350,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-y: auto;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_1p7n9_189 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252 > .awsui_drawer-content-container_12i0j_1p7n9_266:not(#\9) {
+  .awsui_drawer_12i0j_1e1qs_193 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256 > .awsui_drawer-content-container_12i0j_1e1qs_270:not(#\9) {
     grid-column: 2/span 2;
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_1p7n9_189 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252 > .awsui_drawer-content-container_12i0j_1p7n9_266:not(#\9) {
+  .awsui_drawer_12i0j_1e1qs_193 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256 > .awsui_drawer-content-container_12i0j_1e1qs_270:not(#\9) {
     grid-column: 1/span 2;
   }
 }
-.awsui_drawer_12i0j_1p7n9_189 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252 > .awsui_drawer-content-container_12i0j_1p7n9_266 > .awsui_drawer-actions_12i0j_1p7n9_358:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-actions_12i0j_1e1qs_362:not(#\9) {
   position: absolute;
   display: flex;
   inset-block-start: 0;
@@ -363,13 +367,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_1p7n9_189 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252 > .awsui_drawer-content-container_12i0j_1p7n9_266 > .awsui_drawer-close-button_12i0j_1p7n9_287:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-close-button_12i0j_1e1qs_291:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
   align-self: start;
 }
-.awsui_drawer_12i0j_1p7n9_189 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252 > .awsui_drawer-content-container_12i0j_1p7n9_266 > .awsui_drawer-expanded-mode-button_12i0j_1p7n9_293:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-expanded-mode-button_12i0j_1e1qs_297:not(#\9) {
   grid-column: 2;
   grid-row: 2;
   z-index: 1;
@@ -377,10 +381,199 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   justify-content: flex-end;
 }
-.awsui_drawer_12i0j_1p7n9_189 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252 > .awsui_drawer-content-container_12i0j_1p7n9_266 > .awsui_drawer-content_12i0j_1p7n9_266:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_1p7n9_189 > .awsui_global-drawer-wrapper_12i0j_1p7n9_252 > .awsui_drawer-content-container_12i0j_1p7n9_266 > .awsui_drawer-content_12i0j_1p7n9_266.awsui_drawer-content-hidden_12i0j_1p7n9_305:not(#\9) {
+.awsui_drawer_12i0j_1e1qs_193 > .awsui_global-drawer-wrapper_12i0j_1e1qs_256 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270.awsui_drawer-content-hidden_12i0j_1e1qs_309:not(#\9) {
   display: none;
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221:not(#\9) {
+  grid-template-columns: 1fr var(--space-xs-kw7k3v, 8px);
+  background: #161d26;
+}
+@media (max-width: 688px) {
+  .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221:not(#\9) {
+    grid-template-columns: 1fr;
+    z-index: 1001;
+  }
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-slider_12i0j_1e1qs_312:not(#\9) {
+  inline-size: var(--space-xs-kw7k3v, 8px);
+  overflow: hidden;
+  grid-column: 2;
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 .awsui_ai-drawer-slider-handle_12i0j_1e1qs_406:not(#\9) {
+  transform: translate(-4px);
+  color: var(--color-text-interactive-inverted-default-hyioba, #d5dbdb);
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 .awsui_ai-drawer-slider-handle_12i0j_1e1qs_406:not(#\9):hover {
+  stroke: var(--color-text-interactive-inverted-hover-p0x69h, #fafafa);
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270:not(#\9) {
+  min-inline-size: calc(var(--awsui-drawer-size-kiajpc) - 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_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270:not(#\9) {
+    border-start-end-radius: var(--space-xxs-jnczic, 4px);
+  }
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423:not(#\9) {
+  block-size: 41px;
+  position: sticky;
+  z-index: 1000;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  inset-block-start: 0;
+  background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
+  border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid;
+  border-image: linear-gradient(90deg, #962eff 0%, #5c7fff 30%, #09f 50%, #b8e7ff 70%, #8575ff 100%) 1;
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-content-header-content_12i0j_1e1qs_435:not(#\9) {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: space-between;
+  block-size: 100%;
+  padding-inline-start: var(--space-l-3cws6j, 20px);
+  padding-inline-end: var(--space-m-n2lypl, 16px);
+}
+@media (min-width: 689px) {
+  @media not print {
+    .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-content-header-content_12i0j_1e1qs_435:not(#\9) {
+      /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
+    }
+    .awsui-polaris-dark-mode .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-content-header-content_12i0j_1e1qs_435:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449), .awsui-dark-mode .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-content-header-content_12i0j_1e1qs_435:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449) {
+      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_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-content-header-content_12i0j_1e1qs_435 > .awsui_drawer-actions_12i0j_1e1qs_362:not(#\9) {
+  display: flex;
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449:not(#\9) {
+  position: relative;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  block-size: 100%;
+  padding-inline: var(--space-static-m-1cd7a5, 16px);
+  background-color: #161d26;
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449:not(#\9):before, .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449:not(#\9):after {
+  content: "";
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-start: -5px;
+  inline-size: 5px;
+  block-size: 5px;
+  background: #161d26;
+}
+@media not print {
+  .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449:not(#\9):before, .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449:not(#\9):after {
+    /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
+  }
+  .awsui-polaris-dark-mode .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449:not(#\9):before, .awsui-dark-mode .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449:not(#\9):before, .awsui-polaris-dark-mode .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449:not(#\9):after, .awsui-dark-mode .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449:not(#\9):after {
+    display: none;
+  }
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449: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_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1e1qs_488:not(#\9) {
+  position: relative;
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1e1qs_488:not(#\9):has(:focus-visible) {
+  position: relative;
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1e1qs_488:not(#\9):has(:focus-visible) {
+  outline: 2px dotted transparent;
+  outline-offset: calc(3px - 1px);
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1e1qs_488:not(#\9):has(:focus-visible)::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  inset-inline-start: calc(-1 * 3px);
+  inset-block-start: calc(-1 * 3px);
+  inline-size: calc(100% + 3px + 3px);
+  block-size: calc(100% + 3px + 3px);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  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_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1e1qs_488 > .awsui_drawer-back-to-console-button_12i0j_1e1qs_488:not(#\9) {
+  border-collapse: separate;
+  border-spacing: 0;
+  box-sizing: border-box;
+  caption-side: top;
+  cursor: auto;
+  direction: inherit;
+  empty-cells: show;
+  font-family: serif;
+  font-style: normal;
+  font-variant: normal;
+  font-stretch: normal;
+  hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: start;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  word-spacing: normal;
+  font-size: var(--font-size-body-m-vv54cm, 14px);
+  line-height: var(--line-height-body-m-bedeoh, 22px);
+  color: var(--color-text-body-default-5qid0u, #16191f);
+  font-weight: 400;
+  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+  min-inline-size: 0;
+  word-break: break-word;
+  font-size: var(--font-size-body-s-psgqn2, 12px);
+  line-height: var(--line-height-body-s-otgtsr, 16px);
+  letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
+  border-start-start-radius: var(--space-static-xxs-0cgyf1, 4px);
+  border-start-end-radius: var(--space-static-xxs-0cgyf1, 4px);
+  border-end-start-radius: var(--space-static-xxs-0cgyf1, 4px);
+  border-end-end-radius: var(--space-static-xxs-0cgyf1, 4px);
+  border-width: 0;
+  padding-inline: var(--space-static-xs-4gq40t, 8px);
+  padding-block: var(--space-static-xxs-0cgyf1, 4px);
+  background: radial-gradient(203.69% 159.19% at 95% -11.67%, #ffbb45 0%, #f90 30%, #fa6f00 60%);
+  color: #ffffff;
+  cursor: pointer;
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221 > .awsui_drawer-content-container_12i0j_1e1qs_270 > .awsui_drawer-content_12i0j_1e1qs_270 > .awsui_drawer-content-header_12i0j_1e1qs_423 > .awsui_drawer-back-to-console-slot_12i0j_1e1qs_449 > .awsui_drawer-back-to-console-button-wrapper_12i0j_1e1qs_488 > .awsui_drawer-back-to-console-button_12i0j_1e1qs_488:not(#\9):focus {
+  outline: none;
+}
+@media (min-width: 689px) {
+  .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1e1qs_242) > .awsui_drawer-content-container_12i0j_1e1qs_270 {
+    clip-path: inset(0 0 0 -9999px round var(--space-xxs-jnczic, 4px));
+  }
+  @media not print {
+    .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1e1qs_242) > .awsui_drawer-content-container_12i0j_1e1qs_270 {
+      /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
+    }
+    .awsui-polaris-dark-mode .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1e1qs_242) > .awsui_drawer-content-container_12i0j_1e1qs_270, .awsui-dark-mode .awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221:not(#\9):not(.awsui_drawer-expanded_12i0j_1e1qs_242) > .awsui_drawer-content-container_12i0j_1e1qs_270 {
+      border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
+    }
+  }
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221.awsui_drawer-expanded_12i0j_1e1qs_242:not(#\9) {
+  grid-template-columns: 1fr;
+}
+.awsui_drawer_12i0j_1e1qs_193.awsui_ai-drawer_12i0j_1e1qs_221.awsui_drawer-expanded_12i0j_1e1qs_242 > .awsui_drawer-content-container_12i0j_1e1qs_270:not(#\9) {
+  border-start-end-radius: 0;
 }

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

@@ -2,22 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_12i0j_1p7n9_189",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1p7n9_203",
-  "legacy": "awsui_legacy_12i0j_1p7n9_217",
-  "last-opened": "awsui_last-opened_12i0j_1p7n9_225",
-  "drawer-global": "awsui_drawer-global_12i0j_1p7n9_229",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_1p7n9_238",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_1p7n9_242",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_1p7n9_252",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1p7n9_252",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_1p7n9_266",
-  "drawer-gap": "awsui_drawer-gap_12i0j_1p7n9_269",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_1p7n9_287",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1p7n9_293",
-  "drawer-content": "awsui_drawer-content_12i0j_1p7n9_266",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1p7n9_305",
-  "drawer-slider": "awsui_drawer-slider_12i0j_1p7n9_308",
-  "drawer-actions": "awsui_drawer-actions_12i0j_1p7n9_358"
+  "drawer": "awsui_drawer_12i0j_1e1qs_193",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1e1qs_207",
+  "legacy": "awsui_legacy_12i0j_1e1qs_221",
+  "ai-drawer": "awsui_ai-drawer_12i0j_1e1qs_221",
+  "last-opened": "awsui_last-opened_12i0j_1e1qs_229",
+  "drawer-global": "awsui_drawer-global_12i0j_1e1qs_233",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_1e1qs_242",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_1e1qs_246",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_1e1qs_256",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1e1qs_256",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_1e1qs_270",
+  "drawer-gap": "awsui_drawer-gap_12i0j_1e1qs_273",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_1e1qs_291",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1e1qs_297",
+  "drawer-content": "awsui_drawer-content_12i0j_1e1qs_270",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1e1qs_309",
+  "drawer-slider": "awsui_drawer-slider_12i0j_1e1qs_312",
+  "drawer-actions": "awsui_drawer-actions_12i0j_1e1qs_362",
+  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1e1qs_406",
+  "drawer-content-header": "awsui_drawer-content-header_12i0j_1e1qs_423",
+  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1e1qs_435",
+  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1e1qs_449",
+  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1e1qs_488",
+  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1e1qs_488"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/use-resize.d.ts

@@ -6,8 +6,9 @@ interface ResizeProps {
     panelRef: React.RefObject<HTMLDivElement>;
     handleRef: React.RefObject<HTMLDivElement>;
     onResize: (newWidth: number) => void;
+    position?: 'side-start' | 'side';
 }
-export declare function useResize({ currentWidth, minWidth, maxWidth, panelRef, handleRef, onResize }: ResizeProps): {
+export declare function useResize({ currentWidth, minWidth, maxWidth, panelRef, handleRef, onResize, position }: ResizeProps): {
     onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
     onDirectionClick: (direction: import("../../../internal/components/drag-handle-wrapper/interfaces").Direction) => void;
     onPointerDown: () => void;

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/use-resize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-resize.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/use-resize.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,SAAS,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,WAAW;;;;;EAuBzG"}
+{"version":3,"file":"use-resize.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/use-resize.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;CAClC;AAED,wBAAgB,SAAS,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,WAAW;;;;;EAuBnH"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/use-resize.js

@@ -1,7 +1,7 @@
 import { getLimitedValue } from '../../../split-panel/utils/size-utils';
 import { useKeyboardEvents } from '../../utils/use-keyboard-events';
 import { usePointerEvents } from '../../utils/use-pointer-events';
-export function useResize({ currentWidth, minWidth, maxWidth, panelRef, handleRef, onResize }) {
+export function useResize({ currentWidth, minWidth, maxWidth, panelRef, handleRef, onResize, position }) {
     const onResizeHandler = (newWidth) => {
         const size = getLimitedValue(minWidth, newWidth, maxWidth);
         if (maxWidth >= minWidth) {
@@ -9,7 +9,7 @@ export function useResize({ currentWidth, minWidth, maxWidth, panelRef, handleRe
         }
     };
     const sizeControlProps = {
-        position: 'side',
+        position: position !== null && position !== void 0 ? position : 'side',
         panelRef,
         handleRef,
         onResize: onResizeHandler,

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/use-resize.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-resize.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/use-resize.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAWlE,MAAM,UAAU,SAAS,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAe;IACxG,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC3C,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAE3D,IAAI,QAAQ,IAAI,QAAQ,EAAE;YACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAqB;QACzC,QAAQ,EAAE,MAAM;QAChB,QAAQ;QACR,SAAS;QACT,QAAQ,EAAE,eAAe;KAC1B,CAAC;IAEF,MAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,CAAC,CAAC,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,GAAG,CAAC;IAE/E,MAAM,aAAa,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACzD,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAE5E,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;AACtE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { getLimitedValue } from '../../../split-panel/utils/size-utils';\nimport { SizeControlProps } from '../../utils/interfaces';\nimport { useKeyboardEvents } from '../../utils/use-keyboard-events';\nimport { usePointerEvents } from '../../utils/use-pointer-events';\n\ninterface ResizeProps {\n  currentWidth: number;\n  minWidth: number;\n  maxWidth: number;\n  panelRef: React.RefObject<HTMLDivElement>;\n  handleRef: React.RefObject<HTMLDivElement>;\n  onResize: (newWidth: number) => void;\n}\n\nexport function useResize({ currentWidth, minWidth, maxWidth, panelRef, handleRef, onResize }: ResizeProps) {\n  const onResizeHandler = (newWidth: number) => {\n    const size = getLimitedValue(minWidth, newWidth, maxWidth);\n\n    if (maxWidth >= minWidth) {\n      onResize(size);\n    }\n  };\n\n  const sizeControlProps: SizeControlProps = {\n    position: 'side',\n    panelRef,\n    handleRef,\n    onResize: onResizeHandler,\n  };\n\n  const clampedWidth = getLimitedValue(minWidth, currentWidth, maxWidth);\n  const relativeSize = ((clampedWidth - minWidth) / (maxWidth - minWidth)) * 100;\n\n  const onPointerDown = usePointerEvents(sizeControlProps);\n  const { onKeyDown, onDirectionClick } = useKeyboardEvents(sizeControlProps);\n\n  return { onKeyDown, onDirectionClick, onPointerDown, relativeSize };\n}\n"]}
+{"version":3,"file":"use-resize.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/drawer/use-resize.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAYlE,MAAM,UAAU,SAAS,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAe;IAClH,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC3C,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAE3D,IAAI,QAAQ,IAAI,QAAQ,EAAE;YACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAqB;QACzC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,MAAM;QAC5B,QAAQ;QACR,SAAS;QACT,QAAQ,EAAE,eAAe;KAC1B,CAAC;IAEF,MAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,CAAC,CAAC,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,GAAG,CAAC;IAE/E,MAAM,aAAa,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACzD,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAE5E,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;AACtE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { getLimitedValue } from '../../../split-panel/utils/size-utils';\nimport { SizeControlProps } from '../../utils/interfaces';\nimport { useKeyboardEvents } from '../../utils/use-keyboard-events';\nimport { usePointerEvents } from '../../utils/use-pointer-events';\n\ninterface ResizeProps {\n  currentWidth: number;\n  minWidth: number;\n  maxWidth: number;\n  panelRef: React.RefObject<HTMLDivElement>;\n  handleRef: React.RefObject<HTMLDivElement>;\n  onResize: (newWidth: number) => void;\n  position?: 'side-start' | 'side';\n}\n\nexport function useResize({ currentWidth, minWidth, maxWidth, panelRef, handleRef, onResize, position }: ResizeProps) {\n  const onResizeHandler = (newWidth: number) => {\n    const size = getLimitedValue(minWidth, newWidth, maxWidth);\n\n    if (maxWidth >= minWidth) {\n      onResize(size);\n    }\n  };\n\n  const sizeControlProps: SizeControlProps = {\n    position: position ?? 'side',\n    panelRef,\n    handleRef,\n    onResize: onResizeHandler,\n  };\n\n  const clampedWidth = getLimitedValue(minWidth, currentWidth, maxWidth);\n  const relativeSize = ((clampedWidth - minWidth) / (maxWidth - minWidth)) * 100;\n\n  const onPointerDown = usePointerEvents(sizeControlProps);\n  const { onKeyDown, onDirectionClick } = useKeyboardEvents(sizeControlProps);\n\n  return { onKeyDown, onDirectionClick, onPointerDown, relativeSize };\n}\n"]}

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

@@ -16,7 +16,9 @@ export type InternalDrawer = AppLayoutProps.Drawer & {
     isExpandable?: boolean;
     ariaLabels: AppLayoutProps.Drawer['ariaLabels'] & {
         expandedModeButton?: string;
+        exitExpandedModeButton?: string;
     };
+    header?: React.ReactNode;
 };
 export interface AppLayoutInternals {
     ariaLabels: AppLayoutPropsWithDefaults['ariaLabels'];
@@ -64,11 +66,21 @@ export interface AppLayoutInternals {
     splitPanelAnimationDisabled?: boolean;
     expandedDrawerId: string | null;
     setExpandedDrawerId: (value: string | null) => void;
+    aiDrawer?: InternalDrawer | null;
+    onActiveAiDrawerChange?: (newDrawerId: string | null, params?: OnChangeParams) => void;
+    activeAiDrawer?: InternalDrawer | null;
+    activeAiDrawerId: string | null;
+    activeAiDrawerSize?: number;
+    minAiDrawerSize?: number;
+    maxAiDrawerSize?: number;
+    aiDrawerFocusControl?: FocusControlState;
+    onActiveAiDrawerResize: (size: number) => void;
 }
 interface AppLayoutWidgetizedState extends AppLayoutInternals {
     isNested: boolean;
     verticalOffsets: VerticalLayoutOutput;
     navigationAnimationDisabled: boolean;
+    aiDrawerExpandedMode: boolean;
     splitPanelOffsets: {
         stickyVerticalBottomOffset: number;
         mainContentPaddingBlockEnd: number | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/interfaces.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\n\nimport { BreadcrumbGroupProps } from '../../breadcrumb-group/interfaces';\nimport { SplitPanelSideToggleProps } from '../../internal/context/split-panel-context';\nimport { SomeOptional } from '../../internal/types';\nimport { AppLayoutProps, AppLayoutPropsWithDefaults } from '../interfaces';\nimport { SplitPanelProviderProps } from '../split-panel';\nimport { OnChangeParams } from '../utils/use-drawers';\nimport { FocusControlMultipleStates, FocusControlState } from '../utils/use-focus-control';\nimport { SplitPanelFocusControlState } from '../utils/use-split-panel-focus-control';\nimport { VerticalLayoutOutput } from './compute-layout';\n\nexport interface AppLayoutInternalProps extends AppLayoutPropsWithDefaults {\n  navigationTriggerHide?: boolean;\n}\n\nexport type InternalDrawer = AppLayoutProps.Drawer & {\n  defaultActive?: boolean;\n  isExpandable?: boolean;\n  ariaLabels: AppLayoutProps.Drawer['ariaLabels'] & { expandedModeButton?: string };\n};\n\n// Widgetization notice: structures in this file are shared multiple app layout instances, possibly different minor versions.\n// Treat these structures as an API and do not make incompatible changes.\n// Legacy widget interface\nexport interface AppLayoutInternals {\n  ariaLabels: AppLayoutPropsWithDefaults['ariaLabels'];\n  headerVariant: AppLayoutPropsWithDefaults['headerVariant'];\n  placement: AppLayoutPropsWithDefaults['placement'];\n  navigationOpen: AppLayoutPropsWithDefaults['navigationOpen'];\n  navigationFocusControl: FocusControlState;\n  navigation: React.ReactNode;\n  splitPanelPosition: AppLayoutProps.SplitPanelPreferences['position'];\n  splitPanelOpen: boolean;\n  splitPanelControlId: string;\n  splitPanelFocusControl: SplitPanelFocusControlState;\n  splitPanelToggleConfig: SplitPanelSideToggleProps;\n  isMobile: boolean;\n  activeDrawer: InternalDrawer | undefined;\n  activeDrawerSize: number;\n  minDrawerSize: number;\n  maxDrawerSize: number;\n  minGlobalDrawersSizes: Record<string, number>;\n  maxGlobalDrawersSizes: Record<string, number>;\n  drawers: ReadonlyArray<InternalDrawer>;\n  drawersFocusControl: FocusControlState;\n  globalDrawersFocusControl: FocusControlMultipleStates;\n  activeGlobalDrawersIds: ReadonlyArray<string>;\n  activeGlobalDrawers: ReadonlyArray<InternalDrawer>;\n  globalDrawers: ReadonlyArray<InternalDrawer>;\n  activeGlobalDrawersSizes: Record<string, number>;\n  stickyNotifications: AppLayoutPropsWithDefaults['stickyNotifications'];\n  breadcrumbs: React.ReactNode;\n  discoveredBreadcrumbs: BreadcrumbGroupProps | null;\n  toolbarState: 'show' | 'hide';\n  setToolbarState: (state: 'show' | 'hide') => void;\n  verticalOffsets: VerticalLayoutOutput;\n  drawersOpenQueue: ReadonlyArray<string>;\n  setNotificationsHeight: (height: number) => void;\n  setToolbarHeight: (height: number) => void;\n  onSplitPanelToggle: () => void;\n  onNavigationToggle: (open: boolean) => void;\n  onActiveDrawerChange: (newDrawerId: string | null, params: OnChangeParams) => void;\n  onActiveDrawerResize: (detail: { id: string; size: number }) => void;\n  onActiveGlobalDrawersChange: (newDrawerId: string, params: OnChangeParams) => void;\n  splitPanelAnimationDisabled?: boolean;\n  expandedDrawerId: string | null;\n  setExpandedDrawerId: (value: string | null) => void;\n}\n\ninterface AppLayoutWidgetizedState extends AppLayoutInternals {\n  isNested: boolean;\n  verticalOffsets: VerticalLayoutOutput;\n  navigationAnimationDisabled: boolean;\n  splitPanelOffsets: {\n    stickyVerticalBottomOffset: number;\n    mainContentPaddingBlockEnd: number | undefined;\n  };\n}\n\n// New widget interface\nexport interface AppLayoutState {\n  rootRef: React.Ref<HTMLElement>;\n  isIntersecting: boolean;\n  // new state management\n  widgetizedState: AppLayoutWidgetizedState;\n  // the old object shape for backward compatibility\n  appLayoutInternals: AppLayoutInternals;\n  splitPanelInternals: SplitPanelProviderProps;\n}\n\nexport type AppLayoutPendingState = SomeOptional<\n  AppLayoutState,\n  'appLayoutInternals' | 'splitPanelInternals' | 'widgetizedState' | 'rootRef'\n>;\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\n\nimport { BreadcrumbGroupProps } from '../../breadcrumb-group/interfaces';\nimport { SplitPanelSideToggleProps } from '../../internal/context/split-panel-context';\nimport { SomeOptional } from '../../internal/types';\nimport { AppLayoutProps, AppLayoutPropsWithDefaults } from '../interfaces';\nimport { SplitPanelProviderProps } from '../split-panel';\nimport { OnChangeParams } from '../utils/use-drawers';\nimport { FocusControlMultipleStates, FocusControlState } from '../utils/use-focus-control';\nimport { SplitPanelFocusControlState } from '../utils/use-split-panel-focus-control';\nimport { VerticalLayoutOutput } from './compute-layout';\n\nexport interface AppLayoutInternalProps extends AppLayoutPropsWithDefaults {\n  navigationTriggerHide?: boolean;\n}\n\nexport type InternalDrawer = AppLayoutProps.Drawer & {\n  defaultActive?: boolean;\n  isExpandable?: boolean;\n  ariaLabels: AppLayoutProps.Drawer['ariaLabels'] & { expandedModeButton?: string; exitExpandedModeButton?: string };\n  header?: React.ReactNode;\n};\n\n// Widgetization notice: structures in this file are shared multiple app layout instances, possibly different minor versions.\n// Treat these structures as an API and do not make incompatible changes.\n// Legacy widget interface\nexport interface AppLayoutInternals {\n  ariaLabels: AppLayoutPropsWithDefaults['ariaLabels'];\n  headerVariant: AppLayoutPropsWithDefaults['headerVariant'];\n  placement: AppLayoutPropsWithDefaults['placement'];\n  navigationOpen: AppLayoutPropsWithDefaults['navigationOpen'];\n  navigationFocusControl: FocusControlState;\n  navigation: React.ReactNode;\n  splitPanelPosition: AppLayoutProps.SplitPanelPreferences['position'];\n  splitPanelOpen: boolean;\n  splitPanelControlId: string;\n  splitPanelFocusControl: SplitPanelFocusControlState;\n  splitPanelToggleConfig: SplitPanelSideToggleProps;\n  isMobile: boolean;\n  activeDrawer: InternalDrawer | undefined;\n  activeDrawerSize: number;\n  minDrawerSize: number;\n  maxDrawerSize: number;\n  minGlobalDrawersSizes: Record<string, number>;\n  maxGlobalDrawersSizes: Record<string, number>;\n  drawers: ReadonlyArray<InternalDrawer>;\n  drawersFocusControl: FocusControlState;\n  globalDrawersFocusControl: FocusControlMultipleStates;\n  activeGlobalDrawersIds: ReadonlyArray<string>;\n  activeGlobalDrawers: ReadonlyArray<InternalDrawer>;\n  globalDrawers: ReadonlyArray<InternalDrawer>;\n  activeGlobalDrawersSizes: Record<string, number>;\n  stickyNotifications: AppLayoutPropsWithDefaults['stickyNotifications'];\n  breadcrumbs: React.ReactNode;\n  discoveredBreadcrumbs: BreadcrumbGroupProps | null;\n  toolbarState: 'show' | 'hide';\n  setToolbarState: (state: 'show' | 'hide') => void;\n  verticalOffsets: VerticalLayoutOutput;\n  drawersOpenQueue: ReadonlyArray<string>;\n  setNotificationsHeight: (height: number) => void;\n  setToolbarHeight: (height: number) => void;\n  onSplitPanelToggle: () => void;\n  onNavigationToggle: (open: boolean) => void;\n  onActiveDrawerChange: (newDrawerId: string | null, params: OnChangeParams) => void;\n  onActiveDrawerResize: (detail: { id: string; size: number }) => void;\n  onActiveGlobalDrawersChange: (newDrawerId: string, params: OnChangeParams) => void;\n  splitPanelAnimationDisabled?: boolean;\n  expandedDrawerId: string | null;\n  setExpandedDrawerId: (value: string | null) => void;\n  aiDrawer?: InternalDrawer | null;\n  onActiveAiDrawerChange?: (newDrawerId: string | null, params?: OnChangeParams) => void;\n  activeAiDrawer?: InternalDrawer | null;\n  activeAiDrawerId: string | null;\n  activeAiDrawerSize?: number;\n  minAiDrawerSize?: number;\n  maxAiDrawerSize?: number;\n  aiDrawerFocusControl?: FocusControlState;\n  onActiveAiDrawerResize: (size: number) => void;\n}\n\ninterface AppLayoutWidgetizedState extends AppLayoutInternals {\n  isNested: boolean;\n  verticalOffsets: VerticalLayoutOutput;\n  navigationAnimationDisabled: boolean;\n  aiDrawerExpandedMode: boolean;\n  splitPanelOffsets: {\n    stickyVerticalBottomOffset: number;\n    mainContentPaddingBlockEnd: number | undefined;\n  };\n}\n\n// New widget interface\nexport interface AppLayoutState {\n  rootRef: React.Ref<HTMLElement>;\n  isIntersecting: boolean;\n  // new state management\n  widgetizedState: AppLayoutWidgetizedState;\n  // the old object shape for backward compatibility\n  appLayoutInternals: AppLayoutInternals;\n  splitPanelInternals: SplitPanelProviderProps;\n}\n\nexport type AppLayoutPendingState = SomeOptional<\n  AppLayoutState,\n  'appLayoutInternals' | 'splitPanelInternals' | 'widgetizedState' | 'rootRef'\n>;\n"]}