@cloudscape-design/components-themeable 3.0.1164 → 3.0.1166

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/app-layout/runtime-drawer/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\nimport React, { useContext, useEffect, useRef } from 'react';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ButtonGroupProps } from '../../button-group/interfaces';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../../internal/events';\nimport {\n  DrawerConfig as RuntimeDrawerConfig,\n  DrawerStateChangeParams,\n} from '../../internal/plugins/controllers/drawers';\nimport { sortByPriority } from '../../internal/plugins/helpers/utils';\nimport { DrawerPayload as RuntimeAiDrawerConfig } from '../../internal/plugins/widget/interfaces';\nimport { AppLayoutProps } from '../interfaces';\nimport { ActiveDrawersContext } from '../utils/visibility-context';\n\nimport styles from './styles.css.js';\n\nexport interface RuntimeDrawer extends AppLayoutProps.Drawer {\n  onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n  position?: 'side' | 'bottom';\n}\n\nexport interface DrawersLayout {\n  global: Array<RuntimeDrawer>;\n  localBefore: Array<RuntimeDrawer>;\n  localAfter: Array<RuntimeDrawer>;\n}\n\ntype VisibilityCallback = (isVisible: boolean) => void;\n\ninterface RuntimeContentWrapperProps {\n  id?: string;\n  mountContent: RuntimeDrawerConfig['mountContent'];\n  unmountContent: RuntimeDrawerConfig['unmountContent'];\n}\n\nfunction RuntimeDrawerWrapper({ mountContent, unmountContent, id }: RuntimeContentWrapperProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const visibilityChangeCallback = useRef<VisibilityCallback | null>(null);\n  const activeDrawersIds = useContext(ActiveDrawersContext);\n  const isVisible = !!id && activeDrawersIds.includes(id);\n\n  useEffect(() => {\n    const container = ref.current!;\n    mountContent(container, {\n      onVisibilityChange: cb => {\n        visibilityChangeCallback.current = cb;\n      },\n    });\n    return () => {\n      unmountContent(container);\n      visibilityChangeCallback.current = null;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    visibilityChangeCallback.current?.(isVisible);\n  }, [isVisible]);\n\n  return <div ref={ref} className={styles['runtime-content-wrapper']} data-awsui-runtime-drawer-root-id={id}></div>;\n}\n\ninterface RuntimeContentHeaderProps {\n  mountHeader: (container: HTMLElement) => void;\n  unmountHeader?: (container: HTMLElement) => void;\n}\n\nfunction RuntimeDrawerHeader({ mountHeader, unmountHeader }: RuntimeContentHeaderProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const container = ref.current!;\n    mountHeader?.(container);\n    return () => {\n      unmountHeader?.(container);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <div className={styles['runtime-header-wrapper']} ref={ref} />;\n}\n\nfunction checkForUnsupportedProps(headerActions: ReadonlyArray<ButtonGroupProps.Item>) {\n  const unsupportedProps = new Set([\n    'iconSvg',\n    'popoverFeedback',\n    'pressedIconSvg',\n    'popoverFeedback',\n    'pressedPopoverFeedback',\n  ]);\n  for (const item of headerActions) {\n    const unsupported = Object.keys(item).filter(key => unsupportedProps.has(key));\n    if (unsupported.length > 0) {\n      warnOnce('AppLayout', `The headerActions properties are not supported for runtime api: ${unsupported.join(' ')}`);\n    }\n  }\n  return headerActions;\n}\n\nconst convertRuntimeTriggerToReactNode = (runtimeTrigger?: string) => {\n  if (!runtimeTrigger) {\n    return undefined;\n  }\n  // eslint-disable-next-line react/no-danger\n  return <span style={{ lineHeight: 0 }} dangerouslySetInnerHTML={{ __html: runtimeTrigger }} />;\n};\n\nexport const mapRuntimeConfigToDrawer = (\n  runtimeConfig: RuntimeDrawerConfig\n): AppLayoutProps.Drawer & {\n  orderPriority?: number;\n  onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n  headerActions?: ReadonlyArray<ButtonGroupProps.Item>;\n} => {\n  const { mountContent, unmountContent, trigger, ...runtimeDrawer } = runtimeConfig;\n\n  return {\n    ...runtimeDrawer,\n    ariaLabels: { drawerName: runtimeDrawer.ariaLabels.content ?? '', ...runtimeDrawer.ariaLabels },\n    trigger: trigger\n      ? {\n          ...(trigger.iconSvg && {\n            iconSvg: convertRuntimeTriggerToReactNode(trigger.iconSvg),\n          }),\n        }\n      : undefined,\n    content: (\n      <RuntimeDrawerWrapper\n        key={runtimeDrawer.id}\n        mountContent={mountContent}\n        unmountContent={unmountContent}\n        id={runtimeDrawer.id}\n      />\n    ),\n    onResize: event => {\n      fireNonCancelableEvent(runtimeDrawer.onResize, { size: event.detail.size, id: runtimeDrawer.id });\n    },\n    headerActions: runtimeDrawer.headerActions ? checkForUnsupportedProps(runtimeDrawer.headerActions) : undefined,\n  };\n};\n\nexport const mapRuntimeConfigToAiDrawer = (\n  runtimeConfig: RuntimeAiDrawerConfig\n): AppLayoutProps.Drawer & {\n  orderPriority?: number;\n  onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n  headerActions?: ReadonlyArray<ButtonGroupProps.Item>;\n  exitExpandedModeTrigger?: React.ReactNode;\n  onToggleFocusMode?: NonCancelableEventHandler<{ isExpanded: boolean }>;\n} => {\n  const { mountContent, unmountContent, trigger, exitExpandedModeTrigger, ...runtimeDrawer } = runtimeConfig;\n\n  return {\n    ...runtimeDrawer,\n    ariaLabels: { drawerName: runtimeDrawer.ariaLabels.content ?? '', ...runtimeDrawer.ariaLabels },\n    ...(trigger && {\n      trigger: {\n        customIcon: convertRuntimeTriggerToReactNode(trigger?.customIcon),\n        iconSvg: convertRuntimeTriggerToReactNode(trigger?.iconSvg),\n      },\n    }),\n    exitExpandedModeTrigger: exitExpandedModeTrigger\n      ? {\n          customIcon: convertRuntimeTriggerToReactNode(exitExpandedModeTrigger?.customIcon),\n        }\n      : undefined,\n    content: (\n      <RuntimeDrawerWrapper\n        key={runtimeDrawer.id}\n        mountContent={mountContent}\n        unmountContent={unmountContent}\n        id={runtimeDrawer.id}\n      />\n    ),\n    ...(runtimeDrawer.mountHeader && {\n      header: (\n        <RuntimeDrawerHeader mountHeader={runtimeDrawer.mountHeader} unmountHeader={runtimeDrawer.unmountHeader} />\n      ),\n    }),\n    onResize: event => {\n      fireNonCancelableEvent(runtimeDrawer.onResize, { size: event.detail.size, id: runtimeDrawer.id });\n    },\n    headerActions: runtimeDrawer.headerActions ? checkForUnsupportedProps(runtimeDrawer.headerActions) : undefined,\n  };\n};\n\nexport function convertRuntimeDrawers(\n  localDrawers: Array<RuntimeDrawerConfig>,\n  globalDrawers: Array<RuntimeDrawerConfig>\n): DrawersLayout {\n  const converted = localDrawers.map(mapRuntimeConfigToDrawer);\n  const sorted = sortByPriority(converted);\n  return {\n    global: sortByPriority(globalDrawers.map(mapRuntimeConfigToDrawer)),\n    localBefore: sorted.filter(item => (item.orderPriority ?? 0) > 0),\n    localAfter: sorted.filter(item => (item.orderPriority ?? 0) <= 0),\n  };\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/app-layout/runtime-drawer/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\nimport React, { useContext, useEffect, useRef } from 'react';\n\nimport { ButtonGroupProps, ItemRuntime } from '../../button-group/interfaces';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../../internal/events';\nimport {\n  DrawerConfig as RuntimeDrawerConfig,\n  DrawerStateChangeParams,\n} from '../../internal/plugins/controllers/drawers';\nimport { sortByPriority } from '../../internal/plugins/helpers/utils';\nimport { DrawerPayload as RuntimeAiDrawerConfig } from '../../internal/plugins/widget/interfaces';\nimport { AppLayoutProps } from '../interfaces';\nimport { ActiveDrawersContext } from '../utils/visibility-context';\n\nimport styles from './styles.css.js';\n\nexport interface RuntimeDrawer extends AppLayoutProps.Drawer {\n  onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n  position?: 'side' | 'bottom';\n}\n\nexport interface DrawersLayout {\n  global: Array<RuntimeDrawer>;\n  localBefore: Array<RuntimeDrawer>;\n  localAfter: Array<RuntimeDrawer>;\n}\n\ntype VisibilityCallback = (isVisible: boolean) => void;\n\ninterface RuntimeContentWrapperProps {\n  id?: string;\n  mountContent: RuntimeDrawerConfig['mountContent'];\n  unmountContent: RuntimeDrawerConfig['unmountContent'];\n}\n\nfunction RuntimeDrawerWrapper({ mountContent, unmountContent, id }: RuntimeContentWrapperProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const visibilityChangeCallback = useRef<VisibilityCallback | null>(null);\n  const activeDrawersIds = useContext(ActiveDrawersContext);\n  const isVisible = !!id && activeDrawersIds.includes(id);\n\n  useEffect(() => {\n    const container = ref.current!;\n    mountContent(container, {\n      onVisibilityChange: cb => {\n        visibilityChangeCallback.current = cb;\n      },\n    });\n    return () => {\n      unmountContent(container);\n      visibilityChangeCallback.current = null;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    visibilityChangeCallback.current?.(isVisible);\n  }, [isVisible]);\n\n  return <div ref={ref} className={styles['runtime-content-wrapper']} data-awsui-runtime-drawer-root-id={id}></div>;\n}\n\ninterface RuntimeContentHeaderProps {\n  mountHeader: (container: HTMLElement) => void;\n  unmountHeader?: (container: HTMLElement) => void;\n}\n\nfunction RuntimeDrawerHeader({ mountHeader, unmountHeader }: RuntimeContentHeaderProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const container = ref.current!;\n    mountHeader?.(container);\n    return () => {\n      unmountHeader?.(container);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <div className={styles['runtime-header-wrapper']} ref={ref} />;\n}\n\nfunction mapRuntimeHeaderActionsToHeaderActions(\n  runtimeHeaderActions: ReadonlyArray<ItemRuntime>\n): ReadonlyArray<ButtonGroupProps.Item> {\n  return runtimeHeaderActions.map(runtimeHeaderAction => {\n    return {\n      ...runtimeHeaderAction,\n      ...('iconSvg' in runtimeHeaderAction &&\n        runtimeHeaderAction.iconSvg && {\n          iconSvg: convertRuntimeTriggerToReactNode(runtimeHeaderAction.iconSvg),\n        }),\n      ...('pressedIconSvg' in runtimeHeaderAction &&\n        runtimeHeaderAction.pressedIconSvg && {\n          iconSvg: convertRuntimeTriggerToReactNode(runtimeHeaderAction.pressedIconSvg),\n        }),\n    };\n  });\n}\n\nconst convertRuntimeTriggerToReactNode = (runtimeTrigger?: string) => {\n  if (!runtimeTrigger) {\n    return undefined;\n  }\n  // eslint-disable-next-line react/no-danger\n  return <span style={{ lineHeight: 0 }} dangerouslySetInnerHTML={{ __html: runtimeTrigger }} />;\n};\n\nexport const mapRuntimeConfigToDrawer = (\n  runtimeConfig: RuntimeDrawerConfig\n): AppLayoutProps.Drawer & {\n  orderPriority?: number;\n  onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n  headerActions?: ReadonlyArray<ButtonGroupProps.Item>;\n} => {\n  const { mountContent, unmountContent, trigger, ...runtimeDrawer } = runtimeConfig;\n\n  return {\n    ...runtimeDrawer,\n    ariaLabels: { drawerName: runtimeDrawer.ariaLabels.content ?? '', ...runtimeDrawer.ariaLabels },\n    trigger: trigger\n      ? {\n          ...(trigger.iconSvg && {\n            iconSvg: convertRuntimeTriggerToReactNode(trigger.iconSvg),\n          }),\n        }\n      : undefined,\n    content: (\n      <RuntimeDrawerWrapper\n        key={runtimeDrawer.id}\n        mountContent={mountContent}\n        unmountContent={unmountContent}\n        id={runtimeDrawer.id}\n      />\n    ),\n    onResize: event => {\n      fireNonCancelableEvent(runtimeDrawer.onResize, { size: event.detail.size, id: runtimeDrawer.id });\n    },\n    headerActions: runtimeDrawer.headerActions\n      ? mapRuntimeHeaderActionsToHeaderActions(runtimeDrawer.headerActions)\n      : undefined,\n  };\n};\n\nexport const mapRuntimeConfigToAiDrawer = (\n  runtimeConfig: RuntimeAiDrawerConfig\n): AppLayoutProps.Drawer & {\n  orderPriority?: number;\n  onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n  headerActions?: ReadonlyArray<ButtonGroupProps.Item>;\n  exitExpandedModeTrigger?: React.ReactNode;\n  onToggleFocusMode?: NonCancelableEventHandler<{ isExpanded: boolean }>;\n} => {\n  const { mountContent, unmountContent, trigger, exitExpandedModeTrigger, ...runtimeDrawer } = runtimeConfig;\n\n  return {\n    ...runtimeDrawer,\n    ariaLabels: { drawerName: runtimeDrawer.ariaLabels.content ?? '', ...runtimeDrawer.ariaLabels },\n    ...(trigger && {\n      trigger: {\n        customIcon: convertRuntimeTriggerToReactNode(trigger?.customIcon),\n        iconSvg: convertRuntimeTriggerToReactNode(trigger?.iconSvg),\n      },\n    }),\n    exitExpandedModeTrigger: exitExpandedModeTrigger\n      ? {\n          customIcon: convertRuntimeTriggerToReactNode(exitExpandedModeTrigger?.customIcon),\n        }\n      : undefined,\n    content: (\n      <RuntimeDrawerWrapper\n        key={runtimeDrawer.id}\n        mountContent={mountContent}\n        unmountContent={unmountContent}\n        id={runtimeDrawer.id}\n      />\n    ),\n    ...(runtimeDrawer.mountHeader && {\n      header: (\n        <RuntimeDrawerHeader mountHeader={runtimeDrawer.mountHeader} unmountHeader={runtimeDrawer.unmountHeader} />\n      ),\n    }),\n    onResize: event => {\n      fireNonCancelableEvent(runtimeDrawer.onResize, { size: event.detail.size, id: runtimeDrawer.id });\n    },\n    headerActions: runtimeDrawer.headerActions\n      ? mapRuntimeHeaderActionsToHeaderActions(runtimeDrawer.headerActions)\n      : undefined,\n  };\n};\n\nexport function convertRuntimeDrawers(\n  localDrawers: Array<RuntimeDrawerConfig>,\n  globalDrawers: Array<RuntimeDrawerConfig>\n): DrawersLayout {\n  const converted = localDrawers.map(mapRuntimeConfigToDrawer);\n  const sorted = sortByPriority(converted);\n  return {\n    global: sortByPriority(globalDrawers.map(mapRuntimeConfigToDrawer)),\n    localBefore: sorted.filter(item => (item.orderPriority ?? 0) > 0),\n    localAfter: sorted.filter(item => (item.orderPriority ?? 0) <= 0),\n  };\n}\n"]}

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_1lprv_149",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_1lprv_152",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1lprv_163",
-  "drawers-container": "awsui_drawers-container_hyvsj_1lprv_176",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1lprv_187",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1lprv_208",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1lprv_213",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1lprv_251",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1lprv_261",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1lprv_266",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1lprv_280",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1lprv_266",
-  "drawer": "awsui_drawer_hyvsj_1lprv_176",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1lprv_311",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1lprv_320",
-  "drawer-content": "awsui_drawer-content_hyvsj_1lprv_311",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1lprv_329",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_1lprv_332",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1lprv_340",
-  "content": "awsui_content_hyvsj_1lprv_366",
-  "layout": "awsui_layout_hyvsj_1lprv_391",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1lprv_463",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1lprv_478",
-  "content-type-table": "awsui_content-type-table_hyvsj_1lprv_492",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1lprv_492",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1lprv_498",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1lprv_501",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1lprv_515",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1lprv_518",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1lprv_528",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1lprv_531",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1lprv_531",
-  "has-header": "awsui_has-header_hyvsj_1lprv_531",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1lprv_546",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1lprv_546",
-  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_1lprv_566",
-  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_1lprv_569",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1lprv_589",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1lprv_589",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1lprv_597",
-  "unfocusable": "awsui_unfocusable_hyvsj_1lprv_602",
-  "container": "awsui_container_hyvsj_1lprv_612",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1lprv_638",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1lprv_641",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1lprv_641",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1lprv_641",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1lprv_641",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1lprv_654",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1lprv_671",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1lprv_675",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1lprv_679",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1lprv_683",
-  "navigation-container": "awsui_navigation-container_hyvsj_1lprv_692",
-  "show-navigation": "awsui_show-navigation_hyvsj_1lprv_730",
-  "animating": "awsui_animating_hyvsj_1lprv_753",
-  "showButtons": "awsui_showButtons_hyvsj_1lprv_1",
-  "navigation": "awsui_navigation_hyvsj_1lprv_692",
-  "openNavigation": "awsui_openNavigation_hyvsj_1lprv_1",
-  "animated-content": "awsui_animated-content_hyvsj_1lprv_817",
-  "content-container": "awsui_content-container_hyvsj_1lprv_820",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1lprv_829",
-  "notifications": "awsui_notifications_hyvsj_1lprv_839",
-  "has-notification-content": "awsui_has-notification-content_hyvsj_1lprv_844",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1lprv_848",
-  "high-contrast": "awsui_high-contrast_hyvsj_1lprv_853",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1lprv_871",
-  "position-bottom": "awsui_position-bottom_hyvsj_1lprv_918",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1lprv_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1lprv_947",
-  "position-side": "awsui_position-side_hyvsj_1lprv_960",
-  "tools-container": "awsui_tools-container_hyvsj_1lprv_982",
-  "tools": "awsui_tools_hyvsj_1lprv_982",
-  "openTools": "awsui_openTools_hyvsj_1lprv_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1lprv_1071",
-  "hide-tools": "awsui_hide-tools_hyvsj_1lprv_1081",
-  "show-tools": "awsui_show-tools_hyvsj_1lprv_1093",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1lprv_1071",
-  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_1lprv_1173",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1lprv_1189",
-  "trigger": "awsui_trigger_hyvsj_1lprv_1173",
-  "selected": "awsui_selected_hyvsj_1lprv_1241",
-  "badge": "awsui_badge_hyvsj_1lprv_1261",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1lprv_1265",
-  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_1lprv_1276",
-  "dot": "awsui_dot_hyvsj_1lprv_1280",
-  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_1lprv_1293"
+  "background": "awsui_background_hyvsj_1f2m7_149",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_1f2m7_152",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1f2m7_163",
+  "drawers-container": "awsui_drawers-container_hyvsj_1f2m7_176",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1f2m7_187",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1f2m7_208",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1f2m7_213",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1f2m7_251",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1f2m7_261",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1f2m7_266",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1f2m7_280",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1f2m7_266",
+  "drawer": "awsui_drawer_hyvsj_1f2m7_176",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1f2m7_311",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1f2m7_320",
+  "drawer-content": "awsui_drawer-content_hyvsj_1f2m7_311",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1f2m7_329",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_1f2m7_332",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1f2m7_340",
+  "content": "awsui_content_hyvsj_1f2m7_366",
+  "layout": "awsui_layout_hyvsj_1f2m7_391",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1f2m7_463",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1f2m7_478",
+  "content-type-table": "awsui_content-type-table_hyvsj_1f2m7_492",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_1f2m7_492",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1f2m7_498",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1f2m7_501",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1f2m7_515",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1f2m7_518",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1f2m7_528",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1f2m7_531",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1f2m7_531",
+  "has-header": "awsui_has-header_hyvsj_1f2m7_531",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1f2m7_546",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1f2m7_546",
+  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_1f2m7_566",
+  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_1f2m7_569",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_1f2m7_589",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1f2m7_589",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1f2m7_597",
+  "unfocusable": "awsui_unfocusable_hyvsj_1f2m7_602",
+  "container": "awsui_container_hyvsj_1f2m7_612",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1f2m7_638",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_1f2m7_641",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1f2m7_641",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1f2m7_641",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1f2m7_641",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1f2m7_654",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1f2m7_671",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1f2m7_675",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1f2m7_679",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1f2m7_683",
+  "navigation-container": "awsui_navigation-container_hyvsj_1f2m7_692",
+  "show-navigation": "awsui_show-navigation_hyvsj_1f2m7_730",
+  "animating": "awsui_animating_hyvsj_1f2m7_753",
+  "showButtons": "awsui_showButtons_hyvsj_1f2m7_1",
+  "navigation": "awsui_navigation_hyvsj_1f2m7_692",
+  "openNavigation": "awsui_openNavigation_hyvsj_1f2m7_1",
+  "animated-content": "awsui_animated-content_hyvsj_1f2m7_817",
+  "content-container": "awsui_content-container_hyvsj_1f2m7_820",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_1f2m7_829",
+  "notifications": "awsui_notifications_hyvsj_1f2m7_839",
+  "has-notification-content": "awsui_has-notification-content_hyvsj_1f2m7_844",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1f2m7_848",
+  "high-contrast": "awsui_high-contrast_hyvsj_1f2m7_853",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1f2m7_871",
+  "position-bottom": "awsui_position-bottom_hyvsj_1f2m7_918",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1f2m7_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_1f2m7_947",
+  "position-side": "awsui_position-side_hyvsj_1f2m7_960",
+  "tools-container": "awsui_tools-container_hyvsj_1f2m7_982",
+  "tools": "awsui_tools_hyvsj_1f2m7_982",
+  "openTools": "awsui_openTools_hyvsj_1f2m7_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1f2m7_1071",
+  "hide-tools": "awsui_hide-tools_hyvsj_1f2m7_1081",
+  "show-tools": "awsui_show-tools_hyvsj_1f2m7_1093",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_1f2m7_1071",
+  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_1f2m7_1173",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1f2m7_1189",
+  "trigger": "awsui_trigger_hyvsj_1f2m7_1173",
+  "selected": "awsui_selected_hyvsj_1f2m7_1241",
+  "badge": "awsui_badge_hyvsj_1f2m7_1261",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1f2m7_1265",
+  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_1f2m7_1276",
+  "dot": "awsui_dot_hyvsj_1f2m7_1280",
+  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_1f2m7_1293"
 };