@cloudscape-design/components 3.0.757 → 3.0.759

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

@@ -2,87 +2,90 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "background": "awsui_background_hyvsj_127ky_145",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_127ky_148",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_127ky_159",
-  "drawers-container": "awsui_drawers-container_hyvsj_127ky_172",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_127ky_183",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_127ky_204",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_127ky_209",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_127ky_250",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_127ky_260",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_127ky_265",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_127ky_279",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_127ky_265",
-  "drawer": "awsui_drawer_hyvsj_127ky_172",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_127ky_310",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_127ky_319",
-  "drawer-content": "awsui_drawer-content_hyvsj_127ky_310",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_127ky_327",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_127ky_330",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_127ky_337",
-  "content": "awsui_content_hyvsj_127ky_363",
-  "layout": "awsui_layout_hyvsj_127ky_388",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_127ky_460",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_127ky_475",
-  "content-type-table": "awsui_content-type-table_hyvsj_127ky_489",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_127ky_489",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_127ky_495",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_127ky_498",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_127ky_512",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_127ky_515",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_127ky_525",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_127ky_528",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_127ky_528",
-  "has-header": "awsui_has-header_hyvsj_127ky_528",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_127ky_543",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_127ky_543",
-  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_127ky_563",
-  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_127ky_566",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_127ky_586",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_127ky_586",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_127ky_594",
-  "unfocusable": "awsui_unfocusable_hyvsj_127ky_599",
-  "container": "awsui_container_hyvsj_127ky_609",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_127ky_635",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_127ky_638",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_127ky_638",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_127ky_638",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_127ky_638",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_127ky_647",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_127ky_664",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_127ky_668",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_127ky_672",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_127ky_676",
-  "navigation-container": "awsui_navigation-container_hyvsj_127ky_685",
-  "show-navigation": "awsui_show-navigation_hyvsj_127ky_723",
-  "animating": "awsui_animating_hyvsj_127ky_746",
-  "showButtons": "awsui_showButtons_hyvsj_127ky_1",
-  "navigation": "awsui_navigation_hyvsj_127ky_685",
-  "openNavigation": "awsui_openNavigation_hyvsj_127ky_1",
-  "animated-content": "awsui_animated-content_hyvsj_127ky_808",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_127ky_817",
-  "notifications": "awsui_notifications_hyvsj_127ky_827",
-  "has-notification-content": "awsui_has-notification-content_hyvsj_127ky_832",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_127ky_836",
-  "high-contrast": "awsui_high-contrast_hyvsj_127ky_841",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_127ky_859",
-  "position-bottom": "awsui_position-bottom_hyvsj_127ky_906",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_127ky_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_127ky_935",
-  "position-side": "awsui_position-side_hyvsj_127ky_948",
-  "tools-container": "awsui_tools-container_hyvsj_127ky_970",
-  "tools": "awsui_tools_hyvsj_127ky_970",
-  "openTools": "awsui_openTools_hyvsj_127ky_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_127ky_1059",
-  "hide-tools": "awsui_hide-tools_hyvsj_127ky_1069",
-  "show-tools": "awsui_show-tools_hyvsj_127ky_1081",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_127ky_1059",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_127ky_1164",
-  "trigger": "awsui_trigger_hyvsj_127ky_1164",
-  "selected": "awsui_selected_hyvsj_127ky_1242",
-  "badge": "awsui_badge_hyvsj_127ky_1262",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_127ky_1266",
-  "dot": "awsui_dot_hyvsj_127ky_1277"
+  "background": "awsui_background_hyvsj_1bhgg_145",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_1bhgg_148",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1bhgg_159",
+  "drawers-container": "awsui_drawers-container_hyvsj_1bhgg_172",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1bhgg_183",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1bhgg_204",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1bhgg_209",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1bhgg_250",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1bhgg_260",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1bhgg_265",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1bhgg_279",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1bhgg_265",
+  "drawer": "awsui_drawer_hyvsj_1bhgg_172",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1bhgg_310",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1bhgg_319",
+  "drawer-content": "awsui_drawer-content_hyvsj_1bhgg_310",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1bhgg_327",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_1bhgg_330",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1bhgg_337",
+  "content": "awsui_content_hyvsj_1bhgg_363",
+  "layout": "awsui_layout_hyvsj_1bhgg_388",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1bhgg_460",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1bhgg_475",
+  "content-type-table": "awsui_content-type-table_hyvsj_1bhgg_489",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_1bhgg_489",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1bhgg_495",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1bhgg_498",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1bhgg_512",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1bhgg_515",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1bhgg_525",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1bhgg_528",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1bhgg_528",
+  "has-header": "awsui_has-header_hyvsj_1bhgg_528",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1bhgg_543",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1bhgg_543",
+  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_1bhgg_563",
+  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_1bhgg_566",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_1bhgg_586",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1bhgg_586",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1bhgg_594",
+  "unfocusable": "awsui_unfocusable_hyvsj_1bhgg_599",
+  "container": "awsui_container_hyvsj_1bhgg_609",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1bhgg_635",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_1bhgg_638",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1bhgg_638",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1bhgg_638",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1bhgg_638",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1bhgg_647",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1bhgg_664",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1bhgg_668",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1bhgg_672",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1bhgg_676",
+  "navigation-container": "awsui_navigation-container_hyvsj_1bhgg_685",
+  "show-navigation": "awsui_show-navigation_hyvsj_1bhgg_723",
+  "animating": "awsui_animating_hyvsj_1bhgg_746",
+  "showButtons": "awsui_showButtons_hyvsj_1bhgg_1",
+  "navigation": "awsui_navigation_hyvsj_1bhgg_685",
+  "openNavigation": "awsui_openNavigation_hyvsj_1bhgg_1",
+  "animated-content": "awsui_animated-content_hyvsj_1bhgg_808",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_1bhgg_817",
+  "notifications": "awsui_notifications_hyvsj_1bhgg_827",
+  "has-notification-content": "awsui_has-notification-content_hyvsj_1bhgg_832",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1bhgg_836",
+  "high-contrast": "awsui_high-contrast_hyvsj_1bhgg_841",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1bhgg_859",
+  "position-bottom": "awsui_position-bottom_hyvsj_1bhgg_906",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1bhgg_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_1bhgg_935",
+  "position-side": "awsui_position-side_hyvsj_1bhgg_948",
+  "tools-container": "awsui_tools-container_hyvsj_1bhgg_970",
+  "tools": "awsui_tools_hyvsj_1bhgg_970",
+  "openTools": "awsui_openTools_hyvsj_1bhgg_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1bhgg_1059",
+  "hide-tools": "awsui_hide-tools_hyvsj_1bhgg_1069",
+  "show-tools": "awsui_show-tools_hyvsj_1bhgg_1081",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_1bhgg_1059",
+  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_1bhgg_1164",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1bhgg_1180",
+  "trigger": "awsui_trigger_hyvsj_1bhgg_1164",
+  "selected": "awsui_selected_hyvsj_1bhgg_1232",
+  "badge": "awsui_badge_hyvsj_1bhgg_1252",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1bhgg_1256",
+  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_1bhgg_1267",
+  "dot": "awsui_dot_hyvsj_1bhgg_1271",
+  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_1bhgg_1284"
 };
   

package/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;;AA6ED,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;;AA8ED,wBAA+C"}

package/app-layout/visual-refresh/trigger-button.js

@@ -11,11 +11,11 @@ function TriggerButton({ ariaLabel, className, iconName, iconSvg, ariaExpanded,
     return (React.createElement("div", { className: clsx(styles['trigger-wrapper'], !highContrastHeader && styles['remove-high-contrast-header']) }, isMobile ? (React.createElement(InternalButton, { ariaExpanded: ariaExpanded, ariaLabel: ariaLabel, ariaControls: ariaControls, className: className, disabled: disabled, ref: ref, formAction: "none", iconName: iconName, iconSvg: iconSvg, badge: badge, onClick: onClick, variant: "icon", __nativeAttributes: Object.assign({ 'aria-haspopup': true }, (testId && {
             'data-testid': testId,
         })) })) : (React.createElement(React.Fragment, null,
-        React.createElement("button", { "aria-expanded": ariaExpanded, "aria-controls": ariaControls, "aria-haspopup": true, "aria-label": ariaLabel, "aria-disabled": disabled, disabled: disabled, className: clsx(styles.trigger, {
+        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 },
-            React.createElement("span", { className: clsx(badge && styles['trigger-badge-wrapper']) }, (iconName || iconSvg) && React.createElement(Icon, { name: iconName, svg: iconSvg }))),
+            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 })))));
 }
 export default React.forwardRef(TriggerButton);

package/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,kBAAkB,kBAChB,eAAe,EAAE,IAAI,IAClB,CAAC,MAAM,IAAI;YACZ,aAAa,EAAE,MAAM;SACtB,CAAC,IAEJ,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;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,MAAM,CAAC,uBAAuB,CAAC,CAAC,IAC5D,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          __nativeAttributes={{\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              {\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 && styles['trigger-badge-wrapper'])}>\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,kBAAkB,kBAChB,eAAe,EAAE,IAAI,IAClB,CAAC,MAAM,IAAI;YACZ,aAAa,EAAE,MAAM;SACtB,CAAC,IAEJ,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          __nativeAttributes={{\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"]}

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

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_12i0j_1ydzu_185",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_1ydzu_198",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_1ydzu_206",
-  "drawer-content": "awsui_drawer-content_12i0j_1ydzu_198",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1ydzu_215",
-  "drawer-slider": "awsui_drawer-slider_12i0j_1ydzu_218"
+  "drawer": "awsui_drawer_12i0j_weqx2_185",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_weqx2_198",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_weqx2_206",
+  "drawer-content": "awsui_drawer-content_12i0j_weqx2_198",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_weqx2_215",
+  "drawer-slider": "awsui_drawer-slider_12i0j_weqx2_218"
 };
   

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

@@ -172,7 +172,7 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* Style used for links in slots/components that are text heavy, to help links stand out among 
+/* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
@@ -182,7 +182,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_drawer_12i0j_1ydzu_185:not(#\9) {
+.awsui_drawer_12i0j_weqx2_185:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
@@ -195,7 +195,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: auto;
   word-wrap: break-word;
 }
-.awsui_drawer_12i0j_1ydzu_185 > .awsui_drawer-content-container_12i0j_1ydzu_198:not(#\9) {
+.awsui_drawer_12i0j_weqx2_185 > .awsui_drawer-content-container_12i0j_weqx2_198:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 1;
   display: grid;
@@ -203,19 +203,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-rows: 10px auto 1fr;
   overflow-y: auto;
 }
-.awsui_drawer_12i0j_1ydzu_185 > .awsui_drawer-content-container_12i0j_1ydzu_198 > .awsui_drawer-close-button_12i0j_1ydzu_206:not(#\9) {
+.awsui_drawer_12i0j_weqx2_185 > .awsui_drawer-content-container_12i0j_weqx2_198 > .awsui_drawer-close-button_12i0j_weqx2_206:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
 }
-.awsui_drawer_12i0j_1ydzu_185 > .awsui_drawer-content-container_12i0j_1ydzu_198 > .awsui_drawer-content_12i0j_1ydzu_198:not(#\9) {
+.awsui_drawer_12i0j_weqx2_185 > .awsui_drawer-content-container_12i0j_weqx2_198 > .awsui_drawer-content_12i0j_weqx2_198:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_1ydzu_185 > .awsui_drawer-content-container_12i0j_1ydzu_198 > .awsui_drawer-content_12i0j_1ydzu_198.awsui_drawer-content-hidden_12i0j_1ydzu_215:not(#\9) {
+.awsui_drawer_12i0j_weqx2_185 > .awsui_drawer-content-container_12i0j_weqx2_198 > .awsui_drawer-content_12i0j_weqx2_198.awsui_drawer-content-hidden_12i0j_weqx2_215:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_1ydzu_185 > .awsui_drawer-slider_12i0j_1ydzu_218:not(#\9) {
+.awsui_drawer_12i0j_weqx2_185 > .awsui_drawer-slider_12i0j_weqx2_218:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;

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

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_12i0j_1ydzu_185",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_1ydzu_198",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_1ydzu_206",
-  "drawer-content": "awsui_drawer-content_12i0j_1ydzu_198",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1ydzu_215",
-  "drawer-slider": "awsui_drawer-slider_12i0j_1ydzu_218"
+  "drawer": "awsui_drawer_12i0j_weqx2_185",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_weqx2_198",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_weqx2_206",
+  "drawer-content": "awsui_drawer-content_12i0j_weqx2_198",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_weqx2_215",
+  "drawer-slider": "awsui_drawer-slider_12i0j_weqx2_218"
 };
   

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

@@ -1,9 +1,9 @@
 
     import './styles.scoped.css';
     export default {
-  "navigation": "awsui_navigation_2p2ab_1hmw6_149",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1hmw6_167",
-  "animated-content": "awsui_animated-content_2p2ab_1hmw6_171",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_1hmw6_181"
+  "navigation": "awsui_navigation_2p2ab_wy0zi_149",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_wy0zi_167",
+  "animated-content": "awsui_animated-content_2p2ab_wy0zi_171",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_wy0zi_181"
 };
   

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

@@ -136,7 +136,7 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* Style used for links in slots/components that are text heavy, to help links stand out among 
+/* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
@@ -146,7 +146,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_1hmw6_149:not(#\9) {
+.awsui_navigation_2p2ab_wy0zi_149:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
@@ -164,21 +164,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   prevent unwanted text wrapping.
   */
 }
-.awsui_navigation_2p2ab_1hmw6_149:not(#\9):not(.awsui_is-navigation-open_2p2ab_1hmw6_167) {
+.awsui_navigation_2p2ab_wy0zi_149:not(#\9):not(.awsui_is-navigation-open_2p2ab_wy0zi_167) {
   inline-size: 0px;
   display: none;
 }
-.awsui_navigation_2p2ab_1hmw6_149 > .awsui_animated-content_2p2ab_1hmw6_171:not(#\9) {
+.awsui_navigation_2p2ab_wy0zi_149 > .awsui_animated-content_2p2ab_wy0zi_171:not(#\9) {
   inline-size: var(--awsui-navigation-width-g964ok);
 }
 @media (max-width: 688px) {
-  .awsui_navigation_2p2ab_1hmw6_149:not(#\9) {
+  .awsui_navigation_2p2ab_wy0zi_149:not(#\9) {
     --awsui-navigation-width-g964ok: 100vw;
     z-index: 1001;
   }
 }
 
-.awsui_hide-navigation_2p2ab_1hmw6_181:not(#\9) {
+.awsui_hide-navigation_2p2ab_wy0zi_181:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-m-udix3p, 16px);
   inset-block-start: 10px;

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

@@ -2,9 +2,9 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "navigation": "awsui_navigation_2p2ab_1hmw6_149",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1hmw6_167",
-  "animated-content": "awsui_animated-content_2p2ab_1hmw6_171",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_1hmw6_181"
+  "navigation": "awsui_navigation_2p2ab_wy0zi_149",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_wy0zi_167",
+  "animated-content": "awsui_animated-content_2p2ab_wy0zi_171",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_wy0zi_181"
 };
   

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

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_sowgs_149",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_sowgs_198",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_sowgs_213",
-  "navigation": "awsui_navigation_7nfqu_sowgs_228",
-  "tools": "awsui_tools_7nfqu_sowgs_229",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_sowgs_261",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_sowgs_268",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_sowgs_281",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_sowgs_291",
-  "notifications-container": "awsui_notifications-container_7nfqu_sowgs_297",
-  "main-landmark": "awsui_main-landmark_7nfqu_sowgs_304",
-  "main": "awsui_main_7nfqu_sowgs_304",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_sowgs_313",
-  "content-header": "awsui_content-header_7nfqu_sowgs_323",
-  "content": "awsui_content_7nfqu_sowgs_323",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_sowgs_333"
+  "root": "awsui_root_7nfqu_xj5gq_149",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_xj5gq_198",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_xj5gq_213",
+  "navigation": "awsui_navigation_7nfqu_xj5gq_228",
+  "tools": "awsui_tools_7nfqu_xj5gq_229",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_xj5gq_261",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_xj5gq_268",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_xj5gq_281",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_xj5gq_291",
+  "notifications-container": "awsui_notifications-container_7nfqu_xj5gq_297",
+  "main-landmark": "awsui_main-landmark_7nfqu_xj5gq_304",
+  "main": "awsui_main_7nfqu_xj5gq_304",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_xj5gq_313",
+  "content-header": "awsui_content-header_7nfqu_xj5gq_323",
+  "content": "awsui_content_7nfqu_xj5gq_323",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_xj5gq_333"
 };