@cloudscape-design/components-themeable 3.0.1360 → 3.0.1362

package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js

@@ -2,91 +2,91 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "background": "awsui_background_hyvsj_1wzra_9",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_1wzra_12",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1wzra_19",
-  "drawers-container": "awsui_drawers-container_hyvsj_1wzra_24",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1wzra_35",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1wzra_56",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1wzra_61",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1wzra_99",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1wzra_109",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1wzra_114",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1wzra_128",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1wzra_114",
-  "drawer": "awsui_drawer_hyvsj_1wzra_24",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1wzra_159",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1wzra_168",
-  "drawer-content": "awsui_drawer-content_hyvsj_1wzra_159",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1wzra_177",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_1wzra_180",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1wzra_188",
-  "content": "awsui_content_hyvsj_1wzra_210",
-  "layout": "awsui_layout_hyvsj_1wzra_227",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1wzra_299",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1wzra_314",
-  "content-type-table": "awsui_content-type-table_hyvsj_1wzra_328",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1wzra_328",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1wzra_334",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1wzra_337",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1wzra_351",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1wzra_354",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1wzra_364",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1wzra_367",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1wzra_367",
-  "has-header": "awsui_has-header_hyvsj_1wzra_367",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1wzra_382",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1wzra_382",
-  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_1wzra_402",
-  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_1wzra_405",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1wzra_425",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1wzra_425",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1wzra_433",
-  "unfocusable": "awsui_unfocusable_hyvsj_1wzra_438",
-  "container": "awsui_container_hyvsj_1wzra_444",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1wzra_470",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1wzra_473",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1wzra_473",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1wzra_473",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1wzra_473",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1wzra_478",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1wzra_495",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1wzra_499",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1wzra_503",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1wzra_507",
-  "navigation-container": "awsui_navigation-container_hyvsj_1wzra_512",
-  "show-navigation": "awsui_show-navigation_hyvsj_1wzra_550",
-  "animating": "awsui_animating_hyvsj_1wzra_573",
-  "showButtons": "awsui_showButtons_hyvsj_1wzra_1",
-  "navigation": "awsui_navigation_hyvsj_1wzra_512",
-  "openNavigation": "awsui_openNavigation_hyvsj_1wzra_1",
-  "animated-content": "awsui_animated-content_hyvsj_1wzra_637",
-  "content-container": "awsui_content-container_hyvsj_1wzra_640",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1wzra_649",
-  "notifications": "awsui_notifications_hyvsj_1wzra_655",
-  "has-notification-content": "awsui_has-notification-content_hyvsj_1wzra_660",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1wzra_664",
-  "high-contrast": "awsui_high-contrast_hyvsj_1wzra_669",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1wzra_683",
-  "position-bottom": "awsui_position-bottom_hyvsj_1wzra_730",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1wzra_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1wzra_759",
-  "position-side": "awsui_position-side_hyvsj_1wzra_772",
-  "tools-container": "awsui_tools-container_hyvsj_1wzra_790",
-  "tools": "awsui_tools_hyvsj_1wzra_790",
-  "openTools": "awsui_openTools_hyvsj_1wzra_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1wzra_879",
-  "hide-tools": "awsui_hide-tools_hyvsj_1wzra_889",
-  "show-tools": "awsui_show-tools_hyvsj_1wzra_901",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1wzra_879",
-  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_1wzra_977",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1wzra_993",
-  "trigger": "awsui_trigger_hyvsj_1wzra_977",
-  "selected": "awsui_selected_hyvsj_1wzra_1045",
-  "badge": "awsui_badge_hyvsj_1wzra_1065",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1wzra_1069",
-  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_1wzra_1080",
-  "dot": "awsui_dot_hyvsj_1wzra_1084",
-  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_1wzra_1097"
+  "background": "awsui_background_hyvsj_150ex_9",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_150ex_12",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_150ex_19",
+  "drawers-container": "awsui_drawers-container_hyvsj_150ex_24",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_150ex_35",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_150ex_56",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_150ex_61",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_150ex_99",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_150ex_109",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_150ex_114",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_150ex_128",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_150ex_114",
+  "drawer": "awsui_drawer_hyvsj_150ex_24",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_150ex_159",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_150ex_168",
+  "drawer-content": "awsui_drawer-content_hyvsj_150ex_159",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_150ex_177",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_150ex_180",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_150ex_188",
+  "content": "awsui_content_hyvsj_150ex_210",
+  "layout": "awsui_layout_hyvsj_150ex_227",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_150ex_299",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_150ex_314",
+  "content-type-table": "awsui_content-type-table_hyvsj_150ex_328",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_150ex_328",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_150ex_334",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_150ex_337",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_150ex_351",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_150ex_354",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_150ex_364",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_150ex_367",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_150ex_367",
+  "has-header": "awsui_has-header_hyvsj_150ex_367",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_150ex_382",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_150ex_382",
+  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_150ex_402",
+  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_150ex_405",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_150ex_425",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_150ex_425",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_150ex_433",
+  "unfocusable": "awsui_unfocusable_hyvsj_150ex_438",
+  "container": "awsui_container_hyvsj_150ex_444",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_150ex_470",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_150ex_473",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_150ex_473",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_150ex_473",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_150ex_473",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_150ex_478",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_150ex_495",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_150ex_499",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_150ex_503",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_150ex_507",
+  "navigation-container": "awsui_navigation-container_hyvsj_150ex_512",
+  "show-navigation": "awsui_show-navigation_hyvsj_150ex_550",
+  "animating": "awsui_animating_hyvsj_150ex_573",
+  "showButtons": "awsui_showButtons_hyvsj_150ex_1",
+  "navigation": "awsui_navigation_hyvsj_150ex_512",
+  "openNavigation": "awsui_openNavigation_hyvsj_150ex_1",
+  "animated-content": "awsui_animated-content_hyvsj_150ex_637",
+  "content-container": "awsui_content-container_hyvsj_150ex_640",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_150ex_649",
+  "notifications": "awsui_notifications_hyvsj_150ex_655",
+  "has-notification-content": "awsui_has-notification-content_hyvsj_150ex_660",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_150ex_664",
+  "high-contrast": "awsui_high-contrast_hyvsj_150ex_669",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_150ex_683",
+  "position-bottom": "awsui_position-bottom_hyvsj_150ex_730",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_150ex_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_150ex_759",
+  "position-side": "awsui_position-side_hyvsj_150ex_772",
+  "tools-container": "awsui_tools-container_hyvsj_150ex_790",
+  "tools": "awsui_tools_hyvsj_150ex_790",
+  "openTools": "awsui_openTools_hyvsj_150ex_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_150ex_879",
+  "hide-tools": "awsui_hide-tools_hyvsj_150ex_889",
+  "show-tools": "awsui_show-tools_hyvsj_150ex_901",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_150ex_879",
+  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_150ex_977",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_150ex_993",
+  "trigger": "awsui_trigger_hyvsj_150ex_977",
+  "selected": "awsui_selected_hyvsj_150ex_1045",
+  "badge": "awsui_badge_hyvsj_150ex_1065",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_150ex_1069",
+  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_150ex_1080",
+  "dot": "awsui_dot_hyvsj_150ex_1084",
+  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_150ex_1097"
 };
   

package/lib/internal/template/app-layout/visual-refresh/trigger-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trigger-button.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/trigger-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAc,MAAM,OAAO,CAAC;AAGnC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;;AA8ED,wBAA+C"}
+{"version":3,"file":"trigger-button.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/trigger-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAc,MAAM,OAAO,CAAC;AAGnC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;;AAgFD,wBAA+C"}

package/lib/internal/template/app-layout/visual-refresh/trigger-button.js

@@ -17,7 +17,7 @@ function TriggerButton({ ariaLabel, className, iconName, iconSvg, ariaExpanded,
         React.createElement("button", { "aria-expanded": ariaExpanded, "aria-controls": ariaControls, "aria-haspopup": true, "aria-label": ariaLabel, "aria-disabled": disabled, disabled: disabled, className: clsx(styles.trigger, styles['trigger-button-styles'], {
                 [styles.selected]: selected,
                 [styles.badge]: badge,
-            }, className), onClick: onClick, ref: ref, type: "button", "data-testid": testId },
+            }, className), onClick: onClick, ref: ref, type: "button", "data-testid": testId, "data-awsui-motion-trigger": "hover", "data-awsui-motion-target": "" },
             React.createElement("span", { className: clsx(badge && clsx(styles['trigger-badge-wrapper'], styles['trigger-button-styles'])) }, (iconName || iconSvg) && React.createElement(Icon, { name: iconName, svg: iconSvg }))),
         badge && React.createElement("div", { className: styles.dot })))));
 }

package/lib/internal/template/app-layout/visual-refresh/trigger-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger-button.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/trigger-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAuBrC,SAAS,aAAa,CACpB,EACE,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GACC,EACrB,GAA+B;IAE/B,MAAM,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE7C,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,kBAAkB,IAAI,MAAM,CAAC,6BAA6B,CAAC,CAAC,IAC1G,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,sBAAsB,EAAE;YACtB,eAAe,EAAE,IAAI;YACrB,GAAG,CAAC,MAAM,IAAI;gBACZ,aAAa,EAAE,MAAM;aACtB,CAAC;SACH,GACD,CACH,CAAC,CAAC,CAAC,CACF;QACE,iDACiB,YAAY,mBACZ,YAAY,mBACZ,IAAI,gBACP,SAAS,mBACN,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO,EACd,MAAM,CAAC,uBAAuB,CAAC,EAC/B;gBACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;gBAC3B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK;aACtB,EACD,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAA6B,EAClC,IAAI,EAAC,QAAQ,iBACA,MAAM;YAEnB,8BAAM,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,uBAAuB,CAAC,EAAE,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,IACnG,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,GAAI,CAC3D,CACA;QACR,KAAK,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,CACvC,CACJ,CACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref } from 'react';\nimport clsx from 'clsx';\n\nimport { ButtonProps } from '../../button/interfaces';\nimport { InternalButton } from '../../button/internal';\nimport { IconProps } from '../../icon/interfaces';\nimport Icon from '../../icon/internal';\nimport { useAppLayoutInternals } from './context';\n\nimport styles from './styles.css.js';\n\nexport interface TriggerButtonProps {\n  ariaLabel?: string;\n  className?: string;\n  iconName?: IconProps.Name;\n  iconSvg?: React.ReactNode;\n  ariaExpanded: boolean | undefined;\n  ariaControls?: string;\n  disabled?: boolean;\n  /**\n   * Ovewrwrites any internal testIds when provided\n   */\n  testId?: string;\n  /**\n   * If button is selected. Used only for desktop and applies a selected class for desktop. Mobile does not need the class as the trigger buttons are hidden by the open drawer\n   */\n  selected?: boolean;\n  onClick: () => void;\n  badge?: boolean;\n  highContrastHeader?: boolean;\n}\n\nfunction TriggerButton(\n  {\n    ariaLabel,\n    className,\n    iconName,\n    iconSvg,\n    ariaExpanded,\n    ariaControls,\n    onClick,\n    testId,\n    disabled = false,\n    badge,\n    selected = false,\n    highContrastHeader,\n  }: TriggerButtonProps,\n  ref: React.Ref<ButtonProps.Ref>\n) {\n  const { isMobile } = useAppLayoutInternals();\n\n  return (\n    <div className={clsx(styles['trigger-wrapper'], !highContrastHeader && styles['remove-high-contrast-header'])}>\n      {isMobile ? (\n        <InternalButton\n          ariaExpanded={ariaExpanded}\n          ariaLabel={ariaLabel}\n          ariaControls={ariaControls}\n          className={className}\n          disabled={disabled}\n          ref={ref}\n          formAction=\"none\"\n          iconName={iconName}\n          iconSvg={iconSvg}\n          badge={badge}\n          onClick={onClick}\n          variant=\"icon\"\n          nativeButtonAttributes={{\n            'aria-haspopup': true,\n            ...(testId && {\n              'data-testid': testId,\n            }),\n          }}\n        />\n      ) : (\n        <>\n          <button\n            aria-expanded={ariaExpanded}\n            aria-controls={ariaControls}\n            aria-haspopup={true}\n            aria-label={ariaLabel}\n            aria-disabled={disabled}\n            disabled={disabled}\n            className={clsx(\n              styles.trigger,\n              styles['trigger-button-styles'],\n              {\n                [styles.selected]: selected,\n                [styles.badge]: badge,\n              },\n              className\n            )}\n            onClick={onClick}\n            ref={ref as Ref<HTMLButtonElement>}\n            type=\"button\"\n            data-testid={testId}\n          >\n            <span className={clsx(badge && clsx(styles['trigger-badge-wrapper'], styles['trigger-button-styles']))}>\n              {(iconName || iconSvg) && <Icon name={iconName} svg={iconSvg} />}\n            </span>\n          </button>\n          {badge && <div className={styles.dot} />}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport default React.forwardRef(TriggerButton);\n"]}
+{"version":3,"file":"trigger-button.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/trigger-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAuBrC,SAAS,aAAa,CACpB,EACE,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GACC,EACrB,GAA+B;IAE/B,MAAM,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE7C,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,kBAAkB,IAAI,MAAM,CAAC,6BAA6B,CAAC,CAAC,IAC1G,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,sBAAsB,EAAE;YACtB,eAAe,EAAE,IAAI;YACrB,GAAG,CAAC,MAAM,IAAI;gBACZ,aAAa,EAAE,MAAM;aACtB,CAAC;SACH,GACD,CACH,CAAC,CAAC,CAAC,CACF;QACE,iDACiB,YAAY,mBACZ,YAAY,mBACZ,IAAI,gBACP,SAAS,mBACN,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO,EACd,MAAM,CAAC,uBAAuB,CAAC,EAC/B;gBACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;gBAC3B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK;aACtB,EACD,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAA6B,EAClC,IAAI,EAAC,QAAQ,iBACA,MAAM,+BACO,OAAO,8BACR,EAAE;YAE3B,8BAAM,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,uBAAuB,CAAC,EAAE,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,IACnG,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,GAAI,CAC3D,CACA;QACR,KAAK,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,CACvC,CACJ,CACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref } from 'react';\nimport clsx from 'clsx';\n\nimport { ButtonProps } from '../../button/interfaces';\nimport { InternalButton } from '../../button/internal';\nimport { IconProps } from '../../icon/interfaces';\nimport Icon from '../../icon/internal';\nimport { useAppLayoutInternals } from './context';\n\nimport styles from './styles.css.js';\n\nexport interface TriggerButtonProps {\n  ariaLabel?: string;\n  className?: string;\n  iconName?: IconProps.Name;\n  iconSvg?: React.ReactNode;\n  ariaExpanded: boolean | undefined;\n  ariaControls?: string;\n  disabled?: boolean;\n  /**\n   * Ovewrwrites any internal testIds when provided\n   */\n  testId?: string;\n  /**\n   * If button is selected. Used only for desktop and applies a selected class for desktop. Mobile does not need the class as the trigger buttons are hidden by the open drawer\n   */\n  selected?: boolean;\n  onClick: () => void;\n  badge?: boolean;\n  highContrastHeader?: boolean;\n}\n\nfunction TriggerButton(\n  {\n    ariaLabel,\n    className,\n    iconName,\n    iconSvg,\n    ariaExpanded,\n    ariaControls,\n    onClick,\n    testId,\n    disabled = false,\n    badge,\n    selected = false,\n    highContrastHeader,\n  }: TriggerButtonProps,\n  ref: React.Ref<ButtonProps.Ref>\n) {\n  const { isMobile } = useAppLayoutInternals();\n\n  return (\n    <div className={clsx(styles['trigger-wrapper'], !highContrastHeader && styles['remove-high-contrast-header'])}>\n      {isMobile ? (\n        <InternalButton\n          ariaExpanded={ariaExpanded}\n          ariaLabel={ariaLabel}\n          ariaControls={ariaControls}\n          className={className}\n          disabled={disabled}\n          ref={ref}\n          formAction=\"none\"\n          iconName={iconName}\n          iconSvg={iconSvg}\n          badge={badge}\n          onClick={onClick}\n          variant=\"icon\"\n          nativeButtonAttributes={{\n            'aria-haspopup': true,\n            ...(testId && {\n              'data-testid': testId,\n            }),\n          }}\n        />\n      ) : (\n        <>\n          <button\n            aria-expanded={ariaExpanded}\n            aria-controls={ariaControls}\n            aria-haspopup={true}\n            aria-label={ariaLabel}\n            aria-disabled={disabled}\n            disabled={disabled}\n            className={clsx(\n              styles.trigger,\n              styles['trigger-button-styles'],\n              {\n                [styles.selected]: selected,\n                [styles.badge]: badge,\n              },\n              className\n            )}\n            onClick={onClick}\n            ref={ref as Ref<HTMLButtonElement>}\n            type=\"button\"\n            data-testid={testId}\n            data-awsui-motion-trigger=\"hover\"\n            data-awsui-motion-target=\"\"\n          >\n            <span className={clsx(badge && clsx(styles['trigger-badge-wrapper'], styles['trigger-button-styles']))}>\n              {(iconName || iconSvg) && <Icon name={iconName} svg={iconSvg} />}\n            </span>\n          </button>\n          {badge && <div className={styles.dot} />}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport default React.forwardRef(TriggerButton);\n"]}

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js

@@ -1,37 +1,37 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_12i0j_1j18e_13",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1j18e_27",
-  "legacy": "awsui_legacy_12i0j_1j18e_41",
-  "ai-drawer": "awsui_ai-drawer_12i0j_1j18e_41",
-  "bottom-drawer": "awsui_bottom-drawer_12i0j_1j18e_41",
-  "last-opened": "awsui_last-opened_12i0j_1j18e_49",
-  "drawer-global": "awsui_drawer-global_12i0j_1j18e_53",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_1j18e_62",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_1j18e_66",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_1j18e_76",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1j18e_76",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_1j18e_90",
-  "drawer-gap": "awsui_drawer-gap_12i0j_1j18e_93",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_1j18e_111",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1j18e_117",
-  "drawer-content": "awsui_drawer-content_12i0j_1j18e_90",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1j18e_129",
-  "drawer-slider": "awsui_drawer-slider_12i0j_1j18e_132",
-  "drawer-actions": "awsui_drawer-actions_12i0j_1j18e_184",
-  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1j18e_241",
-  "drawer-content-header": "awsui_drawer-content-header_12i0j_1j18e_260",
-  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1j18e_273",
-  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1j18e_290",
-  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1j18e_329",
-  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1j18e_329",
-  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_1j18e_402",
-  "drawer-content-content": "awsui_drawer-content-content_12i0j_1j18e_408",
-  "bottom-drawer-content-header": "awsui_bottom-drawer-content-header_12i0j_1j18e_466",
-  "bottom-drawer-content-header-content": "awsui_bottom-drawer-content-header-content_12i0j_1j18e_473",
-  "bottom-drawer-actions": "awsui_bottom-drawer-actions_12i0j_1j18e_481",
-  "runtime-feature-notifications-drawer-content": "awsui_runtime-feature-notifications-drawer-content_12i0j_1j18e_489",
-  "runtime-feature-notifications-footer": "awsui_runtime-feature-notifications-footer_12i0j_1j18e_493"
+  "drawer": "awsui_drawer_12i0j_1vwps_13",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1vwps_27",
+  "legacy": "awsui_legacy_12i0j_1vwps_41",
+  "ai-drawer": "awsui_ai-drawer_12i0j_1vwps_41",
+  "bottom-drawer": "awsui_bottom-drawer_12i0j_1vwps_41",
+  "last-opened": "awsui_last-opened_12i0j_1vwps_49",
+  "drawer-global": "awsui_drawer-global_12i0j_1vwps_53",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_1vwps_62",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_1vwps_66",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_1vwps_76",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1vwps_76",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_1vwps_90",
+  "drawer-gap": "awsui_drawer-gap_12i0j_1vwps_93",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_1vwps_111",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1vwps_117",
+  "drawer-content": "awsui_drawer-content_12i0j_1vwps_90",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1vwps_129",
+  "drawer-slider": "awsui_drawer-slider_12i0j_1vwps_132",
+  "drawer-actions": "awsui_drawer-actions_12i0j_1vwps_184",
+  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1vwps_241",
+  "drawer-content-header": "awsui_drawer-content-header_12i0j_1vwps_260",
+  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1vwps_273",
+  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1vwps_290",
+  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1vwps_329",
+  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1vwps_329",
+  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_1vwps_402",
+  "drawer-content-content": "awsui_drawer-content-content_12i0j_1vwps_408",
+  "bottom-drawer-content-header": "awsui_bottom-drawer-content-header_12i0j_1vwps_466",
+  "bottom-drawer-content-header-content": "awsui_bottom-drawer-content-header-content_12i0j_1vwps_473",
+  "bottom-drawer-actions": "awsui_bottom-drawer-actions_12i0j_1vwps_481",
+  "runtime-feature-notifications-drawer-content": "awsui_runtime-feature-notifications-drawer-content_12i0j_1vwps_489",
+  "runtime-feature-notifications-footer": "awsui_runtime-feature-notifications-footer_12i0j_1vwps_493"
 };