@cloudscape-design/components 3.0.1075 → 3.0.1077

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

@@ -1,22 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_12i0j_7kbjn_189",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_7kbjn_203",
-  "legacy": "awsui_legacy_12i0j_7kbjn_217",
-  "last-opened": "awsui_last-opened_12i0j_7kbjn_225",
-  "drawer-global": "awsui_drawer-global_12i0j_7kbjn_229",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_7kbjn_238",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_7kbjn_242",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_7kbjn_252",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_7kbjn_252",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_7kbjn_266",
-  "drawer-gap": "awsui_drawer-gap_12i0j_7kbjn_269",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_7kbjn_287",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_7kbjn_293",
-  "drawer-content": "awsui_drawer-content_12i0j_7kbjn_266",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_7kbjn_305",
-  "drawer-slider": "awsui_drawer-slider_12i0j_7kbjn_308",
-  "drawer-actions": "awsui_drawer-actions_12i0j_7kbjn_358"
+  "drawer": "awsui_drawer_12i0j_lv3h5_193",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_lv3h5_207",
+  "legacy": "awsui_legacy_12i0j_lv3h5_221",
+  "ai-drawer": "awsui_ai-drawer_12i0j_lv3h5_221",
+  "last-opened": "awsui_last-opened_12i0j_lv3h5_229",
+  "drawer-global": "awsui_drawer-global_12i0j_lv3h5_233",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_lv3h5_242",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_lv3h5_246",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_lv3h5_256",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_lv3h5_256",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_lv3h5_270",
+  "drawer-gap": "awsui_drawer-gap_12i0j_lv3h5_273",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_lv3h5_291",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_lv3h5_297",
+  "drawer-content": "awsui_drawer-content_12i0j_lv3h5_270",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_lv3h5_309",
+  "drawer-slider": "awsui_drawer-slider_12i0j_lv3h5_312",
+  "drawer-actions": "awsui_drawer-actions_12i0j_lv3h5_362",
+  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_lv3h5_406",
+  "drawer-content-header": "awsui_drawer-content-header_12i0j_lv3h5_423",
+  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_lv3h5_435",
+  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_lv3h5_449",
+  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_lv3h5_488",
+  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_lv3h5_488"
 };
   

package/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_7kbjn_189:not(#\9) {
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_drawer_12i0j_lv3h5_193:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-6u8rvp, #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_7kbjn_189.awsui_with-expanded-motion_12i0j_7kbjn_203:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193.awsui_with-expanded-motion_12i0j_lv3h5_207:not(#\9) {
   transition: inline-size var(--motion-duration-refresh-only-slow-ugjy90, 250ms) var(--motion-easing-refresh-only-a-ccyqaz, cubic-bezier(0, 0, 0, 1)), min-inline-size var(--motion-duration-refresh-only-slow-ugjy90, 250ms) var(--motion-easing-refresh-only-a-ccyqaz, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_12i0j_7kbjn_189.awsui_with-expanded-motion_12i0j_7kbjn_203:not(#\9) {
+  .awsui_drawer_12i0j_lv3h5_193.awsui_with-expanded-motion_12i0j_lv3h5_207:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_12i0j_7kbjn_189.awsui_with-expanded-motion_12i0j_7kbjn_203:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_7kbjn_189.awsui_with-expanded-motion_12i0j_7kbjn_203:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_12i0j_lv3h5_193.awsui_with-expanded-motion_12i0j_lv3h5_207:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_lv3h5_193.awsui_with-expanded-motion_12i0j_lv3h5_207:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_7kbjn_189:not(#\9):not(.awsui_legacy_12i0j_7kbjn_217) {
+  .awsui_drawer_12i0j_lv3h5_193:not(#\9):not(.awsui_legacy_12i0j_lv3h5_221):not(.awsui_ai-drawer_12i0j_lv3h5_221) {
     border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_7kbjn_189:not(#\9) {
+  .awsui_drawer_12i0j_lv3h5_193:not(#\9) {
     inline-size: 100%;
   }
-  .awsui_drawer_12i0j_7kbjn_189.awsui_last-opened_12i0j_7kbjn_225:not(#\9) {
+  .awsui_drawer_12i0j_lv3h5_193.awsui_last-opened_12i0j_lv3h5_229:not(#\9) {
     z-index: 1001;
   }
 }
-.awsui_drawer_12i0j_7kbjn_189.awsui_drawer-global_12i0j_7kbjn_229:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193.awsui_drawer-global_12i0j_lv3h5_233:not(#\9) {
   display: block;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_7kbjn_189.awsui_drawer-global_12i0j_7kbjn_229:not(#\9) {
+  .awsui_drawer_12i0j_lv3h5_193.awsui_drawer-global_12i0j_lv3h5_233:not(#\9) {
     inline-size: var(--awsui-drawer-size-kiajpc);
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_7kbjn_189.awsui_drawer-global_12i0j_7kbjn_229:not(#\9):not(.awsui_last-opened_12i0j_7kbjn_225):not(.awsui_drawer-expanded_12i0j_7kbjn_238) {
+  .awsui_drawer_12i0j_lv3h5_193.awsui_drawer-global_12i0j_lv3h5_233:not(#\9):not(.awsui_last-opened_12i0j_lv3h5_229):not(.awsui_drawer-expanded_12i0j_lv3h5_242) {
     display: none;
   }
 }
-.awsui_drawer_12i0j_7kbjn_189.awsui_drawer-hidden_12i0j_7kbjn_242:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193.awsui_drawer-hidden_12i0j_lv3h5_246:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_7kbjn_189.awsui_drawer-expanded_12i0j_7kbjn_238:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193.awsui_drawer-expanded_12i0j_lv3h5_242:not(#\9) {
   inline-size: 100%;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_7kbjn_189.awsui_drawer-expanded_12i0j_7kbjn_238:not(#\9) {
+  .awsui_drawer_12i0j_lv3h5_193.awsui_drawer-expanded_12i0j_lv3h5_242:not(#\9) {
     border-inline-start: none;
   }
-  .awsui_drawer_12i0j_7kbjn_189.awsui_drawer-expanded_12i0j_7kbjn_238.awsui_has-next-siblings_12i0j_7kbjn_252 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252:not(#\9):after {
+  .awsui_drawer_12i0j_lv3h5_193.awsui_drawer-expanded_12i0j_lv3h5_242.awsui_has-next-siblings_12i0j_lv3h5_256 > .awsui_global-drawer-wrapper_12i0j_lv3h5_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-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
     box-sizing: border-box;
   }
-  .awsui_drawer_12i0j_7kbjn_189.awsui_drawer-expanded_12i0j_7kbjn_238 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252:not(#\9) {
+  .awsui_drawer_12i0j_lv3h5_193.awsui_drawer-expanded_12i0j_lv3h5_242 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256:not(#\9) {
     inline-size: 100%;
     grid-template-columns: 8px 1fr;
   }
-  .awsui_drawer_12i0j_7kbjn_189.awsui_drawer-expanded_12i0j_7kbjn_238 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252 > .awsui_drawer-content-container_12i0j_7kbjn_266:not(#\9) {
+  .awsui_drawer_12i0j_lv3h5_193.awsui_drawer-expanded_12i0j_lv3h5_242 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256 > .awsui_drawer-content-container_12i0j_lv3h5_270:not(#\9) {
     grid-column: 2;
   }
-  .awsui_drawer_12i0j_7kbjn_189.awsui_drawer-expanded_12i0j_7kbjn_238 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252 > .awsui_drawer-gap_12i0j_7kbjn_269:not(#\9) {
+  .awsui_drawer_12i0j_lv3h5_193.awsui_drawer-expanded_12i0j_lv3h5_242 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256 > .awsui_drawer-gap_12i0j_lv3h5_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-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   }
 }
-.awsui_drawer_12i0j_7kbjn_189 > .awsui_drawer-content-container_12i0j_7kbjn_266:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_drawer-content-container_12i0j_lv3h5_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_7kbjn_189 > .awsui_drawer-content-container_12i0j_7kbjn_266 > .awsui_drawer-close-button_12i0j_7kbjn_287:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-close-button_12i0j_lv3h5_291:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
   align-self: start;
 }
-.awsui_drawer_12i0j_7kbjn_189 > .awsui_drawer-content-container_12i0j_7kbjn_266 > .awsui_drawer-expanded-mode-button_12i0j_7kbjn_293:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-expanded-mode-button_12i0j_lv3h5_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_7kbjn_189 > .awsui_drawer-content-container_12i0j_7kbjn_266 > .awsui_drawer-content_12i0j_7kbjn_266:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_7kbjn_189 > .awsui_drawer-content-container_12i0j_7kbjn_266 > .awsui_drawer-content_12i0j_7kbjn_266.awsui_drawer-content-hidden_12i0j_7kbjn_305:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270.awsui_drawer-content-hidden_12i0j_lv3h5_309:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_7kbjn_189 > .awsui_drawer-slider_12i0j_7kbjn_308:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_drawer-slider_12i0j_lv3h5_312:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;
   display: flex;
   align-items: center;
 }
-.awsui_drawer_12i0j_7kbjn_189 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256:not(#\9) {
   display: grid;
   min-inline-size: var(--awsui-drawer-size-kiajpc);
   grid-template-columns: 8px var(--space-m-dsumyt, 16px) 1fr;
   overflow: hidden;
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_7kbjn_189 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252:not(#\9) {
+  .awsui_drawer_12i0j_lv3h5_193 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256:not(#\9) {
     grid-template-columns: 1fr;
   }
 }
-.awsui_drawer_12i0j_7kbjn_189 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252 > .awsui_drawer-gap_12i0j_7kbjn_269:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256 > .awsui_drawer-gap_12i0j_lv3h5_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-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   box-sizing: border-box;
 }
-.awsui_drawer_12i0j_7kbjn_189 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252 > .awsui_drawer-slider_12i0j_7kbjn_308:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256 > .awsui_drawer-slider_12i0j_lv3h5_312:not(#\9) {
   grid-column: 2;
   grid-row: 1;
   display: flex;
   align-items: center;
 }
-.awsui_drawer_12i0j_7kbjn_189 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252 > .awsui_drawer-content-container_12i0j_7kbjn_266:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256 > .awsui_drawer-content-container_12i0j_lv3h5_270:not(#\9) {
   grid-row: 1;
   display: grid;
   grid-template-columns: var(--space-m-dsumyt, 16px) 1fr auto var(--space-m-dsumyt, 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_7kbjn_189 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252 > .awsui_drawer-content-container_12i0j_7kbjn_266:not(#\9) {
+  .awsui_drawer_12i0j_lv3h5_193 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256 > .awsui_drawer-content-container_12i0j_lv3h5_270:not(#\9) {
     grid-column: 2/span 2;
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_7kbjn_189 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252 > .awsui_drawer-content-container_12i0j_7kbjn_266:not(#\9) {
+  .awsui_drawer_12i0j_lv3h5_193 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256 > .awsui_drawer-content-container_12i0j_lv3h5_270:not(#\9) {
     grid-column: 1/span 2;
   }
 }
-.awsui_drawer_12i0j_7kbjn_189 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252 > .awsui_drawer-content-container_12i0j_7kbjn_266 > .awsui_drawer-actions_12i0j_7kbjn_358:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-actions_12i0j_lv3h5_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-dsumyt, 16px);
   padding-block-start: 14px;
 }
-.awsui_drawer_12i0j_7kbjn_189 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252 > .awsui_drawer-content-container_12i0j_7kbjn_266 > .awsui_drawer-close-button_12i0j_7kbjn_287:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-close-button_12i0j_lv3h5_291:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
   align-self: start;
 }
-.awsui_drawer_12i0j_7kbjn_189 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252 > .awsui_drawer-content-container_12i0j_7kbjn_266 > .awsui_drawer-expanded-mode-button_12i0j_7kbjn_293:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-expanded-mode-button_12i0j_lv3h5_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_7kbjn_189 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252 > .awsui_drawer-content-container_12i0j_7kbjn_266 > .awsui_drawer-content_12i0j_7kbjn_266:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_7kbjn_189 > .awsui_global-drawer-wrapper_12i0j_7kbjn_252 > .awsui_drawer-content-container_12i0j_7kbjn_266 > .awsui_drawer-content_12i0j_7kbjn_266.awsui_drawer-content-hidden_12i0j_7kbjn_305:not(#\9) {
+.awsui_drawer_12i0j_lv3h5_193 > .awsui_global-drawer-wrapper_12i0j_lv3h5_256 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270.awsui_drawer-content-hidden_12i0j_lv3h5_309:not(#\9) {
   display: none;
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221:not(#\9) {
+  grid-template-columns: 1fr var(--space-xs-ymlm0b, 8px);
+  background: #161d26;
+}
+@media (max-width: 688px) {
+  .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221:not(#\9) {
+    grid-template-columns: 1fr;
+    z-index: 1001;
+  }
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-slider_12i0j_lv3h5_312:not(#\9) {
+  inline-size: var(--space-xs-ymlm0b, 8px);
+  overflow: hidden;
+  grid-column: 2;
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 .awsui_ai-drawer-slider-handle_12i0j_lv3h5_406:not(#\9) {
+  transform: translate(-4px);
+  color: var(--color-text-interactive-inverted-default-xlc0d5, #dedee3);
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 .awsui_ai-drawer-slider-handle_12i0j_lv3h5_406:not(#\9):hover {
+  stroke: var(--color-text-interactive-inverted-hover-65rnp7, #f9f9fa);
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270:not(#\9) {
+  min-inline-size: calc(var(--awsui-drawer-size-kiajpc) - var(--space-xs-ymlm0b, 8px));
+  grid-column: 1/span 1;
+  background-color: var(--color-background-layout-panel-content-xto15e, #ffffff);
+}
+@media (min-width: 689px) {
+  .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270:not(#\9) {
+    border-start-end-radius: var(--space-xxs-hwfkai, 4px);
+  }
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_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-xto15e, #ffffff);
+  border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid;
+  border-image: linear-gradient(90deg, #962eff 0%, #5c7fff 30%, #09f 50%, #b8e7ff 70%, #8575ff 100%) 1;
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-content-header-content_12i0j_lv3h5_435:not(#\9) {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: space-between;
+  block-size: 100%;
+  padding-inline-start: var(--space-l-2ud1p3, 20px);
+  padding-inline-end: var(--space-m-dsumyt, 16px);
+}
+@media (min-width: 689px) {
+  @media not print {
+    .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-content-header-content_12i0j_lv3h5_435:not(#\9) {
+      /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
+    }
+    .awsui-polaris-dark-mode .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-content-header-content_12i0j_lv3h5_435:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449), .awsui-dark-mode .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-content-header-content_12i0j_lv3h5_435:not(#\9):has(+ .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449) {
+      border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
+      border-start-end-radius: var(--space-xxs-hwfkai, 4px);
+    }
+  }
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-content-header-content_12i0j_lv3h5_435 > .awsui_drawer-actions_12i0j_lv3h5_362:not(#\9) {
+  display: flex;
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449:not(#\9) {
+  position: relative;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  block-size: 100%;
+  padding-inline: var(--space-static-m-m6qboo, 16px);
+  background-color: #161d26;
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449:not(#\9):before, .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_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_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449:not(#\9):before, .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449:not(#\9):after {
+    /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
+  }
+  .awsui-polaris-dark-mode .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449:not(#\9):before, .awsui-dark-mode .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449:not(#\9):before, .awsui-polaris-dark-mode .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449:not(#\9):after, .awsui-dark-mode .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449:not(#\9):after {
+    display: none;
+  }
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449:not(#\9):after {
+  background-color: var(--color-background-layout-panel-content-xto15e, #ffffff);
+  border-start-end-radius: var(--space-xxs-hwfkai, 4px);
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449 > .awsui_drawer-back-to-console-button-wrapper_12i0j_lv3h5_488:not(#\9) {
+  position: relative;
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449 > .awsui_drawer-back-to-console-button-wrapper_12i0j_lv3h5_488:not(#\9):has(:focus-visible) {
+  position: relative;
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449 > .awsui_drawer-back-to-console-button-wrapper_12i0j_lv3h5_488:not(#\9):has(:focus-visible) {
+  outline: 2px dotted transparent;
+  outline-offset: calc(3px - 1px);
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449 > .awsui_drawer-back-to-console-button-wrapper_12i0j_lv3h5_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-1uabki, 4px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449 > .awsui_drawer-back-to-console-button-wrapper_12i0j_lv3h5_488 > .awsui_drawer-back-to-console-button_12i0j_lv3h5_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-a7nh2n, 14px);
+  line-height: var(--line-height-body-m-2mh3ke, 20px);
+  color: var(--color-text-body-default-vvtq8u, #0f141a);
+  font-weight: 400;
+  font-family: var(--font-family-base-gmnpzl, "Open 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-smc8cv, 12px);
+  line-height: var(--line-height-body-s-nu5hx1, 16px);
+  letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
+  border-start-start-radius: var(--space-static-xxs-ns94dp, 4px);
+  border-start-end-radius: var(--space-static-xxs-ns94dp, 4px);
+  border-end-start-radius: var(--space-static-xxs-ns94dp, 4px);
+  border-end-end-radius: var(--space-static-xxs-ns94dp, 4px);
+  border-width: 0;
+  padding-inline: var(--space-static-xs-gnm0mz, 8px);
+  padding-block: var(--space-static-xxs-ns94dp, 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_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221 > .awsui_drawer-content-container_12i0j_lv3h5_270 > .awsui_drawer-content_12i0j_lv3h5_270 > .awsui_drawer-content-header_12i0j_lv3h5_423 > .awsui_drawer-back-to-console-slot_12i0j_lv3h5_449 > .awsui_drawer-back-to-console-button-wrapper_12i0j_lv3h5_488 > .awsui_drawer-back-to-console-button_12i0j_lv3h5_488:not(#\9):focus {
+  outline: none;
+}
+@media (min-width: 689px) {
+  .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221:not(#\9):not(.awsui_drawer-expanded_12i0j_lv3h5_242) > .awsui_drawer-content-container_12i0j_lv3h5_270 {
+    clip-path: inset(0 0 0 -9999px round var(--space-xxs-hwfkai, 4px));
+  }
+  @media not print {
+    .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221:not(#\9):not(.awsui_drawer-expanded_12i0j_lv3h5_242) > .awsui_drawer-content-container_12i0j_lv3h5_270 {
+      /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
+    }
+    .awsui-polaris-dark-mode .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221:not(#\9):not(.awsui_drawer-expanded_12i0j_lv3h5_242) > .awsui_drawer-content-container_12i0j_lv3h5_270, .awsui-dark-mode .awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221:not(#\9):not(.awsui_drawer-expanded_12i0j_lv3h5_242) > .awsui_drawer-content-container_12i0j_lv3h5_270 {
+      border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
+    }
+  }
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221.awsui_drawer-expanded_12i0j_lv3h5_242:not(#\9) {
+  grid-template-columns: 1fr;
+}
+.awsui_drawer_12i0j_lv3h5_193.awsui_ai-drawer_12i0j_lv3h5_221.awsui_drawer-expanded_12i0j_lv3h5_242 > .awsui_drawer-content-container_12i0j_lv3h5_270:not(#\9) {
+  border-start-end-radius: 0;
 }

package/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_7kbjn_189",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_7kbjn_203",
-  "legacy": "awsui_legacy_12i0j_7kbjn_217",
-  "last-opened": "awsui_last-opened_12i0j_7kbjn_225",
-  "drawer-global": "awsui_drawer-global_12i0j_7kbjn_229",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_7kbjn_238",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_7kbjn_242",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_7kbjn_252",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_7kbjn_252",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_7kbjn_266",
-  "drawer-gap": "awsui_drawer-gap_12i0j_7kbjn_269",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_7kbjn_287",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_7kbjn_293",
-  "drawer-content": "awsui_drawer-content_12i0j_7kbjn_266",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_7kbjn_305",
-  "drawer-slider": "awsui_drawer-slider_12i0j_7kbjn_308",
-  "drawer-actions": "awsui_drawer-actions_12i0j_7kbjn_358"
+  "drawer": "awsui_drawer_12i0j_lv3h5_193",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_lv3h5_207",
+  "legacy": "awsui_legacy_12i0j_lv3h5_221",
+  "ai-drawer": "awsui_ai-drawer_12i0j_lv3h5_221",
+  "last-opened": "awsui_last-opened_12i0j_lv3h5_229",
+  "drawer-global": "awsui_drawer-global_12i0j_lv3h5_233",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_lv3h5_242",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_lv3h5_246",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_lv3h5_256",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_lv3h5_256",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_lv3h5_270",
+  "drawer-gap": "awsui_drawer-gap_12i0j_lv3h5_273",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_lv3h5_291",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_lv3h5_297",
+  "drawer-content": "awsui_drawer-content_12i0j_lv3h5_270",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_lv3h5_309",
+  "drawer-slider": "awsui_drawer-slider_12i0j_lv3h5_312",
+  "drawer-actions": "awsui_drawer-actions_12i0j_lv3h5_362",
+  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_lv3h5_406",
+  "drawer-content-header": "awsui_drawer-content-header_12i0j_lv3h5_423",
+  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_lv3h5_435",
+  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_lv3h5_449",
+  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_lv3h5_488",
+  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_lv3h5_488"
 };
   

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

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

package/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/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/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/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/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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"}