@cloudscape-design/components 3.0.286 → 3.0.288

package/app-layout/interfaces.d.ts

@@ -134,6 +134,8 @@ export interface AppLayoutProps extends BaseComponentProps {
     onToolsChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;
     /**
      * Use this slot to add the [split panel component](/components/split-panel/) to the app layout.
+     *
+     * Note: If provided, this property should be set to `null` or `undefined` if a split panel should not be rendered.
      */
     splitPanel?: React.ReactNode;
     /**

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

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

package/app-layout/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["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   * @deprecated This layout is being phased out and may miss some features.\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' | 'dashboard';\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     * Focuses the tools panel if it is open. Use this to focus the tools panel\n     * after changing the content, for example when clicking on an 'info' link while\n     * the panel is already open.\n     */\n    focusToolsClose(): 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":"lib/default/","sources":["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   * @deprecated This layout is being phased out and may miss some features.\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  /**\n   * Use this slot to add the [split panel component](/components/split-panel/) to the app layout.\n   *\n   * Note: If provided, this property should be set to `null` or `undefined` if a split panel should not be rendered.\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' | 'dashboard';\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     * Focuses the tools panel if it is open. Use this to focus the tools panel\n     * after changing the content, for example when clicking on an 'info' link while\n     * the panel is already open.\n     */\n    focusToolsClose(): 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/mobile-toolbar/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "block-body-scroll": "awsui_block-body-scroll_19d8l_1uw8m_97",
-  "mobile-bar": "awsui_mobile-bar_19d8l_1uw8m_101",
-  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_1uw8m_115",
-  "mobile-trigger-with-drawers": "awsui_mobile-trigger-with-drawers_19d8l_1uw8m_122",
-  "mobile-toggle": "awsui_mobile-toggle_19d8l_1uw8m_128",
-  "mobile-toggle-with-drawers": "awsui_mobile-toggle-with-drawers_19d8l_1uw8m_138"
+  "block-body-scroll": "awsui_block-body-scroll_19d8l_1t639_97",
+  "mobile-bar": "awsui_mobile-bar_19d8l_1t639_101",
+  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_1t639_115",
+  "mobile-trigger-with-drawers": "awsui_mobile-trigger-with-drawers_19d8l_1t639_122",
+  "mobile-toggle": "awsui_mobile-toggle_19d8l_1t639_128",
+  "mobile-toggle-with-drawers": "awsui_mobile-toggle-with-drawers_19d8l_1t639_138"
 };
   

package/app-layout/mobile-toolbar/styles.scoped.css

@@ -94,11 +94,11 @@ 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_block-body-scroll_19d8l_1uw8m_97:not(#\9) {
+.awsui_block-body-scroll_19d8l_1t639_97:not(#\9) {
   overflow: hidden;
 }
 
-.awsui_mobile-bar_19d8l_1uw8m_101:not(#\9) {
+.awsui_mobile-bar_19d8l_1t639_101:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   display: flex;
@@ -107,48 +107,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 1000;
   width: 100%;
   box-sizing: border-box;
-  background-color: var(--color-background-layout-mobile-panel-9vweqk, #000716);
-  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
-  height: calc(2 * var(--space-m-17eucw, 16px) + var(--space-scaled-xs-6859qs, 8px));
+  background-color: var(--color-background-layout-mobile-panel-dhx2jn, #000716);
+  box-shadow: var(--shadow-panel-bf68qm, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
+  height: calc(2 * var(--space-m-sptmsg, 16px) + var(--space-scaled-xs-u0e7ft, 8px));
 }
 
-.awsui_mobile-bar-breadcrumbs_19d8l_1uw8m_115:not(#\9) {
+.awsui_mobile-bar-breadcrumbs_19d8l_1t639_115:not(#\9) {
   min-width: 0;
   flex: 1;
-  margin-left: var(--space-m-17eucw, 16px);
-  margin-right: var(--space-m-17eucw, 16px);
+  margin-left: var(--space-m-sptmsg, 16px);
+  margin-right: var(--space-m-sptmsg, 16px);
 }
 
-.awsui_mobile-trigger-with-drawers_19d8l_1uw8m_122:not(#\9) {
+.awsui_mobile-trigger-with-drawers_19d8l_1t639_122:not(#\9) {
   width: 40px;
   display: flex;
   justify-content: center;
 }
 
-.awsui_mobile-toggle_19d8l_1uw8m_128:not(#\9) {
+.awsui_mobile-toggle_19d8l_1t639_128:not(#\9) {
   box-sizing: border-box;
   cursor: pointer;
   z-index: 1;
-  padding: var(--space-xxs-ynfts5, 4px) 7px;
+  padding: var(--space-xxs-a6783b, 4px) 7px;
   width: 40px;
 }
-.awsui_mobile-toggle_19d8l_1uw8m_128:not(#\9):first-child {
-  border-right: 1px solid var(--color-border-layout-wf5alz, #d1d5db);
+.awsui_mobile-toggle_19d8l_1t639_128:not(#\9):first-child {
+  border-right: 1px solid var(--color-border-layout-9uohmx, #d1d5db);
 }
-.awsui_mobile-toggle_19d8l_1uw8m_128:not(#\9):last-child:not(.awsui_mobile-toggle-with-drawers_19d8l_1uw8m_138) {
-  border-left: 1px solid var(--color-border-layout-wf5alz, #d1d5db);
+.awsui_mobile-toggle_19d8l_1t639_128:not(#\9):last-child:not(.awsui_mobile-toggle-with-drawers_19d8l_1t639_138) {
+  border-left: 1px solid var(--color-border-layout-9uohmx, #d1d5db);
 }
-.awsui_mobile-toggle_19d8l_1uw8m_128:not(#\9):hover:not(.awsui_mobile-toggle-with-drawers_19d8l_1uw8m_138) {
-  background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
+.awsui_mobile-toggle_19d8l_1t639_128:not(#\9):hover:not(.awsui_mobile-toggle-with-drawers_19d8l_1t639_138) {
+  background: var(--color-background-layout-panel-hover-gqd6vu, #e9ebed);
 }
-.awsui_mobile-toggle-with-drawers_19d8l_1uw8m_138:not(#\9) {
+.awsui_mobile-toggle-with-drawers_19d8l_1t639_138:not(#\9) {
   display: flex;
   width: auto;
   padding: 0;
   height: 100%;
 }
-.awsui_mobile-toggle-with-drawers_19d8l_1uw8m_138 > .awsui_mobile-trigger-with-drawers_19d8l_1uw8m_122:not(#\9) {
-  border-left: 1px solid var(--color-border-layout-wf5alz, #d1d5db);
+.awsui_mobile-toggle-with-drawers_19d8l_1t639_138 > .awsui_mobile-trigger-with-drawers_19d8l_1t639_122:not(#\9) {
+  border-left: 1px solid var(--color-border-layout-9uohmx, #d1d5db);
   display: flex;
   align-items: center;
 }

package/app-layout/mobile-toolbar/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "block-body-scroll": "awsui_block-body-scroll_19d8l_1uw8m_97",
-  "mobile-bar": "awsui_mobile-bar_19d8l_1uw8m_101",
-  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_1uw8m_115",
-  "mobile-trigger-with-drawers": "awsui_mobile-trigger-with-drawers_19d8l_1uw8m_122",
-  "mobile-toggle": "awsui_mobile-toggle_19d8l_1uw8m_128",
-  "mobile-toggle-with-drawers": "awsui_mobile-toggle-with-drawers_19d8l_1uw8m_138"
+  "block-body-scroll": "awsui_block-body-scroll_19d8l_1t639_97",
+  "mobile-bar": "awsui_mobile-bar_19d8l_1t639_101",
+  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_1t639_115",
+  "mobile-trigger-with-drawers": "awsui_mobile-trigger-with-drawers_19d8l_1t639_122",
+  "mobile-toggle": "awsui_mobile-toggle_19d8l_1t639_128",
+  "mobile-toggle-with-drawers": "awsui_mobile-toggle-with-drawers_19d8l_1t639_138"
 };
   

package/app-layout/notifications/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "notifications": "awsui_notifications_1hmm4_1w4q6_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1w4q6_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1w4q6_25"
+  "notifications": "awsui_notifications_1hmm4_16fds_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_16fds_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_16fds_25"
 };
   

package/app-layout/notifications/styles.scoped.css

@@ -6,26 +6,26 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_1hmm4_1w4q6_9:not(#\9),
-.awsui_notifications-sticky_1hmm4_1w4q6_10:not(#\9) {
+.awsui_notifications_1hmm4_16fds_9:not(#\9),
+.awsui_notifications-sticky_1hmm4_16fds_10:not(#\9) {
   z-index: 850;
 }
 
-.awsui_notifications_1hmm4_1w4q6_9:not(#\9) {
+.awsui_notifications_1hmm4_16fds_9:not(#\9) {
   /* This is necessary for the z-index to have effect */
   position: relative;
 }
 
-.awsui_notifications-sticky_1hmm4_1w4q6_10:not(#\9) {
+.awsui_notifications-sticky_1hmm4_16fds_10:not(#\9) {
   top: 0;
   position: sticky;
-  --awsui-flashbar-sticky-bottom-margin-rrnppm: var(--space-xxl-2nvmf1, 32px);
+  --awsui-flashbar-sticky-bottom-margin-rrnppm: var(--space-xxl-eiq7g3, 32px);
 }
 
-.awsui_no-content-paddings_1hmm4_1w4q6_25:not(#\9) {
+.awsui_no-content-paddings_1hmm4_16fds_25:not(#\9) {
   /*
   When using the disableContentPaddings option, the Flashbar will use this custom property to add additional space
   when the notification bar is rendered, to prevent it from overlapping the content.
    */
-  --awsui-stacked-notifications-bottom-margin-rrnppm: var(--space-scaled-l-t03y3z, 20px);
+  --awsui-stacked-notifications-bottom-margin-rrnppm: var(--space-scaled-l-x5pubp, 20px);
 }

package/app-layout/notifications/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "notifications": "awsui_notifications_1hmm4_1w4q6_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1w4q6_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1w4q6_25"
+  "notifications": "awsui_notifications_1hmm4_16fds_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_16fds_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_16fds_25"
 };
   

package/app-layout/split-panel-drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["app-layout/split-panel-drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,oBAAoB;IAC5B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,oBAAoB,eAQjH"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["app-layout/split-panel-drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,oBAAoB;IAC5B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,oBAAoB,eAYjH"}

package/app-layout/split-panel-drawer/index.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import React from 'react';
 import styles from './styles.css.js';
 export function SideSplitPanelDrawer({ topOffset, bottomOffset, width, displayed, children }) {
-    return (React.createElement("div", { className: clsx(displayed && styles['drawer-displayed']), style: { width } },
+    return (React.createElement("div", { className: clsx(displayed && styles['drawer-displayed']), style: { width }, "data-testid": "side-split-panel-drawer" },
         React.createElement("div", { className: styles['drawer-content'], style: { width: width, top: topOffset, bottom: bottomOffset } }, children)));
 }
 //# sourceMappingURL=index.js.map

package/app-layout/split-panel-drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["app-layout/split-panel-drawer/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC,MAAM,UAAU,oBAAoB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAwB;IAChH,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE;QAC7E,6BAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,IACpG,QAAQ,CACL,CACF,CACP,CAAC;AACJ,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 from 'react';\nimport styles from './styles.css.js';\n\ninterface SideSplitPanelDrawer {\n  topOffset: number | undefined;\n  bottomOffset: number | undefined;\n  width: number | undefined;\n  displayed: boolean;\n  children: React.ReactNode;\n}\n\nexport function SideSplitPanelDrawer({ topOffset, bottomOffset, width, displayed, children }: SideSplitPanelDrawer) {\n  return (\n    <div className={clsx(displayed && styles['drawer-displayed'])} style={{ width }}>\n      <div className={styles['drawer-content']} style={{ width: width, top: topOffset, bottom: bottomOffset }}>\n        {children}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["app-layout/split-panel-drawer/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC,MAAM,UAAU,oBAAoB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAwB;IAChH,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,kBAAkB,CAAC,CAAC,EACxD,KAAK,EAAE,EAAE,KAAK,EAAE,iBACJ,yBAAyB;QAErC,6BAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,IACpG,QAAQ,CACL,CACF,CACP,CAAC;AACJ,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 from 'react';\nimport styles from './styles.css.js';\n\ninterface SideSplitPanelDrawer {\n  topOffset: number | undefined;\n  bottomOffset: number | undefined;\n  width: number | undefined;\n  displayed: boolean;\n  children: React.ReactNode;\n}\n\nexport function SideSplitPanelDrawer({ topOffset, bottomOffset, width, displayed, children }: SideSplitPanelDrawer) {\n  return (\n    <div\n      className={clsx(displayed && styles['drawer-displayed'])}\n      style={{ width }}\n      data-testid=\"side-split-panel-drawer\"\n    >\n      <div className={styles['drawer-content']} style={{ width: width, top: topOffset, bottom: bottomOffset }}>\n        {children}\n      </div>\n    </div>\n  );\n}\n"]}

package/app-layout/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_lm6vo_1rqvf_97",
-  "layout-wrapper": "awsui_layout-wrapper_lm6vo_1rqvf_98",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1rqvf_105",
-  "layout": "awsui_layout_lm6vo_1rqvf_98",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1rqvf_116",
-  "layout-main": "awsui_layout-main_lm6vo_1rqvf_120",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1rqvf_126",
-  "unfocusable": "awsui_unfocusable_lm6vo_1rqvf_131",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1rqvf_135",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1rqvf_140",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_1rqvf_144",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_1rqvf_148",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1rqvf_152"
+  "root": "awsui_root_lm6vo_cwbfp_97",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_cwbfp_98",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_cwbfp_105",
+  "layout": "awsui_layout_lm6vo_cwbfp_98",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_cwbfp_116",
+  "layout-main": "awsui_layout-main_lm6vo_cwbfp_120",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_cwbfp_126",
+  "unfocusable": "awsui_unfocusable_lm6vo_cwbfp_131",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_cwbfp_135",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_cwbfp_140",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_cwbfp_144",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_cwbfp_148",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_cwbfp_152"
 };
   

package/app-layout/styles.scoped.css

@@ -94,61 +94,61 @@ 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_1rqvf_97:not(#\9),
-.awsui_layout-wrapper_lm6vo_1rqvf_98:not(#\9) {
+.awsui_root_lm6vo_cwbfp_97:not(#\9),
+.awsui_layout-wrapper_lm6vo_cwbfp_98:not(#\9) {
   display: flex;
   flex-direction: column;
   position: relative;
-  color: var(--color-text-body-default-ajf1h5, #000716);
+  color: var(--color-text-body-default-01bwmw, #000716);
 }
 
-.awsui_root-no-scroll_lm6vo_1rqvf_105:not(#\9) {
+.awsui_root-no-scroll_lm6vo_cwbfp_105:not(#\9) {
   position: relative;
   z-index: 1;
 }
 
-.awsui_layout_lm6vo_1rqvf_98:not(#\9) {
+.awsui_layout_lm6vo_cwbfp_98:not(#\9) {
   flex: 1 1 auto;
   display: flex;
   align-items: stretch;
-  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
+  background-color: var(--color-background-layout-main-iz43sl, #ffffff);
 }
-.awsui_layout-no-scroll_lm6vo_1rqvf_116:not(#\9) {
+.awsui_layout-no-scroll_lm6vo_cwbfp_116:not(#\9) {
   overflow: hidden;
 }
 
-.awsui_layout-main_lm6vo_1rqvf_120:not(#\9) {
+.awsui_layout-main_lm6vo_cwbfp_120:not(#\9) {
   flex: 1;
   min-width: 0;
-  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
+  background-color: var(--color-background-layout-main-iz43sl, #ffffff);
   position: relative;
 }
-.awsui_layout-main-scrollable_lm6vo_1rqvf_126:not(#\9) {
+.awsui_layout-main-scrollable_lm6vo_cwbfp_126:not(#\9) {
   overflow: auto;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable_lm6vo_1rqvf_131 *:not(#\9) {
+.awsui_unfocusable_lm6vo_cwbfp_131 *:not(#\9) {
   visibility: hidden;
 }
 
-.awsui_breadcrumbs-desktop_lm6vo_1rqvf_135:not(#\9) {
-  padding-top: var(--space-scaled-m-pv0fmt, 16px);
-  padding-bottom: var(--space-scaled-s-cu1hzn, 12px);
+.awsui_breadcrumbs-desktop_lm6vo_cwbfp_135:not(#\9) {
+  padding-top: var(--space-scaled-m-9q5ipc, 16px);
+  padding-bottom: var(--space-scaled-s-gczsk7, 12px);
 }
 
-.awsui_content-header-wrapper_lm6vo_1rqvf_140:not(#\9) {
-  padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
+.awsui_content-header-wrapper_lm6vo_cwbfp_140:not(#\9) {
+  padding-bottom: var(--space-content-header-padding-bottom-98ndis, 24px);
 }
 
-.awsui_content-wrapper_lm6vo_1rqvf_144:not(#\9) {
-  padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
+.awsui_content-wrapper_lm6vo_cwbfp_144:not(#\9) {
+  padding-bottom: var(--space-layout-content-bottom-nju4ze, 40px);
 }
 
-.awsui_content-overlapped_lm6vo_1rqvf_148:not(#\9) {
-  margin-top: calc(-1 * var(--space-dark-header-overlap-distance-hfejul, 36px));
+.awsui_content-overlapped_lm6vo_cwbfp_148:not(#\9) {
+  margin-top: calc(-1 * var(--space-dark-header-overlap-distance-d8wdqm, 36px));
 }
 
-.awsui_content-extra-top-padding_lm6vo_1rqvf_152:not(#\9) {
-  padding-top: var(--space-scaled-m-pv0fmt, 16px);
+.awsui_content-extra-top-padding_lm6vo_cwbfp_152:not(#\9) {
+  padding-top: var(--space-scaled-m-9q5ipc, 16px);
 }

package/app-layout/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_lm6vo_1rqvf_97",
-  "layout-wrapper": "awsui_layout-wrapper_lm6vo_1rqvf_98",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1rqvf_105",
-  "layout": "awsui_layout_lm6vo_1rqvf_98",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1rqvf_116",
-  "layout-main": "awsui_layout-main_lm6vo_1rqvf_120",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1rqvf_126",
-  "unfocusable": "awsui_unfocusable_lm6vo_1rqvf_131",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1rqvf_135",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1rqvf_140",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_1rqvf_144",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_1rqvf_148",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1rqvf_152"
+  "root": "awsui_root_lm6vo_cwbfp_97",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_cwbfp_98",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_cwbfp_105",
+  "layout": "awsui_layout_lm6vo_cwbfp_98",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_cwbfp_116",
+  "layout-main": "awsui_layout-main_lm6vo_cwbfp_120",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_cwbfp_126",
+  "unfocusable": "awsui_unfocusable_lm6vo_cwbfp_131",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_cwbfp_135",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_cwbfp_140",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_cwbfp_144",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_cwbfp_148",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_cwbfp_152"
 };
   

package/app-layout/toggles/styles.css.js

@@ -1,6 +1,6 @@
 
     import './styles.scoped.css';
     export default {
-  "close-button": "awsui_close-button_16w0h_1i33e_93"
+  "close-button": "awsui_close-button_16w0h_72413_93"
 };
   

package/app-layout/toggles/styles.scoped.css

@@ -90,10 +90,10 @@ 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_close-button_16w0h_1i33e_93:not(#\9) {
+.awsui_close-button_16w0h_72413_93:not(#\9) {
   position: absolute;
   outline: none;
-  right: var(--space-m-17eucw, 16px);
-  top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
+  right: var(--space-m-sptmsg, 16px);
+  top: var(--size-vertical-panel-icon-offset-47mfcv, 15px);
   z-index: 1;
 }

package/app-layout/toggles/styles.selectors.js

@@ -2,6 +2,6 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "close-button": "awsui_close-button_16w0h_1i33e_93"
+  "close-button": "awsui_close-button_16w0h_72413_93"
 };
   

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

@@ -1,77 +1,77 @@
 
     import './styles.scoped.css';
     export default {
-  "appbar": "awsui_appbar_hyvsj_a6htg_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_a6htg_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_a6htg_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_a6htg_125",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_a6htg_126",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_a6htg_167",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_a6htg_175",
-  "has-header": "awsui_has-header_hyvsj_a6htg_181",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_a6htg_181",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_a6htg_182",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_a6htg_185",
-  "content-type-table": "awsui_content-type-table_hyvsj_a6htg_186",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_a6htg_189",
-  "background": "awsui_background_hyvsj_a6htg_224",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_a6htg_227",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_a6htg_240",
-  "overlap": "awsui_overlap_hyvsj_a6htg_246",
-  "drawers-container": "awsui_drawers-container_hyvsj_a6htg_274",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_a6htg_286",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_a6htg_320",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_a6htg_343",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_a6htg_375",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_a6htg_375",
-  "drawer": "awsui_drawer_hyvsj_a6htg_126",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_a6htg_426",
-  "drawer-content": "awsui_drawer-content_hyvsj_a6htg_431",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_a6htg_436",
-  "content": "awsui_content_hyvsj_a6htg_182",
-  "layout": "awsui_layout_hyvsj_a6htg_534",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_a6htg_618",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_a6htg_633",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_a6htg_660",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_a6htg_667",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_a6htg_681",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_a6htg_681",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_a6htg_693",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_a6htg_696",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_a6htg_711",
-  "container": "awsui_container_hyvsj_a6htg_719",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_a6htg_745",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_a6htg_750",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_a6htg_753",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_a6htg_753",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_a6htg_753",
-  "content-type-default": "awsui_content-type-default_hyvsj_a6htg_773",
-  "content-type-form": "awsui_content-type-form_hyvsj_a6htg_773",
-  "unfocusable": "awsui_unfocusable_hyvsj_a6htg_814",
-  "navigation-container": "awsui_navigation-container_hyvsj_a6htg_824",
-  "show-navigation": "awsui_show-navigation_hyvsj_a6htg_868",
-  "animating": "awsui_animating_hyvsj_a6htg_890",
-  "showButtons": "awsui_showButtons_hyvsj_a6htg_1",
-  "navigation": "awsui_navigation_hyvsj_a6htg_824",
-  "openNavigation": "awsui_openNavigation_hyvsj_a6htg_1",
-  "animated-content": "awsui_animated-content_hyvsj_a6htg_951",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_a6htg_960",
-  "notifications": "awsui_notifications_hyvsj_a6htg_227",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_a6htg_1027",
-  "position-bottom": "awsui_position-bottom_hyvsj_a6htg_1073",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_a6htg_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_a6htg_1102",
-  "position-side": "awsui_position-side_hyvsj_a6htg_1130",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_a6htg_1",
-  "tools-container": "awsui_tools-container_hyvsj_a6htg_1167",
-  "tools": "awsui_tools_hyvsj_a6htg_1167",
-  "openTools": "awsui_openTools_hyvsj_a6htg_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_a6htg_1261",
-  "hide-tools": "awsui_hide-tools_hyvsj_a6htg_1271",
-  "show-tools": "awsui_show-tools_hyvsj_a6htg_1283",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_a6htg_1261",
-  "trigger": "awsui_trigger_hyvsj_a6htg_1350",
-  "selected": "awsui_selected_hyvsj_a6htg_1389"
+  "appbar": "awsui_appbar_hyvsj_1s8d9_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_1s8d9_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1s8d9_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_1s8d9_125",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1s8d9_126",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1s8d9_167",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_1s8d9_175",
+  "has-header": "awsui_has-header_hyvsj_1s8d9_181",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_1s8d9_181",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_1s8d9_182",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_1s8d9_185",
+  "content-type-table": "awsui_content-type-table_hyvsj_1s8d9_186",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_1s8d9_189",
+  "background": "awsui_background_hyvsj_1s8d9_224",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_1s8d9_227",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1s8d9_240",
+  "overlap": "awsui_overlap_hyvsj_1s8d9_246",
+  "drawers-container": "awsui_drawers-container_hyvsj_1s8d9_274",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1s8d9_286",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1s8d9_320",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1s8d9_325",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1s8d9_343",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1s8d9_375",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1s8d9_375",
+  "drawer": "awsui_drawer_hyvsj_1s8d9_126",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1s8d9_426",
+  "drawer-content": "awsui_drawer-content_hyvsj_1s8d9_431",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1s8d9_436",
+  "content": "awsui_content_hyvsj_1s8d9_182",
+  "layout": "awsui_layout_hyvsj_1s8d9_534",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1s8d9_618",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1s8d9_633",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1s8d9_660",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1s8d9_667",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_1s8d9_681",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1s8d9_681",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1s8d9_693",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1s8d9_696",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1s8d9_711",
+  "container": "awsui_container_hyvsj_1s8d9_719",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1s8d9_745",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1s8d9_750",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_1s8d9_753",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1s8d9_753",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1s8d9_753",
+  "content-type-default": "awsui_content-type-default_hyvsj_1s8d9_773",
+  "content-type-form": "awsui_content-type-form_hyvsj_1s8d9_773",
+  "unfocusable": "awsui_unfocusable_hyvsj_1s8d9_814",
+  "navigation-container": "awsui_navigation-container_hyvsj_1s8d9_824",
+  "show-navigation": "awsui_show-navigation_hyvsj_1s8d9_868",
+  "animating": "awsui_animating_hyvsj_1s8d9_890",
+  "showButtons": "awsui_showButtons_hyvsj_1s8d9_1",
+  "navigation": "awsui_navigation_hyvsj_1s8d9_824",
+  "openNavigation": "awsui_openNavigation_hyvsj_1s8d9_1",
+  "animated-content": "awsui_animated-content_hyvsj_1s8d9_951",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_1s8d9_960",
+  "notifications": "awsui_notifications_hyvsj_1s8d9_227",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1s8d9_1027",
+  "position-bottom": "awsui_position-bottom_hyvsj_1s8d9_1073",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1s8d9_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_1s8d9_1102",
+  "position-side": "awsui_position-side_hyvsj_1s8d9_1130",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_1s8d9_1",
+  "tools-container": "awsui_tools-container_hyvsj_1s8d9_1167",
+  "tools": "awsui_tools_hyvsj_1s8d9_1167",
+  "openTools": "awsui_openTools_hyvsj_1s8d9_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1s8d9_1261",
+  "hide-tools": "awsui_hide-tools_hyvsj_1s8d9_1271",
+  "show-tools": "awsui_show-tools_hyvsj_1s8d9_1283",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_1s8d9_1261",
+  "trigger": "awsui_trigger_hyvsj_1s8d9_1350",
+  "selected": "awsui_selected_hyvsj_1s8d9_1389"
 };