npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.373 → 3.0.375 - Mend

@cloudscape-design/components-themeable 3.0.373 → 3.0.375

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (419) hide show

package/lib/internal/template/spinner/styles.scoped.css CHANGED Viewed

@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-@keyframes awsui_spinner-rotator_1612d_11raf_1 {
+@keyframes awsui_spinner-rotator_1612d_mdhrb_1 {
   0% {
     transform: rotate(0deg);
   }
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: rotate(360deg);
   }
 }
-@keyframes awsui_spinner-line-left_1612d_11raf_1 {
+@keyframes awsui_spinner-line-left_1612d_mdhrb_1 {
   0% {
     transform: rotate(0deg);
   }
@@ -113,7 +113,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: rotate(0deg);
   }
 }
-@keyframes awsui_spinner-line-right_1612d_11raf_1 {
+@keyframes awsui_spinner-line-right_1612d_mdhrb_1 {
   0% {
     transform: rotate(90deg);
   }
@@ -124,56 +124,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: rotate(90deg);
   }
 }
-.awsui_root_1612d_11raf_127:not(#\9) {
+.awsui_root_1612d_mdhrb_127:not(#\9) {
   display: inline-block;
   vertical-align: top;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation: awsui_spinner-rotator_1612d_11raf_1 0.7s linear infinite;
+  animation: awsui_spinner-rotator_1612d_mdhrb_1 0.7s linear infinite;
   box-sizing: border-box;
   line-height: 0;
 }
-.awsui_root_1612d_11raf_127.awsui_size-normal_1612d_11raf_135:not(#\9) {
-  width: var(--size-icon-normal-99n8du, 16px);
-  height: var(--size-icon-normal-99n8du, 16px);
-  padding: calc((var(--size-icon-normal-99n8du, 16px) - 12px) / 2);
-  margin-top: calc((var(--font-body-m-line-height-7pedlt, 22px) - var(--size-icon-normal-99n8du, 16px)) / 2);
-  margin-bottom: calc((var(--font-body-m-line-height-7pedlt, 22px) - var(--size-icon-normal-99n8du, 16px)) / 2);
+.awsui_root_1612d_mdhrb_127.awsui_size-normal_1612d_mdhrb_135:not(#\9) {
+  width: var(--size-icon-normal-wflv4k, 16px);
+  height: var(--size-icon-normal-wflv4k, 16px);
+  padding: calc((var(--size-icon-normal-wflv4k, 16px) - 12px) / 2);
+  margin-top: calc((var(--font-body-m-line-height-wmg6vk, 22px) - var(--size-icon-normal-wflv4k, 16px)) / 2);
+  margin-bottom: calc((var(--font-body-m-line-height-wmg6vk, 22px) - var(--size-icon-normal-wflv4k, 16px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_11raf_127.awsui_size-big_1612d_11raf_143:not(#\9) {
-  width: var(--size-icon-big-0ogp14, 32px);
-  height: var(--size-icon-big-0ogp14, 32px);
-  padding: calc((var(--size-icon-big-0ogp14, 32px) - 24px) / 2);
-  margin-top: calc((var(--font-heading-xl-line-height-ar3qte, 36px) - var(--size-icon-big-0ogp14, 32px)) / 2);
-  margin-bottom: calc((var(--font-heading-xl-line-height-ar3qte, 36px) - var(--size-icon-big-0ogp14, 32px)) / 2);
+.awsui_root_1612d_mdhrb_127.awsui_size-big_1612d_mdhrb_143:not(#\9) {
+  width: var(--size-icon-big-hyxarq, 32px);
+  height: var(--size-icon-big-hyxarq, 32px);
+  padding: calc((var(--size-icon-big-hyxarq, 32px) - 24px) / 2);
+  margin-top: calc((var(--font-heading-xl-line-height-8tv7nh, 36px) - var(--size-icon-big-hyxarq, 32px)) / 2);
+  margin-bottom: calc((var(--font-heading-xl-line-height-8tv7nh, 36px) - var(--size-icon-big-hyxarq, 32px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_11raf_127.awsui_size-large_1612d_11raf_151:not(#\9) {
-  width: var(--size-icon-large-whcptk, 48px);
-  height: var(--size-icon-large-whcptk, 48px);
-  padding: calc((var(--size-icon-large-whcptk, 48px) - 36px) / 2);
-  margin-top: calc((var(--font-display-l-line-height-bnhwv5, 56px) - var(--size-icon-large-whcptk, 48px)) / 2);
-  margin-bottom: calc((var(--font-display-l-line-height-bnhwv5, 56px) - var(--size-icon-large-whcptk, 48px)) / 2);
+.awsui_root_1612d_mdhrb_127.awsui_size-large_1612d_mdhrb_151:not(#\9) {
+  width: var(--size-icon-large-1jcidp, 48px);
+  height: var(--size-icon-large-1jcidp, 48px);
+  padding: calc((var(--size-icon-large-1jcidp, 48px) - 36px) / 2);
+  margin-top: calc((var(--font-display-l-line-height-606poq, 56px) - var(--size-icon-large-1jcidp, 48px)) / 2);
+  margin-bottom: calc((var(--font-display-l-line-height-606poq, 56px) - var(--size-icon-large-1jcidp, 48px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_11raf_127.awsui_variant-normal_1612d_11raf_159:not(#\9) {
+.awsui_root_1612d_mdhrb_127.awsui_variant-normal_1612d_mdhrb_159:not(#\9) {
   color: currentColor;
 }
-.awsui_root_1612d_11raf_127.awsui_variant-disabled_1612d_11raf_162:not(#\9) {
-  color: var(--color-text-interactive-disabled-as5h1g, #aab7b8);
+.awsui_root_1612d_mdhrb_127.awsui_variant-disabled_1612d_mdhrb_162:not(#\9) {
+  color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
 }
-.awsui_root_1612d_11raf_127.awsui_variant-inverted_1612d_11raf_165:not(#\9) {
-  color: var(--color-text-inverted-a7m45a, #ffffff);
+.awsui_root_1612d_mdhrb_127.awsui_variant-inverted_1612d_mdhrb_165:not(#\9) {
+  color: var(--color-text-inverted-g0utm2, #ffffff);
 }
-.awsui_circle_1612d_11raf_169:not(#\9) {
+.awsui_circle_1612d_mdhrb_169:not(#\9) {
   display: inline-block;
   width: 50%;
   height: 100%;
   overflow: hidden;
   position: relative;
 }
-.awsui_circle_1612d_11raf_169:not(#\9):after {
+.awsui_circle_1612d_mdhrb_169:not(#\9):after {
   position: absolute;
   box-sizing: border-box;
   content: "";
@@ -182,7 +182,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-right-color: transparent;
   border-bottom-color: transparent;
 }
-.awsui_circle_1612d_11raf_169:not(#\9):after {
+.awsui_circle_1612d_mdhrb_169:not(#\9):after {
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
   animation: 1.5s ease-in-out infinite;
   top: 0;
@@ -190,13 +190,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: 100%;
   width: 200%;
 }
-.awsui_circle_1612d_11raf_169.awsui_circle-left_1612d_11raf_193:not(#\9):after {
+.awsui_circle_1612d_mdhrb_169.awsui_circle-left_1612d_mdhrb_193:not(#\9):after {
   left: 0;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation-name: awsui_spinner-line-left_1612d_11raf_1;
+  animation-name: awsui_spinner-line-left_1612d_mdhrb_1;
 }
-.awsui_circle_1612d_11raf_169.awsui_circle-right_1612d_11raf_198:not(#\9):after {
+.awsui_circle_1612d_mdhrb_169.awsui_circle-right_1612d_mdhrb_198:not(#\9):after {
   left: -100%;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation-name: awsui_spinner-line-right_1612d_11raf_1;
+  animation-name: awsui_spinner-line-right_1612d_mdhrb_1;
 }

package/lib/internal/template/spinner/styles.selectors.js CHANGED Viewed

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1612d_11raf_127",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_11raf_1",
-  "size-normal": "awsui_size-normal_1612d_11raf_135",
-  "size-big": "awsui_size-big_1612d_11raf_143",
-  "size-large": "awsui_size-large_1612d_11raf_151",
-  "variant-normal": "awsui_variant-normal_1612d_11raf_159",
-  "variant-disabled": "awsui_variant-disabled_1612d_11raf_162",
-  "variant-inverted": "awsui_variant-inverted_1612d_11raf_165",
-  "circle": "awsui_circle_1612d_11raf_169",
-  "circle-left": "awsui_circle-left_1612d_11raf_193",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_11raf_1",
-  "circle-right": "awsui_circle-right_1612d_11raf_198",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_11raf_1"
+  "root": "awsui_root_1612d_mdhrb_127",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_mdhrb_1",
+  "size-normal": "awsui_size-normal_1612d_mdhrb_135",
+  "size-big": "awsui_size-big_1612d_mdhrb_143",
+  "size-large": "awsui_size-large_1612d_mdhrb_151",
+  "variant-normal": "awsui_variant-normal_1612d_mdhrb_159",
+  "variant-disabled": "awsui_variant-disabled_1612d_mdhrb_162",
+  "variant-inverted": "awsui_variant-inverted_1612d_mdhrb_165",
+  "circle": "awsui_circle_1612d_mdhrb_169",
+  "circle-left": "awsui_circle-left_1612d_mdhrb_193",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_mdhrb_1",
+  "circle-right": "awsui_circle-right_1612d_mdhrb_198",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_mdhrb_1"
 };

package/lib/internal/template/split-panel/bottom.js CHANGED Viewed

@@ -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/lib/internal/template/split-panel/bottom.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bottom.js","sourceRoot":"lib/default/","sources":["split-panel/bottom.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAGhE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,~~qCAAqC,~~CAAC;~~AAQxE~~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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"]}
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 '@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/lib/internal/template/split-panel/styles.css.js CHANGED Viewed

@@ -1,61 +1,61 @@
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1r9lg_ki2x2_189",
-  "refresh": "awsui_refresh_1r9lg_ki2x2_189",
-  "animating": "awsui_animating_1r9lg_ki2x2_203",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_ki2x2_226",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_ki2x2_230",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_ki2x2_233",
-  "preference-icon--border": "awsui_preference-icon--border_1r9lg_ki2x2_236",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_ki2x2_240",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_ki2x2_243",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_ki2x2_246",
-  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_ki2x2_249",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_ki2x2_252",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_ki2x2_256",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_ki2x2_259",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_ki2x2_262",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_ki2x2_265",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_ki2x2_268",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_ki2x2_271",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_ki2x2_275",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_ki2x2_278",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_ki2x2_281",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_ki2x2_284",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_ki2x2_287",
-  "root": "awsui_root_1r9lg_ki2x2_291",
-  "preferences-button": "awsui_preferences-button_1r9lg_ki2x2_304",
-  "close-button": "awsui_close-button_1r9lg_ki2x2_308",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_ki2x2_321",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_ki2x2_326",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_ki2x2_346",
-  "position-bottom": "awsui_position-bottom_1r9lg_ki2x2_355",
-  "position-side": "awsui_position-side_1r9lg_ki2x2_382",
-  "slider": "awsui_slider_1r9lg_ki2x2_388",
-  "slider-side": "awsui_slider-side_1r9lg_ki2x2_417",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_ki2x2_422",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_ki2x2_433",
-  "open-button": "awsui_open-button_1r9lg_ki2x2_444",
-  "open-button-side": "awsui_open-button-side_1r9lg_ki2x2_448",
-  "slider-icon": "awsui_slider-icon_1r9lg_ki2x2_455",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_ki2x2_461",
-  "slider-icon-side": "awsui_slider-icon-side_1r9lg_ki2x2_464",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_ki2x2_468",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_ki2x2_478",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_ki2x2_481",
-  "content-bottom": "awsui_content-bottom_1r9lg_ki2x2_489",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_ki2x2_502",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_ki2x2_507",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_ki2x2_511",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_ki2x2_515",
-  "content-side": "awsui_content-side_1r9lg_ki2x2_520",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_ki2x2_531",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_ki2x2_534",
-  "header": "awsui_header_1r9lg_ki2x2_539",
-  "header-text": "awsui_header-text_1r9lg_ki2x2_548",
-  "header-divider": "awsui_header-divider_1r9lg_ki2x2_558",
-  "header-actions": "awsui_header-actions_1r9lg_ki2x2_564",
-  "divider": "awsui_divider_1r9lg_ki2x2_572"
+  "drawer": "awsui_drawer_1r9lg_1ad1d_189",
+  "refresh": "awsui_refresh_1r9lg_1ad1d_189",
+  "animating": "awsui_animating_1r9lg_1ad1d_203",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1ad1d_226",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1ad1d_230",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1ad1d_233",
+  "preference-icon--border": "awsui_preference-icon--border_1r9lg_1ad1d_236",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1ad1d_240",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1ad1d_243",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1ad1d_246",
+  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1ad1d_249",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1ad1d_252",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1ad1d_256",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1ad1d_259",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1ad1d_262",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1ad1d_265",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_1ad1d_268",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1ad1d_271",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1ad1d_275",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1ad1d_278",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1ad1d_281",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1ad1d_284",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1ad1d_287",
+  "root": "awsui_root_1r9lg_1ad1d_291",
+  "preferences-button": "awsui_preferences-button_1r9lg_1ad1d_304",
+  "close-button": "awsui_close-button_1r9lg_1ad1d_308",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_1ad1d_321",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1ad1d_326",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1ad1d_346",
+  "position-bottom": "awsui_position-bottom_1r9lg_1ad1d_355",
+  "position-side": "awsui_position-side_1r9lg_1ad1d_382",
+  "slider": "awsui_slider_1r9lg_1ad1d_388",
+  "slider-side": "awsui_slider-side_1r9lg_1ad1d_417",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1ad1d_422",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1ad1d_433",
+  "open-button": "awsui_open-button_1r9lg_1ad1d_444",
+  "open-button-side": "awsui_open-button-side_1r9lg_1ad1d_448",
+  "slider-icon": "awsui_slider-icon_1r9lg_1ad1d_455",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1ad1d_461",
+  "slider-icon-side": "awsui_slider-icon-side_1r9lg_1ad1d_464",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1ad1d_468",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1ad1d_478",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1ad1d_481",
+  "content-bottom": "awsui_content-bottom_1r9lg_1ad1d_489",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1ad1d_502",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1ad1d_507",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1ad1d_511",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1ad1d_515",
+  "content-side": "awsui_content-side_1r9lg_1ad1d_520",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1ad1d_531",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1ad1d_534",
+  "header": "awsui_header_1r9lg_1ad1d_539",
+  "header-text": "awsui_header-text_1r9lg_1ad1d_548",
+  "header-divider": "awsui_header-divider_1r9lg_1ad1d_558",
+  "header-actions": "awsui_header-actions_1r9lg_1ad1d_564",
+  "divider": "awsui_divider_1r9lg_1ad1d_572"
 };