@cloudscape-design/components-themeable 3.0.1073 → 3.0.1075

package/lib/internal/template/app-layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app-layout/index.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\n'use client';\nimport React from 'react';\n\nimport { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { NonCancelableCustomEvent } from '../internal/events';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { isDevelopment } from '../internal/is-development';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { applyDefaults } from './defaults';\nimport { AppLayoutProps } from './interfaces';\nimport { AppLayoutInternal } from './internal';\nimport { useAppLayoutPlacement } from './utils/use-app-layout-placement';\n\nexport { AppLayoutProps };\n\nconst AppLayout = React.forwardRef(\n  (\n    {\n      contentType = 'default',\n      headerSelector = '#b #h',\n      footerSelector = '#b #f',\n      navigationWidth = 280,\n      toolsWidth = 290,\n      maxContentWidth,\n      minContentWidth,\n      navigationOpen: controlledNavigationOpen,\n      onNavigationChange: controlledOnNavigationChange,\n      analyticsMetadata,\n      ...rest\n    }: AppLayoutProps,\n    ref: React.Ref<AppLayoutProps.Ref>\n  ) => {\n    if (isDevelopment) {\n      if (rest.toolsOpen && rest.toolsHide) {\n        warnOnce(\n          'AppLayout',\n          `You have enabled both the \\`toolsOpen\\` prop and the \\`toolsHide\\` prop. This is not supported. Set \\`toolsOpen\\` to \\`false\\` when you set \\`toolsHide\\` to \\`true\\`.`\n        );\n      }\n    }\n    const { __internalRootRef } = useBaseComponent<HTMLDivElement>(\n      'AppLayout',\n      {\n        props: {\n          contentType,\n          disableContentPaddings: rest.disableContentPaddings,\n          disableBodyScroll: rest.disableBodyScroll,\n          navigationWidth,\n          navigationHide: rest.navigationHide,\n          toolsHide: rest.toolsHide,\n          toolsWidth,\n          maxContentWidth,\n          minContentWidth,\n          stickyNotifications: rest.stickyNotifications,\n          disableContentHeaderOverlap: rest.disableContentHeaderOverlap,\n        },\n        metadata: {\n          drawersCount: rest.drawers?.length ?? null,\n          hasContentHeader: !!rest.contentHeader,\n        },\n      },\n      analyticsMetadata\n    );\n    const isRefresh = useVisualRefresh();\n    const isMobile = useMobile();\n\n    const i18n = useInternalI18n('app-layout');\n    const ariaLabels = {\n      navigation: i18n('ariaLabels.navigation', rest.ariaLabels?.navigation),\n      navigationClose: i18n('ariaLabels.navigationClose', rest.ariaLabels?.navigationClose),\n      navigationToggle: i18n('ariaLabels.navigationToggle', rest.ariaLabels?.navigationToggle),\n      notifications: i18n('ariaLabels.notifications', rest.ariaLabels?.notifications),\n      tools: i18n('ariaLabels.tools', rest.ariaLabels?.tools),\n      toolsClose: i18n('ariaLabels.toolsClose', rest.ariaLabels?.toolsClose),\n      toolsToggle: i18n('ariaLabels.toolsToggle', rest.ariaLabels?.toolsToggle),\n      drawers: i18n('ariaLabels.drawers', rest.ariaLabels?.drawers),\n      drawersOverflow: i18n('ariaLabels.drawersOverflow', rest.ariaLabels?.drawersOverflow),\n      drawersOverflowWithBadge: i18n('ariaLabels.drawersOverflowWithBadge', rest.ariaLabels?.drawersOverflowWithBadge),\n    };\n    const { navigationOpen: defaultNavigationOpen, ...restDefaults } = applyDefaults(\n      contentType,\n      { maxContentWidth, minContentWidth },\n      isRefresh\n    );\n\n    const [navigationOpen = false, setNavigationOpen] = useControllable(\n      controlledNavigationOpen,\n      controlledOnNavigationChange,\n      isMobile ? false : defaultNavigationOpen,\n      { componentName: 'AppLayout', controlledProp: 'navigationOpen', changeHandler: 'onNavigationChange' }\n    );\n    const onNavigationChange = (event: NonCancelableCustomEvent<AppLayoutProps.ChangeDetail>) => {\n      setNavigationOpen(event.detail.open);\n      controlledOnNavigationChange?.(event);\n    };\n\n    const [rootRef, placement] = useAppLayoutPlacement(headerSelector, footerSelector);\n\n    // This re-builds the props including the default values\n    const props = {\n      contentType,\n      navigationWidth,\n      toolsWidth,\n      navigationOpen,\n      onNavigationChange,\n      ...restDefaults,\n      ...rest,\n      ariaLabels,\n      placement,\n    };\n\n    const baseProps = getBaseProps(rest);\n\n    return (\n      <div ref={useMergeRefs(__internalRootRef, rootRef)} {...baseProps}>\n        <AppLayoutInternal ref={ref} {...props} />\n      </div>\n    );\n  }\n);\n\napplyDisplayName(AppLayout, 'AppLayout');\nexport default AppLayout;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app-layout/index.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\n'use client';\nimport React from 'react';\n\nimport { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { NonCancelableCustomEvent } from '../internal/events';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { isDevelopment } from '../internal/is-development';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { applyDefaults } from './defaults';\nimport { AppLayoutProps } from './interfaces';\nimport { AppLayoutInternal } from './internal';\nimport { useAppLayoutPlacement } from './utils/use-app-layout-placement';\n\nexport { AppLayoutProps };\n\nconst AppLayout = React.forwardRef(\n  (\n    {\n      contentType = 'default',\n      headerSelector = '#b #h',\n      footerSelector = '#b #f',\n      navigationWidth = 280,\n      toolsWidth = 290,\n      maxContentWidth,\n      minContentWidth,\n      navigationOpen: controlledNavigationOpen,\n      onNavigationChange: controlledOnNavigationChange,\n      analyticsMetadata,\n      ...rest\n    }: AppLayoutProps,\n    ref: React.Ref<AppLayoutProps.Ref>\n  ) => {\n    if (isDevelopment) {\n      if (rest.toolsOpen && rest.toolsHide) {\n        warnOnce(\n          'AppLayout',\n          `You have enabled both the \\`toolsOpen\\` prop and the \\`toolsHide\\` prop. This is not supported. Set \\`toolsOpen\\` to \\`false\\` when you set \\`toolsHide\\` to \\`true\\`.`\n        );\n      }\n    }\n    const { __internalRootRef } = useBaseComponent(\n      'AppLayout',\n      {\n        props: {\n          contentType,\n          disableContentPaddings: rest.disableContentPaddings,\n          disableBodyScroll: rest.disableBodyScroll,\n          navigationWidth,\n          navigationHide: rest.navigationHide,\n          toolsHide: rest.toolsHide,\n          toolsWidth,\n          maxContentWidth,\n          minContentWidth,\n          stickyNotifications: rest.stickyNotifications,\n          disableContentHeaderOverlap: rest.disableContentHeaderOverlap,\n        },\n        metadata: {\n          drawersCount: rest.drawers?.length ?? null,\n          hasContentHeader: !!rest.contentHeader,\n        },\n      },\n      analyticsMetadata\n    );\n    const isRefresh = useVisualRefresh();\n    const isMobile = useMobile();\n\n    const i18n = useInternalI18n('app-layout');\n    const ariaLabels = {\n      navigation: i18n('ariaLabels.navigation', rest.ariaLabels?.navigation),\n      navigationClose: i18n('ariaLabels.navigationClose', rest.ariaLabels?.navigationClose),\n      navigationToggle: i18n('ariaLabels.navigationToggle', rest.ariaLabels?.navigationToggle),\n      notifications: i18n('ariaLabels.notifications', rest.ariaLabels?.notifications),\n      tools: i18n('ariaLabels.tools', rest.ariaLabels?.tools),\n      toolsClose: i18n('ariaLabels.toolsClose', rest.ariaLabels?.toolsClose),\n      toolsToggle: i18n('ariaLabels.toolsToggle', rest.ariaLabels?.toolsToggle),\n      drawers: i18n('ariaLabels.drawers', rest.ariaLabels?.drawers),\n      drawersOverflow: i18n('ariaLabels.drawersOverflow', rest.ariaLabels?.drawersOverflow),\n      drawersOverflowWithBadge: i18n('ariaLabels.drawersOverflowWithBadge', rest.ariaLabels?.drawersOverflowWithBadge),\n    };\n    const { navigationOpen: defaultNavigationOpen, ...restDefaults } = applyDefaults(\n      contentType,\n      { maxContentWidth, minContentWidth },\n      isRefresh\n    );\n\n    const [navigationOpen = false, setNavigationOpen] = useControllable(\n      controlledNavigationOpen,\n      controlledOnNavigationChange,\n      isMobile ? false : defaultNavigationOpen,\n      { componentName: 'AppLayout', controlledProp: 'navigationOpen', changeHandler: 'onNavigationChange' }\n    );\n    const onNavigationChange = (event: NonCancelableCustomEvent<AppLayoutProps.ChangeDetail>) => {\n      setNavigationOpen(event.detail.open);\n      controlledOnNavigationChange?.(event);\n    };\n\n    const [rootRef, placement] = useAppLayoutPlacement(headerSelector, footerSelector);\n\n    // This re-builds the props including the default values\n    const props = {\n      contentType,\n      navigationWidth,\n      toolsWidth,\n      navigationOpen,\n      onNavigationChange,\n      ...restDefaults,\n      ...rest,\n      ariaLabels,\n      placement,\n    };\n\n    const baseProps = getBaseProps(rest);\n\n    return (\n      <div ref={useMergeRefs(__internalRootRef, rootRef)} {...baseProps}>\n        <AppLayoutInternal ref={ref} {...props} />\n      </div>\n    );\n  }\n);\n\napplyDisplayName(AppLayout, 'AppLayout');\nexport default AppLayout;\n"]}

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

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "notifications": "awsui_notifications_1hmm4_16o5e_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_16o5e_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_16o5e_25"
+  "notifications": "awsui_notifications_1hmm4_1inkx_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1inkx_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1inkx_25"
 };
   

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

@@ -6,26 +6,26 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_1hmm4_16o5e_9:not(#\9),
-.awsui_notifications-sticky_1hmm4_16o5e_10:not(#\9) {
+.awsui_notifications_1hmm4_1inkx_9:not(#\9),
+.awsui_notifications-sticky_1hmm4_1inkx_10:not(#\9) {
   z-index: 850;
 }
 
-.awsui_notifications_1hmm4_16o5e_9:not(#\9) {
+.awsui_notifications_1hmm4_1inkx_9:not(#\9) {
   /* This is necessary for the z-index to have effect */
   position: relative;
 }
 
-.awsui_notifications-sticky_1hmm4_16o5e_10:not(#\9) {
+.awsui_notifications-sticky_1hmm4_1inkx_10:not(#\9) {
   inset-block-start: 0;
   position: sticky;
-  --awsui-flashbar-sticky-bottom-margin-kcc2gu: var(--space-xxl-q0lyvp, 32px);
+  --awsui-flashbar-sticky-bottom-margin-mdigke: var(--space-xxl-q0lyvp, 32px);
 }
 
-.awsui_no-content-paddings_1hmm4_16o5e_25:not(#\9) {
+.awsui_no-content-paddings_1hmm4_1inkx_25:not(#\9) {
   /*
   When using the disableContentPaddings option, the Flashbar will use this custom property to add additional space
   when the notification bar is rendered, to prevent it from overlapping the content.
    */
-  --awsui-stacked-notifications-bottom-margin-kcc2gu: var(--space-scaled-l-66n9sr, 20px);
+  --awsui-stacked-notifications-bottom-margin-mdigke: var(--space-scaled-l-66n9sr, 20px);
 }

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

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "notifications": "awsui_notifications_1hmm4_16o5e_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_16o5e_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_16o5e_25"
+  "notifications": "awsui_notifications_1hmm4_1inkx_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1inkx_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1inkx_25"
 };
   

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

@@ -1,91 +1,91 @@
 
     import './styles.scoped.css';
     export default {
-  "background": "awsui_background_hyvsj_124nk_149",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_124nk_152",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_124nk_163",
-  "drawers-container": "awsui_drawers-container_hyvsj_124nk_176",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_124nk_187",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_124nk_208",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_124nk_213",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_124nk_251",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_124nk_261",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_124nk_266",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_124nk_280",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_124nk_266",
-  "drawer": "awsui_drawer_hyvsj_124nk_176",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_124nk_311",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_124nk_320",
-  "drawer-content": "awsui_drawer-content_hyvsj_124nk_311",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_124nk_329",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_124nk_332",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_124nk_339",
-  "content": "awsui_content_hyvsj_124nk_365",
-  "layout": "awsui_layout_hyvsj_124nk_390",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_124nk_462",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_124nk_477",
-  "content-type-table": "awsui_content-type-table_hyvsj_124nk_491",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_124nk_491",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_124nk_497",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_124nk_500",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_124nk_514",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_124nk_517",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_124nk_527",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_124nk_530",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_124nk_530",
-  "has-header": "awsui_has-header_hyvsj_124nk_530",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_124nk_545",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_124nk_545",
-  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_124nk_565",
-  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_124nk_568",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_124nk_588",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_124nk_588",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_124nk_596",
-  "unfocusable": "awsui_unfocusable_hyvsj_124nk_601",
-  "container": "awsui_container_hyvsj_124nk_611",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_124nk_637",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_124nk_640",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_124nk_640",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_124nk_640",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_124nk_640",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_124nk_653",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_124nk_670",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_124nk_674",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_124nk_678",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_124nk_682",
-  "navigation-container": "awsui_navigation-container_hyvsj_124nk_691",
-  "show-navigation": "awsui_show-navigation_hyvsj_124nk_729",
-  "animating": "awsui_animating_hyvsj_124nk_752",
-  "showButtons": "awsui_showButtons_hyvsj_124nk_1",
-  "navigation": "awsui_navigation_hyvsj_124nk_691",
-  "openNavigation": "awsui_openNavigation_hyvsj_124nk_1",
-  "animated-content": "awsui_animated-content_hyvsj_124nk_816",
-  "content-container": "awsui_content-container_hyvsj_124nk_819",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_124nk_828",
-  "notifications": "awsui_notifications_hyvsj_124nk_838",
-  "has-notification-content": "awsui_has-notification-content_hyvsj_124nk_843",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_124nk_847",
-  "high-contrast": "awsui_high-contrast_hyvsj_124nk_852",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_124nk_870",
-  "position-bottom": "awsui_position-bottom_hyvsj_124nk_917",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_124nk_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_124nk_946",
-  "position-side": "awsui_position-side_hyvsj_124nk_959",
-  "tools-container": "awsui_tools-container_hyvsj_124nk_981",
-  "tools": "awsui_tools_hyvsj_124nk_981",
-  "openTools": "awsui_openTools_hyvsj_124nk_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_124nk_1070",
-  "hide-tools": "awsui_hide-tools_hyvsj_124nk_1080",
-  "show-tools": "awsui_show-tools_hyvsj_124nk_1092",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_124nk_1070",
-  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_124nk_1172",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_124nk_1188",
-  "trigger": "awsui_trigger_hyvsj_124nk_1172",
-  "selected": "awsui_selected_hyvsj_124nk_1240",
-  "badge": "awsui_badge_hyvsj_124nk_1260",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_124nk_1264",
-  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_124nk_1275",
-  "dot": "awsui_dot_hyvsj_124nk_1279",
-  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_124nk_1292"
+  "background": "awsui_background_hyvsj_1k8em_149",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_1k8em_152",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1k8em_163",
+  "drawers-container": "awsui_drawers-container_hyvsj_1k8em_176",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1k8em_187",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1k8em_208",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1k8em_213",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1k8em_251",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1k8em_261",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1k8em_266",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1k8em_280",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1k8em_266",
+  "drawer": "awsui_drawer_hyvsj_1k8em_176",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1k8em_311",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1k8em_320",
+  "drawer-content": "awsui_drawer-content_hyvsj_1k8em_311",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1k8em_329",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_1k8em_332",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1k8em_339",
+  "content": "awsui_content_hyvsj_1k8em_365",
+  "layout": "awsui_layout_hyvsj_1k8em_390",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1k8em_462",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1k8em_477",
+  "content-type-table": "awsui_content-type-table_hyvsj_1k8em_491",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_1k8em_491",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1k8em_497",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1k8em_500",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1k8em_514",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1k8em_517",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1k8em_527",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1k8em_530",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1k8em_530",
+  "has-header": "awsui_has-header_hyvsj_1k8em_530",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1k8em_545",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1k8em_545",
+  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_1k8em_565",
+  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_1k8em_568",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_1k8em_588",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1k8em_588",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1k8em_596",
+  "unfocusable": "awsui_unfocusable_hyvsj_1k8em_601",
+  "container": "awsui_container_hyvsj_1k8em_611",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1k8em_637",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_1k8em_640",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1k8em_640",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1k8em_640",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1k8em_640",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1k8em_653",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1k8em_670",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1k8em_674",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1k8em_678",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1k8em_682",
+  "navigation-container": "awsui_navigation-container_hyvsj_1k8em_691",
+  "show-navigation": "awsui_show-navigation_hyvsj_1k8em_729",
+  "animating": "awsui_animating_hyvsj_1k8em_752",
+  "showButtons": "awsui_showButtons_hyvsj_1k8em_1",
+  "navigation": "awsui_navigation_hyvsj_1k8em_691",
+  "openNavigation": "awsui_openNavigation_hyvsj_1k8em_1",
+  "animated-content": "awsui_animated-content_hyvsj_1k8em_816",
+  "content-container": "awsui_content-container_hyvsj_1k8em_819",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_1k8em_828",
+  "notifications": "awsui_notifications_hyvsj_1k8em_838",
+  "has-notification-content": "awsui_has-notification-content_hyvsj_1k8em_843",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1k8em_847",
+  "high-contrast": "awsui_high-contrast_hyvsj_1k8em_852",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1k8em_870",
+  "position-bottom": "awsui_position-bottom_hyvsj_1k8em_917",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1k8em_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_1k8em_946",
+  "position-side": "awsui_position-side_hyvsj_1k8em_959",
+  "tools-container": "awsui_tools-container_hyvsj_1k8em_981",
+  "tools": "awsui_tools_hyvsj_1k8em_981",
+  "openTools": "awsui_openTools_hyvsj_1k8em_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1k8em_1070",
+  "hide-tools": "awsui_hide-tools_hyvsj_1k8em_1080",
+  "show-tools": "awsui_show-tools_hyvsj_1k8em_1092",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_1k8em_1070",
+  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_1k8em_1172",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1k8em_1188",
+  "trigger": "awsui_trigger_hyvsj_1k8em_1172",
+  "selected": "awsui_selected_hyvsj_1k8em_1240",
+  "badge": "awsui_badge_hyvsj_1k8em_1260",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1k8em_1264",
+  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_1k8em_1275",
+  "dot": "awsui_dot_hyvsj_1k8em_1279",
+  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_1k8em_1292"
 };