@cloudscape-design/components-themeable 3.0.211 → 3.0.213

package/lib/internal/template/app-layout/styles.scoped.css

@@ -94,147 +94,147 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_lm6vo_9anjf_97:not(#\9),
-.awsui_layout-wrapper_lm6vo_9anjf_98:not(#\9) {
+.awsui_root_lm6vo_hpygk_97:not(#\9),
+.awsui_layout-wrapper_lm6vo_hpygk_98:not(#\9) {
   display: flex;
   flex-direction: column;
   position: relative;
 }
 
-.awsui_root-no-scroll_lm6vo_9anjf_104:not(#\9) {
+.awsui_root-no-scroll_lm6vo_hpygk_104:not(#\9) {
   position: relative;
   z-index: 1;
 }
 
-.awsui_layout_lm6vo_9anjf_98:not(#\9) {
+.awsui_layout_lm6vo_hpygk_98:not(#\9) {
   flex: 1 1 auto;
   display: flex;
   align-items: stretch;
   background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
 }
-.awsui_layout-no-scroll_lm6vo_9anjf_115:not(#\9) {
+.awsui_layout-no-scroll_lm6vo_hpygk_115:not(#\9) {
   overflow: hidden;
 }
 
-.awsui_layout-main_lm6vo_9anjf_119:not(#\9) {
+.awsui_layout-main_lm6vo_hpygk_119:not(#\9) {
   flex: 1;
   min-width: 0;
   background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
   position: relative;
 }
-.awsui_layout-main-scrollable_lm6vo_9anjf_125:not(#\9) {
+.awsui_layout-main-scrollable_lm6vo_hpygk_125:not(#\9) {
   overflow: auto;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable_lm6vo_9anjf_130 *:not(#\9) {
+.awsui_unfocusable_lm6vo_hpygk_130 *:not(#\9) {
   visibility: hidden;
 }
 
-.awsui_navigation-panel_lm6vo_9anjf_134:not(#\9) {
+.awsui_navigation-panel_lm6vo_hpygk_134:not(#\9) {
   overflow-anchor: none;
 }
 
-.awsui_drawer_lm6vo_9anjf_138:not(#\9) {
+.awsui_drawer_lm6vo_hpygk_138:not(#\9) {
   flex-shrink: 0;
   position: relative;
   word-wrap: break-word;
   box-shadow: var(--shadow-panel-v9vx7i, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_drawer_lm6vo_9anjf_138:not(#\9):not(.awsui_drawer-mobile_lm6vo_9anjf_144) {
-  z-index: 850;
+.awsui_drawer_lm6vo_hpygk_138:not(#\9):not(.awsui_drawer-mobile_lm6vo_hpygk_144) {
+  z-index: 830;
 }
-.awsui_drawer-closed_lm6vo_9anjf_147:not(#\9) {
+.awsui_drawer-closed_lm6vo_hpygk_147:not(#\9) {
   min-width: 40px;
   cursor: pointer;
 }
-.awsui_drawer-closed_lm6vo_9anjf_147.awsui_drawer-mobile_lm6vo_9anjf_144:not(#\9) {
+.awsui_drawer-closed_lm6vo_hpygk_147.awsui_drawer-mobile_lm6vo_hpygk_144:not(#\9) {
   display: none;
 }
 
-.awsui_drawer-content_lm6vo_9anjf_155:not(#\9) {
+.awsui_drawer-content_lm6vo_hpygk_155:not(#\9) {
   position: fixed;
   overflow: auto;
   background-color: var(--color-background-layout-panel-content-r9pdjh, #ffffff);
 }
-.awsui_drawer-mobile_lm6vo_9anjf_144 > .awsui_drawer-content_lm6vo_9anjf_155:not(#\9) {
+.awsui_drawer-mobile_lm6vo_hpygk_144 > .awsui_drawer-content_lm6vo_hpygk_155:not(#\9) {
   z-index: 1001;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
 }
-.awsui_drawer-closed_lm6vo_9anjf_147 > .awsui_drawer-content_lm6vo_9anjf_155:not(#\9) {
+.awsui_drawer-closed_lm6vo_hpygk_147 > .awsui_drawer-content_lm6vo_hpygk_155:not(#\9) {
   width: 40px;
 }
-.awsui_drawer-closed_lm6vo_9anjf_147 > .awsui_drawer-content_lm6vo_9anjf_155:not(#\9):hover {
+.awsui_drawer-closed_lm6vo_hpygk_147 > .awsui_drawer-content_lm6vo_hpygk_155:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-thdv3z, #eaeded);
 }
-.awsui_drawer-content_lm6vo_9anjf_155 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content_lm6vo_hpygk_155 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
 
-.awsui_toggle_lm6vo_9anjf_177:not(#\9) {
+.awsui_toggle_lm6vo_hpygk_177:not(#\9) {
   box-sizing: border-box;
   padding: var(--space-xxs-ynfts5, 4px) 7px;
 }
 
-.awsui_visual-refresh-toggle_lm6vo_9anjf_182:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_hpygk_182:not(#\9) {
   position: fixed;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
 }
-.awsui_visual-refresh-toggle-type-tools_lm6vo_9anjf_186:not(#\9) {
+.awsui_visual-refresh-toggle-type-tools_lm6vo_hpygk_186:not(#\9) {
   right: 0;
 }
-.awsui_visual-refresh-toggle-type-navigation_lm6vo_9anjf_189:not(#\9) {
+.awsui_visual-refresh-toggle-type-navigation_lm6vo_hpygk_189:not(#\9) {
   left: 0;
 }
-.awsui_visual-refresh-toggle_lm6vo_9anjf_182[aria-hidden=true]:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_hpygk_182[aria-hidden=true]:not(#\9) {
   visibility: hidden;
 }
-.awsui_visual-refresh-toggle_lm6vo_9anjf_182[aria-hidden=false]:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_hpygk_182[aria-hidden=false]:not(#\9) {
   visibility: visible;
 }
 
-.awsui_breadcrumbs-desktop_lm6vo_9anjf_199:not(#\9) {
+.awsui_breadcrumbs-desktop_lm6vo_hpygk_199:not(#\9) {
   padding-top: var(--space-scaled-m-pv0fmt, 16px);
   padding-bottom: var(--space-scaled-s-cu1hzn, 12px);
 }
 
-.awsui_content-header-wrapper_lm6vo_9anjf_204:not(#\9) {
+.awsui_content-header-wrapper_lm6vo_hpygk_204:not(#\9) {
   padding-bottom: var(--space-content-header-padding-bottom-m7tdoi, 16px);
 }
 
-.awsui_content-wrapper_lm6vo_9anjf_208:not(#\9) {
+.awsui_content-wrapper_lm6vo_hpygk_208:not(#\9) {
   padding-bottom: var(--space-layout-content-bottom-ebez2l, 20px);
 }
 
-.awsui_content-overlapped_lm6vo_9anjf_212:not(#\9) {
+.awsui_content-overlapped_lm6vo_hpygk_212:not(#\9) {
   margin-top: calc(-1 * var(--space-dark-header-overlap-distance-ync2s3, 0px));
 }
 
-.awsui_content-extra-top-padding_lm6vo_9anjf_216:not(#\9) {
+.awsui_content-extra-top-padding_lm6vo_hpygk_216:not(#\9) {
   padding-top: var(--space-scaled-m-pv0fmt, 16px);
 }
 
-.awsui_panel-wrapper-outer_lm6vo_9anjf_220:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_hpygk_220:not(#\9) {
   position: fixed;
   height: 100%;
-  z-index: 850;
+  z-index: 830;
   display: flex;
 }
-.awsui_panel-wrapper-outer_lm6vo_9anjf_220.awsui_mobile_lm6vo_9anjf_226:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_hpygk_220.awsui_mobile_lm6vo_hpygk_226:not(#\9) {
   left: 0;
   right: 0;
   z-index: -1;
   pointer-events: none;
 }
-.awsui_panel-wrapper-outer_lm6vo_9anjf_220.awsui_mobile_lm6vo_9anjf_226.awsui_open_lm6vo_9anjf_232:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_hpygk_220.awsui_mobile_lm6vo_hpygk_226.awsui_open_lm6vo_hpygk_232:not(#\9) {
   z-index: 1001;
   width: 100vw;
   pointer-events: auto;
 }
 
-.awsui_panel-wrapper-inner_lm6vo_9anjf_238:not(#\9) {
+.awsui_panel-wrapper-inner_lm6vo_hpygk_238:not(#\9) {
   background: var(--color-background-layout-panel-content-r9pdjh, #ffffff);
 }

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

@@ -2,31 +2,31 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_lm6vo_9anjf_97",
-  "layout-wrapper": "awsui_layout-wrapper_lm6vo_9anjf_98",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_9anjf_104",
-  "layout": "awsui_layout_lm6vo_9anjf_98",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_9anjf_115",
-  "layout-main": "awsui_layout-main_lm6vo_9anjf_119",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_9anjf_125",
-  "unfocusable": "awsui_unfocusable_lm6vo_9anjf_130",
-  "navigation-panel": "awsui_navigation-panel_lm6vo_9anjf_134",
-  "drawer": "awsui_drawer_lm6vo_9anjf_138",
-  "drawer-mobile": "awsui_drawer-mobile_lm6vo_9anjf_144",
-  "drawer-closed": "awsui_drawer-closed_lm6vo_9anjf_147",
-  "drawer-content": "awsui_drawer-content_lm6vo_9anjf_155",
-  "toggle": "awsui_toggle_lm6vo_9anjf_177",
-  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_9anjf_182",
-  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_9anjf_186",
-  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_9anjf_189",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_9anjf_199",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_9anjf_204",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_9anjf_208",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_9anjf_212",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_9anjf_216",
-  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_9anjf_220",
-  "mobile": "awsui_mobile_lm6vo_9anjf_226",
-  "open": "awsui_open_lm6vo_9anjf_232",
-  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_9anjf_238"
+  "root": "awsui_root_lm6vo_hpygk_97",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_hpygk_98",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_hpygk_104",
+  "layout": "awsui_layout_lm6vo_hpygk_98",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_hpygk_115",
+  "layout-main": "awsui_layout-main_lm6vo_hpygk_119",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_hpygk_125",
+  "unfocusable": "awsui_unfocusable_lm6vo_hpygk_130",
+  "navigation-panel": "awsui_navigation-panel_lm6vo_hpygk_134",
+  "drawer": "awsui_drawer_lm6vo_hpygk_138",
+  "drawer-mobile": "awsui_drawer-mobile_lm6vo_hpygk_144",
+  "drawer-closed": "awsui_drawer-closed_lm6vo_hpygk_147",
+  "drawer-content": "awsui_drawer-content_lm6vo_hpygk_155",
+  "toggle": "awsui_toggle_lm6vo_hpygk_177",
+  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_hpygk_182",
+  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_hpygk_186",
+  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_hpygk_189",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_hpygk_199",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_hpygk_204",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_hpygk_208",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_hpygk_212",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_hpygk_216",
+  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_hpygk_220",
+  "mobile": "awsui_mobile_lm6vo_hpygk_226",
+  "open": "awsui_open_lm6vo_hpygk_232",
+  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_hpygk_238"
 };
   

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,uBAkCpC"}
+{"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,uBAsCpC"}

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

@@ -16,10 +16,15 @@ export default function Notifications() {
     if (!notifications) {
         return null;
     }
+    /*
+    The notificationsElement ref is assigned to an inner div to prevent internal bottom margin from affecting the
+    calculated height, which is used for sticky elements below.
+     */
     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));
+            _a), testutilStyles.notifications, 'awsui-context-content-header') },
+        React.createElement("div", { 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,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"]}
+{"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;;;OAGG;IAEH,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;QAED,6BAAK,GAAG,EAAE,oBAAoB,IAAG,aAAa,CAAO,CACjD,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  /*\n  The notificationsElement ref is assigned to an inner div to prevent internal bottom margin from affecting the\n  calculated height, which is used for sticky elements below.\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    >\n      <div ref={notificationsElement}>{notifications}</div>\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_7fye7_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_7fye7_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_7fye7_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_7fye7_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_7fye7_166",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_7fye7_173",
-  "has-header": "awsui_has-header_hyvsj_7fye7_179",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_7fye7_179",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_7fye7_180",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_7fye7_183",
-  "content-type-table": "awsui_content-type-table_hyvsj_7fye7_184",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_7fye7_187",
-  "background": "awsui_background_hyvsj_7fye7_221",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_7fye7_224",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_7fye7_236",
-  "overlap": "awsui_overlap_hyvsj_7fye7_242",
-  "content": "awsui_content_hyvsj_7fye7_180",
-  "layout": "awsui_layout_hyvsj_7fye7_333",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_7fye7_415",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_7fye7_442",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_7fye7_445",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_7fye7_449",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_7fye7_463",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_7fye7_463",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_7fye7_475",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_7fye7_478",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_7fye7_493",
-  "container": "awsui_container_hyvsj_7fye7_501",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_7fye7_527",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_7fye7_532",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_7fye7_535",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_7fye7_535",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_7fye7_535",
-  "content-type-default": "awsui_content-type-default_hyvsj_7fye7_555",
-  "content-type-form": "awsui_content-type-form_hyvsj_7fye7_555",
-  "unfocusable": "awsui_unfocusable_hyvsj_7fye7_596",
-  "navigation-container": "awsui_navigation-container_hyvsj_7fye7_606",
-  "show-navigation": "awsui_show-navigation_hyvsj_7fye7_641",
-  "animating": "awsui_animating_hyvsj_7fye7_663",
-  "showButtons": "awsui_showButtons_hyvsj_7fye7_1",
-  "navigation": "awsui_navigation_hyvsj_7fye7_606",
-  "openNavigation": "awsui_openNavigation_hyvsj_7fye7_1",
-  "animated-content": "awsui_animated-content_hyvsj_7fye7_724",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_7fye7_733",
-  "notifications": "awsui_notifications_hyvsj_7fye7_224",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_7fye7_799",
-  "position-bottom": "awsui_position-bottom_hyvsj_7fye7_845",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_7fye7_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_7fye7_874",
-  "position-side": "awsui_position-side_hyvsj_7fye7_902",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_7fye7_1",
-  "tools-container": "awsui_tools-container_hyvsj_7fye7_939",
-  "tools": "awsui_tools_hyvsj_7fye7_939",
-  "openTools": "awsui_openTools_hyvsj_7fye7_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_7fye7_1024",
-  "hide-tools": "awsui_hide-tools_hyvsj_7fye7_1034",
-  "show-tools": "awsui_show-tools_hyvsj_7fye7_1046",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_7fye7_1024",
-  "trigger": "awsui_trigger_hyvsj_7fye7_1103",
-  "selected": "awsui_selected_hyvsj_7fye7_1142"
+  "appbar": "awsui_appbar_hyvsj_1q24h_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_1q24h_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1q24h_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_1q24h_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1q24h_166",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_1q24h_173",
+  "has-header": "awsui_has-header_hyvsj_1q24h_179",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_1q24h_179",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_1q24h_180",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_1q24h_183",
+  "content-type-table": "awsui_content-type-table_hyvsj_1q24h_184",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_1q24h_187",
+  "background": "awsui_background_hyvsj_1q24h_221",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_1q24h_224",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1q24h_236",
+  "overlap": "awsui_overlap_hyvsj_1q24h_242",
+  "content": "awsui_content_hyvsj_1q24h_180",
+  "layout": "awsui_layout_hyvsj_1q24h_333",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1q24h_415",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1q24h_442",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1q24h_445",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1q24h_449",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_1q24h_463",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1q24h_463",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1q24h_475",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1q24h_478",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1q24h_493",
+  "container": "awsui_container_hyvsj_1q24h_501",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1q24h_527",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1q24h_532",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_1q24h_535",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1q24h_535",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1q24h_535",
+  "content-type-default": "awsui_content-type-default_hyvsj_1q24h_555",
+  "content-type-form": "awsui_content-type-form_hyvsj_1q24h_555",
+  "unfocusable": "awsui_unfocusable_hyvsj_1q24h_596",
+  "navigation-container": "awsui_navigation-container_hyvsj_1q24h_606",
+  "show-navigation": "awsui_show-navigation_hyvsj_1q24h_641",
+  "animating": "awsui_animating_hyvsj_1q24h_663",
+  "showButtons": "awsui_showButtons_hyvsj_1q24h_1",
+  "navigation": "awsui_navigation_hyvsj_1q24h_606",
+  "openNavigation": "awsui_openNavigation_hyvsj_1q24h_1",
+  "animated-content": "awsui_animated-content_hyvsj_1q24h_724",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_1q24h_733",
+  "notifications": "awsui_notifications_hyvsj_1q24h_224",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1q24h_799",
+  "position-bottom": "awsui_position-bottom_hyvsj_1q24h_845",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1q24h_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_1q24h_874",
+  "position-side": "awsui_position-side_hyvsj_1q24h_902",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_1q24h_1",
+  "tools-container": "awsui_tools-container_hyvsj_1q24h_939",
+  "tools": "awsui_tools_hyvsj_1q24h_939",
+  "openTools": "awsui_openTools_hyvsj_1q24h_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1q24h_1024",
+  "hide-tools": "awsui_hide-tools_hyvsj_1q24h_1034",
+  "show-tools": "awsui_show-tools_hyvsj_1q24h_1046",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_1q24h_1024",
+  "trigger": "awsui_trigger_hyvsj_1q24h_1103",
+  "selected": "awsui_selected_hyvsj_1q24h_1142"
 };