@cloudscape-design/components 3.0.636 → 3.0.638

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

@@ -9,7 +9,7 @@ import styles from './styles.css.js';
 import testutilStyles from '../test-classes/styles.css.js';
 import * as tokens from '../../internal/generated/styles/tokens';
 export default function Main() {
-    const { content, disableBodyScroll, disableContentPaddings, footerHeight, hasDrawerViewportOverlay, navigationOpen, placement, hasBackgroundOverlap, isMobile, isSplitPanelOpen, isToolsOpen, mainElement, notificationsHeight, stickyNotifications, offsetBottom, splitPanelDisplayed, splitPanelPosition, activeDrawerId, } = useAppLayoutInternals();
+    const { content, disableBodyScroll, disableContentPaddings, footerHeight, hasDrawerViewportOverlay, navigationOpen, placement, hasBackgroundOverlap, isMobile, isSplitPanelOpen, isToolsOpen, mainElement, notificationsHeight, stickyNotifications, offsetBottom, splitPanelDisplayed, splitPanelPosition, activeDrawerId, hasStickyBackground, } = useAppLayoutInternals();
     const splitPanelHeight = offsetBottom - footerHeight;
     return (React.createElement("div", { className: clsx(styles.container, styles[`split-panel-position-${splitPanelPosition !== null && splitPanelPosition !== void 0 ? splitPanelPosition : 'bottom'}`], {
             [styles['disable-content-paddings']]: disableContentPaddings,
@@ -21,6 +21,6 @@ export default function Main() {
             [styles.unfocusable]: hasDrawerViewportOverlay,
         }, testutilStyles.content), ref: mainElement, style: Object.assign({ [customCssProps.splitPanelHeight]: `${splitPanelHeight}px` }, getStickyOffsetVars(placement.insetBlockStart, offsetBottom, stickyNotifications && notificationsHeight > 0
             ? `${tokens.spaceXs} + ${notificationsHeight}px + ${!hasBackgroundOverlap ? tokens.spaceXxxs : '0px'}`
-            : '0px', `var(${customCssProps.mobileBarHeight})`, !!disableBodyScroll, isMobile, hasBackgroundOverlap && !isMobile ? tokens.spaceScaledS : '0px')) }, content));
+            : '0px', `var(${customCssProps.mobileBarHeight})`, !!disableBodyScroll, isMobile, hasBackgroundOverlap && hasStickyBackground && !isMobile ? tokens.spaceScaledS : '0px')) }, content));
 }
 //# sourceMappingURL=main.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/main.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,cAAc,MAAM,gDAAgD,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,MAAM,MAAM,wCAAwC,CAAC;AAEjE,MAAM,CAAC,OAAO,UAAU,IAAI;IAC1B,MAAM,EACJ,OAAO,EACP,iBAAiB,EACjB,sBAAsB,EACtB,YAAY,EACZ,wBAAwB,EACxB,cAAc,EACd,SAAS,EACT,oBAAoB,EACpB,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,GACf,GAAG,qBAAqB,EAAE,CAAC;IAE5B,MAAM,gBAAgB,GAAG,YAAY,GAAG,YAAY,CAAC;IAErD,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,wBAAwB,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,QAAQ,EAAE,CAAC,EAChE;YACE,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,EAAE,sBAAsB;YAC5D,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,mBAAmB;YAChD,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,cAAc;YAC9C,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,WAAW;YACtC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,cAAc;YAC/C,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,gBAAgB;YACjD,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,wBAAwB;SAC/C,EACD,cAAc,CAAC,OAAO,CACvB,EACD,GAAG,EAAE,WAAW,EAChB,KAAK,kBACH,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,GAAG,gBAAgB,IAAI,IACvD,mBAAmB,CACpB,SAAS,CAAC,eAAe,EACzB,YAAY,EACZ,mBAAmB,IAAI,mBAAmB,GAAG,CAAC;YAC5C,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,MAAM,mBAAmB,QAAQ,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE;YACtG,CAAC,CAAC,KAAK,EACT,OAAO,cAAc,CAAC,eAAe,GAAG,EACxC,CAAC,CAAC,iBAAiB,EACnB,QAAQ,EACR,oBAAoB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAChE,KAGF,OAAO,CACJ,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 customCssProps from '../../internal/generated/custom-css-properties';\nimport { getStickyOffsetVars } from '../utils/sticky-offsets';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\nimport * as tokens from '../../internal/generated/styles/tokens';\n\nexport default function Main() {\n  const {\n    content,\n    disableBodyScroll,\n    disableContentPaddings,\n    footerHeight,\n    hasDrawerViewportOverlay,\n    navigationOpen,\n    placement,\n    hasBackgroundOverlap,\n    isMobile,\n    isSplitPanelOpen,\n    isToolsOpen,\n    mainElement,\n    notificationsHeight,\n    stickyNotifications,\n    offsetBottom,\n    splitPanelDisplayed,\n    splitPanelPosition,\n    activeDrawerId,\n  } = useAppLayoutInternals();\n\n  const splitPanelHeight = offsetBottom - footerHeight;\n\n  return (\n    <div\n      className={clsx(\n        styles.container,\n        styles[`split-panel-position-${splitPanelPosition ?? 'bottom'}`],\n        {\n          [styles['disable-content-paddings']]: disableContentPaddings,\n          [styles['has-split-panel']]: splitPanelDisplayed,\n          [styles['is-navigation-open']]: navigationOpen,\n          [styles['is-tools-open']]: isToolsOpen,\n          [styles['has-active-drawer']]: !!activeDrawerId,\n          [styles['is-split-panel-open']]: isSplitPanelOpen,\n          [styles.unfocusable]: hasDrawerViewportOverlay,\n        },\n        testutilStyles.content\n      )}\n      ref={mainElement}\n      style={{\n        [customCssProps.splitPanelHeight]: `${splitPanelHeight}px`,\n        ...getStickyOffsetVars(\n          placement.insetBlockStart,\n          offsetBottom,\n          stickyNotifications && notificationsHeight > 0\n            ? `${tokens.spaceXs} + ${notificationsHeight}px + ${!hasBackgroundOverlap ? tokens.spaceXxxs : '0px'}`\n            : '0px',\n          `var(${customCssProps.mobileBarHeight})`,\n          !!disableBodyScroll,\n          isMobile,\n          hasBackgroundOverlap && !isMobile ? tokens.spaceScaledS : '0px'\n        ),\n      }}\n    >\n      {content}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/main.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,cAAc,MAAM,gDAAgD,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,MAAM,MAAM,wCAAwC,CAAC;AAEjE,MAAM,CAAC,OAAO,UAAU,IAAI;IAC1B,MAAM,EACJ,OAAO,EACP,iBAAiB,EACjB,sBAAsB,EACtB,YAAY,EACZ,wBAAwB,EACxB,cAAc,EACd,SAAS,EACT,oBAAoB,EACpB,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,GACpB,GAAG,qBAAqB,EAAE,CAAC;IAE5B,MAAM,gBAAgB,GAAG,YAAY,GAAG,YAAY,CAAC;IAErD,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,wBAAwB,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,QAAQ,EAAE,CAAC,EAChE;YACE,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,EAAE,sBAAsB;YAC5D,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,mBAAmB;YAChD,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,cAAc;YAC9C,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,WAAW;YACtC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,cAAc;YAC/C,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,gBAAgB;YACjD,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,wBAAwB;SAC/C,EACD,cAAc,CAAC,OAAO,CACvB,EACD,GAAG,EAAE,WAAW,EAChB,KAAK,kBACH,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,GAAG,gBAAgB,IAAI,IACvD,mBAAmB,CACpB,SAAS,CAAC,eAAe,EACzB,YAAY,EACZ,mBAAmB,IAAI,mBAAmB,GAAG,CAAC;YAC5C,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,MAAM,mBAAmB,QAAQ,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE;YACtG,CAAC,CAAC,KAAK,EACT,OAAO,cAAc,CAAC,eAAe,GAAG,EACxC,CAAC,CAAC,iBAAiB,EACnB,QAAQ,EACR,oBAAoB,IAAI,mBAAmB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CACvF,KAGF,OAAO,CACJ,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 customCssProps from '../../internal/generated/custom-css-properties';\nimport { getStickyOffsetVars } from '../utils/sticky-offsets';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\nimport * as tokens from '../../internal/generated/styles/tokens';\n\nexport default function Main() {\n  const {\n    content,\n    disableBodyScroll,\n    disableContentPaddings,\n    footerHeight,\n    hasDrawerViewportOverlay,\n    navigationOpen,\n    placement,\n    hasBackgroundOverlap,\n    isMobile,\n    isSplitPanelOpen,\n    isToolsOpen,\n    mainElement,\n    notificationsHeight,\n    stickyNotifications,\n    offsetBottom,\n    splitPanelDisplayed,\n    splitPanelPosition,\n    activeDrawerId,\n    hasStickyBackground,\n  } = useAppLayoutInternals();\n\n  const splitPanelHeight = offsetBottom - footerHeight;\n\n  return (\n    <div\n      className={clsx(\n        styles.container,\n        styles[`split-panel-position-${splitPanelPosition ?? 'bottom'}`],\n        {\n          [styles['disable-content-paddings']]: disableContentPaddings,\n          [styles['has-split-panel']]: splitPanelDisplayed,\n          [styles['is-navigation-open']]: navigationOpen,\n          [styles['is-tools-open']]: isToolsOpen,\n          [styles['has-active-drawer']]: !!activeDrawerId,\n          [styles['is-split-panel-open']]: isSplitPanelOpen,\n          [styles.unfocusable]: hasDrawerViewportOverlay,\n        },\n        testutilStyles.content\n      )}\n      ref={mainElement}\n      style={{\n        [customCssProps.splitPanelHeight]: `${splitPanelHeight}px`,\n        ...getStickyOffsetVars(\n          placement.insetBlockStart,\n          offsetBottom,\n          stickyNotifications && notificationsHeight > 0\n            ? `${tokens.spaceXs} + ${notificationsHeight}px + ${!hasBackgroundOverlap ? tokens.spaceXxxs : '0px'}`\n            : '0px',\n          `var(${customCssProps.mobileBarHeight})`,\n          !!disableBodyScroll,\n          isMobile,\n          hasBackgroundOverlap && hasStickyBackground && !isMobile ? tokens.spaceScaledS : '0px'\n        ),\n      }}\n    >\n      {content}\n    </div>\n  );\n}\n"]}

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

@@ -1,86 +1,86 @@
 
     import './styles.scoped.css';
     export default {
-  "background": "awsui_background_hyvsj_1ribg_99",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_1ribg_102",
-  "sticky-background": "awsui_sticky-background_hyvsj_1ribg_108",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1ribg_116",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1ribg_129",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_1ribg_139",
-  "drawers-container": "awsui_drawers-container_hyvsj_1ribg_151",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1ribg_162",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1ribg_185",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1ribg_190",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1ribg_231",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1ribg_241",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1ribg_245",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1ribg_259",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1ribg_245",
-  "drawer": "awsui_drawer_hyvsj_1ribg_151",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1ribg_290",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1ribg_299",
-  "drawer-content": "awsui_drawer-content_hyvsj_1ribg_290",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1ribg_307",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_1ribg_310",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1ribg_317",
-  "content": "awsui_content_hyvsj_1ribg_343",
-  "layout": "awsui_layout_hyvsj_1ribg_364",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1ribg_435",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1ribg_450",
-  "content-type-table": "awsui_content-type-table_hyvsj_1ribg_464",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1ribg_464",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1ribg_470",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1ribg_473",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1ribg_487",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1ribg_490",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1ribg_500",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1ribg_503",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1ribg_506",
-  "has-header": "awsui_has-header_hyvsj_1ribg_506",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1ribg_524",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1ribg_524",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1ribg_561",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1ribg_561",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1ribg_569",
-  "unfocusable": "awsui_unfocusable_hyvsj_1ribg_574",
-  "container": "awsui_container_hyvsj_1ribg_584",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1ribg_610",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1ribg_613",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1ribg_613",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1ribg_613",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1ribg_613",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1ribg_622",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1ribg_639",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1ribg_643",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1ribg_647",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1ribg_651",
-  "navigation-container": "awsui_navigation-container_hyvsj_1ribg_660",
-  "show-navigation": "awsui_show-navigation_hyvsj_1ribg_698",
-  "animating": "awsui_animating_hyvsj_1ribg_721",
-  "showButtons": "awsui_showButtons_hyvsj_1ribg_1",
-  "navigation": "awsui_navigation_hyvsj_1ribg_660",
-  "openNavigation": "awsui_openNavigation_hyvsj_1ribg_1",
-  "animated-content": "awsui_animated-content_hyvsj_1ribg_783",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1ribg_792",
-  "notifications": "awsui_notifications_hyvsj_1ribg_802",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1ribg_808",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1ribg_825",
-  "position-bottom": "awsui_position-bottom_hyvsj_1ribg_872",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1ribg_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1ribg_901",
-  "position-side": "awsui_position-side_hyvsj_1ribg_914",
-  "tools-container": "awsui_tools-container_hyvsj_1ribg_936",
-  "tools": "awsui_tools_hyvsj_1ribg_936",
-  "openTools": "awsui_openTools_hyvsj_1ribg_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1ribg_1027",
-  "hide-tools": "awsui_hide-tools_hyvsj_1ribg_1037",
-  "show-tools": "awsui_show-tools_hyvsj_1ribg_1049",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1ribg_1027",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1ribg_1132",
-  "trigger": "awsui_trigger_hyvsj_1ribg_1132",
-  "selected": "awsui_selected_hyvsj_1ribg_1209",
-  "badge": "awsui_badge_hyvsj_1ribg_1229",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1ribg_1233",
-  "dot": "awsui_dot_hyvsj_1ribg_1244"
+  "background": "awsui_background_hyvsj_1qwwo_99",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_1qwwo_102",
+  "sticky-background": "awsui_sticky-background_hyvsj_1qwwo_108",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1qwwo_116",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1qwwo_129",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_1qwwo_139",
+  "drawers-container": "awsui_drawers-container_hyvsj_1qwwo_151",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1qwwo_162",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1qwwo_185",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1qwwo_190",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1qwwo_231",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1qwwo_241",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1qwwo_245",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1qwwo_259",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1qwwo_245",
+  "drawer": "awsui_drawer_hyvsj_1qwwo_151",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1qwwo_290",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1qwwo_299",
+  "drawer-content": "awsui_drawer-content_hyvsj_1qwwo_290",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1qwwo_307",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_1qwwo_310",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1qwwo_317",
+  "content": "awsui_content_hyvsj_1qwwo_343",
+  "layout": "awsui_layout_hyvsj_1qwwo_364",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1qwwo_435",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1qwwo_450",
+  "content-type-table": "awsui_content-type-table_hyvsj_1qwwo_464",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_1qwwo_464",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1qwwo_470",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1qwwo_473",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1qwwo_487",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1qwwo_490",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1qwwo_500",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1qwwo_503",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1qwwo_506",
+  "has-header": "awsui_has-header_hyvsj_1qwwo_506",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1qwwo_524",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1qwwo_524",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_1qwwo_561",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1qwwo_561",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1qwwo_569",
+  "unfocusable": "awsui_unfocusable_hyvsj_1qwwo_574",
+  "container": "awsui_container_hyvsj_1qwwo_584",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1qwwo_610",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_1qwwo_613",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1qwwo_613",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1qwwo_613",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1qwwo_613",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1qwwo_622",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1qwwo_639",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1qwwo_643",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1qwwo_647",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1qwwo_651",
+  "navigation-container": "awsui_navigation-container_hyvsj_1qwwo_660",
+  "show-navigation": "awsui_show-navigation_hyvsj_1qwwo_698",
+  "animating": "awsui_animating_hyvsj_1qwwo_721",
+  "showButtons": "awsui_showButtons_hyvsj_1qwwo_1",
+  "navigation": "awsui_navigation_hyvsj_1qwwo_660",
+  "openNavigation": "awsui_openNavigation_hyvsj_1qwwo_1",
+  "animated-content": "awsui_animated-content_hyvsj_1qwwo_783",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_1qwwo_792",
+  "notifications": "awsui_notifications_hyvsj_1qwwo_802",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1qwwo_808",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1qwwo_825",
+  "position-bottom": "awsui_position-bottom_hyvsj_1qwwo_872",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1qwwo_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_1qwwo_901",
+  "position-side": "awsui_position-side_hyvsj_1qwwo_914",
+  "tools-container": "awsui_tools-container_hyvsj_1qwwo_936",
+  "tools": "awsui_tools_hyvsj_1qwwo_936",
+  "openTools": "awsui_openTools_hyvsj_1qwwo_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1qwwo_1027",
+  "hide-tools": "awsui_hide-tools_hyvsj_1qwwo_1037",
+  "show-tools": "awsui_show-tools_hyvsj_1qwwo_1049",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_1qwwo_1027",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132",
+  "trigger": "awsui_trigger_hyvsj_1qwwo_1132",
+  "selected": "awsui_selected_hyvsj_1qwwo_1209",
+  "badge": "awsui_badge_hyvsj_1qwwo_1229",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1qwwo_1233",
+  "dot": "awsui_dot_hyvsj_1qwwo_1244"
 };