@cloudscape-design/components 3.0.204 → 3.0.206

package/app-layout/visual-refresh/styles.selectors.js

@@ -2,65 +2,65 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "appbar": "awsui_appbar_hyvsj_1naed_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_1naed_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1naed_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_1naed_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1naed_166",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_1naed_173",
-  "has-header": "awsui_has-header_hyvsj_1naed_179",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_1naed_179",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_1naed_180",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1naed_183",
-  "content-type-table": "awsui_content-type-table_hyvsj_1naed_184",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_1naed_187",
-  "background": "awsui_background_hyvsj_1naed_221",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_1naed_224",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1naed_236",
-  "overlap": "awsui_overlap_hyvsj_1naed_242",
-  "content": "awsui_content_hyvsj_1naed_180",
-  "layout": "awsui_layout_hyvsj_1naed_333",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1naed_415",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1naed_442",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1naed_445",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1naed_449",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1naed_463",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1naed_463",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1naed_475",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1naed_478",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1naed_493",
-  "container": "awsui_container_hyvsj_1naed_501",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1naed_527",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1naed_532",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1naed_535",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1naed_535",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1naed_535",
-  "content-type-default": "awsui_content-type-default_hyvsj_1naed_555",
-  "content-type-form": "awsui_content-type-form_hyvsj_1naed_555",
-  "unfocusable": "awsui_unfocusable_hyvsj_1naed_596",
-  "navigation-container": "awsui_navigation-container_hyvsj_1naed_606",
-  "show-navigation": "awsui_show-navigation_hyvsj_1naed_641",
-  "animating": "awsui_animating_hyvsj_1naed_663",
-  "showButtons": "awsui_showButtons_hyvsj_1naed_1",
-  "navigation": "awsui_navigation_hyvsj_1naed_606",
-  "openNavigation": "awsui_openNavigation_hyvsj_1naed_1",
-  "animated-content": "awsui_animated-content_hyvsj_1naed_724",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1naed_733",
-  "notifications": "awsui_notifications_hyvsj_1naed_224",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1naed_799",
-  "position-bottom": "awsui_position-bottom_hyvsj_1naed_845",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1naed_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1naed_874",
-  "position-side": "awsui_position-side_hyvsj_1naed_902",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_1naed_1",
-  "tools-container": "awsui_tools-container_hyvsj_1naed_939",
-  "tools": "awsui_tools_hyvsj_1naed_939",
-  "openTools": "awsui_openTools_hyvsj_1naed_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1naed_1024",
-  "hide-tools": "awsui_hide-tools_hyvsj_1naed_1034",
-  "show-tools": "awsui_show-tools_hyvsj_1naed_1046",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1naed_1024",
-  "trigger": "awsui_trigger_hyvsj_1naed_1103",
-  "selected": "awsui_selected_hyvsj_1naed_1142"
+  "appbar": "awsui_appbar_hyvsj_ive4w_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_ive4w_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_ive4w_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_ive4w_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_ive4w_166",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_ive4w_173",
+  "has-header": "awsui_has-header_hyvsj_ive4w_179",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_ive4w_179",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_ive4w_180",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_ive4w_183",
+  "content-type-table": "awsui_content-type-table_hyvsj_ive4w_184",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_ive4w_187",
+  "background": "awsui_background_hyvsj_ive4w_221",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_ive4w_224",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_ive4w_236",
+  "overlap": "awsui_overlap_hyvsj_ive4w_242",
+  "content": "awsui_content_hyvsj_ive4w_180",
+  "layout": "awsui_layout_hyvsj_ive4w_333",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_ive4w_415",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_ive4w_442",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_ive4w_445",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_ive4w_449",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_ive4w_463",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_ive4w_463",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_ive4w_475",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_ive4w_478",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_ive4w_493",
+  "container": "awsui_container_hyvsj_ive4w_501",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_ive4w_527",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_ive4w_532",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_ive4w_535",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_ive4w_535",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_ive4w_535",
+  "content-type-default": "awsui_content-type-default_hyvsj_ive4w_555",
+  "content-type-form": "awsui_content-type-form_hyvsj_ive4w_555",
+  "unfocusable": "awsui_unfocusable_hyvsj_ive4w_596",
+  "navigation-container": "awsui_navigation-container_hyvsj_ive4w_606",
+  "show-navigation": "awsui_show-navigation_hyvsj_ive4w_641",
+  "animating": "awsui_animating_hyvsj_ive4w_663",
+  "showButtons": "awsui_showButtons_hyvsj_ive4w_1",
+  "navigation": "awsui_navigation_hyvsj_ive4w_606",
+  "openNavigation": "awsui_openNavigation_hyvsj_ive4w_1",
+  "animated-content": "awsui_animated-content_hyvsj_ive4w_724",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_ive4w_733",
+  "notifications": "awsui_notifications_hyvsj_ive4w_224",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_ive4w_799",
+  "position-bottom": "awsui_position-bottom_hyvsj_ive4w_845",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_ive4w_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_ive4w_874",
+  "position-side": "awsui_position-side_hyvsj_ive4w_902",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_ive4w_1",
+  "tools-container": "awsui_tools-container_hyvsj_ive4w_939",
+  "tools": "awsui_tools_hyvsj_ive4w_939",
+  "openTools": "awsui_openTools_hyvsj_ive4w_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_ive4w_1024",
+  "hide-tools": "awsui_hide-tools_hyvsj_ive4w_1034",
+  "show-tools": "awsui_show-tools_hyvsj_ive4w_1046",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_ive4w_1024",
+  "trigger": "awsui_trigger_hyvsj_ive4w_1103",
+  "selected": "awsui_selected_hyvsj_ive4w_1142"
 };
   

package/internal/components/visual-context/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-export declare const useVisualContext: (elementRef: React.RefObject<HTMLElement>) => string;
 interface VisualContextProps {
     contextName: string;
     className?: string;
     children: React.ReactNode;
 }
+export declare function useVisualContext(elementRef: React.RefObject<HTMLElement>): string;
 /**
  * This function returns only the className string needed to apply a
  * visual context to the DOM. It is used by the default export but

package/internal/components/visual-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/visual-context/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,eAAO,MAAM,gBAAgB,eAAgB,MAAM,SAAS,CAAC,WAAW,CAAC,WAQxE,CAAC;AAEF,UAAU,kBAAkB;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,WAAW,EAAE,MAAM,UAE5D;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,eAE7F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/visual-context/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,UAAU,kBAAkB;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAID,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,UAWxE;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,WAAW,EAAE,MAAM,UAE5D;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,eAE7F"}

package/internal/components/visual-context/index.js

@@ -1,18 +1,20 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import clsx from 'clsx';
-import React, { useState } from 'react';
-import { useMutationObserver } from '../../hooks/use-mutation-observer';
+import React, { useLayoutEffect, useState } from 'react';
 import { findUpUntil } from '../../utils/dom';
-export var useVisualContext = function (elementRef) {
-    var contextMatch = /awsui-context-([\w-]+)/;
+var contextMatch = /awsui-context-([\w-]+)/;
+export function useVisualContext(elementRef) {
     var _a = useState(''), value = _a[0], setValue = _a[1];
-    useMutationObserver(elementRef, function (node) {
-        var contextParent = findUpUntil(node, function (node) { return !!node.className.match(contextMatch); });
-        setValue(contextParent ? contextParent.className.match(contextMatch)[1] : '');
-    });
+    useLayoutEffect(function () {
+        var _a;
+        if (elementRef.current) {
+            var contextParent = findUpUntil(elementRef.current, function (node) { return !!node.className.match(contextMatch); });
+            setValue((_a = contextParent === null || contextParent === void 0 ? void 0 : contextParent.className.match(contextMatch)[1]) !== null && _a !== void 0 ? _a : '');
+        }
+    }, [elementRef]);
     return value;
-};
+}
 /**
  * This function returns only the className string needed to apply a
  * visual context to the DOM. It is used by the default export but

package/internal/components/visual-context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/visual-context/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,UAAwC;IACvE,IAAM,YAAY,GAAG,wBAAwB,CAAC;IACxC,IAAA,KAAoB,QAAQ,CAAC,EAAE,CAAC,EAA/B,KAAK,QAAA,EAAE,QAAQ,QAAgB,CAAC;IACvC,mBAAmB,CAAC,UAAU,EAAE,UAAA,IAAI;QAClC,IAAM,aAAa,GAAG,WAAW,CAAC,IAAI,EAAE,UAAA,IAAI,IAAI,OAAA,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,EAApC,CAAoC,CAAC,CAAC;QACtF,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACjF,CAAC,CAAC,CAAC;IACH,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAQF;;;;;GAKG;AACH,MAAM,UAAU,yBAAyB,CAAC,WAAmB;IAC3D,OAAO,wBAAiB,WAAW,CAAE,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAwD;QAAtD,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IACtE,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,yBAAyB,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAC;AACnG,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useState } from 'react';\nimport { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport { findUpUntil } from '../../utils/dom';\n\nexport const useVisualContext = (elementRef: React.RefObject<HTMLElement>) => {\n  const contextMatch = /awsui-context-([\\w-]+)/;\n  const [value, setValue] = useState('');\n  useMutationObserver(elementRef, node => {\n    const contextParent = findUpUntil(node, node => !!node.className.match(contextMatch));\n    setValue(contextParent ? contextParent.className.match(contextMatch)![1] : '');\n  });\n  return value;\n};\n\ninterface VisualContextProps {\n  contextName: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\n/**\n * This function returns only the className string needed to apply a\n * visual context to the DOM. It is used by the default export but\n * can also be imported directly for situations where the insertion\n * of a <div> node creates style problems.\n */\nexport function getVisualContextClassname(contextName: string) {\n  return `awsui-context-${contextName}`;\n}\n\nexport default function VisualContext({ contextName, className, children }: VisualContextProps) {\n  return <div className={clsx(getVisualContextClassname(contextName), className)}>{children}</div>;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/visual-context/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQ9C,IAAM,YAAY,GAAG,wBAAwB,CAAC;AAE9C,MAAM,UAAU,gBAAgB,CAAC,UAAwC;IACjE,IAAA,KAAoB,QAAQ,CAAC,EAAE,CAAC,EAA/B,KAAK,QAAA,EAAE,QAAQ,QAAgB,CAAC;IAEvC,eAAe,CAAC;;QACd,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,IAAM,aAAa,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,EAAE,UAAA,IAAI,IAAI,OAAA,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,EAApC,CAAoC,CAAC,CAAC;YACpG,QAAQ,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC,KAAK,CAAC,YAAY,EAAG,CAAC,CAAC,mCAAI,EAAE,CAAC,CAAC;SAClE;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,yBAAyB,CAAC,WAAmB;IAC3D,OAAO,wBAAiB,WAAW,CAAE,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAwD;QAAtD,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IACtE,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,yBAAyB,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAC;AACnG,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useLayoutEffect, useState } from 'react';\nimport { findUpUntil } from '../../utils/dom';\n\ninterface VisualContextProps {\n  contextName: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst contextMatch = /awsui-context-([\\w-]+)/;\n\nexport function useVisualContext(elementRef: React.RefObject<HTMLElement>) {\n  const [value, setValue] = useState('');\n\n  useLayoutEffect(() => {\n    if (elementRef.current) {\n      const contextParent = findUpUntil(elementRef.current, node => !!node.className.match(contextMatch));\n      setValue(contextParent?.className.match(contextMatch)![1] ?? '');\n    }\n  }, [elementRef]);\n\n  return value;\n}\n\n/**\n * This function returns only the className string needed to apply a\n * visual context to the DOM. It is used by the default export but\n * can also be imported directly for situations where the insertion\n * of a <div> node creates style problems.\n */\nexport function getVisualContextClassname(contextName: string) {\n  return `awsui-context-${contextName}`;\n}\n\nexport default function VisualContext({ contextName, className, children }: VisualContextProps) {\n  return <div className={clsx(getVisualContextClassname(contextName), className)}>{children}</div>;\n}\n"]}

package/internal/environment.js

@@ -1,6 +1,6 @@
 
     export var PACKAGE_SOURCE = 'components';
-    export var PACKAGE_VERSION = '3.0.0 (869e01f)';
+    export var PACKAGE_VERSION = '3.0.0 (c4635f8)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "869e01f1192b53a2729036472506637cc33cba03"
+  "commit": "c4635f8cbdee024ec80c5b47efe7fb2b69343007"
 }

package/package.json

@@ -81,7 +81,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.204",
+  "version": "3.0.206",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/split-panel/styles.css.js

@@ -1,64 +1,64 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1r9lg_1lc9m_189",
-  "refresh": "awsui_refresh_1r9lg_1lc9m_189",
-  "animating": "awsui_animating_1r9lg_1lc9m_203",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1lc9m_226",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1lc9m_230",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1lc9m_233",
-  "preference-icon--border": "awsui_preference-icon--border_1r9lg_1lc9m_236",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1lc9m_240",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1lc9m_243",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1lc9m_246",
-  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1lc9m_249",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1lc9m_252",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1lc9m_256",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1lc9m_259",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1lc9m_262",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1lc9m_265",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_1lc9m_268",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1lc9m_271",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1lc9m_275",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1lc9m_278",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1lc9m_281",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1lc9m_284",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1lc9m_287",
-  "resize-active": "awsui_resize-active_1r9lg_1lc9m_292",
-  "resize-side": "awsui_resize-side_1r9lg_1lc9m_298",
-  "resize-bottom": "awsui_resize-bottom_1r9lg_1lc9m_301",
-  "root": "awsui_root_1r9lg_1lc9m_306",
-  "preferences-button": "awsui_preferences-button_1r9lg_1lc9m_319",
-  "close-button": "awsui_close-button_1r9lg_1lc9m_323",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_1lc9m_334",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1lc9m_339",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1lc9m_359",
-  "position-bottom": "awsui_position-bottom_1r9lg_1lc9m_368",
-  "position-side": "awsui_position-side_1r9lg_1lc9m_395",
-  "slider": "awsui_slider_1r9lg_1lc9m_401",
-  "slider-side": "awsui_slider-side_1r9lg_1lc9m_430",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1lc9m_435",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1lc9m_446",
-  "open-button": "awsui_open-button_1r9lg_1lc9m_457",
-  "open-button-side": "awsui_open-button-side_1r9lg_1lc9m_461",
-  "slider-icon": "awsui_slider-icon_1r9lg_1lc9m_468",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1lc9m_474",
-  "slider-icon-side": "awsui_slider-icon-side_1r9lg_1lc9m_477",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1lc9m_481",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1lc9m_491",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1lc9m_494",
-  "content-bottom": "awsui_content-bottom_1r9lg_1lc9m_502",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1lc9m_513",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1lc9m_518",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1lc9m_522",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1lc9m_526",
-  "content-side": "awsui_content-side_1r9lg_1lc9m_531",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1lc9m_542",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1lc9m_545",
-  "header": "awsui_header_1r9lg_1lc9m_550",
-  "header-text": "awsui_header-text_1r9lg_1lc9m_559",
-  "header-divider": "awsui_header-divider_1r9lg_1lc9m_569",
-  "header-actions": "awsui_header-actions_1r9lg_1lc9m_575",
-  "divider": "awsui_divider_1r9lg_1lc9m_583"
+  "drawer": "awsui_drawer_1r9lg_tcdop_189",
+  "refresh": "awsui_refresh_1r9lg_tcdop_189",
+  "animating": "awsui_animating_1r9lg_tcdop_203",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_tcdop_226",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_tcdop_230",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_tcdop_233",
+  "preference-icon--border": "awsui_preference-icon--border_1r9lg_tcdop_236",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_tcdop_240",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_tcdop_243",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_tcdop_246",
+  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_tcdop_249",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_tcdop_252",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_tcdop_256",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_tcdop_259",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_tcdop_262",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_tcdop_265",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_tcdop_268",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_tcdop_271",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_tcdop_275",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_tcdop_278",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_tcdop_281",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_tcdop_284",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_tcdop_287",
+  "resize-active": "awsui_resize-active_1r9lg_tcdop_292",
+  "resize-side": "awsui_resize-side_1r9lg_tcdop_298",
+  "resize-bottom": "awsui_resize-bottom_1r9lg_tcdop_301",
+  "root": "awsui_root_1r9lg_tcdop_306",
+  "preferences-button": "awsui_preferences-button_1r9lg_tcdop_319",
+  "close-button": "awsui_close-button_1r9lg_tcdop_323",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_tcdop_334",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_tcdop_339",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_tcdop_359",
+  "position-bottom": "awsui_position-bottom_1r9lg_tcdop_368",
+  "position-side": "awsui_position-side_1r9lg_tcdop_395",
+  "slider": "awsui_slider_1r9lg_tcdop_401",
+  "slider-side": "awsui_slider-side_1r9lg_tcdop_430",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_tcdop_435",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_tcdop_446",
+  "open-button": "awsui_open-button_1r9lg_tcdop_457",
+  "open-button-side": "awsui_open-button-side_1r9lg_tcdop_461",
+  "slider-icon": "awsui_slider-icon_1r9lg_tcdop_468",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_tcdop_474",
+  "slider-icon-side": "awsui_slider-icon-side_1r9lg_tcdop_477",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_tcdop_481",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_tcdop_491",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_tcdop_494",
+  "content-bottom": "awsui_content-bottom_1r9lg_tcdop_502",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_tcdop_513",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_tcdop_518",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_tcdop_522",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_tcdop_526",
+  "content-side": "awsui_content-side_1r9lg_tcdop_531",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_tcdop_542",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_tcdop_545",
+  "header": "awsui_header_1r9lg_tcdop_550",
+  "header-text": "awsui_header-text_1r9lg_tcdop_559",
+  "header-divider": "awsui_header-divider_1r9lg_tcdop_569",
+  "header-actions": "awsui_header-actions_1r9lg_tcdop_575",
+  "divider": "awsui_divider_1r9lg_tcdop_583"
 };