@cloudscape-design/components-themeable 3.0.197 → 3.0.199

package/lib/internal/manifest.json

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

package/lib/internal/scss/app-layout/visual-refresh/main.scss

@@ -129,7 +129,9 @@
 }
 
 // Prevent content that is visually hidden behind drawers and content area in mobile view from receiving focus
-/* stylelint-disable-next-line selector-max-universal, selector-combinator-disallowed-list */
+/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
+.unfocusable,
 .unfocusable * {
   visibility: hidden !important;
 }
+/* stylelint-enable selector-max-universal, selector-combinator-disallowed-list */

package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/app-layout/visual-refresh/styles.css.js

@@ -1,65 +1,65 @@
 
     import './styles.scoped.css';
     export default {
-  "appbar": "awsui_appbar_hyvsj_12mno_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_12mno_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_12mno_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_12mno_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_12mno_166",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_12mno_173",
-  "has-header": "awsui_has-header_hyvsj_12mno_179",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_12mno_179",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_12mno_180",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_12mno_183",
-  "content-type-table": "awsui_content-type-table_hyvsj_12mno_184",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_12mno_187",
-  "background": "awsui_background_hyvsj_12mno_221",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_12mno_224",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_12mno_236",
-  "overlap": "awsui_overlap_hyvsj_12mno_242",
-  "content": "awsui_content_hyvsj_12mno_180",
-  "layout": "awsui_layout_hyvsj_12mno_333",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_12mno_415",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_12mno_442",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_12mno_445",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_12mno_449",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_12mno_463",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_12mno_463",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_12mno_475",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_12mno_478",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_12mno_493",
-  "container": "awsui_container_hyvsj_12mno_501",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_12mno_527",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_12mno_532",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_12mno_535",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_12mno_535",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_12mno_535",
-  "content-type-default": "awsui_content-type-default_hyvsj_12mno_555",
-  "content-type-form": "awsui_content-type-form_hyvsj_12mno_555",
-  "unfocusable": "awsui_unfocusable_hyvsj_12mno_596",
-  "navigation-container": "awsui_navigation-container_hyvsj_12mno_604",
-  "show-navigation": "awsui_show-navigation_hyvsj_12mno_639",
-  "animating": "awsui_animating_hyvsj_12mno_661",
-  "showButtons": "awsui_showButtons_hyvsj_12mno_1",
-  "navigation": "awsui_navigation_hyvsj_12mno_604",
-  "openNavigation": "awsui_openNavigation_hyvsj_12mno_1",
-  "animated-content": "awsui_animated-content_hyvsj_12mno_722",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_12mno_731",
-  "notifications": "awsui_notifications_hyvsj_12mno_224",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_12mno_796",
-  "position-bottom": "awsui_position-bottom_hyvsj_12mno_842",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_12mno_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_12mno_871",
-  "position-side": "awsui_position-side_hyvsj_12mno_899",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_12mno_1",
-  "tools-container": "awsui_tools-container_hyvsj_12mno_936",
-  "tools": "awsui_tools_hyvsj_12mno_936",
-  "openTools": "awsui_openTools_hyvsj_12mno_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_12mno_1021",
-  "hide-tools": "awsui_hide-tools_hyvsj_12mno_1031",
-  "show-tools": "awsui_show-tools_hyvsj_12mno_1043",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_12mno_1021",
-  "trigger": "awsui_trigger_hyvsj_12mno_1100",
-  "selected": "awsui_selected_hyvsj_12mno_1139"
+  "appbar": "awsui_appbar_hyvsj_14n8k_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_14n8k_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_14n8k_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_14n8k_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_14n8k_166",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_14n8k_173",
+  "has-header": "awsui_has-header_hyvsj_14n8k_179",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_14n8k_179",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_14n8k_180",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_14n8k_183",
+  "content-type-table": "awsui_content-type-table_hyvsj_14n8k_184",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_14n8k_187",
+  "background": "awsui_background_hyvsj_14n8k_221",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_14n8k_224",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_14n8k_236",
+  "overlap": "awsui_overlap_hyvsj_14n8k_242",
+  "content": "awsui_content_hyvsj_14n8k_180",
+  "layout": "awsui_layout_hyvsj_14n8k_333",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_14n8k_415",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_14n8k_442",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_14n8k_445",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_14n8k_449",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_14n8k_463",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_14n8k_463",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_14n8k_475",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_14n8k_478",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_14n8k_493",
+  "container": "awsui_container_hyvsj_14n8k_501",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_14n8k_527",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_14n8k_532",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_14n8k_535",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_14n8k_535",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_14n8k_535",
+  "content-type-default": "awsui_content-type-default_hyvsj_14n8k_555",
+  "content-type-form": "awsui_content-type-form_hyvsj_14n8k_555",
+  "unfocusable": "awsui_unfocusable_hyvsj_14n8k_596",
+  "navigation-container": "awsui_navigation-container_hyvsj_14n8k_606",
+  "show-navigation": "awsui_show-navigation_hyvsj_14n8k_641",
+  "animating": "awsui_animating_hyvsj_14n8k_663",
+  "showButtons": "awsui_showButtons_hyvsj_14n8k_1",
+  "navigation": "awsui_navigation_hyvsj_14n8k_606",
+  "openNavigation": "awsui_openNavigation_hyvsj_14n8k_1",
+  "animated-content": "awsui_animated-content_hyvsj_14n8k_724",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_14n8k_733",
+  "notifications": "awsui_notifications_hyvsj_14n8k_224",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_14n8k_798",
+  "position-bottom": "awsui_position-bottom_hyvsj_14n8k_844",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_14n8k_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_14n8k_873",
+  "position-side": "awsui_position-side_hyvsj_14n8k_901",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_14n8k_1",
+  "tools-container": "awsui_tools-container_hyvsj_14n8k_938",
+  "tools": "awsui_tools_hyvsj_14n8k_938",
+  "openTools": "awsui_openTools_hyvsj_14n8k_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_14n8k_1023",
+  "hide-tools": "awsui_hide-tools_hyvsj_14n8k_1033",
+  "show-tools": "awsui_show-tools_hyvsj_14n8k_1045",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_14n8k_1023",
+  "trigger": "awsui_trigger_hyvsj_14n8k_1102",
+  "selected": "awsui_selected_hyvsj_14n8k_1141"
 };