@cloudscape-design/components 3.0.1380 → 3.0.1381

package/button-dropdown/category-elements/styles.selectors.js

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header": "awsui_header_16mm3_12pkv_9",
-  "disabled": "awsui_disabled_16mm3_12pkv_25",
-  "no-content-styling": "awsui_no-content-styling_16mm3_12pkv_29",
-  "expandable-header": "awsui_expandable-header_16mm3_12pkv_35",
-  "rolled-down": "awsui_rolled-down_16mm3_12pkv_46",
-  "highlighted": "awsui_highlighted_16mm3_12pkv_49",
-  "is-focused": "awsui_is-focused_16mm3_12pkv_72",
-  "visual-refresh": "awsui_visual-refresh_16mm3_12pkv_75",
-  "category": "awsui_category_16mm3_12pkv_79",
-  "expandable": "awsui_expandable_16mm3_12pkv_35",
-  "variant-navigation": "awsui_variant-navigation_16mm3_12pkv_94",
-  "expand-icon": "awsui_expand-icon_16mm3_12pkv_101",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_12pkv_119",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_12pkv_122",
-  "items-list-container": "awsui_items-list-container_16mm3_12pkv_130",
-  "in-dropdown": "awsui_in-dropdown_16mm3_12pkv_139",
-  "icon-wrapper": "awsui_icon-wrapper_16mm3_12pkv_143",
-  "header-content": "awsui_header-content_16mm3_12pkv_147"
+  "header": "awsui_header_16mm3_1e2ra_9",
+  "disabled": "awsui_disabled_16mm3_1e2ra_25",
+  "no-content-styling": "awsui_no-content-styling_16mm3_1e2ra_29",
+  "expandable-header": "awsui_expandable-header_16mm3_1e2ra_35",
+  "rolled-down": "awsui_rolled-down_16mm3_1e2ra_46",
+  "highlighted": "awsui_highlighted_16mm3_1e2ra_49",
+  "is-focused": "awsui_is-focused_16mm3_1e2ra_72",
+  "visual-refresh": "awsui_visual-refresh_16mm3_1e2ra_75",
+  "category": "awsui_category_16mm3_1e2ra_79",
+  "expandable": "awsui_expandable_16mm3_1e2ra_35",
+  "variant-navigation": "awsui_variant-navigation_16mm3_1e2ra_94",
+  "expand-icon": "awsui_expand-icon_16mm3_1e2ra_101",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_1e2ra_119",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_1e2ra_122",
+  "items-list-container": "awsui_items-list-container_16mm3_1e2ra_130",
+  "in-dropdown": "awsui_in-dropdown_16mm3_1e2ra_139",
+  "icon-wrapper": "awsui_icon-wrapper_16mm3_1e2ra_143",
+  "header-content": "awsui_header-content_16mm3_1e2ra_147"
 };
   

package/button-dropdown/item-element/styles.css.js

@@ -1,26 +1,26 @@
 
     import './styles.scoped.css';
     export default {
-  "item-element": "awsui_item-element_93a1u_1jba8_9",
-  "no-content-styling": "awsui_no-content-styling_93a1u_1jba8_21",
-  "disabled": "awsui_disabled_93a1u_1jba8_26",
-  "show-divider": "awsui_show-divider_93a1u_1jba8_33",
-  "highlighted": "awsui_highlighted_93a1u_1jba8_36",
-  "is-focused": "awsui_is-focused_93a1u_1jba8_51",
-  "visual-refresh": "awsui_visual-refresh_93a1u_1jba8_54",
-  "menu-item": "awsui_menu-item_93a1u_1jba8_58",
-  "link-style": "awsui_link-style_93a1u_1jba8_75",
-  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_1jba8_112",
-  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_1jba8_120",
-  "has-category-header": "awsui_has-category-header_93a1u_1jba8_126",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1jba8_126",
-  "has-checkmark": "awsui_has-checkmark_93a1u_1jba8_126",
-  "icon": "awsui_icon_93a1u_1jba8_133",
-  "checkmark": "awsui_checkmark_93a1u_1jba8_137",
-  "external-icon": "awsui_external-icon_93a1u_1jba8_144",
-  "content-wrapper": "awsui_content-wrapper_93a1u_1jba8_148",
-  "main-row": "awsui_main-row_93a1u_1jba8_154",
-  "label-tag": "awsui_label-tag_93a1u_1jba8_161",
-  "secondary-text": "awsui_secondary-text_93a1u_1jba8_168"
+  "item-element": "awsui_item-element_93a1u_60fpm_9",
+  "no-content-styling": "awsui_no-content-styling_93a1u_60fpm_21",
+  "disabled": "awsui_disabled_93a1u_60fpm_26",
+  "show-divider": "awsui_show-divider_93a1u_60fpm_33",
+  "highlighted": "awsui_highlighted_93a1u_60fpm_36",
+  "is-focused": "awsui_is-focused_93a1u_60fpm_51",
+  "visual-refresh": "awsui_visual-refresh_93a1u_60fpm_54",
+  "menu-item": "awsui_menu-item_93a1u_60fpm_58",
+  "link-style": "awsui_link-style_93a1u_60fpm_75",
+  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_60fpm_112",
+  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_60fpm_120",
+  "has-category-header": "awsui_has-category-header_93a1u_60fpm_126",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_60fpm_126",
+  "has-checkmark": "awsui_has-checkmark_93a1u_60fpm_126",
+  "icon": "awsui_icon_93a1u_60fpm_133",
+  "checkmark": "awsui_checkmark_93a1u_60fpm_137",
+  "external-icon": "awsui_external-icon_93a1u_60fpm_144",
+  "content-wrapper": "awsui_content-wrapper_93a1u_60fpm_148",
+  "main-row": "awsui_main-row_93a1u_60fpm_154",
+  "label-tag": "awsui_label-tag_93a1u_60fpm_161",
+  "secondary-text": "awsui_secondary-text_93a1u_60fpm_168"
 };
   

package/button-dropdown/item-element/styles.scoped.css

@@ -6,7 +6,7 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_item-element_93a1u_1jba8_9:not(#\9) {
+.awsui_item-element_93a1u_60fpm_9:not(#\9) {
   position: relative;
   z-index: 1;
   border-block: var(--border-item-width-pyfg4s, 2px) solid transparent;
@@ -18,44 +18,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: calc(-1 * var(--border-width-dropdown-4gpjx5, 2px));
   cursor: pointer;
 }
-.awsui_item-element_93a1u_1jba8_9.awsui_no-content-styling_93a1u_1jba8_21:not(#\9) {
+.awsui_item-element_93a1u_60fpm_9.awsui_no-content-styling_93a1u_60fpm_21:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-dropdown-item-default-u2mfqy, #0f141a);
 }
-.awsui_item-element_93a1u_1jba8_9.awsui_disabled_93a1u_1jba8_26:not(#\9) {
+.awsui_item-element_93a1u_60fpm_9.awsui_disabled_93a1u_60fpm_26:not(#\9) {
   cursor: default;
   color: var(--color-text-dropdown-item-disabled-2udtn0, #b4b4bb);
 }
-.awsui_item-element_93a1u_1jba8_9:not(#\9):first-child {
+.awsui_item-element_93a1u_60fpm_9:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_item-element_93a1u_1jba8_9.awsui_show-divider_93a1u_1jba8_33:not(#\9) {
+.awsui_item-element_93a1u_60fpm_9.awsui_show-divider_93a1u_60fpm_33:not(#\9) {
   border-block-end: var(--border-item-width-pyfg4s, 2px) solid var(--color-border-dropdown-group-y5droz, #c6c6cd);
 }
-.awsui_item-element_93a1u_1jba8_9.awsui_highlighted_93a1u_1jba8_36:not(#\9) {
+.awsui_item-element_93a1u_60fpm_9.awsui_highlighted_93a1u_60fpm_36:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-dikwgu, #0f141a);
   z-index: 2;
   background-color: var(--color-background-dropdown-item-hover-pvfsrg, #f3f3f7);
   border-color: var(--color-border-dropdown-item-hover-y2b7z1, #8c8c94);
-  border-start-start-radius: var(--border-radius-item-mitz8h, 8px);
-  border-start-end-radius: var(--border-radius-item-mitz8h, 8px);
-  border-end-start-radius: var(--border-radius-item-mitz8h, 8px);
-  border-end-end-radius: var(--border-radius-item-mitz8h, 8px);
+  border-start-start-radius: var(--border-radius-dropdown-azs8zp, 8px);
+  border-start-end-radius: var(--border-radius-dropdown-azs8zp, 8px);
+  border-end-start-radius: var(--border-radius-dropdown-azs8zp, 8px);
+  border-end-end-radius: var(--border-radius-dropdown-azs8zp, 8px);
 }
-.awsui_item-element_93a1u_1jba8_9.awsui_highlighted_93a1u_1jba8_36.awsui_disabled_93a1u_1jba8_26:not(#\9) {
+.awsui_item-element_93a1u_60fpm_9.awsui_highlighted_93a1u_60fpm_36.awsui_disabled_93a1u_60fpm_26:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-asp9ue, #b4b4bb);
   border-color: var(--color-border-dropdown-item-dimmed-hover-54pdcr, #8c8c94);
   background-color: var(--color-background-dropdown-item-dimmed-vz24i5, transparent);
 }
-.awsui_item-element_93a1u_1jba8_9.awsui_highlighted_93a1u_1jba8_36.awsui_is-focused_93a1u_1jba8_51:not(#\9) {
+.awsui_item-element_93a1u_60fpm_9.awsui_highlighted_93a1u_60fpm_36.awsui_is-focused_93a1u_60fpm_51:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-y1x3ts, #424650);
 }
-.awsui_item-element_93a1u_1jba8_9.awsui_highlighted_93a1u_1jba8_36.awsui_is-focused_93a1u_1jba8_51:not(#\9):not(.awsui_visual-refresh_93a1u_1jba8_54) {
+.awsui_item-element_93a1u_60fpm_9.awsui_highlighted_93a1u_60fpm_36.awsui_is-focused_93a1u_60fpm_51:not(#\9):not(.awsui_visual-refresh_93a1u_60fpm_54) {
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #006ce0);
 }
 
-.awsui_menu-item_93a1u_1jba8_58:not(#\9) {
+.awsui_menu-item_93a1u_60fpm_58:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: flex;
@@ -67,12 +67,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_menu-item_93a1u_1jba8_58.awsui_no-content-styling_93a1u_1jba8_21:not(#\9) {
+.awsui_menu-item_93a1u_60fpm_58.awsui_no-content-styling_93a1u_60fpm_21:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-dropdown-item-default-u2mfqy, #0f141a);
 }
-.awsui_menu-item_93a1u_1jba8_58.awsui_link-style_93a1u_1jba8_75:not(#\9) {
+.awsui_menu-item_93a1u_60fpm_58.awsui_link-style_93a1u_60fpm_75:not(#\9) {
   padding-block-end: calc(var(--space-option-padding-vertical-hggcse, 4px) + var(--space-xxxs-3ulqs3, 2px));
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
@@ -88,30 +88,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_menu-item_93a1u_1jba8_58.awsui_link-style_93a1u_1jba8_75:not(#\9) {
+  .awsui_menu-item_93a1u_60fpm_58.awsui_link-style_93a1u_60fpm_75:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_menu-item_93a1u_1jba8_58.awsui_link-style_93a1u_1jba8_75:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_1jba8_58.awsui_link-style_93a1u_1jba8_75:not(#\9) {
+.awsui-motion-disabled .awsui_menu-item_93a1u_60fpm_58.awsui_link-style_93a1u_60fpm_75:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_60fpm_58.awsui_link-style_93a1u_60fpm_75:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_menu-item_93a1u_1jba8_58.awsui_link-style_93a1u_1jba8_75:not(#\9):hover {
+.awsui_menu-item_93a1u_60fpm_58.awsui_link-style_93a1u_60fpm_75:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #002b66));
 }
-.awsui_menu-item_93a1u_1jba8_58.awsui_link-style_93a1u_1jba8_75:not(#\9):focus {
+.awsui_menu-item_93a1u_60fpm_58.awsui_link-style_93a1u_60fpm_75:not(#\9):focus {
   outline: none;
 }
-.awsui_menu-item_93a1u_1jba8_58.awsui_link-style_93a1u_1jba8_75:not(#\9):active {
+.awsui_menu-item_93a1u_60fpm_58.awsui_link-style_93a1u_60fpm_75:not(#\9):active {
   color: var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #002b66));
 }
-.awsui_menu-item_93a1u_1jba8_58.awsui_link-style_93a1u_1jba8_75:not(#\9):active, .awsui_menu-item_93a1u_1jba8_58.awsui_link-style_93a1u_1jba8_75:not(#\9):focus, .awsui_menu-item_93a1u_1jba8_58.awsui_link-style_93a1u_1jba8_75:not(#\9):hover {
+.awsui_menu-item_93a1u_60fpm_58.awsui_link-style_93a1u_60fpm_75:not(#\9):active, .awsui_menu-item_93a1u_60fpm_58.awsui_link-style_93a1u_60fpm_75:not(#\9):focus, .awsui_menu-item_93a1u_60fpm_58.awsui_link-style_93a1u_60fpm_75:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
 }
-.awsui_menu-item_93a1u_1jba8_58.awsui_link-style_93a1u_1jba8_75.awsui_current-breadcrumb_93a1u_1jba8_112:not(#\9) {
+.awsui_menu-item_93a1u_60fpm_58.awsui_link-style_93a1u_60fpm_75.awsui_current-breadcrumb_93a1u_60fpm_112:not(#\9) {
   font-weight: var(--font-weight-button-2p3grf, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, grayscale);
@@ -119,63 +119,63 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: var(--font-weight-bold-xpar9m, 700);
   text-decoration: none;
 }
-.awsui_menu-item_93a1u_1jba8_58.awsui_link-style_93a1u_1jba8_75.awsui_link-style-highlighted_93a1u_1jba8_120:not(#\9) {
+.awsui_menu-item_93a1u_60fpm_58.awsui_link-style_93a1u_60fpm_75.awsui_link-style-highlighted_93a1u_60fpm_120:not(#\9) {
   color: var(--color-text-link-hover-n1r6g0, #002b66);
 }
-.awsui_menu-item_93a1u_1jba8_58:not(#\9):focus {
+.awsui_menu-item_93a1u_60fpm_58:not(#\9):focus {
   outline: none;
 }
-.awsui_has-category-header_93a1u_1jba8_126 > .awsui_menu-item_93a1u_1jba8_58:not(#\9), .awsui_has-category-header_93a1u_1jba8_126 > .awsui_item-tooltip-wrapper_93a1u_1jba8_126 > .awsui_menu-item_93a1u_1jba8_58:not(#\9), .awsui_has-category-header_93a1u_1jba8_126:not(#\9):not(.awsui_has-checkmark_93a1u_1jba8_126) > span > .awsui_menu-item_93a1u_1jba8_58 {
+.awsui_has-category-header_93a1u_60fpm_126 > .awsui_menu-item_93a1u_60fpm_58:not(#\9), .awsui_has-category-header_93a1u_60fpm_126 > .awsui_item-tooltip-wrapper_93a1u_60fpm_126 > .awsui_menu-item_93a1u_60fpm_58:not(#\9), .awsui_has-category-header_93a1u_60fpm_126:not(#\9):not(.awsui_has-checkmark_93a1u_60fpm_126) > span > .awsui_menu-item_93a1u_60fpm_58 {
   padding-inline-start: calc(var(--space-xs-m9b7jf, 8px) + var(--space-option-padding-horizontal-5om7we, 20px));
 }
-.awsui_has-category-header_93a1u_1jba8_126 > .awsui_menu-item_93a1u_1jba8_58.awsui_no-content-styling_93a1u_1jba8_21:not(#\9), .awsui_has-category-header_93a1u_1jba8_126 > .awsui_item-tooltip-wrapper_93a1u_1jba8_126 > .awsui_menu-item_93a1u_1jba8_58.awsui_no-content-styling_93a1u_1jba8_21:not(#\9), .awsui_has-category-header_93a1u_1jba8_126:not(#\9):not(.awsui_has-checkmark_93a1u_1jba8_126) > span > .awsui_menu-item_93a1u_1jba8_58.awsui_no-content-styling_93a1u_1jba8_21 {
+.awsui_has-category-header_93a1u_60fpm_126 > .awsui_menu-item_93a1u_60fpm_58.awsui_no-content-styling_93a1u_60fpm_21:not(#\9), .awsui_has-category-header_93a1u_60fpm_126 > .awsui_item-tooltip-wrapper_93a1u_60fpm_126 > .awsui_menu-item_93a1u_60fpm_58.awsui_no-content-styling_93a1u_60fpm_21:not(#\9), .awsui_has-category-header_93a1u_60fpm_126:not(#\9):not(.awsui_has-checkmark_93a1u_60fpm_126) > span > .awsui_menu-item_93a1u_60fpm_58.awsui_no-content-styling_93a1u_60fpm_21 {
   padding-inline-start: 0;
 }
 
-.awsui_icon_93a1u_1jba8_133:not(#\9) {
+.awsui_icon_93a1u_60fpm_133:not(#\9) {
   padding-inline-end: var(--space-xxs-3o1yoq, 4px);
   flex-shrink: 0;
 }
-.awsui_icon_93a1u_1jba8_133.awsui_checkmark_93a1u_1jba8_137:not(#\9) {
+.awsui_icon_93a1u_60fpm_133.awsui_checkmark_93a1u_60fpm_137:not(#\9) {
   color: var(--color-item-selected-2irl78, #006ce0);
 }
-.awsui_icon_93a1u_1jba8_133.awsui_disabled_93a1u_1jba8_26:not(#\9) {
+.awsui_icon_93a1u_60fpm_133.awsui_disabled_93a1u_60fpm_26:not(#\9) {
   color: var(--color-text-interactive-disabled-tuxgxq, #b4b4bb);
 }
 
-.awsui_external-icon_93a1u_1jba8_144:not(#\9) {
+.awsui_external-icon_93a1u_60fpm_144:not(#\9) {
   margin-inline-start: var(--space-xxs-3o1yoq, 4px);
 }
 
-.awsui_content-wrapper_93a1u_1jba8_148:not(#\9) {
+.awsui_content-wrapper_93a1u_60fpm_148:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
 }
 
-.awsui_main-row_93a1u_1jba8_154:not(#\9) {
+.awsui_main-row_93a1u_60fpm_154:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: var(--space-s-kll7oj, 12px);
 }
 
-.awsui_label-tag_93a1u_1jba8_161:not(#\9) {
+.awsui_label-tag_93a1u_60fpm_161:not(#\9) {
   color: var(--color-text-body-default-b2us04, #0f141a);
 }
-.awsui_label-tag_93a1u_1jba8_161.awsui_disabled_93a1u_1jba8_26:not(#\9) {
+.awsui_label-tag_93a1u_60fpm_161.awsui_disabled_93a1u_60fpm_26:not(#\9) {
   color: var(--color-text-interactive-disabled-tuxgxq, #b4b4bb);
 }
 
-.awsui_secondary-text_93a1u_1jba8_168:not(#\9) {
+.awsui_secondary-text_93a1u_60fpm_168:not(#\9) {
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: var(--line-height-body-s-gako33, 16px);
   letter-spacing: var(--letter-spacing-body-s-dzcybc, 0.005em);
   color: var(--color-text-dropdown-item-secondary-1qkuo5, #656871);
 }
-.awsui_secondary-text_93a1u_1jba8_168.awsui_highlighted_93a1u_1jba8_36:not(#\9) {
+.awsui_secondary-text_93a1u_60fpm_168.awsui_highlighted_93a1u_60fpm_36:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-dikwgu, #0f141a);
 }
-.awsui_secondary-text_93a1u_1jba8_168.awsui_disabled_93a1u_1jba8_26:not(#\9) {
+.awsui_secondary-text_93a1u_60fpm_168.awsui_disabled_93a1u_60fpm_26:not(#\9) {
   color: var(--color-text-interactive-disabled-tuxgxq, #b4b4bb);
 }

package/button-dropdown/item-element/styles.selectors.js

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "item-element": "awsui_item-element_93a1u_1jba8_9",
-  "no-content-styling": "awsui_no-content-styling_93a1u_1jba8_21",
-  "disabled": "awsui_disabled_93a1u_1jba8_26",
-  "show-divider": "awsui_show-divider_93a1u_1jba8_33",
-  "highlighted": "awsui_highlighted_93a1u_1jba8_36",
-  "is-focused": "awsui_is-focused_93a1u_1jba8_51",
-  "visual-refresh": "awsui_visual-refresh_93a1u_1jba8_54",
-  "menu-item": "awsui_menu-item_93a1u_1jba8_58",
-  "link-style": "awsui_link-style_93a1u_1jba8_75",
-  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_1jba8_112",
-  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_1jba8_120",
-  "has-category-header": "awsui_has-category-header_93a1u_1jba8_126",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1jba8_126",
-  "has-checkmark": "awsui_has-checkmark_93a1u_1jba8_126",
-  "icon": "awsui_icon_93a1u_1jba8_133",
-  "checkmark": "awsui_checkmark_93a1u_1jba8_137",
-  "external-icon": "awsui_external-icon_93a1u_1jba8_144",
-  "content-wrapper": "awsui_content-wrapper_93a1u_1jba8_148",
-  "main-row": "awsui_main-row_93a1u_1jba8_154",
-  "label-tag": "awsui_label-tag_93a1u_1jba8_161",
-  "secondary-text": "awsui_secondary-text_93a1u_1jba8_168"
+  "item-element": "awsui_item-element_93a1u_60fpm_9",
+  "no-content-styling": "awsui_no-content-styling_93a1u_60fpm_21",
+  "disabled": "awsui_disabled_93a1u_60fpm_26",
+  "show-divider": "awsui_show-divider_93a1u_60fpm_33",
+  "highlighted": "awsui_highlighted_93a1u_60fpm_36",
+  "is-focused": "awsui_is-focused_93a1u_60fpm_51",
+  "visual-refresh": "awsui_visual-refresh_93a1u_60fpm_54",
+  "menu-item": "awsui_menu-item_93a1u_60fpm_58",
+  "link-style": "awsui_link-style_93a1u_60fpm_75",
+  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_60fpm_112",
+  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_60fpm_120",
+  "has-category-header": "awsui_has-category-header_93a1u_60fpm_126",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_60fpm_126",
+  "has-checkmark": "awsui_has-checkmark_93a1u_60fpm_126",
+  "icon": "awsui_icon_93a1u_60fpm_133",
+  "checkmark": "awsui_checkmark_93a1u_60fpm_137",
+  "external-icon": "awsui_external-icon_93a1u_60fpm_144",
+  "content-wrapper": "awsui_content-wrapper_93a1u_60fpm_148",
+  "main-row": "awsui_main-row_93a1u_60fpm_154",
+  "label-tag": "awsui_label-tag_93a1u_60fpm_161",
+  "secondary-text": "awsui_secondary-text_93a1u_60fpm_168"
 };
   

package/copy-to-clipboard/interfaces.d.ts

@@ -55,7 +55,6 @@ export interface CopyToClipboardProps extends BaseComponentProps {
   /**
    * Provides a reason why the copy to clipboard button is disabled (only when `disabled` is `true`).
    * If provided, the copy to clipboard button becomes focusable.
-   * Applicable for all variants except inline.
    */
   disabledReason?: string;
   /**

package/copy-to-clipboard/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC;IAEvC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;;;;;OAMG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAElF;;;OAGG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;CACnF;AAED,yBAAiB,oBAAoB,CAAC;IACpC,KAAY,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEnD,UAAiB,iBAAiB;QAChC,gDAAgD;QAChD,IAAI,EAAE,MAAM,CAAC;KACd;IAED,UAAiB,iBAAiB;QAChC,oDAAoD;QACpD,IAAI,EAAE,MAAM,CAAC;KACd;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC;IAEvC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;;;;;OAMG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAElF;;;OAGG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;CACnF;AAED,yBAAiB,oBAAoB,CAAC;IACpC,KAAY,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEnD,UAAiB,iBAAiB;QAChC,gDAAgD;QAChD,IAAI,EAAE,MAAM,CAAC;KACd;IAED,UAAiB,iBAAiB;QAChC,oDAAoD;QACpD,IAAI,EAAE,MAAM,CAAC;KACd;CACF"}

package/copy-to-clipboard/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { BaseComponentProps } from '../types/base-component';\nimport { NonCancelableEventHandler } from '../types/events';\n\nexport interface CopyToClipboardProps extends BaseComponentProps {\n  /** Determines the general styling of the copy button as follows:\n   *\n   * * `button` to display a standalone secondary button with an icon, and `copyButtonText` as text.\n   * * `icon` to display a standalone icon-only (no text) button.\n   * * `inline` to display an icon-only (no text) button within a text context.\n   *\n   * Defaults to `button`.\n   */\n  variant?: CopyToClipboardProps.Variant;\n\n  /**\n   * The text of the copy button (for variant=\"button\").\n   */\n  copyButtonText?: string;\n\n  /**\n   * Adds `aria-label` to the copy button. Use this to provide an accessible name for buttons that don't have visible text,\n   * and to distinguish between multiple buttons with identical visible text. The text will also be added to the `title` attribute of the button.\n   */\n  copyButtonAriaLabel?: string;\n\n  /**\n   * The text content to be copied. It is displayed next to the copy button when `variant=\"inline\"` unless when `content` is specified, and is not shown otherwise.\n   */\n  textToCopy: string;\n\n  /**\n   * The content to display next to the copy button when `variant=\"inline\"`. If not provided, `textToCopy` will be displayed instead.\n   */\n  textToDisplay?: React.ReactNode;\n\n  /**\n   * Specifies if the `textToDisplay` content should wrap. If you set it to false, it prevents the text\n   * from wrapping and truncates it with an ellipsis. Only applies to `variant=\"inline\"`.\n   */\n  wrapText?: boolean;\n\n  /**\n   * The message shown when the text is copied successfully.\n   */\n  copySuccessText: string;\n\n  /**\n   * The message shown when the text is not copied due to an error, see [https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext](https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext).\n   */\n  copyErrorText: string;\n\n  /**\n   * By default, the popover is constrained to fit inside its parent\n   * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).\n   * Enabling this property will allow the popover to be rendered in the root stack context using\n   * [React Portals](https://reactjs.org/docs/portals.html).\n   * Enable this setting if you need the popover to ignore its parent stacking context.\n   */\n  popoverRenderWithPortal?: boolean;\n\n  /**\n   * Renders the copy to clipboard button as disabled and prevents clicks.\n   */\n  disabled?: boolean;\n\n  /**\n   * Provides a reason why the copy to clipboard button is disabled (only when `disabled` is `true`).\n   * If provided, the copy to clipboard button becomes focusable.\n   * Applicable for all variants except inline.\n   */\n  disabledReason?: string;\n\n  /**\n   * Called when the text is successfully copied to the clipboard.\n   * The event `detail` contains the text that was copied.\n   */\n  onCopySuccess?: NonCancelableEventHandler<CopyToClipboardProps.CopySuccessDetail>;\n\n  /**\n   * Called when the copy operation fails.\n   * The event `detail` contains the text that failed to copy.\n   */\n  onCopyFailure?: NonCancelableEventHandler<CopyToClipboardProps.CopyFailureDetail>;\n}\n\nexport namespace CopyToClipboardProps {\n  export type Variant = 'button' | 'icon' | 'inline';\n\n  export interface CopySuccessDetail {\n    /** The text that was copied to the clipboard */\n    text: string;\n  }\n\n  export interface CopyFailureDetail {\n    /** The text that failed to copy to the clipboard */\n    text: string;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { BaseComponentProps } from '../types/base-component';\nimport { NonCancelableEventHandler } from '../types/events';\n\nexport interface CopyToClipboardProps extends BaseComponentProps {\n  /** Determines the general styling of the copy button as follows:\n   *\n   * * `button` to display a standalone secondary button with an icon, and `copyButtonText` as text.\n   * * `icon` to display a standalone icon-only (no text) button.\n   * * `inline` to display an icon-only (no text) button within a text context.\n   *\n   * Defaults to `button`.\n   */\n  variant?: CopyToClipboardProps.Variant;\n\n  /**\n   * The text of the copy button (for variant=\"button\").\n   */\n  copyButtonText?: string;\n\n  /**\n   * Adds `aria-label` to the copy button. Use this to provide an accessible name for buttons that don't have visible text,\n   * and to distinguish between multiple buttons with identical visible text. The text will also be added to the `title` attribute of the button.\n   */\n  copyButtonAriaLabel?: string;\n\n  /**\n   * The text content to be copied. It is displayed next to the copy button when `variant=\"inline\"` unless when `content` is specified, and is not shown otherwise.\n   */\n  textToCopy: string;\n\n  /**\n   * The content to display next to the copy button when `variant=\"inline\"`. If not provided, `textToCopy` will be displayed instead.\n   */\n  textToDisplay?: React.ReactNode;\n\n  /**\n   * Specifies if the `textToDisplay` content should wrap. If you set it to false, it prevents the text\n   * from wrapping and truncates it with an ellipsis. Only applies to `variant=\"inline\"`.\n   */\n  wrapText?: boolean;\n\n  /**\n   * The message shown when the text is copied successfully.\n   */\n  copySuccessText: string;\n\n  /**\n   * The message shown when the text is not copied due to an error, see [https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext](https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext).\n   */\n  copyErrorText: string;\n\n  /**\n   * By default, the popover is constrained to fit inside its parent\n   * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).\n   * Enabling this property will allow the popover to be rendered in the root stack context using\n   * [React Portals](https://reactjs.org/docs/portals.html).\n   * Enable this setting if you need the popover to ignore its parent stacking context.\n   */\n  popoverRenderWithPortal?: boolean;\n\n  /**\n   * Renders the copy to clipboard button as disabled and prevents clicks.\n   */\n  disabled?: boolean;\n\n  /**\n   * Provides a reason why the copy to clipboard button is disabled (only when `disabled` is `true`).\n   * If provided, the copy to clipboard button becomes focusable.\n   */\n  disabledReason?: string;\n\n  /**\n   * Called when the text is successfully copied to the clipboard.\n   * The event `detail` contains the text that was copied.\n   */\n  onCopySuccess?: NonCancelableEventHandler<CopyToClipboardProps.CopySuccessDetail>;\n\n  /**\n   * Called when the copy operation fails.\n   * The event `detail` contains the text that failed to copy.\n   */\n  onCopyFailure?: NonCancelableEventHandler<CopyToClipboardProps.CopyFailureDetail>;\n}\n\nexport namespace CopyToClipboardProps {\n  export type Variant = 'button' | 'icon' | 'inline';\n\n  export interface CopySuccessDetail {\n    /** The text that was copied to the clipboard */\n    text: string;\n  }\n\n  export interface CopyFailureDetail {\n    /** The text that failed to copy to the clipboard */\n    text: string;\n  }\n}\n"]}

package/dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dropdown/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,eAGlE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dropdown/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,eAUlE"}

package/dropdown/index.js

@@ -7,7 +7,7 @@ import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalDropdown from './internal';
 export default function Dropdown({ style, ...props }) {
     const baseComponentProps = useBaseComponent('Dropdown');
-    return React.createElement(InternalDropdown, { ...props, style: style, ...baseComponentProps });
+    return (React.createElement(InternalDropdown, { ...props, style: style, styleClassNames: props.styleClassNames, ...baseComponentProps }));
 }
 applyDisplayName(Dropdown, 'Dropdown');
 //# sourceMappingURL=index.js.map

package/dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dropdown/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAI1C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB;IACjE,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxD,OAAO,oBAAC,gBAAgB,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,KAAM,kBAAkB,GAAI,CAAC;AAC/E,CAAC;AACD,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { DropdownProps } from './interfaces';\nimport InternalDropdown from './internal';\n\nexport { DropdownProps };\n\nexport default function Dropdown({ style, ...props }: DropdownProps) {\n  const baseComponentProps = useBaseComponent('Dropdown');\n  return <InternalDropdown {...props} style={style} {...baseComponentProps} />;\n}\napplyDisplayName(Dropdown, 'Dropdown');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dropdown/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,gBAAqC,MAAM,YAAY,CAAC;AAI/D,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB;IACjE,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxD,OAAO,CACL,oBAAC,gBAAgB,OACX,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,eAAe,EAAG,KAA+C,CAAC,eAAe,KAC7E,kBAAkB,GACtB,CACH,CAAC;AACJ,CAAC;AACD,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { DropdownProps } from './interfaces';\nimport InternalDropdown, { StyleClassNames } from './internal';\n\nexport { DropdownProps };\n\nexport default function Dropdown({ style, ...props }: DropdownProps) {\n  const baseComponentProps = useBaseComponent('Dropdown');\n  return (\n    <InternalDropdown\n      {...props}\n      style={style}\n      styleClassNames={(props as { styleClassNames?: StyleClassNames }).styleClassNames}\n      {...baseComponentProps}\n    />\n  );\n}\napplyDisplayName(Dropdown, 'Dropdown');\n"]}

package/dropdown/internal.d.ts

@@ -21,6 +21,10 @@ export interface InternalDropdownProps extends Omit<DropdownProps, 'minWidth' |
   onBlur?: NonCancelableEventHandler<Pick<React.FocusEvent, 'target' | 'relatedTarget'>>;
   triggerRef?: React.RefObject<HTMLElement>;
   triggerId?: string;
+  styleClassNames?: StyleClassNames;
+}
+export interface StyleClassNames {
+  dropdown?: string;
 }
 declare const InternalDropdown: ({
   content,
@@ -56,6 +60,7 @@ declare const InternalDropdown: ({
   ariaLabelledby,
   ariaDescribedby,
   style,
+  styleClassNames,
   __internalRootRef,
   ...restProps
 }: InternalDropdownProps) => JSX.Element;

package/dropdown/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/dropdown/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAa5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAS5D,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAGzF,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,CAAC,EAClD,0BAA0B;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,iBAAiB,CAAC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC;IACxF,MAAM,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC;IACvF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmJD,QAAA,MAAM,gBAAgB,GAAI,meAoCvB,qBAAqB,gBA4YvB,CAAC;AAMF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/dropdown/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAa5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAS5D,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAGzF,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,CAAC,EAClD,0BAA0B;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,iBAAiB,CAAC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC;IACxF,MAAM,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC;IACvF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAGD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAsJD,QAAA,MAAM,gBAAgB,GAAI,ofAqCvB,qBAAqB,gBA6YvB,CAAC;AAMF,eAAe,gBAAgB,CAAC"}

package/dropdown/internal.js

@@ -33,7 +33,7 @@ const DropdownContainer = ({ triggerRef, children, renderWithPortal, id, referre
     const currentDocument = (_b = (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument) !== null && _b !== void 0 ? _b : document;
     return createPortal(React.createElement("div", { id: id, "data-awsui-referrer-id": referrerId }, children), currentDocument.body);
 };
-const TransitionContent = ({ state, transitionRef, dropdownClasses, matchTriggerWidth, hideBlockBorder, interior, isRefresh, dropdownRef, verticalContainerRef, expandToViewport, minWidth, maxWidth, header, content, footer, position, open, onMouseDown, onFocusEnter, onFocusLeave, id, ariaRole, ariaLabel, ariaLabelledby, ariaDescribedby, dropdownStyle, }) => {
+const TransitionContent = ({ state, transitionRef, dropdownClasses, matchTriggerWidth, hideBlockBorder, interior, isRefresh, dropdownRef, verticalContainerRef, expandToViewport, minWidth, maxWidth, header, content, footer, position, open, onMouseDown, onFocusEnter, onFocusLeave, id, ariaRole, ariaLabel, ariaLabelledby, ariaDescribedby, dropdownStyle, styleClassNames, }) => {
     const contentRef = useMergeRefs(dropdownRef, transitionRef);
     const dropdownStyles = {};
     if (minWidth) {
@@ -51,14 +51,14 @@ const TransitionContent = ({ state, transitionRef, dropdownClasses, matchTrigger
             [styles['use-portal']]: expandToViewport && !interior,
             [styles['use-flexible-width']]: !matchTriggerWidth && !interior,
         }), ref: contentRef, id: id, role: ariaRole, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "data-open": open, "data-animating": state !== 'exited', "aria-hidden": !open, style: dropdownStyles, onMouseDown: onMouseDown, onFocus: onFocusEnter, onBlur: onFocusLeave },
-        React.createElement("div", { className: clsx(styles['dropdown-content-wrapper'], !header && !content && styles['is-empty'], isRefresh && styles.refresh), style: dropdownStyle },
+        React.createElement("div", { className: clsx(styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.dropdown, styles['dropdown-content-wrapper'], !header && !content && styles['is-empty'], isRefresh && styles.refresh), style: dropdownStyle },
             React.createElement("div", { ref: verticalContainerRef, className: styles['dropdown-content'] },
                 React.createElement(DropdownContextProvider, { position: position },
                     header && React.createElement("div", { className: testUtilStyles.header }, header),
                     content,
                     footer && React.createElement("div", { className: testUtilStyles.footer }, footer))))));
 };
-const InternalDropdown = ({ 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, style, __internalRootRef, ...restProps }) => {
+const InternalDropdown = ({ 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, style, styleClassNames, __internalRootRef, ...restProps }) => {
     const baseProps = getBaseProps(restProps);
     const wrapperRef = useRef(null);
     const mergedRef = useMergeRefs(wrapperRef, __internalRootRef);
@@ -316,7 +316,7 @@ const InternalDropdown = ({ content, trigger, triggerRef: externalTriggerRef, tr
         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 },
                 React.createElement(TabTrap, { focusNextCallback: () => { var _a; return triggerRef.current && ((_a = getLastFocusable(triggerRef.current)) === null || _a === void 0 ? void 0 : _a.focus()); }, disabled: !open || !loopFocus }),
-                React.createElement(TransitionContent, { state: state, transitionRef: ref, dropdownClasses: dropdownClasses, open: open, matchTriggerWidth: matchTriggerWidth, hideBlockBorder: hideBlockBorder, interior: interior, header: header, content: content, expandToViewport: expandToViewport, minWidth: getMinWidthCssValue(), maxWidth: getMaxWidthCssValue(), footer: footer, onMouseDown: onMouseDown, onFocusEnter: focusEnterHandler, onFocusLeave: focusLeaveHandler, isRefresh: isRefresh, dropdownRef: dropdownRef, verticalContainerRef: verticalContainerRef, position: position, id: dropdownContentId, ariaRole: ariaRole, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, dropdownStyle: getDropdownStyles(style) }),
+                React.createElement(TransitionContent, { state: state, transitionRef: ref, dropdownClasses: dropdownClasses, open: open, matchTriggerWidth: matchTriggerWidth, hideBlockBorder: hideBlockBorder, interior: interior, header: header, content: content, expandToViewport: expandToViewport, minWidth: getMinWidthCssValue(), maxWidth: getMaxWidthCssValue(), footer: footer, onMouseDown: onMouseDown, onFocusEnter: focusEnterHandler, onFocusLeave: focusLeaveHandler, isRefresh: isRefresh, dropdownRef: dropdownRef, verticalContainerRef: verticalContainerRef, position: position, id: dropdownContentId, ariaRole: ariaRole, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, dropdownStyle: getDropdownStyles(style), styleClassNames: styleClassNames }),
                 React.createElement(TabTrap, { focusNextCallback: () => { var _a; return triggerRef.current && ((_a = getFirstFocusable(triggerRef.current)) === null || _a === void 0 ? void 0 : _a.focus()); }, disabled: !open || !loopFocus })))))));
 };
 const isInteriorPosition = (position) => position.insetBlockEnd !== undefined;