@cloudscape-design/components 3.0.685 → 3.0.686

package/app-layout/visual-refresh/styles.selectors.js

@@ -2,87 +2,87 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "background": "awsui_background_hyvsj_gc2xf_97",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_gc2xf_100",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_gc2xf_111",
-  "drawers-container": "awsui_drawers-container_hyvsj_gc2xf_124",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_gc2xf_135",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_gc2xf_156",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_gc2xf_161",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_gc2xf_202",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_gc2xf_212",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_gc2xf_217",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_gc2xf_231",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_gc2xf_217",
-  "drawer": "awsui_drawer_hyvsj_gc2xf_124",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_gc2xf_262",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_gc2xf_271",
-  "drawer-content": "awsui_drawer-content_hyvsj_gc2xf_262",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_gc2xf_279",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_gc2xf_282",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_gc2xf_289",
-  "content": "awsui_content_hyvsj_gc2xf_315",
-  "layout": "awsui_layout_hyvsj_gc2xf_336",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_gc2xf_408",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_gc2xf_423",
-  "content-type-table": "awsui_content-type-table_hyvsj_gc2xf_437",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_gc2xf_437",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_gc2xf_443",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_gc2xf_446",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_gc2xf_460",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_gc2xf_463",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_gc2xf_473",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_gc2xf_476",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_gc2xf_476",
-  "has-header": "awsui_has-header_hyvsj_gc2xf_476",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_gc2xf_491",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_gc2xf_491",
-  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_gc2xf_511",
-  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_gc2xf_514",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_gc2xf_534",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_gc2xf_534",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_gc2xf_542",
-  "unfocusable": "awsui_unfocusable_hyvsj_gc2xf_547",
-  "container": "awsui_container_hyvsj_gc2xf_557",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_gc2xf_583",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_gc2xf_586",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_gc2xf_586",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_gc2xf_586",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_gc2xf_586",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_gc2xf_595",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_gc2xf_612",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_gc2xf_616",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_gc2xf_620",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_gc2xf_624",
-  "navigation-container": "awsui_navigation-container_hyvsj_gc2xf_633",
-  "show-navigation": "awsui_show-navigation_hyvsj_gc2xf_671",
-  "animating": "awsui_animating_hyvsj_gc2xf_694",
-  "showButtons": "awsui_showButtons_hyvsj_gc2xf_1",
-  "navigation": "awsui_navigation_hyvsj_gc2xf_633",
-  "openNavigation": "awsui_openNavigation_hyvsj_gc2xf_1",
-  "animated-content": "awsui_animated-content_hyvsj_gc2xf_756",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_gc2xf_765",
-  "notifications": "awsui_notifications_hyvsj_gc2xf_775",
-  "has-notification-content": "awsui_has-notification-content_hyvsj_gc2xf_780",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_gc2xf_784",
-  "high-contrast": "awsui_high-contrast_hyvsj_gc2xf_789",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_gc2xf_807",
-  "position-bottom": "awsui_position-bottom_hyvsj_gc2xf_854",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_gc2xf_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_gc2xf_883",
-  "position-side": "awsui_position-side_hyvsj_gc2xf_896",
-  "tools-container": "awsui_tools-container_hyvsj_gc2xf_918",
-  "tools": "awsui_tools_hyvsj_gc2xf_918",
-  "openTools": "awsui_openTools_hyvsj_gc2xf_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_gc2xf_1007",
-  "hide-tools": "awsui_hide-tools_hyvsj_gc2xf_1017",
-  "show-tools": "awsui_show-tools_hyvsj_gc2xf_1029",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_gc2xf_1007",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112",
-  "trigger": "awsui_trigger_hyvsj_gc2xf_1112",
-  "selected": "awsui_selected_hyvsj_gc2xf_1190",
-  "badge": "awsui_badge_hyvsj_gc2xf_1210",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_gc2xf_1214",
-  "dot": "awsui_dot_hyvsj_gc2xf_1225"
+  "background": "awsui_background_hyvsj_fae1z_97",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_fae1z_100",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_fae1z_111",
+  "drawers-container": "awsui_drawers-container_hyvsj_fae1z_124",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_fae1z_135",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_fae1z_156",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_fae1z_161",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_fae1z_202",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_fae1z_212",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_fae1z_217",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_fae1z_231",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_fae1z_217",
+  "drawer": "awsui_drawer_hyvsj_fae1z_124",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_fae1z_262",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_fae1z_271",
+  "drawer-content": "awsui_drawer-content_hyvsj_fae1z_262",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_fae1z_279",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_fae1z_282",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_fae1z_289",
+  "content": "awsui_content_hyvsj_fae1z_315",
+  "layout": "awsui_layout_hyvsj_fae1z_336",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_fae1z_408",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_fae1z_423",
+  "content-type-table": "awsui_content-type-table_hyvsj_fae1z_437",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_fae1z_437",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_fae1z_443",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_fae1z_446",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_fae1z_460",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_fae1z_463",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_fae1z_473",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_fae1z_476",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_fae1z_476",
+  "has-header": "awsui_has-header_hyvsj_fae1z_476",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_fae1z_491",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_fae1z_491",
+  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_fae1z_511",
+  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_fae1z_514",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_fae1z_534",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_fae1z_534",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_fae1z_542",
+  "unfocusable": "awsui_unfocusable_hyvsj_fae1z_547",
+  "container": "awsui_container_hyvsj_fae1z_557",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_fae1z_583",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_fae1z_586",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_fae1z_586",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_fae1z_586",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_fae1z_586",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_fae1z_595",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_fae1z_612",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_fae1z_616",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_fae1z_620",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_fae1z_624",
+  "navigation-container": "awsui_navigation-container_hyvsj_fae1z_633",
+  "show-navigation": "awsui_show-navigation_hyvsj_fae1z_671",
+  "animating": "awsui_animating_hyvsj_fae1z_694",
+  "showButtons": "awsui_showButtons_hyvsj_fae1z_1",
+  "navigation": "awsui_navigation_hyvsj_fae1z_633",
+  "openNavigation": "awsui_openNavigation_hyvsj_fae1z_1",
+  "animated-content": "awsui_animated-content_hyvsj_fae1z_756",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_fae1z_765",
+  "notifications": "awsui_notifications_hyvsj_fae1z_775",
+  "has-notification-content": "awsui_has-notification-content_hyvsj_fae1z_780",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_fae1z_784",
+  "high-contrast": "awsui_high-contrast_hyvsj_fae1z_789",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_fae1z_807",
+  "position-bottom": "awsui_position-bottom_hyvsj_fae1z_854",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_fae1z_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_fae1z_883",
+  "position-side": "awsui_position-side_hyvsj_fae1z_896",
+  "tools-container": "awsui_tools-container_hyvsj_fae1z_918",
+  "tools": "awsui_tools_hyvsj_fae1z_918",
+  "openTools": "awsui_openTools_hyvsj_fae1z_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_fae1z_1007",
+  "hide-tools": "awsui_hide-tools_hyvsj_fae1z_1017",
+  "show-tools": "awsui_show-tools_hyvsj_fae1z_1029",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_fae1z_1007",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_fae1z_1112",
+  "trigger": "awsui_trigger_hyvsj_fae1z_1112",
+  "selected": "awsui_selected_hyvsj_fae1z_1190",
+  "badge": "awsui_badge_hyvsj_fae1z_1210",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_fae1z_1214",
+  "dot": "awsui_dot_hyvsj_fae1z_1225"
 };
   

package/app-layout/visual-refresh-toolbar/navigation/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "navigation": "awsui_navigation_2p2ab_1tgo2_97",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1tgo2_125",
-  "animating": "awsui_animating_2p2ab_1tgo2_129",
-  "openNavigation": "awsui_openNavigation_2p2ab_1tgo2_1",
-  "animated-content": "awsui_animated-content_2p2ab_1tgo2_142",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_1tgo2_151"
+  "navigation": "awsui_navigation_2p2ab_23w7n_97",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_23w7n_125",
+  "animating": "awsui_animating_2p2ab_23w7n_129",
+  "openNavigation": "awsui_openNavigation_2p2ab_23w7n_1",
+  "animated-content": "awsui_animated-content_2p2ab_23w7n_142",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_23w7n_151"
 };
   

package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css

@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_navigation_2p2ab_1tgo2_97:not(#\9) {
+.awsui_navigation_2p2ab_23w7n_97:not(#\9) {
   position: sticky;
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
   inset-block-end: 0;
@@ -112,43 +112,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   prevent unwanted text wrapping.
   */
 }
-@keyframes awsui_openNavigation_2p2ab_1tgo2_1 {
+@keyframes awsui_openNavigation_2p2ab_23w7n_1 {
   from {
     opacity: 0;
     inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
   }
   to {
     opacity: 1;
-    inline-size: var(--awsui-navigation-width-9rhwr5);
+    inline-size: var(--awsui-navigation-width-g964ok);
   }
 }
-.awsui_navigation_2p2ab_1tgo2_97:not(#\9):not(.awsui_is-navigation-open_2p2ab_1tgo2_125) {
+.awsui_navigation_2p2ab_23w7n_97:not(#\9):not(.awsui_is-navigation-open_2p2ab_23w7n_125) {
   inline-size: 0;
   display: none;
 }
-.awsui_navigation_2p2ab_1tgo2_97.awsui_is-navigation-open_2p2ab_1tgo2_125.awsui_animating_2p2ab_1tgo2_129:not(#\9) {
-  animation: awsui_openNavigation_2p2ab_1tgo2_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
+.awsui_navigation_2p2ab_23w7n_97.awsui_is-navigation-open_2p2ab_23w7n_125.awsui_animating_2p2ab_23w7n_129:not(#\9) {
+  animation: awsui_openNavigation_2p2ab_23w7n_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_navigation_2p2ab_1tgo2_97.awsui_is-navigation-open_2p2ab_1tgo2_125.awsui_animating_2p2ab_1tgo2_129:not(#\9) {
+  .awsui_navigation_2p2ab_23w7n_97.awsui_is-navigation-open_2p2ab_23w7n_125.awsui_animating_2p2ab_23w7n_129:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_navigation_2p2ab_1tgo2_97.awsui_is-navigation-open_2p2ab_1tgo2_125.awsui_animating_2p2ab_1tgo2_129:not(#\9), .awsui-mode-entering .awsui_navigation_2p2ab_1tgo2_97.awsui_is-navigation-open_2p2ab_1tgo2_125.awsui_animating_2p2ab_1tgo2_129:not(#\9) {
+.awsui-motion-disabled .awsui_navigation_2p2ab_23w7n_97.awsui_is-navigation-open_2p2ab_23w7n_125.awsui_animating_2p2ab_23w7n_129:not(#\9), .awsui-mode-entering .awsui_navigation_2p2ab_23w7n_97.awsui_is-navigation-open_2p2ab_23w7n_125.awsui_animating_2p2ab_23w7n_129:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_navigation_2p2ab_1tgo2_97 > .awsui_animated-content_2p2ab_1tgo2_142:not(#\9) {
-  inline-size: var(--awsui-navigation-width-9rhwr5);
+.awsui_navigation_2p2ab_23w7n_97 > .awsui_animated-content_2p2ab_23w7n_142:not(#\9) {
+  inline-size: var(--awsui-navigation-width-g964ok);
 }
 @media (max-width: 688px) {
-  .awsui_navigation_2p2ab_1tgo2_97:not(#\9) {
-    --awsui-navigation-width-9rhwr5: 100vw;
+  .awsui_navigation_2p2ab_23w7n_97:not(#\9) {
+    --awsui-navigation-width-g964ok: 100vw;
   }
 }
 
-.awsui_hide-navigation_2p2ab_1tgo2_151:not(#\9) {
+.awsui_hide-navigation_2p2ab_23w7n_151:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-m-udix3p, 16px);
   inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);

package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "navigation": "awsui_navigation_2p2ab_1tgo2_97",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1tgo2_125",
-  "animating": "awsui_animating_2p2ab_1tgo2_129",
-  "openNavigation": "awsui_openNavigation_2p2ab_1tgo2_1",
-  "animated-content": "awsui_animated-content_2p2ab_1tgo2_142",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_1tgo2_151"
+  "navigation": "awsui_navigation_2p2ab_23w7n_97",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_23w7n_125",
+  "animating": "awsui_animating_2p2ab_23w7n_129",
+  "openNavigation": "awsui_openNavigation_2p2ab_23w7n_1",
+  "animated-content": "awsui_animated-content_2p2ab_23w7n_142",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_23w7n_151"
 };
   

package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_1lg76_101",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1lg76_150",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1lg76_165",
-  "navigation": "awsui_navigation_7nfqu_1lg76_180",
-  "tools": "awsui_tools_7nfqu_1lg76_181",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_1lg76_205",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1lg76_211",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_1lg76_224",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_1lg76_228",
-  "notifications-container": "awsui_notifications-container_7nfqu_1lg76_234",
-  "main-landmark": "awsui_main-landmark_7nfqu_1lg76_241",
-  "main": "awsui_main_7nfqu_1lg76_241",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1lg76_250",
-  "content-header": "awsui_content-header_7nfqu_1lg76_260",
-  "content": "awsui_content_7nfqu_1lg76_260",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1lg76_269"
+  "root": "awsui_root_7nfqu_1qo46_101",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1qo46_150",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1qo46_165",
+  "navigation": "awsui_navigation_7nfqu_1qo46_180",
+  "tools": "awsui_tools_7nfqu_1qo46_181",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_1qo46_205",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1qo46_211",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_1qo46_224",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_1qo46_228",
+  "notifications-container": "awsui_notifications-container_7nfqu_1qo46_234",
+  "main-landmark": "awsui_main-landmark_7nfqu_1qo46_241",
+  "main": "awsui_main_7nfqu_1qo46_241",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1qo46_250",
+  "content-header": "awsui_content-header_7nfqu_1qo46_260",
+  "content": "awsui_content_7nfqu_1qo46_260",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1qo46_269"
 };
   

package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css

@@ -98,7 +98,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_7nfqu_1lg76_101:not(#\9) {
+.awsui_root_7nfqu_1qo46_101:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -134,52 +134,52 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   color: var(--color-text-body-default-at06ol, #000716);
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
-  --awsui-max-content-width-9rhwr5: 100%;
+  --awsui-max-content-width-g964ok: 100%;
   display: grid;
   grid-template-areas: "topBar    topBar     topBar" ".      notifications ." ".          main      .";
   grid-template-columns: var(--space-layout-content-horizontal-7l52k3, 24px) 1fr var(--space-layout-content-horizontal-7l52k3, 24px);
   grid-template-rows: min-content min-content 1fr;
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_1lg76_101:not(#\9) {
+  .awsui_root_7nfqu_1qo46_101:not(#\9) {
     grid-template-areas: "navigation toolbar      toolbar       toolbar   toolbar         tools" "navigation .         notifications    .         sideSplitPanel  tools" "navigation .             main         .         sideSplitPanel  tools";
-    grid-template-columns: min-content minmax(var(--space-layout-content-horizontal-7l52k3, 24px), 1fr) minmax(0, var(--awsui-max-content-width-9rhwr5)) minmax(var(--space-layout-content-horizontal-7l52k3, 24px), 1fr) min-content min-content;
+    grid-template-columns: min-content minmax(var(--space-layout-content-horizontal-7l52k3, 24px), 1fr) minmax(0, var(--awsui-max-content-width-g964ok)) minmax(var(--space-layout-content-horizontal-7l52k3, 24px), 1fr) min-content min-content;
     grid-template-rows: min-content min-content 1fr min-content;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_1lg76_101.awsui_has-adaptive-widths-default_7nfqu_1lg76_150:not(#\9) {
-    --awsui-max-content-width-9rhwr5: 1280px;
+  .awsui_root_7nfqu_1qo46_101.awsui_has-adaptive-widths-default_7nfqu_1qo46_150:not(#\9) {
+    --awsui-max-content-width-g964ok: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_1lg76_101.awsui_has-adaptive-widths-default_7nfqu_1lg76_150:not(#\9) {
-    --awsui-max-content-width-9rhwr5: 1440px;
+  .awsui_root_7nfqu_1qo46_101.awsui_has-adaptive-widths-default_7nfqu_1qo46_150:not(#\9) {
+    --awsui-max-content-width-g964ok: 1440px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_1lg76_101.awsui_has-adaptive-widths-default_7nfqu_1lg76_150:not(#\9) {
-    --awsui-max-content-width-9rhwr5: 1620px;
+  .awsui_root_7nfqu_1qo46_101.awsui_has-adaptive-widths-default_7nfqu_1qo46_150:not(#\9) {
+    --awsui-max-content-width-g964ok: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_1lg76_101.awsui_has-adaptive-widths-dashboard_7nfqu_1lg76_165:not(#\9) {
-    --awsui-max-content-width-9rhwr5: 1280px;
+  .awsui_root_7nfqu_1qo46_101.awsui_has-adaptive-widths-dashboard_7nfqu_1qo46_165:not(#\9) {
+    --awsui-max-content-width-g964ok: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_1lg76_101.awsui_has-adaptive-widths-dashboard_7nfqu_1lg76_165:not(#\9) {
-    --awsui-max-content-width-9rhwr5: 1620px;
+  .awsui_root_7nfqu_1qo46_101.awsui_has-adaptive-widths-dashboard_7nfqu_1qo46_165:not(#\9) {
+    --awsui-max-content-width-g964ok: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_1lg76_101.awsui_has-adaptive-widths-dashboard_7nfqu_1lg76_165:not(#\9) {
-    --awsui-max-content-width-9rhwr5: 2160px;
+  .awsui_root_7nfqu_1qo46_101.awsui_has-adaptive-widths-dashboard_7nfqu_1qo46_165:not(#\9) {
+    --awsui-max-content-width-g964ok: 2160px;
   }
 }
 
-.awsui_navigation_7nfqu_1lg76_180:not(#\9),
-.awsui_tools_7nfqu_1lg76_181:not(#\9) {
+.awsui_navigation_7nfqu_1qo46_180:not(#\9),
+.awsui_tools_7nfqu_1qo46_181:not(#\9) {
   grid-row: 1/-1;
   grid-column: 1/-1;
   background: var(--color-background-container-content-4un1ap, #ffffff);
@@ -187,29 +187,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 @media (min-width: 689px) {
-  .awsui_navigation_7nfqu_1lg76_180:not(#\9) {
+  .awsui_navigation_7nfqu_1qo46_180:not(#\9) {
     grid-area: navigation;
-    inline-size: var(--awsui-navigation-width-9rhwr5);
+    inline-size: var(--awsui-navigation-width-g964ok);
     border-inline-end: 1px solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_tools_7nfqu_1lg76_181:not(#\9) {
+  .awsui_tools_7nfqu_1qo46_181:not(#\9) {
     grid-area: tools;
-    inline-size: var(--awsui-tools-width-9rhwr5);
+    inline-size: var(--awsui-tools-width-g964ok);
     border-inline-start: 1px solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_split-panel-side_7nfqu_1lg76_205:not(#\9) {
+  .awsui_split-panel-side_7nfqu_1qo46_205:not(#\9) {
     grid-area: sideSplitPanel;
     border-inline-start: 1px solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
   }
 }
 
-.awsui_split-panel-bottom_7nfqu_1lg76_211:not(#\9) {
+.awsui_split-panel-bottom_7nfqu_1qo46_211:not(#\9) {
   position: sticky;
   z-index: 840;
   align-self: end;
@@ -217,61 +217,61 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_split-panel-bottom_7nfqu_1lg76_211:not(#\9) {
+  .awsui_split-panel-bottom_7nfqu_1qo46_211:not(#\9) {
     grid-column: 2/span 3;
   }
 }
 
-.awsui_panel-hidden_7nfqu_1lg76_224:not(#\9) {
+.awsui_panel-hidden_7nfqu_1qo46_224:not(#\9) {
   display: none;
 }
 
-.awsui_toolbar-container_7nfqu_1lg76_228:not(#\9) {
+.awsui_toolbar-container_7nfqu_1qo46_228:not(#\9) {
   grid-area: toolbar;
   block-size: 48px;
   border-block-end: 1px solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
 }
 
-.awsui_notifications-container_7nfqu_1lg76_234:not(#\9) {
+.awsui_notifications-container_7nfqu_1qo46_234:not(#\9) {
   grid-area: notifications;
 }
-.awsui_notifications-container_7nfqu_1lg76_234:not(#\9):not(:empty) {
+.awsui_notifications-container_7nfqu_1qo46_234:not(#\9):not(:empty) {
   padding-block-start: var(--space-scaled-xs-26e2du, 8px);
 }
 
-.awsui_main-landmark_7nfqu_1lg76_241:not(#\9) {
+.awsui_main-landmark_7nfqu_1qo46_241:not(#\9) {
   display: contents;
 }
 
-.awsui_main_7nfqu_1lg76_241:not(#\9) {
+.awsui_main_7nfqu_1qo46_241:not(#\9) {
   grid-area: main;
   margin-block-start: var(--space-scaled-s-aqzyko, 12px);
   margin-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
 }
-.awsui_main-disable-paddings_7nfqu_1lg76_250:not(#\9) {
+.awsui_main-disable-paddings_7nfqu_1qo46_250:not(#\9) {
   grid-column: 1/-1;
   margin-block: 0;
 }
 @media (min-width: 689px) {
-  .awsui_main-disable-paddings_7nfqu_1lg76_250:not(#\9) {
+  .awsui_main-disable-paddings_7nfqu_1qo46_250:not(#\9) {
     grid-column: 2/span 3;
   }
 }
 
-.awsui_content-header_7nfqu_1lg76_260:not(#\9) {
+.awsui_content-header_7nfqu_1qo46_260:not(#\9) {
   margin-block-end: var(--space-content-header-padding-bottom-y2enua, 16px);
 }
 
-.awsui_content_7nfqu_1lg76_260:not(#\9) {
+.awsui_content_7nfqu_1qo46_260:not(#\9) {
   display: contents;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable-mobile_7nfqu_1lg76_269 *:not(#\9) {
+.awsui_unfocusable-mobile_7nfqu_1qo46_269 *:not(#\9) {
   visibility: hidden;
 }
 @media (min-width: 689px) {
-  .awsui_unfocusable-mobile_7nfqu_1lg76_269 *:not(#\9) {
+  .awsui_unfocusable-mobile_7nfqu_1qo46_269 *:not(#\9) {
     visibility: visible;
   }
 }

package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_7nfqu_1lg76_101",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1lg76_150",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1lg76_165",
-  "navigation": "awsui_navigation_7nfqu_1lg76_180",
-  "tools": "awsui_tools_7nfqu_1lg76_181",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_1lg76_205",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1lg76_211",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_1lg76_224",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_1lg76_228",
-  "notifications-container": "awsui_notifications-container_7nfqu_1lg76_234",
-  "main-landmark": "awsui_main-landmark_7nfqu_1lg76_241",
-  "main": "awsui_main_7nfqu_1lg76_241",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1lg76_250",
-  "content-header": "awsui_content-header_7nfqu_1lg76_260",
-  "content": "awsui_content_7nfqu_1lg76_260",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1lg76_269"
+  "root": "awsui_root_7nfqu_1qo46_101",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1qo46_150",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1qo46_165",
+  "navigation": "awsui_navigation_7nfqu_1qo46_180",
+  "tools": "awsui_tools_7nfqu_1qo46_181",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_1qo46_205",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1qo46_211",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_1qo46_224",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_1qo46_228",
+  "notifications-container": "awsui_notifications-container_7nfqu_1qo46_234",
+  "main-landmark": "awsui_main-landmark_7nfqu_1qo46_241",
+  "main": "awsui_main_7nfqu_1qo46_241",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1qo46_250",
+  "content-header": "awsui_content-header_7nfqu_1qo46_260",
+  "content": "awsui_content_7nfqu_1qo46_260",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1qo46_269"
 };
   

package/button/interfaces.d.ts

@@ -10,7 +10,7 @@ export interface ButtonProps extends BaseComponentProps {
     /**
      * Provides a reason why the button is disabled (only when `disabled` is `true`).
      * If provided, the button becomes focusable.
-     * Applicable for all button variants, except link.
+     * Applicable for all button variants, except link and icon.
      */
     disabledReason?: string;
     /**

package/button/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/button/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { IconProps } from '../icon/interfaces';\nimport React from 'react';\nimport { BaseNavigationDetail, CancelableEventHandler, ClickDetail as _ClickDetail } from '../internal/events';\n\nexport interface ButtonProps extends BaseComponentProps {\n  /**\n   * Renders the button as disabled and prevents clicks.\n   */\n  disabled?: boolean;\n  /**\n   * Provides a reason why the button is disabled (only when `disabled` is `true`).\n   * If provided, the button becomes focusable.\n   * Applicable for all button variants, except link.\n   */\n  disabledReason?: string;\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 users from clicking the button, but it can still be focused.\n   */\n  loading?: boolean;\n  /**\n   * Specifies the text that screen reader announces when the button is in a loading state.\n   */\n  loadingText?: string;\n  /**\n   * Displays an icon next to the text. You can use the `iconAlign` property to position the icon.\n   */\n  iconName?: IconProps.Name;\n  /**\n   * Specifies the alignment of the icon.\n   */\n  iconAlign?: ButtonProps.IconAlign;\n  /**\n   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n   *\n   * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n   */\n  iconUrl?: string;\n  /**\n   * Specifies the SVG of a custom icon.\n   *\n   * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n   * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n   * - has attribute `focusable=\"false\"`.\n   * - has `viewBox=\"0 0 16 16\"`.\n   *\n   * If you set the `svg` element as the root node of the slot, the component will automatically\n   * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n   * - set the stroke width based on the size of the icon.\n   * - set the width and height of the SVG element based on the size of the icon.\n   *\n   * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n   * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n   *\n   * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n   *\n   * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n   * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n   */\n  iconSvg?: React.ReactNode;\n  /**\n   * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n   * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n   */\n  iconAlt?: string;\n  /**\n   * The form action that is performed by a button click.\n   */\n  formAction?: ButtonProps.FormAction;\n\n  /**\n   * Adds `aria-label` to the button element. Use this to provide an accessible name for buttons\n   * that don't have visible text, and to distinguish between multiple buttons with identical visible text.\n   * The text will also be added to the `title` attribute of the button.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds `aria-describedby` to the button.\n   */\n  ariaDescribedby?: string;\n\n  /**\n   * Applies button styling to a link. Use this property if you need a link styled as a button (`variant=link`).\n   * For example, if you have a 'help' button that links to a documentation page.\n   */\n  href?: string;\n\n  /**\n   * Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`).\n   * This property only applies when an `href` is provided.\n   */\n  target?: string;\n\n  /**\n   * Adds a `rel` attribute to the link. By default, the component sets the `rel` attribute to \"noopener noreferrer\" when `target` is `\"_blank\"`.\n   * If the `rel` property is provided, it overrides the default behavior.\n   */\n  rel?: string;\n\n  /**\n   * Specifies whether the linked URL, when selected, will prompt the user to download instead of navigate.\n   * You can specify a string value that will be suggested as the name of the downloaded file.\n   * This property only applies when an `href` is provided.\n   **/\n  download?: boolean | string;\n\n  /**\n   * Specifies if the `text` content wraps. If you set it to `false`, it prevents the text from wrapping.\n   */\n  wrapText?: boolean;\n\n  /** Determines the general styling of the button as follows:\n   * * `primary` for primary buttons.\n   * * `normal` for secondary buttons.\n   * * `link` for tertiary buttons.\n   * * `icon` to display an icon only (no text).\n   * * `inline-icon` to display an icon-only (no text) button within a text context.\n   * * `inline-link` to display a tertiary button with no outer padding.\n   */\n  variant?: ButtonProps.Variant;\n\n  /** The id of the <form> element to associate with the button. The value of this attribute must be the id of a <form> in the same document.\n   *  Use when a button is not the ancestor of a form element, such as when used in a modal.\n   */\n  form?: string;\n\n  /**\n   * Text displayed in the button element.\n   * @displayname text\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Called when the user clicks on the button and the button is not disabled or in loading state.\n   */\n  onClick?: CancelableEventHandler<ButtonProps.ClickDetail>;\n\n  /**\n   * Called when the user clicks on the button with the left mouse button without pressing\n   * modifier keys (that is, CTRL, ALT, SHIFT, META), and the button has an `href` set.\n   */\n  onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;\n\n  /**\n   * Adds aria-expanded to the button element. Use when the button controls an expandable element.\n   */\n  ariaExpanded?: boolean;\n\n  /**\n   * Adds `aria-controls` to the button. Use when the button controls the contents or presence of an element.\n   */\n  ariaControls?: string;\n\n  /**\n   * Sets the button width to be 100% of the parent container width. Button content is centered.\n   */\n  fullWidth?: boolean;\n}\n\nexport namespace ButtonProps {\n  export type Variant = 'normal' | 'primary' | 'link' | 'icon' | 'inline-icon' | 'inline-link';\n  export type ClickDetail = _ClickDetail;\n  export type FollowDetail = BaseNavigationDetail;\n\n  export type FormAction = 'submit' | 'none';\n\n  export type IconAlign = 'left' | 'right';\n\n  export interface Ref {\n    /**\n     * Focuses the underlying native button.\n     */\n    focus(options?: FocusOptions): void;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/button/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { IconProps } from '../icon/interfaces';\nimport React from 'react';\nimport { BaseNavigationDetail, CancelableEventHandler, ClickDetail as _ClickDetail } from '../internal/events';\n\nexport interface ButtonProps extends BaseComponentProps {\n  /**\n   * Renders the button as disabled and prevents clicks.\n   */\n  disabled?: boolean;\n  /**\n   * Provides a reason why the button is disabled (only when `disabled` is `true`).\n   * If provided, the button becomes focusable.\n   * Applicable for all button variants, except link and icon.\n   */\n  disabledReason?: string;\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 users from clicking the button, but it can still be focused.\n   */\n  loading?: boolean;\n  /**\n   * Specifies the text that screen reader announces when the button is in a loading state.\n   */\n  loadingText?: string;\n  /**\n   * Displays an icon next to the text. You can use the `iconAlign` property to position the icon.\n   */\n  iconName?: IconProps.Name;\n  /**\n   * Specifies the alignment of the icon.\n   */\n  iconAlign?: ButtonProps.IconAlign;\n  /**\n   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n   *\n   * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n   */\n  iconUrl?: string;\n  /**\n   * Specifies the SVG of a custom icon.\n   *\n   * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n   * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n   * - has attribute `focusable=\"false\"`.\n   * - has `viewBox=\"0 0 16 16\"`.\n   *\n   * If you set the `svg` element as the root node of the slot, the component will automatically\n   * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n   * - set the stroke width based on the size of the icon.\n   * - set the width and height of the SVG element based on the size of the icon.\n   *\n   * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n   * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n   *\n   * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n   *\n   * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n   * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n   */\n  iconSvg?: React.ReactNode;\n  /**\n   * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n   * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n   */\n  iconAlt?: string;\n  /**\n   * The form action that is performed by a button click.\n   */\n  formAction?: ButtonProps.FormAction;\n\n  /**\n   * Adds `aria-label` to the button element. Use this to provide an accessible name for buttons\n   * that don't have visible text, and to distinguish between multiple buttons with identical visible text.\n   * The text will also be added to the `title` attribute of the button.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds `aria-describedby` to the button.\n   */\n  ariaDescribedby?: string;\n\n  /**\n   * Applies button styling to a link. Use this property if you need a link styled as a button (`variant=link`).\n   * For example, if you have a 'help' button that links to a documentation page.\n   */\n  href?: string;\n\n  /**\n   * Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`).\n   * This property only applies when an `href` is provided.\n   */\n  target?: string;\n\n  /**\n   * Adds a `rel` attribute to the link. By default, the component sets the `rel` attribute to \"noopener noreferrer\" when `target` is `\"_blank\"`.\n   * If the `rel` property is provided, it overrides the default behavior.\n   */\n  rel?: string;\n\n  /**\n   * Specifies whether the linked URL, when selected, will prompt the user to download instead of navigate.\n   * You can specify a string value that will be suggested as the name of the downloaded file.\n   * This property only applies when an `href` is provided.\n   **/\n  download?: boolean | string;\n\n  /**\n   * Specifies if the `text` content wraps. If you set it to `false`, it prevents the text from wrapping.\n   */\n  wrapText?: boolean;\n\n  /** Determines the general styling of the button as follows:\n   * * `primary` for primary buttons.\n   * * `normal` for secondary buttons.\n   * * `link` for tertiary buttons.\n   * * `icon` to display an icon only (no text).\n   * * `inline-icon` to display an icon-only (no text) button within a text context.\n   * * `inline-link` to display a tertiary button with no outer padding.\n   */\n  variant?: ButtonProps.Variant;\n\n  /** The id of the <form> element to associate with the button. The value of this attribute must be the id of a <form> in the same document.\n   *  Use when a button is not the ancestor of a form element, such as when used in a modal.\n   */\n  form?: string;\n\n  /**\n   * Text displayed in the button element.\n   * @displayname text\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Called when the user clicks on the button and the button is not disabled or in loading state.\n   */\n  onClick?: CancelableEventHandler<ButtonProps.ClickDetail>;\n\n  /**\n   * Called when the user clicks on the button with the left mouse button without pressing\n   * modifier keys (that is, CTRL, ALT, SHIFT, META), and the button has an `href` set.\n   */\n  onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;\n\n  /**\n   * Adds aria-expanded to the button element. Use when the button controls an expandable element.\n   */\n  ariaExpanded?: boolean;\n\n  /**\n   * Adds `aria-controls` to the button. Use when the button controls the contents or presence of an element.\n   */\n  ariaControls?: string;\n\n  /**\n   * Sets the button width to be 100% of the parent container width. Button content is centered.\n   */\n  fullWidth?: boolean;\n}\n\nexport namespace ButtonProps {\n  export type Variant = 'normal' | 'primary' | 'link' | 'icon' | 'inline-icon' | 'inline-link';\n  export type ClickDetail = _ClickDetail;\n  export type FollowDetail = BaseNavigationDetail;\n\n  export type FormAction = 'submit' | 'none';\n\n  export type IconAlign = 'left' | 'right';\n\n  export interface Ref {\n    /**\n     * Focuses the underlying native button.\n     */\n    focus(options?: FocusOptions): void;\n  }\n}\n"]}

package/button-dropdown/item-element/index.js

@@ -57,7 +57,7 @@ function MenuItem({ item, disabled, highlighted }) {
         React.createElement(MenuItemContent, { item: item, disabled: disabled })));
     const { position } = useDropdownContext();
     const tooltipPosition = position === 'bottom-left' || position === 'top-left' ? 'left' : 'right';
-    return isDisabledWithReason ? (React.createElement(Tooltip, { content: item.disabledReason, position: tooltipPosition },
+    return isDisabledWithReason ? (React.createElement(Tooltip, { content: item.disabledReason, position: tooltipPosition, className: styles['item-tooltip-wrapper'] },
         menuItem,
         descriptionEl)) : (menuItem);
 }