@cloudscape-design/components 3.0.1155 → 3.0.1157

package/alert/index.js

@@ -9,7 +9,7 @@ import { validateProps } from '@cloudscape-design/component-toolkit/internal';
 
 
 const Alert = React.forwardRef((props, ref) => {
-    validateProps('Alert', props, ["style"], {}, 'console');
+    validateProps('Alert', props, ["persistenceConfig"], {}, 'core');
     return React.createElement(CoreComponent, {ref,...props});
 });
 

package/alert/interfaces.d.ts

@@ -128,7 +128,7 @@ export interface AlertProps extends BaseComponentProps {
   /**
    * @awsuiSystem core
    */
-
+  style?: AlertProps.Style;
   /**
    * Config to persist dismiss state for dismissable Alert
    * persistenceConfig contains:
@@ -136,5 +136,4 @@ export interface AlertProps extends BaseComponentProps {
    * * `crossServicePersistence` (boolean) - (Optional) If true, the persistence state will be shared across AWS services.
    * @awsuiSystem console
    */
-  persistenceConfig?: AlertProps.PersistenceConfig;
 }

package/anchor-navigation/styles.css.js

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_swimc_bhjn1_189",
-  "anchor-list": "awsui_anchor-list_swimc_bhjn1_221",
-  "anchor-item": "awsui_anchor-item_swimc_bhjn1_244",
-  "anchor-item--active": "awsui_anchor-item--active_swimc_bhjn1_264",
-  "anchor-link": "awsui_anchor-link_swimc_bhjn1_281",
-  "anchor-link--active": "awsui_anchor-link--active_swimc_bhjn1_323",
-  "anchor-link-text": "awsui_anchor-link-text_swimc_bhjn1_330",
-  "anchor-link-info": "awsui_anchor-link-info_swimc_bhjn1_334"
+  "root": "awsui_root_swimc_1c22e_189",
+  "anchor-list": "awsui_anchor-list_swimc_1c22e_221",
+  "anchor-item": "awsui_anchor-item_swimc_1c22e_244",
+  "anchor-item--active": "awsui_anchor-item--active_swimc_1c22e_264",
+  "anchor-link": "awsui_anchor-link_swimc_1c22e_281",
+  "anchor-link--active": "awsui_anchor-link--active_swimc_1c22e_323",
+  "anchor-link-text": "awsui_anchor-link-text_swimc_1c22e_330",
+  "anchor-link-info": "awsui_anchor-link-info_swimc_1c22e_334"
 };
   

package/anchor-navigation/styles.scoped.css

@@ -186,7 +186,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_swimc_bhjn1_189:not(#\9) {
+.awsui_root_swimc_1c22e_189:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -218,7 +218,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_anchor-list_swimc_bhjn1_221:not(#\9) {
+.awsui_anchor-list_swimc_1c22e_221:not(#\9) {
   list-style: none;
   margin-block: 0;
   margin-inline: 0;
@@ -227,7 +227,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   text-indent: 0;
 }
-.awsui_anchor-list_swimc_bhjn1_221:not(#\9)::before {
+.awsui_anchor-list_swimc_1c22e_221:not(#\9)::before {
   content: "";
   background-color: var(--color-border-divider-default-nr68jt, #c6c6cd);
   border-start-start-radius: var(--border-radius-tabs-focus-ring-o4qku1, 20px);
@@ -241,10 +241,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 2px;
 }
 
-.awsui_anchor-item_swimc_bhjn1_244:not(#\9) {
+.awsui_anchor-item_swimc_1c22e_244:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
-  color: var(--color-text-body-secondary-bcbgoi, #424650);
+  color: var(--color-text-body-secondary-yna5sb, #424650);
   font-weight: 400;
   margin-block: var(--space-scaled-xxs-pfm1nx, 4px);
   margin-inline: 0;
@@ -252,19 +252,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: all;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_anchor-item_swimc_bhjn1_244:not(#\9) {
+  .awsui_anchor-item_swimc_1c22e_244:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_anchor-item_swimc_bhjn1_244:not(#\9), .awsui-mode-entering .awsui_anchor-item_swimc_bhjn1_244:not(#\9) {
+.awsui-motion-disabled .awsui_anchor-item_swimc_1c22e_244:not(#\9), .awsui-mode-entering .awsui_anchor-item_swimc_1c22e_244:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_anchor-item--active_swimc_bhjn1_264:not(#\9) {
+.awsui_anchor-item--active_swimc_1c22e_264:not(#\9) {
   position: relative;
 }
-.awsui_anchor-item--active_swimc_bhjn1_264:not(#\9)::before {
+.awsui_anchor-item--active_swimc_1c22e_264:not(#\9)::before {
   content: "";
   background-color: var(--color-text-accent-n1kmht, #006ce0);
   border-start-start-radius: var(--border-radius-tabs-focus-ring-o4qku1, 20px);
@@ -278,11 +278,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 2px;
 }
 
-.awsui_anchor-link_swimc_bhjn1_281:not(#\9) {
+.awsui_anchor-link_swimc_1c22e_281:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   align-items: baseline;
-  color: var(--color-text-body-secondary-bcbgoi, #424650);
+  color: var(--color-text-body-secondary-yna5sb, #424650);
   display: flex;
   flex-direction: row;
   font-weight: 400;
@@ -291,16 +291,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: all;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_anchor-link_swimc_bhjn1_281:not(#\9) {
+  .awsui_anchor-link_swimc_1c22e_281:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_anchor-link_swimc_bhjn1_281:not(#\9), .awsui-mode-entering .awsui_anchor-link_swimc_bhjn1_281:not(#\9) {
+.awsui-motion-disabled .awsui_anchor-link_swimc_1c22e_281:not(#\9), .awsui-mode-entering .awsui_anchor-link_swimc_1c22e_281:not(#\9) {
   animation: none;
   transition: none;
 }
-body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_bhjn1_281:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_1c22e_281:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
   outline-offset: 2px;
@@ -311,27 +311,27 @@ body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_bhjn1_281:not(#\9):
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-39uvxr, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_anchor-link_swimc_bhjn1_281:not(#\9):hover {
+.awsui_anchor-link_swimc_1c22e_281:not(#\9):hover {
   color: var(--color-text-accent-n1kmht, #006ce0);
 }
-.awsui_anchor-link_swimc_bhjn1_281:not(#\9):focus {
+.awsui_anchor-link_swimc_1c22e_281:not(#\9):focus {
   outline: none;
 }
-.awsui_anchor-link_swimc_bhjn1_281:not(#\9):hover, .awsui_anchor-link_swimc_bhjn1_281:not(#\9):focus {
+.awsui_anchor-link_swimc_1c22e_281:not(#\9):hover, .awsui_anchor-link_swimc_1c22e_281:not(#\9):focus {
   text-decoration: none;
 }
-.awsui_anchor-link--active_swimc_bhjn1_323:not(#\9) {
+.awsui_anchor-link--active_swimc_1c22e_323:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-ny4hup, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
   color: var(--color-text-accent-n1kmht, #006ce0);
 }
 
-.awsui_anchor-link-text_swimc_bhjn1_330:not(#\9) {
+.awsui_anchor-link-text_swimc_1c22e_330:not(#\9) {
   display: block;
 }
 
-.awsui_anchor-link-info_swimc_bhjn1_334:not(#\9) {
+.awsui_anchor-link-info_swimc_1c22e_334:not(#\9) {
   margin-inline-start: var(--space-xs-ymlm0b, 8px);
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
@@ -340,5 +340,5 @@ body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_bhjn1_281:not(#\9):
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
   font-weight: 700;
   letter-spacing: 0.005em;
-  color: var(--color-text-link-default-1dmm7z, #006ce0);
+  color: var(--color-text-link-default-hude44, #006ce0);
 }

package/anchor-navigation/styles.selectors.js

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_swimc_bhjn1_189",
-  "anchor-list": "awsui_anchor-list_swimc_bhjn1_221",
-  "anchor-item": "awsui_anchor-item_swimc_bhjn1_244",
-  "anchor-item--active": "awsui_anchor-item--active_swimc_bhjn1_264",
-  "anchor-link": "awsui_anchor-link_swimc_bhjn1_281",
-  "anchor-link--active": "awsui_anchor-link--active_swimc_bhjn1_323",
-  "anchor-link-text": "awsui_anchor-link-text_swimc_bhjn1_330",
-  "anchor-link-info": "awsui_anchor-link-info_swimc_bhjn1_334"
+  "root": "awsui_root_swimc_1c22e_189",
+  "anchor-list": "awsui_anchor-list_swimc_1c22e_221",
+  "anchor-item": "awsui_anchor-item_swimc_1c22e_244",
+  "anchor-item--active": "awsui_anchor-item--active_swimc_1c22e_264",
+  "anchor-link": "awsui_anchor-link_swimc_1c22e_281",
+  "anchor-link--active": "awsui_anchor-link--active_swimc_1c22e_323",
+  "anchor-link-text": "awsui_anchor-link-text_swimc_1c22e_330",
+  "anchor-link-info": "awsui_anchor-link-info_swimc_1c22e_334"
 };
   

package/app-layout/runtime-drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/runtime-drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAA0B,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EACL,YAAY,IAAI,mBAAmB,EACnC,uBAAuB,EACxB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,aAAa,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAK/C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,MAAM;IAC1D,QAAQ,CAAC,EAAE,yBAAyB,CAAC,uBAAuB,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC9B;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC7B,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAClC,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;CAClC;AAkFD,eAAO,MAAM,wBAAwB,GACnC,eAAe,mBAAmB,KACjC,cAAc,CAAC,MAAM,GAAG;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,yBAAyB,CAAC,uBAAuB,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;CA2BtD,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,eAAe,qBAAqB,KACnC,cAAc,CAAC,MAAM,GAAG;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,yBAAyB,CAAC,uBAAuB,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACrD,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,iBAAiB,CAAC,EAAE,yBAAyB,CAAC;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAoCxE,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,KAAK,CAAC,mBAAmB,CAAC,EACxC,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAAC,GACxC,aAAa,CAQf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/runtime-drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAe,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAA0B,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EACL,YAAY,IAAI,mBAAmB,EACnC,uBAAuB,EACxB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,aAAa,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAK/C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,MAAM;IAC1D,QAAQ,CAAC,EAAE,yBAAyB,CAAC,uBAAuB,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC9B;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC7B,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAClC,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;CAClC;AAmFD,eAAO,MAAM,wBAAwB,GACnC,eAAe,mBAAmB,KACjC,cAAc,CAAC,MAAM,GAAG;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,yBAAyB,CAAC,uBAAuB,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;CA6BtD,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,eAAe,qBAAqB,KACnC,cAAc,CAAC,MAAM,GAAG;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,yBAAyB,CAAC,uBAAuB,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACrD,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,iBAAiB,CAAC,EAAE,yBAAyB,CAAC;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAsCxE,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,KAAK,CAAC,mBAAmB,CAAC,EACxC,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAAC,GACxC,aAAa,CAQf"}

package/app-layout/runtime-drawer/index.js

@@ -1,7 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React, { useContext, useEffect, useRef } from 'react';
-import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
 import { fireNonCancelableEvent } from '../../internal/events';
 import { sortByPriority } from '../../internal/plugins/helpers/utils';
 import { ActiveDrawersContext } from '../utils/visibility-context';
@@ -42,21 +41,20 @@ function RuntimeDrawerHeader({ mountHeader, unmountHeader }) {
     }, []);
     return React.createElement("div", { className: styles['runtime-header-wrapper'], ref: ref });
 }
-function checkForUnsupportedProps(headerActions) {
-    const unsupportedProps = new Set([
-        'iconSvg',
-        'popoverFeedback',
-        'pressedIconSvg',
-        'popoverFeedback',
-        'pressedPopoverFeedback',
-    ]);
-    for (const item of headerActions) {
-        const unsupported = Object.keys(item).filter(key => unsupportedProps.has(key));
-        if (unsupported.length > 0) {
-            warnOnce('AppLayout', `The headerActions properties are not supported for runtime api: ${unsupported.join(' ')}`);
-        }
-    }
-    return headerActions;
+function mapRuntimeHeaderActionsToHeaderActions(runtimeHeaderActions) {
+    return runtimeHeaderActions.map(runtimeHeaderAction => {
+        return {
+            ...runtimeHeaderAction,
+            ...('iconSvg' in runtimeHeaderAction &&
+                runtimeHeaderAction.iconSvg && {
+                iconSvg: convertRuntimeTriggerToReactNode(runtimeHeaderAction.iconSvg),
+            }),
+            ...('pressedIconSvg' in runtimeHeaderAction &&
+                runtimeHeaderAction.pressedIconSvg && {
+                iconSvg: convertRuntimeTriggerToReactNode(runtimeHeaderAction.pressedIconSvg),
+            }),
+        };
+    });
 }
 const convertRuntimeTriggerToReactNode = (runtimeTrigger) => {
     if (!runtimeTrigger) {
@@ -82,7 +80,9 @@ export const mapRuntimeConfigToDrawer = (runtimeConfig) => {
         onResize: event => {
             fireNonCancelableEvent(runtimeDrawer.onResize, { size: event.detail.size, id: runtimeDrawer.id });
         },
-        headerActions: runtimeDrawer.headerActions ? checkForUnsupportedProps(runtimeDrawer.headerActions) : undefined,
+        headerActions: runtimeDrawer.headerActions
+            ? mapRuntimeHeaderActionsToHeaderActions(runtimeDrawer.headerActions)
+            : undefined,
     };
 };
 export const mapRuntimeConfigToAiDrawer = (runtimeConfig) => {
@@ -109,7 +109,9 @@ export const mapRuntimeConfigToAiDrawer = (runtimeConfig) => {
         onResize: event => {
             fireNonCancelableEvent(runtimeDrawer.onResize, { size: event.detail.size, id: runtimeDrawer.id });
         },
-        headerActions: runtimeDrawer.headerActions ? checkForUnsupportedProps(runtimeDrawer.headerActions) : undefined,
+        headerActions: runtimeDrawer.headerActions
+            ? mapRuntimeHeaderActionsToHeaderActions(runtimeDrawer.headerActions)
+            : undefined,
     };
 };
 export function convertRuntimeDrawers(localDrawers, globalDrawers) {

package/app-layout/runtime-drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/app-layout/runtime-drawer/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useEffect, useRef } from 'react';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ButtonGroupProps } from '../../button-group/interfaces';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../../internal/events';\nimport {\n  DrawerConfig as RuntimeDrawerConfig,\n  DrawerStateChangeParams,\n} from '../../internal/plugins/controllers/drawers';\nimport { sortByPriority } from '../../internal/plugins/helpers/utils';\nimport { DrawerPayload as RuntimeAiDrawerConfig } from '../../internal/plugins/widget/interfaces';\nimport { AppLayoutProps } from '../interfaces';\nimport { ActiveDrawersContext } from '../utils/visibility-context';\n\nimport styles from './styles.css.js';\n\nexport interface RuntimeDrawer extends AppLayoutProps.Drawer {\n  onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n  position?: 'side' | 'bottom';\n}\n\nexport interface DrawersLayout {\n  global: Array<RuntimeDrawer>;\n  localBefore: Array<RuntimeDrawer>;\n  localAfter: Array<RuntimeDrawer>;\n}\n\ntype VisibilityCallback = (isVisible: boolean) => void;\n\ninterface RuntimeContentWrapperProps {\n  id?: string;\n  mountContent: RuntimeDrawerConfig['mountContent'];\n  unmountContent: RuntimeDrawerConfig['unmountContent'];\n}\n\nfunction RuntimeDrawerWrapper({ mountContent, unmountContent, id }: RuntimeContentWrapperProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const visibilityChangeCallback = useRef<VisibilityCallback | null>(null);\n  const activeDrawersIds = useContext(ActiveDrawersContext);\n  const isVisible = !!id && activeDrawersIds.includes(id);\n\n  useEffect(() => {\n    const container = ref.current!;\n    mountContent(container, {\n      onVisibilityChange: cb => {\n        visibilityChangeCallback.current = cb;\n      },\n    });\n    return () => {\n      unmountContent(container);\n      visibilityChangeCallback.current = null;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    visibilityChangeCallback.current?.(isVisible);\n  }, [isVisible]);\n\n  return <div ref={ref} className={styles['runtime-content-wrapper']} data-awsui-runtime-drawer-root-id={id}></div>;\n}\n\ninterface RuntimeContentHeaderProps {\n  mountHeader: (container: HTMLElement) => void;\n  unmountHeader?: (container: HTMLElement) => void;\n}\n\nfunction RuntimeDrawerHeader({ mountHeader, unmountHeader }: RuntimeContentHeaderProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const container = ref.current!;\n    mountHeader?.(container);\n    return () => {\n      unmountHeader?.(container);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <div className={styles['runtime-header-wrapper']} ref={ref} />;\n}\n\nfunction checkForUnsupportedProps(headerActions: ReadonlyArray<ButtonGroupProps.Item>) {\n  const unsupportedProps = new Set([\n    'iconSvg',\n    'popoverFeedback',\n    'pressedIconSvg',\n    'popoverFeedback',\n    'pressedPopoverFeedback',\n  ]);\n  for (const item of headerActions) {\n    const unsupported = Object.keys(item).filter(key => unsupportedProps.has(key));\n    if (unsupported.length > 0) {\n      warnOnce('AppLayout', `The headerActions properties are not supported for runtime api: ${unsupported.join(' ')}`);\n    }\n  }\n  return headerActions;\n}\n\nconst convertRuntimeTriggerToReactNode = (runtimeTrigger?: string) => {\n  if (!runtimeTrigger) {\n    return undefined;\n  }\n  // eslint-disable-next-line react/no-danger\n  return <span style={{ lineHeight: 0 }} dangerouslySetInnerHTML={{ __html: runtimeTrigger }} />;\n};\n\nexport const mapRuntimeConfigToDrawer = (\n  runtimeConfig: RuntimeDrawerConfig\n): AppLayoutProps.Drawer & {\n  orderPriority?: number;\n  onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n  headerActions?: ReadonlyArray<ButtonGroupProps.Item>;\n} => {\n  const { mountContent, unmountContent, trigger, ...runtimeDrawer } = runtimeConfig;\n\n  return {\n    ...runtimeDrawer,\n    ariaLabels: { drawerName: runtimeDrawer.ariaLabels.content ?? '', ...runtimeDrawer.ariaLabels },\n    trigger: trigger\n      ? {\n          ...(trigger.iconSvg && {\n            iconSvg: convertRuntimeTriggerToReactNode(trigger.iconSvg),\n          }),\n        }\n      : undefined,\n    content: (\n      <RuntimeDrawerWrapper\n        key={runtimeDrawer.id}\n        mountContent={mountContent}\n        unmountContent={unmountContent}\n        id={runtimeDrawer.id}\n      />\n    ),\n    onResize: event => {\n      fireNonCancelableEvent(runtimeDrawer.onResize, { size: event.detail.size, id: runtimeDrawer.id });\n    },\n    headerActions: runtimeDrawer.headerActions ? checkForUnsupportedProps(runtimeDrawer.headerActions) : undefined,\n  };\n};\n\nexport const mapRuntimeConfigToAiDrawer = (\n  runtimeConfig: RuntimeAiDrawerConfig\n): AppLayoutProps.Drawer & {\n  orderPriority?: number;\n  onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n  headerActions?: ReadonlyArray<ButtonGroupProps.Item>;\n  exitExpandedModeTrigger?: React.ReactNode;\n  onToggleFocusMode?: NonCancelableEventHandler<{ isExpanded: boolean }>;\n} => {\n  const { mountContent, unmountContent, trigger, exitExpandedModeTrigger, ...runtimeDrawer } = runtimeConfig;\n\n  return {\n    ...runtimeDrawer,\n    ariaLabels: { drawerName: runtimeDrawer.ariaLabels.content ?? '', ...runtimeDrawer.ariaLabels },\n    ...(trigger && {\n      trigger: {\n        customIcon: convertRuntimeTriggerToReactNode(trigger?.customIcon),\n        iconSvg: convertRuntimeTriggerToReactNode(trigger?.iconSvg),\n      },\n    }),\n    exitExpandedModeTrigger: exitExpandedModeTrigger\n      ? {\n          customIcon: convertRuntimeTriggerToReactNode(exitExpandedModeTrigger?.customIcon),\n        }\n      : undefined,\n    content: (\n      <RuntimeDrawerWrapper\n        key={runtimeDrawer.id}\n        mountContent={mountContent}\n        unmountContent={unmountContent}\n        id={runtimeDrawer.id}\n      />\n    ),\n    ...(runtimeDrawer.mountHeader && {\n      header: (\n        <RuntimeDrawerHeader mountHeader={runtimeDrawer.mountHeader} unmountHeader={runtimeDrawer.unmountHeader} />\n      ),\n    }),\n    onResize: event => {\n      fireNonCancelableEvent(runtimeDrawer.onResize, { size: event.detail.size, id: runtimeDrawer.id });\n    },\n    headerActions: runtimeDrawer.headerActions ? checkForUnsupportedProps(runtimeDrawer.headerActions) : undefined,\n  };\n};\n\nexport function convertRuntimeDrawers(\n  localDrawers: Array<RuntimeDrawerConfig>,\n  globalDrawers: Array<RuntimeDrawerConfig>\n): DrawersLayout {\n  const converted = localDrawers.map(mapRuntimeConfigToDrawer);\n  const sorted = sortByPriority(converted);\n  return {\n    global: sortByPriority(globalDrawers.map(mapRuntimeConfigToDrawer)),\n    localBefore: sorted.filter(item => (item.orderPriority ?? 0) > 0),\n    localAfter: sorted.filter(item => (item.orderPriority ?? 0) <= 0),\n  };\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/app-layout/runtime-drawer/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useEffect, useRef } from 'react';\n\nimport { ButtonGroupProps, ItemRuntime } from '../../button-group/interfaces';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../../internal/events';\nimport {\n  DrawerConfig as RuntimeDrawerConfig,\n  DrawerStateChangeParams,\n} from '../../internal/plugins/controllers/drawers';\nimport { sortByPriority } from '../../internal/plugins/helpers/utils';\nimport { DrawerPayload as RuntimeAiDrawerConfig } from '../../internal/plugins/widget/interfaces';\nimport { AppLayoutProps } from '../interfaces';\nimport { ActiveDrawersContext } from '../utils/visibility-context';\n\nimport styles from './styles.css.js';\n\nexport interface RuntimeDrawer extends AppLayoutProps.Drawer {\n  onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n  position?: 'side' | 'bottom';\n}\n\nexport interface DrawersLayout {\n  global: Array<RuntimeDrawer>;\n  localBefore: Array<RuntimeDrawer>;\n  localAfter: Array<RuntimeDrawer>;\n}\n\ntype VisibilityCallback = (isVisible: boolean) => void;\n\ninterface RuntimeContentWrapperProps {\n  id?: string;\n  mountContent: RuntimeDrawerConfig['mountContent'];\n  unmountContent: RuntimeDrawerConfig['unmountContent'];\n}\n\nfunction RuntimeDrawerWrapper({ mountContent, unmountContent, id }: RuntimeContentWrapperProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const visibilityChangeCallback = useRef<VisibilityCallback | null>(null);\n  const activeDrawersIds = useContext(ActiveDrawersContext);\n  const isVisible = !!id && activeDrawersIds.includes(id);\n\n  useEffect(() => {\n    const container = ref.current!;\n    mountContent(container, {\n      onVisibilityChange: cb => {\n        visibilityChangeCallback.current = cb;\n      },\n    });\n    return () => {\n      unmountContent(container);\n      visibilityChangeCallback.current = null;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    visibilityChangeCallback.current?.(isVisible);\n  }, [isVisible]);\n\n  return <div ref={ref} className={styles['runtime-content-wrapper']} data-awsui-runtime-drawer-root-id={id}></div>;\n}\n\ninterface RuntimeContentHeaderProps {\n  mountHeader: (container: HTMLElement) => void;\n  unmountHeader?: (container: HTMLElement) => void;\n}\n\nfunction RuntimeDrawerHeader({ mountHeader, unmountHeader }: RuntimeContentHeaderProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const container = ref.current!;\n    mountHeader?.(container);\n    return () => {\n      unmountHeader?.(container);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <div className={styles['runtime-header-wrapper']} ref={ref} />;\n}\n\nfunction mapRuntimeHeaderActionsToHeaderActions(\n  runtimeHeaderActions: ReadonlyArray<ItemRuntime>\n): ReadonlyArray<ButtonGroupProps.Item> {\n  return runtimeHeaderActions.map(runtimeHeaderAction => {\n    return {\n      ...runtimeHeaderAction,\n      ...('iconSvg' in runtimeHeaderAction &&\n        runtimeHeaderAction.iconSvg && {\n          iconSvg: convertRuntimeTriggerToReactNode(runtimeHeaderAction.iconSvg),\n        }),\n      ...('pressedIconSvg' in runtimeHeaderAction &&\n        runtimeHeaderAction.pressedIconSvg && {\n          iconSvg: convertRuntimeTriggerToReactNode(runtimeHeaderAction.pressedIconSvg),\n        }),\n    };\n  });\n}\n\nconst convertRuntimeTriggerToReactNode = (runtimeTrigger?: string) => {\n  if (!runtimeTrigger) {\n    return undefined;\n  }\n  // eslint-disable-next-line react/no-danger\n  return <span style={{ lineHeight: 0 }} dangerouslySetInnerHTML={{ __html: runtimeTrigger }} />;\n};\n\nexport const mapRuntimeConfigToDrawer = (\n  runtimeConfig: RuntimeDrawerConfig\n): AppLayoutProps.Drawer & {\n  orderPriority?: number;\n  onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n  headerActions?: ReadonlyArray<ButtonGroupProps.Item>;\n} => {\n  const { mountContent, unmountContent, trigger, ...runtimeDrawer } = runtimeConfig;\n\n  return {\n    ...runtimeDrawer,\n    ariaLabels: { drawerName: runtimeDrawer.ariaLabels.content ?? '', ...runtimeDrawer.ariaLabels },\n    trigger: trigger\n      ? {\n          ...(trigger.iconSvg && {\n            iconSvg: convertRuntimeTriggerToReactNode(trigger.iconSvg),\n          }),\n        }\n      : undefined,\n    content: (\n      <RuntimeDrawerWrapper\n        key={runtimeDrawer.id}\n        mountContent={mountContent}\n        unmountContent={unmountContent}\n        id={runtimeDrawer.id}\n      />\n    ),\n    onResize: event => {\n      fireNonCancelableEvent(runtimeDrawer.onResize, { size: event.detail.size, id: runtimeDrawer.id });\n    },\n    headerActions: runtimeDrawer.headerActions\n      ? mapRuntimeHeaderActionsToHeaderActions(runtimeDrawer.headerActions)\n      : undefined,\n  };\n};\n\nexport const mapRuntimeConfigToAiDrawer = (\n  runtimeConfig: RuntimeAiDrawerConfig\n): AppLayoutProps.Drawer & {\n  orderPriority?: number;\n  onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n  headerActions?: ReadonlyArray<ButtonGroupProps.Item>;\n  exitExpandedModeTrigger?: React.ReactNode;\n  onToggleFocusMode?: NonCancelableEventHandler<{ isExpanded: boolean }>;\n} => {\n  const { mountContent, unmountContent, trigger, exitExpandedModeTrigger, ...runtimeDrawer } = runtimeConfig;\n\n  return {\n    ...runtimeDrawer,\n    ariaLabels: { drawerName: runtimeDrawer.ariaLabels.content ?? '', ...runtimeDrawer.ariaLabels },\n    ...(trigger && {\n      trigger: {\n        customIcon: convertRuntimeTriggerToReactNode(trigger?.customIcon),\n        iconSvg: convertRuntimeTriggerToReactNode(trigger?.iconSvg),\n      },\n    }),\n    exitExpandedModeTrigger: exitExpandedModeTrigger\n      ? {\n          customIcon: convertRuntimeTriggerToReactNode(exitExpandedModeTrigger?.customIcon),\n        }\n      : undefined,\n    content: (\n      <RuntimeDrawerWrapper\n        key={runtimeDrawer.id}\n        mountContent={mountContent}\n        unmountContent={unmountContent}\n        id={runtimeDrawer.id}\n      />\n    ),\n    ...(runtimeDrawer.mountHeader && {\n      header: (\n        <RuntimeDrawerHeader mountHeader={runtimeDrawer.mountHeader} unmountHeader={runtimeDrawer.unmountHeader} />\n      ),\n    }),\n    onResize: event => {\n      fireNonCancelableEvent(runtimeDrawer.onResize, { size: event.detail.size, id: runtimeDrawer.id });\n    },\n    headerActions: runtimeDrawer.headerActions\n      ? mapRuntimeHeaderActionsToHeaderActions(runtimeDrawer.headerActions)\n      : undefined,\n  };\n};\n\nexport function convertRuntimeDrawers(\n  localDrawers: Array<RuntimeDrawerConfig>,\n  globalDrawers: Array<RuntimeDrawerConfig>\n): DrawersLayout {\n  const converted = localDrawers.map(mapRuntimeConfigToDrawer);\n  const sorted = sortByPriority(converted);\n  return {\n    global: sortByPriority(globalDrawers.map(mapRuntimeConfigToDrawer)),\n    localBefore: sorted.filter(item => (item.orderPriority ?? 0) > 0),\n    localAfter: sorted.filter(item => (item.orderPriority ?? 0) <= 0),\n  };\n}\n"]}

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

@@ -1,91 +1,91 @@
 
     import './styles.scoped.css';
     export default {
-  "background": "awsui_background_hyvsj_1c54p_149",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_1c54p_152",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1c54p_163",
-  "drawers-container": "awsui_drawers-container_hyvsj_1c54p_176",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1c54p_187",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1c54p_208",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1c54p_213",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1c54p_251",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1c54p_261",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1c54p_266",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1c54p_280",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1c54p_266",
-  "drawer": "awsui_drawer_hyvsj_1c54p_176",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1c54p_311",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1c54p_320",
-  "drawer-content": "awsui_drawer-content_hyvsj_1c54p_311",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1c54p_329",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_1c54p_332",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1c54p_339",
-  "content": "awsui_content_hyvsj_1c54p_365",
-  "layout": "awsui_layout_hyvsj_1c54p_390",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1c54p_462",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1c54p_477",
-  "content-type-table": "awsui_content-type-table_hyvsj_1c54p_491",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1c54p_491",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1c54p_497",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1c54p_500",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1c54p_514",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1c54p_517",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1c54p_527",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1c54p_530",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1c54p_530",
-  "has-header": "awsui_has-header_hyvsj_1c54p_530",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1c54p_545",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1c54p_545",
-  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_1c54p_565",
-  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_1c54p_568",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1c54p_588",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1c54p_588",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1c54p_596",
-  "unfocusable": "awsui_unfocusable_hyvsj_1c54p_601",
-  "container": "awsui_container_hyvsj_1c54p_611",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1c54p_637",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1c54p_640",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1c54p_640",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1c54p_640",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1c54p_640",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1c54p_653",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1c54p_670",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1c54p_674",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1c54p_678",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1c54p_682",
-  "navigation-container": "awsui_navigation-container_hyvsj_1c54p_691",
-  "show-navigation": "awsui_show-navigation_hyvsj_1c54p_729",
-  "animating": "awsui_animating_hyvsj_1c54p_752",
-  "showButtons": "awsui_showButtons_hyvsj_1c54p_1",
-  "navigation": "awsui_navigation_hyvsj_1c54p_691",
-  "openNavigation": "awsui_openNavigation_hyvsj_1c54p_1",
-  "animated-content": "awsui_animated-content_hyvsj_1c54p_816",
-  "content-container": "awsui_content-container_hyvsj_1c54p_819",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1c54p_828",
-  "notifications": "awsui_notifications_hyvsj_1c54p_838",
-  "has-notification-content": "awsui_has-notification-content_hyvsj_1c54p_843",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1c54p_847",
-  "high-contrast": "awsui_high-contrast_hyvsj_1c54p_852",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1c54p_870",
-  "position-bottom": "awsui_position-bottom_hyvsj_1c54p_917",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1c54p_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1c54p_946",
-  "position-side": "awsui_position-side_hyvsj_1c54p_959",
-  "tools-container": "awsui_tools-container_hyvsj_1c54p_981",
-  "tools": "awsui_tools_hyvsj_1c54p_981",
-  "openTools": "awsui_openTools_hyvsj_1c54p_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1c54p_1070",
-  "hide-tools": "awsui_hide-tools_hyvsj_1c54p_1080",
-  "show-tools": "awsui_show-tools_hyvsj_1c54p_1092",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1c54p_1070",
-  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_1c54p_1172",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1c54p_1188",
-  "trigger": "awsui_trigger_hyvsj_1c54p_1172",
-  "selected": "awsui_selected_hyvsj_1c54p_1240",
-  "badge": "awsui_badge_hyvsj_1c54p_1260",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1c54p_1264",
-  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_1c54p_1275",
-  "dot": "awsui_dot_hyvsj_1c54p_1279",
-  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_1c54p_1292"
+  "background": "awsui_background_hyvsj_1xiee_149",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_1xiee_152",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1xiee_163",
+  "drawers-container": "awsui_drawers-container_hyvsj_1xiee_176",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1xiee_187",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1xiee_208",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1xiee_213",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1xiee_251",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1xiee_261",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1xiee_266",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1xiee_280",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1xiee_266",
+  "drawer": "awsui_drawer_hyvsj_1xiee_176",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1xiee_311",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1xiee_320",
+  "drawer-content": "awsui_drawer-content_hyvsj_1xiee_311",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1xiee_329",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_1xiee_332",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1xiee_340",
+  "content": "awsui_content_hyvsj_1xiee_366",
+  "layout": "awsui_layout_hyvsj_1xiee_391",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1xiee_463",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1xiee_478",
+  "content-type-table": "awsui_content-type-table_hyvsj_1xiee_492",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_1xiee_492",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1xiee_498",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1xiee_501",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1xiee_515",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1xiee_518",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1xiee_528",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1xiee_531",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1xiee_531",
+  "has-header": "awsui_has-header_hyvsj_1xiee_531",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1xiee_546",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1xiee_546",
+  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_1xiee_566",
+  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_1xiee_569",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_1xiee_589",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1xiee_589",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1xiee_597",
+  "unfocusable": "awsui_unfocusable_hyvsj_1xiee_602",
+  "container": "awsui_container_hyvsj_1xiee_612",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1xiee_638",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_1xiee_641",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1xiee_641",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1xiee_641",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1xiee_641",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1xiee_654",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1xiee_671",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1xiee_675",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1xiee_679",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1xiee_683",
+  "navigation-container": "awsui_navigation-container_hyvsj_1xiee_692",
+  "show-navigation": "awsui_show-navigation_hyvsj_1xiee_730",
+  "animating": "awsui_animating_hyvsj_1xiee_753",
+  "showButtons": "awsui_showButtons_hyvsj_1xiee_1",
+  "navigation": "awsui_navigation_hyvsj_1xiee_692",
+  "openNavigation": "awsui_openNavigation_hyvsj_1xiee_1",
+  "animated-content": "awsui_animated-content_hyvsj_1xiee_817",
+  "content-container": "awsui_content-container_hyvsj_1xiee_820",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_1xiee_829",
+  "notifications": "awsui_notifications_hyvsj_1xiee_839",
+  "has-notification-content": "awsui_has-notification-content_hyvsj_1xiee_844",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1xiee_848",
+  "high-contrast": "awsui_high-contrast_hyvsj_1xiee_853",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1xiee_871",
+  "position-bottom": "awsui_position-bottom_hyvsj_1xiee_918",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1xiee_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_1xiee_947",
+  "position-side": "awsui_position-side_hyvsj_1xiee_960",
+  "tools-container": "awsui_tools-container_hyvsj_1xiee_982",
+  "tools": "awsui_tools_hyvsj_1xiee_982",
+  "openTools": "awsui_openTools_hyvsj_1xiee_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1xiee_1071",
+  "hide-tools": "awsui_hide-tools_hyvsj_1xiee_1081",
+  "show-tools": "awsui_show-tools_hyvsj_1xiee_1093",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_1xiee_1071",
+  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_1xiee_1173",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1xiee_1189",
+  "trigger": "awsui_trigger_hyvsj_1xiee_1173",
+  "selected": "awsui_selected_hyvsj_1xiee_1241",
+  "badge": "awsui_badge_hyvsj_1xiee_1261",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1xiee_1265",
+  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_1xiee_1276",
+  "dot": "awsui_dot_hyvsj_1xiee_1280",
+  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_1xiee_1293"
 };