@cloudscape-design/components 3.0.191 → 3.0.192

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

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/header.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,uBAqB7B"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/header.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,uBAsB7B"}

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

@@ -10,13 +10,14 @@ import styles from './styles.css.js';
  */
 export default function Header() {
     var _a;
-    var _b = useAppLayoutInternals(), breadcrumbs = _b.breadcrumbs, contentHeader = _b.contentHeader, hasNotificationsContent = _b.hasNotificationsContent;
+    var _b = useAppLayoutInternals(), breadcrumbs = _b.breadcrumbs, contentHeader = _b.contentHeader, hasNotificationsContent = _b.hasNotificationsContent, isMobile = _b.isMobile, isAnyPanelOpen = _b.isAnyPanelOpen;
     if (!contentHeader) {
         return null;
     }
     return (React.createElement("header", { className: clsx(styles.content, (_a = {},
             _a[styles['has-breadcrumbs']] = breadcrumbs,
             _a[styles['has-notifications-content']] = hasNotificationsContent,
+            _a[styles.unfocusable] = isMobile && isAnyPanelOpen,
             _a), 'awsui-context-content-header') }, contentHeader));
 }
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/header.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM;;IACtB,IAAA,KAA0D,qBAAqB,EAAE,EAA/E,WAAW,iBAAA,EAAE,aAAa,mBAAA,EAAE,uBAAuB,6BAA4B,CAAC;IAExF,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,gCACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO;YAEZ,GAAC,MAAM,CAAC,iBAAiB,CAAC,IAAG,WAAW;YACxC,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,uBAAuB;iBAEhE,8BAA8B,CAC/B,IAEA,aAAa,CACP,CACV,CAAC;AACJ,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';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\n\n/**\n * The CSS class 'awsui-context-content-header' needs to be added to the root element so\n * that the design tokens used are overridden with the appropriate values.\n */\nexport default function Header() {\n  const { breadcrumbs, contentHeader, hasNotificationsContent } = useAppLayoutInternals();\n\n  if (!contentHeader) {\n    return null;\n  }\n\n  return (\n    <header\n      className={clsx(\n        styles.content,\n        {\n          [styles['has-breadcrumbs']]: breadcrumbs,\n          [styles['has-notifications-content']]: hasNotificationsContent,\n        },\n        'awsui-context-content-header'\n      )}\n    >\n      {contentHeader}\n    </header>\n  );\n}\n"]}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/header.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM;;IACtB,IAAA,KAAoF,qBAAqB,EAAE,EAAzG,WAAW,iBAAA,EAAE,aAAa,mBAAA,EAAE,uBAAuB,6BAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAA4B,CAAC;IAElH,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,gCACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO;YAEZ,GAAC,MAAM,CAAC,iBAAiB,CAAC,IAAG,WAAW;YACxC,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,uBAAuB;YAC9D,GAAC,MAAM,CAAC,WAAW,IAAG,QAAQ,IAAI,cAAc;iBAElD,8BAA8B,CAC/B,IAEA,aAAa,CACP,CACV,CAAC;AACJ,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';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\n\n/**\n * The CSS class 'awsui-context-content-header' needs to be added to the root element so\n * that the design tokens used are overridden with the appropriate values.\n */\nexport default function Header() {\n  const { breadcrumbs, contentHeader, hasNotificationsContent, isMobile, isAnyPanelOpen } = useAppLayoutInternals();\n\n  if (!contentHeader) {\n    return null;\n  }\n\n  return (\n    <header\n      className={clsx(\n        styles.content,\n        {\n          [styles['has-breadcrumbs']]: breadcrumbs,\n          [styles['has-notifications-content']]: hasNotificationsContent,\n          [styles.unfocusable]: isMobile && isAnyPanelOpen,\n        },\n        'awsui-context-content-header'\n      )}\n    >\n      {contentHeader}\n    </header>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/notifications.tsx"],"names":[],"mappings":"AAQA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,uBA0BpC"}
+{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/notifications.tsx"],"names":[],"mappings":"AAQA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,uBAkCpC"}

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

@@ -12,13 +12,14 @@ import testutilStyles from '../test-classes/styles.css.js';
 export default function Notifications() {
     var _a;
     var _b;
-    var _c = useAppLayoutInternals(), ariaLabels = _c.ariaLabels, hasNotificationsContent = _c.hasNotificationsContent, notifications = _c.notifications, notificationsElement = _c.notificationsElement, stickyNotifications = _c.stickyNotifications;
+    var _c = useAppLayoutInternals(), ariaLabels = _c.ariaLabels, hasNotificationsContent = _c.hasNotificationsContent, notifications = _c.notifications, notificationsElement = _c.notificationsElement, stickyNotifications = _c.stickyNotifications, isMobile = _c.isMobile, isAnyPanelOpen = _c.isAnyPanelOpen;
     if (!notifications) {
         return null;
     }
     return (React.createElement("div", { role: "region", "aria-label": (_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.notifications) !== null && _b !== void 0 ? _b : undefined, className: clsx(styles.notifications, (_a = {},
             _a[styles['has-notifications-content']] = hasNotificationsContent,
             _a[styles['sticky-notifications']] = stickyNotifications,
+            _a[styles.unfocusable] = isMobile && isAnyPanelOpen,
             _a), testutilStyles.notifications, 'awsui-context-content-header'), ref: notificationsElement }, notifications));
 }
 //# sourceMappingURL=notifications.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/notifications.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAE3D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa;;;IAC7B,IAAA,KACJ,qBAAqB,EAAE,EADjB,UAAU,gBAAA,EAAE,uBAAuB,6BAAA,EAAE,aAAa,mBAAA,EAAE,oBAAoB,0BAAA,EAAE,mBAAmB,yBAC5E,CAAC;IAE1B,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,6BACE,IAAI,EAAC,QAAQ,gBACD,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa,mCAAI,SAAS,EAClD,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,aAAa;YAElB,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,uBAAuB;YAC9D,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,mBAAmB;iBAEvD,cAAc,CAAC,aAAa,EAC5B,8BAA8B,CAC/B,EACD,GAAG,EAAE,oBAAoB,IAExB,aAAa,CACV,CACP,CAAC;AACJ,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';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\n\n/**\n * The CSS class 'awsui-context-content-header' needs to be added to the root element so\n * that the design tokens used are overridden with the appropriate values.\n */\nexport default function Notifications() {\n  const { ariaLabels, hasNotificationsContent, notifications, notificationsElement, stickyNotifications } =\n    useAppLayoutInternals();\n\n  if (!notifications) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"region\"\n      aria-label={ariaLabels?.notifications ?? undefined}\n      className={clsx(\n        styles.notifications,\n        {\n          [styles['has-notifications-content']]: hasNotificationsContent,\n          [styles['sticky-notifications']]: stickyNotifications,\n        },\n        testutilStyles.notifications,\n        'awsui-context-content-header'\n      )}\n      ref={notificationsElement}\n    >\n      {notifications}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/notifications.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAE3D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa;;;IAC7B,IAAA,KAQF,qBAAqB,EAAE,EAPzB,UAAU,gBAAA,EACV,uBAAuB,6BAAA,EACvB,aAAa,mBAAA,EACb,oBAAoB,0BAAA,EACpB,mBAAmB,yBAAA,EACnB,QAAQ,cAAA,EACR,cAAc,oBACW,CAAC;IAE5B,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,6BACE,IAAI,EAAC,QAAQ,gBACD,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa,mCAAI,SAAS,EAClD,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,aAAa;YAElB,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,uBAAuB;YAC9D,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,mBAAmB;YACrD,GAAC,MAAM,CAAC,WAAW,IAAG,QAAQ,IAAI,cAAc;iBAElD,cAAc,CAAC,aAAa,EAC5B,8BAA8B,CAC/B,EACD,GAAG,EAAE,oBAAoB,IAExB,aAAa,CACV,CACP,CAAC;AACJ,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';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\n\n/**\n * The CSS class 'awsui-context-content-header' needs to be added to the root element so\n * that the design tokens used are overridden with the appropriate values.\n */\nexport default function Notifications() {\n  const {\n    ariaLabels,\n    hasNotificationsContent,\n    notifications,\n    notificationsElement,\n    stickyNotifications,\n    isMobile,\n    isAnyPanelOpen,\n  } = useAppLayoutInternals();\n\n  if (!notifications) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"region\"\n      aria-label={ariaLabels?.notifications ?? undefined}\n      className={clsx(\n        styles.notifications,\n        {\n          [styles['has-notifications-content']]: hasNotificationsContent,\n          [styles['sticky-notifications']]: stickyNotifications,\n          [styles.unfocusable]: isMobile && isAnyPanelOpen,\n        },\n        testutilStyles.notifications,\n        'awsui-context-content-header'\n      )}\n      ref={notificationsElement}\n    >\n      {notifications}\n    </div>\n  );\n}\n"]}

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

@@ -1,65 +1,65 @@
 
     import './styles.scoped.css';
     export default {
-  "appbar": "awsui_appbar_hyvsj_geabg_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_geabg_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_geabg_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_geabg_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_geabg_166",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_geabg_173",
-  "has-header": "awsui_has-header_hyvsj_geabg_179",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_geabg_179",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_geabg_180",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_geabg_183",
-  "content-type-table": "awsui_content-type-table_hyvsj_geabg_184",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_geabg_187",
-  "background": "awsui_background_hyvsj_geabg_221",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_geabg_224",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_geabg_236",
-  "overlap": "awsui_overlap_hyvsj_geabg_242",
-  "content": "awsui_content_hyvsj_geabg_180",
-  "layout": "awsui_layout_hyvsj_geabg_333",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_geabg_415",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_geabg_442",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_geabg_445",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_geabg_449",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_geabg_463",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_geabg_463",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_geabg_475",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_geabg_478",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_geabg_493",
-  "container": "awsui_container_hyvsj_geabg_501",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_geabg_527",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_geabg_532",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_geabg_535",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_geabg_535",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_geabg_535",
-  "content-type-default": "awsui_content-type-default_hyvsj_geabg_555",
-  "content-type-form": "awsui_content-type-form_hyvsj_geabg_555",
-  "unfocusable": "awsui_unfocusable_hyvsj_geabg_596",
-  "navigation-container": "awsui_navigation-container_hyvsj_geabg_604",
-  "show-navigation": "awsui_show-navigation_hyvsj_geabg_639",
-  "animating": "awsui_animating_hyvsj_geabg_661",
-  "showButtons": "awsui_showButtons_hyvsj_geabg_1",
-  "navigation": "awsui_navigation_hyvsj_geabg_604",
-  "openNavigation": "awsui_openNavigation_hyvsj_geabg_1",
-  "animated-content": "awsui_animated-content_hyvsj_geabg_722",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_geabg_731",
-  "notifications": "awsui_notifications_hyvsj_geabg_224",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_geabg_796",
-  "position-bottom": "awsui_position-bottom_hyvsj_geabg_842",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_geabg_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_geabg_871",
-  "position-side": "awsui_position-side_hyvsj_geabg_899",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_geabg_1",
-  "tools-container": "awsui_tools-container_hyvsj_geabg_936",
-  "tools": "awsui_tools_hyvsj_geabg_936",
-  "openTools": "awsui_openTools_hyvsj_geabg_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_geabg_1021",
-  "hide-tools": "awsui_hide-tools_hyvsj_geabg_1031",
-  "show-tools": "awsui_show-tools_hyvsj_geabg_1043",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_geabg_1021",
-  "trigger": "awsui_trigger_hyvsj_geabg_1100",
-  "selected": "awsui_selected_hyvsj_geabg_1139"
+  "appbar": "awsui_appbar_hyvsj_j35f2_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_j35f2_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_j35f2_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_j35f2_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_j35f2_166",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_j35f2_173",
+  "has-header": "awsui_has-header_hyvsj_j35f2_179",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_j35f2_179",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_j35f2_180",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_j35f2_183",
+  "content-type-table": "awsui_content-type-table_hyvsj_j35f2_184",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_j35f2_187",
+  "background": "awsui_background_hyvsj_j35f2_221",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_j35f2_224",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_j35f2_236",
+  "overlap": "awsui_overlap_hyvsj_j35f2_242",
+  "content": "awsui_content_hyvsj_j35f2_180",
+  "layout": "awsui_layout_hyvsj_j35f2_333",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_j35f2_415",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_j35f2_442",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_j35f2_445",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_j35f2_449",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_j35f2_463",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_j35f2_463",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_j35f2_475",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_j35f2_478",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_j35f2_493",
+  "container": "awsui_container_hyvsj_j35f2_501",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_j35f2_527",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_j35f2_532",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_j35f2_535",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_j35f2_535",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_j35f2_535",
+  "content-type-default": "awsui_content-type-default_hyvsj_j35f2_555",
+  "content-type-form": "awsui_content-type-form_hyvsj_j35f2_555",
+  "unfocusable": "awsui_unfocusable_hyvsj_j35f2_596",
+  "navigation-container": "awsui_navigation-container_hyvsj_j35f2_606",
+  "show-navigation": "awsui_show-navigation_hyvsj_j35f2_641",
+  "animating": "awsui_animating_hyvsj_j35f2_663",
+  "showButtons": "awsui_showButtons_hyvsj_j35f2_1",
+  "navigation": "awsui_navigation_hyvsj_j35f2_606",
+  "openNavigation": "awsui_openNavigation_hyvsj_j35f2_1",
+  "animated-content": "awsui_animated-content_hyvsj_j35f2_724",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_j35f2_733",
+  "notifications": "awsui_notifications_hyvsj_j35f2_224",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_j35f2_798",
+  "position-bottom": "awsui_position-bottom_hyvsj_j35f2_844",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_j35f2_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_j35f2_873",
+  "position-side": "awsui_position-side_hyvsj_j35f2_901",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_j35f2_1",
+  "tools-container": "awsui_tools-container_hyvsj_j35f2_938",
+  "tools": "awsui_tools_hyvsj_j35f2_938",
+  "openTools": "awsui_openTools_hyvsj_j35f2_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_j35f2_1023",
+  "hide-tools": "awsui_hide-tools_hyvsj_j35f2_1033",
+  "show-tools": "awsui_show-tools_hyvsj_j35f2_1045",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_j35f2_1023",
+  "trigger": "awsui_trigger_hyvsj_j35f2_1102",
+  "selected": "awsui_selected_hyvsj_j35f2_1141"
 };
   

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

@@ -90,7 +90,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
 */
-section.awsui_appbar_hyvsj_geabg_93:not(#\9) {
+section.awsui_appbar_hyvsj_j35f2_93:not(#\9) {
   align-items: center;
   box-sizing: border-box;
   display: grid;
@@ -114,20 +114,20 @@ section.awsui_appbar_hyvsj_geabg_93:not(#\9) {
   span the entire column definition of the Layout grid.
   */
 }
-section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-nav_hyvsj_geabg_117:not(#\9) {
+section.awsui_appbar_hyvsj_j35f2_93 > .awsui_appbar-nav_hyvsj_j35f2_117:not(#\9) {
   grid-column: 1;
   margin-right: var(--space-m-17eucw, 16px);
 }
-section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121:not(#\9) {
+section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121:not(#\9) {
   grid-column: 2;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
 }
-section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_125:not(#\9) {
+section.awsui_appbar_hyvsj_j35f2_93 > .awsui_appbar-tools_hyvsj_j35f2_125:not(#\9) {
   grid-column: 3;
   margin-left: var(--space-m-17eucw, 16px);
 }
 @media (min-width: 689px) {
-  section.awsui_appbar_hyvsj_geabg_93:not(#\9) {
+  section.awsui_appbar_hyvsj_j35f2_93:not(#\9) {
     /*
     If Breadcrumbs do not exist then the AppBar should be suppressed
     because in large viewports the triggers are rendered
@@ -163,33 +163,33 @@ section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_125:not(#\
     be lifted so it doesn't render behind the background element.
     */
   }
-  section.awsui_appbar_hyvsj_geabg_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_geabg_166) {
+  section.awsui_appbar_hyvsj_j35f2_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_j35f2_166) {
     display: none;
   }
-  section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-nav_hyvsj_geabg_117:not(#\9),
-  section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_125:not(#\9) {
+  section.awsui_appbar_hyvsj_j35f2_93 > .awsui_appbar-nav_hyvsj_j35f2_117:not(#\9),
+  section.awsui_appbar_hyvsj_j35f2_93 > .awsui_appbar-tools_hyvsj_j35f2_125:not(#\9) {
     display: none;
   }
-  section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_geabg_173) {
+  section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_j35f2_173) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121.awsui_has-notifications-content_hyvsj_geabg_173:not(#\9) {
+  section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121.awsui_has-notifications-content_hyvsj_j35f2_173:not(#\9) {
     padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
   }
-  section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121:not(#\9):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179),
-  section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121:not(#\9):not(.awsui_has-header_hyvsj_geabg_179).awsui_content-type-wizard_hyvsj_geabg_180 {
+  section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121:not(#\9):not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179),
+  section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121:not(#\9):not(.awsui_has-header_hyvsj_j35f2_179).awsui_content-type-wizard_hyvsj_j35f2_180 {
     padding-bottom: var(--space-m-17eucw, 16px);
   }
-  section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121.awsui_content-type-cards_hyvsj_geabg_183:not(#\9),
-  section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121.awsui_content-type-table_hyvsj_geabg_184:not(#\9) {
+  section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121.awsui_content-type-cards_hyvsj_j35f2_183:not(#\9),
+  section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121.awsui_content-type-table_hyvsj_j35f2_184:not(#\9) {
     padding-bottom: var(--space-xxs-ynfts5, 4px);
   }
-  section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121.awsui_has-sticky-background_hyvsj_geabg_187:not(#\9) {
+  section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121.awsui_has-sticky-background_hyvsj_j35f2_187:not(#\9) {
     z-index: 799;
   }
 }
 @media (max-width: 688px) {
-  section.awsui_appbar_hyvsj_geabg_93:not(#\9) {
+  section.awsui_appbar_hyvsj_j35f2_93:not(#\9) {
     background-color: var(--color-background-home-header-mpq08f, #000716);
     border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
     box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
@@ -205,11 +205,11 @@ section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_125:not(#\
     they are now sticky positioned in the viewport with the AppBar.
     */
   }
-  section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-nav_hyvsj_geabg_117:not(#\9),
-  section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_125:not(#\9) {
+  section.awsui_appbar_hyvsj_j35f2_93 > .awsui_appbar-nav_hyvsj_j35f2_117:not(#\9),
+  section.awsui_appbar_hyvsj_j35f2_93 > .awsui_appbar-tools_hyvsj_j35f2_125:not(#\9) {
     display: block;
   }
-  section.awsui_appbar_hyvsj_geabg_93 > .awsui_breadcrumbs_hyvsj_geabg_121:not(#\9) {
+  section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121:not(#\9) {
     padding: 0;
   }
 }
@@ -218,10 +218,10 @@ section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_125:not(#\
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-div.awsui_background_hyvsj_geabg_221:not(#\9) {
+div.awsui_background_hyvsj_j35f2_221:not(#\9) {
   display: contents;
 }
-div.awsui_background_hyvsj_geabg_221 > .awsui_notifications-appbar-header_hyvsj_geabg_224:not(#\9) {
+div.awsui_background_hyvsj_j35f2_221 > .awsui_notifications-appbar-header_hyvsj_j35f2_224:not(#\9) {
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   grid-column: 1/span 5;
   grid-row: 1/span 3;
@@ -233,13 +233,13 @@ div.awsui_background_hyvsj_geabg_221 > .awsui_notifications-appbar-header_hyvsj_
   */
 }
 @media (min-width: 689px) {
-  div.awsui_background_hyvsj_geabg_221 > .awsui_notifications-appbar-header_hyvsj_geabg_224.awsui_has-sticky-background_hyvsj_geabg_187.awsui_has-notifications-content_hyvsj_geabg_173.awsui_sticky-notifications_hyvsj_geabg_236:not(#\9) {
+  div.awsui_background_hyvsj_j35f2_221 > .awsui_notifications-appbar-header_hyvsj_j35f2_224.awsui_has-sticky-background_hyvsj_j35f2_187.awsui_has-notifications-content_hyvsj_j35f2_173.awsui_sticky-notifications_hyvsj_j35f2_236:not(#\9) {
     position: sticky;
     top: var(--awsui-offset-top-5mks97);
     z-index: 799;
   }
 }
-div.awsui_background_hyvsj_geabg_221 > .awsui_overlap_hyvsj_geabg_242:not(#\9) {
+div.awsui_background_hyvsj_j35f2_221 > .awsui_overlap_hyvsj_j35f2_242:not(#\9) {
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   grid-column: 1/span 5;
   grid-row: 4;
@@ -251,7 +251,7 @@ div.awsui_background_hyvsj_geabg_221 > .awsui_overlap_hyvsj_geabg_242:not(#\9) {
   */
 }
 @media (min-width: 689px) {
-  div.awsui_background_hyvsj_geabg_221 > .awsui_overlap_hyvsj_geabg_242.awsui_has-sticky-background_hyvsj_geabg_187:not(#\9) {
+  div.awsui_background_hyvsj_j35f2_221 > .awsui_overlap_hyvsj_j35f2_242.awsui_has-sticky-background_hyvsj_j35f2_187:not(#\9) {
     position: sticky;
     top: var(--awsui-offset-top-with-notifications-5mks97);
     z-index: 799;
@@ -262,13 +262,13 @@ div.awsui_background_hyvsj_geabg_221 > .awsui_overlap_hyvsj_geabg_242:not(#\9) {
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-header.awsui_content_hyvsj_geabg_180:not(#\9) {
+header.awsui_content_hyvsj_j35f2_180:not(#\9) {
   grid-column: 3;
   grid-row: 3;
   padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
 }
 @media (min-width: 689px) {
-  header.awsui_content_hyvsj_geabg_180:not(#\9) {
+  header.awsui_content_hyvsj_j35f2_180:not(#\9) {
     /*
     If Notifications exist and Breadcrumbs do not then Notifications 
     is the previous adjacent sibling to the Header. Add minimal top padding 
@@ -286,25 +286,25 @@ header.awsui_content_hyvsj_geabg_180:not(#\9) {
     circular buttons.
     */
   }
-  header.awsui_content_hyvsj_geabg_180.awsui_has-notifications-content_hyvsj_geabg_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_geabg_166) {
+  header.awsui_content_hyvsj_j35f2_180.awsui_has-notifications-content_hyvsj_j35f2_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_j35f2_166) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
-  header.awsui_content_hyvsj_geabg_180.awsui_has-breadcrumbs_hyvsj_geabg_166:not(#\9) {
+  header.awsui_content_hyvsj_j35f2_180.awsui_has-breadcrumbs_hyvsj_j35f2_166:not(#\9) {
     padding-top: var(--space-xxs-ynfts5, 4px);
   }
-  header.awsui_content_hyvsj_geabg_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-breadcrumbs_hyvsj_geabg_166) {
+  header.awsui_content_hyvsj_j35f2_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_j35f2_173):not(.awsui_has-breadcrumbs_hyvsj_j35f2_166) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
 }
 @media (max-width: 688px) {
-  header.awsui_content_hyvsj_geabg_180:not(#\9) {
+  header.awsui_content_hyvsj_j35f2_180:not(#\9) {
     padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
     /*
     Breadcrumbs has moved to first position and sticky so Notifications 
     are now the previous adjacent sibling if they exist.
     */
   }
-  header.awsui_content_hyvsj_geabg_180.awsui_has-notifications-content_hyvsj_geabg_173:not(#\9) {
+  header.awsui_content_hyvsj_j35f2_180.awsui_has-notifications-content_hyvsj_j35f2_173:not(#\9) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
 }
@@ -330,7 +330,7 @@ header.awsui_content_hyvsj_geabg_180:not(#\9) {
   circumstances regardless of whether the minContentWidth property is
   explicitly set in script.
   */
-.awsui_layout_hyvsj_geabg_333:not(#\9) {
+.awsui_layout_hyvsj_j35f2_333:not(#\9) {
   --awsui-content-gap-left-5mks97: 0px;
   --awsui-content-gap-right-5mks97: 0px;
   --awsui-content-height-5mks97: calc(100vh - var(--awsui-header-height-5mks97) - var(--awsui-footer-height-5mks97));
@@ -412,75 +412,75 @@ header.awsui_content_hyvsj_geabg_180:not(#\9) {
   */
 }
 @media (min-width: 1401px) {
-  .awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_geabg_415) {
+  .awsui_layout_hyvsj_j35f2_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_j35f2_415) {
     --awsui-default-max-content-width-5mks97: 1280px;
   }
 }
 @media (min-width: 1921px) {
-  .awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_geabg_415) {
+  .awsui_layout_hyvsj_j35f2_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_j35f2_415) {
     --awsui-default-max-content-width-5mks97: 1440px;
   }
 }
 @media (min-width: 2541px) {
-  .awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_geabg_415) {
+  .awsui_layout_hyvsj_j35f2_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_j35f2_415) {
     --awsui-default-max-content-width-5mks97: 1620px;
   }
 }
-.awsui_layout_hyvsj_geabg_333.awsui_has-max-content-width_hyvsj_geabg_415:not(#\9) {
+.awsui_layout_hyvsj_j35f2_333.awsui_has-max-content-width_hyvsj_j35f2_415:not(#\9) {
   --awsui-default-max-content-width-5mks97: var(--awsui-max-content-width-5mks97);
 }
 @media (min-width: 993px) {
-  .awsui_layout_hyvsj_geabg_333:not(#\9) {
+  .awsui_layout_hyvsj_j35f2_333:not(#\9) {
     --awsui-default-min-content-width-5mks97: var(--awsui-min-content-width-5mks97, 280px);
   }
 }
 @media (max-width: 992px) {
-  .awsui_layout_hyvsj_geabg_333:not(#\9) {
+  .awsui_layout_hyvsj_j35f2_333:not(#\9) {
     --awsui-default-min-content-width-5mks97: 0px;
   }
 }
-.awsui_layout_hyvsj_geabg_333.awsui_is-overlap-disabled_hyvsj_geabg_442:not(#\9) {
+.awsui_layout_hyvsj_j35f2_333.awsui_is-overlap-disabled_hyvsj_j35f2_442:not(#\9) {
   --awsui-overlap-height-5mks97: 0;
 }
-.awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_geabg_445) {
+.awsui_layout_hyvsj_j35f2_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_j35f2_445) {
   --awsui-offset-top-5mks97: var(--awsui-header-height-5mks97);
   min-height: var(--awsui-content-height-5mks97);
 }
-.awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_geabg_445):not(.awsui_has-sticky-notifications_hyvsj_geabg_449) {
+.awsui_layout_hyvsj_j35f2_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_j35f2_445):not(.awsui_has-sticky-notifications_hyvsj_j35f2_449) {
   --awsui-offset-top-with-notifications-5mks97: var(--awsui-header-height-5mks97);
 }
-.awsui_layout_hyvsj_geabg_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_geabg_445).awsui_has-sticky-notifications_hyvsj_geabg_449 {
+.awsui_layout_hyvsj_j35f2_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_j35f2_445).awsui_has-sticky-notifications_hyvsj_j35f2_449 {
   --awsui-offset-top-with-notifications-5mks97: calc(
       var(--awsui-header-height-5mks97) + var(--awsui-notifications-height-5mks97) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
     );
 }
-.awsui_layout_hyvsj_geabg_333.awsui_disable-body-scroll_hyvsj_geabg_445:not(#\9) {
+.awsui_layout_hyvsj_j35f2_333.awsui_disable-body-scroll_hyvsj_j35f2_445:not(#\9) {
   --awsui-offset-top-5mks97: 0px;
   grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-5mks97) 1fr auto;
   height: var(--awsui-content-height-5mks97);
   overflow-y: scroll;
 }
-.awsui_layout_hyvsj_geabg_333.awsui_disable-body-scroll_hyvsj_geabg_445.awsui_has-split-panel_hyvsj_geabg_463.awsui_split-panel-position-bottom_hyvsj_geabg_463:not(#\9) {
+.awsui_layout_hyvsj_j35f2_333.awsui_disable-body-scroll_hyvsj_j35f2_445.awsui_has-split-panel_hyvsj_j35f2_463.awsui_split-panel-position-bottom_hyvsj_j35f2_463:not(#\9) {
   grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-5mks97) repeat(2, auto);
 }
-.awsui_layout_hyvsj_geabg_333.awsui_disable-body-scroll_hyvsj_geabg_445:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_geabg_449) {
+.awsui_layout_hyvsj_j35f2_333.awsui_disable-body-scroll_hyvsj_j35f2_445:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_j35f2_449) {
   --awsui-offset-top-with-notifications-5mks97: 0px;
 }
-.awsui_layout_hyvsj_geabg_333.awsui_disable-body-scroll_hyvsj_geabg_445.awsui_has-sticky-notifications_hyvsj_geabg_449:not(#\9) {
+.awsui_layout_hyvsj_j35f2_333.awsui_disable-body-scroll_hyvsj_j35f2_445.awsui_has-sticky-notifications_hyvsj_j35f2_449:not(#\9) {
   --awsui-offset-top-with-notifications-5mks97: calc(
       var(--awsui-notifications-height-5mks97) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
     );
 }
 @media (min-width: 689px) {
-  .awsui_layout_hyvsj_geabg_333.awsui_has-content-gap-left_hyvsj_geabg_475:not(#\9) {
+  .awsui_layout_hyvsj_j35f2_333.awsui_has-content-gap-left_hyvsj_j35f2_475:not(#\9) {
     --awsui-content-gap-left-5mks97: var(--space-scaled-2x-xxxl-lbp35j, 40px);
   }
-  .awsui_layout_hyvsj_geabg_333.awsui_has-content-gap-right_hyvsj_geabg_478:not(#\9) {
+  .awsui_layout_hyvsj_j35f2_333.awsui_has-content-gap-right_hyvsj_j35f2_478:not(#\9) {
     --awsui-content-gap-right-5mks97: var(--space-scaled-2x-xxxl-lbp35j, 40px);
   }
 }
 @media (max-width: 688px) {
-  .awsui_layout_hyvsj_geabg_333:not(#\9) {
+  .awsui_layout_hyvsj_j35f2_333:not(#\9) {
     --awsui-content-gap-left-5mks97: var(--space-l-4vl6xu, 20px);
     --awsui-content-gap-right-5mks97: var(--space-l-4vl6xu, 20px);
   }
@@ -490,7 +490,7 @@ header.awsui_content_hyvsj_geabg_180:not(#\9) {
 This CSS class is applied to the document body to prevent overflow scrolling
 when the navigation or tools drawers are open in responsive viewports.
 */
-.awsui_block-body-scroll_hyvsj_geabg_493:not(#\9) {
+.awsui_block-body-scroll_hyvsj_j35f2_493:not(#\9) {
   overflow: hidden;
 }
 
@@ -498,7 +498,7 @@ when the navigation or tools drawers are open in responsive viewports.
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_container_hyvsj_geabg_501:not(#\9) {
+.awsui_container_hyvsj_j35f2_501:not(#\9) {
   grid-column: 3;
   grid-row: 4/span 2;
   padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
@@ -521,23 +521,23 @@ when the navigation or tools drawers are open in responsive viewports.
   under various circumstances.
   */
 }
-.awsui_container_hyvsj_geabg_501.awsui_has-split-panel_hyvsj_geabg_463.awsui_split-panel-position-bottom_hyvsj_geabg_463:not(#\9) {
+.awsui_container_hyvsj_j35f2_501.awsui_has-split-panel_hyvsj_j35f2_463.awsui_split-panel-position-bottom_hyvsj_j35f2_463:not(#\9) {
   padding-bottom: calc(var(--awsui-split-panel-height-5mks97) + var(--space-layout-content-bottom-kg9l42, 40px));
 }
-.awsui_container_hyvsj_geabg_501.awsui_disable-content-paddings_hyvsj_geabg_527:not(#\9) {
+.awsui_container_hyvsj_j35f2_501.awsui_disable-content-paddings_hyvsj_j35f2_527:not(#\9) {
   grid-column: 1/6;
   padding: 0;
 }
 @media (min-width: 689px) {
-  .awsui_container_hyvsj_geabg_501.awsui_disable-content-paddings_hyvsj_geabg_527.awsui_is-navigation-open_hyvsj_geabg_532:not(#\9) {
+  .awsui_container_hyvsj_j35f2_501.awsui_disable-content-paddings_hyvsj_j35f2_527.awsui_is-navigation-open_hyvsj_j35f2_532:not(#\9) {
     grid-column-start: 2;
   }
-  .awsui_container_hyvsj_geabg_501.awsui_disable-content-paddings_hyvsj_geabg_527.awsui_is-tools-open_hyvsj_geabg_535:not(#\9), .awsui_container_hyvsj_geabg_501.awsui_disable-content-paddings_hyvsj_geabg_527.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_split-panel-position-side_hyvsj_geabg_535:not(#\9) {
+  .awsui_container_hyvsj_j35f2_501.awsui_disable-content-paddings_hyvsj_j35f2_527.awsui_is-tools-open_hyvsj_j35f2_535:not(#\9), .awsui_container_hyvsj_j35f2_501.awsui_disable-content-paddings_hyvsj_j35f2_527.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_split-panel-position-side_hyvsj_j35f2_535:not(#\9) {
     grid-column-end: 5;
   }
 }
 @media (min-width: 689px) {
-  .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527) {
+  .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527) {
     /*
     Notifications is the previous adjacent sibling to the Main in
     desktop viewports if there are no Breadcrumbs or Header. Use additional
@@ -552,18 +552,18 @@ when the navigation or tools drawers are open in responsive viewports.
     sibling to the Main which requires no top padding.
     */
   }
-  .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-default_hyvsj_geabg_555.awsui_has-notifications-content_hyvsj_geabg_173:not(.awsui_has-breadcrumbs_hyvsj_geabg_166):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179), .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-form_hyvsj_geabg_555.awsui_has-notifications-content_hyvsj_geabg_173:not(.awsui_has-breadcrumbs_hyvsj_geabg_166):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179) {
+  .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-default_hyvsj_j35f2_555.awsui_has-notifications-content_hyvsj_j35f2_173:not(.awsui_has-breadcrumbs_hyvsj_j35f2_166):not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179), .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-form_hyvsj_j35f2_555.awsui_has-notifications-content_hyvsj_j35f2_173:not(.awsui_has-breadcrumbs_hyvsj_j35f2_166):not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-default_hyvsj_geabg_555:not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-breadcrumbs_hyvsj_geabg_166):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179), .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-form_hyvsj_geabg_555:not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-breadcrumbs_hyvsj_geabg_166):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179) {
+  .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-default_hyvsj_j35f2_555:not(.awsui_has-notifications-content_hyvsj_j35f2_173):not(.awsui_has-breadcrumbs_hyvsj_j35f2_166):not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179), .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-form_hyvsj_j35f2_555:not(.awsui_has-notifications-content_hyvsj_j35f2_173):not(.awsui_has-breadcrumbs_hyvsj_j35f2_166):not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179) {
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
-  .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_has-header_hyvsj_geabg_179, .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_has-dynamic-overlap-height_hyvsj_geabg_179 {
+  .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_has-header_hyvsj_j35f2_179, .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_has-dynamic-overlap-height_hyvsj_j35f2_179 {
     padding-top: 0;
   }
 }
 @media (max-width: 688px) {
-  .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527) {
+  .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527) {
     /*
     If the Notifications exist but the Header does not then the
     Notifications is the previous adjacent sibling to the Main
@@ -578,30 +578,32 @@ when the navigation or tools drawers are open in responsive viewports.
     sibling to the Main which requires no top padding.
     */
   }
-  .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-default_hyvsj_geabg_555.awsui_has-notifications-content_hyvsj_geabg_173:not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179), .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-form_hyvsj_geabg_555.awsui_has-notifications-content_hyvsj_geabg_173:not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179) {
+  .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-default_hyvsj_j35f2_555.awsui_has-notifications-content_hyvsj_j35f2_173:not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179), .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-form_hyvsj_j35f2_555.awsui_has-notifications-content_hyvsj_j35f2_173:not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-default_hyvsj_geabg_555:not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179), .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_content-type-form_hyvsj_geabg_555:not(.awsui_has-notifications-content_hyvsj_geabg_173):not(.awsui_has-header_hyvsj_geabg_179):not(.awsui_has-dynamic-overlap-height_hyvsj_geabg_179) {
+  .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-default_hyvsj_j35f2_555:not(.awsui_has-notifications-content_hyvsj_j35f2_173):not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179), .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-form_hyvsj_j35f2_555:not(.awsui_has-notifications-content_hyvsj_j35f2_173):not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179) {
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
-  .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_has-header_hyvsj_geabg_179, .awsui_container_hyvsj_geabg_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_geabg_527).awsui_has-dynamic-overlap-height_hyvsj_geabg_179 {
+  .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_has-header_hyvsj_j35f2_179, .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_has-dynamic-overlap-height_hyvsj_j35f2_179 {
     padding-top: 0;
   }
 }
-.awsui_container_hyvsj_geabg_501.awsui_content-type-cards_hyvsj_geabg_183:not(#\9), .awsui_container_hyvsj_geabg_501.awsui_content-type-table_hyvsj_geabg_184:not(#\9), .awsui_container_hyvsj_geabg_501.awsui_content-type-wizard_hyvsj_geabg_180:not(#\9) {
+.awsui_container_hyvsj_j35f2_501.awsui_content-type-cards_hyvsj_j35f2_183:not(#\9), .awsui_container_hyvsj_j35f2_501.awsui_content-type-table_hyvsj_j35f2_184:not(#\9), .awsui_container_hyvsj_j35f2_501.awsui_content-type-wizard_hyvsj_j35f2_180:not(#\9) {
   padding-top: 0;
 }
 
-/* stylelint-disable-next-line selector-max-universal, selector-combinator-disallowed-list */
-.awsui_unfocusable_hyvsj_geabg_596 *:not(#\9) {
+/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
+.awsui_unfocusable_hyvsj_j35f2_596:not(#\9),
+.awsui_unfocusable_hyvsj_j35f2_596 *:not(#\9) {
   visibility: hidden !important;
 }
 
+/* stylelint-enable selector-max-universal, selector-combinator-disallowed-list */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_navigation-container_hyvsj_geabg_604:not(#\9) {
+.awsui_navigation-container_hyvsj_j35f2_606:not(#\9) {
   --awsui-navigation-width-5mks97: 280px;
   display: flex;
   grid-column: 1;
@@ -623,12 +625,12 @@ when the navigation or tools drawers are open in responsive viewports.
   pointer-events: none;
 }
 @media (min-width: 2541px) {
-  .awsui_navigation-container_hyvsj_geabg_604:not(#\9) {
+  .awsui_navigation-container_hyvsj_j35f2_606:not(#\9) {
     --awsui-navigation-width-5mks97: 320px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation-container_hyvsj_geabg_604:not(#\9) {
+  .awsui_navigation-container_hyvsj_j35f2_606:not(#\9) {
     left: 0;
     position: fixed;
     top: var(--awsui-offset-top-5mks97);
@@ -636,14 +638,14 @@ when the navigation or tools drawers are open in responsive viewports.
   }
 }
 
-nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9) {
+nav.awsui_show-navigation_hyvsj_j35f2_641:not(#\9) {
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
   /*
   Apply the animation only in desktop viewports because the AppBar will 
   take control in responsive viewports.
   */
 }
-@keyframes awsui_showButtons_hyvsj_geabg_1 {
+@keyframes awsui_showButtons_hyvsj_j35f2_1 {
   0% {
     opacity: 0;
   }
@@ -651,31 +653,31 @@ nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9) {
     opacity: 1;
   }
 }
-nav.awsui_show-navigation_hyvsj_geabg_639.awsui_is-navigation-open_hyvsj_geabg_532:not(#\9) {
+nav.awsui_show-navigation_hyvsj_j35f2_641.awsui_is-navigation-open_hyvsj_j35f2_532:not(#\9) {
   display: none;
 }
 @media (min-width: 689px) {
-  nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532) {
+  nav.awsui_show-navigation_hyvsj_j35f2_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_j35f2_532) {
     display: block;
   }
-  nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532).awsui_animating_hyvsj_geabg_661 {
-    animation: awsui_showButtons_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+  nav.awsui_show-navigation_hyvsj_j35f2_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_j35f2_532).awsui_animating_hyvsj_j35f2_663 {
+    animation: awsui_showButtons_hyvsj_j35f2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532).awsui_animating_hyvsj_geabg_661 {
+  nav.awsui_show-navigation_hyvsj_j35f2_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_j35f2_532).awsui_animating_hyvsj_j35f2_663 {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532).awsui_animating_hyvsj_geabg_661, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532).awsui_animating_hyvsj_geabg_661 {
+  .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_j35f2_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_j35f2_532).awsui_animating_hyvsj_j35f2_663, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_j35f2_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_j35f2_532).awsui_animating_hyvsj_j35f2_663 {
     animation: none;
     transition: none;
   }
 }
 
-nav.awsui_navigation_hyvsj_geabg_604:not(#\9) {
+nav.awsui_navigation_hyvsj_j35f2_606:not(#\9) {
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
   bottom: 0;
@@ -692,7 +694,7 @@ nav.awsui_navigation_hyvsj_geabg_604:not(#\9) {
   prevent unwanted text wrapping.
   */
 }
-@keyframes awsui_openNavigation_hyvsj_geabg_1 {
+@keyframes awsui_openNavigation_hyvsj_j35f2_1 {
   from {
     opacity: 0;
     width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -702,33 +704,33 @@ nav.awsui_navigation_hyvsj_geabg_604:not(#\9) {
     width: var(--awsui-navigation-width-5mks97);
   }
 }
-nav.awsui_navigation_hyvsj_geabg_604:not(#\9):not(.awsui_is-navigation-open_hyvsj_geabg_532) {
+nav.awsui_navigation_hyvsj_j35f2_606:not(#\9):not(.awsui_is-navigation-open_hyvsj_j35f2_532) {
   width: 0;
   display: none;
 }
-nav.awsui_navigation_hyvsj_geabg_604.awsui_is-navigation-open_hyvsj_geabg_532.awsui_animating_hyvsj_geabg_661:not(#\9) {
-  animation: awsui_openNavigation_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+nav.awsui_navigation_hyvsj_j35f2_606.awsui_is-navigation-open_hyvsj_j35f2_532.awsui_animating_hyvsj_j35f2_663:not(#\9) {
+  animation: awsui_openNavigation_hyvsj_j35f2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  nav.awsui_navigation_hyvsj_geabg_604.awsui_is-navigation-open_hyvsj_geabg_532.awsui_animating_hyvsj_geabg_661:not(#\9) {
+  nav.awsui_navigation_hyvsj_j35f2_606.awsui_is-navigation-open_hyvsj_j35f2_532.awsui_animating_hyvsj_j35f2_663:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled nav.awsui_navigation_hyvsj_geabg_604.awsui_is-navigation-open_hyvsj_geabg_532.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_geabg_604.awsui_is-navigation-open_hyvsj_geabg_532.awsui_animating_hyvsj_geabg_661:not(#\9) {
+.awsui-motion-disabled nav.awsui_navigation_hyvsj_j35f2_606.awsui_is-navigation-open_hyvsj_j35f2_532.awsui_animating_hyvsj_j35f2_663:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_j35f2_606.awsui_is-navigation-open_hyvsj_j35f2_532.awsui_animating_hyvsj_j35f2_663:not(#\9) {
   animation: none;
   transition: none;
 }
-nav.awsui_navigation_hyvsj_geabg_604 > .awsui_animated-content_hyvsj_geabg_722:not(#\9) {
+nav.awsui_navigation_hyvsj_j35f2_606 > .awsui_animated-content_hyvsj_j35f2_724:not(#\9) {
   width: var(--awsui-navigation-width-5mks97);
 }
 @media (max-width: 688px) {
-  nav.awsui_navigation_hyvsj_geabg_604:not(#\9) {
+  nav.awsui_navigation_hyvsj_j35f2_606:not(#\9) {
     --awsui-navigation-width-5mks97: 100vw;
   }
 }
 
-.awsui_hide-navigation_hyvsj_geabg_731:not(#\9) {
+.awsui_hide-navigation_hyvsj_j35f2_733:not(#\9) {
   position: absolute;
   right: var(--space-m-17eucw, 16px);
   top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -738,7 +740,7 @@ nav.awsui_navigation_hyvsj_geabg_604 > .awsui_animated-content_hyvsj_geabg_722:n
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_hyvsj_geabg_224:not(#\9) {
+.awsui_notifications_hyvsj_j35f2_224:not(#\9) {
   grid-column: 3;
   grid-row: 1;
   z-index: 825;
@@ -755,30 +757,30 @@ nav.awsui_navigation_hyvsj_geabg_604 > .awsui_animated-content_hyvsj_geabg_722:n
   */
 }
 @media (min-width: 689px) {
-  .awsui_notifications_hyvsj_geabg_224:not(#\9) {
+  .awsui_notifications_hyvsj_j35f2_224:not(#\9) {
     margin: var(--space-xs-rsr2qu, 8px) 0;
     /*
     var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications 
     calculation in the layout CSS. 
     */
   }
-  .awsui_notifications_hyvsj_geabg_224.awsui_sticky-notifications_hyvsj_geabg_236:not(#\9) {
+  .awsui_notifications_hyvsj_j35f2_224.awsui_sticky-notifications_hyvsj_j35f2_236:not(#\9) {
     position: sticky;
     top: calc(var(--awsui-offset-top-5mks97) + var(--space-xs-rsr2qu, 8px));
   }
-  .awsui_notifications_hyvsj_geabg_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_geabg_173) {
+  .awsui_notifications_hyvsj_j35f2_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_j35f2_173) {
     margin: 0;
   }
 }
 @media (max-width: 688px) {
-  .awsui_notifications_hyvsj_geabg_224:not(#\9) {
+  .awsui_notifications_hyvsj_j35f2_224:not(#\9) {
     grid-row: 2;
     margin: var(--space-scaled-s-cu1hzn, 12px) 0;
   }
-  .awsui_notifications_hyvsj_geabg_224.awsui_sticky-notifications_hyvsj_geabg_236:not(#\9) {
+  .awsui_notifications_hyvsj_j35f2_224.awsui_sticky-notifications_hyvsj_j35f2_236:not(#\9) {
     position: static;
   }
-  .awsui_notifications_hyvsj_geabg_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_geabg_173) {
+  .awsui_notifications_hyvsj_j35f2_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_j35f2_173) {
     margin: 0;
   }
 }
@@ -793,7 +795,7 @@ as the content area. This row is defined as 1 fractional unit which will
 consume the remaining vertical space in the grid after the notifications 
 and breadcrumbs.
 */
-section.awsui_split-panel-bottom_hyvsj_geabg_796:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_j35f2_798:not(#\9) {
   /*
   The align self property will position the split panel at the bottom of the grid row.
   This could be off the viewport if the content area has enough content to be scrollable.
@@ -828,7 +830,7 @@ section.awsui_split-panel-bottom_hyvsj_geabg_796:not(#\9) {
   apply the animation to the height property.
   */
 }
-@keyframes awsui_openSplitPanelBottom_hyvsj_geabg_1 {
+@keyframes awsui_openSplitPanelBottom_hyvsj_j35f2_1 {
   from {
     height: var(--awsui-split-panel-reported-header-size-5mks97, 0);
   }
@@ -836,39 +838,39 @@ section.awsui_split-panel-bottom_hyvsj_geabg_796:not(#\9) {
     height: var(--awsui-split-panel-reported-size-5mks97);
   }
 }
-section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_disable-body-scroll_hyvsj_geabg_445:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_disable-body-scroll_hyvsj_j35f2_445:not(#\9) {
   bottom: 0;
 }
-section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-navigation-open_hyvsj_geabg_532.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_is-navigation-open_hyvsj_j35f2_532.awsui_position-bottom_hyvsj_j35f2_844:not(#\9) {
   grid-column-start: 2;
 }
-section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-tools-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_is-tools-open_hyvsj_j35f2_535.awsui_position-bottom_hyvsj_j35f2_844:not(#\9) {
   grid-column-end: 5;
 }
-section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_position-bottom_hyvsj_j35f2_844:not(#\9) {
   display: block;
 }
-section.awsui_split-panel-bottom_hyvsj_geabg_796:not(#\9):not(.awsui_is-split-panel-open_hyvsj_geabg_535).awsui_position-bottom_hyvsj_geabg_842 {
+section.awsui_split-panel-bottom_hyvsj_j35f2_798:not(#\9):not(.awsui_is-split-panel-open_hyvsj_j35f2_535).awsui_position-bottom_hyvsj_j35f2_844 {
   box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
 }
-section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
+section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-bottom_hyvsj_j35f2_844:not(#\9) {
   box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
 }
-section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842.awsui_animating_hyvsj_geabg_661:not(#\9) {
-  animation: awsui_openSplitPanelBottom_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-bottom_hyvsj_j35f2_844.awsui_animating_hyvsj_j35f2_663:not(#\9) {
+  animation: awsui_openSplitPanelBottom_hyvsj_j35f2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842.awsui_animating_hyvsj_geabg_661:not(#\9) {
+  section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-bottom_hyvsj_j35f2_844.awsui_animating_hyvsj_j35f2_663:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_geabg_796.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-bottom_hyvsj_geabg_842.awsui_animating_hyvsj_geabg_661:not(#\9) {
+.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-bottom_hyvsj_j35f2_844.awsui_animating_hyvsj_j35f2_663:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-bottom_hyvsj_j35f2_844.awsui_animating_hyvsj_j35f2_663:not(#\9) {
   animation: none;
   transition: none;
 }
 
-section.awsui_split-panel-side_hyvsj_geabg_871:not(#\9) {
+section.awsui_split-panel-side_hyvsj_j35f2_873:not(#\9) {
   height: 100%;
   overflow-x: hidden;
   pointer-events: auto;
@@ -883,7 +885,7 @@ section.awsui_split-panel-side_hyvsj_geabg_871:not(#\9) {
   prevent unwanted text wrapping.
   */
 }
-@keyframes awsui_openSplitPanelSide_hyvsj_geabg_1 {
+@keyframes awsui_openSplitPanelSide_hyvsj_j35f2_1 {
   from {
     opacity: 0;
     width: var(--awsui-split-panel-min-width-5mks97, 280px);
@@ -893,28 +895,28 @@ section.awsui_split-panel-side_hyvsj_geabg_871:not(#\9) {
     width: var(--awsui-split-panel-reported-size-5mks97);
   }
 }
-section.awsui_split-panel-side_hyvsj_geabg_871:not(#\9):not(.awsui_is-split-panel-open_hyvsj_geabg_535), section.awsui_split-panel-side_hyvsj_geabg_871.awsui_position-bottom_hyvsj_geabg_842:not(#\9) {
+section.awsui_split-panel-side_hyvsj_j35f2_873:not(#\9):not(.awsui_is-split-panel-open_hyvsj_j35f2_535), section.awsui_split-panel-side_hyvsj_j35f2_873.awsui_position-bottom_hyvsj_j35f2_844:not(#\9) {
   width: 0;
 }
-section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899:not(#\9) {
+section.awsui_split-panel-side_hyvsj_j35f2_873.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-side_hyvsj_j35f2_901:not(#\9) {
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
   max-width: var(--awsui-split-panel-max-width-5mks97, 280px);
   min-width: var(--awsui-split-panel-min-width-5mks97, 280px);
 }
-section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899.awsui_animating_hyvsj_geabg_661:not(#\9) {
-  animation: awsui_openSplitPanelSide_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+section.awsui_split-panel-side_hyvsj_j35f2_873.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-side_hyvsj_j35f2_901.awsui_animating_hyvsj_j35f2_663:not(#\9) {
+  animation: awsui_openSplitPanelSide_hyvsj_j35f2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899.awsui_animating_hyvsj_geabg_661:not(#\9) {
+  section.awsui_split-panel-side_hyvsj_j35f2_873.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-side_hyvsj_j35f2_901.awsui_animating_hyvsj_j35f2_663:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_geabg_871.awsui_is-split-panel-open_hyvsj_geabg_535.awsui_position-side_hyvsj_geabg_899.awsui_animating_hyvsj_geabg_661:not(#\9) {
+.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_j35f2_873.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-side_hyvsj_j35f2_901.awsui_animating_hyvsj_j35f2_663:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_j35f2_873.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-side_hyvsj_j35f2_901.awsui_animating_hyvsj_j35f2_663:not(#\9) {
   animation: none;
   transition: none;
 }
-section.awsui_split-panel-side_hyvsj_geabg_871 > .awsui_animated-content_hyvsj_geabg_722:not(#\9) {
+section.awsui_split-panel-side_hyvsj_j35f2_873 > .awsui_animated-content_hyvsj_j35f2_724:not(#\9) {
   height: 100%;
   max-width: inherit;
   width: var(--awsui-split-panel-reported-size-5mks97);
@@ -933,7 +935,7 @@ content width has a default value that can be set directly with the minContentWi
 property. The content gap right is computed in the Layout styles based on the 
 viewport size and state of the Tools drawer.
 */
-.awsui_tools-container_hyvsj_geabg_936:not(#\9) {
+.awsui_tools-container_hyvsj_j35f2_938:not(#\9) {
   /* stylelint-disable scss/operator-no-newline-after */
   --awsui-tools-max-width-5mks97: calc(var(--awsui-layout-width-5mks97) - var(--awsui-main-offset-left-5mks97) - var(--awsui-default-min-content-width-5mks97) - var(--awsui-content-gap-right-5mks97));
   /* stylelint-enable scss/operator-no-newline-after */
@@ -949,12 +951,12 @@ viewport size and state of the Tools drawer.
   pointer-events: none;
 }
 @media (min-width: 2541px) {
-  .awsui_tools-container_hyvsj_geabg_936:not(#\9) {
+  .awsui_tools-container_hyvsj_j35f2_938:not(#\9) {
     --awsui-tools-width-5mks97: 360px;
   }
 }
 @media (max-width: 688px) {
-  .awsui_tools-container_hyvsj_geabg_936:not(#\9) {
+  .awsui_tools-container_hyvsj_j35f2_938:not(#\9) {
     --awsui-tools-max-width-5mks97: none;
     --awsui-tools-width-5mks97: auto;
     position: fixed;
@@ -964,7 +966,7 @@ viewport size and state of the Tools drawer.
   }
 }
 
-.awsui_tools_hyvsj_geabg_936:not(#\9) {
+.awsui_tools_hyvsj_j35f2_938:not(#\9) {
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
   flex-shrink: 0;
@@ -987,7 +989,7 @@ viewport size and state of the Tools drawer.
   in the side position.
   */
 }
-@keyframes awsui_openTools_hyvsj_geabg_1 {
+@keyframes awsui_openTools_hyvsj_j35f2_1 {
   from {
     opacity: var(--awsui-tools-animation-starting-opacity-5mks97, 0);
     width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
@@ -997,38 +999,38 @@ viewport size and state of the Tools drawer.
     width: var(--awsui-tools-width-5mks97);
   }
 }
-.awsui_tools_hyvsj_geabg_936:not(#\9):not(.awsui_is-tools-open_hyvsj_geabg_535) {
+.awsui_tools_hyvsj_j35f2_938:not(#\9):not(.awsui_is-tools-open_hyvsj_j35f2_535) {
   width: 0;
   display: none;
 }
-.awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_animating_hyvsj_geabg_661:not(#\9) {
-  animation: awsui_openTools_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+.awsui_tools_hyvsj_j35f2_938.awsui_is-tools-open_hyvsj_j35f2_535.awsui_animating_hyvsj_j35f2_663:not(#\9) {
+  animation: awsui_openTools_hyvsj_j35f2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_animating_hyvsj_geabg_661:not(#\9) {
+  .awsui_tools_hyvsj_j35f2_938.awsui_is-tools-open_hyvsj_j35f2_535.awsui_animating_hyvsj_j35f2_663:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_animating_hyvsj_geabg_661:not(#\9) {
+.awsui-motion-disabled .awsui_tools_hyvsj_j35f2_938.awsui_is-tools-open_hyvsj_j35f2_535.awsui_animating_hyvsj_j35f2_663:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_j35f2_938.awsui_is-tools-open_hyvsj_j35f2_535.awsui_animating_hyvsj_j35f2_663:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_tools_hyvsj_geabg_936 > .awsui_animated-content_hyvsj_geabg_722:not(#\9) {
+.awsui_tools_hyvsj_j35f2_938 > .awsui_animated-content_hyvsj_j35f2_724:not(#\9) {
   width: var(--awsui-tools-width-5mks97);
 }
 @media (min-width: 689px) {
-  .awsui_tools_hyvsj_geabg_936.awsui_is-tools-open_hyvsj_geabg_535.awsui_has-tools-form-persistence_hyvsj_geabg_1021:not(#\9) {
+  .awsui_tools_hyvsj_j35f2_938.awsui_is-tools-open_hyvsj_j35f2_535.awsui_has-tools-form-persistence_hyvsj_j35f2_1023:not(#\9) {
     border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
   }
 }
 @media (max-width: 688px) {
-  .awsui_tools_hyvsj_geabg_936:not(#\9) {
+  .awsui_tools_hyvsj_j35f2_938:not(#\9) {
     --awsui-tools-width-5mks97: 100vw;
   }
 }
 
-.awsui_hide-tools_hyvsj_geabg_1031:not(#\9) {
+.awsui_hide-tools_hyvsj_j35f2_1033:not(#\9) {
   position: absolute;
   right: var(--space-m-17eucw, 16px);
   top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
@@ -1040,7 +1042,7 @@ Warning! If these design tokens for padding change it will adversely impact
 the calculation used to determine the Split Panel maximum width in the 
 handleSplitPanelMaxWidth function in the context.
 */
-.awsui_show-tools_hyvsj_geabg_1043:not(#\9) {
+.awsui_show-tools_hyvsj_j35f2_1045:not(#\9) {
   box-sizing: border-box;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
   /*
@@ -1048,7 +1050,7 @@ handleSplitPanelMaxWidth function in the context.
   take control in responsive viewports.
   */
 }
-@keyframes awsui_showButtons_hyvsj_geabg_1 {
+@keyframes awsui_showButtons_hyvsj_j35f2_1 {
   0% {
     opacity: 0;
   }
@@ -1056,33 +1058,33 @@ handleSplitPanelMaxWidth function in the context.
     opacity: 1;
   }
 }
-.awsui_show-tools_hyvsj_geabg_1043:not(#\9):not(.awsui_has-tools-form_hyvsj_geabg_1021) {
+.awsui_show-tools_hyvsj_j35f2_1045:not(#\9):not(.awsui_has-tools-form_hyvsj_j35f2_1023) {
   display: none;
 }
 @media (min-width: 689px) {
-  .awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021:not(#\9) {
+  .awsui_show-tools_hyvsj_j35f2_1045.awsui_has-tools-form_hyvsj_j35f2_1023:not(#\9) {
     display: flex;
     flex-direction: column;
     gap: var(--space-xs-rsr2qu, 8px);
   }
-  .awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021.awsui_animating_hyvsj_geabg_661:not(#\9) {
-    animation: awsui_showButtons_hyvsj_geabg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+  .awsui_show-tools_hyvsj_j35f2_1045.awsui_has-tools-form_hyvsj_j35f2_1023.awsui_animating_hyvsj_j35f2_663:not(#\9) {
+    animation: awsui_showButtons_hyvsj_j35f2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  .awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021.awsui_animating_hyvsj_geabg_661:not(#\9) {
+  .awsui_show-tools_hyvsj_j35f2_1045.awsui_has-tools-form_hyvsj_j35f2_1023.awsui_animating_hyvsj_j35f2_663:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled .awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021.awsui_animating_hyvsj_geabg_661:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form_hyvsj_geabg_1021.awsui_animating_hyvsj_geabg_661:not(#\9) {
+  .awsui-motion-disabled .awsui_show-tools_hyvsj_j35f2_1045.awsui_has-tools-form_hyvsj_j35f2_1023.awsui_animating_hyvsj_j35f2_663:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_j35f2_1045.awsui_has-tools-form_hyvsj_j35f2_1023.awsui_animating_hyvsj_j35f2_663:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui_show-tools_hyvsj_geabg_1043.awsui_has-tools-form-persistence_hyvsj_geabg_1021:not(#\9) {
+  .awsui_show-tools_hyvsj_j35f2_1045.awsui_has-tools-form-persistence_hyvsj_j35f2_1023:not(#\9) {
     background-color: var(--color-background-container-content-i8i4a0, #ffffff);
     z-index: 1;
   }
@@ -1097,7 +1099,7 @@ Warning! If these design tokens for width change it will adversely impact
 the calculation used to determine the Split Panel maximum width in the 
 handleSplitPanelMaxWidth function in the context.
 */
-.awsui_trigger_hyvsj_geabg_1100:not(#\9) {
+.awsui_trigger_hyvsj_j35f2_1102:not(#\9) {
   background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
   border: none;
   border-radius: 50%;
@@ -1109,14 +1111,14 @@ handleSplitPanelMaxWidth function in the context.
   width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
   pointer-events: auto;
 }
-.awsui_trigger_hyvsj_geabg_1100[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_trigger_hyvsj_j35f2_1102[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_trigger_hyvsj_geabg_1100[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_trigger_hyvsj_j35f2_1102[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-.awsui_trigger_hyvsj_geabg_1100[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_trigger_hyvsj_j35f2_1102[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -1127,23 +1129,23 @@ handleSplitPanelMaxWidth function in the context.
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_trigger_hyvsj_geabg_1100:not(#\9):focus {
+.awsui_trigger_hyvsj_j35f2_1102:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_hyvsj_geabg_1100:not(#\9):hover {
+.awsui_trigger_hyvsj_j35f2_1102:not(#\9):hover {
   background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
 }
-.awsui_trigger_hyvsj_geabg_1100:not(#\9):active {
+.awsui_trigger_hyvsj_j35f2_1102:not(#\9):active {
   background: var(--color-background-layout-toggle-active-d15dki, #354150);
 }
-.awsui_trigger_hyvsj_geabg_1100.awsui_selected_hyvsj_geabg_1139:not(#\9) {
+.awsui_trigger_hyvsj_j35f2_1102.awsui_selected_hyvsj_j35f2_1141:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
   color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
 }
-.awsui_trigger_hyvsj_geabg_1100.awsui_selected_hyvsj_geabg_1139:not(#\9):hover {
+.awsui_trigger_hyvsj_j35f2_1102.awsui_selected_hyvsj_j35f2_1141:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
 }
-.awsui_trigger_hyvsj_geabg_1100.awsui_selected_hyvsj_geabg_1139:not(#\9):active {
+.awsui_trigger_hyvsj_j35f2_1102.awsui_selected_hyvsj_j35f2_1141:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
 }
 

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

@@ -2,65 +2,65 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "appbar": "awsui_appbar_hyvsj_geabg_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_geabg_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_geabg_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_geabg_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_geabg_166",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_geabg_173",
-  "has-header": "awsui_has-header_hyvsj_geabg_179",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_geabg_179",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_geabg_180",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_geabg_183",
-  "content-type-table": "awsui_content-type-table_hyvsj_geabg_184",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_geabg_187",
-  "background": "awsui_background_hyvsj_geabg_221",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_geabg_224",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_geabg_236",
-  "overlap": "awsui_overlap_hyvsj_geabg_242",
-  "content": "awsui_content_hyvsj_geabg_180",
-  "layout": "awsui_layout_hyvsj_geabg_333",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_geabg_415",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_geabg_442",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_geabg_445",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_geabg_449",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_geabg_463",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_geabg_463",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_geabg_475",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_geabg_478",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_geabg_493",
-  "container": "awsui_container_hyvsj_geabg_501",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_geabg_527",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_geabg_532",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_geabg_535",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_geabg_535",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_geabg_535",
-  "content-type-default": "awsui_content-type-default_hyvsj_geabg_555",
-  "content-type-form": "awsui_content-type-form_hyvsj_geabg_555",
-  "unfocusable": "awsui_unfocusable_hyvsj_geabg_596",
-  "navigation-container": "awsui_navigation-container_hyvsj_geabg_604",
-  "show-navigation": "awsui_show-navigation_hyvsj_geabg_639",
-  "animating": "awsui_animating_hyvsj_geabg_661",
-  "showButtons": "awsui_showButtons_hyvsj_geabg_1",
-  "navigation": "awsui_navigation_hyvsj_geabg_604",
-  "openNavigation": "awsui_openNavigation_hyvsj_geabg_1",
-  "animated-content": "awsui_animated-content_hyvsj_geabg_722",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_geabg_731",
-  "notifications": "awsui_notifications_hyvsj_geabg_224",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_geabg_796",
-  "position-bottom": "awsui_position-bottom_hyvsj_geabg_842",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_geabg_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_geabg_871",
-  "position-side": "awsui_position-side_hyvsj_geabg_899",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_geabg_1",
-  "tools-container": "awsui_tools-container_hyvsj_geabg_936",
-  "tools": "awsui_tools_hyvsj_geabg_936",
-  "openTools": "awsui_openTools_hyvsj_geabg_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_geabg_1021",
-  "hide-tools": "awsui_hide-tools_hyvsj_geabg_1031",
-  "show-tools": "awsui_show-tools_hyvsj_geabg_1043",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_geabg_1021",
-  "trigger": "awsui_trigger_hyvsj_geabg_1100",
-  "selected": "awsui_selected_hyvsj_geabg_1139"
+  "appbar": "awsui_appbar_hyvsj_j35f2_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_j35f2_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_j35f2_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_j35f2_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_j35f2_166",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_j35f2_173",
+  "has-header": "awsui_has-header_hyvsj_j35f2_179",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_j35f2_179",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_j35f2_180",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_j35f2_183",
+  "content-type-table": "awsui_content-type-table_hyvsj_j35f2_184",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_j35f2_187",
+  "background": "awsui_background_hyvsj_j35f2_221",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_j35f2_224",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_j35f2_236",
+  "overlap": "awsui_overlap_hyvsj_j35f2_242",
+  "content": "awsui_content_hyvsj_j35f2_180",
+  "layout": "awsui_layout_hyvsj_j35f2_333",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_j35f2_415",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_j35f2_442",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_j35f2_445",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_j35f2_449",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_j35f2_463",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_j35f2_463",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_j35f2_475",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_j35f2_478",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_j35f2_493",
+  "container": "awsui_container_hyvsj_j35f2_501",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_j35f2_527",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_j35f2_532",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_j35f2_535",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_j35f2_535",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_j35f2_535",
+  "content-type-default": "awsui_content-type-default_hyvsj_j35f2_555",
+  "content-type-form": "awsui_content-type-form_hyvsj_j35f2_555",
+  "unfocusable": "awsui_unfocusable_hyvsj_j35f2_596",
+  "navigation-container": "awsui_navigation-container_hyvsj_j35f2_606",
+  "show-navigation": "awsui_show-navigation_hyvsj_j35f2_641",
+  "animating": "awsui_animating_hyvsj_j35f2_663",
+  "showButtons": "awsui_showButtons_hyvsj_j35f2_1",
+  "navigation": "awsui_navigation_hyvsj_j35f2_606",
+  "openNavigation": "awsui_openNavigation_hyvsj_j35f2_1",
+  "animated-content": "awsui_animated-content_hyvsj_j35f2_724",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_j35f2_733",
+  "notifications": "awsui_notifications_hyvsj_j35f2_224",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_j35f2_798",
+  "position-bottom": "awsui_position-bottom_hyvsj_j35f2_844",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_j35f2_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_j35f2_873",
+  "position-side": "awsui_position-side_hyvsj_j35f2_901",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_j35f2_1",
+  "tools-container": "awsui_tools-container_hyvsj_j35f2_938",
+  "tools": "awsui_tools_hyvsj_j35f2_938",
+  "openTools": "awsui_openTools_hyvsj_j35f2_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_j35f2_1023",
+  "hide-tools": "awsui_hide-tools_hyvsj_j35f2_1033",
+  "show-tools": "awsui_show-tools_hyvsj_j35f2_1045",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_j35f2_1023",
+  "trigger": "awsui_trigger_hyvsj_j35f2_1102",
+  "selected": "awsui_selected_hyvsj_j35f2_1141"
 };
   

package/internal/environment.js

@@ -1,6 +1,6 @@
 
     export var PACKAGE_SOURCE = 'components';
-    export var PACKAGE_VERSION = '3.0.0 (300e529)';
+    export var PACKAGE_VERSION = '3.0.0 (d311dc2)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "300e529ecf45ff1016071e6ae8987c03bdd8aa65"
+  "commit": "d311dc2ceb6cfd897146272bc78edec93484f908"
 }

package/package.json

@@ -81,7 +81,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.191",
+  "version": "3.0.192",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"