@cloudscape-design/components-themeable 3.0.853 → 3.0.855

package/lib/internal/template/internal/components/dropdown/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1pu3t_149",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1pu3t_1",
-  "refresh": "awsui_refresh_qwoo0_1pu3t_170",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1pu3t_1",
-  "root": "awsui_root_qwoo0_1pu3t_195",
-  "interior": "awsui_interior_qwoo0_1pu3t_228",
-  "dropdown": "awsui_dropdown_qwoo0_1pu3t_149",
-  "use-portal": "awsui_use-portal_qwoo0_1pu3t_239",
-  "is-empty": "awsui_is-empty_qwoo0_1pu3t_285",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1pu3t_292",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_1pu3t_296",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1pu3t_299",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1pu3t_302",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1pu3t_305",
-  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1pu3t_308",
-  "hide-block-border": "awsui_hide-block-border_qwoo0_1pu3t_315",
-  "open": "awsui_open_qwoo0_1pu3t_324",
-  "nowrap": "awsui_nowrap_qwoo0_1pu3t_333",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_1pu3t_149",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1pu3t_344"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_k1zxo_153",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_k1zxo_1",
+  "refresh": "awsui_refresh_qwoo0_k1zxo_174",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_k1zxo_1",
+  "root": "awsui_root_qwoo0_k1zxo_199",
+  "interior": "awsui_interior_qwoo0_k1zxo_232",
+  "dropdown": "awsui_dropdown_qwoo0_k1zxo_153",
+  "use-portal": "awsui_use-portal_qwoo0_k1zxo_243",
+  "is-empty": "awsui_is-empty_qwoo0_k1zxo_289",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_k1zxo_296",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_k1zxo_300",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_k1zxo_303",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_k1zxo_306",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_k1zxo_309",
+  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_k1zxo_312",
+  "hide-block-border": "awsui_hide-block-border_qwoo0_k1zxo_319",
+  "open": "awsui_open_qwoo0_k1zxo_328",
+  "nowrap": "awsui_nowrap_qwoo0_k1zxo_337",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_k1zxo_153",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_k1zxo_348"
 };
   

package/lib/internal/template/internal/components/dropdown/styles.scoped.css

@@ -136,6 +136,10 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
@@ -146,10 +150,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_dropdown-content-wrapper_qwoo0_1pu3t_149:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_1pu3t_1 var(--motion-duration-show-quick-fo1fgn, 135ms) var(--motion-easing-show-quick-014od6, ease-out);
+.awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_k1zxo_1 var(--motion-duration-show-quick-fo1fgn, 135ms) var(--motion-easing-show-quick-014od6, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_1pu3t_1 {
+@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_k1zxo_1 {
   from {
     opacity: 0.4;
   }
@@ -158,22 +162,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_1pu3t_149:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1pu3t_149:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1pu3t_149:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_1pu3t_149.awsui_refresh_qwoo0_1pu3t_170:not(#\9) {
+.awsui_dropdown-content-wrapper_qwoo0_k1zxo_153.awsui_refresh_qwoo0_k1zxo_174:not(#\9) {
   transform-origin: top;
-  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_1pu3t_1;
+  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_k1zxo_1;
   animation-duration: var(--motion-duration-show-quick-fo1fgn, 135ms);
   animation-timing-function: var(--motion-easing-show-quick-014od6, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-0_qwoo0_1pu3t_1 {
+@keyframes awsui_awsui-motion-fade-in-0_qwoo0_k1zxo_1 {
   from {
     opacity: 0;
   }
@@ -182,17 +186,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_1pu3t_149.awsui_refresh_qwoo0_1pu3t_170:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153.awsui_refresh_qwoo0_k1zxo_174:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1pu3t_149.awsui_refresh_qwoo0_1pu3t_170:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1pu3t_149.awsui_refresh_qwoo0_1pu3t_170:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153.awsui_refresh_qwoo0_k1zxo_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153.awsui_refresh_qwoo0_k1zxo_174:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_qwoo0_1pu3t_195:not(#\9) {
+.awsui_root_qwoo0_k1zxo_199:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -226,11 +230,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   white-space: inherit;
 }
-.awsui_root_qwoo0_1pu3t_195.awsui_interior_qwoo0_1pu3t_228:not(#\9) {
+.awsui_root_qwoo0_k1zxo_199.awsui_interior_qwoo0_k1zxo_232:not(#\9) {
   position: static;
 }
 
-.awsui_dropdown_qwoo0_1pu3t_149:not(#\9) {
+.awsui_dropdown_qwoo0_k1zxo_153:not(#\9) {
   position: absolute;
   display: none;
   z-index: 2000;
@@ -238,24 +242,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
           user-select: none;
   transform-origin: top;
 }
-.awsui_dropdown_qwoo0_1pu3t_149.awsui_use-portal_qwoo0_1pu3t_239:not(#\9) {
+.awsui_dropdown_qwoo0_k1zxo_153.awsui_use-portal_qwoo0_k1zxo_243:not(#\9) {
   z-index: 7000;
 }
-.awsui_dropdown_qwoo0_1pu3t_149:not(#\9):not(.awsui_interior_qwoo0_1pu3t_228) {
+.awsui_dropdown_qwoo0_k1zxo_153:not(#\9):not(.awsui_interior_qwoo0_k1zxo_232) {
   transform: translateY(0px);
   transition: transform var(--motion-duration-show-quick-fo1fgn, 135ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown_qwoo0_1pu3t_149:not(#\9):not(.awsui_interior_qwoo0_1pu3t_228) {
+  .awsui_dropdown_qwoo0_k1zxo_153:not(#\9):not(.awsui_interior_qwoo0_k1zxo_232) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown_qwoo0_1pu3t_149:not(#\9):not(.awsui_interior_qwoo0_1pu3t_228), .awsui-mode-entering .awsui_dropdown_qwoo0_1pu3t_149:not(#\9):not(.awsui_interior_qwoo0_1pu3t_228) {
+.awsui-motion-disabled .awsui_dropdown_qwoo0_k1zxo_153:not(#\9):not(.awsui_interior_qwoo0_k1zxo_232), .awsui-mode-entering .awsui_dropdown_qwoo0_k1zxo_153:not(#\9):not(.awsui_interior_qwoo0_k1zxo_232) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_1pu3t_149:not(#\9) {
+.awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
   position: relative;
   background-color: var(--color-background-dropdown-item-default-r1zm6a, #ffffff);
   outline: none;
@@ -267,7 +271,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: var(--border-divider-list-width-x6rz7e, 1px) solid var(--color-border-container-top-lphfcg, #eaeded);
   box-sizing: border-box;
 }
-.awsui_dropdown-content-wrapper_qwoo0_1pu3t_149:not(#\9)::after {
+.awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -284,65 +288,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
   pointer-events: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_1pu3t_149.awsui_is-empty_qwoo0_1pu3t_285:not(#\9)::after {
+.awsui_dropdown-content-wrapper_qwoo0_k1zxo_153.awsui_is-empty_qwoo0_k1zxo_289:not(#\9)::after {
   display: none;
 }
-.awsui_dropdown_qwoo0_1pu3t_149 > .awsui_dropdown-content-wrapper_qwoo0_1pu3t_149:not(#\9) {
+.awsui_dropdown_qwoo0_k1zxo_153 > .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
   border-block-start: var(--border-divider-list-width-x6rz7e, 1px) solid var(--color-border-container-top-lphfcg, #eaeded);
   border-block-end: var(--border-divider-list-width-x6rz7e, 1px) solid var(--color-border-dropdown-group-ze4esa, #eaeded);
 }
-.awsui_dropdown-drop-up_qwoo0_1pu3t_292 > .awsui_dropdown-content-wrapper_qwoo0_1pu3t_149:not(#\9) {
+.awsui_dropdown-drop-up_qwoo0_k1zxo_296 > .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
   transform-origin: bottom;
   box-shadow: var(--shadow-dropup-onasja, 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_dropdown-drop-up_qwoo0_1pu3t_292.awsui_with-limited-width_qwoo0_1pu3t_296 > .awsui_dropdown-content-wrapper_qwoo0_1pu3t_149:not(#\9) {
+.awsui_dropdown-drop-up_qwoo0_k1zxo_296.awsui_with-limited-width_qwoo0_k1zxo_300 > .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown-drop-left_qwoo0_1pu3t_299:not(#\9) {
+.awsui_dropdown-drop-left_qwoo0_k1zxo_303:not(#\9) {
   inset-inline-end: 0;
 }
-.awsui_dropdown-drop-right_qwoo0_1pu3t_302:not(#\9) {
+.awsui_dropdown-drop-right_qwoo0_k1zxo_306:not(#\9) {
   inset-inline-start: 0;
 }
-.awsui_dropdown_qwoo0_1pu3t_149.awsui_occupy-entire-width_qwoo0_1pu3t_305:not(#\9) {
+.awsui_dropdown_qwoo0_k1zxo_153.awsui_occupy-entire-width_qwoo0_k1zxo_309:not(#\9) {
   min-inline-size: 100%;
 }
-.awsui_dropdown_qwoo0_1pu3t_149.awsui_stretch-beyond-trigger-width_qwoo0_1pu3t_308:not(#\9) {
+.awsui_dropdown_qwoo0_k1zxo_153.awsui_stretch-beyond-trigger-width_qwoo0_k1zxo_312:not(#\9) {
   inline-size: max-content;
   max-inline-size: var(--awsui-dropdown-default-max-width-g964ok, 100%);
 }
-.awsui_dropdown_qwoo0_1pu3t_149.awsui_interior_qwoo0_1pu3t_228 > .awsui_dropdown-content-wrapper_qwoo0_1pu3t_149:not(#\9) {
+.awsui_dropdown_qwoo0_k1zxo_153.awsui_interior_qwoo0_k1zxo_232 > .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
   margin-block-start: -1px;
 }
-.awsui_dropdown_qwoo0_1pu3t_149.awsui_hide-block-border_qwoo0_1pu3t_315 > .awsui_dropdown-content-wrapper_qwoo0_1pu3t_149:not(#\9) {
+.awsui_dropdown_qwoo0_k1zxo_153.awsui_hide-block-border_qwoo0_k1zxo_319 > .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown_qwoo0_1pu3t_149.awsui_hide-block-border_qwoo0_1pu3t_315:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_1pu3t_292) > .awsui_dropdown-content-wrapper_qwoo0_1pu3t_149 {
+.awsui_dropdown_qwoo0_k1zxo_153.awsui_hide-block-border_qwoo0_k1zxo_319:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_k1zxo_296) > .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153 {
   border-block-end: none;
 }
-.awsui_dropdown_qwoo0_1pu3t_149.awsui_hide-block-border_qwoo0_1pu3t_315.awsui_refresh_qwoo0_1pu3t_170 > .awsui_dropdown-content-wrapper_qwoo0_1pu3t_149:not(#\9) {
+.awsui_dropdown_qwoo0_k1zxo_153.awsui_hide-block-border_qwoo0_k1zxo_319.awsui_refresh_qwoo0_k1zxo_174 > .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
   border-block-end: none;
 }
-.awsui_dropdown_qwoo0_1pu3t_149.awsui_open_qwoo0_1pu3t_324:not(#\9) {
+.awsui_dropdown_qwoo0_k1zxo_153.awsui_open_qwoo0_k1zxo_328:not(#\9) {
   display: block;
 }
-.awsui_dropdown_qwoo0_1pu3t_149.awsui_open_qwoo0_1pu3t_324:not(#\9):not(.awsui_interior_qwoo0_1pu3t_228).awsui_refresh_qwoo0_1pu3t_170[data-animating=true] {
+.awsui_dropdown_qwoo0_k1zxo_153.awsui_open_qwoo0_k1zxo_328:not(#\9):not(.awsui_interior_qwoo0_k1zxo_232).awsui_refresh_qwoo0_k1zxo_174[data-animating=true] {
   transform: translateY(4px);
 }
-.awsui_dropdown_qwoo0_1pu3t_149.awsui_open_qwoo0_1pu3t_324:not(#\9):not(.awsui_interior_qwoo0_1pu3t_228).awsui_refresh_qwoo0_1pu3t_170[data-animating=true].awsui_dropdown-drop-up_qwoo0_1pu3t_292 {
+.awsui_dropdown_qwoo0_k1zxo_153.awsui_open_qwoo0_k1zxo_328:not(#\9):not(.awsui_interior_qwoo0_k1zxo_232).awsui_refresh_qwoo0_k1zxo_174[data-animating=true].awsui_dropdown-drop-up_qwoo0_k1zxo_296 {
   transform: translateY(-4px);
 }
-.awsui_dropdown_qwoo0_1pu3t_149.awsui_open_qwoo0_1pu3t_324.awsui_nowrap_qwoo0_1pu3t_333:not(#\9) {
+.awsui_dropdown_qwoo0_k1zxo_153.awsui_open_qwoo0_k1zxo_328.awsui_nowrap_qwoo0_k1zxo_337:not(#\9) {
   white-space: nowrap;
   overflow: scroll;
 }
 
-.awsui_dropdown-content_qwoo0_1pu3t_149:not(#\9) {
+.awsui_dropdown-content_qwoo0_k1zxo_153:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
 
-.awsui_stretch-trigger-height_qwoo0_1pu3t_344:not(#\9) {
+.awsui_stretch-trigger-height_qwoo0_k1zxo_348:not(#\9) {
   block-size: 100%;
 }

package/lib/internal/template/internal/components/dropdown/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1pu3t_149",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1pu3t_1",
-  "refresh": "awsui_refresh_qwoo0_1pu3t_170",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1pu3t_1",
-  "root": "awsui_root_qwoo0_1pu3t_195",
-  "interior": "awsui_interior_qwoo0_1pu3t_228",
-  "dropdown": "awsui_dropdown_qwoo0_1pu3t_149",
-  "use-portal": "awsui_use-portal_qwoo0_1pu3t_239",
-  "is-empty": "awsui_is-empty_qwoo0_1pu3t_285",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1pu3t_292",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_1pu3t_296",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1pu3t_299",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1pu3t_302",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1pu3t_305",
-  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1pu3t_308",
-  "hide-block-border": "awsui_hide-block-border_qwoo0_1pu3t_315",
-  "open": "awsui_open_qwoo0_1pu3t_324",
-  "nowrap": "awsui_nowrap_qwoo0_1pu3t_333",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_1pu3t_149",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1pu3t_344"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_k1zxo_153",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_k1zxo_1",
+  "refresh": "awsui_refresh_qwoo0_k1zxo_174",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_k1zxo_1",
+  "root": "awsui_root_qwoo0_k1zxo_199",
+  "interior": "awsui_interior_qwoo0_k1zxo_232",
+  "dropdown": "awsui_dropdown_qwoo0_k1zxo_153",
+  "use-portal": "awsui_use-portal_qwoo0_k1zxo_243",
+  "is-empty": "awsui_is-empty_qwoo0_k1zxo_289",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_k1zxo_296",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_k1zxo_300",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_k1zxo_303",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_k1zxo_306",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_k1zxo_309",
+  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_k1zxo_312",
+  "hide-block-border": "awsui_hide-block-border_qwoo0_k1zxo_319",
+  "open": "awsui_open_qwoo0_k1zxo_328",
+  "nowrap": "awsui_nowrap_qwoo0_k1zxo_337",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_k1zxo_153",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_k1zxo_348"
 };
   

package/lib/internal/template/internal/components/dropdown-footer/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1afi9_vnwzn_141",
-  "hidden": "awsui_hidden_1afi9_vnwzn_172",
-  "no-items": "awsui_no-items_1afi9_vnwzn_175"
+  "root": "awsui_root_1afi9_i89a8_145",
+  "hidden": "awsui_hidden_1afi9_i89a8_176",
+  "no-items": "awsui_no-items_1afi9_i89a8_179"
 };
   

package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css

@@ -136,9 +136,13 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_1afi9_vnwzn_141:not(#\9) {
+.awsui_root_1afi9_i89a8_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -170,9 +174,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_1afi9_vnwzn_141:not(#\9):not(.awsui_hidden_1afi9_vnwzn_172) {
+.awsui_root_1afi9_i89a8_145:not(#\9):not(.awsui_hidden_1afi9_i89a8_176) {
   border-block-start: var(--border-divider-list-width-x6rz7e, 1px) solid var(--color-border-dropdown-item-default-s0ovy4, #eaeded);
 }
-.awsui_root_1afi9_vnwzn_141:not(#\9):not(.awsui_hidden_1afi9_vnwzn_172).awsui_no-items_1afi9_vnwzn_175 {
+.awsui_root_1afi9_i89a8_145:not(#\9):not(.awsui_hidden_1afi9_i89a8_176).awsui_no-items_1afi9_i89a8_179 {
   border-block-start: var(--border-divider-list-width-x6rz7e, 1px) solid var(--color-border-dropdown-item-top-k8ts00, #eaeded);
 }

package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1afi9_vnwzn_141",
-  "hidden": "awsui_hidden_1afi9_vnwzn_172",
-  "no-items": "awsui_no-items_1afi9_vnwzn_175"
+  "root": "awsui_root_1afi9_i89a8_145",
+  "hidden": "awsui_hidden_1afi9_i89a8_176",
+  "no-items": "awsui_no-items_1afi9_i89a8_179"
 };
   

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

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_vrgzu_1ylh0_141",
-  "recovery": "awsui_recovery_vrgzu_1ylh0_176"
+  "root": "awsui_root_vrgzu_29nnh_145",
+  "recovery": "awsui_recovery_vrgzu_29nnh_180"
 };
   

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

@@ -136,9 +136,13 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_vrgzu_1ylh0_141:not(#\9) {
+.awsui_root_vrgzu_29nnh_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,6 +178,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-field-horizontal-cxdor9, 8px);
   color: var(--color-text-dropdown-footer-1p0wzf, #687078);
 }
-.awsui_root_vrgzu_1ylh0_141 > .awsui_recovery_vrgzu_1ylh0_176:not(#\9) {
+.awsui_root_vrgzu_29nnh_145 > .awsui_recovery_vrgzu_29nnh_180:not(#\9) {
   /* used in test-utils */
 }

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

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

package/lib/internal/template/internal/components/handle/styles.css.js

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "handle": "awsui_handle_iykw5_1q2ax_141",
-  "hide-focus": "awsui_hide-focus_iykw5_1q2ax_155"
+  "handle": "awsui_handle_iykw5_1f3ir_145",
+  "hide-focus": "awsui_hide-focus_iykw5_1f3ir_159"
 };
   

package/lib/internal/template/internal/components/handle/styles.scoped.css

@@ -136,9 +136,13 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_handle_iykw5_1q2ax_141:not(#\9) {
+.awsui_handle_iykw5_1f3ir_145:not(#\9) {
   -webkit-appearance: none;
           appearance: none;
   background: transparent;
@@ -150,17 +154,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: var(--space-scaled-xxs-krq5fq, 4px);
   color: var(--color-text-interactive-default-t1snbz, #545b64);
 }
-.awsui_handle_iykw5_1q2ax_141:not(#\9):hover {
+.awsui_handle_iykw5_1f3ir_145:not(#\9):hover {
   color: var(--color-text-interactive-hover-kxltdh, #16191f);
 }
-body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1q2ax_141:not(#\9):focus:not(.awsui_hide-focus_iykw5_1q2ax_155) {
+body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1f3ir_145:not(#\9):focus:not(.awsui_hide-focus_iykw5_1f3ir_159) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1q2ax_141:not(#\9):focus:not(.awsui_hide-focus_iykw5_1q2ax_155) {
+body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1f3ir_145:not(#\9):focus:not(.awsui_hide-focus_iykw5_1f3ir_159) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1q2ax_141:not(#\9):focus:not(.awsui_hide-focus_iykw5_1q2ax_155)::before {
+body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1f3ir_145:not(#\9):focus:not(.awsui_hide-focus_iykw5_1f3ir_159)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -174,6 +178,6 @@ body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1q2ax_141:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1q2ax_141:not(#\9):focus.awsui_hide-focus_iykw5_1q2ax_155 {
+body[data-awsui-focus-visible=true] .awsui_handle_iykw5_1f3ir_145:not(#\9):focus.awsui_hide-focus_iykw5_1f3ir_159 {
   outline: none;
 }

package/lib/internal/template/internal/components/handle/styles.selectors.js

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "handle": "awsui_handle_iykw5_1q2ax_141",
-  "hide-focus": "awsui_hide-focus_iykw5_1q2ax_155"
+  "handle": "awsui_handle_iykw5_1f3ir_145",
+  "hide-focus": "awsui_hide-focus_iykw5_1f3ir_159"
 };
   

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

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

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

@@ -6,6 +6,7 @@ import clsx from 'clsx';
 import InternalButtonDropdown from '../../../button-dropdown/internal';
 import InternalIcon from '../../../icon/internal';
 import { getBaseProps } from '../../base-component';
+import { spinWhenOpen } from '../../styles/motion/utils';
 import { applyDisplayName } from '../../utils/apply-display-name';
 import buttonDropdownStyles from '../../../button-dropdown/styles.css.js';
 import styles from './styles.css.js';
@@ -19,7 +20,7 @@ export const ButtonTrigger = React.forwardRef(({ testUtilsClass, iconName, iconU
         } },
         hasIcon && (React.createElement(InternalIcon, { className: styles.icon, name: iconName, url: iconUrl, alt: iconAlt, svg: iconSvg, badge: badge })),
         children && React.createElement("span", { className: styles.text }, children),
-        children && (React.createElement(InternalIcon, { name: "caret-down-filled", className: expanded ? buttonDropdownStyles['rotate-up'] : buttonDropdownStyles['rotate-down'] }))));
+        children && (React.createElement(InternalIcon, { name: "caret-down-filled", className: spinWhenOpen(buttonDropdownStyles, 'rotate', !!expanded) }))));
 });
 const MenuDropdown = (_a) => {
     var { iconName, iconUrl, iconAlt, iconSvg, badge, offsetRight, children } = _a, props = __rest(_a, ["iconName", "iconUrl", "iconAlt", "iconSvg", "badge", "offsetRight", "children"]);

package/lib/internal/template/internal/components/menu-dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/menu-dropdown/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,sBAAsB,MAAM,mCAAmC,CAAC;AACvE,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGlE,OAAO,oBAAoB,MAAM,wCAAwC,CAAC;AAC1E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EACE,cAAc,EACd,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,GACY,EACrB,GAAmB,EACnB,EAAE;IACF,MAAM,OAAO,GAAG,QAAQ,IAAI,OAAO,IAAI,OAAO,CAAC;IAE/C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,gBAAgB,WAAW,EAAE,CAAC,EAAE,cAAc,EAAE;YACpF,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;SAC5B,CAAC,gBACU,SAAS,mBACN,CAAC,CAAC,QAAQ,mBACV,IAAI,EACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,KAAK,CAAC,EAAE;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO,IAAI,OAAO,EAAE,CAAC;QACvB,CAAC;QAEA,OAAO,IAAI,CACV,oBAAC,YAAY,IACX,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,KAAK,GACZ,CACH;QACA,QAAQ,IAAI,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,QAAQ,CAAQ;QAC3D,QAAQ,IAAI,CACX,oBAAC,YAAY,IACX,IAAI,EAAC,mBAAmB,EACxB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,aAAa,CAAC,GAC7F,CACH,CACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EASF,EAAE,EAAE;QATF,EACpB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,OAEU,EADf,KAAK,cARY,iFASrB,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,eAAe,GAAG,CAAC,EACvB,UAAU,EACV,SAAS,EACT,MAAM,EACN,cAAc,EACd,QAAQ,EACR,OAAO,GACY,EAAE,EAAE;QACvB,OAAO,CACL,oBAAC,aAAa,IACZ,cAAc,EAAE,cAAc,EAC9B,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,IAEf,QAAQ,CACK,CACjB,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAsB,oBACjB,SAAS,EACT,KAAK,IACT,OAAO,EAAC,YAAY,EACpB,oBAAoB,EAAE,eAAe,EACrC,YAAY,EAAE,IAAI,IAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;AAC/C,eAAe,YAAY,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { CustomTriggerProps } from '../../../button-dropdown/interfaces';\nimport InternalButtonDropdown from '../../../button-dropdown/internal';\nimport InternalIcon from '../../../icon/internal';\nimport { getBaseProps } from '../../base-component';\nimport { applyDisplayName } from '../../utils/apply-display-name';\nimport { ButtonTriggerProps, MenuDropdownProps } from './interfaces';\n\nimport buttonDropdownStyles from '../../../button-dropdown/styles.css.js';\nimport styles from './styles.css.js';\n\nexport { MenuDropdownProps };\n\nexport const ButtonTrigger = React.forwardRef(\n  (\n    {\n      testUtilsClass,\n      iconName,\n      iconUrl,\n      iconAlt,\n      iconSvg,\n      badge,\n      ariaLabel,\n      offsetRight,\n      disabled,\n      expanded,\n      children,\n      onClick,\n    }: ButtonTriggerProps,\n    ref: React.Ref<any>\n  ) => {\n    const hasIcon = iconName || iconUrl || iconSvg;\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={clsx(styles.button, styles[`offset-right-${offsetRight}`], testUtilsClass, {\n          [styles.expanded]: expanded,\n        })}\n        aria-label={ariaLabel}\n        aria-expanded={!!expanded}\n        aria-haspopup={true}\n        disabled={disabled}\n        onClick={event => {\n          event.preventDefault();\n          onClick && onClick();\n        }}\n      >\n        {hasIcon && (\n          <InternalIcon\n            className={styles.icon}\n            name={iconName}\n            url={iconUrl}\n            alt={iconAlt}\n            svg={iconSvg}\n            badge={badge}\n          />\n        )}\n        {children && <span className={styles.text}>{children}</span>}\n        {children && (\n          <InternalIcon\n            name=\"caret-down-filled\"\n            className={expanded ? buttonDropdownStyles['rotate-up'] : buttonDropdownStyles['rotate-down']}\n          />\n        )}\n      </button>\n    );\n  }\n);\n\nconst MenuDropdown = ({\n  iconName,\n  iconUrl,\n  iconAlt,\n  iconSvg,\n  badge,\n  offsetRight,\n  children,\n  ...props\n}: MenuDropdownProps) => {\n  const baseProps = getBaseProps(props);\n\n  const dropdownTrigger = ({\n    triggerRef,\n    ariaLabel,\n    isOpen,\n    testUtilsClass,\n    disabled,\n    onClick,\n  }: CustomTriggerProps) => {\n    return (\n      <ButtonTrigger\n        testUtilsClass={testUtilsClass}\n        ref={triggerRef}\n        disabled={disabled}\n        expanded={isOpen}\n        iconName={iconName}\n        iconUrl={iconUrl}\n        iconAlt={iconAlt}\n        iconSvg={iconSvg}\n        badge={badge}\n        ariaLabel={ariaLabel}\n        offsetRight={offsetRight}\n        onClick={onClick}\n      >\n        {children}\n      </ButtonTrigger>\n    );\n  };\n\n  return (\n    <InternalButtonDropdown\n      {...baseProps}\n      {...props}\n      variant=\"navigation\"\n      customTriggerBuilder={dropdownTrigger}\n      preferCenter={true}\n    />\n  );\n};\n\napplyDisplayName(MenuDropdown, 'MenuDropdown');\nexport default MenuDropdown;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/menu-dropdown/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { CustomTriggerProps } from '../../../button-dropdown/interfaces';\nimport InternalButtonDropdown from '../../../button-dropdown/internal';\nimport InternalIcon from '../../../icon/internal';\nimport { getBaseProps } from '../../base-component';\nimport { spinWhenOpen } from '../../styles/motion/utils';\nimport { applyDisplayName } from '../../utils/apply-display-name';\nimport { ButtonTriggerProps, MenuDropdownProps } from './interfaces';\n\nimport buttonDropdownStyles from '../../../button-dropdown/styles.css.js';\nimport styles from './styles.css.js';\n\nexport { MenuDropdownProps };\n\nexport const ButtonTrigger = React.forwardRef(\n  (\n    {\n      testUtilsClass,\n      iconName,\n      iconUrl,\n      iconAlt,\n      iconSvg,\n      badge,\n      ariaLabel,\n      offsetRight,\n      disabled,\n      expanded,\n      children,\n      onClick,\n    }: ButtonTriggerProps,\n    ref: React.Ref<any>\n  ) => {\n    const hasIcon = iconName || iconUrl || iconSvg;\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={clsx(styles.button, styles[`offset-right-${offsetRight}`], testUtilsClass, {\n          [styles.expanded]: expanded,\n        })}\n        aria-label={ariaLabel}\n        aria-expanded={!!expanded}\n        aria-haspopup={true}\n        disabled={disabled}\n        onClick={event => {\n          event.preventDefault();\n          onClick && onClick();\n        }}\n      >\n        {hasIcon && (\n          <InternalIcon\n            className={styles.icon}\n            name={iconName}\n            url={iconUrl}\n            alt={iconAlt}\n            svg={iconSvg}\n            badge={badge}\n          />\n        )}\n        {children && <span className={styles.text}>{children}</span>}\n        {children && (\n          <InternalIcon name=\"caret-down-filled\" className={spinWhenOpen(buttonDropdownStyles, 'rotate', !!expanded)} />\n        )}\n      </button>\n    );\n  }\n);\n\nconst MenuDropdown = ({\n  iconName,\n  iconUrl,\n  iconAlt,\n  iconSvg,\n  badge,\n  offsetRight,\n  children,\n  ...props\n}: MenuDropdownProps) => {\n  const baseProps = getBaseProps(props);\n\n  const dropdownTrigger = ({\n    triggerRef,\n    ariaLabel,\n    isOpen,\n    testUtilsClass,\n    disabled,\n    onClick,\n  }: CustomTriggerProps) => {\n    return (\n      <ButtonTrigger\n        testUtilsClass={testUtilsClass}\n        ref={triggerRef}\n        disabled={disabled}\n        expanded={isOpen}\n        iconName={iconName}\n        iconUrl={iconUrl}\n        iconAlt={iconAlt}\n        iconSvg={iconSvg}\n        badge={badge}\n        ariaLabel={ariaLabel}\n        offsetRight={offsetRight}\n        onClick={onClick}\n      >\n        {children}\n      </ButtonTrigger>\n    );\n  };\n\n  return (\n    <InternalButtonDropdown\n      {...baseProps}\n      {...props}\n      variant=\"navigation\"\n      customTriggerBuilder={dropdownTrigger}\n      preferCenter={true}\n    />\n  );\n};\n\napplyDisplayName(MenuDropdown, 'MenuDropdown');\nexport default MenuDropdown;\n"]}

package/lib/internal/template/internal/components/menu-dropdown/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "button": "awsui_button_m5h9f_1wvpj_141",
-  "expanded": "awsui_expanded_m5h9f_1wvpj_193",
-  "offset-right-none": "awsui_offset-right-none_m5h9f_1wvpj_204",
-  "offset-right-l": "awsui_offset-right-l_m5h9f_1wvpj_207",
-  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1wvpj_210",
-  "text": "awsui_text_m5h9f_1wvpj_235",
-  "icon": "awsui_icon_m5h9f_1wvpj_239"
+  "button": "awsui_button_m5h9f_wtvx9_145",
+  "expanded": "awsui_expanded_m5h9f_wtvx9_197",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_wtvx9_208",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_wtvx9_211",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_wtvx9_214",
+  "text": "awsui_text_m5h9f_wtvx9_239",
+  "icon": "awsui_icon_m5h9f_wtvx9_243"
 };
   

package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css

@@ -136,9 +136,13 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_button_m5h9f_1wvpj_141:not(#\9) {
+.awsui_button_m5h9f_wtvx9_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -187,38 +191,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: transparent;
   color: var(--color-text-interactive-default-t1snbz, #545b64);
 }
-.awsui_button_m5h9f_1wvpj_141:not(#\9):hover {
+.awsui_button_m5h9f_wtvx9_145:not(#\9):hover {
   color: var(--color-text-interactive-hover-kxltdh, #16191f);
   text-decoration: none;
 }
-.awsui_button_m5h9f_1wvpj_141:not(#\9):active, .awsui_button_m5h9f_1wvpj_141.awsui_expanded_m5h9f_1wvpj_193:not(#\9) {
+.awsui_button_m5h9f_wtvx9_145:not(#\9):active, .awsui_button_m5h9f_wtvx9_145.awsui_expanded_m5h9f_wtvx9_197:not(#\9) {
   background: transparent;
   color: var(--color-text-interactive-active-xcqmut, #16191f);
 }
-.awsui_button_m5h9f_1wvpj_141.awsui_expanded_m5h9f_1wvpj_193:not(#\9) {
+.awsui_button_m5h9f_wtvx9_145.awsui_expanded_m5h9f_wtvx9_197:not(#\9) {
   color: var(--color-text-accent-b3retj, #0073bb);
 }
-.awsui_button_m5h9f_1wvpj_141:not(#\9):focus {
+.awsui_button_m5h9f_wtvx9_145:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_button_m5h9f_1wvpj_141.awsui_offset-right-none_m5h9f_1wvpj_204:not(#\9) {
+.awsui_button_m5h9f_wtvx9_145.awsui_offset-right-none_m5h9f_wtvx9_208:not(#\9) {
   margin-inline-end: 0;
 }
-.awsui_button_m5h9f_1wvpj_141.awsui_offset-right-l_m5h9f_1wvpj_207:not(#\9) {
+.awsui_button_m5h9f_wtvx9_145.awsui_offset-right-l_m5h9f_wtvx9_211:not(#\9) {
   margin-inline-end: var(--space-s-vmutj3, 12px);
 }
-.awsui_button_m5h9f_1wvpj_141.awsui_offset-right-xxl_m5h9f_1wvpj_210:not(#\9) {
+.awsui_button_m5h9f_wtvx9_145.awsui_offset-right-xxl_m5h9f_wtvx9_214:not(#\9) {
   margin-inline-end: var(--space-xl-vss8pc, 24px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1wvpj_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_wtvx9_145:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1wvpj_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_wtvx9_145:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(-1px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1wvpj_141:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_wtvx9_145:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -233,10 +237,10 @@ body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1wvpj_141:not(#\9):focus
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
 
-.awsui_text_m5h9f_1wvpj_235:not(#\9) {
+.awsui_text_m5h9f_wtvx9_239:not(#\9) {
   margin-inline-end: var(--space-xs-6dgkww, 8px);
 }
 
-.awsui_icon_m5h9f_1wvpj_239 + .awsui_text_m5h9f_1wvpj_235:not(#\9) {
+.awsui_icon_m5h9f_wtvx9_243 + .awsui_text_m5h9f_wtvx9_239:not(#\9) {
   margin-inline-start: var(--space-xs-6dgkww, 8px);
 }