@cloudscape-design/components 3.0.1249 → 3.0.1251

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

@@ -150,27 +150,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_1eux7_1 {
+@keyframes awsui_drag-handle-entry_155yk_zac9i_1 {
   from {
-    transform: translate(var(--awsui-drag-handle-animation-inline-offset-n6lfw8), var(--awsui-drag-handle-animation-block-offset-n6lfw8));
+    transform: translate(var(--awsui-drag-handle-animation-inline-offset-hzjhvz), var(--awsui-drag-handle-animation-block-offset-hzjhvz));
   }
   to {
     transform: translate(0, 0);
   }
 }
-@keyframes awsui_drag-handle-exit_155yk_1eux7_1 {
+@keyframes awsui_drag-handle-exit_155yk_zac9i_1 {
   from {
     transform: translate(0, 0);
   }
   to {
-    transform: translate(var(--awsui-drag-handle-animation-inline-offset-n6lfw8), var(--awsui-drag-handle-animation-block-offset-n6lfw8));
+    transform: translate(var(--awsui-drag-handle-animation-inline-offset-hzjhvz), var(--awsui-drag-handle-animation-block-offset-hzjhvz));
   }
 }
-.awsui_direction-button-wrapper_155yk_1eux7_169:not(#\9) {
-  --awsui-drag-handle-animation-inline-offset-n6lfw8: 0;
-  --awsui-drag-handle-animation-block-offset-n6lfw8: 0;
+.awsui_direction-button-wrapper_155yk_zac9i_169:not(#\9) {
+  --awsui-drag-handle-animation-inline-offset-hzjhvz: 0;
+  --awsui-drag-handle-animation-block-offset-hzjhvz: 0;
 }
-@keyframes awsui_awsui-motion-fade-in_155yk_1eux7_1 {
+@keyframes awsui_awsui-motion-fade-in_155yk_zac9i_1 {
   from {
     opacity: 0.2;
   }
@@ -178,7 +178,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 1;
   }
 }
-@keyframes awsui_awsui-motion-fade-out-0_155yk_1eux7_1 {
+@keyframes awsui_awsui-motion-fade-out-0_155yk_zac9i_1 {
   from {
     opacity: 1;
   }
@@ -186,81 +186,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 0;
   }
 }
-.awsui_direction-button-wrapper-motion-enter_155yk_1eux7_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_1eux7_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_1eux7_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_1eux7_189:not(#\9) {
+.awsui_direction-button-wrapper-motion-enter_155yk_zac9i_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_zac9i_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_zac9i_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_zac9i_189:not(#\9) {
   pointer-events: none;
 }
-.awsui_direction-button-wrapper-motion-entering_155yk_1eux7_189:not(#\9) {
-  animation: awsui_drag-handle-entry_155yk_1eux7_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_1eux7_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_zac9i_189:not(#\9) {
+  animation: awsui_drag-handle-entry_155yk_zac9i_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_zac9i_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper-motion-entering_155yk_1eux7_189:not(#\9) {
+  .awsui_direction-button-wrapper-motion-entering_155yk_zac9i_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_1eux7_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_1eux7_189:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_zac9i_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_zac9i_189:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_direction-button-wrapper-motion-exiting_155yk_1eux7_189:not(#\9) {
-  animation: awsui_drag-handle-exit_155yk_1eux7_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_1eux7_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_zac9i_189:not(#\9) {
+  animation: awsui_drag-handle-exit_155yk_zac9i_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_zac9i_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper-motion-exiting_155yk_1eux7_189:not(#\9) {
+  .awsui_direction-button-wrapper-motion-exiting_155yk_zac9i_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_1eux7_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_1eux7_189:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_zac9i_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_zac9i_189:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper_155yk_1eux7_169:not(#\9) {
+  .awsui_direction-button-wrapper_155yk_zac9i_169:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_1eux7_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_1eux7_169:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_zac9i_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_zac9i_169:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_direction-button-wrapper-block-start_155yk_1eux7_229:not(#\9) {
-  --awsui-drag-handle-animation-block-offset-n6lfw8: 20px;
+.awsui_direction-button-wrapper-block-start_155yk_zac9i_229:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-hzjhvz: 20px;
 }
 
-.awsui_direction-button-wrapper-block-end_155yk_1eux7_233:not(#\9) {
-  --awsui-drag-handle-animation-block-offset-n6lfw8: -20px;
+.awsui_direction-button-wrapper-block-end_155yk_zac9i_233:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-hzjhvz: -20px;
 }
 
-.awsui_direction-button-wrapper-inline-start_155yk_1eux7_237:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_zac9i_237: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_1eux7_237:not(#\9):dir(ltr) {
-  --awsui-drag-handle-animation-inline-offset-n6lfw8: 20px;
+.awsui_direction-button-wrapper-inline-start_155yk_zac9i_237:not(#\9):dir(ltr) {
+  --awsui-drag-handle-animation-inline-offset-hzjhvz: 20px;
 }
-.awsui_direction-button-wrapper-inline-start_155yk_1eux7_237:not(#\9):dir(rtl) {
-  --awsui-drag-handle-animation-inline-offset-n6lfw8: -20px;
+.awsui_direction-button-wrapper-inline-start_155yk_zac9i_237:not(#\9):dir(rtl) {
+  --awsui-drag-handle-animation-inline-offset-hzjhvz: -20px;
 }
 
-.awsui_direction-button-wrapper-inline-end_155yk_1eux7_248:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_zac9i_248: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_1eux7_248:not(#\9):dir(ltr) {
-  --awsui-drag-handle-animation-inline-offset-n6lfw8: -20px;
+.awsui_direction-button-wrapper-inline-end_155yk_zac9i_248:not(#\9):dir(ltr) {
+  --awsui-drag-handle-animation-inline-offset-hzjhvz: -20px;
 }
-.awsui_direction-button-wrapper-inline-end_155yk_1eux7_248:not(#\9):dir(rtl) {
-  --awsui-drag-handle-animation-inline-offset-n6lfw8: 20px;
+.awsui_direction-button-wrapper-inline-end_155yk_zac9i_248:not(#\9):dir(rtl) {
+  --awsui-drag-handle-animation-inline-offset-hzjhvz: 20px;
 }
 
-.awsui_contents_155yk_1eux7_259:not(#\9) {
+.awsui_contents_155yk_zac9i_259:not(#\9) {
   display: contents;
 }
 
-.awsui_portal-overlay_155yk_1eux7_263:not(#\9) {
+.awsui_portal-overlay_155yk_zac9i_263:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -268,20 +268,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 7000;
 }
 
-.awsui_portal-overlay-disabled_155yk_1eux7_271:not(#\9) {
+.awsui_portal-overlay-disabled_155yk_zac9i_271:not(#\9) {
   display: none;
 }
 
-.awsui_portal-overlay-contents_155yk_1eux7_275:not(#\9) {
+.awsui_portal-overlay-contents_155yk_zac9i_275:not(#\9) {
   pointer-events: auto;
 }
 
-.awsui_drag-handle_155yk_1eux7_279:not(#\9) {
+.awsui_drag-handle_155yk_zac9i_279:not(#\9) {
   position: relative;
   display: inline-flex;
 }
 
-.awsui_direction-button-wrapper_155yk_1eux7_169:not(#\9) {
+.awsui_direction-button-wrapper_155yk_zac9i_169:not(#\9) {
   position: absolute;
   block-size: var(--space-static-xl-4tedi6, 24px);
   inline-size: var(--space-static-xl-4tedi6, 24px);
@@ -289,67 +289,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-static-xxs-ns94dp, 4px);
 }
 
-.awsui_direction-button-wrapper-hidden_155yk_1eux7_292:not(#\9) {
+.awsui_direction-button-wrapper-hidden_155yk_zac9i_292:not(#\9) {
   display: none;
 }
 
-.awsui_direction-button-wrapper-block-start_155yk_1eux7_229:not(#\9) {
+.awsui_direction-button-wrapper-block-start_155yk_zac9i_229: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-end_155yk_1eux7_233:not(#\9) {
+.awsui_direction-button-wrapper-block-end_155yk_zac9i_233: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-inline-start_155yk_1eux7_237:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_zac9i_237: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-end_155yk_1eux7_248:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_zac9i_248: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-forced_155yk_1eux7_316:not(#\9) {
+.awsui_direction-button-wrapper-forced_155yk_zac9i_316: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-top-0_155yk_1eux7_320:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-0_155yk_zac9i_320: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-1_155yk_1eux7_324:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-1_155yk_zac9i_324: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-2_155yk_1eux7_328:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-2_155yk_zac9i_328: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-3_155yk_1eux7_332:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-3_155yk_zac9i_332: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-0_155yk_1eux7_336:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-0_155yk_zac9i_336: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-1_155yk_1eux7_340:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-1_155yk_zac9i_340: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-2_155yk_1eux7_344:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-2_155yk_zac9i_344: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-3_155yk_1eux7_348:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-3_155yk_zac9i_348:not(#\9) {
   inset-block-start: calc(4 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
 
-.awsui_direction-button_155yk_1eux7_169:not(#\9) {
+.awsui_direction-button_155yk_zac9i_169:not(#\9) {
   position: absolute;
   border-width: 0;
   cursor: pointer;
@@ -368,14 +368,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   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));
 }
-.awsui_direction-button_155yk_1eux7_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1eux7_371):hover {
+.awsui_direction-button_155yk_zac9i_169:not(#\9):not(.awsui_direction-button-disabled_155yk_zac9i_371):hover {
   background-color: var(--color-background-direction-button-hover-74n5o1, #333843);
 }
-.awsui_direction-button_155yk_1eux7_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1eux7_371):active {
+.awsui_direction-button_155yk_zac9i_169:not(#\9):not(.awsui_direction-button-disabled_155yk_zac9i_371):active {
   background-color: var(--color-background-direction-button-active-lvo0dy, #232b37);
 }
 
-.awsui_direction-button-disabled_155yk_1eux7_371:not(#\9) {
+.awsui_direction-button-disabled_155yk_zac9i_371:not(#\9) {
   cursor: default;
   background-color: var(--color-background-direction-button-disabled-s9x4zq, #ebebf0);
   color: var(--color-text-direction-button-disabled-2jds36, #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_1eux7_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1eux7_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1eux7_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1eux7_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1eux7_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1eux7_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1eux7_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1eux7_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1eux7_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1eux7_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1eux7_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1eux7_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1eux7_248",
-  "contents": "awsui_contents_155yk_1eux7_259",
-  "portal-overlay": "awsui_portal-overlay_155yk_1eux7_263",
-  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1eux7_271",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1eux7_275",
-  "drag-handle": "awsui_drag-handle_155yk_1eux7_279",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1eux7_292",
-  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1eux7_316",
-  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1eux7_320",
-  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1eux7_324",
-  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1eux7_328",
-  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1eux7_332",
-  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1eux7_336",
-  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1eux7_340",
-  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1eux7_344",
-  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1eux7_348",
-  "direction-button": "awsui_direction-button_155yk_1eux7_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1eux7_371"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_zac9i_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_zac9i_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_zac9i_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_zac9i_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_zac9i_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_zac9i_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_zac9i_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_zac9i_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_zac9i_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_zac9i_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_zac9i_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_zac9i_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_zac9i_248",
+  "contents": "awsui_contents_155yk_zac9i_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_zac9i_263",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_zac9i_271",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_zac9i_275",
+  "drag-handle": "awsui_drag-handle_155yk_zac9i_279",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_zac9i_292",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_zac9i_316",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_zac9i_320",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_zac9i_324",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_zac9i_328",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_zac9i_332",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_zac9i_336",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_zac9i_340",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_zac9i_344",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_zac9i_348",
+  "direction-button": "awsui_direction-button_155yk_zac9i_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_zac9i_371"
 };
   

package/internal/components/dropdown/dropdown-fit-handler.d.ts

@@ -38,7 +38,8 @@ export declare const getDropdownPosition: ({
   preferCenter,
   matchTriggerWidth,
   stretchHeight,
-  isMobile
+  isMobile,
+  maxHeight
 }: {
   triggerElement: HTMLElement;
   dropdownElement: HTMLElement;
@@ -49,5 +50,6 @@ export declare const getDropdownPosition: ({
   matchTriggerWidth?: boolean;
   stretchHeight?: boolean;
   isMobile?: boolean;
+  maxHeight?: number;
 }) => DropdownPosition;
-export declare const calculatePosition: (dropdownElement: HTMLDivElement, triggerElement: HTMLDivElement, verticalContainerElement: HTMLDivElement, interior: boolean, expandToViewport: boolean, preferCenter: boolean, matchTriggerWidth: boolean, stretchHeight: boolean, isMobile: boolean, minWidth?: DropdownWidthConstraint, maxWidth?: DropdownWidthConstraint) => [DropdownPosition, LogicalDOMRect];
+export declare const calculatePosition: (dropdownElement: HTMLDivElement, triggerElement: HTMLElement, verticalContainerElement: HTMLDivElement, interior: boolean, expandToViewport: boolean, preferCenter: boolean, matchTriggerWidth: boolean, stretchHeight: boolean, isMobile: boolean, minWidth?: DropdownWidthConstraint, maxWidth?: DropdownWidthConstraint, maxHeight?: number) => [DropdownPosition, LogicalDOMRect];

package/internal/components/dropdown/dropdown-fit-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-fit-handler.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/dropdown-fit-handler.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAmD,MAAM,mCAAmC,CAAC;AACjH,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAcvD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AACD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB;AAkKD,eAAO,MAAM,8BAA8B,GAAI,yHAQ5C;IACD,cAAc,EAAE,WAAW,CAAC;IAC5B,eAAe,EAAE,WAAW,CAAC;IAC7B,kBAAkB,CAAC,EAAE,uBAAuB,CAAC;IAC7C,kBAAkB,CAAC,EAAE,uBAAuB,CAAC;IAC7C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;CACnB,YAoBA,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,6KAUjC;IACD,cAAc,EAAE,WAAW,CAAC;IAC5B,eAAe,EAAE,WAAW,CAAC;IAC7B,eAAe,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,KAAG,gBA0DH,CAAC;AAkDF,eAAO,MAAM,iBAAiB,GAC5B,iBAAiB,cAAc,EAC/B,gBAAgB,cAAc,EAC9B,0BAA0B,cAAc,EACxC,UAAU,OAAO,EACjB,kBAAkB,OAAO,EACzB,cAAc,OAAO,EACrB,mBAAmB,OAAO,EAC1B,eAAe,OAAO,EACtB,UAAU,OAAO,EACjB,WAAW,uBAAuB,EAClC,WAAW,uBAAuB,KACjC,CAAC,gBAAgB,EAAE,cAAc,CAkCnC,CAAC"}
+{"version":3,"file":"dropdown-fit-handler.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/dropdown-fit-handler.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAmD,MAAM,mCAAmC,CAAC;AACjH,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAcvD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AACD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB;AAkKD,eAAO,MAAM,8BAA8B,GAAI,yHAQ5C;IACD,cAAc,EAAE,WAAW,CAAC;IAC5B,eAAe,EAAE,WAAW,CAAC;IAC7B,kBAAkB,CAAC,EAAE,uBAAuB,CAAC;IAC7C,kBAAkB,CAAC,EAAE,uBAAuB,CAAC;IAC7C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;CACnB,YAoBA,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,wLAWjC;IACD,cAAc,EAAE,WAAW,CAAC;IAC5B,eAAe,EAAE,WAAW,CAAC;IAC7B,eAAe,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,KAAG,gBA4DH,CAAC;AAkDF,eAAO,MAAM,iBAAiB,GAC5B,iBAAiB,cAAc,EAC/B,gBAAgB,WAAW,EAC3B,0BAA0B,cAAc,EACxC,UAAU,OAAO,EACjB,kBAAkB,OAAO,EACzB,cAAc,OAAO,EACrB,mBAAmB,OAAO,EAC1B,eAAe,OAAO,EACtB,UAAU,OAAO,EACjB,WAAW,uBAAuB,EAClC,WAAW,uBAAuB,EAClC,YAAY,MAAM,KACjB,CAAC,gBAAgB,EAAE,cAAc,CAoCnC,CAAC"}

package/internal/components/dropdown/dropdown-fit-handler.js

@@ -122,7 +122,7 @@ export const hasEnoughSpaceForFlexibleWidth = ({ triggerElement, dropdownElement
     });
     return idealWidth <= availableSpace.inlineStart || idealWidth <= availableSpace.inlineEnd;
 };
-export const getDropdownPosition = ({ triggerElement, dropdownElement, overflowParents, minWidth: minWidthConstraint, maxWidth: maxWidthConstraint, preferCenter = false, matchTriggerWidth = false, stretchHeight = false, isMobile = false, }) => {
+export const getDropdownPosition = ({ triggerElement, dropdownElement, overflowParents, minWidth: minWidthConstraint, maxWidth: maxWidthConstraint, preferCenter = false, matchTriggerWidth = false, stretchHeight = false, isMobile = false, maxHeight, }) => {
     // Determine the space available around the dropdown that it can grow in
     const availableSpace = getAvailableSpace({
         trigger: triggerElement,
@@ -167,11 +167,12 @@ export const getDropdownPosition = ({ triggerElement, dropdownElement, overflowP
     const availableHeight = dropBlockStart ? availableSpace.blockStart : availableSpace.blockEnd;
     // Try and crop the bottom item when all options can't be displayed, affordance for "there's more"
     const croppedHeight = Math.max(stretchHeight ? availableHeight : Math.floor(availableHeight / 31) * 31 + 16, 15);
+    const blockSize = maxHeight ? `min(${croppedHeight}px, ${maxHeight}px)` : `${croppedHeight}px`;
     return {
         dropBlockStart,
         dropInlineStart,
         insetInlineStart: insetInlineStart === null ? 'auto' : `${insetInlineStart}px`,
-        blockSize: `${croppedHeight}px`,
+        blockSize,
         inlineSize: `${inlineSize}px`,
     };
 };
@@ -208,7 +209,7 @@ const getInteriorDropdownPosition = (trigger, dropdown, overflowParents, isMobil
         insetInlineStart: `${insetInlineStart}px`,
     };
 };
-export const calculatePosition = (dropdownElement, triggerElement, verticalContainerElement, interior, expandToViewport, preferCenter, matchTriggerWidth, stretchHeight, isMobile, minWidth, maxWidth) => {
+export const calculatePosition = (dropdownElement, triggerElement, verticalContainerElement, interior, expandToViewport, preferCenter, matchTriggerWidth, stretchHeight, isMobile, minWidth, maxWidth, maxHeight) => {
     // cleaning previously assigned values,
     // so that they are not reused in case of screen resize and similar events
     verticalContainerElement.style.maxBlockSize = '';
@@ -237,6 +238,7 @@ export const calculatePosition = (dropdownElement, triggerElement, verticalConta
             matchTriggerWidth,
             stretchHeight,
             isMobile,
+            maxHeight,
         });
     const triggerBox = getLogicalBoundingClientRect(triggerElement);
     return [position, triggerBox];

package/internal/components/dropdown/dropdown-fit-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-fit-handler.js","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/dropdown-fit-handler.ts"],"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 { getLogicalBoundingClientRect } from '@cloudscape-design/component-toolkit/internal';\n\nimport { BoundingBox, getOverflowParentDimensions, getOverflowParents } from '../../utils/scrollable-containers';\nimport { LogicalDOMRect } from './dropdown-position';\nimport { DropdownWidthConstraint } from './interfaces';\n\nimport styles from './styles.css.js';\n\nconst AVAILABLE_SPACE_RESERVE_DEFAULT = 50;\nconst AVAILABLE_SPACE_RESERVE_MOBILE_VERTICAL = 19; // 50 - 31\nconst AVAILABLE_SPACE_RESERVE_MOBILE_HORIZONTAL = 20;\n\ninterface AvailableSpace {\n  blockStart: number;\n  blockEnd: number;\n  inlineStart: number;\n  inlineEnd: number;\n}\nexport interface DropdownPosition {\n  blockSize: string;\n  inlineSize: string;\n  dropBlockStart: boolean;\n  dropInlineStart: boolean;\n  insetInlineStart: string;\n}\nexport interface InteriorDropdownPosition extends DropdownPosition {\n  insetBlockEnd: string;\n  insetBlockStart: string;\n}\n\nconst getClosestParentDimensions = (element: HTMLElement): any => {\n  const parents = getOverflowParents(element).map(element => {\n    const { blockSize, inlineSize, insetBlockStart, insetInlineStart } = getLogicalBoundingClientRect(element);\n    return {\n      blockSize,\n      inlineSize,\n      insetBlockStart,\n      insetInlineStart,\n    };\n  });\n\n  return parents.shift();\n};\n\nconst getAvailableSpace = ({\n  trigger,\n  overflowParents,\n  stretchWidth = false,\n  stretchHeight = false,\n  isMobile,\n}: {\n  trigger: HTMLElement;\n  overflowParents: ReadonlyArray<BoundingBox>;\n  stretchWidth?: boolean;\n  stretchHeight?: boolean;\n  isMobile?: boolean;\n}): AvailableSpace => {\n  const availableSpaceReserveVertical = stretchHeight\n    ? 0\n    : isMobile\n      ? AVAILABLE_SPACE_RESERVE_MOBILE_VERTICAL\n      : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const availableSpaceReserveHorizontal = stretchWidth\n    ? 0\n    : isMobile\n      ? AVAILABLE_SPACE_RESERVE_MOBILE_HORIZONTAL\n      : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const {\n    insetBlockEnd: triggerBlockEnd,\n    insetInlineStart: triggerInlineStart,\n    insetInlineEnd: triggerInlineEnd,\n  } = getLogicalBoundingClientRect(trigger);\n\n  return overflowParents.reduce(\n    ({ blockStart, blockEnd, inlineStart, inlineEnd }, overflowParent) => {\n      const offsetTop = triggerBlockEnd - overflowParent.insetBlockStart;\n      const currentBlockStart = offsetTop - trigger.offsetHeight - availableSpaceReserveVertical;\n      const currentBlockEnd = overflowParent.blockSize - offsetTop - availableSpaceReserveVertical;\n      const currentInlineStart = triggerInlineEnd - overflowParent.insetInlineStart - availableSpaceReserveHorizontal;\n      const currentInlineEnd =\n        overflowParent.insetInlineStart +\n        overflowParent.inlineSize -\n        triggerInlineStart -\n        availableSpaceReserveHorizontal;\n\n      return {\n        blockStart: Math.min(blockStart, currentBlockStart),\n        blockEnd: Math.min(blockEnd, currentBlockEnd),\n        inlineStart: Math.min(inlineStart, currentInlineStart),\n        inlineEnd: Math.min(inlineEnd, currentInlineEnd),\n      };\n    },\n    {\n      blockStart: Number.MAX_VALUE,\n      blockEnd: Number.MAX_VALUE,\n      inlineStart: Number.MAX_VALUE,\n      inlineEnd: Number.MAX_VALUE,\n    }\n  );\n};\n\nconst getInteriorAvailableSpace = ({\n  trigger,\n  overflowParents,\n  isMobile,\n}: {\n  trigger: HTMLElement;\n  overflowParents: ReadonlyArray<BoundingBox>;\n  isMobile?: boolean;\n}): AvailableSpace => {\n  const AVAILABLE_SPACE_RESERVE_VERTICAL = isMobile\n    ? AVAILABLE_SPACE_RESERVE_MOBILE_VERTICAL\n    : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const AVAILABLE_SPACE_RESERVE_HORIZONTAL = isMobile\n    ? AVAILABLE_SPACE_RESERVE_MOBILE_HORIZONTAL\n    : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const {\n    insetBlockEnd: triggerBlockEnd,\n    insetBlockStart: triggerBlockStart,\n    insetInlineStart: triggerInlineStart,\n    insetInlineEnd: triggerInlineEnd,\n  } = getLogicalBoundingClientRect(trigger);\n\n  return overflowParents.reduce(\n    ({ blockStart, blockEnd, inlineStart, inlineEnd }, overflowParent) => {\n      const currentBlockStart = triggerBlockEnd - overflowParent.insetBlockStart - AVAILABLE_SPACE_RESERVE_VERTICAL;\n      const currentBlockEnd =\n        overflowParent.blockSize -\n        triggerBlockStart +\n        overflowParent.insetBlockStart -\n        AVAILABLE_SPACE_RESERVE_VERTICAL;\n      const currentInlineStart =\n        triggerInlineStart - overflowParent.insetInlineStart - AVAILABLE_SPACE_RESERVE_HORIZONTAL;\n      const currentInlineEnd =\n        overflowParent.insetInlineStart +\n        overflowParent.inlineSize -\n        triggerInlineEnd -\n        AVAILABLE_SPACE_RESERVE_HORIZONTAL;\n\n      return {\n        blockStart: Math.min(blockStart, currentBlockStart),\n        blockEnd: Math.min(blockEnd, currentBlockEnd),\n        inlineStart: Math.min(inlineStart, currentInlineStart),\n        inlineEnd: Math.min(inlineEnd, currentInlineEnd),\n      };\n    },\n    {\n      blockStart: Number.MAX_VALUE,\n      blockEnd: Number.MAX_VALUE,\n      inlineStart: Number.MAX_VALUE,\n      inlineEnd: Number.MAX_VALUE,\n    }\n  );\n};\n\nconst resolveWidthConstraint = (\n  constraint: DropdownWidthConstraint | undefined,\n  triggerWidth: number,\n  fallback: number\n): number => {\n  if (constraint === 'trigger') {\n    return triggerWidth;\n  }\n  if (typeof constraint === 'number') {\n    return constraint;\n  }\n  return fallback;\n};\n\nconst getWidths = ({\n  triggerElement,\n  dropdownElement,\n  minWidthConstraint,\n  maxWidthConstraint,\n}: {\n  triggerElement: HTMLElement;\n  dropdownElement: HTMLElement;\n  minWidthConstraint?: DropdownWidthConstraint;\n  maxWidthConstraint?: DropdownWidthConstraint;\n}) => {\n  const { inlineSize: triggerInlineSize } = getLogicalBoundingClientRect(triggerElement);\n  const { inlineSize: requiredWidth } = getLogicalBoundingClientRect(dropdownElement);\n\n  const minWidth = resolveWidthConstraint(minWidthConstraint, triggerInlineSize, 0);\n  const maxWidth = resolveWidthConstraint(maxWidthConstraint, triggerInlineSize, Number.MAX_VALUE);\n\n  const idealWidth = Math.min(Math.max(requiredWidth, minWidth), maxWidth);\n  return { idealWidth, minWidth, triggerInlineSize };\n};\n\nexport const hasEnoughSpaceForFlexibleWidth = ({\n  triggerElement,\n  dropdownElement,\n  minWidthConstraint,\n  maxWidthConstraint,\n  expandToViewport,\n  stretchHeight,\n  isMobile,\n}: {\n  triggerElement: HTMLElement;\n  dropdownElement: HTMLElement;\n  minWidthConstraint?: DropdownWidthConstraint;\n  maxWidthConstraint?: DropdownWidthConstraint;\n  expandToViewport: boolean;\n  stretchHeight: boolean;\n  isMobile: boolean;\n}) => {\n  const overflowParents = getOverflowParentDimensions({\n    element: dropdownElement,\n    excludeClosestParent: false,\n    expandToViewport,\n    canExpandOutsideViewport: stretchHeight,\n  });\n  const { idealWidth } = getWidths({\n    triggerElement: triggerElement,\n    dropdownElement,\n    minWidthConstraint,\n    maxWidthConstraint,\n  });\n  const availableSpace = getAvailableSpace({\n    trigger: triggerElement,\n    overflowParents,\n    stretchHeight,\n    isMobile,\n  });\n  return idealWidth <= availableSpace.inlineStart || idealWidth <= availableSpace.inlineEnd;\n};\n\nexport const getDropdownPosition = ({\n  triggerElement,\n  dropdownElement,\n  overflowParents,\n  minWidth: minWidthConstraint,\n  maxWidth: maxWidthConstraint,\n  preferCenter = false,\n  matchTriggerWidth = false,\n  stretchHeight = false,\n  isMobile = false,\n}: {\n  triggerElement: HTMLElement;\n  dropdownElement: HTMLElement;\n  overflowParents: ReadonlyArray<BoundingBox>;\n  minWidth?: DropdownWidthConstraint;\n  maxWidth?: DropdownWidthConstraint;\n  preferCenter?: boolean;\n  matchTriggerWidth?: boolean;\n  stretchHeight?: boolean;\n  isMobile?: boolean;\n}): DropdownPosition => {\n  // Determine the space available around the dropdown that it can grow in\n  const availableSpace = getAvailableSpace({\n    trigger: triggerElement,\n    overflowParents,\n    stretchWidth: matchTriggerWidth,\n    stretchHeight,\n    isMobile,\n  });\n  const { idealWidth, minWidth, triggerInlineSize } = getWidths({\n    triggerElement,\n    dropdownElement,\n    minWidthConstraint,\n    maxWidthConstraint,\n  });\n\n  let dropInlineStart: boolean;\n  let insetInlineStart: number | null = null;\n  let inlineSize = idealWidth;\n\n  //1. Can it be positioned with ideal width to the right?\n  if (idealWidth <= availableSpace.inlineEnd) {\n    dropInlineStart = false;\n    //2. Can it be positioned with ideal width to the left?\n  } else if (idealWidth <= availableSpace.inlineStart) {\n    dropInlineStart = true;\n    //3. Fit into biggest available space either on left or right\n  } else {\n    dropInlineStart = availableSpace.inlineStart > availableSpace.inlineEnd;\n    inlineSize = Math.max(availableSpace.inlineStart, availableSpace.inlineEnd, minWidth);\n  }\n\n  if (preferCenter) {\n    const spillOver = (idealWidth - triggerInlineSize) / 2;\n\n    // availableSpace always includes the trigger width, but we want to exclude that\n    const availableOutsideLeft = availableSpace.inlineStart - triggerInlineSize;\n    const availableOutsideRight = availableSpace.inlineEnd - triggerInlineSize;\n\n    const fitsInCenter = availableOutsideLeft >= spillOver && availableOutsideRight >= spillOver;\n    if (fitsInCenter) {\n      insetInlineStart = -spillOver;\n    }\n  }\n\n  const dropBlockStart =\n    availableSpace.blockEnd < dropdownElement.offsetHeight && availableSpace.blockStart > availableSpace.blockEnd;\n  const availableHeight = dropBlockStart ? availableSpace.blockStart : availableSpace.blockEnd;\n  // Try and crop the bottom item when all options can't be displayed, affordance for \"there's more\"\n  const croppedHeight = Math.max(stretchHeight ? availableHeight : Math.floor(availableHeight / 31) * 31 + 16, 15);\n\n  return {\n    dropBlockStart,\n    dropInlineStart,\n    insetInlineStart: insetInlineStart === null ? 'auto' : `${insetInlineStart}px`,\n    blockSize: `${croppedHeight}px`,\n    inlineSize: `${inlineSize}px`,\n  };\n};\n\nconst getInteriorDropdownPosition = (\n  trigger: HTMLElement,\n  dropdown: HTMLElement,\n  overflowParents: ReadonlyArray<BoundingBox>,\n  isMobile?: boolean\n): InteriorDropdownPosition => {\n  const availableSpace = getInteriorAvailableSpace({ trigger, overflowParents, isMobile });\n  const {\n    insetBlockEnd: triggerBlockEnd,\n    insetBlockStart: triggerBlockStart,\n    inlineSize: triggerInlineSize,\n  } = getLogicalBoundingClientRect(trigger);\n  const { insetBlockStart: parentDropdownBlockStart, blockSize: parentDropdownHeight } =\n    getClosestParentDimensions(trigger);\n\n  let dropInlineStart;\n\n  let { inlineSize } = getLogicalBoundingClientRect(dropdown);\n  const insetBlockStart = triggerBlockStart - parentDropdownBlockStart;\n  if (inlineSize <= availableSpace.inlineEnd) {\n    dropInlineStart = false;\n  } else if (inlineSize <= availableSpace.inlineStart) {\n    dropInlineStart = true;\n  } else {\n    dropInlineStart = availableSpace.inlineStart > availableSpace.inlineEnd;\n    inlineSize = Math.max(availableSpace.inlineStart, availableSpace.inlineEnd);\n  }\n\n  const insetInlineStart = dropInlineStart ? 0 - inlineSize : triggerInlineSize;\n\n  const dropBlockStart =\n    availableSpace.blockEnd < dropdown.offsetHeight && availableSpace.blockStart > availableSpace.blockEnd;\n  const insetBlockEnd = dropBlockStart ? parentDropdownBlockStart + parentDropdownHeight - triggerBlockEnd : 0;\n  const availableHeight = dropBlockStart ? availableSpace.blockStart : availableSpace.blockEnd;\n  // Try and crop the bottom item when all options can't be displayed, affordance for \"there's more\"\n  const croppedHeight = Math.floor(availableHeight / 31) * 31 + 16;\n\n  return {\n    dropBlockStart,\n    dropInlineStart,\n    blockSize: `${croppedHeight}px`,\n    inlineSize: `${inlineSize}px`,\n    insetBlockStart: `${insetBlockStart}px`,\n    insetBlockEnd: `${insetBlockEnd}px`,\n    insetInlineStart: `${insetInlineStart}px`,\n  };\n};\n\nexport const calculatePosition = (\n  dropdownElement: HTMLDivElement,\n  triggerElement: HTMLDivElement,\n  verticalContainerElement: HTMLDivElement,\n  interior: boolean,\n  expandToViewport: boolean,\n  preferCenter: boolean,\n  matchTriggerWidth: boolean,\n  stretchHeight: boolean,\n  isMobile: boolean,\n  minWidth?: DropdownWidthConstraint,\n  maxWidth?: DropdownWidthConstraint\n): [DropdownPosition, LogicalDOMRect] => {\n  // cleaning previously assigned values,\n  // so that they are not reused in case of screen resize and similar events\n  verticalContainerElement.style.maxBlockSize = '';\n  dropdownElement.style.inlineSize = '';\n  dropdownElement.style.insetBlockStart = '';\n  dropdownElement.style.insetBlockEnd = '';\n  dropdownElement.style.insetInlineStart = '';\n\n  dropdownElement.classList.remove(styles['dropdown-drop-left']);\n  dropdownElement.classList.remove(styles['dropdown-drop-right']);\n  dropdownElement.classList.remove(styles['dropdown-drop-up']);\n\n  const overflowParents = getOverflowParentDimensions({\n    element: dropdownElement,\n    excludeClosestParent: interior,\n    expandToViewport,\n    canExpandOutsideViewport: stretchHeight,\n  });\n  const position = interior\n    ? getInteriorDropdownPosition(triggerElement, dropdownElement, overflowParents, isMobile)\n    : getDropdownPosition({\n        triggerElement,\n        dropdownElement,\n        overflowParents,\n        minWidth,\n        maxWidth,\n        preferCenter,\n        matchTriggerWidth,\n        stretchHeight,\n        isMobile,\n      });\n  const triggerBox = getLogicalBoundingClientRect(triggerElement);\n  return [position, triggerBox];\n};\n"]}
+{"version":3,"file":"dropdown-fit-handler.js","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/dropdown-fit-handler.ts"],"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 { getLogicalBoundingClientRect } from '@cloudscape-design/component-toolkit/internal';\n\nimport { BoundingBox, getOverflowParentDimensions, getOverflowParents } from '../../utils/scrollable-containers';\nimport { LogicalDOMRect } from './dropdown-position';\nimport { DropdownWidthConstraint } from './interfaces';\n\nimport styles from './styles.css.js';\n\nconst AVAILABLE_SPACE_RESERVE_DEFAULT = 50;\nconst AVAILABLE_SPACE_RESERVE_MOBILE_VERTICAL = 19; // 50 - 31\nconst AVAILABLE_SPACE_RESERVE_MOBILE_HORIZONTAL = 20;\n\ninterface AvailableSpace {\n  blockStart: number;\n  blockEnd: number;\n  inlineStart: number;\n  inlineEnd: number;\n}\nexport interface DropdownPosition {\n  blockSize: string;\n  inlineSize: string;\n  dropBlockStart: boolean;\n  dropInlineStart: boolean;\n  insetInlineStart: string;\n}\nexport interface InteriorDropdownPosition extends DropdownPosition {\n  insetBlockEnd: string;\n  insetBlockStart: string;\n}\n\nconst getClosestParentDimensions = (element: HTMLElement): any => {\n  const parents = getOverflowParents(element).map(element => {\n    const { blockSize, inlineSize, insetBlockStart, insetInlineStart } = getLogicalBoundingClientRect(element);\n    return {\n      blockSize,\n      inlineSize,\n      insetBlockStart,\n      insetInlineStart,\n    };\n  });\n\n  return parents.shift();\n};\n\nconst getAvailableSpace = ({\n  trigger,\n  overflowParents,\n  stretchWidth = false,\n  stretchHeight = false,\n  isMobile,\n}: {\n  trigger: HTMLElement;\n  overflowParents: ReadonlyArray<BoundingBox>;\n  stretchWidth?: boolean;\n  stretchHeight?: boolean;\n  isMobile?: boolean;\n}): AvailableSpace => {\n  const availableSpaceReserveVertical = stretchHeight\n    ? 0\n    : isMobile\n      ? AVAILABLE_SPACE_RESERVE_MOBILE_VERTICAL\n      : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const availableSpaceReserveHorizontal = stretchWidth\n    ? 0\n    : isMobile\n      ? AVAILABLE_SPACE_RESERVE_MOBILE_HORIZONTAL\n      : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const {\n    insetBlockEnd: triggerBlockEnd,\n    insetInlineStart: triggerInlineStart,\n    insetInlineEnd: triggerInlineEnd,\n  } = getLogicalBoundingClientRect(trigger);\n\n  return overflowParents.reduce(\n    ({ blockStart, blockEnd, inlineStart, inlineEnd }, overflowParent) => {\n      const offsetTop = triggerBlockEnd - overflowParent.insetBlockStart;\n      const currentBlockStart = offsetTop - trigger.offsetHeight - availableSpaceReserveVertical;\n      const currentBlockEnd = overflowParent.blockSize - offsetTop - availableSpaceReserveVertical;\n      const currentInlineStart = triggerInlineEnd - overflowParent.insetInlineStart - availableSpaceReserveHorizontal;\n      const currentInlineEnd =\n        overflowParent.insetInlineStart +\n        overflowParent.inlineSize -\n        triggerInlineStart -\n        availableSpaceReserveHorizontal;\n\n      return {\n        blockStart: Math.min(blockStart, currentBlockStart),\n        blockEnd: Math.min(blockEnd, currentBlockEnd),\n        inlineStart: Math.min(inlineStart, currentInlineStart),\n        inlineEnd: Math.min(inlineEnd, currentInlineEnd),\n      };\n    },\n    {\n      blockStart: Number.MAX_VALUE,\n      blockEnd: Number.MAX_VALUE,\n      inlineStart: Number.MAX_VALUE,\n      inlineEnd: Number.MAX_VALUE,\n    }\n  );\n};\n\nconst getInteriorAvailableSpace = ({\n  trigger,\n  overflowParents,\n  isMobile,\n}: {\n  trigger: HTMLElement;\n  overflowParents: ReadonlyArray<BoundingBox>;\n  isMobile?: boolean;\n}): AvailableSpace => {\n  const AVAILABLE_SPACE_RESERVE_VERTICAL = isMobile\n    ? AVAILABLE_SPACE_RESERVE_MOBILE_VERTICAL\n    : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const AVAILABLE_SPACE_RESERVE_HORIZONTAL = isMobile\n    ? AVAILABLE_SPACE_RESERVE_MOBILE_HORIZONTAL\n    : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const {\n    insetBlockEnd: triggerBlockEnd,\n    insetBlockStart: triggerBlockStart,\n    insetInlineStart: triggerInlineStart,\n    insetInlineEnd: triggerInlineEnd,\n  } = getLogicalBoundingClientRect(trigger);\n\n  return overflowParents.reduce(\n    ({ blockStart, blockEnd, inlineStart, inlineEnd }, overflowParent) => {\n      const currentBlockStart = triggerBlockEnd - overflowParent.insetBlockStart - AVAILABLE_SPACE_RESERVE_VERTICAL;\n      const currentBlockEnd =\n        overflowParent.blockSize -\n        triggerBlockStart +\n        overflowParent.insetBlockStart -\n        AVAILABLE_SPACE_RESERVE_VERTICAL;\n      const currentInlineStart =\n        triggerInlineStart - overflowParent.insetInlineStart - AVAILABLE_SPACE_RESERVE_HORIZONTAL;\n      const currentInlineEnd =\n        overflowParent.insetInlineStart +\n        overflowParent.inlineSize -\n        triggerInlineEnd -\n        AVAILABLE_SPACE_RESERVE_HORIZONTAL;\n\n      return {\n        blockStart: Math.min(blockStart, currentBlockStart),\n        blockEnd: Math.min(blockEnd, currentBlockEnd),\n        inlineStart: Math.min(inlineStart, currentInlineStart),\n        inlineEnd: Math.min(inlineEnd, currentInlineEnd),\n      };\n    },\n    {\n      blockStart: Number.MAX_VALUE,\n      blockEnd: Number.MAX_VALUE,\n      inlineStart: Number.MAX_VALUE,\n      inlineEnd: Number.MAX_VALUE,\n    }\n  );\n};\n\nconst resolveWidthConstraint = (\n  constraint: DropdownWidthConstraint | undefined,\n  triggerWidth: number,\n  fallback: number\n): number => {\n  if (constraint === 'trigger') {\n    return triggerWidth;\n  }\n  if (typeof constraint === 'number') {\n    return constraint;\n  }\n  return fallback;\n};\n\nconst getWidths = ({\n  triggerElement,\n  dropdownElement,\n  minWidthConstraint,\n  maxWidthConstraint,\n}: {\n  triggerElement: HTMLElement;\n  dropdownElement: HTMLElement;\n  minWidthConstraint?: DropdownWidthConstraint;\n  maxWidthConstraint?: DropdownWidthConstraint;\n}) => {\n  const { inlineSize: triggerInlineSize } = getLogicalBoundingClientRect(triggerElement);\n  const { inlineSize: requiredWidth } = getLogicalBoundingClientRect(dropdownElement);\n\n  const minWidth = resolveWidthConstraint(minWidthConstraint, triggerInlineSize, 0);\n  const maxWidth = resolveWidthConstraint(maxWidthConstraint, triggerInlineSize, Number.MAX_VALUE);\n\n  const idealWidth = Math.min(Math.max(requiredWidth, minWidth), maxWidth);\n  return { idealWidth, minWidth, triggerInlineSize };\n};\n\nexport const hasEnoughSpaceForFlexibleWidth = ({\n  triggerElement,\n  dropdownElement,\n  minWidthConstraint,\n  maxWidthConstraint,\n  expandToViewport,\n  stretchHeight,\n  isMobile,\n}: {\n  triggerElement: HTMLElement;\n  dropdownElement: HTMLElement;\n  minWidthConstraint?: DropdownWidthConstraint;\n  maxWidthConstraint?: DropdownWidthConstraint;\n  expandToViewport: boolean;\n  stretchHeight: boolean;\n  isMobile: boolean;\n}) => {\n  const overflowParents = getOverflowParentDimensions({\n    element: dropdownElement,\n    excludeClosestParent: false,\n    expandToViewport,\n    canExpandOutsideViewport: stretchHeight,\n  });\n  const { idealWidth } = getWidths({\n    triggerElement: triggerElement,\n    dropdownElement,\n    minWidthConstraint,\n    maxWidthConstraint,\n  });\n  const availableSpace = getAvailableSpace({\n    trigger: triggerElement,\n    overflowParents,\n    stretchHeight,\n    isMobile,\n  });\n  return idealWidth <= availableSpace.inlineStart || idealWidth <= availableSpace.inlineEnd;\n};\n\nexport const getDropdownPosition = ({\n  triggerElement,\n  dropdownElement,\n  overflowParents,\n  minWidth: minWidthConstraint,\n  maxWidth: maxWidthConstraint,\n  preferCenter = false,\n  matchTriggerWidth = false,\n  stretchHeight = false,\n  isMobile = false,\n  maxHeight,\n}: {\n  triggerElement: HTMLElement;\n  dropdownElement: HTMLElement;\n  overflowParents: ReadonlyArray<BoundingBox>;\n  minWidth?: DropdownWidthConstraint;\n  maxWidth?: DropdownWidthConstraint;\n  preferCenter?: boolean;\n  matchTriggerWidth?: boolean;\n  stretchHeight?: boolean;\n  isMobile?: boolean;\n  maxHeight?: number;\n}): DropdownPosition => {\n  // Determine the space available around the dropdown that it can grow in\n  const availableSpace = getAvailableSpace({\n    trigger: triggerElement,\n    overflowParents,\n    stretchWidth: matchTriggerWidth,\n    stretchHeight,\n    isMobile,\n  });\n  const { idealWidth, minWidth, triggerInlineSize } = getWidths({\n    triggerElement,\n    dropdownElement,\n    minWidthConstraint,\n    maxWidthConstraint,\n  });\n\n  let dropInlineStart: boolean;\n  let insetInlineStart: number | null = null;\n  let inlineSize = idealWidth;\n\n  //1. Can it be positioned with ideal width to the right?\n  if (idealWidth <= availableSpace.inlineEnd) {\n    dropInlineStart = false;\n    //2. Can it be positioned with ideal width to the left?\n  } else if (idealWidth <= availableSpace.inlineStart) {\n    dropInlineStart = true;\n    //3. Fit into biggest available space either on left or right\n  } else {\n    dropInlineStart = availableSpace.inlineStart > availableSpace.inlineEnd;\n    inlineSize = Math.max(availableSpace.inlineStart, availableSpace.inlineEnd, minWidth);\n  }\n\n  if (preferCenter) {\n    const spillOver = (idealWidth - triggerInlineSize) / 2;\n\n    // availableSpace always includes the trigger width, but we want to exclude that\n    const availableOutsideLeft = availableSpace.inlineStart - triggerInlineSize;\n    const availableOutsideRight = availableSpace.inlineEnd - triggerInlineSize;\n\n    const fitsInCenter = availableOutsideLeft >= spillOver && availableOutsideRight >= spillOver;\n    if (fitsInCenter) {\n      insetInlineStart = -spillOver;\n    }\n  }\n\n  const dropBlockStart =\n    availableSpace.blockEnd < dropdownElement.offsetHeight && availableSpace.blockStart > availableSpace.blockEnd;\n  const availableHeight = dropBlockStart ? availableSpace.blockStart : availableSpace.blockEnd;\n  // Try and crop the bottom item when all options can't be displayed, affordance for \"there's more\"\n  const croppedHeight = Math.max(stretchHeight ? availableHeight : Math.floor(availableHeight / 31) * 31 + 16, 15);\n\n  const blockSize = maxHeight ? `min(${croppedHeight}px, ${maxHeight}px)` : `${croppedHeight}px`;\n\n  return {\n    dropBlockStart,\n    dropInlineStart,\n    insetInlineStart: insetInlineStart === null ? 'auto' : `${insetInlineStart}px`,\n    blockSize,\n    inlineSize: `${inlineSize}px`,\n  };\n};\n\nconst getInteriorDropdownPosition = (\n  trigger: HTMLElement,\n  dropdown: HTMLElement,\n  overflowParents: ReadonlyArray<BoundingBox>,\n  isMobile?: boolean\n): InteriorDropdownPosition => {\n  const availableSpace = getInteriorAvailableSpace({ trigger, overflowParents, isMobile });\n  const {\n    insetBlockEnd: triggerBlockEnd,\n    insetBlockStart: triggerBlockStart,\n    inlineSize: triggerInlineSize,\n  } = getLogicalBoundingClientRect(trigger);\n  const { insetBlockStart: parentDropdownBlockStart, blockSize: parentDropdownHeight } =\n    getClosestParentDimensions(trigger);\n\n  let dropInlineStart;\n\n  let { inlineSize } = getLogicalBoundingClientRect(dropdown);\n  const insetBlockStart = triggerBlockStart - parentDropdownBlockStart;\n  if (inlineSize <= availableSpace.inlineEnd) {\n    dropInlineStart = false;\n  } else if (inlineSize <= availableSpace.inlineStart) {\n    dropInlineStart = true;\n  } else {\n    dropInlineStart = availableSpace.inlineStart > availableSpace.inlineEnd;\n    inlineSize = Math.max(availableSpace.inlineStart, availableSpace.inlineEnd);\n  }\n\n  const insetInlineStart = dropInlineStart ? 0 - inlineSize : triggerInlineSize;\n\n  const dropBlockStart =\n    availableSpace.blockEnd < dropdown.offsetHeight && availableSpace.blockStart > availableSpace.blockEnd;\n  const insetBlockEnd = dropBlockStart ? parentDropdownBlockStart + parentDropdownHeight - triggerBlockEnd : 0;\n  const availableHeight = dropBlockStart ? availableSpace.blockStart : availableSpace.blockEnd;\n  // Try and crop the bottom item when all options can't be displayed, affordance for \"there's more\"\n  const croppedHeight = Math.floor(availableHeight / 31) * 31 + 16;\n\n  return {\n    dropBlockStart,\n    dropInlineStart,\n    blockSize: `${croppedHeight}px`,\n    inlineSize: `${inlineSize}px`,\n    insetBlockStart: `${insetBlockStart}px`,\n    insetBlockEnd: `${insetBlockEnd}px`,\n    insetInlineStart: `${insetInlineStart}px`,\n  };\n};\n\nexport const calculatePosition = (\n  dropdownElement: HTMLDivElement,\n  triggerElement: HTMLElement,\n  verticalContainerElement: HTMLDivElement,\n  interior: boolean,\n  expandToViewport: boolean,\n  preferCenter: boolean,\n  matchTriggerWidth: boolean,\n  stretchHeight: boolean,\n  isMobile: boolean,\n  minWidth?: DropdownWidthConstraint,\n  maxWidth?: DropdownWidthConstraint,\n  maxHeight?: number\n): [DropdownPosition, LogicalDOMRect] => {\n  // cleaning previously assigned values,\n  // so that they are not reused in case of screen resize and similar events\n  verticalContainerElement.style.maxBlockSize = '';\n  dropdownElement.style.inlineSize = '';\n  dropdownElement.style.insetBlockStart = '';\n  dropdownElement.style.insetBlockEnd = '';\n  dropdownElement.style.insetInlineStart = '';\n\n  dropdownElement.classList.remove(styles['dropdown-drop-left']);\n  dropdownElement.classList.remove(styles['dropdown-drop-right']);\n  dropdownElement.classList.remove(styles['dropdown-drop-up']);\n\n  const overflowParents = getOverflowParentDimensions({\n    element: dropdownElement,\n    excludeClosestParent: interior,\n    expandToViewport,\n    canExpandOutsideViewport: stretchHeight,\n  });\n  const position: DropdownPosition | InteriorDropdownPosition = interior\n    ? getInteriorDropdownPosition(triggerElement, dropdownElement, overflowParents, isMobile)\n    : getDropdownPosition({\n        triggerElement,\n        dropdownElement,\n        overflowParents,\n        minWidth,\n        maxWidth,\n        preferCenter,\n        matchTriggerWidth,\n        stretchHeight,\n        isMobile,\n        maxHeight,\n      });\n\n  const triggerBox = getLogicalBoundingClientRect(triggerElement);\n  return [position, triggerBox];\n};\n"]}

package/internal/components/dropdown/index.d.ts

@@ -2,6 +2,8 @@ import { DropdownProps } from './interfaces';
 declare const Dropdown: ({
   content,
   trigger,
+  triggerRef: externalTriggerRef,
+  triggerId: externalTriggerId,
   open,
   onOutsideClick,
   onMouseDown,
@@ -12,6 +14,7 @@ declare const Dropdown: ({
   stretchHeight,
   minWidth,
   maxWidth,
+  maxHeight,
   hideBlockBorder,
   expandToViewport,
   preferredAlignment,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AA+I7C,QAAA,MAAM,QAAQ,GAAI,mXA8Bf,aAAa,gBAyWf,CAAC;AAMF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AA+I7C,QAAA,MAAM,QAAQ,GAAI,4bAiCf,aAAa,gBAoXf,CAAC;AAMF,eAAe,QAAQ,CAAC"}

package/internal/components/dropdown/index.js

@@ -54,14 +54,16 @@ const TransitionContent = ({ state, transitionRef, dropdownClasses, matchTrigger
                     content,
                     footer)))));
 };
-const Dropdown = ({ content, trigger, open, onOutsideClick, onMouseDown, header, footer, dropdownId, stretchTriggerHeight = false, stretchHeight = false, minWidth, maxWidth, hideBlockBorder = true, expandToViewport = false, preferredAlignment = 'start', interior = false, scrollable = true, loopFocus = expandToViewport, onFocus, onBlur, onFocusEnter, onFocusLeave, onEscape, contentKey, dropdownContentId, ariaRole, ariaLabel, ariaLabelledby, ariaDescribedby, }) => {
+const Dropdown = ({ content, trigger, triggerRef: externalTriggerRef, triggerId: externalTriggerId, open, onOutsideClick, onMouseDown, header, footer, dropdownId, stretchTriggerHeight = false, stretchHeight = false, minWidth, maxWidth, maxHeight, hideBlockBorder = true, expandToViewport = false, preferredAlignment = 'start', interior = false, scrollable = true, loopFocus = expandToViewport, onFocus, onBlur, onFocusEnter, onFocusLeave, onEscape, contentKey, dropdownContentId, ariaRole, ariaLabel, ariaLabelledby, ariaDescribedby, }) => {
     const wrapperRef = useRef(null);
-    const triggerRef = useRef(null);
+    const internalTriggerRef = useRef(null);
     const dropdownRef = useRef(null);
     const dropdownContainerRef = useRef(null);
     const verticalContainerRef = useRef(null);
     // To keep track of the initial position (drop up/down) which is kept the same during fixed repositioning
     const fixedPosition = useRef(null);
+    // Use external trigger ref if provided, otherwise use internal ref
+    const triggerRef = externalTriggerRef || internalTriggerRef;
     const isRefresh = useVisualRefresh();
     const dropdownClasses = usePortalModeClasses(triggerRef);
     const [position, setPosition] = useState('bottom-right');
@@ -182,7 +184,7 @@ const Dropdown = ({ content, trigger, open, onOutsideClick, onMouseDown, header,
                 if (scrollable) {
                     dropdownRef.current.classList.add(styles.nowrap);
                 }
-                setDropdownPosition(...calculatePosition(dropdownRef.current, triggerRef.current, verticalContainerRef.current, interior, expandToViewport, preferCenter, matchTriggerWidth, stretchHeight, isMobile, minWidth, maxWidth), dropdownRef.current, verticalContainerRef.current);
+                setDropdownPosition(...calculatePosition(dropdownRef.current, triggerRef.current, verticalContainerRef.current, interior, expandToViewport, preferCenter, matchTriggerWidth, stretchHeight, isMobile, minWidth, maxWidth, maxHeight), dropdownRef.current, verticalContainerRef.current);
                 if (scrollable) {
                     dropdownRef.current.classList.remove(styles.nowrap);
                 }
@@ -222,7 +224,7 @@ const Dropdown = ({ content, trigger, open, onOutsideClick, onMouseDown, header,
         return () => {
             window.removeEventListener('click', clickListener, true);
         };
-    }, [open, onOutsideClick]);
+    }, [open, onOutsideClick, triggerRef]);
     // subscribe to Escape key press
     useEffect(() => {
         // Only add the listener if onEscape callback is provided
@@ -263,8 +265,9 @@ const Dropdown = ({ content, trigger, open, onOutsideClick, onMouseDown, header,
         return () => {
             controller.abort();
         };
-    }, [open, expandToViewport, isMobile]);
-    const referrerId = useUniqueId();
+    }, [open, expandToViewport, isMobile, triggerRef]);
+    const generatedReferrerId = useUniqueId();
+    const referrerId = externalTriggerId || generatedReferrerId;
     // Compute CSS variable values for min/max width
     // These will be used by the use-flexible-width CSS class
     const getMinWidthCssValue = () => {
@@ -288,7 +291,7 @@ const Dropdown = ({ content, trigger, open, onOutsideClick, onMouseDown, header,
         return '100%';
     };
     return (React.createElement("div", { className: clsx(styles.root, interior && styles.interior, stretchTriggerHeight && styles['stretch-trigger-height']), ref: wrapperRef, onFocus: focusHandler, onBlur: blurHandler },
-        React.createElement("div", { id: referrerId, className: clsx(stretchTriggerHeight && styles['stretch-trigger-height']), ref: triggerRef }, trigger),
+        !externalTriggerRef && (React.createElement("div", { id: referrerId, className: clsx(stretchTriggerHeight && styles['stretch-trigger-height']), ref: internalTriggerRef }, trigger)),
         React.createElement(TabTrap, { focusNextCallback: () => { var _a; return dropdownRef.current && ((_a = getFirstFocusable(dropdownRef.current)) === null || _a === void 0 ? void 0 : _a.focus()); }, disabled: !open || !loopFocus }),
         React.createElement(DropdownContainer, { triggerRef: triggerRef, renderWithPortal: expandToViewport && !interior, id: dropdownId, referrerId: referrerId, open: open },
             React.createElement(Transition, { in: open !== null && open !== void 0 ? open : false, exit: false }, (state, ref) => (React.createElement("div", { ref: dropdownContainerRef },