@cloudscape-design/components-themeable 3.0.439 → 3.0.440

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

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/layout.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport customCssProps from '../../internal/generated/custom-css-properties';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\n\ninterface LayoutProps {\n  children: React.ReactNode;\n}\n\n/**\n * The layoutElement ref will be used by the resize observers to calculate the offset from\n * the top and bottom of the viewport based on the header and footer elements. This is to\n * ensure the Layout component minimum height will fill 100% of the viewport less those\n * cumulative heights.\n */\nexport default function Layout({ children }: LayoutProps) {\n  const {\n    breadcrumbs,\n    contentHeader,\n    contentType,\n    disableBodyScroll,\n    disableContentPaddings,\n    drawersTriggerCount,\n    footerHeight,\n    hasNotificationsContent,\n    hasStickyBackground,\n    hasOpenDrawer,\n    headerHeight,\n    isBackgroundOverlapDisabled,\n    isMobile,\n    isNavigationOpen,\n    layoutElement,\n    layoutWidth,\n    mainOffsetLeft,\n    maxContentWidth,\n    minContentWidth,\n    navigationHide,\n    notificationsHeight,\n    splitPanelPosition,\n    stickyNotifications,\n    splitPanelDisplayed,\n  } = useAppLayoutInternals();\n\n  // Determine the first content child so the gap will vertically align with the trigger buttons\n  const contentFirstChild = getContentFirstChild(breadcrumbs, contentHeader, hasNotificationsContent, isMobile);\n\n  // Content gaps on the left and right are used with the minmax function in the CSS grid column definition\n  const hasContentGapLeft = isNavigationOpen || navigationHide;\n  const hasContentGapRight = drawersTriggerCount === 0 || hasOpenDrawer;\n\n  return (\n    <main\n      className={clsx(\n        styles.layout,\n        styles[`content-first-child-${contentFirstChild}`],\n        styles[`content-type-${contentType}`],\n        styles[`split-panel-position-${splitPanelPosition ?? 'bottom'}`],\n        {\n          [styles['disable-body-scroll']]: disableBodyScroll,\n          [testutilStyles['disable-body-scroll-root']]: disableBodyScroll,\n          [styles['disable-content-paddings']]: disableContentPaddings,\n          [styles['has-breadcrumbs']]: breadcrumbs && !isMobile,\n          [styles['has-content-gap-left']]: hasContentGapLeft,\n          [styles['has-content-gap-right']]: hasContentGapRight,\n          [styles['has-header']]: contentHeader,\n          [styles['has-max-content-width']]: maxContentWidth && maxContentWidth > 0,\n          [styles['has-split-panel']]: splitPanelDisplayed,\n          [styles['has-sticky-background']]: hasStickyBackground,\n          [styles['has-sticky-notifications']]: stickyNotifications && hasNotificationsContent,\n          [styles['is-overlap-disabled']]: isBackgroundOverlapDisabled,\n        },\n        testutilStyles.root\n      )}\n      ref={layoutElement}\n      style={{\n        [customCssProps.headerHeight]: `${headerHeight}px`,\n        [customCssProps.footerHeight]: `${footerHeight}px`,\n        [customCssProps.layoutWidth]: `${layoutWidth}px`,\n        [customCssProps.mainOffsetLeft]: `${mainOffsetLeft}px`,\n        ...(maxContentWidth && { [customCssProps.maxContentWidth]: `${maxContentWidth}px` }),\n        ...(minContentWidth && { [customCssProps.minContentWidth]: `${minContentWidth}px` }),\n        [customCssProps.notificationsHeight]: `${notificationsHeight}px`,\n      }}\n    >\n      {children}\n    </main>\n  );\n}\n\n/*\nThe Notifications, Breadcrumbs, Header, and Main are all rendered in the center\ncolumn of the grid layout. Any of these could be the first child to render in the\ncontent area if the previous siblings do not exist. The grid gap before the first\nchild will be different to ensure vertical alignment with the trigger buttons.\n*/\nfunction getContentFirstChild(\n  breadcrumbs: React.ReactNode,\n  contentHeader: React.ReactNode,\n  hasNotificationsContent: boolean,\n  isMobile: boolean\n) {\n  let contentFirstChild = 'main';\n\n  if (hasNotificationsContent) {\n    contentFirstChild = 'notifications';\n  } else if (breadcrumbs && !isMobile) {\n    contentFirstChild = 'breadcrumbs';\n  } else if (contentHeader) {\n    contentFirstChild = 'header';\n  }\n\n  return contentFirstChild;\n}\n"]}
+{"version":3,"file":"layout.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/layout.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport customCssProps from '../../internal/generated/custom-css-properties';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\n\ninterface LayoutProps {\n  children: React.ReactNode;\n}\n\n/**\n * The layoutElement ref will be used by the resize observers to calculate the offset from\n * the top and bottom of the viewport based on the header and footer elements. This is to\n * ensure the Layout component minimum height will fill 100% of the viewport less those\n * cumulative heights.\n */\nexport default function Layout({ children }: LayoutProps) {\n  const {\n    breadcrumbs,\n    contentHeader,\n    contentType,\n    disableBodyScroll,\n    disableContentPaddings,\n    drawersTriggerCount,\n    footerHeight,\n    hasNotificationsContent,\n    hasStickyBackground,\n    hasOpenDrawer,\n    headerHeight,\n    isBackgroundOverlapDisabled,\n    isMobile,\n    isNavigationOpen,\n    layoutElement,\n    layoutWidth,\n    mainOffsetLeft,\n    maxContentWidth,\n    minContentWidth,\n    navigationHide,\n    notificationsHeight,\n    __embeddedViewMode,\n    splitPanelPosition,\n    stickyNotifications,\n    splitPanelDisplayed,\n  } = useAppLayoutInternals();\n\n  // Determine the first content child so the gap will vertically align with the trigger buttons\n  const contentFirstChild = getContentFirstChild(breadcrumbs, contentHeader, hasNotificationsContent, isMobile);\n\n  // Content gaps on the left and right are used with the minmax function in the CSS grid column definition\n  const hasContentGapLeft = isNavigationOpen || navigationHide;\n  const hasContentGapRight = drawersTriggerCount === 0 || hasOpenDrawer;\n\n  return (\n    <main\n      className={clsx(\n        styles.layout,\n        styles[`content-first-child-${contentFirstChild}`],\n        styles[`content-type-${contentType}`],\n        styles[`split-panel-position-${splitPanelPosition ?? 'bottom'}`],\n        {\n          [styles['disable-body-scroll']]: disableBodyScroll,\n          [testutilStyles['disable-body-scroll-root']]: disableBodyScroll,\n          [styles['disable-content-paddings']]: disableContentPaddings,\n          [styles['has-breadcrumbs']]: breadcrumbs && !isMobile,\n          [styles['has-content-gap-left']]: hasContentGapLeft,\n          [styles['has-content-gap-right']]: hasContentGapRight,\n          [styles['has-header']]: contentHeader,\n          [styles['has-max-content-width']]: maxContentWidth && maxContentWidth > 0,\n          [styles['has-split-panel']]: splitPanelDisplayed,\n          [styles['has-sticky-background']]: hasStickyBackground,\n          [styles['has-sticky-notifications']]: stickyNotifications && hasNotificationsContent,\n          [styles['is-overlap-disabled']]: isBackgroundOverlapDisabled,\n          [styles['is-hide-mobile-toolbar']]: __embeddedViewMode,\n        },\n        testutilStyles.root\n      )}\n      ref={layoutElement}\n      style={{\n        [customCssProps.headerHeight]: `${headerHeight}px`,\n        [customCssProps.footerHeight]: `${footerHeight}px`,\n        [customCssProps.layoutWidth]: `${layoutWidth}px`,\n        [customCssProps.mainOffsetLeft]: `${mainOffsetLeft}px`,\n        ...(maxContentWidth && { [customCssProps.maxContentWidth]: `${maxContentWidth}px` }),\n        ...(minContentWidth && { [customCssProps.minContentWidth]: `${minContentWidth}px` }),\n        [customCssProps.notificationsHeight]: `${notificationsHeight}px`,\n      }}\n    >\n      {children}\n    </main>\n  );\n}\n\n/*\nThe Notifications, Breadcrumbs, Header, and Main are all rendered in the center\ncolumn of the grid layout. Any of these could be the first child to render in the\ncontent area if the previous siblings do not exist. The grid gap before the first\nchild will be different to ensure vertical alignment with the trigger buttons.\n*/\nfunction getContentFirstChild(\n  breadcrumbs: React.ReactNode,\n  contentHeader: React.ReactNode,\n  hasNotificationsContent: boolean,\n  isMobile: boolean\n) {\n  let contentFirstChild = 'main';\n\n  if (hasNotificationsContent) {\n    contentFirstChild = 'notifications';\n  } else if (breadcrumbs && !isMobile) {\n    contentFirstChild = 'breadcrumbs';\n  } else if (contentHeader) {\n    contentFirstChild = 'header';\n  }\n\n  return contentFirstChild;\n}\n"]}

package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-toolbar.d.ts","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/mobile-toolbar.tsx"],"names":[],"mappings":";AAUA,MAAM,CAAC,OAAO,UAAU,aAAa,uBAoFpC"}
+{"version":3,"file":"mobile-toolbar.d.ts","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/mobile-toolbar.tsx"],"names":[],"mappings":";AAUA,MAAM,CAAC,OAAO,UAAU,aAAa,uBAyFpC"}

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

@@ -9,8 +9,10 @@ import styles from './styles.css.js';
 import testutilStyles from '../test-classes/styles.css.js';
 export default function MobileToolbar() {
     var _a, _b, _c;
-    const { ariaLabels, breadcrumbs, drawers, handleNavigationClick, handleToolsClick, hasDrawerViewportOverlay, isMobile, isNavigationOpen, isToolsOpen, navigationHide, navigationRefs, toolsHide, toolsRefs, } = useAppLayoutInternals();
-    if (!isMobile || (navigationHide && !breadcrumbs && toolsHide && (!drawers || drawers.length === 0))) {
+    const { ariaLabels, breadcrumbs, drawers, handleNavigationClick, handleToolsClick, hasDrawerViewportOverlay, isMobile, isNavigationOpen, __embeddedViewMode, isToolsOpen, navigationHide, navigationRefs, toolsHide, toolsRefs, } = useAppLayoutInternals();
+    if (!isMobile ||
+        __embeddedViewMode ||
+        (navigationHide && !breadcrumbs && toolsHide && (!drawers || drawers.length === 0))) {
         return null;
     }
     return (React.createElement("section", { className: clsx(styles['mobile-toolbar'], [testutilStyles['mobile-bar']], {

package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-toolbar.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/mobile-toolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { InternalButton } from '../../button/internal';\nimport { MobileTriggers as DrawersMobileTriggers } from './drawers';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\n\nexport default function MobileToolbar() {\n  const {\n    ariaLabels,\n    breadcrumbs,\n    drawers,\n    handleNavigationClick,\n    handleToolsClick,\n    hasDrawerViewportOverlay,\n    isMobile,\n    isNavigationOpen,\n    isToolsOpen,\n    navigationHide,\n    navigationRefs,\n    toolsHide,\n    toolsRefs,\n  } = useAppLayoutInternals();\n\n  if (!isMobile || (navigationHide && !breadcrumbs && toolsHide && (!drawers || drawers.length === 0))) {\n    return null;\n  }\n\n  return (\n    <section\n      className={clsx(\n        styles['mobile-toolbar'],\n        [testutilStyles['mobile-bar']],\n        {\n          [styles['has-breadcrumbs']]: breadcrumbs,\n          [styles.unfocusable]: hasDrawerViewportOverlay,\n        },\n        testutilStyles['mobile-bar'],\n        'awsui-context-content-header'\n      )}\n    >\n      {!navigationHide && (\n        <nav\n          aria-hidden={isNavigationOpen}\n          className={clsx(styles['mobile-toolbar-nav'], { [testutilStyles['drawer-closed']]: !isNavigationOpen })}\n        >\n          <InternalButton\n            ariaLabel={ariaLabels?.navigationToggle ?? undefined}\n            ariaExpanded={isNavigationOpen ? undefined : false}\n            iconName=\"menu\"\n            formAction=\"none\"\n            onClick={() => handleNavigationClick(true)}\n            variant=\"icon\"\n            className={testutilStyles['navigation-toggle']}\n            ref={navigationRefs.toggle}\n            disabled={hasDrawerViewportOverlay}\n            __nativeAttributes={{ 'aria-haspopup': isNavigationOpen ? undefined : true }}\n          />\n        </nav>\n      )}\n\n      {breadcrumbs && (\n        <div className={clsx(styles['mobile-toolbar-breadcrumbs'], testutilStyles.breadcrumbs)}>{breadcrumbs}</div>\n      )}\n\n      {drawers ? (\n        <DrawersMobileTriggers />\n      ) : (\n        !toolsHide && (\n          <aside\n            aria-hidden={isToolsOpen}\n            aria-label={ariaLabels?.tools ?? undefined}\n            className={clsx(styles['mobile-toolbar-tools'], { [testutilStyles['drawer-closed']]: !isToolsOpen })}\n          >\n            <InternalButton\n              className={testutilStyles['tools-toggle']}\n              ariaExpanded={isToolsOpen}\n              disabled={hasDrawerViewportOverlay}\n              ariaLabel={ariaLabels?.toolsToggle ?? undefined}\n              iconName=\"status-info\"\n              formAction=\"none\"\n              onClick={() => handleToolsClick(true)}\n              variant=\"icon\"\n              ref={toolsRefs.toggle}\n              __nativeAttributes={{ 'aria-haspopup': true }}\n            />\n          </aside>\n        )\n      )}\n    </section>\n  );\n}\n"]}
+{"version":3,"file":"mobile-toolbar.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/mobile-toolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { InternalButton } from '../../button/internal';\nimport { MobileTriggers as DrawersMobileTriggers } from './drawers';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\n\nexport default function MobileToolbar() {\n  const {\n    ariaLabels,\n    breadcrumbs,\n    drawers,\n    handleNavigationClick,\n    handleToolsClick,\n    hasDrawerViewportOverlay,\n    isMobile,\n    isNavigationOpen,\n    __embeddedViewMode,\n    isToolsOpen,\n    navigationHide,\n    navigationRefs,\n    toolsHide,\n    toolsRefs,\n  } = useAppLayoutInternals();\n\n  if (\n    !isMobile ||\n    __embeddedViewMode ||\n    (navigationHide && !breadcrumbs && toolsHide && (!drawers || drawers.length === 0))\n  ) {\n    return null;\n  }\n\n  return (\n    <section\n      className={clsx(\n        styles['mobile-toolbar'],\n        [testutilStyles['mobile-bar']],\n        {\n          [styles['has-breadcrumbs']]: breadcrumbs,\n          [styles.unfocusable]: hasDrawerViewportOverlay,\n        },\n        testutilStyles['mobile-bar'],\n        'awsui-context-content-header'\n      )}\n    >\n      {!navigationHide && (\n        <nav\n          aria-hidden={isNavigationOpen}\n          className={clsx(styles['mobile-toolbar-nav'], { [testutilStyles['drawer-closed']]: !isNavigationOpen })}\n        >\n          <InternalButton\n            ariaLabel={ariaLabels?.navigationToggle ?? undefined}\n            ariaExpanded={isNavigationOpen ? undefined : false}\n            iconName=\"menu\"\n            formAction=\"none\"\n            onClick={() => handleNavigationClick(true)}\n            variant=\"icon\"\n            className={testutilStyles['navigation-toggle']}\n            ref={navigationRefs.toggle}\n            disabled={hasDrawerViewportOverlay}\n            __nativeAttributes={{ 'aria-haspopup': isNavigationOpen ? undefined : true }}\n          />\n        </nav>\n      )}\n\n      {breadcrumbs && (\n        <div className={clsx(styles['mobile-toolbar-breadcrumbs'], testutilStyles.breadcrumbs)}>{breadcrumbs}</div>\n      )}\n\n      {drawers ? (\n        <DrawersMobileTriggers />\n      ) : (\n        !toolsHide && (\n          <aside\n            aria-hidden={isToolsOpen}\n            aria-label={ariaLabels?.tools ?? undefined}\n            className={clsx(styles['mobile-toolbar-tools'], { [testutilStyles['drawer-closed']]: !isToolsOpen })}\n          >\n            <InternalButton\n              className={testutilStyles['tools-toggle']}\n              ariaExpanded={isToolsOpen}\n              disabled={hasDrawerViewportOverlay}\n              ariaLabel={ariaLabels?.toolsToggle ?? undefined}\n              iconName=\"status-info\"\n              formAction=\"none\"\n              onClick={() => handleToolsClick(true)}\n              variant=\"icon\"\n              ref={toolsRefs.toggle}\n              __nativeAttributes={{ 'aria-haspopup': true }}\n            />\n          </aside>\n        )\n      )}\n    </section>\n  );\n}\n"]}

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

@@ -1,82 +1,83 @@
 
     import './styles.scoped.css';
     export default {
-  "background": "awsui_background_hyvsj_128tz_93",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_128tz_96",
-  "sticky-background": "awsui_sticky-background_hyvsj_128tz_102",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_128tz_110",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_128tz_123",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_128tz_133",
-  "drawers-container": "awsui_drawers-container_hyvsj_128tz_145",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_128tz_156",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_128tz_180",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_128tz_185",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_128tz_204",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_128tz_214",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_128tz_218",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_128tz_232",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_128tz_218",
-  "drawer": "awsui_drawer_hyvsj_128tz_145",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_128tz_262",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_128tz_271",
-  "drawer-content": "awsui_drawer-content_hyvsj_128tz_262",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_128tz_279",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_128tz_282",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_128tz_289",
-  "content": "awsui_content_hyvsj_128tz_314",
-  "layout": "awsui_layout_hyvsj_128tz_335",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_128tz_418",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_128tz_433",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_128tz_450",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_128tz_482",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_128tz_485",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_128tz_495",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_128tz_498",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_128tz_501",
-  "has-header": "awsui_has-header_hyvsj_128tz_501",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_128tz_522",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_128tz_522",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_128tz_565",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_128tz_565",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_128tz_581",
-  "unfocusable": "awsui_unfocusable_hyvsj_128tz_586",
-  "container": "awsui_container_hyvsj_128tz_596",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_128tz_621",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_128tz_624",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_128tz_624",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_128tz_624",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_128tz_624",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_128tz_633",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_128tz_649",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_128tz_653",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_128tz_657",
-  "navigation-container": "awsui_navigation-container_hyvsj_128tz_666",
-  "show-navigation": "awsui_show-navigation_hyvsj_128tz_710",
-  "animating": "awsui_animating_hyvsj_128tz_732",
-  "showButtons": "awsui_showButtons_hyvsj_128tz_1",
-  "navigation": "awsui_navigation_hyvsj_128tz_666",
-  "openNavigation": "awsui_openNavigation_hyvsj_128tz_1",
-  "animated-content": "awsui_animated-content_hyvsj_128tz_794",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_128tz_803",
-  "notifications": "awsui_notifications_hyvsj_128tz_813",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_128tz_819",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_128tz_836",
-  "position-bottom": "awsui_position-bottom_hyvsj_128tz_883",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_128tz_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_128tz_912",
-  "position-side": "awsui_position-side_hyvsj_128tz_925",
-  "tools-container": "awsui_tools-container_hyvsj_128tz_944",
-  "tools": "awsui_tools_hyvsj_128tz_944",
-  "openTools": "awsui_openTools_hyvsj_128tz_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_128tz_1039",
-  "hide-tools": "awsui_hide-tools_hyvsj_128tz_1049",
-  "show-tools": "awsui_show-tools_hyvsj_128tz_1061",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_128tz_1039",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_128tz_1123",
-  "trigger": "awsui_trigger_hyvsj_128tz_1123",
-  "selected": "awsui_selected_hyvsj_128tz_1187",
-  "badge": "awsui_badge_hyvsj_128tz_1207",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_128tz_1211",
-  "dot": "awsui_dot_hyvsj_128tz_1217"
+  "background": "awsui_background_hyvsj_1rghj_93",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_1rghj_96",
+  "sticky-background": "awsui_sticky-background_hyvsj_1rghj_102",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1rghj_110",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1rghj_123",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_1rghj_133",
+  "drawers-container": "awsui_drawers-container_hyvsj_1rghj_145",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1rghj_156",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1rghj_180",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1rghj_185",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1rghj_204",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1rghj_214",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1rghj_218",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1rghj_232",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1rghj_218",
+  "drawer": "awsui_drawer_hyvsj_1rghj_145",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1rghj_262",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1rghj_271",
+  "drawer-content": "awsui_drawer-content_hyvsj_1rghj_262",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1rghj_279",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_1rghj_282",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1rghj_289",
+  "content": "awsui_content_hyvsj_1rghj_314",
+  "layout": "awsui_layout_hyvsj_1rghj_335",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1rghj_418",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1rghj_433",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1rghj_450",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1rghj_453",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1rghj_485",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1rghj_488",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1rghj_498",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1rghj_501",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1rghj_504",
+  "has-header": "awsui_has-header_hyvsj_1rghj_504",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1rghj_525",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1rghj_525",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_1rghj_568",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1rghj_568",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1rghj_584",
+  "unfocusable": "awsui_unfocusable_hyvsj_1rghj_589",
+  "container": "awsui_container_hyvsj_1rghj_599",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1rghj_624",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_1rghj_627",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1rghj_627",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1rghj_627",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1rghj_627",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1rghj_636",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1rghj_652",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1rghj_656",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1rghj_660",
+  "navigation-container": "awsui_navigation-container_hyvsj_1rghj_669",
+  "show-navigation": "awsui_show-navigation_hyvsj_1rghj_713",
+  "animating": "awsui_animating_hyvsj_1rghj_735",
+  "showButtons": "awsui_showButtons_hyvsj_1rghj_1",
+  "navigation": "awsui_navigation_hyvsj_1rghj_669",
+  "openNavigation": "awsui_openNavigation_hyvsj_1rghj_1",
+  "animated-content": "awsui_animated-content_hyvsj_1rghj_797",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_1rghj_806",
+  "notifications": "awsui_notifications_hyvsj_1rghj_816",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1rghj_822",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1rghj_839",
+  "position-bottom": "awsui_position-bottom_hyvsj_1rghj_886",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1rghj_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_1rghj_915",
+  "position-side": "awsui_position-side_hyvsj_1rghj_928",
+  "tools-container": "awsui_tools-container_hyvsj_1rghj_947",
+  "tools": "awsui_tools_hyvsj_1rghj_947",
+  "openTools": "awsui_openTools_hyvsj_1rghj_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1rghj_1042",
+  "hide-tools": "awsui_hide-tools_hyvsj_1rghj_1052",
+  "show-tools": "awsui_show-tools_hyvsj_1rghj_1064",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_1rghj_1042",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1rghj_1126",
+  "trigger": "awsui_trigger_hyvsj_1rghj_1126",
+  "selected": "awsui_selected_hyvsj_1rghj_1190",
+  "badge": "awsui_badge_hyvsj_1rghj_1210",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1rghj_1214",
+  "dot": "awsui_dot_hyvsj_1rghj_1220"
 };