@cloudscape-design/components 3.0.1365 → 3.0.1367

package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css

@@ -10,26 +10,26 @@ 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_universal-toolbar_1kzri_fjlfw_13:not(#\9) {
+.awsui_universal-toolbar_1kzri_1nbqv_13:not(#\9) {
   background-color: var(--color-background-layout-toolbar-tpblk7, #ffffff);
   box-sizing: border-box;
   position: sticky;
   z-index: 1000;
   display: flex;
-  transition: ease var(--motion-duration-refresh-only-slow-ugjy90, 250ms);
+  transition: ease var(--motion-duration-refresh-only-slow-8cyf6l, 250ms);
   transition-property: inset-block-start, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_universal-toolbar_1kzri_fjlfw_13:not(#\9) {
+  .awsui_universal-toolbar_1kzri_1nbqv_13:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_universal-toolbar_1kzri_fjlfw_13:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_fjlfw_13:not(#\9) {
+.awsui-motion-disabled .awsui_universal-toolbar_1kzri_1nbqv_13:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_1nbqv_13:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_universal-toolbar_1kzri_fjlfw_13.awsui_with-ai-drawer_1kzri_fjlfw_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32)):before, .awsui_universal-toolbar_1kzri_fjlfw_13.awsui_with-ai-drawer_1kzri_fjlfw_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32)):after {
+.awsui_universal-toolbar_1kzri_1nbqv_13.awsui_with-ai-drawer_1kzri_1nbqv_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32)):before, .awsui_universal-toolbar_1kzri_1nbqv_13.awsui_with-ai-drawer_1kzri_1nbqv_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32)):after {
   content: "";
   position: absolute;
   inset-block-start: 0;
@@ -46,39 +46,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   */
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_fjlfw_13.awsui_with-ai-drawer_1kzri_fjlfw_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32)):before, .awsui_universal-toolbar_1kzri_fjlfw_13.awsui_with-ai-drawer_1kzri_fjlfw_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32)):after {
+  .awsui_universal-toolbar_1kzri_1nbqv_13.awsui_with-ai-drawer_1kzri_1nbqv_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32)):before, .awsui_universal-toolbar_1kzri_1nbqv_13.awsui_with-ai-drawer_1kzri_1nbqv_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32)):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13.awsui_with-ai-drawer_1kzri_fjlfw_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32)):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13.awsui_with-ai-drawer_1kzri_fjlfw_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32)):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13.awsui_with-ai-drawer_1kzri_fjlfw_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13.awsui_with-ai-drawer_1kzri_fjlfw_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32)):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13.awsui_with-ai-drawer_1kzri_1nbqv_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32)):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13.awsui_with-ai-drawer_1kzri_1nbqv_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32)):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13.awsui_with-ai-drawer_1kzri_1nbqv_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13.awsui_with-ai-drawer_1kzri_1nbqv_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32)):after {
     inset-block-start: 42px;
     inline-size: var(--border-divider-section-width-dlkb8v, 1px);
     block-size: calc(100vh - 42px);
     background: var(--color-border-layout-px1i24, #c6c6cd);
   }
 }
-.awsui_universal-toolbar_1kzri_fjlfw_13.awsui_with-ai-drawer_1kzri_fjlfw_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32)):after {
+.awsui_universal-toolbar_1kzri_1nbqv_13.awsui_with-ai-drawer_1kzri_1nbqv_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32)):after {
   background-color: var(--color-background-layout-toolbar-tpblk7, #ffffff);
-  border-start-start-radius: var(--space-xxs-hwfkai, 4px);
+  border-start-start-radius: var(--space-xxs-3o1yoq, 4px);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_fjlfw_13.awsui_with-ai-drawer_1kzri_fjlfw_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32)):after {
+  .awsui_universal-toolbar_1kzri_1nbqv_13.awsui_with-ai-drawer_1kzri_1nbqv_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32)):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13.awsui_with-ai-drawer_1kzri_fjlfw_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13.awsui_with-ai-drawer_1kzri_fjlfw_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32)):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13.awsui_with-ai-drawer_1kzri_1nbqv_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13.awsui_with-ai-drawer_1kzri_1nbqv_32:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32)):after {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_fjlfw_13.awsui_disable-body-scroll_1kzri_fjlfw_71:not(#\9) {
+.awsui_universal-toolbar_1kzri_1nbqv_13.awsui_disable-body-scroll_1kzri_1nbqv_71:not(#\9) {
   inset-block-start: 0px;
 }
-.awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32:not(#\9) {
+.awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32:not(#\9) {
   grid-column: 1;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   align-self: flex-start;
-  padding-inline: var(--space-static-s-t763lu, 12px);
+  padding-inline: var(--space-static-s-bwcdfm, 12px);
   box-sizing: border-box;
   /**
    * Button sizing adjustments for theme-specific design requirements
@@ -93,14 +93,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-background-layout-ai-drawer-b4mvv3, #161d26);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32:not(#\9) {
+  .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32:not(#\9) {
     block-size: 100%;
   }
 }
-.awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32:not(#\9):before, .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32:not(#\9):after {
+.awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32:not(#\9):before, .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32:not(#\9):after {
   content: "";
   position: absolute;
   inset-block-start: 0;
@@ -110,18 +110,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-background-layout-ai-drawer-b4mvv3, #161d26);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32:not(#\9):before, .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32:not(#\9):after {
+  .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32:not(#\9):before, .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32:not(#\9):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32:not(#\9):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32:not(#\9):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32:not(#\9):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32:not(#\9):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32:not(#\9):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32:not(#\9):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32:not(#\9):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32:not(#\9):after {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32:not(#\9):after {
+.awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32:not(#\9):after {
   background-color: var(--color-background-layout-toolbar-tpblk7, #ffffff);
-  border-start-start-radius: var(--space-xxs-hwfkai, 4px);
+  border-start-start-radius: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_toolbar-container_1kzri_fjlfw_124:not(#\9) {
+.awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_toolbar-container_1kzri_1nbqv_124:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: grid;
@@ -130,41 +130,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-rows: 1fr;
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_toolbar-container_1kzri_fjlfw_124:not(#\9) {
+  .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_toolbar-container_1kzri_1nbqv_124:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_toolbar-container_1kzri_fjlfw_124:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_toolbar-container_1kzri_fjlfw_124:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_toolbar-container_1kzri_1nbqv_124:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_toolbar-container_1kzri_1nbqv_124:not(#\9) {
     border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_toolbar-container_1kzri_fjlfw_124.awsui_with-ai-drawer_1kzri_fjlfw_32:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_toolbar-container_1kzri_fjlfw_124.awsui_with-ai-drawer_1kzri_fjlfw_32:not(#\9) {
-    border-start-start-radius: var(--space-xxs-hwfkai, 4px);
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_toolbar-container_1kzri_1nbqv_124.awsui_with-ai-drawer_1kzri_1nbqv_32:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_toolbar-container_1kzri_1nbqv_124.awsui_with-ai-drawer_1kzri_1nbqv_32:not(#\9) {
+    border-start-start-radius: var(--space-xxs-3o1yoq, 4px);
     border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
   }
 }
-.awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_toolbar-container_1kzri_fjlfw_124 > .awsui_universal-toolbar-nav_1kzri_fjlfw_144:not(#\9) {
+.awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_toolbar-container_1kzri_1nbqv_124 > .awsui_universal-toolbar-nav_1kzri_1nbqv_144:not(#\9) {
   grid-column: 2;
-  padding-inline-start: var(--space-s-tvghoh, 12px);
-  padding-inline-end: var(--space-static-xxs-ns94dp, 4px);
+  padding-inline-start: var(--space-s-kll7oj, 12px);
+  padding-inline-end: var(--space-static-xxs-vzto3j, 4px);
 }
-.awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_toolbar-container_1kzri_fjlfw_124 > .awsui_universal-toolbar-breadcrumbs_1kzri_fjlfw_149:not(#\9) {
+.awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_toolbar-container_1kzri_1nbqv_124 > .awsui_universal-toolbar-breadcrumbs_1kzri_1nbqv_149:not(#\9) {
   grid-column: 3;
-  padding-inline: var(--space-static-xs-gnm0mz, 8px);
+  padding-inline: var(--space-static-xs-789l1l, 8px);
   background-color: transparent;
   flex: 1 0;
 }
-.awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_toolbar-container_1kzri_fjlfw_124 > .awsui_universal-toolbar-breadcrumbs_1kzri_fjlfw_149:not(#\9):first-child {
-  padding-inline: calc(var(--space-static-xs-gnm0mz, 8px) + var(--space-static-m-m6qboo, 16px));
+.awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_toolbar-container_1kzri_1nbqv_124 > .awsui_universal-toolbar-breadcrumbs_1kzri_1nbqv_149:not(#\9):first-child {
+  padding-inline: calc(var(--space-static-xs-789l1l, 8px) + var(--space-static-m-0gdnhk, 16px));
 }
-.awsui_universal-toolbar_1kzri_fjlfw_13 > .awsui_toolbar-container_1kzri_fjlfw_124 > .awsui_universal-toolbar-drawers_1kzri_fjlfw_158:not(#\9) {
+.awsui_universal-toolbar_1kzri_1nbqv_13 > .awsui_toolbar-container_1kzri_1nbqv_124 > .awsui_universal-toolbar-drawers_1kzri_1nbqv_158:not(#\9) {
   grid-column: 4;
-  column-gap: var(--space-static-xs-gnm0mz, 8px);
+  column-gap: var(--space-static-xs-789l1l, 8px);
   display: flex;
   justify-content: flex-end;
   block-size: 100%;
 }
 
-.awsui_drawers-desktop-triggers-container_1kzri_fjlfw_166:not(#\9),
-.awsui_drawers-mobile-triggers-container_1kzri_fjlfw_167:not(#\9) {
+.awsui_drawers-desktop-triggers-container_1kzri_1nbqv_166:not(#\9),
+.awsui_drawers-mobile-triggers-container_1kzri_1nbqv_167:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -195,7 +195,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   background-color: transparent;
-  padding-inline: var(--space-s-tvghoh, 12px);
+  padding-inline: var(--space-s-kll7oj, 12px);
   box-sizing: border-box;
   overflow-y: hidden;
   overflow-x: hidden;
@@ -206,29 +206,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
 
-.awsui_drawers-trigger-content_1kzri_fjlfw_209:not(#\9) {
+.awsui_drawers-trigger-content_1kzri_1nbqv_209:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: flex;
   flex-direction: row;
-  gap: var(--space-xs-ymlm0b, 8px);
+  gap: var(--space-xs-m9b7jf, 8px);
   justify-content: flex-end;
-  padding-inline-start: var(--space-xs-ymlm0b, 8px);
+  padding-inline-start: var(--space-xs-m9b7jf, 8px);
 }
 
-.awsui_group-divider_1kzri_fjlfw_219:not(#\9) {
+.awsui_group-divider_1kzri_1nbqv_219:not(#\9) {
   border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-0de9c8, #c6c6cd);
   block-size: 60%;
 }
 
 @media (max-width: 688px) {
-  .awsui_drawers-trigger_1kzri_fjlfw_209:not(#\9) {
+  .awsui_drawers-trigger_1kzri_1nbqv_209:not(#\9) {
     display: flex;
     justify-content: center;
     align-items: center;
   }
 }
 
-.awsui_block-body-scroll_1kzri_fjlfw_232:not(#\9) {
+.awsui_block-body-scroll_1kzri_1nbqv_232:not(#\9) {
   overflow: hidden;
 }

package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "universal-toolbar": "awsui_universal-toolbar_1kzri_fjlfw_13",
-  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_fjlfw_32",
-  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_fjlfw_32",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_fjlfw_71",
-  "toolbar-container": "awsui_toolbar-container_1kzri_fjlfw_124",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_fjlfw_144",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_fjlfw_149",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_fjlfw_158",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_fjlfw_166",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_fjlfw_167",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_fjlfw_209",
-  "group-divider": "awsui_group-divider_1kzri_fjlfw_219",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_fjlfw_209",
-  "block-body-scroll": "awsui_block-body-scroll_1kzri_fjlfw_232"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_1nbqv_13",
+  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_1nbqv_32",
+  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_1nbqv_32",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_1nbqv_71",
+  "toolbar-container": "awsui_toolbar-container_1kzri_1nbqv_124",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_1nbqv_144",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_1nbqv_149",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_1nbqv_158",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_1nbqv_166",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_1nbqv_167",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_1nbqv_209",
+  "group-divider": "awsui_group-divider_1kzri_1nbqv_219",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_1nbqv_209",
+  "block-body-scroll": "awsui_block-body-scroll_1kzri_1nbqv_232"
 };
   

package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAStF,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAOxD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAEpD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC;;AAkMD,wBAA+C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAStF,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAOxD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAEpD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC;;AAoMD,wBAA+C"}

package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.js

@@ -115,7 +115,7 @@ function TriggerButton({ ariaLabel, className, iconName, iconSvg, customSvg, ari
         React.createElement("button", { "aria-expanded": ariaExpanded, "aria-controls": ariaControls, "aria-haspopup": true, "aria-label": ariaLabel, "aria-disabled": disabled, disabled: disabled, className: clsx(styles.trigger, styles[variant], {
                 [styles.selected]: selected,
                 [testutilStyles['drawers-trigger-with-badge']]: badge,
-            }, className), onClick: handleTriggerClick, ref: ref, type: "button", "data-testid": testId, "data-shift-focus": "awsui-layout-drawer-trigger", ...getAnalyticsMetadataAttribute(triggerEventMetadata) }, customSvg !== null && customSvg !== void 0 ? customSvg : ((iconName || iconSvg) && React.createElement(Icon, { name: iconName, svg: iconSvg }))),
+            }, className), onClick: handleTriggerClick, ref: ref, type: "button", "data-testid": testId, "data-shift-focus": "awsui-layout-drawer-trigger", "data-awsui-motion-trigger": "hover", "data-awsui-motion-target": "", ...getAnalyticsMetadataAttribute(triggerEventMetadata) }, customSvg !== null && customSvg !== void 0 ? customSvg : ((iconName || iconSvg) && React.createElement(Icon, { name: iconName, svg: iconSvg }))),
         badge && React.createElement("div", { className: styles.dot }),
         tooltipVisible && (React.createElement(Tooltip, { getTrack: () => containerRef.current, className: testutilStyles['trigger-tooltip'], content: tooltipValue, onEscape: () => {
                 setShowTooltip(false);

package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport {\n  GeneratedAnalyticsMetadataAppLayoutToolbarClose,\n  GeneratedAnalyticsMetadataAppLayoutToolbarOpen,\n} from '../../../../app-layout-toolbar/analytics-metadata/interfaces';\nimport { ButtonProps } from '../../../../button/interfaces';\nimport { IconProps } from '../../../../icon/interfaces';\nimport Icon from '../../../../icon/internal';\nimport Tooltip from '../../../../tooltip/internal.js';\n\nimport testutilStyles from '../../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface TriggerButtonProps {\n  ariaLabel?: string;\n  className?: string;\n  iconName?: IconProps.Name;\n  iconSvg?: React.ReactNode;\n  customSvg?: React.ReactNode;\n  ariaExpanded: boolean | undefined;\n  ariaControls?: string;\n  disabled?: boolean;\n  /**\n   * Ovewrwrites any internal testIds when provided\n   */\n  testId?: string;\n  /**\n   * If button is selected. Used only for desktop and applies a selected class\n   */\n  selected?: boolean;\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n\n  badge?: boolean;\n  /**\n   * If the button is expected to have a tooltip. When false it will not set the event listeners\n   *\n   * defaults to false\n   */\n  hasTooltip?: boolean;\n  /**\n   * This text allows for a customized tooltip.\n   *\n   * When falsy, the tooltip will parse the tooltip form the aria-lable\n   */\n  tooltipText?: string;\n  hasOpenDrawer?: boolean;\n  /**\n   * If the AppLayout is in mobile mode\n   * Used to determine if and where to render tooltips\n   */\n  isMobile?: boolean;\n  /**\n   * set to true if the trigger button was used to open the last active drawer\n   * this is also used to hide the tooltip should the focus be set programmatically\n   * on focus from a drawer close using this\n   */\n  isForPreviousActiveDrawer?: boolean;\n  /**\n   * if the trigger button is for the split panel\n   */\n  isForSplitPanel?: boolean;\n  tabIndex?: number | undefined;\n  variant?: 'default' | 'custom';\n}\n\nfunction TriggerButton(\n  {\n    ariaLabel,\n    className,\n    iconName,\n    iconSvg,\n    customSvg,\n    ariaExpanded,\n    ariaControls,\n    onClick,\n    testId,\n    disabled = false,\n    badge,\n    selected = false,\n    hasTooltip = false,\n    tooltipText,\n    hasOpenDrawer = false,\n    isMobile = false,\n    isForPreviousActiveDrawer = false,\n    isForSplitPanel = false,\n    variant = 'default',\n  }: TriggerButtonProps,\n  ref: React.Ref<ButtonProps.Ref>\n) {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const tooltipValue = tooltipText ? tooltipText : ariaLabel ? ariaLabel : '';\n  const [showTooltip, setShowTooltip] = useState<boolean>(false);\n  const [suppressTooltip, setSupressTooltip] = useState<boolean>(false);\n\n  const handleTriggerClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation(); // Stop the event from propagating to the badge icon\n    setShowTooltip(false);\n    setSupressTooltip(true);\n    onClick(event);\n  };\n\n  const handleBlur = (keepSupressed = false) => {\n    setSupressTooltip(keepSupressed);\n    setShowTooltip(false);\n  };\n\n  const handlePointerEnter = (event: React.MouseEvent) => {\n    const suppressedTooltip = event.currentTarget.querySelector('button')?.dataset?.awsuiSuppressTooltip === 'true';\n    if (suppressedTooltip) {\n      return;\n    }\n    setSupressTooltip(false);\n    setShowTooltip(true);\n  };\n\n  /**\n   * Takes the drawer being closed and the data-shift-focus value from a close button on that drawer that persists\n   * on the event relatedTarget to determine not to show the tooltip\n   * @param event\n   */\n  const handleOnFocus = useCallback(\n    (event: FocusEvent) => {\n      let shouldShowTooltip = false;\n      const eventWithRelatedTarget = event as any;\n      const relatedTarget = eventWithRelatedTarget?.relatedTarget;\n      const isSuppressedOnTarget = eventWithRelatedTarget?.target?.dataset?.awsuiSuppressTooltip === 'true';\n      const isFromAnotherTrigger = relatedTarget?.dataset?.shiftFocus === 'awsui-layout-drawer-trigger';\n      if (\n        (isForSplitPanel && !!relatedTarget) || // relatedTarget is null when split panel is closed\n        (!isForSplitPanel &&\n          (isFromAnotherTrigger || // for key navigation from another trigger button\n            !isForPreviousActiveDrawer)) // for when the drawer was not opened recently\n      ) {\n        shouldShowTooltip = true;\n      }\n      if (isSuppressedOnTarget) {\n        shouldShowTooltip = false;\n      }\n      setSupressTooltip(!shouldShowTooltip);\n      setShowTooltip(true);\n    },\n    [\n      // To assert reference equality check\n      isForPreviousActiveDrawer,\n      isForSplitPanel,\n    ]\n  );\n\n  const tooltipVisible = useMemo(() => {\n    return (\n      hasTooltip &&\n      showTooltip &&\n      !suppressTooltip &&\n      !!containerRef?.current &&\n      tooltipValue &&\n      !(isMobile && hasOpenDrawer)\n    );\n  }, [hasTooltip, showTooltip, containerRef, tooltipValue, isMobile, hasOpenDrawer, suppressTooltip]);\n\n  useEffect(() => {\n    if (hasTooltip && tooltipValue) {\n      const close = () => {\n        setShowTooltip(false);\n        setSupressTooltip(false);\n      };\n\n      const shouldCloseTooltip = (event: PointerEvent) => {\n        if (event.target && containerRef && (containerRef.current as any)?.contains(event.target as HTMLElement)) {\n          return false;\n        }\n        return true;\n      };\n\n      const handlePointerDownEvent = (event: PointerEvent) => {\n        if (shouldCloseTooltip(event)) {\n          close();\n        }\n      };\n\n      const handleKeyDownEvent = (event: KeyboardEvent) => {\n        if (event.key === 'Escape') {\n          close();\n        }\n      };\n\n      const wrapperDiv = containerRef.current;\n      if (wrapperDiv) {\n        const controller = new AbortController();\n        wrapperDiv.addEventListener('pointerdown', handlePointerDownEvent, { signal: controller.signal });\n        wrapperDiv.addEventListener('keydown', handleKeyDownEvent, { signal: controller.signal });\n\n        return () => {\n          controller.abort();\n        };\n      }\n    }\n  }, [containerRef, hasTooltip, tooltipValue]);\n\n  const triggerEventMetadata:\n    | GeneratedAnalyticsMetadataAppLayoutToolbarClose\n    | GeneratedAnalyticsMetadataAppLayoutToolbarOpen = {\n    action: selected ? 'close' : 'open',\n    detail: { label: { root: 'self' } },\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      {...(hasTooltip && {\n        onPointerEnter: event => handlePointerEnter(event),\n        onPointerLeave: () => handleBlur(true),\n        onFocus: e => handleOnFocus(e as any),\n        onBlur: () => handleBlur(true),\n      })}\n      className={styles['trigger-wrapper']}\n    >\n      <button\n        aria-expanded={ariaExpanded}\n        aria-controls={ariaControls}\n        aria-haspopup={true}\n        aria-label={ariaLabel}\n        aria-disabled={disabled}\n        disabled={disabled}\n        className={clsx(\n          styles.trigger,\n          styles[variant],\n          {\n            [styles.selected]: selected,\n            [testutilStyles['drawers-trigger-with-badge']]: badge,\n          },\n          className\n        )}\n        onClick={handleTriggerClick}\n        ref={ref as Ref<HTMLButtonElement>}\n        type=\"button\"\n        data-testid={testId}\n        data-shift-focus=\"awsui-layout-drawer-trigger\"\n        {...getAnalyticsMetadataAttribute(triggerEventMetadata)}\n      >\n        {customSvg ?? ((iconName || iconSvg) && <Icon name={iconName} svg={iconSvg} />)}\n      </button>\n      {badge && <div className={styles.dot} />}\n      {tooltipVisible && (\n        <Tooltip\n          getTrack={() => containerRef.current}\n          className={testutilStyles['trigger-tooltip']}\n          content={tooltipValue}\n          onEscape={() => {\n            setShowTooltip(false);\n            setSupressTooltip(false);\n          }}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default React.forwardRef(TriggerButton);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport {\n  GeneratedAnalyticsMetadataAppLayoutToolbarClose,\n  GeneratedAnalyticsMetadataAppLayoutToolbarOpen,\n} from '../../../../app-layout-toolbar/analytics-metadata/interfaces';\nimport { ButtonProps } from '../../../../button/interfaces';\nimport { IconProps } from '../../../../icon/interfaces';\nimport Icon from '../../../../icon/internal';\nimport Tooltip from '../../../../tooltip/internal.js';\n\nimport testutilStyles from '../../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface TriggerButtonProps {\n  ariaLabel?: string;\n  className?: string;\n  iconName?: IconProps.Name;\n  iconSvg?: React.ReactNode;\n  customSvg?: React.ReactNode;\n  ariaExpanded: boolean | undefined;\n  ariaControls?: string;\n  disabled?: boolean;\n  /**\n   * Ovewrwrites any internal testIds when provided\n   */\n  testId?: string;\n  /**\n   * If button is selected. Used only for desktop and applies a selected class\n   */\n  selected?: boolean;\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n\n  badge?: boolean;\n  /**\n   * If the button is expected to have a tooltip. When false it will not set the event listeners\n   *\n   * defaults to false\n   */\n  hasTooltip?: boolean;\n  /**\n   * This text allows for a customized tooltip.\n   *\n   * When falsy, the tooltip will parse the tooltip form the aria-lable\n   */\n  tooltipText?: string;\n  hasOpenDrawer?: boolean;\n  /**\n   * If the AppLayout is in mobile mode\n   * Used to determine if and where to render tooltips\n   */\n  isMobile?: boolean;\n  /**\n   * set to true if the trigger button was used to open the last active drawer\n   * this is also used to hide the tooltip should the focus be set programmatically\n   * on focus from a drawer close using this\n   */\n  isForPreviousActiveDrawer?: boolean;\n  /**\n   * if the trigger button is for the split panel\n   */\n  isForSplitPanel?: boolean;\n  tabIndex?: number | undefined;\n  variant?: 'default' | 'custom';\n}\n\nfunction TriggerButton(\n  {\n    ariaLabel,\n    className,\n    iconName,\n    iconSvg,\n    customSvg,\n    ariaExpanded,\n    ariaControls,\n    onClick,\n    testId,\n    disabled = false,\n    badge,\n    selected = false,\n    hasTooltip = false,\n    tooltipText,\n    hasOpenDrawer = false,\n    isMobile = false,\n    isForPreviousActiveDrawer = false,\n    isForSplitPanel = false,\n    variant = 'default',\n  }: TriggerButtonProps,\n  ref: React.Ref<ButtonProps.Ref>\n) {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const tooltipValue = tooltipText ? tooltipText : ariaLabel ? ariaLabel : '';\n  const [showTooltip, setShowTooltip] = useState<boolean>(false);\n  const [suppressTooltip, setSupressTooltip] = useState<boolean>(false);\n\n  const handleTriggerClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation(); // Stop the event from propagating to the badge icon\n    setShowTooltip(false);\n    setSupressTooltip(true);\n    onClick(event);\n  };\n\n  const handleBlur = (keepSupressed = false) => {\n    setSupressTooltip(keepSupressed);\n    setShowTooltip(false);\n  };\n\n  const handlePointerEnter = (event: React.MouseEvent) => {\n    const suppressedTooltip = event.currentTarget.querySelector('button')?.dataset?.awsuiSuppressTooltip === 'true';\n    if (suppressedTooltip) {\n      return;\n    }\n    setSupressTooltip(false);\n    setShowTooltip(true);\n  };\n\n  /**\n   * Takes the drawer being closed and the data-shift-focus value from a close button on that drawer that persists\n   * on the event relatedTarget to determine not to show the tooltip\n   * @param event\n   */\n  const handleOnFocus = useCallback(\n    (event: FocusEvent) => {\n      let shouldShowTooltip = false;\n      const eventWithRelatedTarget = event as any;\n      const relatedTarget = eventWithRelatedTarget?.relatedTarget;\n      const isSuppressedOnTarget = eventWithRelatedTarget?.target?.dataset?.awsuiSuppressTooltip === 'true';\n      const isFromAnotherTrigger = relatedTarget?.dataset?.shiftFocus === 'awsui-layout-drawer-trigger';\n      if (\n        (isForSplitPanel && !!relatedTarget) || // relatedTarget is null when split panel is closed\n        (!isForSplitPanel &&\n          (isFromAnotherTrigger || // for key navigation from another trigger button\n            !isForPreviousActiveDrawer)) // for when the drawer was not opened recently\n      ) {\n        shouldShowTooltip = true;\n      }\n      if (isSuppressedOnTarget) {\n        shouldShowTooltip = false;\n      }\n      setSupressTooltip(!shouldShowTooltip);\n      setShowTooltip(true);\n    },\n    [\n      // To assert reference equality check\n      isForPreviousActiveDrawer,\n      isForSplitPanel,\n    ]\n  );\n\n  const tooltipVisible = useMemo(() => {\n    return (\n      hasTooltip &&\n      showTooltip &&\n      !suppressTooltip &&\n      !!containerRef?.current &&\n      tooltipValue &&\n      !(isMobile && hasOpenDrawer)\n    );\n  }, [hasTooltip, showTooltip, containerRef, tooltipValue, isMobile, hasOpenDrawer, suppressTooltip]);\n\n  useEffect(() => {\n    if (hasTooltip && tooltipValue) {\n      const close = () => {\n        setShowTooltip(false);\n        setSupressTooltip(false);\n      };\n\n      const shouldCloseTooltip = (event: PointerEvent) => {\n        if (event.target && containerRef && (containerRef.current as any)?.contains(event.target as HTMLElement)) {\n          return false;\n        }\n        return true;\n      };\n\n      const handlePointerDownEvent = (event: PointerEvent) => {\n        if (shouldCloseTooltip(event)) {\n          close();\n        }\n      };\n\n      const handleKeyDownEvent = (event: KeyboardEvent) => {\n        if (event.key === 'Escape') {\n          close();\n        }\n      };\n\n      const wrapperDiv = containerRef.current;\n      if (wrapperDiv) {\n        const controller = new AbortController();\n        wrapperDiv.addEventListener('pointerdown', handlePointerDownEvent, { signal: controller.signal });\n        wrapperDiv.addEventListener('keydown', handleKeyDownEvent, { signal: controller.signal });\n\n        return () => {\n          controller.abort();\n        };\n      }\n    }\n  }, [containerRef, hasTooltip, tooltipValue]);\n\n  const triggerEventMetadata:\n    | GeneratedAnalyticsMetadataAppLayoutToolbarClose\n    | GeneratedAnalyticsMetadataAppLayoutToolbarOpen = {\n    action: selected ? 'close' : 'open',\n    detail: { label: { root: 'self' } },\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      {...(hasTooltip && {\n        onPointerEnter: event => handlePointerEnter(event),\n        onPointerLeave: () => handleBlur(true),\n        onFocus: e => handleOnFocus(e as any),\n        onBlur: () => handleBlur(true),\n      })}\n      className={styles['trigger-wrapper']}\n    >\n      <button\n        aria-expanded={ariaExpanded}\n        aria-controls={ariaControls}\n        aria-haspopup={true}\n        aria-label={ariaLabel}\n        aria-disabled={disabled}\n        disabled={disabled}\n        className={clsx(\n          styles.trigger,\n          styles[variant],\n          {\n            [styles.selected]: selected,\n            [testutilStyles['drawers-trigger-with-badge']]: badge,\n          },\n          className\n        )}\n        onClick={handleTriggerClick}\n        ref={ref as Ref<HTMLButtonElement>}\n        type=\"button\"\n        data-testid={testId}\n        data-shift-focus=\"awsui-layout-drawer-trigger\"\n        data-awsui-motion-trigger=\"hover\"\n        data-awsui-motion-target=\"\"\n        {...getAnalyticsMetadataAttribute(triggerEventMetadata)}\n      >\n        {customSvg ?? ((iconName || iconSvg) && <Icon name={iconName} svg={iconSvg} />)}\n      </button>\n      {badge && <div className={styles.dot} />}\n      {tooltipVisible && (\n        <Tooltip\n          getTrack={() => containerRef.current}\n          className={testutilStyles['trigger-tooltip']}\n          content={tooltipValue}\n          onEscape={() => {\n            setShowTooltip(false);\n            setSupressTooltip(false);\n          }}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default React.forwardRef(TriggerButton);\n"]}

package/area-chart/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "series": "awsui_series_y1yrh_rtzpx_9",
-  "root": "awsui_root_y1yrh_rtzpx_23",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_rtzpx_35",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_rtzpx_39",
-  "series--threshold": "awsui_series--threshold_y1yrh_rtzpx_43",
-  "popover-divider": "awsui_popover-divider_y1yrh_rtzpx_48"
+  "series": "awsui_series_y1yrh_191x5_9",
+  "root": "awsui_root_y1yrh_191x5_23",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_191x5_35",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_191x5_39",
+  "series--threshold": "awsui_series--threshold_y1yrh_191x5_43",
+  "popover-divider": "awsui_popover-divider_y1yrh_191x5_48"
 };
   

package/area-chart/styles.scoped.css

@@ -6,25 +6,25 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_series_y1yrh_rtzpx_9 > rect:not(#\9) {
-  transition: opacity var(--motion-duration-transition-quick-mcm2y0, 90ms) var(--motion-easing-transition-quick-qxak3i, linear);
+.awsui_series_y1yrh_191x5_9 > rect:not(#\9) {
+  transition: opacity var(--motion-duration-transition-quick-1p8yzt, 90ms) var(--motion-easing-transition-quick-afgcka, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_y1yrh_rtzpx_9 > rect:not(#\9) {
+  .awsui_series_y1yrh_191x5_9 > rect:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_y1yrh_rtzpx_9 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_rtzpx_9 > rect:not(#\9) {
+.awsui-motion-disabled .awsui_series_y1yrh_191x5_9 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_191x5_9 > rect:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_y1yrh_rtzpx_23:not(#\9) {
+.awsui_root_y1yrh_191x5_23:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_series_y1yrh_rtzpx_9:not(#\9) {
+.awsui_series_y1yrh_191x5_9:not(#\9) {
   display: block;
   stroke-width: var(--border-line-chart-width-vyj7eu, 2px);
   fill: none;
@@ -32,21 +32,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   stroke-linejoin: var(--border-line-chart-line-join-lskdht, round);
 }
 
-.awsui_series--highlighted_y1yrh_rtzpx_35:not(#\9) {
+.awsui_series--highlighted_y1yrh_191x5_35:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_series--dimmed_y1yrh_rtzpx_39:not(#\9) {
+.awsui_series--dimmed_y1yrh_191x5_39:not(#\9) {
   opacity: 0.3;
 }
 
-.awsui_series--threshold_y1yrh_rtzpx_43:not(#\9) {
+.awsui_series--threshold_y1yrh_191x5_43:not(#\9) {
   stroke-dasharray: var(--border-line-chart-dash-array-ctwkrt, 3 5);
   stroke-width: var(--border-line-chart-width-vyj7eu, 2px);
 }
 
-.awsui_popover-divider_y1yrh_rtzpx_48:not(#\9) {
-  margin-block: var(--space-xs-ymlm0b, 8px);
+.awsui_popover-divider_y1yrh_191x5_48:not(#\9) {
+  margin-block: var(--space-xs-m9b7jf, 8px);
   margin-inline: 0;
   border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-0de9c8, #c6c6cd);
 }

package/area-chart/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "series": "awsui_series_y1yrh_rtzpx_9",
-  "root": "awsui_root_y1yrh_rtzpx_23",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_rtzpx_35",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_rtzpx_39",
-  "series--threshold": "awsui_series--threshold_y1yrh_rtzpx_43",
-  "popover-divider": "awsui_popover-divider_y1yrh_rtzpx_48"
+  "series": "awsui_series_y1yrh_191x5_9",
+  "root": "awsui_root_y1yrh_191x5_23",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_191x5_35",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_191x5_39",
+  "series--threshold": "awsui_series--threshold_y1yrh_191x5_43",
+  "popover-divider": "awsui_popover-divider_y1yrh_191x5_48"
 };
   

package/attribute-editor/styles.css.js

@@ -1,20 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_fpnea_13",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_fpnea_1",
-  "root": "awsui_root_n4qlp_fpnea_35",
-  "empty": "awsui_empty_n4qlp_fpnea_13",
-  "row": "awsui_row_n4qlp_fpnea_78",
-  "divider": "awsui_divider_n4qlp_fpnea_82",
-  "row-control": "awsui_row-control_n4qlp_fpnea_87",
-  "field": "awsui_field_n4qlp_fpnea_91",
-  "additional-info": "awsui_additional-info_n4qlp_fpnea_95",
-  "add-row": "awsui_add-row_n4qlp_fpnea_142",
-  "add-button": "awsui_add-button_n4qlp_fpnea_146",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_fpnea_150",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_fpnea_154",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_fpnea_158",
-  "remove-button": "awsui_remove-button_n4qlp_fpnea_150"
+  "empty-appear": "awsui_empty-appear_n4qlp_dejcz_13",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_dejcz_1",
+  "root": "awsui_root_n4qlp_dejcz_35",
+  "empty": "awsui_empty_n4qlp_dejcz_13",
+  "row": "awsui_row_n4qlp_dejcz_78",
+  "divider": "awsui_divider_n4qlp_dejcz_82",
+  "row-control": "awsui_row-control_n4qlp_dejcz_87",
+  "field": "awsui_field_n4qlp_dejcz_91",
+  "additional-info": "awsui_additional-info_n4qlp_dejcz_95",
+  "add-row": "awsui_add-row_n4qlp_dejcz_142",
+  "add-button": "awsui_add-button_n4qlp_dejcz_146",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_dejcz_150",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_dejcz_154",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_dejcz_158",
+  "remove-button": "awsui_remove-button_n4qlp_dejcz_150"
 };