@cloudscape-design/components 3.0.32 → 3.0.35

package/app-layout/interfaces.d.ts

@@ -95,11 +95,13 @@ export interface AppLayoutProps extends BaseComponentProps {
     navigation?: React.ReactNode;
     /**
      * Top area of the page content.
+     * **Deprecated**, replaced by the `header` slot of the [content layout](/components/content-layout/) component.
      * @visualrefresh
      */
     contentHeader?: React.ReactNode;
     /**
      * Disables overlap between `contentHeader` and `content` slots.
+     * **Deprecated**, replaced by the `disableOverlap` property of the [content layout](/components/content-layout/) component.
      * @visualrefresh
      */
     disableContentHeaderOverlap?: boolean;

package/app-layout/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/app-layout/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/app-layout/interfaces.ts"],"names":[],"mappings":"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"}

package/app-layout/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/app-layout/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface AppLayoutProps extends BaseComponentProps {\n  /**\n   * Determines the default behavior of the component based on some predefined page layouts.\n   * Individual properties will always take precedence over the default coming from the content type.\n   */\n  contentType?: AppLayoutProps.ContentType;\n\n  /**\n   * If `true`, disables outer paddings for the content slot.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * Activates a backwards-compatibility mode for applications with non-fixed headers and footers.\n   */\n  disableBodyScroll?: boolean;\n\n  /**\n   * State of the navigation drawer.\n   */\n  navigationOpen?: boolean;\n\n  /**\n   * Navigation drawer width in pixels.\n   */\n  navigationWidth?: number;\n\n  /**\n   * If `true`, the navigation drawer is not displayed at all.\n   */\n  navigationHide?: boolean;\n\n  /**\n   * State of the tools drawer.\n   */\n  toolsOpen?: boolean;\n\n  /**\n   * If `true`, the tools drawer is not displayed at all.\n   */\n  toolsHide?: boolean;\n\n  /**\n   * Tools drawer width in pixels.\n   */\n  toolsWidth?: number;\n\n  /**\n   * Maximum main content panel width in pixels.\n   *\n   * If set to `Number.MAX_VALUE`, the main content panel will occupy the full available width.\n   */\n  maxContentWidth?: number;\n\n  /**\n   * Minimum main content panel width in pixels.\n   */\n  minContentWidth?: number;\n\n  /**\n   * If true, the notification slot is rendered above the scrollable\n   * content area so it is always visible.\n   *\n   * Note that sticky notifications are not supported in Internet Explorer.\n   */\n  stickyNotifications?: boolean;\n\n  /**\n   * CSS selector for the application header.\n   */\n  headerSelector?: string;\n\n  /**\n   * CSS selector for the application footer.\n   */\n  footerSelector?: string;\n\n  /**\n   * Aria labels for the drawer operating buttons. Use this property to ensure accessibility.\n   *\n   * * `navigation` (string) - Label for the landmark that wraps the navigation drawer.\n   * * `navigationClose` (string) - Label for the button that closes the navigation drawer.\n   * * `navigationToggle` (string) - Label for the button that opens the navigation drawer.\n   * * `notification` (string) - Label for the region that contains notification messages.\n   * * `tools` (string) - Label for the landmark that wraps the tools drawer.\n   * * `toolsClose` (string) - Label for the button that closes the tools drawer.\n   * * `toolsToggle` (string) - Label for the button that opens the tools drawer.\n   *\n   * Example:\n   * ```\n   * {\n   *   navigation: \"Navigation drawer\",\n   *   navigationClose: \"Close navigation drawer\",\n   *   navigationToggle: \"Open navigation drawer\",\n   *   notifications: \"Notifications\",\n   *   tools: \"Help panel\",\n   *   toolsClose: \"Close help panel\",\n   *   toolsToggle: \"Open help panel\"\n   * }\n   * ```\n   */\n  ariaLabels?: AppLayoutProps.Labels;\n\n  /**\n   * Navigation drawer.\n   */\n  navigation?: React.ReactNode;\n\n  /**\n   * Top area of the page content.\n   * @visualrefresh\n   */\n  contentHeader?: React.ReactNode;\n\n  /**\n   * Disables overlap between `contentHeader` and `content` slots.\n   * @visualrefresh\n   */\n  disableContentHeaderOverlap?: boolean;\n\n  /**\n   * Main content.\n   */\n  content?: React.ReactNode;\n\n  /**\n   * Tools drawer.\n   */\n  tools?: React.ReactNode;\n\n  /**\n   * Displayed on top of the main content in the scrollable area.\n   *\n   * Conceived to contain notifications (flash messages).\n   */\n  notifications?: React.ReactNode;\n\n  /**\n   * Use this slot to add the [breadcrumb group component](/components/breadcrumb-group/) to the app layout.\n   */\n  breadcrumbs?: React.ReactNode;\n\n  /**\n   * Fired when the navigation drawer is toggled.\n   */\n  onNavigationChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n\n  /**\n   * Fired when the tools drawer is toggled.\n   */\n  onToolsChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n  /**\n   * Use this slot to add the [split panel component](/components/split-panel/) to the app layout.\n   */\n  splitPanel?: React.ReactNode;\n\n  /**\n   * The size of the split panel in pixels.\n   */\n  splitPanelSize?: number;\n\n  /**\n   * State of the split panel.\n   */\n  splitPanelOpen?: boolean;\n  /**\n   * Controls the split panel preferences.\n   *\n   * By default, the preference is `{ position: 'bottom' }`\n   */\n  splitPanelPreferences?: AppLayoutProps.SplitPanelPreferences;\n  /**\n   * Fired when the split panel is resized.\n   */\n  onSplitPanelResize?: NonCancelableEventHandler<AppLayoutProps.SplitPanelResizeDetail>;\n  /**\n   * Fired when the split panel is toggled.\n   */\n  onSplitPanelToggle?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n  /**\n   * Fired when the split panel preferences change.\n   */\n  onSplitPanelPreferencesChange?: NonCancelableEventHandler<AppLayoutProps.SplitPanelPreferences>;\n}\n\nexport namespace AppLayoutProps {\n  export type ContentType = 'default' | 'form' | 'table' | 'cards' | 'wizard';\n\n  export interface Ref {\n    /**\n     * Manually closes the navigation drawer if it is necessary for the current\n     * viewport size.\n     */\n    closeNavigationIfNecessary(): void;\n\n    /**\n     * Opens the tools panel if it is not already open. Note that it is preferable\n     * to control the state by listening to `toolsChange` and providing `toolsOpen`.\n     */\n    openTools(): void;\n  }\n\n  export interface Labels {\n    notifications?: string;\n\n    navigation?: string;\n    navigationToggle?: string;\n    navigationClose?: string;\n\n    tools?: string;\n    toolsToggle?: string;\n    toolsClose?: string;\n  }\n\n  export interface ChangeDetail {\n    open: boolean;\n  }\n\n  export interface SplitPanelResizeDetail {\n    size: number;\n  }\n\n  export interface SplitPanelPreferences {\n    position: 'side' | 'bottom';\n  }\n  // Duplicated the positions because using this definition in SplitPanelPreferences would display\n  // 'AppLayoutProps.SplitPanelPosition' on the API docs instead of the string values.\n  export type SplitPanelPosition = 'side' | 'bottom';\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/app-layout/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface AppLayoutProps extends BaseComponentProps {\n  /**\n   * Determines the default behavior of the component based on some predefined page layouts.\n   * Individual properties will always take precedence over the default coming from the content type.\n   */\n  contentType?: AppLayoutProps.ContentType;\n\n  /**\n   * If `true`, disables outer paddings for the content slot.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * Activates a backwards-compatibility mode for applications with non-fixed headers and footers.\n   */\n  disableBodyScroll?: boolean;\n\n  /**\n   * State of the navigation drawer.\n   */\n  navigationOpen?: boolean;\n\n  /**\n   * Navigation drawer width in pixels.\n   */\n  navigationWidth?: number;\n\n  /**\n   * If `true`, the navigation drawer is not displayed at all.\n   */\n  navigationHide?: boolean;\n\n  /**\n   * State of the tools drawer.\n   */\n  toolsOpen?: boolean;\n\n  /**\n   * If `true`, the tools drawer is not displayed at all.\n   */\n  toolsHide?: boolean;\n\n  /**\n   * Tools drawer width in pixels.\n   */\n  toolsWidth?: number;\n\n  /**\n   * Maximum main content panel width in pixels.\n   *\n   * If set to `Number.MAX_VALUE`, the main content panel will occupy the full available width.\n   */\n  maxContentWidth?: number;\n\n  /**\n   * Minimum main content panel width in pixels.\n   */\n  minContentWidth?: number;\n\n  /**\n   * If true, the notification slot is rendered above the scrollable\n   * content area so it is always visible.\n   *\n   * Note that sticky notifications are not supported in Internet Explorer.\n   */\n  stickyNotifications?: boolean;\n\n  /**\n   * CSS selector for the application header.\n   */\n  headerSelector?: string;\n\n  /**\n   * CSS selector for the application footer.\n   */\n  footerSelector?: string;\n\n  /**\n   * Aria labels for the drawer operating buttons. Use this property to ensure accessibility.\n   *\n   * * `navigation` (string) - Label for the landmark that wraps the navigation drawer.\n   * * `navigationClose` (string) - Label for the button that closes the navigation drawer.\n   * * `navigationToggle` (string) - Label for the button that opens the navigation drawer.\n   * * `notification` (string) - Label for the region that contains notification messages.\n   * * `tools` (string) - Label for the landmark that wraps the tools drawer.\n   * * `toolsClose` (string) - Label for the button that closes the tools drawer.\n   * * `toolsToggle` (string) - Label for the button that opens the tools drawer.\n   *\n   * Example:\n   * ```\n   * {\n   *   navigation: \"Navigation drawer\",\n   *   navigationClose: \"Close navigation drawer\",\n   *   navigationToggle: \"Open navigation drawer\",\n   *   notifications: \"Notifications\",\n   *   tools: \"Help panel\",\n   *   toolsClose: \"Close help panel\",\n   *   toolsToggle: \"Open help panel\"\n   * }\n   * ```\n   */\n  ariaLabels?: AppLayoutProps.Labels;\n\n  /**\n   * Navigation drawer.\n   */\n  navigation?: React.ReactNode;\n\n  /**\n   * Top area of the page content.\n   * **Deprecated**, replaced by the `header` slot of the [content layout](/components/content-layout/) component.\n   * @visualrefresh\n   */\n  contentHeader?: React.ReactNode;\n\n  /**\n   * Disables overlap between `contentHeader` and `content` slots.\n   * **Deprecated**, replaced by the `disableOverlap` property of the [content layout](/components/content-layout/) component.\n   * @visualrefresh\n   */\n  disableContentHeaderOverlap?: boolean;\n\n  /**\n   * Main content.\n   */\n  content?: React.ReactNode;\n\n  /**\n   * Tools drawer.\n   */\n  tools?: React.ReactNode;\n\n  /**\n   * Displayed on top of the main content in the scrollable area.\n   *\n   * Conceived to contain notifications (flash messages).\n   */\n  notifications?: React.ReactNode;\n\n  /**\n   * Use this slot to add the [breadcrumb group component](/components/breadcrumb-group/) to the app layout.\n   */\n  breadcrumbs?: React.ReactNode;\n\n  /**\n   * Fired when the navigation drawer is toggled.\n   */\n  onNavigationChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n\n  /**\n   * Fired when the tools drawer is toggled.\n   */\n  onToolsChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n  /**\n   * Use this slot to add the [split panel component](/components/split-panel/) to the app layout.\n   */\n  splitPanel?: React.ReactNode;\n\n  /**\n   * The size of the split panel in pixels.\n   */\n  splitPanelSize?: number;\n\n  /**\n   * State of the split panel.\n   */\n  splitPanelOpen?: boolean;\n  /**\n   * Controls the split panel preferences.\n   *\n   * By default, the preference is `{ position: 'bottom' }`\n   */\n  splitPanelPreferences?: AppLayoutProps.SplitPanelPreferences;\n  /**\n   * Fired when the split panel is resized.\n   */\n  onSplitPanelResize?: NonCancelableEventHandler<AppLayoutProps.SplitPanelResizeDetail>;\n  /**\n   * Fired when the split panel is toggled.\n   */\n  onSplitPanelToggle?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n  /**\n   * Fired when the split panel preferences change.\n   */\n  onSplitPanelPreferencesChange?: NonCancelableEventHandler<AppLayoutProps.SplitPanelPreferences>;\n}\n\nexport namespace AppLayoutProps {\n  export type ContentType = 'default' | 'form' | 'table' | 'cards' | 'wizard';\n\n  export interface Ref {\n    /**\n     * Manually closes the navigation drawer if it is necessary for the current\n     * viewport size.\n     */\n    closeNavigationIfNecessary(): void;\n\n    /**\n     * Opens the tools panel if it is not already open. Note that it is preferable\n     * to control the state by listening to `toolsChange` and providing `toolsOpen`.\n     */\n    openTools(): void;\n  }\n\n  export interface Labels {\n    notifications?: string;\n\n    navigation?: string;\n    navigationToggle?: string;\n    navigationClose?: string;\n\n    tools?: string;\n    toolsToggle?: string;\n    toolsClose?: string;\n  }\n\n  export interface ChangeDetail {\n    open: boolean;\n  }\n\n  export interface SplitPanelResizeDetail {\n    size: number;\n  }\n\n  export interface SplitPanelPreferences {\n    position: 'side' | 'bottom';\n  }\n  // Duplicated the positions because using this definition in SplitPanelPreferences would display\n  // 'AppLayoutProps.SplitPanelPosition' on the API docs instead of the string values.\n  export type SplitPanelPosition = 'side' | 'bottom';\n}\n"]}

package/app-layout/styles.css.js

@@ -1,42 +1,42 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_lm6vo_d9e10_97",
-  "layout-wrapper": "awsui_layout-wrapper_lm6vo_d9e10_98",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_d9e10_104",
-  "layout": "awsui_layout_lm6vo_d9e10_98",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_d9e10_115",
-  "layout-main": "awsui_layout-main_lm6vo_d9e10_119",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_d9e10_125",
-  "unfocusable": "awsui_unfocusable_lm6vo_d9e10_130",
-  "drawer": "awsui_drawer_lm6vo_d9e10_134",
-  "drawer-mobile": "awsui_drawer-mobile_lm6vo_d9e10_140",
-  "drawer-closed": "awsui_drawer-closed_lm6vo_d9e10_143",
-  "opaque-background": "awsui_opaque-background_lm6vo_d9e10_150",
-  "drawer-content": "awsui_drawer-content_lm6vo_d9e10_154",
-  "toggle": "awsui_toggle_lm6vo_d9e10_179",
-  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_d9e10_184",
-  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_d9e10_188",
-  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_d9e10_191",
-  "button-toggles-container": "awsui_button-toggles-container_lm6vo_d9e10_201",
-  "button-toggles-container-is-hidden": "awsui_button-toggles-container-is-hidden_lm6vo_d9e10_206",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_d9e10_220",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_d9e10_225",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_d9e10_229",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_d9e10_233",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_d9e10_237",
-  "navigation-toggle": "awsui_navigation-toggle_lm6vo_d9e10_242",
-  "tools-toggle": "awsui_tools-toggle_lm6vo_d9e10_247",
-  "navigation": "awsui_navigation_lm6vo_d9e10_242",
-  "navigation-close": "awsui_navigation-close_lm6vo_d9e10_259",
-  "tools": "awsui_tools_lm6vo_d9e10_247",
-  "tools-close": "awsui_tools-close_lm6vo_d9e10_271",
-  "notifications": "awsui_notifications_lm6vo_d9e10_275",
-  "breadcrumbs": "awsui_breadcrumbs_lm6vo_d9e10_220",
-  "content": "awsui_content_lm6vo_d9e10_225",
-  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_d9e10_287",
-  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_d9e10_288",
-  "mobile": "awsui_mobile_lm6vo_d9e10_297",
-  "open": "awsui_open_lm6vo_d9e10_303"
+  "root": "awsui_root_lm6vo_1reu0_97",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_1reu0_98",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1reu0_104",
+  "layout": "awsui_layout_lm6vo_1reu0_98",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1reu0_115",
+  "layout-main": "awsui_layout-main_lm6vo_1reu0_119",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1reu0_125",
+  "unfocusable": "awsui_unfocusable_lm6vo_1reu0_130",
+  "drawer": "awsui_drawer_lm6vo_1reu0_134",
+  "drawer-mobile": "awsui_drawer-mobile_lm6vo_1reu0_140",
+  "drawer-closed": "awsui_drawer-closed_lm6vo_1reu0_143",
+  "opaque-background": "awsui_opaque-background_lm6vo_1reu0_150",
+  "drawer-content": "awsui_drawer-content_lm6vo_1reu0_154",
+  "toggle": "awsui_toggle_lm6vo_1reu0_179",
+  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_1reu0_184",
+  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_1reu0_188",
+  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_1reu0_191",
+  "button-toggles-container": "awsui_button-toggles-container_lm6vo_1reu0_201",
+  "button-toggles-container-is-hidden": "awsui_button-toggles-container-is-hidden_lm6vo_1reu0_206",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1reu0_220",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1reu0_225",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_1reu0_229",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_1reu0_233",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1reu0_237",
+  "navigation-toggle": "awsui_navigation-toggle_lm6vo_1reu0_242",
+  "tools-toggle": "awsui_tools-toggle_lm6vo_1reu0_247",
+  "navigation": "awsui_navigation_lm6vo_1reu0_242",
+  "navigation-close": "awsui_navigation-close_lm6vo_1reu0_259",
+  "tools": "awsui_tools_lm6vo_1reu0_247",
+  "tools-close": "awsui_tools-close_lm6vo_1reu0_271",
+  "notifications": "awsui_notifications_lm6vo_1reu0_275",
+  "breadcrumbs": "awsui_breadcrumbs_lm6vo_1reu0_220",
+  "content": "awsui_content_lm6vo_1reu0_225",
+  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_1reu0_287",
+  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_1reu0_288",
+  "mobile": "awsui_mobile_lm6vo_1reu0_297",
+  "open": "awsui_open_lm6vo_1reu0_303"
 };
   

package/app-layout/styles.scoped.css

@@ -94,119 +94,119 @@ 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
 */
-.awsui_root_lm6vo_d9e10_97:not(#\9),
-.awsui_layout-wrapper_lm6vo_d9e10_98:not(#\9) {
+.awsui_root_lm6vo_1reu0_97:not(#\9),
+.awsui_layout-wrapper_lm6vo_1reu0_98:not(#\9) {
   display: flex;
   flex-direction: column;
   position: relative;
 }
 
-.awsui_root-no-scroll_lm6vo_d9e10_104:not(#\9) {
+.awsui_root-no-scroll_lm6vo_1reu0_104:not(#\9) {
   position: relative;
   z-index: 1;
 }
 
-.awsui_layout_lm6vo_d9e10_98:not(#\9) {
+.awsui_layout_lm6vo_1reu0_98:not(#\9) {
   flex: 1 1 auto;
   display: flex;
   align-items: stretch;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
 }
-.awsui_layout-no-scroll_lm6vo_d9e10_115:not(#\9) {
+.awsui_layout-no-scroll_lm6vo_1reu0_115:not(#\9) {
   overflow: hidden;
 }
 
-.awsui_layout-main_lm6vo_d9e10_119:not(#\9) {
+.awsui_layout-main_lm6vo_1reu0_119:not(#\9) {
   flex: 1;
   min-width: 0;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   position: relative;
 }
-.awsui_layout-main-scrollable_lm6vo_d9e10_125:not(#\9) {
+.awsui_layout-main-scrollable_lm6vo_1reu0_125:not(#\9) {
   overflow: auto;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable_lm6vo_d9e10_130 *:not(#\9) {
+.awsui_unfocusable_lm6vo_1reu0_130 *:not(#\9) {
   visibility: hidden;
 }
 
-.awsui_drawer_lm6vo_d9e10_134:not(#\9) {
+.awsui_drawer_lm6vo_1reu0_134:not(#\9) {
   flex-shrink: 0;
   position: relative;
   word-wrap: break-word;
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
 }
-.awsui_drawer_lm6vo_d9e10_134:not(#\9):not(.awsui_drawer-mobile_lm6vo_d9e10_140) {
+.awsui_drawer_lm6vo_1reu0_134:not(#\9):not(.awsui_drawer-mobile_lm6vo_1reu0_140) {
   z-index: 850;
 }
-.awsui_drawer-closed_lm6vo_d9e10_143:not(#\9) {
+.awsui_drawer-closed_lm6vo_1reu0_143:not(#\9) {
   min-width: 40px;
   cursor: pointer;
 }
-.awsui_drawer-closed_lm6vo_d9e10_143.awsui_drawer-mobile_lm6vo_d9e10_140:not(#\9) {
+.awsui_drawer-closed_lm6vo_1reu0_143.awsui_drawer-mobile_lm6vo_1reu0_140:not(#\9) {
   display: none;
 }
-.awsui_drawer_lm6vo_d9e10_134.awsui_opaque-background_lm6vo_d9e10_150:not(#\9) {
+.awsui_drawer_lm6vo_1reu0_134.awsui_opaque-background_lm6vo_1reu0_150:not(#\9) {
   background: var(--color-background-layout-panel-content-808qum, #ffffff);
 }
 
-.awsui_drawer-content_lm6vo_d9e10_154:not(#\9) {
+.awsui_drawer-content_lm6vo_1reu0_154:not(#\9) {
   position: fixed;
   overflow: auto;
   background-color: var(--color-background-layout-panel-content-808qum, #ffffff);
 }
-.awsui_opaque-background_lm6vo_d9e10_150 > .awsui_drawer-content_lm6vo_d9e10_154:not(#\9) {
+.awsui_opaque-background_lm6vo_1reu0_150 > .awsui_drawer-content_lm6vo_1reu0_154:not(#\9) {
   border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-side-yjkfcr, #e9ebed);
 }
-.awsui_drawer-mobile_lm6vo_d9e10_140 > .awsui_drawer-content_lm6vo_d9e10_154:not(#\9) {
+.awsui_drawer-mobile_lm6vo_1reu0_140 > .awsui_drawer-content_lm6vo_1reu0_154:not(#\9) {
   z-index: 1001;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
 }
-.awsui_drawer-closed_lm6vo_d9e10_143 > .awsui_drawer-content_lm6vo_d9e10_154:not(#\9) {
+.awsui_drawer-closed_lm6vo_1reu0_143 > .awsui_drawer-content_lm6vo_1reu0_154:not(#\9) {
   width: 40px;
 }
-.awsui_drawer-closed_lm6vo_d9e10_143 > .awsui_drawer-content_lm6vo_d9e10_154:not(#\9):hover {
+.awsui_drawer-closed_lm6vo_1reu0_143 > .awsui_drawer-content_lm6vo_1reu0_154:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
 }
-.awsui_drawer-content_lm6vo_d9e10_154 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content_lm6vo_1reu0_154 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
 
-.awsui_toggle_lm6vo_d9e10_179:not(#\9) {
+.awsui_toggle_lm6vo_1reu0_179:not(#\9) {
   box-sizing: border-box;
   padding: var(--space-xxs-ynfts5, 4px) 7px;
 }
 
-.awsui_visual-refresh-toggle_lm6vo_d9e10_184:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_1reu0_184:not(#\9) {
   position: fixed;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
 }
-.awsui_visual-refresh-toggle-type-tools_lm6vo_d9e10_188:not(#\9) {
+.awsui_visual-refresh-toggle-type-tools_lm6vo_1reu0_188:not(#\9) {
   right: 0;
 }
-.awsui_visual-refresh-toggle-type-navigation_lm6vo_d9e10_191:not(#\9) {
+.awsui_visual-refresh-toggle-type-navigation_lm6vo_1reu0_191:not(#\9) {
   left: 0;
 }
-.awsui_visual-refresh-toggle_lm6vo_d9e10_184[aria-hidden=true]:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_1reu0_184[aria-hidden=true]:not(#\9) {
   visibility: hidden;
 }
-.awsui_visual-refresh-toggle_lm6vo_d9e10_184[aria-hidden=false]:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_1reu0_184[aria-hidden=false]:not(#\9) {
   visibility: visible;
 }
 
-.awsui_button-toggles-container_lm6vo_d9e10_201:not(#\9) {
+.awsui_button-toggles-container_lm6vo_1reu0_201:not(#\9) {
   min-width: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
   position: relative;
   z-index: 851;
 }
-.awsui_button-toggles-container-is-hidden_lm6vo_d9e10_206:not(#\9) {
+.awsui_button-toggles-container-is-hidden_lm6vo_1reu0_206:not(#\9) {
   min-width: 0;
 }
-.awsui_button-toggles-container_lm6vo_d9e10_201.awsui_opaque-background_lm6vo_d9e10_150:not(#\9)::before {
+.awsui_button-toggles-container_lm6vo_1reu0_201.awsui_opaque-background_lm6vo_1reu0_150:not(#\9)::before {
   content: "";
   position: absolute;
   top: 0;
@@ -217,95 +217,95 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-side-yjkfcr, #e9ebed);
 }
 
-.awsui_breadcrumbs-desktop_lm6vo_d9e10_220:not(#\9) {
+.awsui_breadcrumbs-desktop_lm6vo_1reu0_220:not(#\9) {
   padding-top: var(--space-scaled-m-pv0fmt, 16px);
   padding-bottom: var(--space-scaled-s-cu1hzn, 12px);
 }
 
-.awsui_content-header-wrapper_lm6vo_d9e10_225:not(#\9) {
-  padding-bottom: var(--space-scaled-m-pv0fmt, 16px);
+.awsui_content-header-wrapper_lm6vo_1reu0_225:not(#\9) {
+  padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
 }
 
-.awsui_content-wrapper_lm6vo_d9e10_229:not(#\9) {
+.awsui_content-wrapper_lm6vo_1reu0_229:not(#\9) {
   padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
 }
 
-.awsui_content-overlapped_lm6vo_d9e10_233:not(#\9) {
+.awsui_content-overlapped_lm6vo_1reu0_233:not(#\9) {
   margin-top: calc(-1 * var(--space-dark-header-overlap-distance-hfejul, 36px));
 }
 
-.awsui_content-extra-top-padding_lm6vo_d9e10_237:not(#\9) {
+.awsui_content-extra-top-padding_lm6vo_1reu0_237:not(#\9) {
   padding-top: var(--space-scaled-m-pv0fmt, 16px);
 }
 
 /* stylelint-disable-next-line selector-max-universal */
-.awsui_navigation-toggle_lm6vo_d9e10_242 > *:not(#\9) {
+.awsui_navigation-toggle_lm6vo_1reu0_242 > *:not(#\9) {
   pointer-events: none;
 }
 
 /* stylelint-disable-next-line selector-max-universal */
-.awsui_tools-toggle_lm6vo_d9e10_247 > *:not(#\9) {
+.awsui_tools-toggle_lm6vo_1reu0_247 > *:not(#\9) {
   pointer-events: none;
 }
 
-.awsui_navigation_lm6vo_d9e10_242:not(#\9) {
+.awsui_navigation_lm6vo_1reu0_242:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_navigation-toggle_lm6vo_d9e10_242:not(#\9) {
+.awsui_navigation-toggle_lm6vo_1reu0_242:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_navigation-close_lm6vo_d9e10_259:not(#\9) {
+.awsui_navigation-close_lm6vo_1reu0_259:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_tools_lm6vo_d9e10_247:not(#\9) {
+.awsui_tools_lm6vo_1reu0_247:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_tools-toggle_lm6vo_d9e10_247:not(#\9) {
+.awsui_tools-toggle_lm6vo_1reu0_247:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_tools-close_lm6vo_d9e10_271:not(#\9) {
+.awsui_tools-close_lm6vo_1reu0_271:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_notifications_lm6vo_d9e10_275:not(#\9) {
+.awsui_notifications_lm6vo_1reu0_275:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_breadcrumbs_lm6vo_d9e10_220:not(#\9) {
+.awsui_breadcrumbs_lm6vo_1reu0_220:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content_lm6vo_d9e10_225:not(#\9) {
+.awsui_content_lm6vo_1reu0_225:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_panel-wrapper-outer_lm6vo_d9e10_287:not(#\9),
-.awsui_panel-wrapper-inner_lm6vo_d9e10_288:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_1reu0_287:not(#\9),
+.awsui_panel-wrapper-inner_lm6vo_1reu0_288:not(#\9) {
   z-index: 850;
 }
 
-.awsui_panel-wrapper-outer_lm6vo_d9e10_287:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_1reu0_287:not(#\9) {
   position: fixed;
   height: 100%;
   display: flex;
 }
-.awsui_panel-wrapper-outer_lm6vo_d9e10_287.awsui_mobile_lm6vo_d9e10_297:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_1reu0_287.awsui_mobile_lm6vo_1reu0_297:not(#\9) {
   left: 0;
   right: 0;
   z-index: -1;
   pointer-events: none;
 }
-.awsui_panel-wrapper-outer_lm6vo_d9e10_287.awsui_mobile_lm6vo_d9e10_297.awsui_open_lm6vo_d9e10_303:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_1reu0_287.awsui_mobile_lm6vo_1reu0_297.awsui_open_lm6vo_1reu0_303:not(#\9) {
   z-index: 1001;
   width: 100vw;
   pointer-events: auto;
 }
 
-.awsui_panel-wrapper-inner_lm6vo_d9e10_288:not(#\9) {
+.awsui_panel-wrapper-inner_lm6vo_1reu0_288:not(#\9) {
   background: var(--color-background-layout-panel-content-808qum, #ffffff);
 }

package/app-layout/styles.selectors.js

@@ -2,42 +2,42 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_lm6vo_d9e10_97",
-  "layout-wrapper": "awsui_layout-wrapper_lm6vo_d9e10_98",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_d9e10_104",
-  "layout": "awsui_layout_lm6vo_d9e10_98",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_d9e10_115",
-  "layout-main": "awsui_layout-main_lm6vo_d9e10_119",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_d9e10_125",
-  "unfocusable": "awsui_unfocusable_lm6vo_d9e10_130",
-  "drawer": "awsui_drawer_lm6vo_d9e10_134",
-  "drawer-mobile": "awsui_drawer-mobile_lm6vo_d9e10_140",
-  "drawer-closed": "awsui_drawer-closed_lm6vo_d9e10_143",
-  "opaque-background": "awsui_opaque-background_lm6vo_d9e10_150",
-  "drawer-content": "awsui_drawer-content_lm6vo_d9e10_154",
-  "toggle": "awsui_toggle_lm6vo_d9e10_179",
-  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_d9e10_184",
-  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_d9e10_188",
-  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_d9e10_191",
-  "button-toggles-container": "awsui_button-toggles-container_lm6vo_d9e10_201",
-  "button-toggles-container-is-hidden": "awsui_button-toggles-container-is-hidden_lm6vo_d9e10_206",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_d9e10_220",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_d9e10_225",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_d9e10_229",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_d9e10_233",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_d9e10_237",
-  "navigation-toggle": "awsui_navigation-toggle_lm6vo_d9e10_242",
-  "tools-toggle": "awsui_tools-toggle_lm6vo_d9e10_247",
-  "navigation": "awsui_navigation_lm6vo_d9e10_242",
-  "navigation-close": "awsui_navigation-close_lm6vo_d9e10_259",
-  "tools": "awsui_tools_lm6vo_d9e10_247",
-  "tools-close": "awsui_tools-close_lm6vo_d9e10_271",
-  "notifications": "awsui_notifications_lm6vo_d9e10_275",
-  "breadcrumbs": "awsui_breadcrumbs_lm6vo_d9e10_220",
-  "content": "awsui_content_lm6vo_d9e10_225",
-  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_d9e10_287",
-  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_d9e10_288",
-  "mobile": "awsui_mobile_lm6vo_d9e10_297",
-  "open": "awsui_open_lm6vo_d9e10_303"
+  "root": "awsui_root_lm6vo_1reu0_97",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_1reu0_98",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1reu0_104",
+  "layout": "awsui_layout_lm6vo_1reu0_98",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1reu0_115",
+  "layout-main": "awsui_layout-main_lm6vo_1reu0_119",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1reu0_125",
+  "unfocusable": "awsui_unfocusable_lm6vo_1reu0_130",
+  "drawer": "awsui_drawer_lm6vo_1reu0_134",
+  "drawer-mobile": "awsui_drawer-mobile_lm6vo_1reu0_140",
+  "drawer-closed": "awsui_drawer-closed_lm6vo_1reu0_143",
+  "opaque-background": "awsui_opaque-background_lm6vo_1reu0_150",
+  "drawer-content": "awsui_drawer-content_lm6vo_1reu0_154",
+  "toggle": "awsui_toggle_lm6vo_1reu0_179",
+  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_1reu0_184",
+  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_1reu0_188",
+  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_1reu0_191",
+  "button-toggles-container": "awsui_button-toggles-container_lm6vo_1reu0_201",
+  "button-toggles-container-is-hidden": "awsui_button-toggles-container-is-hidden_lm6vo_1reu0_206",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1reu0_220",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1reu0_225",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_1reu0_229",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_1reu0_233",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1reu0_237",
+  "navigation-toggle": "awsui_navigation-toggle_lm6vo_1reu0_242",
+  "tools-toggle": "awsui_tools-toggle_lm6vo_1reu0_247",
+  "navigation": "awsui_navigation_lm6vo_1reu0_242",
+  "navigation-close": "awsui_navigation-close_lm6vo_1reu0_259",
+  "tools": "awsui_tools_lm6vo_1reu0_247",
+  "tools-close": "awsui_tools-close_lm6vo_1reu0_271",
+  "notifications": "awsui_notifications_lm6vo_1reu0_275",
+  "breadcrumbs": "awsui_breadcrumbs_lm6vo_1reu0_220",
+  "content": "awsui_content_lm6vo_1reu0_225",
+  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_1reu0_287",
+  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_1reu0_288",
+  "mobile": "awsui_mobile_lm6vo_1reu0_297",
+  "open": "awsui_open_lm6vo_1reu0_303"
 };
   

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

@@ -1,64 +1,64 @@
 
     import './styles.scoped.css';
     export default {
-  "appbar": "awsui_appbar_hyvsj_zgnc1_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_zgnc1_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_zgnc1_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_zgnc1_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_zgnc1_160",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_zgnc1_167",
-  "has-header": "awsui_has-header_hyvsj_zgnc1_173",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_zgnc1_173",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_zgnc1_174",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_zgnc1_177",
-  "content-type-table": "awsui_content-type-table_hyvsj_zgnc1_178",
-  "background": "awsui_background_hyvsj_zgnc1_213",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_zgnc1_216",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_zgnc1_228",
-  "overlap": "awsui_overlap_hyvsj_zgnc1_234",
-  "content": "awsui_content_hyvsj_zgnc1_174",
-  "layout": "awsui_layout_hyvsj_zgnc1_322",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_zgnc1_404",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_zgnc1_431",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_zgnc1_434",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_zgnc1_438",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_zgnc1_452",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_zgnc1_452",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_zgnc1_464",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_zgnc1_467",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_zgnc1_482",
-  "container": "awsui_container_hyvsj_zgnc1_490",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_zgnc1_507",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_zgnc1_512",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_zgnc1_515",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_zgnc1_515",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_zgnc1_515",
-  "content-type-default": "awsui_content-type-default_hyvsj_zgnc1_535",
-  "content-type-form": "awsui_content-type-form_hyvsj_zgnc1_535",
-  "unfocusable": "awsui_unfocusable_hyvsj_zgnc1_576",
-  "navigation-container": "awsui_navigation-container_hyvsj_zgnc1_584",
-  "show-navigation": "awsui_show-navigation_hyvsj_zgnc1_608",
-  "animating": "awsui_animating_hyvsj_zgnc1_630",
-  "showButtons": "awsui_showButtons_hyvsj_zgnc1_1",
-  "navigation": "awsui_navigation_hyvsj_zgnc1_584",
-  "openNavigation": "awsui_openNavigation_hyvsj_zgnc1_1",
-  "animated-content": "awsui_animated-content_hyvsj_zgnc1_690",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_zgnc1_699",
-  "notifications": "awsui_notifications_hyvsj_zgnc1_216",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_zgnc1_766",
-  "position-bottom": "awsui_position-bottom_hyvsj_zgnc1_801",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_zgnc1_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_zgnc1_830",
-  "position-side": "awsui_position-side_hyvsj_zgnc1_857",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_zgnc1_1",
-  "tools-container": "awsui_tools-container_hyvsj_zgnc1_894",
-  "tools": "awsui_tools_hyvsj_zgnc1_894",
-  "openTools": "awsui_openTools_hyvsj_zgnc1_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_zgnc1_977",
-  "hide-tools": "awsui_hide-tools_hyvsj_zgnc1_987",
-  "show-tools": "awsui_show-tools_hyvsj_zgnc1_999",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_zgnc1_977",
-  "trigger": "awsui_trigger_hyvsj_zgnc1_1056",
-  "selected": "awsui_selected_hyvsj_zgnc1_1094"
+  "appbar": "awsui_appbar_hyvsj_10dcz_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_10dcz_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_10dcz_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_10dcz_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_10dcz_160",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_10dcz_167",
+  "has-header": "awsui_has-header_hyvsj_10dcz_173",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_10dcz_173",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_10dcz_174",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_10dcz_177",
+  "content-type-table": "awsui_content-type-table_hyvsj_10dcz_178",
+  "background": "awsui_background_hyvsj_10dcz_213",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_10dcz_216",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_10dcz_228",
+  "overlap": "awsui_overlap_hyvsj_10dcz_234",
+  "content": "awsui_content_hyvsj_10dcz_174",
+  "layout": "awsui_layout_hyvsj_10dcz_322",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_10dcz_404",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_10dcz_431",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_10dcz_434",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_10dcz_438",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_10dcz_452",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_10dcz_452",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_10dcz_464",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_10dcz_467",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_10dcz_482",
+  "container": "awsui_container_hyvsj_10dcz_490",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_10dcz_507",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_10dcz_512",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_10dcz_515",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_10dcz_515",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_10dcz_515",
+  "content-type-default": "awsui_content-type-default_hyvsj_10dcz_535",
+  "content-type-form": "awsui_content-type-form_hyvsj_10dcz_535",
+  "unfocusable": "awsui_unfocusable_hyvsj_10dcz_576",
+  "navigation-container": "awsui_navigation-container_hyvsj_10dcz_584",
+  "show-navigation": "awsui_show-navigation_hyvsj_10dcz_608",
+  "animating": "awsui_animating_hyvsj_10dcz_630",
+  "showButtons": "awsui_showButtons_hyvsj_10dcz_1",
+  "navigation": "awsui_navigation_hyvsj_10dcz_584",
+  "openNavigation": "awsui_openNavigation_hyvsj_10dcz_1",
+  "animated-content": "awsui_animated-content_hyvsj_10dcz_690",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_10dcz_699",
+  "notifications": "awsui_notifications_hyvsj_10dcz_216",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_10dcz_766",
+  "position-bottom": "awsui_position-bottom_hyvsj_10dcz_801",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_10dcz_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_10dcz_830",
+  "position-side": "awsui_position-side_hyvsj_10dcz_857",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_10dcz_1",
+  "tools-container": "awsui_tools-container_hyvsj_10dcz_894",
+  "tools": "awsui_tools_hyvsj_10dcz_894",
+  "openTools": "awsui_openTools_hyvsj_10dcz_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_10dcz_977",
+  "hide-tools": "awsui_hide-tools_hyvsj_10dcz_987",
+  "show-tools": "awsui_show-tools_hyvsj_10dcz_999",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_10dcz_977",
+  "trigger": "awsui_trigger_hyvsj_10dcz_1056",
+  "selected": "awsui_selected_hyvsj_10dcz_1094"
 };