@cloudscape-design/components 3.0.1365 → 3.0.1367

package/internal/components/drag-handle-wrapper/styles.scoped.css

@@ -10,27 +10,27 @@ 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
 */
-@keyframes awsui_drag-handle-entry_155yk_itebw_1 {
+@keyframes awsui_drag-handle-entry_155yk_1id8u_1 {
   from {
-    transform: translate(var(--awsui-drag-handle-animation-inline-offset-esndbs), var(--awsui-drag-handle-animation-block-offset-esndbs));
+    transform: translate(var(--awsui-drag-handle-animation-inline-offset-66120l), var(--awsui-drag-handle-animation-block-offset-66120l));
   }
   to {
     transform: translate(0, 0);
   }
 }
-@keyframes awsui_drag-handle-exit_155yk_itebw_1 {
+@keyframes awsui_drag-handle-exit_155yk_1id8u_1 {
   from {
     transform: translate(0, 0);
   }
   to {
-    transform: translate(var(--awsui-drag-handle-animation-inline-offset-esndbs), var(--awsui-drag-handle-animation-block-offset-esndbs));
+    transform: translate(var(--awsui-drag-handle-animation-inline-offset-66120l), var(--awsui-drag-handle-animation-block-offset-66120l));
   }
 }
-.awsui_direction-button-wrapper_155yk_itebw_29:not(#\9) {
-  --awsui-drag-handle-animation-inline-offset-esndbs: 0;
-  --awsui-drag-handle-animation-block-offset-esndbs: 0;
+.awsui_direction-button-wrapper_155yk_1id8u_29:not(#\9) {
+  --awsui-drag-handle-animation-inline-offset-66120l: 0;
+  --awsui-drag-handle-animation-block-offset-66120l: 0;
 }
-@keyframes awsui_awsui-motion-fade-in_155yk_itebw_1 {
+@keyframes awsui_awsui-motion-fade-in_155yk_1id8u_1 {
   from {
     opacity: 0.2;
   }
@@ -38,7 +38,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 1;
   }
 }
-@keyframes awsui_awsui-motion-fade-out-0_155yk_itebw_1 {
+@keyframes awsui_awsui-motion-fade-out-0_155yk_1id8u_1 {
   from {
     opacity: 1;
   }
@@ -46,81 +46,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 0;
   }
 }
-.awsui_direction-button-wrapper-motion-enter_155yk_itebw_49:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_itebw_49:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_itebw_49:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_itebw_49:not(#\9) {
+.awsui_direction-button-wrapper-motion-enter_155yk_1id8u_49:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_1id8u_49:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_1id8u_49:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_1id8u_49:not(#\9) {
   pointer-events: none;
 }
-.awsui_direction-button-wrapper-motion-entering_155yk_itebw_49:not(#\9) {
-  animation: awsui_drag-handle-entry_155yk_itebw_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_itebw_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
+.awsui_direction-button-wrapper-motion-entering_155yk_1id8u_49:not(#\9) {
+  animation: awsui_drag-handle-entry_155yk_1id8u_1 var(--motion-duration-complex-n5wfwh, 250ms) var(--motion-easing-responsive-k7246o, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_1id8u_1 var(--motion-duration-complex-n5wfwh, 250ms) var(--motion-easing-responsive-k7246o, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper-motion-entering_155yk_itebw_49:not(#\9) {
+  .awsui_direction-button-wrapper-motion-entering_155yk_1id8u_49:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_itebw_49:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_itebw_49:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_1id8u_49:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_1id8u_49:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_direction-button-wrapper-motion-exiting_155yk_itebw_49:not(#\9) {
-  animation: awsui_drag-handle-exit_155yk_itebw_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards, awsui_awsui-motion-fade-out-0_155yk_itebw_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards;
+.awsui_direction-button-wrapper-motion-exiting_155yk_1id8u_49:not(#\9) {
+  animation: awsui_drag-handle-exit_155yk_1id8u_1 var(--motion-duration-complex-n5wfwh, 250ms) var(--motion-easing-responsive-k7246o, cubic-bezier(0, 0, 0, 1)) forwards, awsui_awsui-motion-fade-out-0_155yk_1id8u_1 var(--motion-duration-complex-n5wfwh, 250ms) var(--motion-easing-responsive-k7246o, cubic-bezier(0, 0, 0, 1)) forwards;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper-motion-exiting_155yk_itebw_49:not(#\9) {
+  .awsui_direction-button-wrapper-motion-exiting_155yk_1id8u_49:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_itebw_49:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_itebw_49:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_1id8u_49:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_1id8u_49:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper_155yk_itebw_29:not(#\9) {
+  .awsui_direction-button-wrapper_155yk_1id8u_29:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_itebw_29:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_itebw_29:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_1id8u_29:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_1id8u_29:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_direction-button-wrapper-block-start_155yk_itebw_89:not(#\9) {
-  --awsui-drag-handle-animation-block-offset-esndbs: 20px;
+.awsui_direction-button-wrapper-block-start_155yk_1id8u_89:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-66120l: 20px;
 }
 
-.awsui_direction-button-wrapper-block-end_155yk_itebw_93:not(#\9) {
-  --awsui-drag-handle-animation-block-offset-esndbs: -20px;
+.awsui_direction-button-wrapper-block-end_155yk_1id8u_93:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-66120l: -20px;
 }
 
-.awsui_direction-button-wrapper-inline-start_155yk_itebw_97:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_1id8u_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_direction-button-wrapper-inline-start_155yk_itebw_97:not(#\9):dir(ltr) {
-  --awsui-drag-handle-animation-inline-offset-esndbs: 20px;
+.awsui_direction-button-wrapper-inline-start_155yk_1id8u_97:not(#\9):dir(ltr) {
+  --awsui-drag-handle-animation-inline-offset-66120l: 20px;
 }
-.awsui_direction-button-wrapper-inline-start_155yk_itebw_97:not(#\9):dir(rtl) {
-  --awsui-drag-handle-animation-inline-offset-esndbs: -20px;
+.awsui_direction-button-wrapper-inline-start_155yk_1id8u_97:not(#\9):dir(rtl) {
+  --awsui-drag-handle-animation-inline-offset-66120l: -20px;
 }
 
-.awsui_direction-button-wrapper-inline-end_155yk_itebw_108:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_1id8u_108:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_direction-button-wrapper-inline-end_155yk_itebw_108:not(#\9):dir(ltr) {
-  --awsui-drag-handle-animation-inline-offset-esndbs: -20px;
+.awsui_direction-button-wrapper-inline-end_155yk_1id8u_108:not(#\9):dir(ltr) {
+  --awsui-drag-handle-animation-inline-offset-66120l: -20px;
 }
-.awsui_direction-button-wrapper-inline-end_155yk_itebw_108:not(#\9):dir(rtl) {
-  --awsui-drag-handle-animation-inline-offset-esndbs: 20px;
+.awsui_direction-button-wrapper-inline-end_155yk_1id8u_108:not(#\9):dir(rtl) {
+  --awsui-drag-handle-animation-inline-offset-66120l: 20px;
 }
 
-.awsui_contents_155yk_itebw_119:not(#\9) {
+.awsui_contents_155yk_1id8u_119:not(#\9) {
   display: contents;
 }
 
-.awsui_portal-overlay_155yk_itebw_123:not(#\9) {
+.awsui_portal-overlay_155yk_1id8u_123:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -128,114 +128,114 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 7000;
 }
 
-.awsui_portal-overlay-disabled_155yk_itebw_131:not(#\9) {
+.awsui_portal-overlay-disabled_155yk_1id8u_131:not(#\9) {
   display: none;
 }
 
-.awsui_portal-overlay-contents_155yk_itebw_135:not(#\9) {
+.awsui_portal-overlay-contents_155yk_1id8u_135:not(#\9) {
   pointer-events: auto;
 }
 
-.awsui_drag-handle_155yk_itebw_139:not(#\9) {
+.awsui_drag-handle_155yk_1id8u_139:not(#\9) {
   position: relative;
   display: inline-flex;
 }
 
-.awsui_direction-button-wrapper_155yk_itebw_29:not(#\9) {
+.awsui_direction-button-wrapper_155yk_1id8u_29:not(#\9) {
   position: absolute;
-  block-size: var(--space-static-xl-4tedi6, 24px);
-  inline-size: var(--space-static-xl-4tedi6, 24px);
-  padding-block: var(--space-static-xxs-ns94dp, 4px);
-  padding-inline: var(--space-static-xxs-ns94dp, 4px);
+  block-size: var(--space-static-xl-frcfkv, 24px);
+  inline-size: var(--space-static-xl-frcfkv, 24px);
+  padding-block: var(--space-static-xxs-vzto3j, 4px);
+  padding-inline: var(--space-static-xxs-vzto3j, 4px);
 }
 
-.awsui_direction-button-wrapper-hidden_155yk_itebw_152:not(#\9) {
+.awsui_direction-button-wrapper-hidden_155yk_1id8u_152:not(#\9) {
   display: none;
 }
 
-.awsui_direction-button-wrapper-block-start_155yk_itebw_89:not(#\9) {
-  inset-block-start: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
-  inset-inline-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
+.awsui_direction-button-wrapper-block-start_155yk_1id8u_89:not(#\9) {
+  inset-block-start: calc(-1 * (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)));
+  inset-inline-start: calc(50% - (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)) / 2);
 }
 
-.awsui_direction-button-wrapper-block-end_155yk_itebw_93:not(#\9) {
-  inset-block-end: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
-  inset-inline-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
+.awsui_direction-button-wrapper-block-end_155yk_1id8u_93:not(#\9) {
+  inset-block-end: calc(-1 * (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)));
+  inset-inline-start: calc(50% - (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)) / 2);
 }
 
-.awsui_direction-button-wrapper-inline-start_155yk_itebw_97:not(#\9) {
-  inset-inline-start: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
-  inset-block-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
+.awsui_direction-button-wrapper-inline-start_155yk_1id8u_97:not(#\9) {
+  inset-inline-start: calc(-1 * (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)));
+  inset-block-start: calc(50% - (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)) / 2);
 }
 
-.awsui_direction-button-wrapper-inline-end_155yk_itebw_108:not(#\9) {
-  inset-inline-end: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
-  inset-block-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
+.awsui_direction-button-wrapper-inline-end_155yk_1id8u_108:not(#\9) {
+  inset-inline-end: calc(-1 * (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)));
+  inset-block-start: calc(50% - (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)) / 2);
 }
 
-.awsui_direction-button-wrapper-forced_155yk_itebw_176:not(#\9) {
-  inset-inline-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
+.awsui_direction-button-wrapper-forced_155yk_1id8u_176:not(#\9) {
+  inset-inline-start: calc(50% - (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)) / 2);
 }
 
-.awsui_direction-button-wrapper-forced-top-0_155yk_itebw_180:not(#\9) {
-  inset-block-start: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
+.awsui_direction-button-wrapper-forced-top-0_155yk_1id8u_180:not(#\9) {
+  inset-block-start: calc(-1 * (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)));
 }
 
-.awsui_direction-button-wrapper-forced-top-1_155yk_itebw_184:not(#\9) {
-  inset-block-start: calc(-2 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
+.awsui_direction-button-wrapper-forced-top-1_155yk_1id8u_184:not(#\9) {
+  inset-block-start: calc(-2 * (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)));
 }
 
-.awsui_direction-button-wrapper-forced-top-2_155yk_itebw_188:not(#\9) {
-  inset-block-start: calc(-3 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
+.awsui_direction-button-wrapper-forced-top-2_155yk_1id8u_188:not(#\9) {
+  inset-block-start: calc(-3 * (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)));
 }
 
-.awsui_direction-button-wrapper-forced-top-3_155yk_itebw_192:not(#\9) {
-  inset-block-start: calc(-4 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
+.awsui_direction-button-wrapper-forced-top-3_155yk_1id8u_192:not(#\9) {
+  inset-block-start: calc(-4 * (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)));
 }
 
-.awsui_direction-button-wrapper-forced-bottom-0_155yk_itebw_196:not(#\9) {
-  inset-block-start: calc(1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
+.awsui_direction-button-wrapper-forced-bottom-0_155yk_1id8u_196:not(#\9) {
+  inset-block-start: calc(1 * (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)));
 }
 
-.awsui_direction-button-wrapper-forced-bottom-1_155yk_itebw_200:not(#\9) {
-  inset-block-start: calc(2 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
+.awsui_direction-button-wrapper-forced-bottom-1_155yk_1id8u_200:not(#\9) {
+  inset-block-start: calc(2 * (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)));
 }
 
-.awsui_direction-button-wrapper-forced-bottom-2_155yk_itebw_204:not(#\9) {
-  inset-block-start: calc(3 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
+.awsui_direction-button-wrapper-forced-bottom-2_155yk_1id8u_204:not(#\9) {
+  inset-block-start: calc(3 * (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)));
 }
 
-.awsui_direction-button-wrapper-forced-bottom-3_155yk_itebw_208:not(#\9) {
-  inset-block-start: calc(4 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
+.awsui_direction-button-wrapper-forced-bottom-3_155yk_1id8u_208:not(#\9) {
+  inset-block-start: calc(4 * (var(--space-static-xl-frcfkv, 24px) + 2 * var(--space-static-xxs-vzto3j, 4px)));
 }
 
-.awsui_direction-button_155yk_itebw_29:not(#\9) {
+.awsui_direction-button_155yk_1id8u_29:not(#\9) {
   position: absolute;
   border-width: 0;
   cursor: pointer;
   display: inline-block;
   box-sizing: border-box;
   touch-action: manipulation;
-  inline-size: var(--space-static-xl-4tedi6, 24px);
-  block-size: var(--space-static-xl-4tedi6, 24px);
-  padding-block: var(--space-xxs-hwfkai, 4px);
-  padding-inline: var(--space-xxs-hwfkai, 4px);
+  inline-size: var(--space-static-xl-frcfkv, 24px);
+  block-size: var(--space-static-xl-frcfkv, 24px);
+  padding-block: var(--space-xxs-3o1yoq, 4px);
+  padding-inline: var(--space-xxs-3o1yoq, 4px);
   border-start-start-radius: 50%;
   border-start-end-radius: 50%;
   border-end-start-radius: 50%;
   border-end-end-radius: 50%;
   background-color: var(--color-background-direction-button-default-bvhbsn, #424650);
   color: var(--color-text-direction-button-default-p88lvb, #ffffff);
-  box-shadow: var(--shadow-dropdown-isf0w4, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
+  box-shadow: var(--shadow-dropdown-ogwesf, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
 }
-.awsui_direction-button_155yk_itebw_29:not(#\9):not(.awsui_direction-button-disabled_155yk_itebw_231):hover {
+.awsui_direction-button_155yk_1id8u_29:not(#\9):not(.awsui_direction-button-disabled_155yk_1id8u_231):hover {
   background-color: var(--color-background-direction-button-hover-74n5o1, #333843);
 }
-.awsui_direction-button_155yk_itebw_29:not(#\9):not(.awsui_direction-button-disabled_155yk_itebw_231):active {
+.awsui_direction-button_155yk_1id8u_29:not(#\9):not(.awsui_direction-button-disabled_155yk_1id8u_231):active {
   background-color: var(--color-background-direction-button-active-lvo0dy, #232b37);
 }
 
-.awsui_direction-button-disabled_155yk_itebw_231:not(#\9) {
+.awsui_direction-button-disabled_155yk_1id8u_231:not(#\9) {
   cursor: default;
   background-color: var(--color-background-direction-button-disabled-uad4xk, #ebebf0);
   color: var(--color-text-direction-button-disabled-t86kvg, #b4b4bb);

package/internal/components/drag-handle-wrapper/styles.selectors.js

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_itebw_29",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_itebw_49",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_itebw_49",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_itebw_49",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_itebw_49",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_itebw_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_itebw_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_itebw_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_itebw_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_itebw_89",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_itebw_93",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_itebw_97",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_itebw_108",
-  "contents": "awsui_contents_155yk_itebw_119",
-  "portal-overlay": "awsui_portal-overlay_155yk_itebw_123",
-  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_itebw_131",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_itebw_135",
-  "drag-handle": "awsui_drag-handle_155yk_itebw_139",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_itebw_152",
-  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_itebw_176",
-  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_itebw_180",
-  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_itebw_184",
-  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_itebw_188",
-  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_itebw_192",
-  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_itebw_196",
-  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_itebw_200",
-  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_itebw_204",
-  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_itebw_208",
-  "direction-button": "awsui_direction-button_155yk_itebw_29",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_itebw_231"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1id8u_29",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1id8u_49",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1id8u_49",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1id8u_49",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1id8u_49",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1id8u_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1id8u_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1id8u_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1id8u_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1id8u_89",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1id8u_93",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1id8u_97",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1id8u_108",
+  "contents": "awsui_contents_155yk_1id8u_119",
+  "portal-overlay": "awsui_portal-overlay_155yk_1id8u_123",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1id8u_131",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1id8u_135",
+  "drag-handle": "awsui_drag-handle_155yk_1id8u_139",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1id8u_152",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1id8u_176",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1id8u_180",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1id8u_184",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1id8u_188",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1id8u_192",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1id8u_196",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1id8u_200",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1id8u_204",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1id8u_208",
+  "direction-button": "awsui_direction-button_155yk_1id8u_29",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1id8u_231"
 };
   

package/internal/components/dropdown-status/styles.css.js

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_vrgzu_1d4ww_9",
-  "recovery": "awsui_recovery_vrgzu_1d4ww_44"
+  "root": "awsui_root_vrgzu_fj1is_9",
+  "recovery": "awsui_recovery_vrgzu_fj1is_44"
 };
   

package/internal/components/dropdown-status/styles.scoped.css

@@ -6,7 +6,7 @@
 /* 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_root_vrgzu_1d4ww_9:not(#\9) {
+.awsui_root_vrgzu_fj1is_9:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -36,11 +36,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-c9u5cr, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  padding-block-start: var(--space-option-padding-vertical-d2srv9, 4px);
-  padding-block-end: calc(var(--space-option-padding-vertical-d2srv9, 4px) + var(--space-xxxs-pajhad, 2px));
-  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
+  padding-block-start: var(--space-option-padding-vertical-hggcse, 4px);
+  padding-block-end: calc(var(--space-option-padding-vertical-hggcse, 4px) + var(--space-xxxs-3ulqs3, 2px));
+  padding-inline: var(--space-field-horizontal-anki5k, 12px);
   color: var(--color-text-dropdown-footer-ks7c04, #656871);
 }
-.awsui_root_vrgzu_1d4ww_9 > .awsui_recovery_vrgzu_1d4ww_44:not(#\9) {
+.awsui_root_vrgzu_fj1is_9 > .awsui_recovery_vrgzu_fj1is_44:not(#\9) {
   /* used in test-utils */
 }

package/internal/components/dropdown-status/styles.selectors.js

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_vrgzu_1d4ww_9",
-  "recovery": "awsui_recovery_vrgzu_1d4ww_44"
+  "root": "awsui_root_vrgzu_fj1is_9",
+  "recovery": "awsui_recovery_vrgzu_fj1is_44"
 };
   

package/internal/components/expand-toggle-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/expand-toggle-button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,qBAAqB,GACtB,EAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,eAuBA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/expand-toggle-button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,qBAAqB,GACtB,EAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,eAyBA"}

package/internal/components/expand-toggle-button/index.js

@@ -8,6 +8,6 @@ import styles from './styles.css.js';
 export function ExpandToggleButton({ isExpanded, onExpandableItemToggle, expandButtonLabel, collapseButtonLabel, customIcon, className, disableFocusHighlight, }) {
     const buttonRef = useRef(null);
     const { tabIndex } = useSingleTabStopNavigation(buttonRef);
-    return (React.createElement("button", { type: "button", ref: buttonRef, tabIndex: tabIndex, "aria-label": isExpanded ? collapseButtonLabel : expandButtonLabel, "aria-expanded": isExpanded, className: clsx(styles['expand-toggle'], disableFocusHighlight && styles['disable-focus-highlight'], className), onClick: onExpandableItemToggle }, customIcon !== null && customIcon !== void 0 ? customIcon : (React.createElement(InternalIcon, { size: isThemeActive(Theme.OneTheme) ? 'x-small' : 'small', name: isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled', className: clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded']) }))));
+    return (React.createElement("button", { type: "button", ref: buttonRef, tabIndex: tabIndex, "aria-label": isExpanded ? collapseButtonLabel : expandButtonLabel, "aria-expanded": isExpanded, className: clsx(styles['expand-toggle'], disableFocusHighlight && styles['disable-focus-highlight'], className), onClick: onExpandableItemToggle, "data-awsui-motion-trigger": "hover", "data-awsui-motion-target": "" }, customIcon !== null && customIcon !== void 0 ? customIcon : (React.createElement(InternalIcon, { size: isThemeActive(Theme.OneTheme) ? 'x-small' : 'small', name: isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled', className: clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded']) }))));
 }
 //# sourceMappingURL=index.js.map

package/internal/components/expand-toggle-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/expand-toggle-button/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAEjH,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAElD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,qBAAqB,GAStB;IACC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAE3D,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,gBACN,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,mBACjD,UAAU,EACzB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,qBAAqB,IAAI,MAAM,CAAC,yBAAyB,CAAC,EAAE,SAAS,CAAC,EAC/G,OAAO,EAAE,sBAAsB,IAE9B,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CACb,oBAAC,YAAY,IACX,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACzD,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,EACxE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,UAAU,IAAI,MAAM,CAAC,6BAA6B,CAAC,CAAC,GAClG,CACH,CACM,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme, useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalIcon from '../../../icon/internal';\n\nimport styles from './styles.css.js';\n\nexport function ExpandToggleButton({\n  isExpanded,\n  onExpandableItemToggle,\n  expandButtonLabel,\n  collapseButtonLabel,\n  customIcon,\n  className,\n  disableFocusHighlight,\n}: {\n  isExpanded?: boolean;\n  onExpandableItemToggle?: () => void;\n  expandButtonLabel?: string;\n  collapseButtonLabel?: string;\n  customIcon?: React.ReactNode;\n  className?: string;\n  disableFocusHighlight?: boolean;\n}) {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { tabIndex } = useSingleTabStopNavigation(buttonRef);\n\n  return (\n    <button\n      type=\"button\"\n      ref={buttonRef}\n      tabIndex={tabIndex}\n      aria-label={isExpanded ? collapseButtonLabel : expandButtonLabel}\n      aria-expanded={isExpanded}\n      className={clsx(styles['expand-toggle'], disableFocusHighlight && styles['disable-focus-highlight'], className)}\n      onClick={onExpandableItemToggle}\n    >\n      {customIcon ?? (\n        <InternalIcon\n          size={isThemeActive(Theme.OneTheme) ? 'x-small' : 'small'}\n          name={isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled'}\n          className={clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded'])}\n        />\n      )}\n    </button>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/expand-toggle-button/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAEjH,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAElD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,qBAAqB,GAStB;IACC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAE3D,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,gBACN,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,mBACjD,UAAU,EACzB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,qBAAqB,IAAI,MAAM,CAAC,yBAAyB,CAAC,EAAE,SAAS,CAAC,EAC/G,OAAO,EAAE,sBAAsB,+BACL,OAAO,8BACR,EAAE,IAE1B,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CACb,oBAAC,YAAY,IACX,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACzD,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,EACxE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,UAAU,IAAI,MAAM,CAAC,6BAA6B,CAAC,CAAC,GAClG,CACH,CACM,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme, useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalIcon from '../../../icon/internal';\n\nimport styles from './styles.css.js';\n\nexport function ExpandToggleButton({\n  isExpanded,\n  onExpandableItemToggle,\n  expandButtonLabel,\n  collapseButtonLabel,\n  customIcon,\n  className,\n  disableFocusHighlight,\n}: {\n  isExpanded?: boolean;\n  onExpandableItemToggle?: () => void;\n  expandButtonLabel?: string;\n  collapseButtonLabel?: string;\n  customIcon?: React.ReactNode;\n  className?: string;\n  disableFocusHighlight?: boolean;\n}) {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { tabIndex } = useSingleTabStopNavigation(buttonRef);\n\n  return (\n    <button\n      type=\"button\"\n      ref={buttonRef}\n      tabIndex={tabIndex}\n      aria-label={isExpanded ? collapseButtonLabel : expandButtonLabel}\n      aria-expanded={isExpanded}\n      className={clsx(styles['expand-toggle'], disableFocusHighlight && styles['disable-focus-highlight'], className)}\n      onClick={onExpandableItemToggle}\n      data-awsui-motion-trigger=\"hover\"\n      data-awsui-motion-target=\"\"\n    >\n      {customIcon ?? (\n        <InternalIcon\n          size={isThemeActive(Theme.OneTheme) ? 'x-small' : 'small'}\n          name={isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled'}\n          className={clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded'])}\n        />\n      )}\n    </button>\n  );\n}\n"]}

package/internal/components/expand-toggle-button/styles.css.js

@@ -1,9 +1,9 @@
 
     import './styles.scoped.css';
     export default {
-  "expand-toggle-icon": "awsui_expand-toggle-icon_1xe88_nl1d1_13",
-  "expand-toggle-icon-expanded": "awsui_expand-toggle-icon-expanded_1xe88_nl1d1_34",
-  "expand-toggle": "awsui_expand-toggle_1xe88_nl1d1_13",
-  "disable-focus-highlight": "awsui_disable-focus-highlight_1xe88_nl1d1_85"
+  "expand-toggle-icon": "awsui_expand-toggle-icon_1xe88_151v8_13",
+  "expand-toggle-icon-expanded": "awsui_expand-toggle-icon-expanded_1xe88_151v8_34",
+  "expand-toggle": "awsui_expand-toggle_1xe88_151v8_13",
+  "disable-focus-highlight": "awsui_disable-focus-highlight_1xe88_151v8_85"
 };
   

package/internal/components/expand-toggle-button/styles.scoped.css

@@ -10,36 +10,36 @@ 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_expand-toggle-icon_1xe88_nl1d1_13:not(#\9) {
-  transition: transform var(--motion-duration-rotate-90-lyzb0k, 135ms) var(--motion-easing-rotate-90-jhbqg9, cubic-bezier(0.165, 0.84, 0.44, 1));
+.awsui_expand-toggle-icon_1xe88_151v8_13:not(#\9) {
+  transition: transform var(--motion-duration-rotate-90-de2qw0, 135ms) var(--motion-easing-rotate-90-mfea51, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_expand-toggle-icon_1xe88_nl1d1_13:not(#\9) {
+  .awsui_expand-toggle-icon_1xe88_151v8_13:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_expand-toggle-icon_1xe88_nl1d1_13:not(#\9), .awsui-mode-entering .awsui_expand-toggle-icon_1xe88_nl1d1_13:not(#\9) {
+.awsui-motion-disabled .awsui_expand-toggle-icon_1xe88_151v8_13:not(#\9), .awsui-mode-entering .awsui_expand-toggle-icon_1xe88_151v8_13:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_expand-toggle-icon_1xe88_nl1d1_13:not(#\9) {
+.awsui_expand-toggle-icon_1xe88_151v8_13:not(#\9) {
   transform: rotate(-90deg);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_expand-toggle-icon_1xe88_nl1d1_13:not(#\9):dir(rtl) {
+.awsui_expand-toggle-icon_1xe88_151v8_13:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
-.awsui_expand-toggle-icon-expanded_1xe88_nl1d1_34:not(#\9) {
+.awsui_expand-toggle-icon-expanded_1xe88_151v8_34:not(#\9) {
   transform: rotate(0deg);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_expand-toggle-icon-expanded_1xe88_nl1d1_34:not(#\9):dir(rtl) {
+.awsui_expand-toggle-icon-expanded_1xe88_151v8_34:not(#\9):dir(rtl) {
   transform: rotate(0deg);
 }
 
-.awsui_expand-toggle_1xe88_nl1d1_13:not(#\9) {
+.awsui_expand-toggle_1xe88_151v8_13:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -70,8 +70,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   cursor: pointer;
-  inline-size: var(--space-m-dsumyt, 16px);
-  block-size: var(--space-m-dsumyt, 16px);
+  inline-size: var(--space-m-n8iq8o, 16px);
+  block-size: var(--space-m-n8iq8o, 16px);
   border-block: 0;
   border-inline: 0;
   margin-block: 0;
@@ -82,30 +82,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   outline: 0;
   color: var(--color-text-interactive-default-1o1pl2, #424650);
 }
-body[data-awsui-focus-visible=true] .awsui_expand-toggle_1xe88_nl1d1_13:not(#\9):not(.awsui_disable-focus-highlight_1xe88_nl1d1_85):focus {
+body[data-awsui-focus-visible=true] .awsui_expand-toggle_1xe88_151v8_13:not(#\9):not(.awsui_disable-focus-highlight_1xe88_151v8_85):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_expand-toggle_1xe88_nl1d1_13:not(#\9):not(.awsui_disable-focus-highlight_1xe88_nl1d1_85):focus {
+body[data-awsui-focus-visible=true] .awsui_expand-toggle_1xe88_151v8_13:not(#\9):not(.awsui_disable-focus-highlight_1xe88_151v8_85):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
+  outline-offset: calc(var(--space-button-focus-outline-gutter-dzjnny, 4px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_expand-toggle_1xe88_nl1d1_13:not(#\9):not(.awsui_disable-focus-highlight_1xe88_nl1d1_85):focus::before {
+body[data-awsui-focus-visible=true] .awsui_expand-toggle_1xe88_151v8_13:not(#\9):not(.awsui_disable-focus-highlight_1xe88_151v8_85):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
-  inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
-  inline-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
-  block-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
+  inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-dzjnny, 4px));
+  inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-dzjnny, 4px));
+  inline-size: calc(100% + var(--space-button-focus-outline-gutter-dzjnny, 4px) + var(--space-button-focus-outline-gutter-dzjnny, 4px));
+  block-size: calc(100% + var(--space-button-focus-outline-gutter-dzjnny, 4px) + var(--space-button-focus-outline-gutter-dzjnny, 4px));
   border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
 }
-.awsui_expand-toggle_1xe88_nl1d1_13:not(#\9):hover {
+.awsui_expand-toggle_1xe88_151v8_13:not(#\9):hover {
   color: var(--color-text-interactive-hover-j5y3wx, #0f141a);
 }
-.awsui_expand-toggle_1xe88_nl1d1_13:not(#\9):active {
+.awsui_expand-toggle_1xe88_151v8_13:not(#\9):active {
   color: var(--color-text-interactive-active-fedaa8, #0f141a);
 }

package/internal/components/expand-toggle-button/styles.selectors.js

@@ -2,9 +2,9 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "expand-toggle-icon": "awsui_expand-toggle-icon_1xe88_nl1d1_13",
-  "expand-toggle-icon-expanded": "awsui_expand-toggle-icon-expanded_1xe88_nl1d1_34",
-  "expand-toggle": "awsui_expand-toggle_1xe88_nl1d1_13",
-  "disable-focus-highlight": "awsui_disable-focus-highlight_1xe88_nl1d1_85"
+  "expand-toggle-icon": "awsui_expand-toggle-icon_1xe88_151v8_13",
+  "expand-toggle-icon-expanded": "awsui_expand-toggle-icon-expanded_1xe88_151v8_34",
+  "expand-toggle": "awsui_expand-toggle_1xe88_151v8_13",
+  "disable-focus-highlight": "awsui_disable-focus-highlight_1xe88_151v8_85"
 };
   

package/internal/components/menu-dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/menu-dropdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKrE,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,eAAO,MAAM,aAAa,gFAqDzB,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,iFASnB,iBAAiB,gBAwCnB,CAAC;AAGF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/menu-dropdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKrE,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,eAAO,MAAM,aAAa,gFAuDzB,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,iFASnB,iBAAiB,gBAwCnB,CAAC;AAGF,eAAe,YAAY,CAAC"}

package/internal/components/menu-dropdown/index.js

@@ -16,7 +16,7 @@ export const ButtonTrigger = React.forwardRef(({ testUtilsClass, iconName, iconU
         }), "aria-label": ariaLabel, "aria-expanded": !!expanded, "aria-haspopup": true, disabled: disabled, onClick: event => {
             event.preventDefault();
             onClick === null || onClick === void 0 ? void 0 : onClick();
-        } },
+        }, "data-awsui-motion-trigger": "hover", "data-awsui-motion-target": "" },
         hasIcon && (React.createElement(InternalIcon, { className: styles.icon, name: iconName, url: iconUrl, alt: iconAlt, svg: iconSvg, badge: badge })),
         children && React.createElement("span", { className: styles.text }, children),
         children && (React.createElement(InternalIcon, { name: "caret-down-filled", className: spinWhenOpen(buttonDropdownStyles, 'rotate', !!expanded) }))));