npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1258 → 3.0.1260 - Mend

@cloudscape-design/components-themeable 3.0.1258 → 3.0.1260

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (260) hide show

package/lib/internal/template/modal/styles.css.js CHANGED Viewed

@@ -1,36 +1,36 @@
     import './styles.scoped.css';
     export default {
-  "dialog": "awsui_dialog_1d2i7_g5o4p_169",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_g5o4p_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_g5o4p_1",
-  "refresh": "awsui_refresh_1d2i7_g5o4p_192",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_g5o4p_1",
-  "root": "awsui_root_1d2i7_g5o4p_225",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_g5o4p_1",
-  "hidden": "awsui_hidden_1d2i7_g5o4p_302",
-  "focus-lock": "awsui_focus-lock_1d2i7_g5o4p_306",
-  "position-top": "awsui_position-top_1d2i7_g5o4p_314",
-  "position-center": "awsui_position-center_1d2i7_g5o4p_317",
-  "small": "awsui_small_1d2i7_g5o4p_331",
-  "medium": "awsui_medium_1d2i7_g5o4p_334",
-  "large": "awsui_large_1d2i7_g5o4p_337",
-  "x-large": "awsui_x-large_1d2i7_g5o4p_340",
-  "xx-large": "awsui_xx-large_1d2i7_g5o4p_343",
-  "custom-width": "awsui_custom-width_1d2i7_g5o4p_346",
-  "max": "awsui_max_1d2i7_g5o4p_349",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_g5o4p_349",
-  "custom-height": "awsui_custom-height_1d2i7_g5o4p_354",
-  "container": "awsui_container_1d2i7_g5o4p_359",
-  "custom-height-container": "awsui_custom-height-container_1d2i7_g5o4p_399",
-  "content": "awsui_content_1d2i7_g5o4p_405",
-  "no-paddings": "awsui_no-paddings_1d2i7_g5o4p_410",
-  "custom-height-content": "awsui_custom-height-content_1d2i7_g5o4p_414",
-  "header": "awsui_header_1d2i7_g5o4p_419",
-  "header--text": "awsui_header--text_1d2i7_g5o4p_431",
-  "footer": "awsui_footer_1d2i7_g5o4p_435",
-  "footer--rounded": "awsui_footer--rounded_1d2i7_g5o4p_444",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_g5o4p_456",
-  "modal-open": "awsui_modal-open_1d2i7_g5o4p_460"
+  "dialog": "awsui_dialog_1d2i7_1p788_169",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1p788_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1p788_1",
+  "refresh": "awsui_refresh_1d2i7_1p788_192",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1p788_1",
+  "root": "awsui_root_1d2i7_1p788_225",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1p788_1",
+  "hidden": "awsui_hidden_1d2i7_1p788_302",
+  "focus-lock": "awsui_focus-lock_1d2i7_1p788_306",
+  "position-top": "awsui_position-top_1d2i7_1p788_314",
+  "position-center": "awsui_position-center_1d2i7_1p788_317",
+  "small": "awsui_small_1d2i7_1p788_331",
+  "medium": "awsui_medium_1d2i7_1p788_334",
+  "large": "awsui_large_1d2i7_1p788_337",
+  "x-large": "awsui_x-large_1d2i7_1p788_340",
+  "xx-large": "awsui_xx-large_1d2i7_1p788_343",
+  "custom-width": "awsui_custom-width_1d2i7_1p788_346",
+  "max": "awsui_max_1d2i7_1p788_349",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1p788_349",
+  "custom-height": "awsui_custom-height_1d2i7_1p788_354",
+  "container": "awsui_container_1d2i7_1p788_359",
+  "custom-height-container": "awsui_custom-height-container_1d2i7_1p788_399",
+  "content": "awsui_content_1d2i7_1p788_405",
+  "no-paddings": "awsui_no-paddings_1d2i7_1p788_410",
+  "custom-height-content": "awsui_custom-height-content_1d2i7_1p788_414",
+  "header": "awsui_header_1d2i7_1p788_419",
+  "header--text": "awsui_header--text_1d2i7_1p788_431",
+  "footer": "awsui_footer_1d2i7_1p788_435",
+  "footer--rounded": "awsui_footer--rounded_1d2i7_1p788_444",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_1p788_456",
+  "modal-open": "awsui_modal-open_1d2i7_1p788_460"
 };

package/lib/internal/template/modal/styles.scoped.css CHANGED Viewed

@@ -158,7 +158,7 @@ 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_modal-slide-up_1d2i7_g5o4p_1 {
+@keyframes awsui_modal-slide-up_1d2i7_1p788_1 {
   0% {
     transform: translate(0, 10px);
   }
@@ -166,12 +166,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: translate(0, 0);
   }
 }
-.awsui_dialog_1d2i7_g5o4p_169:not(#\9) {
-  animation: awsui_modal-slide-up_1d2i7_g5o4p_1 var(--motion-duration-slow-cxexcj, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_g5o4p_1 var(--motion-duration-slow-cxexcj, 180ms) ease-out;
+.awsui_dialog_1d2i7_1p788_169:not(#\9) {
+  animation: awsui_modal-slide-up_1d2i7_1p788_1 var(--motion-duration-slow-cxexcj, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_1p788_1 var(--motion-duration-slow-cxexcj, 180ms) ease-out;
   animation-delay: var(--motion-duration-fast-okdxjh, 90ms);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_g5o4p_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_1p788_1 {
   from {
     opacity: 0;
   }
@@ -180,22 +180,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_g5o4p_169:not(#\9) {
+  .awsui_dialog_1d2i7_1p788_169:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_g5o4p_169:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_g5o4p_169:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_1p788_169:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_1p788_169:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dialog_1d2i7_g5o4p_169.awsui_refresh_1d2i7_g5o4p_192:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_1d2i7_g5o4p_1, awsui_awsui-motion-fade-in-0_1d2i7_g5o4p_1;
+.awsui_dialog_1d2i7_1p788_169.awsui_refresh_1d2i7_1p788_192:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_1d2i7_1p788_1, awsui_awsui-motion-fade-in-0_1d2i7_1p788_1;
   animation-duration: var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
   animation-timing-function: var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_g5o4p_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_1p788_1 {
   from {
     opacity: 0;
   }
@@ -203,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 1;
   }
 }
-@keyframes awsui_awsui-motion-scale-popup_1d2i7_g5o4p_1 {
+@keyframes awsui_awsui-motion-scale-popup_1d2i7_1p788_1 {
   0% {
     transform: scale(0.95);
   }
@@ -212,21 +212,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_g5o4p_169.awsui_refresh_1d2i7_g5o4p_192:not(#\9) {
+  .awsui_dialog_1d2i7_1p788_169.awsui_refresh_1d2i7_1p788_192:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_g5o4p_169.awsui_refresh_1d2i7_g5o4p_192:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_g5o4p_169.awsui_refresh_1d2i7_g5o4p_192:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_1p788_169.awsui_refresh_1d2i7_1p788_192:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_1p788_169.awsui_refresh_1d2i7_1p788_192:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1d2i7_g5o4p_225:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_1d2i7_g5o4p_1 var(--motion-duration-extra-slow-j8l6m4, 270ms) ease-out;
+.awsui_root_1d2i7_1p788_225:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_1d2i7_1p788_1 var(--motion-duration-extra-slow-j8l6m4, 270ms) ease-out;
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in_1d2i7_g5o4p_1 {
+@keyframes awsui_awsui-motion-fade-in_1d2i7_1p788_1 {
   from {
     opacity: 0.2;
   }
@@ -235,30 +235,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_g5o4p_225:not(#\9) {
+  .awsui_root_1d2i7_1p788_225:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_g5o4p_225:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_g5o4p_225:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_1p788_225:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_1p788_225:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1d2i7_g5o4p_225.awsui_refresh_1d2i7_g5o4p_192:not(#\9) {
+.awsui_root_1d2i7_1p788_225.awsui_refresh_1d2i7_1p788_192:not(#\9) {
   animation-duration: var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_g5o4p_225.awsui_refresh_1d2i7_g5o4p_192:not(#\9) {
+  .awsui_root_1d2i7_1p788_225.awsui_refresh_1d2i7_1p788_192:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_g5o4p_225.awsui_refresh_1d2i7_g5o4p_192:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_g5o4p_225.awsui_refresh_1d2i7_g5o4p_192:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_1p788_225.awsui_refresh_1d2i7_1p788_192:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_1p788_225.awsui_refresh_1d2i7_1p788_192:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1d2i7_g5o4p_225:not(#\9) {
+.awsui_root_1d2i7_1p788_225:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -299,11 +299,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: auto;
   cursor: pointer;
 }
-.awsui_root_1d2i7_g5o4p_225.awsui_hidden_1d2i7_g5o4p_302:not(#\9) {
+.awsui_root_1d2i7_1p788_225.awsui_hidden_1d2i7_1p788_302:not(#\9) {
   display: none;
 }
-.awsui_focus-lock_1d2i7_g5o4p_306:not(#\9) {
+.awsui_focus-lock_1d2i7_1p788_306:not(#\9) {
   align-self: flex-start;
   margin-inline: auto;
   padding-block: var(--space-s-4a5hs8, 12px);
@@ -311,14 +311,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 5000;
   pointer-events: none;
 }
-.awsui_focus-lock_1d2i7_g5o4p_306.awsui_position-top_1d2i7_g5o4p_314:not(#\9) {
+.awsui_focus-lock_1d2i7_1p788_306.awsui_position-top_1d2i7_1p788_314:not(#\9) {
   margin-block-start: 0;
 }
-.awsui_focus-lock_1d2i7_g5o4p_306.awsui_position-center_1d2i7_g5o4p_317:not(#\9) {
+.awsui_focus-lock_1d2i7_1p788_306.awsui_position-center_1d2i7_1p788_317:not(#\9) {
   margin-block: auto;
 }
-.awsui_dialog_1d2i7_g5o4p_169:not(#\9) {
+.awsui_dialog_1d2i7_1p788_169:not(#\9) {
   position: static;
   inset-block-start: 0;
   transform: translate(0, 0);
@@ -328,35 +328,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 5000;
   pointer-events: all;
 }
-.awsui_dialog_1d2i7_g5o4p_169.awsui_small_1d2i7_g5o4p_331:not(#\9) {
+.awsui_dialog_1d2i7_1p788_169.awsui_small_1d2i7_1p788_331:not(#\9) {
   max-inline-size: 320px;
 }
-.awsui_dialog_1d2i7_g5o4p_169.awsui_medium_1d2i7_g5o4p_334:not(#\9) {
+.awsui_dialog_1d2i7_1p788_169.awsui_medium_1d2i7_1p788_334:not(#\9) {
   max-inline-size: 600px;
 }
-.awsui_dialog_1d2i7_g5o4p_169.awsui_large_1d2i7_g5o4p_337:not(#\9) {
+.awsui_dialog_1d2i7_1p788_169.awsui_large_1d2i7_1p788_337:not(#\9) {
   max-inline-size: 820px;
 }
-.awsui_dialog_1d2i7_g5o4p_169.awsui_x-large_1d2i7_g5o4p_340:not(#\9) {
+.awsui_dialog_1d2i7_1p788_169.awsui_x-large_1d2i7_1p788_340:not(#\9) {
   max-inline-size: 1024px;
 }
-.awsui_dialog_1d2i7_g5o4p_169.awsui_xx-large_1d2i7_g5o4p_343:not(#\9) {
+.awsui_dialog_1d2i7_1p788_169.awsui_xx-large_1d2i7_1p788_343:not(#\9) {
   max-inline-size: 1280px;
 }
-.awsui_dialog_1d2i7_g5o4p_169.awsui_custom-width_1d2i7_g5o4p_346:not(#\9) {
-  max-inline-size: var(--awsui-modal-custom-width-hzjhvz);
+.awsui_dialog_1d2i7_1p788_169.awsui_custom-width_1d2i7_1p788_346:not(#\9) {
+  max-inline-size: var(--awsui-modal-custom-width-u09ddc);
 }
-.awsui_dialog_1d2i7_g5o4p_169.awsui_max_1d2i7_g5o4p_349.awsui_breakpoint-xs_1d2i7_g5o4p_349:not(#\9) {
+.awsui_dialog_1d2i7_1p788_169.awsui_max_1d2i7_1p788_349.awsui_breakpoint-xs_1d2i7_1p788_349:not(#\9) {
   max-inline-size: calc(100vw - (8 * 10px + var(--space-xxxl-qhelse, 40px)));
   margin-block: auto;
   margin-inline: auto;
 }
-.awsui_dialog_1d2i7_g5o4p_169.awsui_custom-height_1d2i7_g5o4p_354:not(#\9) {
-  block-size: var(--awsui-modal-custom-height-hzjhvz);
+.awsui_dialog_1d2i7_1p788_169.awsui_custom-height_1d2i7_1p788_354:not(#\9) {
+  block-size: var(--awsui-modal-custom-height-u09ddc);
   max-block-size: calc(100vh - 2 * var(--space-s-4a5hs8, 12px));
 }
-.awsui_container_1d2i7_g5o4p_359:not(#\9) {
+.awsui_container_1d2i7_1p788_359:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -396,27 +396,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
   box-shadow: var(--shadow-modal-pjndl9, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_container_1d2i7_g5o4p_359.awsui_custom-height-container_1d2i7_g5o4p_399:not(#\9) {
+.awsui_container_1d2i7_1p788_359.awsui_custom-height-container_1d2i7_1p788_399:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_content_1d2i7_g5o4p_405:not(#\9) {
+.awsui_content_1d2i7_1p788_405:not(#\9) {
   padding-block-start: var(--space-container-content-top-8fvzh2, 16px);
   padding-block-end: var(--space-modal-content-bottom-pxcvcj, 20px);
   padding-inline: var(--space-modal-horizontal-tieytu, 20px);
 }
-.awsui_content_1d2i7_g5o4p_405.awsui_no-paddings_1d2i7_g5o4p_410:not(#\9) {
+.awsui_content_1d2i7_1p788_405.awsui_no-paddings_1d2i7_1p788_410:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_content_1d2i7_g5o4p_405.awsui_custom-height-content_1d2i7_g5o4p_414:not(#\9) {
+.awsui_content_1d2i7_1p788_405.awsui_custom-height-content_1d2i7_1p788_414:not(#\9) {
   flex-grow: 1;
   overflow-y: auto;
 }
-.awsui_header_1d2i7_g5o4p_419:not(#\9) {
+.awsui_header_1d2i7_1p788_419:not(#\9) {
   padding-block-start: var(--space-container-header-top-3cfni8, 12px);
   padding-block-end: var(--space-container-header-bottom-rbnprk, 12px);
   padding-inline: var(--space-modal-horizontal-tieytu, 20px);
@@ -428,11 +428,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: 0;
 }
-.awsui_header--text_1d2i7_g5o4p_431:not(#\9) {
+.awsui_header--text_1d2i7_1p788_431:not(#\9) {
   /* used in test-utils */
 }
-.awsui_footer_1d2i7_g5o4p_435:not(#\9) {
+.awsui_footer_1d2i7_1p788_435:not(#\9) {
   border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
   padding-block: var(--space-scaled-s-gjhvjd, 12px);
   padding-inline: var(--space-container-horizontal-ipmk0e, 20px);
@@ -441,23 +441,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-end: 0;
   z-index: 800;
 }
-.awsui_footer--rounded_1d2i7_g5o4p_444:not(#\9) {
+.awsui_footer--rounded_1d2i7_1p788_444:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
   border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
   border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
 }
-.awsui_footer_1d2i7_g5o4p_435:not(#\9):after {
+.awsui_footer_1d2i7_1p788_435:not(#\9):after {
   content: "";
   display: table;
   clear: both;
 }
-.awsui_dismiss-control_1d2i7_g5o4p_456:not(#\9) {
+.awsui_dismiss-control_1d2i7_1p788_456:not(#\9) {
   /* used in test-utils */
 }
-.awsui_modal-open_1d2i7_g5o4p_460:not(#\9) {
+.awsui_modal-open_1d2i7_1p788_460:not(#\9) {
   overflow: hidden;
   /*
    * When padding-right is added to account for scrollbar being turned

package/lib/internal/template/modal/styles.selectors.js CHANGED Viewed

@@ -2,36 +2,36 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dialog": "awsui_dialog_1d2i7_g5o4p_169",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_g5o4p_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_g5o4p_1",
-  "refresh": "awsui_refresh_1d2i7_g5o4p_192",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_g5o4p_1",
-  "root": "awsui_root_1d2i7_g5o4p_225",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_g5o4p_1",
-  "hidden": "awsui_hidden_1d2i7_g5o4p_302",
-  "focus-lock": "awsui_focus-lock_1d2i7_g5o4p_306",
-  "position-top": "awsui_position-top_1d2i7_g5o4p_314",
-  "position-center": "awsui_position-center_1d2i7_g5o4p_317",
-  "small": "awsui_small_1d2i7_g5o4p_331",
-  "medium": "awsui_medium_1d2i7_g5o4p_334",
-  "large": "awsui_large_1d2i7_g5o4p_337",
-  "x-large": "awsui_x-large_1d2i7_g5o4p_340",
-  "xx-large": "awsui_xx-large_1d2i7_g5o4p_343",
-  "custom-width": "awsui_custom-width_1d2i7_g5o4p_346",
-  "max": "awsui_max_1d2i7_g5o4p_349",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_g5o4p_349",
-  "custom-height": "awsui_custom-height_1d2i7_g5o4p_354",
-  "container": "awsui_container_1d2i7_g5o4p_359",
-  "custom-height-container": "awsui_custom-height-container_1d2i7_g5o4p_399",
-  "content": "awsui_content_1d2i7_g5o4p_405",
-  "no-paddings": "awsui_no-paddings_1d2i7_g5o4p_410",
-  "custom-height-content": "awsui_custom-height-content_1d2i7_g5o4p_414",
-  "header": "awsui_header_1d2i7_g5o4p_419",
-  "header--text": "awsui_header--text_1d2i7_g5o4p_431",
-  "footer": "awsui_footer_1d2i7_g5o4p_435",
-  "footer--rounded": "awsui_footer--rounded_1d2i7_g5o4p_444",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_g5o4p_456",
-  "modal-open": "awsui_modal-open_1d2i7_g5o4p_460"
+  "dialog": "awsui_dialog_1d2i7_1p788_169",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1p788_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1p788_1",
+  "refresh": "awsui_refresh_1d2i7_1p788_192",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1p788_1",
+  "root": "awsui_root_1d2i7_1p788_225",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1p788_1",
+  "hidden": "awsui_hidden_1d2i7_1p788_302",
+  "focus-lock": "awsui_focus-lock_1d2i7_1p788_306",
+  "position-top": "awsui_position-top_1d2i7_1p788_314",
+  "position-center": "awsui_position-center_1d2i7_1p788_317",
+  "small": "awsui_small_1d2i7_1p788_331",
+  "medium": "awsui_medium_1d2i7_1p788_334",
+  "large": "awsui_large_1d2i7_1p788_337",
+  "x-large": "awsui_x-large_1d2i7_1p788_340",
+  "xx-large": "awsui_xx-large_1d2i7_1p788_343",
+  "custom-width": "awsui_custom-width_1d2i7_1p788_346",
+  "max": "awsui_max_1d2i7_1p788_349",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1p788_349",
+  "custom-height": "awsui_custom-height_1d2i7_1p788_354",
+  "container": "awsui_container_1d2i7_1p788_359",
+  "custom-height-container": "awsui_custom-height-container_1d2i7_1p788_399",
+  "content": "awsui_content_1d2i7_1p788_405",
+  "no-paddings": "awsui_no-paddings_1d2i7_1p788_410",
+  "custom-height-content": "awsui_custom-height-content_1d2i7_1p788_414",
+  "header": "awsui_header_1d2i7_1p788_419",
+  "header--text": "awsui_header--text_1d2i7_1p788_431",
+  "footer": "awsui_footer_1d2i7_1p788_435",
+  "footer--rounded": "awsui_footer--rounded_1d2i7_1p788_444",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_1p788_456",
+  "modal-open": "awsui_modal-open_1d2i7_1p788_460"
 };

package/lib/internal/template/multiselect/embedded.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ export type EmbeddedMultiselectProps = SomeRequired<Pick<MultiselectProps, 'opti
 declare const EmbeddedMultiselect: React.ForwardRefExoticComponent<Pick<MultiselectProps, "onChange" | "ariaLabel" | "virtualScroll" | "onLoadItems" | "loadingText" | "errorText" | "recoveryText" | "deselectAriaLabel" | "noMatch" | "statusType" | "empty" | "finishedText" | "controlId" | "options" | "filteringType" | "selectedOptions"> & {
     statusType: import("../internal/components/dropdown-status").DropdownStatusProps.StatusType;
     options: import("..").SelectProps.Options;
-    filteringType: import("../internal/components/dropdown/interfaces").OptionsFilteringType;
+    filteringType: import("../dropdown/interfaces").OptionsFilteringType;
     selectedOptions: ReadonlyArray<MultiselectProps.Option>;
 } & {
     filteringText?: string;

package/lib/internal/template/multiselect/internal.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { MultiselectProps } from './interfaces';
 declare const InternalMultiselect: React.ForwardRefExoticComponent<MultiselectProps & {
     statusType: import("../internal/components/dropdown-status").DropdownStatusProps.StatusType;
     options: import("..").SelectProps.Options;
-    filteringType: import("../internal/components/dropdown/interfaces").OptionsFilteringType;
+    filteringType: import("../dropdown/interfaces").OptionsFilteringType;
     selectedOptions: ReadonlyArray<MultiselectProps.Option>;
     keepOpen: boolean;
     hideTokens: boolean;

package/lib/internal/template/multiselect/internal.js CHANGED Viewed

@@ -3,10 +3,10 @@
 import React, { useRef, useState } from 'react';
 import clsx from 'clsx';
 import { useResizeObserver, useUniqueId } from '@cloudscape-design/component-toolkit/internal';
+import Dropdown from '../dropdown/internal';
 import { useInternalI18n } from '../i18n/context';
 import { getBaseProps } from '../internal/base-component';
 import { getBreakpointValue } from '../internal/breakpoints';
-import Dropdown from '../internal/components/dropdown';
 import DropdownFooter from '../internal/components/dropdown-footer/index.js';
 import ScreenreaderOnly from '../internal/components/screenreader-only';
 import { useFormFieldContext } from '../internal/context/form-field-context';

package/lib/internal/template/multiselect/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/multiselect/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE/F,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,cAAc,MAAM,iDAAiD,CAAC;AAC7E,OAAO,gBAAgB,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAG7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,SAAS,MAAM,4BAA4B,CAAC;AACnD,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAC9C,OAAO,WAAW,MAAM,8BAA8B,CAAC;AAEvD,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,OAAO,EACP,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,GAAG,KAAK,EACpB,UAAU,EACV,gBAAgB,EAChB,4BAA4B,EAC5B,2BAA2B,EAC3B,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,YAAY,EACZ,GAAG,SAAS,EACa,EAC3B,WAA4C,EAC5C,EAAE;;IACF,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACxD,MAAM,IAAI,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IAE5C,MAAM,aAAa,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,MAAA,gBAAgB,CAAC,SAAS,mCAAI,aAAa,CAAC;IAC9D,MAAM,WAAW,GAAG,WAAW,CAAC,wBAAwB,CAAC,CAAC;IAC1D,MAAM,QAAQ,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAC;IAEpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzD,MAAM,gBAAgB,GAAG,cAAc,CAAC;QACtC,OAAO;QACP,eAAe;QACf,aAAa;QACb,QAAQ;QACR,iBAAiB;QACjB,SAAS;QACT,WAAW;QACX,QAAQ;QACR,cAAc;QACd,iBAAiB;QACjB,WAAW;QACX,eAAe;QACf,WAAW;QACX,GAAG,SAAS;KACb,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,CACb,oBAAC,MAAM,IACL,cAAc,EAAE,uBAAuB,EACvC,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,oBAAoB,EACjC,SAAS,EAAE,kBAAkB,EAC7B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,cAAc,KACjB,gBAAgB,CAAC,cAAc,EAAE,GACrC,CACH,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtE,iBAAiB,CACf,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EACxB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,IAAI,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,CAC3E,CAAC;IAEF,MAAM,OAAO,GAAG,CACd,oBAAC,OAAO,IACN,GAAG,EAAE,UAAU,EACf,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,gBAAgB,CAAC,eAAe,CAAC,QAAQ,EAAE,SAAS,CAAC,EACnE,cAAc,EAAE,IAAI,EACpB,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,EACvD,MAAM,EAAE,gBAAgB,CAAC,MAAM,EAC/B,eAAe,EAAE,eAAe,KAC5B,gBAAgB,EACpB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,WAAW,CAAC,gBAAgB,CAAC,cAAc,EAAE,WAAW,CAAC,GACzE,CACH,CAAC;IAEF,MAAM,MAAM,GAAyB,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAClE,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ;QACR,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,YAAY,EAAE,IAAI,CAAC,mBAAmB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,WAC5E,OAAA,MAAM,CAAC,EAAE,aAAa,EAAE,MAAA,MAAM,CAAC,KAAK,mCAAI,EAAE,EAAE,CAAC,CAAA,EAAA,CAC9C;QACD,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ;KAC7B,CAAC,CAAC,CAAC;IAEJ,MAAM,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,MAAM,UAAU,GAAG,CAAC,UAAU,IAAI,CAAC,YAAY,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAErE,MAAM,qBAAqB,GAAgC;QACzD,cAAc,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,mBAAmB;QAChD,aAAa,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,kBAAkB;KAC/C,CAAC;IAEF,MAAM,cAAc,GAAG,gBAAgB,CAAC,cAAc,CAAC;IACvD,MAAM,aAAa,GAAG,gBAAgB,CAAC,gBAAgB,EAAE,CAAC;IAC1D,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;IAEvE,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC9C,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAE9D,OAAO,CACL,gCACM,SAAS,EACb,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,KAC7C,gBAAgB,CAAC,eAAe,EAAE;QAEtC,oBAAC,QAAQ,OACH,aAAa,EACjB,cAAc,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EACxF,eAAe,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EACrG,IAAI,EAAE,gBAAgB,CAAC,MAAM,EAC7B,QAAQ,EAAE,mBAAmB,CAAC,EAAE,gBAAgB,EAAE,YAAY,EAAE,CAAC,EACjE,QAAQ,EAAE,kBAAkB,CAAC,KAAK,CAAC,EACnC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,MAAM,EACJ,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CACxB,oBAAC,cAAc,IAAC,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,GAAI,CACnG,CAAC,CAAC,CAAC,IAAI,EAEV,gBAAgB,EAAE,gBAAgB;YAClC,qEAAqE;YACrE,UAAU,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ,EAAE,EACzC,OAAO,EACL,oBAAC,aAAa,IACZ,YAAY,EAAE,YAAY,EAC1B,UAAU,EACR,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CACzB,oBAAC,cAAc,IAAC,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,GAAI,CACnG,CAAC,CAAC,CAAC,IAAI,EAEV,SAAS,EAAE,gBAAgB,CAAC,YAAY,EAAE,EAC1C,cAAc,EAAE,gBAAgB,CAAC,cAAc,EAC/C,eAAe,EAAE,gBAAgB,CAAC,eAAe,EACjD,cAAc,EAAE,cAAc,EAC9B,GAAG,EAAE,gBAAgB,CAAC,aAAa,EACnC,iBAAiB,EAAE,cAAc,CAAC,OAAO,KAAK,IAAI,EAClD,UAAU,EAAE,IAAI,EAChB,oBAAoB,EAAE,IAAI,EAC1B,mBAAmB,EAAE,gBAAgB,CAAC,YAAY,EAClD,aAAa,EAAE,gBAAgB,CAAC,aAAa,EAC7C,iBAAiB,EAAE,kBAAkB,IAAI,eAAe,EACxD,aAAa,EAAE,IAAI,GACnB,GAEJ;QAED,UAAU,IAAI,CACb,oBAAC,kBAAkB,OACb,gBAAgB,CAAC,aAAa,EAAE,EACpC,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,qBAAqB,EAClC,sBAAsB,EAAE,2BAA2B,EACnD,uBAAuB,EAAE,4BAA4B,EACrD,mBAAmB,EAAE,IAAI,EACzB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,IAAI,CAAC,EAAE,CAAE,IAAsB,CAAC,SAAS,GACzD,CACH;QAED,oBAAC,gBAAgB,IAAC,EAAE,EAAE,WAAW,IAAG,SAAS,IAAI,eAAe,CAAoB,CAChF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { getBreakpointValue } from '../internal/breakpoints';\nimport Dropdown from '../internal/components/dropdown';\nimport DropdownFooter from '../internal/components/dropdown-footer/index.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { SomeRequired } from '../internal/types';\nimport { getDropdownMinWidth } from '../internal/utils/get-dropdown-min-width';\nimport { joinStrings } from '../internal/utils/strings';\nimport Filter from '../select/parts/filter';\nimport PlainList from '../select/parts/plain-list';\nimport Trigger from '../select/parts/trigger';\nimport VirtualList from '../select/parts/virtual-list';\nimport { TokenGroupProps } from '../token-group/interfaces';\nimport InternalTokenGroup from '../token-group/internal';\nimport { MultiselectProps } from './interfaces';\nimport { useMultiselect } from './use-multiselect';\n\nimport styles from './styles.css.js';\n\ntype InternalMultiselectProps = SomeRequired<\n MultiselectProps,\n 'options' \| 'selectedOptions' \| 'filteringType' \| 'statusType' \| 'keepOpen' \| 'hideTokens'\n> &\n InternalBaseComponentProps;\n\ntype ExtendedToken = TokenGroupProps.Item & { _readOnly: boolean };\n\nconst InternalMultiselect = React.forwardRef(\n (\n {\n options,\n filteringType,\n filteringPlaceholder,\n filteringAriaLabel,\n filteringClearAriaLabel,\n ariaRequired,\n placeholder,\n disabled,\n readOnly,\n ariaLabel,\n inlineLabelText,\n selectedOptions,\n deselectAriaLabel,\n tokenLimit,\n i18nStrings,\n virtualScroll,\n inlineTokens = false,\n hideTokens,\n expandToViewport,\n tokenLimitShowFewerAriaLabel,\n tokenLimitShowMoreAriaLabel,\n __internalRootRef,\n autoFocus,\n enableSelectAll,\n renderOption,\n ...restProps\n }: InternalMultiselectProps,\n externalRef: React.Ref<MultiselectProps.Ref>\n ) => {\n const baseProps = getBaseProps(restProps);\n const formFieldContext = useFormFieldContext(restProps);\n const i18n = useInternalI18n('multiselect');\n\n const selfControlId = useUniqueId('trigger');\n const controlId = formFieldContext.controlId ?? selfControlId;\n const ariaLabelId = useUniqueId('multiselect-ariaLabel-');\n const footerId = useUniqueId('multiselect-footer-');\n\n const [filteringValue, setFilteringValue] = useState('');\n const multiselectProps = useMultiselect({\n options,\n selectedOptions,\n filteringType,\n disabled,\n deselectAriaLabel,\n controlId,\n ariaLabelId,\n footerId,\n filteringValue,\n setFilteringValue,\n externalRef,\n enableSelectAll,\n i18nStrings,\n ...restProps,\n });\n\n const filter = (\n <Filter\n clearAriaLabel={filteringClearAriaLabel}\n filteringType={filteringType}\n placeholder={filteringPlaceholder}\n ariaLabel={filteringAriaLabel}\n ariaRequired={ariaRequired}\n value={filteringValue}\n {...multiselectProps.getFilterProps()}\n />\n );\n\n const triggerRef = useRef<HTMLButtonElement>(null);\n const [triggerWidth, setTriggerWidth] = useState<number \| null>(null);\n useResizeObserver(\n () => triggerRef.current,\n entry => entry.borderBoxWidth > 0 && setTriggerWidth(entry.borderBoxWidth)\n );\n\n const trigger = (\n <Trigger\n ref={triggerRef}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n triggerProps={multiselectProps.getTriggerProps(disabled, autoFocus)}\n selectedOption={null}\n selectedOptions={selectedOptions}\n triggerVariant={inlineTokens ? 'tokens' : 'placeholder'}\n isOpen={multiselectProps.isOpen}\n inlineLabelText={inlineLabelText}\n {...formFieldContext}\n controlId={controlId}\n ariaLabelledby={joinStrings(formFieldContext.ariaLabelledby, ariaLabelId)}\n />\n );\n\n const tokens: Array<ExtendedToken> = selectedOptions.map(option => ({\n label: option.label,\n disabled,\n labelTag: option.labelTag,\n description: option.description,\n iconAlt: option.iconAlt,\n iconName: option.iconName,\n iconUrl: option.iconUrl,\n iconSvg: option.iconSvg,\n tags: option.tags,\n dismissLabel: i18n('deselectAriaLabel', deselectAriaLabel?.(option), format =>\n format({ option__label: option.label ?? '' })\n ),\n _readOnly: !!option.disabled,\n }));\n\n const ListComponent = virtualScroll ? VirtualList : PlainList;\n\n const showTokens = !hideTokens && !inlineTokens && tokens.length > 0;\n\n const tokenGroupI18nStrings: TokenGroupProps.I18nStrings = {\n limitShowFewer: i18nStrings?.tokenLimitShowFewer,\n limitShowMore: i18nStrings?.tokenLimitShowMore,\n };\n\n const dropdownStatus = multiselectProps.dropdownStatus;\n const dropdownProps = multiselectProps.getDropdownProps();\n const hasFilteredOptions = multiselectProps.filteredOptions.length > 0;\n\n const hasOptions = useRef(options.length > 0);\n hasOptions.current = hasOptions.current \|\| options.length > 0;\n\n return (\n <div\n {...baseProps}\n ref={__internalRootRef}\n className={clsx(styles.root, baseProps.className)}\n {...multiselectProps.getWrapperProps()}\n >\n <Dropdown\n {...dropdownProps}\n ariaLabelledby={dropdownProps.ariaRole ? joinStrings(ariaLabelId, controlId) : undefined}\n ariaDescribedby={dropdownProps.ariaRole ? (dropdownStatus.content ? footerId : undefined) : undefined}\n open={multiselectProps.isOpen}\n minWidth={getDropdownMinWidth({ expandToViewport, triggerWidth })}\n maxWidth={getBreakpointValue('xxs')} // AWSUI-19898\n trigger={trigger}\n header={filter}\n footer={\n dropdownStatus.isSticky ? (\n <DropdownFooter content={multiselectProps.isOpen ? dropdownStatus.content : null} id={footerId} />\n ) : null\n }\n expandToViewport={expandToViewport}\n // Forces dropdown position recalculation when new options are loaded\n contentKey={hasOptions.current.toString()}\n content={\n <ListComponent\n renderOption={renderOption}\n listBottom={\n !dropdownStatus.isSticky ? (\n <DropdownFooter content={multiselectProps.isOpen ? dropdownStatus.content : null} id={footerId} />\n ) : null\n }\n menuProps={multiselectProps.getMenuProps()}\n getOptionProps={multiselectProps.getOptionProps}\n filteredOptions={multiselectProps.filteredOptions}\n filteringValue={filteringValue}\n ref={multiselectProps.scrollToIndex}\n hasDropdownStatus={dropdownStatus.content !== null}\n checkboxes={true}\n useInteractiveGroups={true}\n screenReaderContent={multiselectProps.announcement}\n highlightType={multiselectProps.highlightType}\n firstOptionSticky={hasFilteredOptions && enableSelectAll}\n isMultiSelect={true}\n />\n }\n />\n\n {showTokens && (\n <InternalTokenGroup\n {...multiselectProps.getTokenProps()}\n className={styles.tokens}\n alignment=\"horizontal\"\n limit={tokenLimit}\n items={tokens}\n i18nStrings={tokenGroupI18nStrings}\n limitShowMoreAriaLabel={tokenLimitShowMoreAriaLabel}\n limitShowFewerAriaLabel={tokenLimitShowFewerAriaLabel}\n disableOuterPadding={true}\n readOnly={readOnly}\n isItemReadOnly={item => (item as ExtendedToken)._readOnly}\n />\n )}\n\n <ScreenreaderOnly id={ariaLabelId}>{ariaLabel \|\| inlineLabelText}</ScreenreaderOnly>\n </div>\n );\n }\n);\n\nexport default InternalMultiselect;\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/multiselect/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport Dropdown from '../dropdown/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { getBreakpointValue } from '../internal/breakpoints';\nimport DropdownFooter from '../internal/components/dropdown-footer/index.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { SomeRequired } from '../internal/types';\nimport { getDropdownMinWidth } from '../internal/utils/get-dropdown-min-width';\nimport { joinStrings } from '../internal/utils/strings';\nimport Filter from '../select/parts/filter';\nimport PlainList from '../select/parts/plain-list';\nimport Trigger from '../select/parts/trigger';\nimport VirtualList from '../select/parts/virtual-list';\nimport { TokenGroupProps } from '../token-group/interfaces';\nimport InternalTokenGroup from '../token-group/internal';\nimport { MultiselectProps } from './interfaces';\nimport { useMultiselect } from './use-multiselect';\n\nimport styles from './styles.css.js';\n\ntype InternalMultiselectProps = SomeRequired<\n MultiselectProps,\n 'options' \| 'selectedOptions' \| 'filteringType' \| 'statusType' \| 'keepOpen' \| 'hideTokens'\n> &\n InternalBaseComponentProps;\n\ntype ExtendedToken = TokenGroupProps.Item & { _readOnly: boolean };\n\nconst InternalMultiselect = React.forwardRef(\n (\n {\n options,\n filteringType,\n filteringPlaceholder,\n filteringAriaLabel,\n filteringClearAriaLabel,\n ariaRequired,\n placeholder,\n disabled,\n readOnly,\n ariaLabel,\n inlineLabelText,\n selectedOptions,\n deselectAriaLabel,\n tokenLimit,\n i18nStrings,\n virtualScroll,\n inlineTokens = false,\n hideTokens,\n expandToViewport,\n tokenLimitShowFewerAriaLabel,\n tokenLimitShowMoreAriaLabel,\n __internalRootRef,\n autoFocus,\n enableSelectAll,\n renderOption,\n ...restProps\n }: InternalMultiselectProps,\n externalRef: React.Ref<MultiselectProps.Ref>\n ) => {\n const baseProps = getBaseProps(restProps);\n const formFieldContext = useFormFieldContext(restProps);\n const i18n = useInternalI18n('multiselect');\n\n const selfControlId = useUniqueId('trigger');\n const controlId = formFieldContext.controlId ?? selfControlId;\n const ariaLabelId = useUniqueId('multiselect-ariaLabel-');\n const footerId = useUniqueId('multiselect-footer-');\n\n const [filteringValue, setFilteringValue] = useState('');\n const multiselectProps = useMultiselect({\n options,\n selectedOptions,\n filteringType,\n disabled,\n deselectAriaLabel,\n controlId,\n ariaLabelId,\n footerId,\n filteringValue,\n setFilteringValue,\n externalRef,\n enableSelectAll,\n i18nStrings,\n ...restProps,\n });\n\n const filter = (\n <Filter\n clearAriaLabel={filteringClearAriaLabel}\n filteringType={filteringType}\n placeholder={filteringPlaceholder}\n ariaLabel={filteringAriaLabel}\n ariaRequired={ariaRequired}\n value={filteringValue}\n {...multiselectProps.getFilterProps()}\n />\n );\n\n const triggerRef = useRef<HTMLButtonElement>(null);\n const [triggerWidth, setTriggerWidth] = useState<number \| null>(null);\n useResizeObserver(\n () => triggerRef.current,\n entry => entry.borderBoxWidth > 0 && setTriggerWidth(entry.borderBoxWidth)\n );\n\n const trigger = (\n <Trigger\n ref={triggerRef}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n triggerProps={multiselectProps.getTriggerProps(disabled, autoFocus)}\n selectedOption={null}\n selectedOptions={selectedOptions}\n triggerVariant={inlineTokens ? 'tokens' : 'placeholder'}\n isOpen={multiselectProps.isOpen}\n inlineLabelText={inlineLabelText}\n {...formFieldContext}\n controlId={controlId}\n ariaLabelledby={joinStrings(formFieldContext.ariaLabelledby, ariaLabelId)}\n />\n );\n\n const tokens: Array<ExtendedToken> = selectedOptions.map(option => ({\n label: option.label,\n disabled,\n labelTag: option.labelTag,\n description: option.description,\n iconAlt: option.iconAlt,\n iconName: option.iconName,\n iconUrl: option.iconUrl,\n iconSvg: option.iconSvg,\n tags: option.tags,\n dismissLabel: i18n('deselectAriaLabel', deselectAriaLabel?.(option), format =>\n format({ option__label: option.label ?? '' })\n ),\n _readOnly: !!option.disabled,\n }));\n\n const ListComponent = virtualScroll ? VirtualList : PlainList;\n\n const showTokens = !hideTokens && !inlineTokens && tokens.length > 0;\n\n const tokenGroupI18nStrings: TokenGroupProps.I18nStrings = {\n limitShowFewer: i18nStrings?.tokenLimitShowFewer,\n limitShowMore: i18nStrings?.tokenLimitShowMore,\n };\n\n const dropdownStatus = multiselectProps.dropdownStatus;\n const dropdownProps = multiselectProps.getDropdownProps();\n const hasFilteredOptions = multiselectProps.filteredOptions.length > 0;\n\n const hasOptions = useRef(options.length > 0);\n hasOptions.current = hasOptions.current \|\| options.length > 0;\n\n return (\n <div\n {...baseProps}\n ref={__internalRootRef}\n className={clsx(styles.root, baseProps.className)}\n {...multiselectProps.getWrapperProps()}\n >\n <Dropdown\n {...dropdownProps}\n ariaLabelledby={dropdownProps.ariaRole ? joinStrings(ariaLabelId, controlId) : undefined}\n ariaDescribedby={dropdownProps.ariaRole ? (dropdownStatus.content ? footerId : undefined) : undefined}\n open={multiselectProps.isOpen}\n minWidth={getDropdownMinWidth({ expandToViewport, triggerWidth })}\n maxWidth={getBreakpointValue('xxs')} // AWSUI-19898\n trigger={trigger}\n header={filter}\n footer={\n dropdownStatus.isSticky ? (\n <DropdownFooter content={multiselectProps.isOpen ? dropdownStatus.content : null} id={footerId} />\n ) : null\n }\n expandToViewport={expandToViewport}\n // Forces dropdown position recalculation when new options are loaded\n contentKey={hasOptions.current.toString()}\n content={\n <ListComponent\n renderOption={renderOption}\n listBottom={\n !dropdownStatus.isSticky ? (\n <DropdownFooter content={multiselectProps.isOpen ? dropdownStatus.content : null} id={footerId} />\n ) : null\n }\n menuProps={multiselectProps.getMenuProps()}\n getOptionProps={multiselectProps.getOptionProps}\n filteredOptions={multiselectProps.filteredOptions}\n filteringValue={filteringValue}\n ref={multiselectProps.scrollToIndex}\n hasDropdownStatus={dropdownStatus.content !== null}\n checkboxes={true}\n useInteractiveGroups={true}\n screenReaderContent={multiselectProps.announcement}\n highlightType={multiselectProps.highlightType}\n firstOptionSticky={hasFilteredOptions && enableSelectAll}\n isMultiSelect={true}\n />\n }\n />\n\n {showTokens && (\n <InternalTokenGroup\n {...multiselectProps.getTokenProps()}\n className={styles.tokens}\n alignment=\"horizontal\"\n limit={tokenLimit}\n items={tokens}\n i18nStrings={tokenGroupI18nStrings}\n limitShowMoreAriaLabel={tokenLimitShowMoreAriaLabel}\n limitShowFewerAriaLabel={tokenLimitShowFewerAriaLabel}\n disableOuterPadding={true}\n readOnly={readOnly}\n isItemReadOnly={item => (item as ExtendedToken)._readOnly}\n />\n )}\n\n <ScreenreaderOnly id={ariaLabelId}>{ariaLabel \|\| inlineLabelText}</ScreenreaderOnly>\n </div>\n );\n }\n);\n\nexport default InternalMultiselect;\n"]}

package/lib/internal/template/multiselect/use-multiselect.d.ts CHANGED Viewed

@@ -60,8 +60,8 @@ export declare function useMultiselect({ options, filteringType, filteringResult
         onMouseDown: (event: React.MouseEvent) => void;
         onFocus?: import("../internal/events").NonCancelableEventHandler<Pick<React.FocusEvent, "target" | "relatedTarget">> | undefined;
         onBlur?: import("../internal/events").NonCancelableEventHandler<Pick<React.FocusEvent, "target" | "relatedTarget">> | undefined;
-        dropdownContentId?: string | undefined;
         ariaRole?: string | undefined;
+        dropdownContentId?: string | undefined;
     };
     getWrapperProps: () => {
         onKeyDown: (event: React.KeyboardEvent) => void;

package/lib/internal/template/package.json CHANGED Viewed

@@ -60,6 +60,7 @@
     "./date-picker": "./date-picker/index.js",
     "./date-range-picker": "./date-range-picker/index.js",
     "./drawer": "./drawer/index.js",
+    "./dropdown": "./dropdown/index.js",
     "./error-boundary": "./error-boundary/index.js",
     "./expandable-section": "./expandable-section/index.js",
     "./file-dropzone": "./file-dropzone/index.js",

package/lib/internal/template/progress-bar/styles.css.js CHANGED Viewed

@@ -1,23 +1,23 @@
     import './styles.scoped.css';
     export default {
-  "progress": "awsui_progress_11huc_4zzs2_189",
-  "result-state": "awsui_result-state_11huc_4zzs2_203",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_4zzs2_1",
-  "root": "awsui_root_11huc_4zzs2_225",
-  "with-result-button": "awsui_with-result-button_11huc_4zzs2_257",
-  "result-text": "awsui_result-text_11huc_4zzs2_261",
-  "result-container-error": "awsui_result-container-error_11huc_4zzs2_265",
-  "result-container-success": "awsui_result-container-success_11huc_4zzs2_265",
-  "result-button": "awsui_result-button_11huc_4zzs2_269",
-  "word-wrap": "awsui_word-wrap_11huc_4zzs2_275",
-  "label-flash": "awsui_label-flash_11huc_4zzs2_280",
-  "label-key-value": "awsui_label-key-value_11huc_4zzs2_284",
-  "flash": "awsui_flash_11huc_4zzs2_292",
-  "progress-container": "awsui_progress-container_11huc_4zzs2_296",
-  "percentage-container": "awsui_percentage-container_11huc_4zzs2_303",
-  "percentage": "awsui_percentage_11huc_4zzs2_303",
-  "complete": "awsui_complete_11huc_4zzs2_349",
-  "additional-info": "awsui_additional-info_11huc_4zzs2_363"
+  "progress": "awsui_progress_11huc_o5q4l_189",
+  "result-state": "awsui_result-state_11huc_o5q4l_203",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_o5q4l_1",
+  "root": "awsui_root_11huc_o5q4l_225",
+  "with-result-button": "awsui_with-result-button_11huc_o5q4l_257",
+  "result-text": "awsui_result-text_11huc_o5q4l_261",
+  "result-container-error": "awsui_result-container-error_11huc_o5q4l_265",
+  "result-container-success": "awsui_result-container-success_11huc_o5q4l_265",
+  "result-button": "awsui_result-button_11huc_o5q4l_269",
+  "word-wrap": "awsui_word-wrap_11huc_o5q4l_275",
+  "label-flash": "awsui_label-flash_11huc_o5q4l_280",
+  "label-key-value": "awsui_label-key-value_11huc_o5q4l_284",
+  "flash": "awsui_flash_11huc_o5q4l_292",
+  "progress-container": "awsui_progress-container_11huc_o5q4l_296",
+  "percentage-container": "awsui_percentage-container_11huc_o5q4l_303",
+  "percentage": "awsui_percentage_11huc_o5q4l_303",
+  "complete": "awsui_complete_11huc_o5q4l_349",
+  "additional-info": "awsui_additional-info_11huc_o5q4l_363"
 };