@cloudscape-design/components 3.0.1311 → 3.0.1313

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

@@ -2,92 +2,91 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "background": "awsui_background_hyvsj_1qg2s_149",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_1qg2s_152",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1qg2s_163",
-  "drawers-container": "awsui_drawers-container_hyvsj_1qg2s_176",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1qg2s_187",
-  "one-theme": "awsui_one-theme_hyvsj_1qg2s_190",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1qg2s_211",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1qg2s_216",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1qg2s_254",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1qg2s_267",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1qg2s_272",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1qg2s_286",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1qg2s_272",
-  "drawer": "awsui_drawer_hyvsj_1qg2s_176",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1qg2s_320",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1qg2s_329",
-  "drawer-content": "awsui_drawer-content_hyvsj_1qg2s_320",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1qg2s_338",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_1qg2s_341",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1qg2s_349",
-  "content": "awsui_content_hyvsj_1qg2s_375",
-  "layout": "awsui_layout_hyvsj_1qg2s_400",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1qg2s_472",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1qg2s_487",
-  "content-type-table": "awsui_content-type-table_hyvsj_1qg2s_501",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1qg2s_501",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1qg2s_507",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1qg2s_510",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1qg2s_524",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1qg2s_527",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1qg2s_537",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1qg2s_540",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1qg2s_540",
-  "has-header": "awsui_has-header_hyvsj_1qg2s_540",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1qg2s_555",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1qg2s_555",
-  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_1qg2s_575",
-  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_1qg2s_578",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1qg2s_598",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1qg2s_598",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1qg2s_606",
-  "unfocusable": "awsui_unfocusable_hyvsj_1qg2s_611",
-  "container": "awsui_container_hyvsj_1qg2s_621",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1qg2s_647",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1qg2s_650",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1qg2s_650",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1qg2s_650",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1qg2s_650",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1qg2s_663",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1qg2s_680",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1qg2s_684",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1qg2s_688",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1qg2s_692",
-  "navigation-container": "awsui_navigation-container_hyvsj_1qg2s_701",
-  "show-navigation": "awsui_show-navigation_hyvsj_1qg2s_739",
-  "animating": "awsui_animating_hyvsj_1qg2s_762",
-  "showButtons": "awsui_showButtons_hyvsj_1qg2s_1",
-  "navigation": "awsui_navigation_hyvsj_1qg2s_701",
-  "openNavigation": "awsui_openNavigation_hyvsj_1qg2s_1",
-  "animated-content": "awsui_animated-content_hyvsj_1qg2s_826",
-  "content-container": "awsui_content-container_hyvsj_1qg2s_829",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1qg2s_838",
-  "notifications": "awsui_notifications_hyvsj_1qg2s_848",
-  "has-notification-content": "awsui_has-notification-content_hyvsj_1qg2s_853",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1qg2s_857",
-  "high-contrast": "awsui_high-contrast_hyvsj_1qg2s_862",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1qg2s_880",
-  "position-bottom": "awsui_position-bottom_hyvsj_1qg2s_927",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1qg2s_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1qg2s_956",
-  "position-side": "awsui_position-side_hyvsj_1qg2s_969",
-  "tools-container": "awsui_tools-container_hyvsj_1qg2s_991",
-  "tools": "awsui_tools_hyvsj_1qg2s_991",
-  "openTools": "awsui_openTools_hyvsj_1qg2s_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1qg2s_1083",
-  "hide-tools": "awsui_hide-tools_hyvsj_1qg2s_1093",
-  "show-tools": "awsui_show-tools_hyvsj_1qg2s_1105",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1qg2s_1083",
-  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_1qg2s_1185",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1qg2s_1201",
-  "trigger": "awsui_trigger_hyvsj_1qg2s_1185",
-  "selected": "awsui_selected_hyvsj_1qg2s_1253",
-  "badge": "awsui_badge_hyvsj_1qg2s_1273",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1qg2s_1277",
-  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_1qg2s_1288",
-  "dot": "awsui_dot_hyvsj_1qg2s_1292",
-  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_1qg2s_1305"
+  "background": "awsui_background_hyvsj_1paoo_149",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_1paoo_152",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1paoo_163",
+  "drawers-container": "awsui_drawers-container_hyvsj_1paoo_176",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1paoo_187",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1paoo_211",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1paoo_216",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1paoo_254",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1paoo_267",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1paoo_272",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1paoo_286",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1paoo_272",
+  "drawer": "awsui_drawer_hyvsj_1paoo_176",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1paoo_320",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1paoo_329",
+  "drawer-content": "awsui_drawer-content_hyvsj_1paoo_320",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1paoo_338",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_1paoo_341",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1paoo_349",
+  "content": "awsui_content_hyvsj_1paoo_375",
+  "layout": "awsui_layout_hyvsj_1paoo_400",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1paoo_472",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1paoo_487",
+  "content-type-table": "awsui_content-type-table_hyvsj_1paoo_501",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_1paoo_501",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1paoo_507",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1paoo_510",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1paoo_524",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1paoo_527",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1paoo_537",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1paoo_540",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1paoo_540",
+  "has-header": "awsui_has-header_hyvsj_1paoo_540",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1paoo_555",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1paoo_555",
+  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_1paoo_575",
+  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_1paoo_578",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_1paoo_598",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1paoo_598",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1paoo_606",
+  "unfocusable": "awsui_unfocusable_hyvsj_1paoo_611",
+  "container": "awsui_container_hyvsj_1paoo_621",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1paoo_647",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_1paoo_650",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1paoo_650",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1paoo_650",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1paoo_650",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1paoo_663",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1paoo_680",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1paoo_684",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1paoo_688",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1paoo_692",
+  "navigation-container": "awsui_navigation-container_hyvsj_1paoo_701",
+  "show-navigation": "awsui_show-navigation_hyvsj_1paoo_739",
+  "animating": "awsui_animating_hyvsj_1paoo_762",
+  "showButtons": "awsui_showButtons_hyvsj_1paoo_1",
+  "navigation": "awsui_navigation_hyvsj_1paoo_701",
+  "openNavigation": "awsui_openNavigation_hyvsj_1paoo_1",
+  "animated-content": "awsui_animated-content_hyvsj_1paoo_826",
+  "content-container": "awsui_content-container_hyvsj_1paoo_829",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_1paoo_838",
+  "notifications": "awsui_notifications_hyvsj_1paoo_848",
+  "has-notification-content": "awsui_has-notification-content_hyvsj_1paoo_853",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1paoo_857",
+  "high-contrast": "awsui_high-contrast_hyvsj_1paoo_862",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1paoo_880",
+  "position-bottom": "awsui_position-bottom_hyvsj_1paoo_927",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1paoo_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_1paoo_956",
+  "position-side": "awsui_position-side_hyvsj_1paoo_969",
+  "tools-container": "awsui_tools-container_hyvsj_1paoo_991",
+  "tools": "awsui_tools_hyvsj_1paoo_991",
+  "openTools": "awsui_openTools_hyvsj_1paoo_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1paoo_1083",
+  "hide-tools": "awsui_hide-tools_hyvsj_1paoo_1093",
+  "show-tools": "awsui_show-tools_hyvsj_1paoo_1105",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_1paoo_1083",
+  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_1paoo_1185",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1paoo_1201",
+  "trigger": "awsui_trigger_hyvsj_1paoo_1185",
+  "selected": "awsui_selected_hyvsj_1paoo_1253",
+  "badge": "awsui_badge_hyvsj_1paoo_1273",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1paoo_1277",
+  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_1paoo_1288",
+  "dot": "awsui_dot_hyvsj_1paoo_1292",
+  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_1paoo_1305"
 };
   

package/app-layout/visual-refresh/tools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tools.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/tools.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,UAAU,sBAkJrD"}
+{"version":3,"file":"tools.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/tools.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,UAAU,sBAiJrD"}

package/app-layout/visual-refresh/tools.js

@@ -2,7 +2,6 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import clsx from 'clsx';
-import { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';
 import { InternalButton } from '../../button/internal';
 import { Transition } from '../../internal/components/transition';
 import customCssProps from '../../internal/generated/custom-css-properties';
@@ -50,7 +49,6 @@ export default function Tools({ children }) {
                     [styles.animating]: state === 'entering',
                     [styles['has-tools-form-persistence']]: hasToolsFormPersistence,
                     [styles['is-tools-open']]: isToolsOpen,
-                    [styles['one-theme']]: isThemeActive(Theme.OneTheme),
                     [testutilStyles['drawer-closed']]: !isToolsOpen,
                 }, testutilStyles.tools), ref: state !== 'exiting' ? transitionEventsRef : undefined },
                 React.createElement("div", { className: styles['animated-content'] },

package/app-layout/visual-refresh/tools.js.map

@@ -1 +1 @@
-{"version":3,"file":"tools.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/tools.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,+CAA+C,CAAC;AAErF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,cAAc,MAAM,gDAAgD,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,OAAO,wBAAwB,MAAM,8CAA8C,CAAC;AACpF,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAc;IACpD,MAAM,EACJ,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,qBAAqB,EACrB,gBAAgB,EAChB,wBAAwB,EACxB,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,KAAK,EACL,cAAc,EACd,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,GACd,GAAG,qBAAqB,EAAE,CAAC;IAE5B,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,kBAAkB,KAAK,MAAM,CAAC;IACpE,MAAM,YAAY,GAAG,kBAAkB,CACrC,aAAa,IAAI,mBAAmB,EACpC,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,SAAS,CACV,CAAC;IACF,MAAM,uBAAuB,GAAG,uBAAuB,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;IACjH,MAAM,aAAa,GAAG,wBAAwB,IAAI,CAAC,WAAW,CAAC;IAE/D;;;OAGG;IACH,IAAI,CAAC,SAAS,IAAI,CAAC,aAAa,CAAC,IAAI,OAAO,EAAE,CAAC;QAC7C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,UAAU,IAAC,EAAE,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,IACjC,CAAC,KAAK,EAAE,mBAAmB,EAAE,EAAE;;QAAC,OAAA,CAC/B,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE;gBACzC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB;gBAClD,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,aAAa;aACpC,CAAC,EACF,KAAK,EAAE;gBACL,CAAC,cAAc,CAAC,6BAA6B,CAAC,EAAE,GAAG,aAAa,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;gBAC9F,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,IAAI;aAC/C,EACD,MAAM,EAAE,CAAC,CAAC,EAAE;gBACV,IAAI,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC;oBACnE,cAAc,EAAE,CAAC;gBACnB,CAAC;YACH,CAAC;YAEA,QAAQ;YAER,CAAC,SAAS,IAAI,CACb,+BACE,EAAE,EAAE,cAAc,iBACL,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,gBAC5B,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,mCAAI,SAAS,EAC1C,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,KAAK,EACZ;oBACE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,KAAK,KAAK,UAAU;oBACxC,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC,EAAE,uBAAuB;oBAC/D,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,WAAW;oBACtC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC;oBACpD,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,WAAW;iBAChD,EACD,cAAc,CAAC,KAAK,CACrB,EACD,GAAG,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS;gBAE1D,6BAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC;oBACxC,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC;wBAClC,oBAAC,cAAc,IACb,SAAS,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,mCAAI,SAAS,EAC9C,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACtC,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,cAAc,CAAC,aAAa,CAAC,EACxC,GAAG,EAAE,SAAS,CAAC,KAAK,GACpB,CACE;oBAEL,KAAK,CACF,CACA,CACT;YAEA,CAAC,QAAQ,IAAI,CACZ,8CACe,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,gBAC7B,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,mCAAI,SAAS,EAC1C,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE;oBACpC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,KAAK,KAAK,SAAS;oBACvC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,YAAY;oBACxC,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC,EAAE,uBAAuB;iBAChE,CAAC,EACF,GAAG,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,iBAC9C,yBAAyB;gBAEpC,CAAC,SAAS,IAAI,CACb,oBAAC,aAAa,IACZ,SAAS,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,EAClC,YAAY,EAAE,cAAc,EAC5B,YAAY,EAAE,WAAW,EACzB,QAAQ,EAAC,aAAa,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,EAC7C,QAAQ,EAAE,aAAa,IAAI,WAAW,EACtC,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC,EACzC,GAAG,EAAE,SAAS,CAAC,MAAM,EACrB,kBAAkB,EAAE,aAAa,KAAK,eAAe,GACrD,CACH;gBAEA,aAAa,IAAI,gBAAgB,CAAC,SAAS,IAAI,CAC9C,oBAAC,aAAa,IACZ,SAAS,EAAE,gBAAgB,CAAC,SAAS,EACrC,YAAY,EAAE,mBAAmB,EACjC,YAAY,EAAE,CAAC,CAAC,gBAAgB,EAChC,QAAQ,EAAC,eAAe,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,EACtC,QAAQ,EAAE,aAAa,IAAI,gBAAgB,EAC3C,SAAS,EAAE,wBAAwB,CAAC,aAAa,CAAC,EAClD,GAAG,EAAE,cAAc,CAAC,MAAM,EAC1B,kBAAkB,EAAE,aAAa,KAAK,eAAe,GACrD,CACH,CACK,CACT,CACG,CACP,CAAA;KAAA,CACU,CACd,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,SAAS,kBAAkB,CACzB,aAAsB,EACtB,QAAiB,EACjB,gBAA0B,EAC1B,WAAqB,EACrB,SAAmB;IAEnB,IAAI,YAAY,GAAG,KAAK,CAAC;IAEzB,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,mDAAmD;QACnD,IAAI,aAAa,IAAI,CAAC,SAAS,EAAE,CAAC;YAChC,YAAY,GAAG,IAAI,CAAC;QACtB,CAAC;QAED,mCAAmC;QACnC,IAAI,aAAa,IAAI,CAAC,gBAAgB,IAAI,SAAS,EAAE,CAAC;YACpD,YAAY,GAAG,IAAI,CAAC;QACtB,CAAC;QAED,6BAA6B;QAC7B,IAAI,CAAC,aAAa,IAAI,CAAC,SAAS,IAAI,CAAC,WAAW,EAAE,CAAC;YACjD,YAAY,GAAG,IAAI,CAAC;QACtB,CAAC;IACH,CAAC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,uBAAuB,CAC9B,aAAsB,EACtB,gBAA0B,EAC1B,WAAqB,EACrB,SAAmB;IAEnB,IAAI,uBAAuB,GAAG,KAAK,CAAC;IAEpC,2DAA2D;IAC3D,IAAI,aAAa,IAAI,CAAC,SAAS,IAAI,CAAC,gBAAgB,IAAI,WAAW,CAAC,EAAE,CAAC;QACrE,uBAAuB,GAAG,IAAI,CAAC;IACjC,CAAC;IAED,OAAO,uBAAuB,CAAC;AACjC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';\n\nimport { InternalButton } from '../../button/internal';\nimport { Transition } from '../../internal/components/transition';\nimport customCssProps from '../../internal/generated/custom-css-properties';\nimport { useAppLayoutInternals } from './context';\nimport TriggerButton from './trigger-button';\n\nimport splitPanelTestUtilStyles from '../../split-panel/test-classes/styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface ToolsProps {\n  children: React.ReactNode;\n}\n\n/**\n * The Tools component consists of the following elements:\n * the container, or root element, that sits as a direct child to the Layout grid definition;\n * the split panel, which exists only if there is a split panel in side position;\n * the tools, or drawer, that contains the hide tools form and the children passed through the API;\n * the show tools form that contains the triggers for both the drawer and the\n * split panel in large viewports;\n */\nexport default function Tools({ children }: ToolsProps) {\n  const {\n    ariaLabels,\n    disableBodyScroll,\n    drawers,\n    handleSplitPanelClick,\n    handleToolsClick,\n    hasDrawerViewportOverlay,\n    isMobile,\n    isSplitPanelOpen,\n    isToolsOpen,\n    loseToolsFocus,\n    splitPanel,\n    splitPanelControlId,\n    splitPanelDisplayed,\n    splitPanelPosition,\n    splitPanelRefs,\n    splitPanelToggle,\n    tools,\n    toolsControlId,\n    toolsHide,\n    toolsRefs,\n    toolsWidth,\n    headerVariant,\n  } = useAppLayoutInternals();\n\n  const hasSplitPanel = !!splitPanel && splitPanelPosition === 'side';\n  const hasToolsForm = getToolsFormStatus(\n    hasSplitPanel && splitPanelDisplayed,\n    isMobile,\n    isSplitPanelOpen,\n    isToolsOpen,\n    toolsHide\n  );\n  const hasToolsFormPersistence = getToolsFormPersistence(hasSplitPanel, isSplitPanelOpen, isToolsOpen, toolsHide);\n  const isUnfocusable = hasDrawerViewportOverlay && !isToolsOpen;\n\n  /**\n   * If the drawers property is defined the SplitPanel will be mounted and rendered\n   * by the Drawers component.\n   */\n  if ((toolsHide && !hasSplitPanel) || drawers) {\n    return null;\n  }\n\n  return (\n    <Transition in={isToolsOpen ?? false}>\n      {(state, transitionEventsRef) => (\n        <div\n          className={clsx(styles['tools-container'], {\n            [styles['disable-body-scroll']]: disableBodyScroll,\n            [styles.unfocusable]: isUnfocusable,\n          })}\n          style={{\n            [customCssProps.toolsAnimationStartingOpacity]: `${hasSplitPanel && isSplitPanelOpen ? 1 : 0}`,\n            [customCssProps.toolsWidth]: `${toolsWidth}px`,\n          }}\n          onBlur={e => {\n            if (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget)) {\n              loseToolsFocus();\n            }\n          }}\n        >\n          {children}\n\n          {!toolsHide && (\n            <aside\n              id={toolsControlId}\n              aria-hidden={!isToolsOpen ? true : false}\n              aria-label={ariaLabels?.tools ?? undefined}\n              className={clsx(\n                styles.tools,\n                {\n                  [styles.animating]: state === 'entering',\n                  [styles['has-tools-form-persistence']]: hasToolsFormPersistence,\n                  [styles['is-tools-open']]: isToolsOpen,\n                  [styles['one-theme']]: isThemeActive(Theme.OneTheme),\n                  [testutilStyles['drawer-closed']]: !isToolsOpen,\n                },\n                testutilStyles.tools\n              )}\n              ref={state !== 'exiting' ? transitionEventsRef : undefined}\n            >\n              <div className={styles['animated-content']}>\n                <div className={styles['hide-tools']}>\n                  <InternalButton\n                    ariaLabel={ariaLabels?.toolsClose ?? undefined}\n                    iconName={isMobile ? 'close' : 'angle-right'}\n                    onClick={() => handleToolsClick(false)}\n                    variant=\"icon\"\n                    formAction=\"none\"\n                    className={testutilStyles['tools-close']}\n                    ref={toolsRefs.close}\n                  />\n                </div>\n\n                {tools}\n              </div>\n            </aside>\n          )}\n\n          {!isMobile && (\n            <aside\n              aria-hidden={!hasToolsForm ? true : false}\n              aria-label={ariaLabels?.tools ?? undefined}\n              className={clsx(styles['show-tools'], {\n                [styles.animating]: state === 'exiting',\n                [styles['has-tools-form']]: hasToolsForm,\n                [styles['has-tools-form-persistence']]: hasToolsFormPersistence,\n              })}\n              ref={state === 'exiting' ? transitionEventsRef : undefined}\n              data-testid=\"side-split-panel-drawer\"\n            >\n              {!toolsHide && (\n                <TriggerButton\n                  ariaLabel={ariaLabels?.toolsToggle}\n                  ariaControls={toolsControlId}\n                  ariaExpanded={isToolsOpen}\n                  iconName=\"status-info\"\n                  onClick={() => handleToolsClick(!isToolsOpen)}\n                  selected={hasSplitPanel && isToolsOpen}\n                  className={testutilStyles['tools-toggle']}\n                  ref={toolsRefs.toggle}\n                  highContrastHeader={headerVariant === 'high-contrast'}\n                />\n              )}\n\n              {hasSplitPanel && splitPanelToggle.displayed && (\n                <TriggerButton\n                  ariaLabel={splitPanelToggle.ariaLabel}\n                  ariaControls={splitPanelControlId}\n                  ariaExpanded={!!isSplitPanelOpen}\n                  iconName=\"view-vertical\"\n                  onClick={() => handleSplitPanelClick()}\n                  selected={hasSplitPanel && isSplitPanelOpen}\n                  className={splitPanelTestUtilStyles['open-button']}\n                  ref={splitPanelRefs.toggle}\n                  highContrastHeader={headerVariant === 'high-contrast'}\n                />\n              )}\n            </aside>\n          )}\n        </div>\n      )}\n    </Transition>\n  );\n}\n\n/**\n * By default the Tools form is styled as display: none; This behavior should\n * be unchanged in mobile viewports where the Tools form is always suppressed.\n * In large viewports, however the Tools form and its corresponding buttons\n * should be present in the UI under the below circumstances.\n */\nfunction getToolsFormStatus(\n  hasSplitPanel: boolean,\n  isMobile: boolean,\n  isSplitPanelOpen?: boolean,\n  isToolsOpen?: boolean,\n  toolsHide?: boolean\n) {\n  let hasToolsForm = false;\n\n  if (!isMobile) {\n    // Both the Split Panel and Tools button are needed\n    if (hasSplitPanel && !toolsHide) {\n      hasToolsForm = true;\n    }\n\n    // The Split Panel button is needed\n    if (hasSplitPanel && !isSplitPanelOpen && toolsHide) {\n      hasToolsForm = true;\n    }\n\n    // The Tools button is needed\n    if (!hasSplitPanel && !toolsHide && !isToolsOpen) {\n      hasToolsForm = true;\n    }\n  }\n\n  return hasToolsForm;\n}\n\n/**\n * Under two scenarios the Tools form that contains the triggers\n * for the Tools content and the Split Panel may be persistent\n * in the UI (as opposed to disappearing when one of the drawers\n * is open). This will also add a white background as opposed to the\n * default transparent background. The buttons will present and in a\n * selected / not selected state.\n */\nfunction getToolsFormPersistence(\n  hasSplitPanel: boolean,\n  isSplitPanelOpen?: boolean,\n  isToolsOpen?: boolean,\n  toolsHide?: boolean\n) {\n  let hasToolsFormPersistence = false;\n\n  // Both Tools and Split Panel exist and one or both is open\n  if (hasSplitPanel && !toolsHide && (isSplitPanelOpen || isToolsOpen)) {\n    hasToolsFormPersistence = true;\n  }\n\n  return hasToolsFormPersistence;\n}\n"]}
+{"version":3,"file":"tools.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/tools.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { InternalButton } from '../../button/internal';\nimport { Transition } from '../../internal/components/transition';\nimport customCssProps from '../../internal/generated/custom-css-properties';\nimport { useAppLayoutInternals } from './context';\nimport TriggerButton from './trigger-button';\n\nimport splitPanelTestUtilStyles from '../../split-panel/test-classes/styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface ToolsProps {\n  children: React.ReactNode;\n}\n\n/**\n * The Tools component consists of the following elements:\n * the container, or root element, that sits as a direct child to the Layout grid definition;\n * the split panel, which exists only if there is a split panel in side position;\n * the tools, or drawer, that contains the hide tools form and the children passed through the API;\n * the show tools form that contains the triggers for both the drawer and the\n * split panel in large viewports;\n */\nexport default function Tools({ children }: ToolsProps) {\n  const {\n    ariaLabels,\n    disableBodyScroll,\n    drawers,\n    handleSplitPanelClick,\n    handleToolsClick,\n    hasDrawerViewportOverlay,\n    isMobile,\n    isSplitPanelOpen,\n    isToolsOpen,\n    loseToolsFocus,\n    splitPanel,\n    splitPanelControlId,\n    splitPanelDisplayed,\n    splitPanelPosition,\n    splitPanelRefs,\n    splitPanelToggle,\n    tools,\n    toolsControlId,\n    toolsHide,\n    toolsRefs,\n    toolsWidth,\n    headerVariant,\n  } = useAppLayoutInternals();\n\n  const hasSplitPanel = !!splitPanel && splitPanelPosition === 'side';\n  const hasToolsForm = getToolsFormStatus(\n    hasSplitPanel && splitPanelDisplayed,\n    isMobile,\n    isSplitPanelOpen,\n    isToolsOpen,\n    toolsHide\n  );\n  const hasToolsFormPersistence = getToolsFormPersistence(hasSplitPanel, isSplitPanelOpen, isToolsOpen, toolsHide);\n  const isUnfocusable = hasDrawerViewportOverlay && !isToolsOpen;\n\n  /**\n   * If the drawers property is defined the SplitPanel will be mounted and rendered\n   * by the Drawers component.\n   */\n  if ((toolsHide && !hasSplitPanel) || drawers) {\n    return null;\n  }\n\n  return (\n    <Transition in={isToolsOpen ?? false}>\n      {(state, transitionEventsRef) => (\n        <div\n          className={clsx(styles['tools-container'], {\n            [styles['disable-body-scroll']]: disableBodyScroll,\n            [styles.unfocusable]: isUnfocusable,\n          })}\n          style={{\n            [customCssProps.toolsAnimationStartingOpacity]: `${hasSplitPanel && isSplitPanelOpen ? 1 : 0}`,\n            [customCssProps.toolsWidth]: `${toolsWidth}px`,\n          }}\n          onBlur={e => {\n            if (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget)) {\n              loseToolsFocus();\n            }\n          }}\n        >\n          {children}\n\n          {!toolsHide && (\n            <aside\n              id={toolsControlId}\n              aria-hidden={!isToolsOpen ? true : false}\n              aria-label={ariaLabels?.tools ?? undefined}\n              className={clsx(\n                styles.tools,\n                {\n                  [styles.animating]: state === 'entering',\n                  [styles['has-tools-form-persistence']]: hasToolsFormPersistence,\n                  [styles['is-tools-open']]: isToolsOpen,\n                  [testutilStyles['drawer-closed']]: !isToolsOpen,\n                },\n                testutilStyles.tools\n              )}\n              ref={state !== 'exiting' ? transitionEventsRef : undefined}\n            >\n              <div className={styles['animated-content']}>\n                <div className={styles['hide-tools']}>\n                  <InternalButton\n                    ariaLabel={ariaLabels?.toolsClose ?? undefined}\n                    iconName={isMobile ? 'close' : 'angle-right'}\n                    onClick={() => handleToolsClick(false)}\n                    variant=\"icon\"\n                    formAction=\"none\"\n                    className={testutilStyles['tools-close']}\n                    ref={toolsRefs.close}\n                  />\n                </div>\n\n                {tools}\n              </div>\n            </aside>\n          )}\n\n          {!isMobile && (\n            <aside\n              aria-hidden={!hasToolsForm ? true : false}\n              aria-label={ariaLabels?.tools ?? undefined}\n              className={clsx(styles['show-tools'], {\n                [styles.animating]: state === 'exiting',\n                [styles['has-tools-form']]: hasToolsForm,\n                [styles['has-tools-form-persistence']]: hasToolsFormPersistence,\n              })}\n              ref={state === 'exiting' ? transitionEventsRef : undefined}\n              data-testid=\"side-split-panel-drawer\"\n            >\n              {!toolsHide && (\n                <TriggerButton\n                  ariaLabel={ariaLabels?.toolsToggle}\n                  ariaControls={toolsControlId}\n                  ariaExpanded={isToolsOpen}\n                  iconName=\"status-info\"\n                  onClick={() => handleToolsClick(!isToolsOpen)}\n                  selected={hasSplitPanel && isToolsOpen}\n                  className={testutilStyles['tools-toggle']}\n                  ref={toolsRefs.toggle}\n                  highContrastHeader={headerVariant === 'high-contrast'}\n                />\n              )}\n\n              {hasSplitPanel && splitPanelToggle.displayed && (\n                <TriggerButton\n                  ariaLabel={splitPanelToggle.ariaLabel}\n                  ariaControls={splitPanelControlId}\n                  ariaExpanded={!!isSplitPanelOpen}\n                  iconName=\"view-vertical\"\n                  onClick={() => handleSplitPanelClick()}\n                  selected={hasSplitPanel && isSplitPanelOpen}\n                  className={splitPanelTestUtilStyles['open-button']}\n                  ref={splitPanelRefs.toggle}\n                  highContrastHeader={headerVariant === 'high-contrast'}\n                />\n              )}\n            </aside>\n          )}\n        </div>\n      )}\n    </Transition>\n  );\n}\n\n/**\n * By default the Tools form is styled as display: none; This behavior should\n * be unchanged in mobile viewports where the Tools form is always suppressed.\n * In large viewports, however the Tools form and its corresponding buttons\n * should be present in the UI under the below circumstances.\n */\nfunction getToolsFormStatus(\n  hasSplitPanel: boolean,\n  isMobile: boolean,\n  isSplitPanelOpen?: boolean,\n  isToolsOpen?: boolean,\n  toolsHide?: boolean\n) {\n  let hasToolsForm = false;\n\n  if (!isMobile) {\n    // Both the Split Panel and Tools button are needed\n    if (hasSplitPanel && !toolsHide) {\n      hasToolsForm = true;\n    }\n\n    // The Split Panel button is needed\n    if (hasSplitPanel && !isSplitPanelOpen && toolsHide) {\n      hasToolsForm = true;\n    }\n\n    // The Tools button is needed\n    if (!hasSplitPanel && !toolsHide && !isToolsOpen) {\n      hasToolsForm = true;\n    }\n  }\n\n  return hasToolsForm;\n}\n\n/**\n * Under two scenarios the Tools form that contains the triggers\n * for the Tools content and the Split Panel may be persistent\n * in the UI (as opposed to disappearing when one of the drawers\n * is open). This will also add a white background as opposed to the\n * default transparent background. The buttons will present and in a\n * selected / not selected state.\n */\nfunction getToolsFormPersistence(\n  hasSplitPanel: boolean,\n  isSplitPanelOpen?: boolean,\n  isToolsOpen?: boolean,\n  toolsHide?: boolean\n) {\n  let hasToolsFormPersistence = false;\n\n  // Both Tools and Split Panel exist and one or both is open\n  if (hasSplitPanel && !toolsHide && (isSplitPanelOpen || isToolsOpen)) {\n    hasToolsFormPersistence = true;\n  }\n\n  return hasToolsFormPersistence;\n}\n"]}

package/breadcrumb-group/item/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_1kosq_1awp6_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_1awp6_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_1awp6_150",
-  "icon": "awsui_icon_1kosq_1awp6_153",
-  "anchor": "awsui_anchor_1kosq_1awp6_159",
-  "text": "awsui_text_1kosq_1awp6_207",
-  "last": "awsui_last_1kosq_1awp6_226"
+  "link": "awsui_link_1kosq_7om9f_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_7om9f_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_7om9f_150",
+  "icon": "awsui_icon_1kosq_7om9f_153",
+  "anchor": "awsui_anchor_1kosq_7om9f_163",
+  "text": "awsui_text_1kosq_7om9f_211",
+  "last": "awsui_last_1kosq_7om9f_230"
 };
   

package/breadcrumb-group/item/styles.scoped.css

@@ -142,22 +142,26 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_link_1kosq_1awp6_145:not(#\9):after {
+.awsui_link_1kosq_7om9f_145:not(#\9):after {
   display: none;
 }
 
-.awsui_breadcrumb_1kosq_1awp6_149:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_1awp6_150:not(#\9) {
+.awsui_breadcrumb_1kosq_7om9f_149:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_7om9f_150:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_1awp6_149 > .awsui_icon_1kosq_1awp6_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_1awp6_150 > .awsui_icon_1kosq_1awp6_153:not(#\9) {
+.awsui_breadcrumb_1kosq_7om9f_149 > .awsui_icon_1kosq_7om9f_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_7om9f_150 > .awsui_icon_1kosq_7om9f_153:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-xs-ymlm0b, 8px);
   color: var(--color-text-breadcrumb-icon-9j48ot, #8c8c94);
 }
-.awsui_breadcrumb_1kosq_1awp6_149 > .awsui_anchor_1kosq_1awp6_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_1awp6_150 > .awsui_anchor_1kosq_1awp6_159:not(#\9) {
+.awsui-one-theme .awsui_breadcrumb_1kosq_7om9f_149 > .awsui_icon_1kosq_7om9f_153:not(#\9),
+.awsui-one-theme .awsui_ghost-breadcrumb_1kosq_7om9f_150 > .awsui_icon_1kosq_7om9f_153:not(#\9) {
+  margin-inline: var(--space-xxs-hwfkai, 4px);
+}
+.awsui_breadcrumb_1kosq_7om9f_149 > .awsui_anchor_1kosq_7om9f_163:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_7om9f_150 > .awsui_anchor_1kosq_7om9f_163:not(#\9) {
   min-inline-size: 0;
   overflow: hidden;
   text-underline-offset: 0.25em;
@@ -174,42 +178,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_breadcrumb_1kosq_1awp6_149 > .awsui_anchor_1kosq_1awp6_159:not(#\9),
-  .awsui_ghost-breadcrumb_1kosq_1awp6_150 > .awsui_anchor_1kosq_1awp6_159:not(#\9) {
+  .awsui_breadcrumb_1kosq_7om9f_149 > .awsui_anchor_1kosq_7om9f_163:not(#\9),
+  .awsui_ghost-breadcrumb_1kosq_7om9f_150 > .awsui_anchor_1kosq_7om9f_163:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_1awp6_149 > .awsui_anchor_1kosq_1awp6_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1awp6_149 > .awsui_anchor_1kosq_1awp6_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_1awp6_150 > .awsui_anchor_1kosq_1awp6_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_1awp6_150 > .awsui_anchor_1kosq_1awp6_159:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_7om9f_149 > .awsui_anchor_1kosq_7om9f_163:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_7om9f_149 > .awsui_anchor_1kosq_7om9f_163:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_7om9f_150 > .awsui_anchor_1kosq_7om9f_163:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_7om9f_150 > .awsui_anchor_1kosq_7om9f_163:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_1awp6_149 > .awsui_anchor_1kosq_1awp6_159:not(#\9):hover,
-.awsui_ghost-breadcrumb_1kosq_1awp6_150 > .awsui_anchor_1kosq_1awp6_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_7om9f_149 > .awsui_anchor_1kosq_7om9f_163:not(#\9):hover,
+.awsui_ghost-breadcrumb_1kosq_7om9f_150 > .awsui_anchor_1kosq_7om9f_163:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_breadcrumb_1kosq_1awp6_149 > .awsui_anchor_1kosq_1awp6_159:not(#\9):focus,
-.awsui_ghost-breadcrumb_1kosq_1awp6_150 > .awsui_anchor_1kosq_1awp6_159:not(#\9):focus {
+.awsui_breadcrumb_1kosq_7om9f_149 > .awsui_anchor_1kosq_7om9f_163:not(#\9):focus,
+.awsui_ghost-breadcrumb_1kosq_7om9f_150 > .awsui_anchor_1kosq_7om9f_163:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_1awp6_149 > .awsui_anchor_1kosq_1awp6_159:not(#\9):active,
-.awsui_ghost-breadcrumb_1kosq_1awp6_150 > .awsui_anchor_1kosq_1awp6_159:not(#\9):active {
+.awsui_breadcrumb_1kosq_7om9f_149 > .awsui_anchor_1kosq_7om9f_163:not(#\9):active,
+.awsui_ghost-breadcrumb_1kosq_7om9f_150 > .awsui_anchor_1kosq_7om9f_163:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_breadcrumb_1kosq_1awp6_149 > .awsui_anchor_1kosq_1awp6_159:not(#\9):active, .awsui_breadcrumb_1kosq_1awp6_149 > .awsui_anchor_1kosq_1awp6_159:not(#\9):focus, .awsui_breadcrumb_1kosq_1awp6_149 > .awsui_anchor_1kosq_1awp6_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_1awp6_150 > .awsui_anchor_1kosq_1awp6_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_1awp6_150 > .awsui_anchor_1kosq_1awp6_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_1awp6_150 > .awsui_anchor_1kosq_1awp6_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_7om9f_149 > .awsui_anchor_1kosq_7om9f_163:not(#\9):active, .awsui_breadcrumb_1kosq_7om9f_149 > .awsui_anchor_1kosq_7om9f_163:not(#\9):focus, .awsui_breadcrumb_1kosq_7om9f_149 > .awsui_anchor_1kosq_7om9f_163:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_7om9f_150 > .awsui_anchor_1kosq_7om9f_163:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_7om9f_150 > .awsui_anchor_1kosq_7om9f_163:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_7om9f_150 > .awsui_anchor_1kosq_7om9f_163:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-kui2t9, currentColor);
 }
-.awsui_breadcrumb_1kosq_1awp6_149 > .awsui_anchor_1kosq_1awp6_159 > .awsui_text_1kosq_1awp6_207:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_1awp6_150 > .awsui_anchor_1kosq_1awp6_159 > .awsui_text_1kosq_1awp6_207:not(#\9) {
+.awsui_breadcrumb_1kosq_7om9f_149 > .awsui_anchor_1kosq_7om9f_163 > .awsui_text_1kosq_7om9f_211:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_7om9f_150 > .awsui_anchor_1kosq_7om9f_163 > .awsui_text_1kosq_7om9f_211:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
-body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_1awp6_149 > .awsui_anchor_1kosq_1awp6_159:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_1awp6_150 > .awsui_anchor_1kosq_1awp6_159:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_7om9f_149 > .awsui_anchor_1kosq_7om9f_163:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_7om9f_150 > .awsui_anchor_1kosq_7om9f_163:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
   outline-offset: 2px;
@@ -220,12 +224,12 @@ body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_1awp6_150 > .a
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-39uvxr, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_breadcrumb_1kosq_1awp6_149.awsui_last_1kosq_1awp6_226 > .awsui_icon_1kosq_1awp6_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_1awp6_150.awsui_last_1kosq_1awp6_226 > .awsui_icon_1kosq_1awp6_153:not(#\9) {
+.awsui_breadcrumb_1kosq_7om9f_149.awsui_last_1kosq_7om9f_230 > .awsui_icon_1kosq_7om9f_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_7om9f_150.awsui_last_1kosq_7om9f_230 > .awsui_icon_1kosq_7om9f_153:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_1awp6_149.awsui_last_1kosq_1awp6_226 > .awsui_anchor_1kosq_1awp6_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_1awp6_150.awsui_last_1kosq_1awp6_226 > .awsui_anchor_1kosq_1awp6_159:not(#\9) {
+.awsui_breadcrumb_1kosq_7om9f_149.awsui_last_1kosq_7om9f_230 > .awsui_anchor_1kosq_7om9f_163:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_7om9f_150.awsui_last_1kosq_7om9f_230 > .awsui_anchor_1kosq_7om9f_163:not(#\9) {
   color: var(--color-text-breadcrumb-current-2mqnkk, #656871);
   font-weight: var(--font-weight-breadcrumb-current-v39mbh, 700);
   text-decoration: none;

package/breadcrumb-group/item/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_1kosq_1awp6_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_1awp6_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_1awp6_150",
-  "icon": "awsui_icon_1kosq_1awp6_153",
-  "anchor": "awsui_anchor_1kosq_1awp6_159",
-  "text": "awsui_text_1kosq_1awp6_207",
-  "last": "awsui_last_1kosq_1awp6_226"
+  "link": "awsui_link_1kosq_7om9f_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_7om9f_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_7om9f_150",
+  "icon": "awsui_icon_1kosq_7om9f_153",
+  "anchor": "awsui_anchor_1kosq_7om9f_163",
+  "text": "awsui_text_1kosq_7om9f_211",
+  "last": "awsui_last_1kosq_7om9f_230"
 };
   

package/breadcrumb-group/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_be8rs_145",
-  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_be8rs_180",
-  "ghost": "awsui_ghost_d19fg_be8rs_191",
-  "item": "awsui_item_d19fg_be8rs_196",
-  "ghost-item": "awsui_ghost-item_d19fg_be8rs_197",
-  "ellipsis": "awsui_ellipsis_d19fg_be8rs_198",
-  "hide": "awsui_hide_d19fg_be8rs_209",
-  "visible": "awsui_visible_d19fg_be8rs_215",
-  "icon": "awsui_icon_d19fg_be8rs_219",
-  "breadcrumbs-skeleton": "awsui_breadcrumbs-skeleton_d19fg_be8rs_225",
-  "collapsed-button": "awsui_collapsed-button_d19fg_be8rs_229",
-  "button-icon": "awsui_button-icon_d19fg_be8rs_311",
-  "button-icon-open": "awsui_button-icon-open_d19fg_be8rs_325",
-  "hidden": "awsui_hidden_d19fg_be8rs_329"
+  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_pg5u2_145",
+  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_pg5u2_180",
+  "ghost": "awsui_ghost_d19fg_pg5u2_191",
+  "item": "awsui_item_d19fg_pg5u2_196",
+  "ghost-item": "awsui_ghost-item_d19fg_pg5u2_197",
+  "ellipsis": "awsui_ellipsis_d19fg_pg5u2_198",
+  "hide": "awsui_hide_d19fg_pg5u2_209",
+  "visible": "awsui_visible_d19fg_pg5u2_215",
+  "icon": "awsui_icon_d19fg_pg5u2_219",
+  "breadcrumbs-skeleton": "awsui_breadcrumbs-skeleton_d19fg_pg5u2_228",
+  "collapsed-button": "awsui_collapsed-button_d19fg_pg5u2_232",
+  "button-icon": "awsui_button-icon_d19fg_pg5u2_314",
+  "button-icon-open": "awsui_button-icon-open_d19fg_pg5u2_328",
+  "hidden": "awsui_hidden_d19fg_pg5u2_332"
 };
   

package/breadcrumb-group/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_breadcrumb-group_d19fg_be8rs_145:not(#\9) {
+.awsui_breadcrumb-group_d19fg_pg5u2_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -177,7 +177,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-hwfkai, 4px);
   padding-inline: 0;
 }
-.awsui_breadcrumb-group_d19fg_be8rs_145 > .awsui_breadcrumb-group-list_d19fg_be8rs_180:not(#\9) {
+.awsui_breadcrumb-group_d19fg_pg5u2_145 > .awsui_breadcrumb-group-list_d19fg_pg5u2_180:not(#\9) {
   display: flex;
   align-items: center;
   padding-block: 0;
@@ -188,45 +188,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
   flex-wrap: nowrap;
 }
-.awsui_breadcrumb-group_d19fg_be8rs_145 > .awsui_breadcrumb-group-list_d19fg_be8rs_180.awsui_ghost_d19fg_be8rs_191:not(#\9) {
+.awsui_breadcrumb-group_d19fg_pg5u2_145 > .awsui_breadcrumb-group-list_d19fg_pg5u2_180.awsui_ghost_d19fg_pg5u2_191:not(#\9) {
   flex-wrap: wrap;
   position: absolute;
   inset-inline-start: -9000px;
 }
-.awsui_breadcrumb-group_d19fg_be8rs_145 > .awsui_breadcrumb-group-list_d19fg_be8rs_180 > .awsui_item_d19fg_be8rs_196:not(#\9),
-.awsui_breadcrumb-group_d19fg_be8rs_145 > .awsui_breadcrumb-group-list_d19fg_be8rs_180 > .awsui_ghost-item_d19fg_be8rs_197:not(#\9),
-.awsui_breadcrumb-group_d19fg_be8rs_145 > .awsui_breadcrumb-group-list_d19fg_be8rs_180 > .awsui_ellipsis_d19fg_be8rs_198:not(#\9) {
+.awsui_breadcrumb-group_d19fg_pg5u2_145 > .awsui_breadcrumb-group-list_d19fg_pg5u2_180 > .awsui_item_d19fg_pg5u2_196:not(#\9),
+.awsui_breadcrumb-group_d19fg_pg5u2_145 > .awsui_breadcrumb-group-list_d19fg_pg5u2_180 > .awsui_ghost-item_d19fg_pg5u2_197:not(#\9),
+.awsui_breadcrumb-group_d19fg_pg5u2_145 > .awsui_breadcrumb-group-list_d19fg_pg5u2_180 > .awsui_ellipsis_d19fg_pg5u2_198:not(#\9) {
   display: inline-block;
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_breadcrumb-group_d19fg_be8rs_145 > .awsui_breadcrumb-group-list_d19fg_be8rs_180 > .awsui_item_d19fg_be8rs_196:not(#\9):last-child {
+.awsui_breadcrumb-group_d19fg_pg5u2_145 > .awsui_breadcrumb-group-list_d19fg_pg5u2_180 > .awsui_item_d19fg_pg5u2_196:not(#\9):last-child {
   flex-shrink: 1;
   min-inline-size: 0;
 }
-.awsui_breadcrumb-group_d19fg_be8rs_145 > .awsui_breadcrumb-group-list_d19fg_be8rs_180 > .awsui_item_d19fg_be8rs_196.awsui_hide_d19fg_be8rs_209:not(#\9) {
+.awsui_breadcrumb-group_d19fg_pg5u2_145 > .awsui_breadcrumb-group-list_d19fg_pg5u2_180 > .awsui_item_d19fg_pg5u2_196.awsui_hide_d19fg_pg5u2_209:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb-group_d19fg_be8rs_145 > .awsui_breadcrumb-group-list_d19fg_be8rs_180 > .awsui_ellipsis_d19fg_be8rs_198:not(#\9) {
+.awsui_breadcrumb-group_d19fg_pg5u2_145 > .awsui_breadcrumb-group-list_d19fg_pg5u2_180 > .awsui_ellipsis_d19fg_pg5u2_198:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb-group_d19fg_be8rs_145 > .awsui_breadcrumb-group-list_d19fg_be8rs_180 > .awsui_ellipsis_d19fg_be8rs_198.awsui_visible_d19fg_be8rs_215:not(#\9) {
+.awsui_breadcrumb-group_d19fg_pg5u2_145 > .awsui_breadcrumb-group-list_d19fg_pg5u2_180 > .awsui_ellipsis_d19fg_pg5u2_198.awsui_visible_d19fg_pg5u2_215:not(#\9) {
   display: flex;
   flex-shrink: 0;
 }
-.awsui_breadcrumb-group_d19fg_be8rs_145 > .awsui_breadcrumb-group-list_d19fg_be8rs_180 > .awsui_ellipsis_d19fg_be8rs_198 > .awsui_icon_d19fg_be8rs_219:not(#\9) {
+.awsui_breadcrumb-group_d19fg_pg5u2_145 > .awsui_breadcrumb-group-list_d19fg_pg5u2_180 > .awsui_ellipsis_d19fg_pg5u2_198 > .awsui_icon_d19fg_pg5u2_219:not(#\9) {
   margin-block: 0;
   margin-inline: 10px;
   color: var(--color-text-breadcrumb-icon-9j48ot, #8c8c94);
 }
+.awsui-one-theme .awsui_breadcrumb-group_d19fg_pg5u2_145 > .awsui_breadcrumb-group-list_d19fg_pg5u2_180 > .awsui_ellipsis_d19fg_pg5u2_198 > .awsui_icon_d19fg_pg5u2_219:not(#\9) {
+  margin-inline: var(--space-xxs-hwfkai, 4px);
+}
 
-.awsui_breadcrumbs-skeleton_d19fg_be8rs_225:not(#\9) {
+.awsui_breadcrumbs-skeleton_d19fg_pg5u2_228:not(#\9) {
   display: none;
 }
 
-.awsui_collapsed-button_d19fg_be8rs_229:not(#\9) {
+.awsui_collapsed-button_d19fg_pg5u2_232:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -273,14 +276,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   gap: var(--space-xxs-hwfkai, 4px);
   max-inline-size: 100%;
 }
-body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_be8rs_229:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_pg5u2_232:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_be8rs_229:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_pg5u2_232:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_be8rs_229:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_pg5u2_232:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -294,38 +297,38 @@ body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_be8rs_229:not(
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_collapsed-button_d19fg_be8rs_229:not(#\9):hover {
+.awsui_collapsed-button_d19fg_pg5u2_232:not(#\9):hover {
   color: var(--color-text-interactive-hover-6naf7i, #0f141a);
 }
-.awsui_collapsed-button_d19fg_be8rs_229 > :not(#\9):last-child {
+.awsui_collapsed-button_d19fg_pg5u2_232 > :not(#\9):last-child {
   color: var(--color-text-breadcrumb-current-2mqnkk, #656871);
   font-weight: var(--font-weight-breadcrumb-current-v39mbh, 700);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_collapsed-button_d19fg_be8rs_229 > :not(#\9):last-child:hover {
+.awsui_collapsed-button_d19fg_pg5u2_232 > :not(#\9):last-child:hover {
   color: var(--color-text-interactive-hover-6naf7i, #0f141a);
 }
 
-.awsui_button-icon_d19fg_be8rs_311:not(#\9) {
+.awsui_button-icon_d19fg_pg5u2_314:not(#\9) {
   transform: rotate(0deg);
   transition: transform var(--motion-duration-rotate-180-cxi9g7, 135ms) var(--motion-easing-rotate-180-7a58rc, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-icon_d19fg_be8rs_311:not(#\9) {
+  .awsui_button-icon_d19fg_pg5u2_314:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-icon_d19fg_be8rs_311:not(#\9), .awsui-mode-entering .awsui_button-icon_d19fg_be8rs_311:not(#\9) {
+.awsui-motion-disabled .awsui_button-icon_d19fg_pg5u2_314:not(#\9), .awsui-mode-entering .awsui_button-icon_d19fg_pg5u2_314:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_button-icon-open_d19fg_be8rs_325:not(#\9) {
+.awsui_button-icon-open_d19fg_pg5u2_328:not(#\9) {
   transform: rotate(-180deg);
 }
 
-.awsui_hidden_d19fg_be8rs_329:not(#\9) {
+.awsui_hidden_d19fg_pg5u2_332:not(#\9) {
   display: none;
 }