@cloudscape-design/components 3.0.360 → 3.0.362

package/side-navigation/styles.selectors.js

@@ -2,33 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_l0dv0_8vjrl_93",
-  "header": "awsui_header_l0dv0_8vjrl_109",
-  "header-link": "awsui_header-link_l0dv0_8vjrl_120",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_8vjrl_130",
-  "header-link-text": "awsui_header-link-text_l0dv0_8vjrl_130",
-  "header-logo": "awsui_header-logo_l0dv0_8vjrl_134",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_8vjrl_140",
-  "list-container": "awsui_list-container_l0dv0_8vjrl_145",
-  "list": "awsui_list_l0dv0_8vjrl_145",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_8vjrl_155",
-  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_8vjrl_159",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_8vjrl_163",
-  "list-item": "awsui_list-item_l0dv0_8vjrl_167",
-  "section": "awsui_section_l0dv0_8vjrl_173",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_8vjrl_174",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_8vjrl_177",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_8vjrl_178",
-  "refresh": "awsui_refresh_l0dv0_8vjrl_187",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_8vjrl_195",
-  "section-group": "awsui_section-group_l0dv0_8vjrl_200",
-  "section-group-title": "awsui_section-group-title_l0dv0_8vjrl_210",
-  "link": "awsui_link_l0dv0_8vjrl_214",
-  "link-active": "awsui_link-active_l0dv0_8vjrl_223",
-  "info": "awsui_info_l0dv0_8vjrl_257",
-  "external-icon": "awsui_external-icon_l0dv0_8vjrl_261",
-  "divider": "awsui_divider_l0dv0_8vjrl_265",
-  "divider-default": "awsui_divider-default_l0dv0_8vjrl_270",
-  "divider-header": "awsui_divider-header_l0dv0_8vjrl_274"
+  "root": "awsui_root_l0dv0_1kfyn_93",
+  "header": "awsui_header_l0dv0_1kfyn_109",
+  "header-link": "awsui_header-link_l0dv0_1kfyn_120",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1kfyn_130",
+  "header-link-text": "awsui_header-link-text_l0dv0_1kfyn_130",
+  "header-logo": "awsui_header-logo_l0dv0_1kfyn_134",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1kfyn_140",
+  "list-container": "awsui_list-container_l0dv0_1kfyn_145",
+  "list": "awsui_list_l0dv0_1kfyn_145",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_1kfyn_155",
+  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1kfyn_159",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1kfyn_163",
+  "list-item": "awsui_list-item_l0dv0_1kfyn_167",
+  "section": "awsui_section_l0dv0_1kfyn_173",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_1kfyn_174",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_1kfyn_177",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1kfyn_178",
+  "refresh": "awsui_refresh_l0dv0_1kfyn_187",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1kfyn_195",
+  "section-group": "awsui_section-group_l0dv0_1kfyn_200",
+  "section-group-title": "awsui_section-group-title_l0dv0_1kfyn_210",
+  "link": "awsui_link_l0dv0_1kfyn_214",
+  "link-active": "awsui_link-active_l0dv0_1kfyn_223",
+  "info": "awsui_info_l0dv0_1kfyn_257",
+  "external-icon": "awsui_external-icon_l0dv0_1kfyn_261",
+  "divider": "awsui_divider_l0dv0_1kfyn_265",
+  "divider-default": "awsui_divider-default_l0dv0_1kfyn_270",
+  "divider-header": "awsui_divider-header_l0dv0_1kfyn_274"
 };
   

package/split-panel/bottom.js

@@ -6,7 +6,7 @@ import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import styles from './styles.css.js';
 import { useSplitPanelContext } from '../internal/context/split-panel-context';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
-import { useResizeObserver } from '../internal/hooks/container-queries';
+import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
 export function SplitPanelContentBottom({ baseProps, isOpen, state, transitioningElementRef, splitPanelRef, cappedSize, header, resizeHandle, children, appLayoutMaxWidth, panelHeaderId, onToggle, }) {
     const isRefresh = useVisualRefresh();
     const { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, isMobile, reportHeaderHeight, } = useSplitPanelContext();

package/split-panel/bottom.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom.js","sourceRoot":"lib/default/","sources":["split-panel/bottom.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 clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { TransitionStatus } from '../internal/components/transition';\nimport { SplitPanelContentProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useResizeObserver } from '../internal/hooks/container-queries';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n  state: TransitionStatus;\n  transitioningElementRef: React.Ref<any>;\n  appLayoutMaxWidth: React.CSSProperties | undefined;\n}\n\nexport function SplitPanelContentBottom({\n  baseProps,\n  isOpen,\n  state,\n  transitioningElementRef,\n  splitPanelRef,\n  cappedSize,\n  header,\n  resizeHandle,\n  children,\n  appLayoutMaxWidth,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentBottomProps) {\n  const isRefresh = useVisualRefresh();\n  const {\n    bottomOffset,\n    leftOffset,\n    rightOffset,\n    disableContentPaddings,\n    contentWrapperPaddings,\n    isMobile,\n    reportHeaderHeight,\n  } = useSplitPanelContext();\n  const transitionContentBottomRef = useMergeRefs(splitPanelRef || null, transitioningElementRef);\n\n  const headerRef = useRef<HTMLDivElement>(null);\n  useResizeObserver(headerRef, entry => reportHeaderHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    // report empty height when unmounting the panel\n    return () => reportHeaderHeight(0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const centeredMaxWidthClasses = clsx({\n    [styles['pane-bottom-center-align']]: isRefresh,\n    [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings?.closedNav,\n    [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings?.closedTools,\n  });\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, styles.drawer, styles['position-bottom'], {\n        [styles['drawer-closed']]: !isOpen,\n        [styles['drawer-mobile']]: isMobile,\n        [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n        [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),\n        [styles.refresh]: isRefresh,\n      })}\n      onClick={() => !isOpen && onToggle()}\n      style={{\n        bottom: bottomOffset,\n        left: leftOffset,\n        right: rightOffset,\n        height: isOpen ? cappedSize : undefined,\n      }}\n      ref={transitionContentBottomRef}\n    >\n      {isOpen && <div className={styles['slider-wrapper-bottom']}>{resizeHandle}</div>}\n      <div className={styles['drawer-content-bottom']} aria-labelledby={panelHeaderId} role=\"region\">\n        <div className={clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses)} ref={headerRef}>\n          {header}\n        </div>\n        <div className={clsx(styles['content-bottom'], centeredMaxWidthClasses)} aria-hidden={!isOpen}>\n          <div className={clsx({ [styles['content-bottom-max-width']]: isRefresh })} style={appLayoutMaxWidth}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"bottom.js","sourceRoot":"lib/default/","sources":["split-panel/bottom.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 clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { TransitionStatus } from '../internal/components/transition';\nimport { SplitPanelContentProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n  state: TransitionStatus;\n  transitioningElementRef: React.Ref<any>;\n  appLayoutMaxWidth: React.CSSProperties | undefined;\n}\n\nexport function SplitPanelContentBottom({\n  baseProps,\n  isOpen,\n  state,\n  transitioningElementRef,\n  splitPanelRef,\n  cappedSize,\n  header,\n  resizeHandle,\n  children,\n  appLayoutMaxWidth,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentBottomProps) {\n  const isRefresh = useVisualRefresh();\n  const {\n    bottomOffset,\n    leftOffset,\n    rightOffset,\n    disableContentPaddings,\n    contentWrapperPaddings,\n    isMobile,\n    reportHeaderHeight,\n  } = useSplitPanelContext();\n  const transitionContentBottomRef = useMergeRefs(splitPanelRef || null, transitioningElementRef);\n\n  const headerRef = useRef<HTMLDivElement>(null);\n  useResizeObserver(headerRef, entry => reportHeaderHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    // report empty height when unmounting the panel\n    return () => reportHeaderHeight(0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const centeredMaxWidthClasses = clsx({\n    [styles['pane-bottom-center-align']]: isRefresh,\n    [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings?.closedNav,\n    [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings?.closedTools,\n  });\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, styles.drawer, styles['position-bottom'], {\n        [styles['drawer-closed']]: !isOpen,\n        [styles['drawer-mobile']]: isMobile,\n        [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n        [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),\n        [styles.refresh]: isRefresh,\n      })}\n      onClick={() => !isOpen && onToggle()}\n      style={{\n        bottom: bottomOffset,\n        left: leftOffset,\n        right: rightOffset,\n        height: isOpen ? cappedSize : undefined,\n      }}\n      ref={transitionContentBottomRef}\n    >\n      {isOpen && <div className={styles['slider-wrapper-bottom']}>{resizeHandle}</div>}\n      <div className={styles['drawer-content-bottom']} aria-labelledby={panelHeaderId} role=\"region\">\n        <div className={clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses)} ref={headerRef}>\n          {header}\n        </div>\n        <div className={clsx(styles['content-bottom'], centeredMaxWidthClasses)} aria-hidden={!isOpen}>\n          <div className={clsx({ [styles['content-bottom-max-width']]: isRefresh })} style={appLayoutMaxWidth}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/split-panel/styles.css.js

@@ -1,61 +1,61 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1r9lg_1l13g_189",
-  "refresh": "awsui_refresh_1r9lg_1l13g_189",
-  "animating": "awsui_animating_1r9lg_1l13g_203",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1l13g_226",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1l13g_230",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1l13g_233",
-  "preference-icon--border": "awsui_preference-icon--border_1r9lg_1l13g_236",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1l13g_240",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1l13g_243",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1l13g_246",
-  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1l13g_249",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1l13g_252",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1l13g_256",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1l13g_259",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1l13g_262",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1l13g_265",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_1l13g_268",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1l13g_271",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1l13g_275",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1l13g_278",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1l13g_281",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1l13g_284",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1l13g_287",
-  "root": "awsui_root_1r9lg_1l13g_291",
-  "preferences-button": "awsui_preferences-button_1r9lg_1l13g_304",
-  "close-button": "awsui_close-button_1r9lg_1l13g_308",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_1l13g_321",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1l13g_326",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1l13g_346",
-  "position-bottom": "awsui_position-bottom_1r9lg_1l13g_355",
-  "position-side": "awsui_position-side_1r9lg_1l13g_382",
-  "slider": "awsui_slider_1r9lg_1l13g_388",
-  "slider-side": "awsui_slider-side_1r9lg_1l13g_417",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1l13g_422",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1l13g_433",
-  "open-button": "awsui_open-button_1r9lg_1l13g_444",
-  "open-button-side": "awsui_open-button-side_1r9lg_1l13g_448",
-  "slider-icon": "awsui_slider-icon_1r9lg_1l13g_455",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1l13g_461",
-  "slider-icon-side": "awsui_slider-icon-side_1r9lg_1l13g_464",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1l13g_468",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1l13g_478",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1l13g_481",
-  "content-bottom": "awsui_content-bottom_1r9lg_1l13g_489",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1l13g_502",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1l13g_507",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1l13g_511",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1l13g_515",
-  "content-side": "awsui_content-side_1r9lg_1l13g_520",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1l13g_531",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1l13g_534",
-  "header": "awsui_header_1r9lg_1l13g_539",
-  "header-text": "awsui_header-text_1r9lg_1l13g_548",
-  "header-divider": "awsui_header-divider_1r9lg_1l13g_558",
-  "header-actions": "awsui_header-actions_1r9lg_1l13g_564",
-  "divider": "awsui_divider_1r9lg_1l13g_572"
+  "drawer": "awsui_drawer_1r9lg_jlc19_189",
+  "refresh": "awsui_refresh_1r9lg_jlc19_189",
+  "animating": "awsui_animating_1r9lg_jlc19_203",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_jlc19_226",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_jlc19_230",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_jlc19_233",
+  "preference-icon--border": "awsui_preference-icon--border_1r9lg_jlc19_236",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_jlc19_240",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_jlc19_243",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_jlc19_246",
+  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_jlc19_249",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_jlc19_252",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_jlc19_256",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_jlc19_259",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_jlc19_262",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_jlc19_265",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_jlc19_268",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_jlc19_271",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_jlc19_275",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_jlc19_278",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_jlc19_281",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_jlc19_284",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_jlc19_287",
+  "root": "awsui_root_1r9lg_jlc19_291",
+  "preferences-button": "awsui_preferences-button_1r9lg_jlc19_304",
+  "close-button": "awsui_close-button_1r9lg_jlc19_308",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_jlc19_321",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_jlc19_326",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_jlc19_346",
+  "position-bottom": "awsui_position-bottom_1r9lg_jlc19_355",
+  "position-side": "awsui_position-side_1r9lg_jlc19_382",
+  "slider": "awsui_slider_1r9lg_jlc19_388",
+  "slider-side": "awsui_slider-side_1r9lg_jlc19_417",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_jlc19_422",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_jlc19_433",
+  "open-button": "awsui_open-button_1r9lg_jlc19_444",
+  "open-button-side": "awsui_open-button-side_1r9lg_jlc19_448",
+  "slider-icon": "awsui_slider-icon_1r9lg_jlc19_455",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_jlc19_461",
+  "slider-icon-side": "awsui_slider-icon-side_1r9lg_jlc19_464",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_jlc19_468",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_jlc19_478",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_jlc19_481",
+  "content-bottom": "awsui_content-bottom_1r9lg_jlc19_489",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_jlc19_502",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_jlc19_507",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_jlc19_511",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_jlc19_515",
+  "content-side": "awsui_content-side_1r9lg_jlc19_520",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_jlc19_531",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_jlc19_534",
+  "header": "awsui_header_1r9lg_jlc19_539",
+  "header-text": "awsui_header-text_1r9lg_jlc19_548",
+  "header-divider": "awsui_header-divider_1r9lg_jlc19_558",
+  "header-actions": "awsui_header-actions_1r9lg_jlc19_564",
+  "divider": "awsui_divider_1r9lg_jlc19_572"
 };