@cloudscape-design/components 3.0.347 → 3.0.349

package/button/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_vjswe_1j0eq_97",
-  "button": "awsui_button_vjswe_1j0eq_101",
-  "variant-normal": "awsui_variant-normal_vjswe_1j0eq_126",
-  "is-activated": "awsui_is-activated_vjswe_1j0eq_139",
-  "variant-icon": "awsui_variant-icon_vjswe_1j0eq_166",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1j0eq_166",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1j0eq_166",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1j0eq_184",
-  "disabled": "awsui_disabled_vjswe_1j0eq_202",
-  "variant-primary": "awsui_variant-primary_vjswe_1j0eq_210",
-  "variant-link": "awsui_variant-link_vjswe_1j0eq_294",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_1j0eq_546",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1j0eq_800",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1j0eq_887",
-  "button-no-text": "awsui_button-no-text_vjswe_1j0eq_971",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_1j0eq_975",
-  "full-width": "awsui_full-width_vjswe_1j0eq_978",
-  "icon-left": "awsui_icon-left_vjswe_1j0eq_995",
-  "icon-right": "awsui_icon-right_vjswe_1j0eq_1000",
-  "icon": "awsui_icon_vjswe_1j0eq_995"
+  "content": "awsui_content_vjswe_3mdb7_97",
+  "button": "awsui_button_vjswe_3mdb7_101",
+  "variant-normal": "awsui_variant-normal_vjswe_3mdb7_126",
+  "is-activated": "awsui_is-activated_vjswe_3mdb7_139",
+  "variant-icon": "awsui_variant-icon_vjswe_3mdb7_166",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_3mdb7_166",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_3mdb7_166",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_3mdb7_184",
+  "disabled": "awsui_disabled_vjswe_3mdb7_202",
+  "variant-primary": "awsui_variant-primary_vjswe_3mdb7_210",
+  "variant-link": "awsui_variant-link_vjswe_3mdb7_294",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_3mdb7_546",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_3mdb7_800",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_3mdb7_887",
+  "button-no-text": "awsui_button-no-text_vjswe_3mdb7_971",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_3mdb7_975",
+  "full-width": "awsui_full-width_vjswe_3mdb7_978",
+  "icon-left": "awsui_icon-left_vjswe_3mdb7_995",
+  "icon-right": "awsui_icon-right_vjswe_3mdb7_1000",
+  "icon": "awsui_icon_vjswe_3mdb7_995"
 };
   

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

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "header": "awsui_header_16mm3_zh7z9_93",
-  "disabled": "awsui_disabled_16mm3_zh7z9_108",
-  "expandable-header": "awsui_expandable-header_16mm3_zh7z9_112",
-  "rolled-down": "awsui_rolled-down_16mm3_zh7z9_123",
-  "highlighted": "awsui_highlighted_16mm3_zh7z9_126",
-  "is-focused": "awsui_is-focused_16mm3_zh7z9_139",
-  "variant-navigation": "awsui_variant-navigation_16mm3_zh7z9_143",
-  "category": "awsui_category_16mm3_zh7z9_155",
-  "expandable": "awsui_expandable_16mm3_zh7z9_112",
-  "expand-icon": "awsui_expand-icon_16mm3_zh7z9_176",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_zh7z9_183",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_zh7z9_186",
-  "items-list-container": "awsui_items-list-container_16mm3_zh7z9_200"
+  "header": "awsui_header_16mm3_gtwjq_93",
+  "disabled": "awsui_disabled_16mm3_gtwjq_108",
+  "expandable-header": "awsui_expandable-header_16mm3_gtwjq_112",
+  "rolled-down": "awsui_rolled-down_16mm3_gtwjq_123",
+  "highlighted": "awsui_highlighted_16mm3_gtwjq_126",
+  "is-focused": "awsui_is-focused_16mm3_gtwjq_139",
+  "variant-navigation": "awsui_variant-navigation_16mm3_gtwjq_143",
+  "category": "awsui_category_16mm3_gtwjq_155",
+  "expandable": "awsui_expandable_16mm3_gtwjq_112",
+  "expand-icon": "awsui_expand-icon_16mm3_gtwjq_176",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_gtwjq_183",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_gtwjq_186",
+  "items-list-container": "awsui_items-list-container_16mm3_gtwjq_200"
 };
   

package/button-dropdown/category-elements/styles.scoped.css

@@ -90,114 +90,114 @@ 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_header_16mm3_zh7z9_93:not(#\9) {
+.awsui_header_16mm3_gtwjq_93:not(#\9) {
   position: relative;
   margin: 0;
-  color: var(--color-text-dropdown-group-label-5y97j9, #414d5c);
-  border: var(--border-divider-list-width-um3zli, 1px) solid transparent;
+  color: var(--color-text-dropdown-group-label-mej1lb, #414d5c);
+  border: var(--border-divider-list-width-27y3k5, 1px) solid transparent;
   border-left: 0;
   border-right: 0;
   font-weight: bold;
   display: flex;
   justify-content: space-between;
   padding: calc(
-  var(--space-xxs-ja5cp8, 4px) + (var(--border-item-width-y36svo, 2px) - var(--border-divider-list-width-um3zli, 1px))
-) calc(var(--space-button-horizontal-qj3pgb, 20px) + var(--border-item-width-y36svo, 2px));
+  var(--space-xxs-p8yyaw, 4px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
+) calc(var(--space-button-horizontal-8jxzea, 20px) + var(--border-item-width-yel47s, 2px));
   z-index: 1;
 }
-.awsui_header_16mm3_zh7z9_93.awsui_disabled_16mm3_zh7z9_108:not(#\9) {
-  color: var(--color-text-dropdown-item-disabled-p5eewj, #9ba7b6);
+.awsui_header_16mm3_gtwjq_93.awsui_disabled_16mm3_gtwjq_108:not(#\9) {
+  color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
   cursor: default;
 }
-.awsui_header_16mm3_zh7z9_93.awsui_expandable-header_16mm3_zh7z9_112:not(#\9) {
-  border-top-color: var(--color-border-dropdown-group-qb493x, #e9ebed);
-  border-bottom-color: var(--color-border-dropdown-group-qb493x, #e9ebed);
+.awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112:not(#\9) {
+  border-top-color: var(--color-border-dropdown-group-c2r4dp, #e9ebed);
+  border-bottom-color: var(--color-border-dropdown-group-c2r4dp, #e9ebed);
   cursor: pointer;
 }
-.awsui_header_16mm3_zh7z9_93.awsui_expandable-header_16mm3_zh7z9_112.awsui_disabled_16mm3_zh7z9_108:not(#\9) {
+.awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112.awsui_disabled_16mm3_gtwjq_108:not(#\9) {
   cursor: default;
 }
-.awsui_header_16mm3_zh7z9_93.awsui_expandable-header_16mm3_zh7z9_112:not(#\9):focus {
+.awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112:not(#\9):focus {
   outline: none;
 }
-.awsui_header_16mm3_zh7z9_93.awsui_expandable-header_16mm3_zh7z9_112.awsui_rolled-down_16mm3_zh7z9_123:not(#\9) {
+.awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112.awsui_rolled-down_16mm3_gtwjq_123:not(#\9) {
   border-bottom-color: transparent;
 }
-.awsui_header_16mm3_zh7z9_93.awsui_expandable-header_16mm3_zh7z9_112.awsui_highlighted_16mm3_zh7z9_126:not(#\9) {
-  background-color: var(--color-background-dropdown-item-hover-gvdk4u, #f4f4f4);
-  color: var(--color-text-dropdown-item-highlighted-vjs5c4, #000716);
-  padding: var(--space-xxs-ja5cp8, 4px) var(--space-button-horizontal-qj3pgb, 20px);
-  border: var(--border-item-width-y36svo, 2px) solid var(--color-border-dropdown-item-hover-me98vk, #7d8998);
-  border-radius: var(--border-radius-item-gyl0qr, 8px);
+.awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112.awsui_highlighted_16mm3_gtwjq_126:not(#\9) {
+  background-color: var(--color-background-dropdown-item-hover-md83i5, #f4f4f4);
+  color: var(--color-text-dropdown-item-highlighted-a51hdb, #000716);
+  padding: var(--space-xxs-p8yyaw, 4px) var(--space-button-horizontal-8jxzea, 20px);
+  border: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-item-hover-461g78, #7d8998);
+  border-radius: var(--border-radius-item-05df9h, 8px);
   z-index: 2;
 }
-.awsui_header_16mm3_zh7z9_93.awsui_expandable-header_16mm3_zh7z9_112.awsui_highlighted_16mm3_zh7z9_126.awsui_disabled_16mm3_zh7z9_108:not(#\9) {
-  background-color: var(--color-background-dropdown-item-dimmed-oa2pjk, transparent);
-  border-color: var(--color-border-dropdown-item-dimmed-hover-3tdni4, #7d8998);
-  color: var(--color-text-dropdown-item-dimmed-b1hwcu, #9ba7b6);
+.awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112.awsui_highlighted_16mm3_gtwjq_126.awsui_disabled_16mm3_gtwjq_108:not(#\9) {
+  background-color: var(--color-background-dropdown-item-dimmed-dlm6wk, transparent);
+  border-color: var(--color-border-dropdown-item-dimmed-hover-xdu0hf, #7d8998);
+  color: var(--color-text-dropdown-item-dimmed-f2joj8, #9ba7b6);
 }
-.awsui_header_16mm3_zh7z9_93.awsui_expandable-header_16mm3_zh7z9_112.awsui_highlighted_16mm3_zh7z9_126.awsui_is-focused_16mm3_zh7z9_139:not(#\9) {
-  border-color: var(--color-border-item-focused-4t19h5, #0972d3);
-  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-cwek11, 0px) var(--color-border-item-focused-4t19h5, #0972d3);
+.awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112.awsui_highlighted_16mm3_gtwjq_126.awsui_is-focused_16mm3_gtwjq_139:not(#\9) {
+  border-color: var(--color-border-item-focused-b2ntyl, #0972d3);
+  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_header_16mm3_zh7z9_93.awsui_expandable-header_16mm3_zh7z9_112.awsui_variant-navigation_16mm3_zh7z9_143:not(#\9) {
-  padding-top: var(--space-xs-edba2s, 8px);
-  padding-bottom: var(--space-xs-edba2s, 8px);
+.awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112.awsui_variant-navigation_16mm3_gtwjq_143:not(#\9) {
+  padding-top: var(--space-xs-zb16t3, 8px);
+  padding-bottom: var(--space-xs-zb16t3, 8px);
 }
-.awsui_header_16mm3_zh7z9_93.awsui_expandable-header_16mm3_zh7z9_112.awsui_variant-navigation_16mm3_zh7z9_143.awsui_highlighted_16mm3_zh7z9_126:not(#\9) {
+.awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112.awsui_variant-navigation_16mm3_gtwjq_143.awsui_highlighted_16mm3_gtwjq_126:not(#\9) {
   border-color: transparent;
-  border-top-color: var(--color-border-dropdown-group-qb493x, #e9ebed);
-  border-bottom-color: var(--color-border-dropdown-group-qb493x, #e9ebed);
+  border-top-color: var(--color-border-dropdown-group-c2r4dp, #e9ebed);
+  border-bottom-color: var(--color-border-dropdown-group-c2r4dp, #e9ebed);
   background-color: transparent;
-  color: var(--color-text-accent-qh8xwn, #0972d3);
+  color: var(--color-text-accent-n2acxv, #0972d3);
 }
 
-.awsui_category_16mm3_zh7z9_155:not(#\9) {
+.awsui_category_16mm3_gtwjq_155:not(#\9) {
   list-style: none;
-  margin-top: calc(-1 * var(--border-divider-list-width-um3zli, 1px));
+  margin-top: calc(-1 * var(--border-divider-list-width-27y3k5, 1px));
   padding: 0;
 }
-.awsui_category_16mm3_zh7z9_155:not(#\9):first-child {
+.awsui_category_16mm3_gtwjq_155:not(#\9):first-child {
   margin-top: 0;
 }
-.awsui_category_16mm3_zh7z9_155.awsui_expandable_16mm3_zh7z9_112:not(#\9) {
+.awsui_category_16mm3_gtwjq_155.awsui_expandable_16mm3_gtwjq_112:not(#\9) {
   border-top: 0;
 }
-.awsui_category_16mm3_zh7z9_155:not(#\9):last-child {
+.awsui_category_16mm3_gtwjq_155:not(#\9):last-child {
   border-bottom: none;
 }
-.awsui_category_16mm3_zh7z9_155.awsui_variant-navigation_16mm3_zh7z9_143:not(#\9) {
-  padding-top: var(--space-xxs-ja5cp8, 4px);
+.awsui_category_16mm3_gtwjq_155.awsui_variant-navigation_16mm3_gtwjq_143:not(#\9) {
+  padding-top: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_category_16mm3_zh7z9_155.awsui_variant-navigation_16mm3_zh7z9_143.awsui_expandable_16mm3_zh7z9_112:not(#\9) {
+.awsui_category_16mm3_gtwjq_155.awsui_variant-navigation_16mm3_gtwjq_143.awsui_expandable_16mm3_gtwjq_112:not(#\9) {
   padding-top: 0;
 }
 
-.awsui_expand-icon_16mm3_zh7z9_176:not(#\9) {
+.awsui_expand-icon_16mm3_gtwjq_176:not(#\9) {
   position: relative;
-  left: var(--space-s-hdd878, 12px);
-  width: var(--space-m-h2th94, 16px);
+  left: var(--space-s-34lx8l, 12px);
+  width: var(--space-m-udix3p, 16px);
   display: inline-block;
-  transition: transform var(--motion-duration-rotate-180-m9g4a9, 135ms) var(--motion-easing-rotate-180-h4cyjx, cubic-bezier(0.165, 0.84, 0.44, 1));
+  transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
-.awsui_expand-icon-up_16mm3_zh7z9_183:not(#\9) {
+.awsui_expand-icon-up_16mm3_gtwjq_183:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_expand-icon-right_16mm3_zh7z9_186:not(#\9) {
+.awsui_expand-icon-right_16mm3_gtwjq_186:not(#\9) {
   transform: rotate(-90deg);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_expand-icon_16mm3_zh7z9_176:not(#\9) {
+  .awsui_expand-icon_16mm3_gtwjq_176:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_expand-icon_16mm3_zh7z9_176:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_zh7z9_176:not(#\9) {
+.awsui-motion-disabled .awsui_expand-icon_16mm3_gtwjq_176:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_gtwjq_176:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_items-list-container_16mm3_zh7z9_200:not(#\9) {
+.awsui_items-list-container_16mm3_gtwjq_200:not(#\9) {
   padding: 0;
   margin: -1px 0 0 0;
   overflow-y: auto;

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

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header": "awsui_header_16mm3_zh7z9_93",
-  "disabled": "awsui_disabled_16mm3_zh7z9_108",
-  "expandable-header": "awsui_expandable-header_16mm3_zh7z9_112",
-  "rolled-down": "awsui_rolled-down_16mm3_zh7z9_123",
-  "highlighted": "awsui_highlighted_16mm3_zh7z9_126",
-  "is-focused": "awsui_is-focused_16mm3_zh7z9_139",
-  "variant-navigation": "awsui_variant-navigation_16mm3_zh7z9_143",
-  "category": "awsui_category_16mm3_zh7z9_155",
-  "expandable": "awsui_expandable_16mm3_zh7z9_112",
-  "expand-icon": "awsui_expand-icon_16mm3_zh7z9_176",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_zh7z9_183",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_zh7z9_186",
-  "items-list-container": "awsui_items-list-container_16mm3_zh7z9_200"
+  "header": "awsui_header_16mm3_gtwjq_93",
+  "disabled": "awsui_disabled_16mm3_gtwjq_108",
+  "expandable-header": "awsui_expandable-header_16mm3_gtwjq_112",
+  "rolled-down": "awsui_rolled-down_16mm3_gtwjq_123",
+  "highlighted": "awsui_highlighted_16mm3_gtwjq_126",
+  "is-focused": "awsui_is-focused_16mm3_gtwjq_139",
+  "variant-navigation": "awsui_variant-navigation_16mm3_gtwjq_143",
+  "category": "awsui_category_16mm3_gtwjq_155",
+  "expandable": "awsui_expandable_16mm3_gtwjq_112",
+  "expand-icon": "awsui_expand-icon_16mm3_gtwjq_176",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_gtwjq_183",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_gtwjq_186",
+  "items-list-container": "awsui_items-list-container_16mm3_gtwjq_200"
 };
   

package/button-dropdown/interfaces.d.ts

@@ -3,8 +3,9 @@ import { BaseComponentProps } from '../internal/base-component';
 import { BaseNavigationDetail, CancelableEventHandler } from '../internal/events';
 import { IconProps } from '../icon/interfaces';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { ExpandToViewport } from '../internal/components/dropdown/interfaces';
 import { ButtonProps } from '../button/interfaces';
-export interface ButtonDropdownProps extends BaseComponentProps {
+export interface ButtonDropdownProps extends BaseComponentProps, ExpandToViewport {
     /**
      * Array of objects, each having the following properties:
   
@@ -63,20 +64,6 @@ export interface ButtonDropdownProps extends BaseComponentProps {
      * Controls expandability of the item groups.
      */
     expandableGroups?: boolean;
-    /**
-     * By default, the dropdown height is constrained to fit inside the height of its parent element.
-     * Enabling this property will allow the dropdown to extend beyond its parent by using fixed positioning and
-     * [React Portals](https://reactjs.org/docs/portals.html).
-     * If you want the dropdown to ignore the `overflow` CSS property of its parents,
-     * such as in a split view layout, enable this property.
-     * However, use discretion.
-     * If you don't need to, we recommend you don't enable this property because there is a known issue with
-     * the '[aria-owns](https://a11ysupport.io/tech/aria/aria-owns_attribute)' attribute in Safari with VoiceOver that
-     * prevents VO specific controls (CTRL+OPT+Left/Right) from entering a dropdown on Safari due to its position in the DOM.
-     * If you don't need to, we also recommend you don't enable this property because fixed positioning results
-     * in a slight, visible lag when scrolling complex pages.
-     */
-    expandToViewport?: boolean;
     /**
      * Adds `aria-label` to the button dropdown trigger.
      * It should be used in buttons that don't have text in order to make them accessible.

package/button-dropdown/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["button-dropdown/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["button-dropdown/interfaces.ts"],"names":[],"mappings":"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"}

package/button-dropdown/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["button-dropdown/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { BaseNavigationDetail, CancelableEventHandler } from '../internal/events';\nimport { IconProps } from '../icon/interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { ButtonProps } from '../button/interfaces';\n\nexport interface ButtonDropdownProps extends BaseComponentProps {\n  /**\n   * Array of objects, each having the following properties:\n\n   * - `id` (string) - allows to identify the item that the user clicked on. Mandatory for individual items, optional for categories.\n\n   * - `text` (string) - description shown in the menu for this item. Mandatory for individual items, optional for categories.\n\n   * - `lang` (string) - (Optional) The language of the item, provided as a BCP 47 language tag.\n\n   * - `disabled` (boolean) - whether the item is disabled. Disabled items are not clickable, but they can be highlighted with the keyboard to make them accessible.\n\n   * - `disabledReason` (string) - (Optional) Displays text near the `text` property when item is disabled. Use to provide additional context.\n\n   * - `items` (ReadonlyArray<Item>): an array of item objects. Items will be rendered as nested menu items but only for the first nesting level, multi-nesting is not supported.\n   * An item which belongs to nested group has the following properties: `id`, `text`, `disabled` and `description`.\n\n   * - `description` (string) - additional data that will be passed to a `data-description` attribute.\n\n   * - `href` (string) - (Optional) Defines the target URL of the menu item, turning it into a link.\n\n   * - `external` (boolean) - Marks a menu item as external by adding an icon after the menu item text. The link will open in a new tab when clicked. Note that this only works when `href` is also provided.\n\n   * - `externalIconAriaLabel` (string) - Adds an `aria-label` to the external icon.\n\n   * - `iconName` (string) - (Optional) Specifies the name of the icon, used with the [icon component](/components/icon/).\n\n   * - `iconAlt` (string) - (Optional) Specifies alternate text for the icon when using `iconUrl`.\n\n   * - `iconUrl` (string) - (Optional) Specifies the URL of a custom icon.\n\n   * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n\n   */\n  items: ReadonlyArray<ButtonDropdownProps.ItemOrGroup>;\n  /**\n   * Determines whether the button dropdown is disabled. Users cannot interact with the control if it's disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Renders the button as being in a loading state. It takes precedence over the `disabled` if both are set to `true`.\n   * It prevents clicks.\n   */\n  loading?: boolean;\n  /**\n   * Specifies the text that screen reader announces when the button dropdown is in a loading state.\n   */\n  loadingText?: string;\n  /** Determines the general styling of the button dropdown.\n   * * `primary` for primary buttons\n   * * `normal` for secondary buttons\n   * * `icon` for icon buttons\n   * * `inline-icon` for icon buttons with no outer padding\n   */\n  variant?: ButtonDropdownProps.Variant;\n  /**\n   * Controls expandability of the item groups.\n   */\n  expandableGroups?: boolean;\n  /**\n   * By default, the dropdown height is constrained to fit inside the height of its parent element.\n   * Enabling this property will allow the dropdown to extend beyond its parent by using fixed positioning and\n   * [React Portals](https://reactjs.org/docs/portals.html).\n   * If you want the dropdown to ignore the `overflow` CSS property of its parents,\n   * such as in a split view layout, enable this property.\n   * However, use discretion.\n   * If you don't need to, we recommend you don't enable this property because there is a known issue with\n   * the '[aria-owns](https://a11ysupport.io/tech/aria/aria-owns_attribute)' attribute in Safari with VoiceOver that\n   * prevents VO specific controls (CTRL+OPT+Left/Right) from entering a dropdown on Safari due to its position in the DOM.\n   * If you don't need to, we also recommend you don't enable this property because fixed positioning results\n   * in a slight, visible lag when scrolling complex pages.\n   */\n  expandToViewport?: boolean;\n  /**\n   * Adds `aria-label` to the button dropdown trigger.\n   * It should be used in buttons that don't have text in order to make them accessible.\n   */\n  ariaLabel?: string;\n  /**\n   * Text displayed in the button dropdown trigger.\n   * @displayname text\n   */\n  children?: React.ReactNode;\n  /**\n   * Called when the user clicks on an item, and the item is not disabled.  The event detail object contains the id of the clicked item.\n   */\n  onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n  /**\n   * Called when the user clicks on an item with the left mouse button without pressing\n   * modifier keys (that is, CTRL, ALT, SHIFT, META), and the item has an `href` set.\n   */\n  onItemFollow?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n  /**\n   * A standalone action that is shown prior to the dropdown trigger. Use it with \"primary\" variant only.\n   * Main action properties:\n   * * `text` (string) - Specifies the text shown in the main action.\n   * * `external` (boolean) - Marks the main action as external by adding an icon after the text. The link will open in a new tab when clicked. Note that this only works when `href` is also provided.\n   * * `externalIconAriaLabel` (string) - Adds an ARIA label to the external icon.\n   *\n   * The main action also supports the following properties of the [button](/components/button/?tabId=api) component:\n   * `ariaLabel`, `disabled`, `loading`, `loadingText`, `href`, `target`, `rel`, `download`, `iconAlt`, `iconName`, `iconUrl`, `iconSvg`, `onClick`, `onFollow`.\n   */\n  mainAction?: ButtonDropdownProps.MainAction;\n}\n\nexport namespace ButtonDropdownProps {\n  export type Variant = 'normal' | 'primary' | 'icon' | 'inline-icon';\n\n  export interface MainAction {\n    text: string;\n    ariaLabel?: string;\n    onClick?: CancelableEventHandler<ButtonProps.ClickDetail>;\n    onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;\n    disabled?: boolean;\n    loading?: boolean;\n    loadingText?: string;\n    href?: string;\n    target?: string;\n    rel?: string;\n    download?: boolean | string;\n    external?: boolean;\n    externalIconAriaLabel?: string;\n    iconAlt?: string;\n    iconName?: IconProps.Name;\n    iconUrl?: string;\n    iconSvg?: React.ReactNode;\n  }\n\n  export interface Item {\n    id: string;\n    text: string;\n    lang?: string;\n    disabled?: boolean;\n    disabledReason?: string;\n    description?: string;\n    href?: string;\n    external?: boolean;\n    externalIconAriaLabel?: string;\n    iconAlt?: string;\n    iconName?: IconProps.Name;\n    iconUrl?: string;\n    iconSvg?: React.ReactNode;\n  }\n\n  export interface ItemGroup extends Omit<Item, 'id' | 'text'> {\n    id?: string;\n    text?: string;\n    items: Items;\n  }\n\n  export type ItemOrGroup = Item | ItemGroup;\n\n  export type Items = ReadonlyArray<ItemOrGroup>;\n\n  export interface ItemClickDetails extends BaseNavigationDetail {\n    id: string;\n  }\n\n  export interface Ref {\n    /**\n     * Focuses the underlying native button.\n     */\n    focus(): void;\n  }\n}\n\nexport interface ButtonDropdownSettings {\n  // this means whether action is required to make group expand\n  hasExpandableGroups: boolean;\n  // on smaller screens expandable groups are integrated into parent dropdown\n  // this changes keyboard navigation, highlight and activation behavior for parent dropdown\n  isInRestrictedView?: boolean;\n}\n\nexport interface HighlightProps {\n  targetItem: ButtonDropdownProps.ItemOrGroup | null;\n  isHighlighted: (item: ButtonDropdownProps.ItemOrGroup) => boolean;\n  isKeyboardHighlight: (item: ButtonDropdownProps.ItemOrGroup) => boolean;\n  isExpanded: (group: ButtonDropdownProps.ItemGroup) => boolean;\n  highlightItem: (item: ButtonDropdownProps.ItemOrGroup) => void;\n}\n\nexport type GroupToggle = (item: ButtonDropdownProps.ItemGroup, event: React.SyntheticEvent) => void;\nexport type ItemActivate = (item: ButtonDropdownProps.Item, event: React.MouseEvent | React.KeyboardEvent) => void;\n\nexport interface CategoryProps extends HighlightProps {\n  item: ButtonDropdownProps.ItemGroup;\n  onGroupToggle: GroupToggle;\n  onItemActivate: ItemActivate;\n  disabled: boolean;\n  expandToViewport?: boolean;\n  variant?: ItemListProps['variant'];\n}\n\nexport interface ItemListProps extends HighlightProps {\n  items: ButtonDropdownProps.Items;\n  onGroupToggle: GroupToggle;\n  onItemActivate: ItemActivate;\n  categoryDisabled?: boolean;\n  hasExpandableGroups?: boolean;\n  hasCategoryHeader?: boolean;\n  expandToViewport?: boolean;\n  variant?: InternalButtonDropdownProps['variant'];\n}\n\nexport interface LinkItem extends ButtonDropdownProps.Item {\n  href: string;\n}\n\nexport interface ItemProps {\n  item: ButtonDropdownProps.Item | LinkItem;\n  disabled: boolean;\n  highlighted: boolean;\n  onItemActivate: ItemActivate;\n  highlightItem: (item: ButtonDropdownProps.ItemOrGroup) => void;\n  first?: boolean;\n  last: boolean;\n  hasCategoryHeader: boolean;\n  isKeyboardHighlighted?: boolean;\n  variant?: ItemListProps['variant'];\n}\n\nexport interface InternalButtonDropdownProps extends Omit<ButtonDropdownProps, 'variant'>, InternalBaseComponentProps {\n  customTriggerBuilder?: (\n    clickHandler: () => void,\n    ref: React.Ref<any>,\n    isDisabled: boolean,\n    isExpanded: boolean,\n    ariaLabel?: string\n  ) => React.ReactNode;\n  variant?: ButtonDropdownProps['variant'] | 'navigation';\n\n  /**\n   * Optional text that is displayed as the title at the top of the dropdown.\n   */\n  title?: string;\n\n  /**\n   * Optional text that is displayed underneath the title at the top of the dropdown.\n   */\n  description?: string;\n\n  /**\n   * Determines that the dropdown should preferably be aligned to the center of the trigger\n   * instead of dropping left or right.\n   */\n  preferCenter?: boolean;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["button-dropdown/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { BaseNavigationDetail, CancelableEventHandler } from '../internal/events';\nimport { IconProps } from '../icon/interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { ExpandToViewport } from '../internal/components/dropdown/interfaces';\nimport { ButtonProps } from '../button/interfaces';\n\nexport interface ButtonDropdownProps extends BaseComponentProps, ExpandToViewport {\n  /**\n   * Array of objects, each having the following properties:\n\n   * - `id` (string) - allows to identify the item that the user clicked on. Mandatory for individual items, optional for categories.\n\n   * - `text` (string) - description shown in the menu for this item. Mandatory for individual items, optional for categories.\n\n   * - `lang` (string) - (Optional) The language of the item, provided as a BCP 47 language tag.\n\n   * - `disabled` (boolean) - whether the item is disabled. Disabled items are not clickable, but they can be highlighted with the keyboard to make them accessible.\n\n   * - `disabledReason` (string) - (Optional) Displays text near the `text` property when item is disabled. Use to provide additional context.\n\n   * - `items` (ReadonlyArray<Item>): an array of item objects. Items will be rendered as nested menu items but only for the first nesting level, multi-nesting is not supported.\n   * An item which belongs to nested group has the following properties: `id`, `text`, `disabled` and `description`.\n\n   * - `description` (string) - additional data that will be passed to a `data-description` attribute.\n\n   * - `href` (string) - (Optional) Defines the target URL of the menu item, turning it into a link.\n\n   * - `external` (boolean) - Marks a menu item as external by adding an icon after the menu item text. The link will open in a new tab when clicked. Note that this only works when `href` is also provided.\n\n   * - `externalIconAriaLabel` (string) - Adds an `aria-label` to the external icon.\n\n   * - `iconName` (string) - (Optional) Specifies the name of the icon, used with the [icon component](/components/icon/).\n\n   * - `iconAlt` (string) - (Optional) Specifies alternate text for the icon when using `iconUrl`.\n\n   * - `iconUrl` (string) - (Optional) Specifies the URL of a custom icon.\n\n   * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n\n   */\n  items: ReadonlyArray<ButtonDropdownProps.ItemOrGroup>;\n  /**\n   * Determines whether the button dropdown is disabled. Users cannot interact with the control if it's disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Renders the button as being in a loading state. It takes precedence over the `disabled` if both are set to `true`.\n   * It prevents clicks.\n   */\n  loading?: boolean;\n  /**\n   * Specifies the text that screen reader announces when the button dropdown is in a loading state.\n   */\n  loadingText?: string;\n  /** Determines the general styling of the button dropdown.\n   * * `primary` for primary buttons\n   * * `normal` for secondary buttons\n   * * `icon` for icon buttons\n   * * `inline-icon` for icon buttons with no outer padding\n   */\n  variant?: ButtonDropdownProps.Variant;\n  /**\n   * Controls expandability of the item groups.\n   */\n  expandableGroups?: boolean;\n  /**\n   * Adds `aria-label` to the button dropdown trigger.\n   * It should be used in buttons that don't have text in order to make them accessible.\n   */\n  ariaLabel?: string;\n  /**\n   * Text displayed in the button dropdown trigger.\n   * @displayname text\n   */\n  children?: React.ReactNode;\n  /**\n   * Called when the user clicks on an item, and the item is not disabled.  The event detail object contains the id of the clicked item.\n   */\n  onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n  /**\n   * Called when the user clicks on an item with the left mouse button without pressing\n   * modifier keys (that is, CTRL, ALT, SHIFT, META), and the item has an `href` set.\n   */\n  onItemFollow?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n  /**\n   * A standalone action that is shown prior to the dropdown trigger. Use it with \"primary\" variant only.\n   * Main action properties:\n   * * `text` (string) - Specifies the text shown in the main action.\n   * * `external` (boolean) - Marks the main action as external by adding an icon after the text. The link will open in a new tab when clicked. Note that this only works when `href` is also provided.\n   * * `externalIconAriaLabel` (string) - Adds an ARIA label to the external icon.\n   *\n   * The main action also supports the following properties of the [button](/components/button/?tabId=api) component:\n   * `ariaLabel`, `disabled`, `loading`, `loadingText`, `href`, `target`, `rel`, `download`, `iconAlt`, `iconName`, `iconUrl`, `iconSvg`, `onClick`, `onFollow`.\n   */\n  mainAction?: ButtonDropdownProps.MainAction;\n}\n\nexport namespace ButtonDropdownProps {\n  export type Variant = 'normal' | 'primary' | 'icon' | 'inline-icon';\n\n  export interface MainAction {\n    text: string;\n    ariaLabel?: string;\n    onClick?: CancelableEventHandler<ButtonProps.ClickDetail>;\n    onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;\n    disabled?: boolean;\n    loading?: boolean;\n    loadingText?: string;\n    href?: string;\n    target?: string;\n    rel?: string;\n    download?: boolean | string;\n    external?: boolean;\n    externalIconAriaLabel?: string;\n    iconAlt?: string;\n    iconName?: IconProps.Name;\n    iconUrl?: string;\n    iconSvg?: React.ReactNode;\n  }\n\n  export interface Item {\n    id: string;\n    text: string;\n    lang?: string;\n    disabled?: boolean;\n    disabledReason?: string;\n    description?: string;\n    href?: string;\n    external?: boolean;\n    externalIconAriaLabel?: string;\n    iconAlt?: string;\n    iconName?: IconProps.Name;\n    iconUrl?: string;\n    iconSvg?: React.ReactNode;\n  }\n\n  export interface ItemGroup extends Omit<Item, 'id' | 'text'> {\n    id?: string;\n    text?: string;\n    items: Items;\n  }\n\n  export type ItemOrGroup = Item | ItemGroup;\n\n  export type Items = ReadonlyArray<ItemOrGroup>;\n\n  export interface ItemClickDetails extends BaseNavigationDetail {\n    id: string;\n  }\n\n  export interface Ref {\n    /**\n     * Focuses the underlying native button.\n     */\n    focus(): void;\n  }\n}\n\nexport interface ButtonDropdownSettings {\n  // this means whether action is required to make group expand\n  hasExpandableGroups: boolean;\n  // on smaller screens expandable groups are integrated into parent dropdown\n  // this changes keyboard navigation, highlight and activation behavior for parent dropdown\n  isInRestrictedView?: boolean;\n}\n\nexport interface HighlightProps {\n  targetItem: ButtonDropdownProps.ItemOrGroup | null;\n  isHighlighted: (item: ButtonDropdownProps.ItemOrGroup) => boolean;\n  isKeyboardHighlight: (item: ButtonDropdownProps.ItemOrGroup) => boolean;\n  isExpanded: (group: ButtonDropdownProps.ItemGroup) => boolean;\n  highlightItem: (item: ButtonDropdownProps.ItemOrGroup) => void;\n}\n\nexport type GroupToggle = (item: ButtonDropdownProps.ItemGroup, event: React.SyntheticEvent) => void;\nexport type ItemActivate = (item: ButtonDropdownProps.Item, event: React.MouseEvent | React.KeyboardEvent) => void;\n\nexport interface CategoryProps extends HighlightProps {\n  item: ButtonDropdownProps.ItemGroup;\n  onGroupToggle: GroupToggle;\n  onItemActivate: ItemActivate;\n  disabled: boolean;\n  expandToViewport?: boolean;\n  variant?: ItemListProps['variant'];\n}\n\nexport interface ItemListProps extends HighlightProps {\n  items: ButtonDropdownProps.Items;\n  onGroupToggle: GroupToggle;\n  onItemActivate: ItemActivate;\n  categoryDisabled?: boolean;\n  hasExpandableGroups?: boolean;\n  hasCategoryHeader?: boolean;\n  expandToViewport?: boolean;\n  variant?: InternalButtonDropdownProps['variant'];\n}\n\nexport interface LinkItem extends ButtonDropdownProps.Item {\n  href: string;\n}\n\nexport interface ItemProps {\n  item: ButtonDropdownProps.Item | LinkItem;\n  disabled: boolean;\n  highlighted: boolean;\n  onItemActivate: ItemActivate;\n  highlightItem: (item: ButtonDropdownProps.ItemOrGroup) => void;\n  first?: boolean;\n  last: boolean;\n  hasCategoryHeader: boolean;\n  isKeyboardHighlighted?: boolean;\n  variant?: ItemListProps['variant'];\n}\n\nexport interface InternalButtonDropdownProps extends Omit<ButtonDropdownProps, 'variant'>, InternalBaseComponentProps {\n  customTriggerBuilder?: (\n    clickHandler: () => void,\n    ref: React.Ref<any>,\n    isDisabled: boolean,\n    isExpanded: boolean,\n    ariaLabel?: string\n  ) => React.ReactNode;\n  variant?: ButtonDropdownProps['variant'] | 'navigation';\n\n  /**\n   * Optional text that is displayed as the title at the top of the dropdown.\n   */\n  title?: string;\n\n  /**\n   * Optional text that is displayed underneath the title at the top of the dropdown.\n   */\n  description?: string;\n\n  /**\n   * Determines that the dropdown should preferably be aligned to the center of the trigger\n   * instead of dropping left or right.\n   */\n  preferCenter?: boolean;\n}\n"]}

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

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "item-element": "awsui_item-element_93a1u_brsmk_93",
-  "disabled": "awsui_disabled_93a1u_brsmk_103",
-  "last": "awsui_last_93a1u_brsmk_110",
-  "highlighted": "awsui_highlighted_93a1u_brsmk_113",
-  "variant-icon": "awsui_variant-icon_93a1u_brsmk_117",
-  "variant-normal": "awsui_variant-normal_93a1u_brsmk_117",
-  "variant-primary": "awsui_variant-primary_93a1u_brsmk_117",
-  "is-focused": "awsui_is-focused_93a1u_brsmk_127",
-  "variant-navigation": "awsui_variant-navigation_93a1u_brsmk_131",
-  "first": "awsui_first_93a1u_brsmk_134",
-  "has-category-header": "awsui_has-category-header_93a1u_brsmk_134",
-  "menu-item": "awsui_menu-item_93a1u_brsmk_148",
-  "icon": "awsui_icon_93a1u_brsmk_166",
-  "external-icon": "awsui_external-icon_93a1u_brsmk_171"
+  "item-element": "awsui_item-element_93a1u_1jfgb_93",
+  "disabled": "awsui_disabled_93a1u_1jfgb_103",
+  "last": "awsui_last_93a1u_1jfgb_110",
+  "highlighted": "awsui_highlighted_93a1u_1jfgb_113",
+  "variant-icon": "awsui_variant-icon_93a1u_1jfgb_117",
+  "variant-normal": "awsui_variant-normal_93a1u_1jfgb_117",
+  "variant-primary": "awsui_variant-primary_93a1u_1jfgb_117",
+  "is-focused": "awsui_is-focused_93a1u_1jfgb_127",
+  "variant-navigation": "awsui_variant-navigation_93a1u_1jfgb_131",
+  "first": "awsui_first_93a1u_1jfgb_134",
+  "has-category-header": "awsui_has-category-header_93a1u_1jfgb_134",
+  "menu-item": "awsui_menu-item_93a1u_1jfgb_148",
+  "icon": "awsui_icon_93a1u_1jfgb_166",
+  "external-icon": "awsui_external-icon_93a1u_1jfgb_171"
 };
   

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

@@ -90,84 +90,84 @@ 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_item-element_93a1u_brsmk_93:not(#\9) {
+.awsui_item-element_93a1u_1jfgb_93:not(#\9) {
   position: relative;
   z-index: 1;
-  border: var(--border-item-width-y36svo, 2px) solid transparent;
+  border: var(--border-item-width-yel47s, 2px) solid transparent;
   list-style: none;
   padding: 0;
-  color: var(--color-text-dropdown-item-default-dyep5n, #000716);
-  margin-top: calc(-1 * var(--border-field-width-riro62, 2px));
+  color: var(--color-text-dropdown-item-default-4o4hes, #000716);
+  margin-top: calc(-1 * var(--border-field-width-09w7vk, 2px));
   cursor: pointer;
 }
-.awsui_item-element_93a1u_brsmk_93.awsui_disabled_93a1u_brsmk_103:not(#\9) {
+.awsui_item-element_93a1u_1jfgb_93.awsui_disabled_93a1u_1jfgb_103:not(#\9) {
   cursor: default;
-  color: var(--color-text-dropdown-item-disabled-p5eewj, #9ba7b6);
+  color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
 }
-.awsui_item-element_93a1u_brsmk_93:not(#\9):first-child {
+.awsui_item-element_93a1u_1jfgb_93:not(#\9):first-child {
   margin-top: 0;
 }
-.awsui_item-element_93a1u_brsmk_93.awsui_last_93a1u_brsmk_110:not(#\9) {
-  border-bottom: var(--border-item-width-y36svo, 2px) solid var(--color-border-dropdown-group-qb493x, #e9ebed);
+.awsui_item-element_93a1u_1jfgb_93.awsui_last_93a1u_1jfgb_110:not(#\9) {
+  border-bottom: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-group-c2r4dp, #e9ebed);
 }
-.awsui_item-element_93a1u_brsmk_93.awsui_highlighted_93a1u_brsmk_113:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-vjs5c4, #000716);
+.awsui_item-element_93a1u_1jfgb_93.awsui_highlighted_93a1u_1jfgb_113:not(#\9) {
+  color: var(--color-text-dropdown-item-highlighted-a51hdb, #000716);
   z-index: 2;
 }
-.awsui_item-element_93a1u_brsmk_93.awsui_highlighted_93a1u_brsmk_113.awsui_variant-icon_93a1u_brsmk_117:not(#\9), .awsui_item-element_93a1u_brsmk_93.awsui_highlighted_93a1u_brsmk_113.awsui_variant-normal_93a1u_brsmk_117:not(#\9), .awsui_item-element_93a1u_brsmk_93.awsui_highlighted_93a1u_brsmk_113.awsui_variant-primary_93a1u_brsmk_117:not(#\9) {
-  background-color: var(--color-background-dropdown-item-hover-gvdk4u, #f4f4f4);
-  border-color: var(--color-border-dropdown-item-hover-me98vk, #7d8998);
-  border-radius: var(--border-radius-item-gyl0qr, 8px);
+.awsui_item-element_93a1u_1jfgb_93.awsui_highlighted_93a1u_1jfgb_113.awsui_variant-icon_93a1u_1jfgb_117:not(#\9), .awsui_item-element_93a1u_1jfgb_93.awsui_highlighted_93a1u_1jfgb_113.awsui_variant-normal_93a1u_1jfgb_117:not(#\9), .awsui_item-element_93a1u_1jfgb_93.awsui_highlighted_93a1u_1jfgb_113.awsui_variant-primary_93a1u_1jfgb_117:not(#\9) {
+  background-color: var(--color-background-dropdown-item-hover-md83i5, #f4f4f4);
+  border-color: var(--color-border-dropdown-item-hover-461g78, #7d8998);
+  border-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_item-element_93a1u_brsmk_93.awsui_highlighted_93a1u_brsmk_113.awsui_variant-icon_93a1u_brsmk_117.awsui_disabled_93a1u_brsmk_103:not(#\9), .awsui_item-element_93a1u_brsmk_93.awsui_highlighted_93a1u_brsmk_113.awsui_variant-normal_93a1u_brsmk_117.awsui_disabled_93a1u_brsmk_103:not(#\9), .awsui_item-element_93a1u_brsmk_93.awsui_highlighted_93a1u_brsmk_113.awsui_variant-primary_93a1u_brsmk_117.awsui_disabled_93a1u_brsmk_103:not(#\9) {
-  color: var(--color-text-dropdown-item-dimmed-b1hwcu, #9ba7b6);
-  border-color: var(--color-border-dropdown-item-dimmed-hover-3tdni4, #7d8998);
-  background-color: var(--color-background-dropdown-item-dimmed-oa2pjk, transparent);
+.awsui_item-element_93a1u_1jfgb_93.awsui_highlighted_93a1u_1jfgb_113.awsui_variant-icon_93a1u_1jfgb_117.awsui_disabled_93a1u_1jfgb_103:not(#\9), .awsui_item-element_93a1u_1jfgb_93.awsui_highlighted_93a1u_1jfgb_113.awsui_variant-normal_93a1u_1jfgb_117.awsui_disabled_93a1u_1jfgb_103:not(#\9), .awsui_item-element_93a1u_1jfgb_93.awsui_highlighted_93a1u_1jfgb_113.awsui_variant-primary_93a1u_1jfgb_117.awsui_disabled_93a1u_1jfgb_103:not(#\9) {
+  color: var(--color-text-dropdown-item-dimmed-f2joj8, #9ba7b6);
+  border-color: var(--color-border-dropdown-item-dimmed-hover-xdu0hf, #7d8998);
+  background-color: var(--color-background-dropdown-item-dimmed-dlm6wk, transparent);
 }
-.awsui_item-element_93a1u_brsmk_93.awsui_highlighted_93a1u_brsmk_113.awsui_variant-icon_93a1u_brsmk_117.awsui_is-focused_93a1u_brsmk_127:not(#\9), .awsui_item-element_93a1u_brsmk_93.awsui_highlighted_93a1u_brsmk_113.awsui_variant-normal_93a1u_brsmk_117.awsui_is-focused_93a1u_brsmk_127:not(#\9), .awsui_item-element_93a1u_brsmk_93.awsui_highlighted_93a1u_brsmk_113.awsui_variant-primary_93a1u_brsmk_117.awsui_is-focused_93a1u_brsmk_127:not(#\9) {
-  border-color: var(--color-border-item-focused-4t19h5, #0972d3);
-  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-cwek11, 0px) var(--color-border-item-focused-4t19h5, #0972d3);
+.awsui_item-element_93a1u_1jfgb_93.awsui_highlighted_93a1u_1jfgb_113.awsui_variant-icon_93a1u_1jfgb_117.awsui_is-focused_93a1u_1jfgb_127:not(#\9), .awsui_item-element_93a1u_1jfgb_93.awsui_highlighted_93a1u_1jfgb_113.awsui_variant-normal_93a1u_1jfgb_117.awsui_is-focused_93a1u_1jfgb_127:not(#\9), .awsui_item-element_93a1u_1jfgb_93.awsui_highlighted_93a1u_1jfgb_113.awsui_variant-primary_93a1u_1jfgb_117.awsui_is-focused_93a1u_1jfgb_127:not(#\9) {
+  border-color: var(--color-border-item-focused-b2ntyl, #0972d3);
+  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_item-element_93a1u_brsmk_93.awsui_variant-navigation_93a1u_brsmk_131.awsui_highlighted_93a1u_brsmk_113:not(#\9) {
-  color: var(--color-text-accent-qh8xwn, #0972d3);
+.awsui_item-element_93a1u_1jfgb_93.awsui_variant-navigation_93a1u_1jfgb_131.awsui_highlighted_93a1u_1jfgb_113:not(#\9) {
+  color: var(--color-text-accent-n2acxv, #0972d3);
 }
-.awsui_item-element_93a1u_brsmk_93.awsui_variant-navigation_93a1u_brsmk_131.awsui_first_93a1u_brsmk_134:not(#\9):not(.awsui_has-category-header_93a1u_brsmk_134) {
-  padding-top: var(--space-xxs-ja5cp8, 4px);
+.awsui_item-element_93a1u_1jfgb_93.awsui_variant-navigation_93a1u_1jfgb_131.awsui_first_93a1u_1jfgb_134:not(#\9):not(.awsui_has-category-header_93a1u_1jfgb_134) {
+  padding-top: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_item-element_93a1u_brsmk_93.awsui_variant-navigation_93a1u_brsmk_131.awsui_last_93a1u_brsmk_110:not(#\9) {
-  padding-bottom: var(--space-xxs-ja5cp8, 4px);
+.awsui_item-element_93a1u_1jfgb_93.awsui_variant-navigation_93a1u_1jfgb_131.awsui_last_93a1u_1jfgb_110:not(#\9) {
+  padding-bottom: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_item-element_93a1u_brsmk_93.awsui_variant-navigation_93a1u_brsmk_131.awsui_first_93a1u_brsmk_134.awsui_last_93a1u_brsmk_110:not(#\9) {
-  padding-bottom: var(--space-xxs-ja5cp8, 4px);
-  padding-top: var(--space-xxs-ja5cp8, 4px);
+.awsui_item-element_93a1u_1jfgb_93.awsui_variant-navigation_93a1u_1jfgb_131.awsui_first_93a1u_1jfgb_134.awsui_last_93a1u_1jfgb_110:not(#\9) {
+  padding-bottom: var(--space-xxs-p8yyaw, 4px);
+  padding-top: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_item-element_93a1u_brsmk_93.awsui_variant-navigation_93a1u_brsmk_131.awsui_last_93a1u_brsmk_110:not(#\9):last-child {
-  padding-bottom: var(--space-xxs-ja5cp8, 4px);
+.awsui_item-element_93a1u_1jfgb_93.awsui_variant-navigation_93a1u_1jfgb_131.awsui_last_93a1u_1jfgb_110:not(#\9):last-child {
+  padding-bottom: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_menu-item_93a1u_brsmk_148:not(#\9) {
+.awsui_menu-item_93a1u_1jfgb_148:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   display: flex;
   align-items: flex-start;
-  padding: var(--space-xxs-ja5cp8, 4px) var(--space-button-horizontal-qj3pgb, 20px);
+  padding: var(--space-xxs-p8yyaw, 4px) var(--space-button-horizontal-8jxzea, 20px);
   color: inherit;
   text-decoration: none;
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_menu-item_93a1u_brsmk_148:not(#\9):focus {
+.awsui_menu-item_93a1u_1jfgb_148:not(#\9):focus {
   outline: none;
 }
-.awsui_has-category-header_93a1u_brsmk_134 > .awsui_menu-item_93a1u_brsmk_148:not(#\9), .awsui_has-category-header_93a1u_brsmk_134 > span > .awsui_menu-item_93a1u_brsmk_148:not(#\9) {
-  padding-left: calc(var(--space-s-hdd878, 12px) + var(--space-button-horizontal-qj3pgb, 20px));
+.awsui_has-category-header_93a1u_1jfgb_134 > .awsui_menu-item_93a1u_1jfgb_148:not(#\9), .awsui_has-category-header_93a1u_1jfgb_134 > span > .awsui_menu-item_93a1u_1jfgb_148:not(#\9) {
+  padding-left: calc(var(--space-s-34lx8l, 12px) + var(--space-button-horizontal-8jxzea, 20px));
 }
 
-.awsui_icon_93a1u_brsmk_166:not(#\9) {
-  padding-right: var(--space-xs-edba2s, 8px);
+.awsui_icon_93a1u_1jfgb_166:not(#\9) {
+  padding-right: var(--space-xs-zb16t3, 8px);
   flex-shrink: 0;
 }
 
-.awsui_external-icon_93a1u_brsmk_171:not(#\9) {
-  margin-left: var(--space-xxs-ja5cp8, 4px);
+.awsui_external-icon_93a1u_1jfgb_171:not(#\9) {
+  margin-left: var(--space-xxs-p8yyaw, 4px);
 }

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

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "item-element": "awsui_item-element_93a1u_brsmk_93",
-  "disabled": "awsui_disabled_93a1u_brsmk_103",
-  "last": "awsui_last_93a1u_brsmk_110",
-  "highlighted": "awsui_highlighted_93a1u_brsmk_113",
-  "variant-icon": "awsui_variant-icon_93a1u_brsmk_117",
-  "variant-normal": "awsui_variant-normal_93a1u_brsmk_117",
-  "variant-primary": "awsui_variant-primary_93a1u_brsmk_117",
-  "is-focused": "awsui_is-focused_93a1u_brsmk_127",
-  "variant-navigation": "awsui_variant-navigation_93a1u_brsmk_131",
-  "first": "awsui_first_93a1u_brsmk_134",
-  "has-category-header": "awsui_has-category-header_93a1u_brsmk_134",
-  "menu-item": "awsui_menu-item_93a1u_brsmk_148",
-  "icon": "awsui_icon_93a1u_brsmk_166",
-  "external-icon": "awsui_external-icon_93a1u_brsmk_171"
+  "item-element": "awsui_item-element_93a1u_1jfgb_93",
+  "disabled": "awsui_disabled_93a1u_1jfgb_103",
+  "last": "awsui_last_93a1u_1jfgb_110",
+  "highlighted": "awsui_highlighted_93a1u_1jfgb_113",
+  "variant-icon": "awsui_variant-icon_93a1u_1jfgb_117",
+  "variant-normal": "awsui_variant-normal_93a1u_1jfgb_117",
+  "variant-primary": "awsui_variant-primary_93a1u_1jfgb_117",
+  "is-focused": "awsui_is-focused_93a1u_1jfgb_127",
+  "variant-navigation": "awsui_variant-navigation_93a1u_1jfgb_131",
+  "first": "awsui_first_93a1u_1jfgb_134",
+  "has-category-header": "awsui_has-category-header_93a1u_1jfgb_134",
+  "menu-item": "awsui_menu-item_93a1u_1jfgb_148",
+  "icon": "awsui_icon_93a1u_1jfgb_166",
+  "external-icon": "awsui_external-icon_93a1u_1jfgb_171"
 };
   

package/button-dropdown/mobile-expandable-group/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14cnr_16690_93",
-  "trigger": "awsui_trigger_14cnr_16690_108",
-  "dropdown": "awsui_dropdown_14cnr_16690_111",
-  "nowrap": "awsui_nowrap_14cnr_16690_122",
-  "open": "awsui_open_14cnr_16690_125"
+  "root": "awsui_root_14cnr_ez9pf_93",
+  "trigger": "awsui_trigger_14cnr_ez9pf_108",
+  "dropdown": "awsui_dropdown_14cnr_ez9pf_111",
+  "nowrap": "awsui_nowrap_14cnr_ez9pf_122",
+  "open": "awsui_open_14cnr_ez9pf_125"
 };