@cloudscape-design/components 3.0.1365 → 3.0.1367

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

@@ -7,60 +7,60 @@
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 @media (min-width: 689px) {
-  .awsui_with-motion-vertical_b18tp_jvy31_10:not(#\9) {
-    transition: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
+  .awsui_with-motion-vertical_b18tp_vlkfs_10:not(#\9) {
+    transition: var(--motion-duration-refresh-only-medium-s8g1xv, 165ms);
     transition-property: border-color, opacity, block-size, inset-block-start, inset-block-end;
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  .awsui_with-motion-vertical_b18tp_jvy31_10:not(#\9) {
+  .awsui_with-motion-vertical_b18tp_vlkfs_10:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled .awsui_with-motion-vertical_b18tp_jvy31_10:not(#\9), .awsui-mode-entering .awsui_with-motion-vertical_b18tp_jvy31_10:not(#\9) {
+  .awsui-motion-disabled .awsui_with-motion-vertical_b18tp_vlkfs_10:not(#\9), .awsui-mode-entering .awsui_with-motion-vertical_b18tp_vlkfs_10:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_with-motion-horizontal_b18tp_jvy31_29:not(#\9) {
-    transition: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
+  .awsui_with-motion-horizontal_b18tp_vlkfs_29:not(#\9) {
+    transition: var(--motion-duration-refresh-only-medium-s8g1xv, 165ms);
     transition-property: border-color, opacity, inline-size, inset-inline-start;
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  .awsui_with-motion-horizontal_b18tp_jvy31_29:not(#\9) {
+  .awsui_with-motion-horizontal_b18tp_vlkfs_29:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled .awsui_with-motion-horizontal_b18tp_jvy31_29:not(#\9), .awsui-mode-entering .awsui_with-motion-horizontal_b18tp_jvy31_29:not(#\9) {
+  .awsui-motion-disabled .awsui_with-motion-horizontal_b18tp_vlkfs_29:not(#\9), .awsui-mode-entering .awsui_with-motion-horizontal_b18tp_vlkfs_29:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 
 /* stylelint-disable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */
-.awsui_resize-active_b18tp_jvy31_48 *:not(#\9) {
+.awsui_resize-active_b18tp_vlkfs_48 *:not(#\9) {
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_resize-active_b18tp_jvy31_48 * .awsui_with-motion-vertical_b18tp_jvy31_10:not(#\9),
-.awsui_resize-active_b18tp_jvy31_48 * .awsui_with-motion-horizontal_b18tp_jvy31_29:not(#\9) {
+.awsui_resize-active_b18tp_vlkfs_48 * .awsui_with-motion-vertical_b18tp_vlkfs_10:not(#\9),
+.awsui_resize-active_b18tp_vlkfs_48 * .awsui_with-motion-horizontal_b18tp_vlkfs_29:not(#\9) {
   transition: none;
   animation: none;
 }
-.awsui_resize-active_b18tp_jvy31_48 iframe:not(#\9) {
+.awsui_resize-active_b18tp_vlkfs_48 iframe:not(#\9) {
   pointer-events: none;
 }
-.awsui_resize-side_b18tp_jvy31_59 *:not(#\9) {
+.awsui_resize-side_b18tp_vlkfs_59 *:not(#\9) {
   cursor: ew-resize;
 }
-.awsui_resize-bottom_b18tp_jvy31_62 *:not(#\9) {
+.awsui_resize-bottom_b18tp_vlkfs_62 *:not(#\9) {
   cursor: ns-resize;
 }
 

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

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "with-motion-vertical": "awsui_with-motion-vertical_b18tp_jvy31_10",
-  "with-motion-horizontal": "awsui_with-motion-horizontal_b18tp_jvy31_29",
-  "resize-active": "awsui_resize-active_b18tp_jvy31_48",
-  "resize-side": "awsui_resize-side_b18tp_jvy31_59",
-  "resize-bottom": "awsui_resize-bottom_b18tp_jvy31_62"
+  "with-motion-vertical": "awsui_with-motion-vertical_b18tp_vlkfs_10",
+  "with-motion-horizontal": "awsui_with-motion-horizontal_b18tp_vlkfs_29",
+  "resize-active": "awsui_resize-active_b18tp_vlkfs_48",
+  "resize-side": "awsui_resize-side_b18tp_vlkfs_59",
+  "resize-bottom": "awsui_resize-bottom_b18tp_vlkfs_62"
 };
   

package/app-layout/styles.css.js

@@ -1,17 +1,17 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_lm6vo_7vsrc_13",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_7vsrc_20",
-  "layout": "awsui_layout_lm6vo_7vsrc_25",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_7vsrc_31",
-  "layout-main": "awsui_layout-main_lm6vo_7vsrc_35",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_7vsrc_41",
-  "unfocusable": "awsui_unfocusable_lm6vo_7vsrc_46",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_7vsrc_50",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_7vsrc_55",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_7vsrc_59",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_7vsrc_63",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_7vsrc_67"
+  "root": "awsui_root_lm6vo_1w37c_13",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1w37c_20",
+  "layout": "awsui_layout_lm6vo_1w37c_25",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1w37c_31",
+  "layout-main": "awsui_layout-main_lm6vo_1w37c_35",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1w37c_41",
+  "unfocusable": "awsui_unfocusable_lm6vo_1w37c_46",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1w37c_50",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1w37c_55",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_1w37c_59",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_1w37c_63",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1w37c_67"
 };
   

package/app-layout/styles.scoped.css

@@ -10,60 +10,60 @@ 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_7vsrc_13:not(#\9) {
+.awsui_root_lm6vo_1w37c_13:not(#\9) {
   display: flex;
   flex-direction: column;
   position: relative;
   color: var(--color-text-body-default-gtm97i, #0f141a);
 }
 
-.awsui_root-no-scroll_lm6vo_7vsrc_20:not(#\9) {
+.awsui_root-no-scroll_lm6vo_1w37c_20:not(#\9) {
   position: relative;
   z-index: 1;
 }
 
-.awsui_layout_lm6vo_7vsrc_25:not(#\9) {
+.awsui_layout_lm6vo_1w37c_25:not(#\9) {
   flex: 1 1 auto;
   display: flex;
   align-items: stretch;
   background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
 }
-.awsui_layout-no-scroll_lm6vo_7vsrc_31:not(#\9) {
+.awsui_layout-no-scroll_lm6vo_1w37c_31:not(#\9) {
   overflow: hidden;
 }
 
-.awsui_layout-main_lm6vo_7vsrc_35:not(#\9) {
+.awsui_layout-main_lm6vo_1w37c_35:not(#\9) {
   flex: 1;
   min-inline-size: 0;
   background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
   position: relative;
 }
-.awsui_layout-main-scrollable_lm6vo_7vsrc_41:not(#\9) {
+.awsui_layout-main-scrollable_lm6vo_1w37c_41:not(#\9) {
   overflow: auto;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable_lm6vo_7vsrc_46 *:not(#\9) {
+.awsui_unfocusable_lm6vo_1w37c_46 *:not(#\9) {
   visibility: hidden;
 }
 
-.awsui_breadcrumbs-desktop_lm6vo_7vsrc_50:not(#\9) {
-  padding-block-start: var(--space-scaled-m-m892r9, 16px);
-  padding-block-end: var(--space-scaled-s-8ozaad, 12px);
+.awsui_breadcrumbs-desktop_lm6vo_1w37c_50:not(#\9) {
+  padding-block-start: var(--space-scaled-m-lfeh3i, 16px);
+  padding-block-end: var(--space-scaled-s-2crg2b, 12px);
 }
 
-.awsui_content-header-wrapper_lm6vo_7vsrc_55:not(#\9) {
-  padding-block-end: var(--space-content-header-padding-bottom-rvy5xz, 16px);
+.awsui_content-header-wrapper_lm6vo_1w37c_55:not(#\9) {
+  padding-block-end: var(--space-content-header-padding-bottom-yv2yex, 16px);
 }
 
-.awsui_content-wrapper_lm6vo_7vsrc_59:not(#\9) {
-  padding-block-end: var(--space-layout-content-bottom-zeb1g9, 40px);
+.awsui_content-wrapper_lm6vo_1w37c_59:not(#\9) {
+  padding-block-end: var(--space-layout-content-bottom-adv8e9, 40px);
 }
 
-.awsui_content-overlapped_lm6vo_7vsrc_63:not(#\9) {
-  margin-block-start: calc(-1 * var(--space-dark-header-overlap-distance-ld45ap, 36px));
+.awsui_content-overlapped_lm6vo_1w37c_63:not(#\9) {
+  margin-block-start: calc(-1 * var(--space-dark-header-overlap-distance-16rv3i, 36px));
 }
 
-.awsui_content-extra-top-padding_lm6vo_7vsrc_67:not(#\9) {
-  padding-block-start: var(--space-scaled-m-m892r9, 16px);
+.awsui_content-extra-top-padding_lm6vo_1w37c_67:not(#\9) {
+  padding-block-start: var(--space-scaled-m-lfeh3i, 16px);
 }

package/app-layout/styles.selectors.js

@@ -2,17 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_lm6vo_7vsrc_13",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_7vsrc_20",
-  "layout": "awsui_layout_lm6vo_7vsrc_25",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_7vsrc_31",
-  "layout-main": "awsui_layout-main_lm6vo_7vsrc_35",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_7vsrc_41",
-  "unfocusable": "awsui_unfocusable_lm6vo_7vsrc_46",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_7vsrc_50",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_7vsrc_55",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_7vsrc_59",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_7vsrc_63",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_7vsrc_67"
+  "root": "awsui_root_lm6vo_1w37c_13",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1w37c_20",
+  "layout": "awsui_layout_lm6vo_1w37c_25",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1w37c_31",
+  "layout-main": "awsui_layout-main_lm6vo_1w37c_35",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1w37c_41",
+  "unfocusable": "awsui_unfocusable_lm6vo_1w37c_46",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1w37c_50",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1w37c_55",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_1w37c_59",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_1w37c_63",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1w37c_67"
 };
   

package/app-layout/toggles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/toggles/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAKpD,eAAO,MAAM,aAAa;;;;sCAIF,cAAc,CAAC,MAAM;;;;;;;;;sCASrB,cAAc,CAAC,MAAM;;;;;;CAMnC,CAAC;AAEX,eAAO,MAAM,YAAY;aAcK,IAAI;GAqBjC,CAAC;AAEF,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,0FAgBvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/toggles/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAKpD,eAAO,MAAM,aAAa;;;;sCAIF,cAAc,CAAC,MAAM;;;;;;;;;sCASrB,cAAc,CAAC,MAAM;;;;;;CAMnC,CAAC;AAEX,eAAO,MAAM,YAAY;aAcK,IAAI;GAuBjC,CAAC;AAEF,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,0FAgBvB,CAAC"}

package/app-layout/toggles/index.js

@@ -29,7 +29,7 @@ export const togglesConfig = {
 export const ToggleButton = React.forwardRef(({ className, ariaLabel, ariaExpanded, ariaControls, iconName, iconSvg, disabled, testId, onClick, badge, }, ref) => {
     return (React.createElement("button", { ref: ref, className: clsx(className, styles['toggle-button'], {
             [testutilStyles['drawers-trigger-with-badge']]: badge,
-        }), "aria-label": ariaLabel, type: "button", onClick: onClick, disabled: disabled, "aria-expanded": ariaExpanded, "aria-haspopup": ariaExpanded ? undefined : true, "aria-controls": ariaControls, "data-testid": testId },
+        }), "aria-label": ariaLabel, type: "button", onClick: onClick, disabled: disabled, "aria-expanded": ariaExpanded, "aria-haspopup": ariaExpanded ? undefined : true, "aria-controls": ariaControls, "data-testid": testId, "data-awsui-motion-trigger": "hover", "data-awsui-motion-target": "" },
         React.createElement(InternalIcon, { svg: iconSvg, name: iconName, badge: badge })));
 });
 export const CloseButton = React.forwardRef(({ className, ariaLabel, onClick }, ref) => {

package/app-layout/toggles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/app-layout/toggles/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAI/C,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,UAAU,EAAE;QACV,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,CAAC,SAAgC,EAAE,EAAE,EAAE,CAAC,CAAC;YAClD,SAAS,EAAE,MAAM,CAAC,UAAU;YAC5B,SAAS,EAAE,MAAM,CAAC,gBAAgB;YAClC,UAAU,EAAE,MAAM,CAAC,eAAe;SACnC,CAAC;KACH;IACD,KAAK,EAAE;QACL,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,aAAa;QACvB,SAAS,EAAE,CAAC,SAAgC,EAAE,EAAE,EAAE,CAAC,CAAC;YAClD,SAAS,EAAE,MAAM,CAAC,KAAK;YACvB,SAAS,EAAE,MAAM,CAAC,WAAW;YAC7B,UAAU,EAAE,MAAM,CAAC,UAAU;SAC9B,CAAC;KACH;CACO,CAAC;AAEX,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,SAAS,EACT,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,GACgB,EACvB,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,gCACE,GAAG,EAAE,GAAmC,EACxC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE;YAClD,CAAC,cAAc,CAAC,4BAA4B,CAAC,CAAC,EAAE,KAAK;SACtD,CAAC,gBACU,SAAS,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,mBACH,YAAY,mBACZ,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,mBAC/B,YAAY,iBACd,MAAM;QAEnB,oBAAC,YAAY,IAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CACrD,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAQF,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAoB,EAAE,GAA+B,EAAE,EAAE;IACvF,OAAO,CACL,8BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;QACrC,oBAAC,cAAc,IACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,CACG,CACR,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { ButtonProps } from '../../button/interfaces';\nimport { InternalButton } from '../../button/internal';\nimport InternalIcon from '../../icon/internal';\nimport { AppLayoutProps } from '../interfaces';\nimport { AppLayoutButtonProps } from './interfaces';\n\nimport testutilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport const togglesConfig = {\n  navigation: {\n    TagName: 'nav',\n    iconName: 'menu',\n    getLabels: (labels: AppLayoutProps.Labels = {}) => ({\n      mainLabel: labels.navigation,\n      openLabel: labels.navigationToggle,\n      closeLabel: labels.navigationClose,\n    }),\n  },\n  tools: {\n    TagName: 'aside',\n    iconName: 'status-info',\n    getLabels: (labels: AppLayoutProps.Labels = {}) => ({\n      mainLabel: labels.tools,\n      openLabel: labels.toolsToggle,\n      closeLabel: labels.toolsClose,\n    }),\n  },\n} as const;\n\nexport const ToggleButton = React.forwardRef(\n  (\n    {\n      className,\n      ariaLabel,\n      ariaExpanded,\n      ariaControls,\n      iconName,\n      iconSvg,\n      disabled,\n      testId,\n      onClick,\n      badge,\n    }: AppLayoutButtonProps,\n    ref: React.Ref<{ focus(): void }>\n  ) => {\n    return (\n      <button\n        ref={ref as React.Ref<HTMLButtonElement>}\n        className={clsx(className, styles['toggle-button'], {\n          [testutilStyles['drawers-trigger-with-badge']]: badge,\n        })}\n        aria-label={ariaLabel}\n        type=\"button\"\n        onClick={onClick}\n        disabled={disabled}\n        aria-expanded={ariaExpanded}\n        aria-haspopup={ariaExpanded ? undefined : true}\n        aria-controls={ariaControls}\n        data-testid={testId}\n      >\n        <InternalIcon svg={iconSvg} name={iconName} badge={badge} />\n      </button>\n    );\n  }\n);\n\ninterface CloseButtonProps {\n  className?: string;\n  ariaLabel: string | undefined;\n  onClick: () => void;\n}\n\nexport const CloseButton = React.forwardRef(\n  ({ className, ariaLabel, onClick }: CloseButtonProps, ref: React.Ref<ButtonProps.Ref>) => {\n    return (\n      <span className={styles['close-button']}>\n        <InternalButton\n          ref={ref}\n          className={className}\n          ariaLabel={ariaLabel}\n          variant=\"icon\"\n          formAction=\"none\"\n          iconName=\"close\"\n          onClick={onClick}\n        />\n      </span>\n    );\n  }\n);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/app-layout/toggles/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAI/C,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,UAAU,EAAE;QACV,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,CAAC,SAAgC,EAAE,EAAE,EAAE,CAAC,CAAC;YAClD,SAAS,EAAE,MAAM,CAAC,UAAU;YAC5B,SAAS,EAAE,MAAM,CAAC,gBAAgB;YAClC,UAAU,EAAE,MAAM,CAAC,eAAe;SACnC,CAAC;KACH;IACD,KAAK,EAAE;QACL,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,aAAa;QACvB,SAAS,EAAE,CAAC,SAAgC,EAAE,EAAE,EAAE,CAAC,CAAC;YAClD,SAAS,EAAE,MAAM,CAAC,KAAK;YACvB,SAAS,EAAE,MAAM,CAAC,WAAW;YAC7B,UAAU,EAAE,MAAM,CAAC,UAAU;SAC9B,CAAC;KACH;CACO,CAAC;AAEX,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,SAAS,EACT,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,GACgB,EACvB,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,gCACE,GAAG,EAAE,GAAmC,EACxC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE;YAClD,CAAC,cAAc,CAAC,4BAA4B,CAAC,CAAC,EAAE,KAAK;SACtD,CAAC,gBACU,SAAS,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,mBACH,YAAY,mBACZ,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,mBAC/B,YAAY,iBACd,MAAM,+BACO,OAAO,8BACR,EAAE;QAE3B,oBAAC,YAAY,IAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CACrD,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAQF,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAoB,EAAE,GAA+B,EAAE,EAAE;IACvF,OAAO,CACL,8BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;QACrC,oBAAC,cAAc,IACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,CACG,CACR,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { ButtonProps } from '../../button/interfaces';\nimport { InternalButton } from '../../button/internal';\nimport InternalIcon from '../../icon/internal';\nimport { AppLayoutProps } from '../interfaces';\nimport { AppLayoutButtonProps } from './interfaces';\n\nimport testutilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport const togglesConfig = {\n  navigation: {\n    TagName: 'nav',\n    iconName: 'menu',\n    getLabels: (labels: AppLayoutProps.Labels = {}) => ({\n      mainLabel: labels.navigation,\n      openLabel: labels.navigationToggle,\n      closeLabel: labels.navigationClose,\n    }),\n  },\n  tools: {\n    TagName: 'aside',\n    iconName: 'status-info',\n    getLabels: (labels: AppLayoutProps.Labels = {}) => ({\n      mainLabel: labels.tools,\n      openLabel: labels.toolsToggle,\n      closeLabel: labels.toolsClose,\n    }),\n  },\n} as const;\n\nexport const ToggleButton = React.forwardRef(\n  (\n    {\n      className,\n      ariaLabel,\n      ariaExpanded,\n      ariaControls,\n      iconName,\n      iconSvg,\n      disabled,\n      testId,\n      onClick,\n      badge,\n    }: AppLayoutButtonProps,\n    ref: React.Ref<{ focus(): void }>\n  ) => {\n    return (\n      <button\n        ref={ref as React.Ref<HTMLButtonElement>}\n        className={clsx(className, styles['toggle-button'], {\n          [testutilStyles['drawers-trigger-with-badge']]: badge,\n        })}\n        aria-label={ariaLabel}\n        type=\"button\"\n        onClick={onClick}\n        disabled={disabled}\n        aria-expanded={ariaExpanded}\n        aria-haspopup={ariaExpanded ? undefined : true}\n        aria-controls={ariaControls}\n        data-testid={testId}\n        data-awsui-motion-trigger=\"hover\"\n        data-awsui-motion-target=\"\"\n      >\n        <InternalIcon svg={iconSvg} name={iconName} badge={badge} />\n      </button>\n    );\n  }\n);\n\ninterface CloseButtonProps {\n  className?: string;\n  ariaLabel: string | undefined;\n  onClick: () => void;\n}\n\nexport const CloseButton = React.forwardRef(\n  ({ className, ariaLabel, onClick }: CloseButtonProps, ref: React.Ref<ButtonProps.Ref>) => {\n    return (\n      <span className={styles['close-button']}>\n        <InternalButton\n          ref={ref}\n          className={className}\n          ariaLabel={ariaLabel}\n          variant=\"icon\"\n          formAction=\"none\"\n          iconName=\"close\"\n          onClick={onClick}\n        />\n      </span>\n    );\n  }\n);\n"]}

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

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "toggle-button": "awsui_toggle-button_16w0h_q8e1k_9",
-  "close-button": "awsui_close-button_16w0h_q8e1k_44"
+  "toggle-button": "awsui_toggle-button_16w0h_s48nv_9",
+  "close-button": "awsui_close-button_16w0h_s48nv_44"
 };
   

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

@@ -6,34 +6,34 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_toggle-button_16w0h_q8e1k_9:not(#\9) {
+.awsui_toggle-button_16w0h_s48nv_9:not(#\9) {
   cursor: pointer;
   border-block: 0;
   border-inline: 0;
-  padding-block: calc(var(--space-scaled-xxs-pfm1nx, 4px) + 1px);
-  padding-inline: calc(var(--space-xxs-hwfkai, 4px) + 1px);
+  padding-block: calc(var(--space-scaled-xxs-j00t0m, 4px) + 1px);
+  padding-inline: calc(var(--space-xxs-3o1yoq, 4px) + 1px);
   background: transparent;
   color: currentColor;
 }
-.awsui_toggle-button_16w0h_q8e1k_9:not(#\9):focus {
+.awsui_toggle-button_16w0h_s48nv_9:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_q8e1k_9:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_s48nv_9:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_q8e1k_9:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_s48nv_9:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-button-inline-icon-focus-outline-gutter-zbfgku, 0px) - 1px);
+  outline-offset: calc(var(--space-button-inline-icon-focus-outline-gutter-rit6yp, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_q8e1k_9:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_s48nv_9:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-zbfgku, 0px));
-  inset-block-start: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-zbfgku, 0px));
-  inline-size: calc(100% + var(--space-button-inline-icon-focus-outline-gutter-zbfgku, 0px) + var(--space-button-inline-icon-focus-outline-gutter-zbfgku, 0px));
-  block-size: calc(100% + var(--space-button-inline-icon-focus-outline-gutter-zbfgku, 0px) + var(--space-button-inline-icon-focus-outline-gutter-zbfgku, 0px));
+  inset-inline-start: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-rit6yp, 0px));
+  inset-block-start: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-rit6yp, 0px));
+  inline-size: calc(100% + var(--space-button-inline-icon-focus-outline-gutter-rit6yp, 0px) + var(--space-button-inline-icon-focus-outline-gutter-rit6yp, 0px));
+  block-size: calc(100% + var(--space-button-inline-icon-focus-outline-gutter-rit6yp, 0px) + var(--space-button-inline-icon-focus-outline-gutter-rit6yp, 0px));
   border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
@@ -41,10 +41,10 @@ body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_q8e1k_9:not(#\9):
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
 }
 
-.awsui_close-button_16w0h_q8e1k_44:not(#\9) {
+.awsui_close-button_16w0h_s48nv_44:not(#\9) {
   position: absolute;
   outline: none;
-  inset-inline-end: var(--space-m-dsumyt, 16px);
-  inset-block-start: var(--size-vertical-panel-icon-offset-z959cw, 15px);
+  inset-inline-end: var(--space-m-n8iq8o, 16px);
+  inset-block-start: var(--size-vertical-panel-icon-offset-4593ko, 15px);
   z-index: 1;
 }

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

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "toggle-button": "awsui_toggle-button_16w0h_q8e1k_9",
-  "close-button": "awsui_close-button_16w0h_q8e1k_44"
+  "toggle-button": "awsui_toggle-button_16w0h_s48nv_9",
+  "close-button": "awsui_close-button_16w0h_s48nv_44"
 };
   

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

@@ -1,91 +1,91 @@
 
     import './styles.scoped.css';
     export default {
-  "background": "awsui_background_hyvsj_1oesa_9",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_1oesa_12",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1oesa_19",
-  "drawers-container": "awsui_drawers-container_hyvsj_1oesa_24",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1oesa_35",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1oesa_56",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1oesa_61",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1oesa_99",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1oesa_109",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1oesa_114",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1oesa_128",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1oesa_114",
-  "drawer": "awsui_drawer_hyvsj_1oesa_24",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1oesa_159",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1oesa_168",
-  "drawer-content": "awsui_drawer-content_hyvsj_1oesa_159",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1oesa_177",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_1oesa_180",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1oesa_188",
-  "content": "awsui_content_hyvsj_1oesa_210",
-  "layout": "awsui_layout_hyvsj_1oesa_227",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1oesa_299",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1oesa_314",
-  "content-type-table": "awsui_content-type-table_hyvsj_1oesa_328",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1oesa_328",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1oesa_334",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1oesa_337",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1oesa_351",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1oesa_354",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1oesa_364",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1oesa_367",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1oesa_367",
-  "has-header": "awsui_has-header_hyvsj_1oesa_367",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1oesa_382",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1oesa_382",
-  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_1oesa_402",
-  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_1oesa_405",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1oesa_425",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1oesa_425",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1oesa_433",
-  "unfocusable": "awsui_unfocusable_hyvsj_1oesa_438",
-  "container": "awsui_container_hyvsj_1oesa_444",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1oesa_470",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1oesa_473",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1oesa_473",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1oesa_473",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1oesa_473",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1oesa_478",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1oesa_495",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1oesa_499",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1oesa_503",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1oesa_507",
-  "navigation-container": "awsui_navigation-container_hyvsj_1oesa_512",
-  "show-navigation": "awsui_show-navigation_hyvsj_1oesa_550",
-  "animating": "awsui_animating_hyvsj_1oesa_573",
-  "showButtons": "awsui_showButtons_hyvsj_1oesa_1",
-  "navigation": "awsui_navigation_hyvsj_1oesa_512",
-  "openNavigation": "awsui_openNavigation_hyvsj_1oesa_1",
-  "animated-content": "awsui_animated-content_hyvsj_1oesa_637",
-  "content-container": "awsui_content-container_hyvsj_1oesa_640",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1oesa_649",
-  "notifications": "awsui_notifications_hyvsj_1oesa_655",
-  "has-notification-content": "awsui_has-notification-content_hyvsj_1oesa_660",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1oesa_664",
-  "high-contrast": "awsui_high-contrast_hyvsj_1oesa_669",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1oesa_683",
-  "position-bottom": "awsui_position-bottom_hyvsj_1oesa_730",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1oesa_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1oesa_759",
-  "position-side": "awsui_position-side_hyvsj_1oesa_772",
-  "tools-container": "awsui_tools-container_hyvsj_1oesa_790",
-  "tools": "awsui_tools_hyvsj_1oesa_790",
-  "openTools": "awsui_openTools_hyvsj_1oesa_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1oesa_879",
-  "hide-tools": "awsui_hide-tools_hyvsj_1oesa_889",
-  "show-tools": "awsui_show-tools_hyvsj_1oesa_901",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1oesa_879",
-  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_1oesa_977",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1oesa_993",
-  "trigger": "awsui_trigger_hyvsj_1oesa_977",
-  "selected": "awsui_selected_hyvsj_1oesa_1045",
-  "badge": "awsui_badge_hyvsj_1oesa_1065",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1oesa_1069",
-  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_1oesa_1080",
-  "dot": "awsui_dot_hyvsj_1oesa_1084",
-  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_1oesa_1097"
+  "background": "awsui_background_hyvsj_vhpj7_9",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_vhpj7_12",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_vhpj7_19",
+  "drawers-container": "awsui_drawers-container_hyvsj_vhpj7_24",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_vhpj7_35",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_vhpj7_56",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_vhpj7_61",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_vhpj7_99",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_vhpj7_109",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_vhpj7_114",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_vhpj7_128",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_vhpj7_114",
+  "drawer": "awsui_drawer_hyvsj_vhpj7_24",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_vhpj7_159",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_vhpj7_168",
+  "drawer-content": "awsui_drawer-content_hyvsj_vhpj7_159",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_vhpj7_177",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_vhpj7_180",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_vhpj7_188",
+  "content": "awsui_content_hyvsj_vhpj7_210",
+  "layout": "awsui_layout_hyvsj_vhpj7_227",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_vhpj7_299",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_vhpj7_314",
+  "content-type-table": "awsui_content-type-table_hyvsj_vhpj7_328",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_vhpj7_328",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_vhpj7_334",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_vhpj7_337",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_vhpj7_351",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_vhpj7_354",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_vhpj7_364",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_vhpj7_367",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_vhpj7_367",
+  "has-header": "awsui_has-header_hyvsj_vhpj7_367",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_vhpj7_382",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_vhpj7_382",
+  "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_vhpj7_402",
+  "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_vhpj7_405",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_vhpj7_425",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_vhpj7_425",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_vhpj7_433",
+  "unfocusable": "awsui_unfocusable_hyvsj_vhpj7_438",
+  "container": "awsui_container_hyvsj_vhpj7_444",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_vhpj7_470",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_vhpj7_473",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_vhpj7_473",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_vhpj7_473",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_vhpj7_473",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_vhpj7_478",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_vhpj7_495",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_vhpj7_499",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_vhpj7_503",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_vhpj7_507",
+  "navigation-container": "awsui_navigation-container_hyvsj_vhpj7_512",
+  "show-navigation": "awsui_show-navigation_hyvsj_vhpj7_550",
+  "animating": "awsui_animating_hyvsj_vhpj7_573",
+  "showButtons": "awsui_showButtons_hyvsj_vhpj7_1",
+  "navigation": "awsui_navigation_hyvsj_vhpj7_512",
+  "openNavigation": "awsui_openNavigation_hyvsj_vhpj7_1",
+  "animated-content": "awsui_animated-content_hyvsj_vhpj7_637",
+  "content-container": "awsui_content-container_hyvsj_vhpj7_640",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_vhpj7_649",
+  "notifications": "awsui_notifications_hyvsj_vhpj7_655",
+  "has-notification-content": "awsui_has-notification-content_hyvsj_vhpj7_660",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_vhpj7_664",
+  "high-contrast": "awsui_high-contrast_hyvsj_vhpj7_669",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_vhpj7_683",
+  "position-bottom": "awsui_position-bottom_hyvsj_vhpj7_730",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_vhpj7_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_vhpj7_759",
+  "position-side": "awsui_position-side_hyvsj_vhpj7_772",
+  "tools-container": "awsui_tools-container_hyvsj_vhpj7_790",
+  "tools": "awsui_tools_hyvsj_vhpj7_790",
+  "openTools": "awsui_openTools_hyvsj_vhpj7_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_vhpj7_879",
+  "hide-tools": "awsui_hide-tools_hyvsj_vhpj7_889",
+  "show-tools": "awsui_show-tools_hyvsj_vhpj7_901",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_vhpj7_879",
+  "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_vhpj7_977",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_vhpj7_993",
+  "trigger": "awsui_trigger_hyvsj_vhpj7_977",
+  "selected": "awsui_selected_hyvsj_vhpj7_1045",
+  "badge": "awsui_badge_hyvsj_vhpj7_1065",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_vhpj7_1069",
+  "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_vhpj7_1080",
+  "dot": "awsui_dot_hyvsj_vhpj7_1084",
+  "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_vhpj7_1097"
 };