@cloudscape-design/components 3.0.460 → 3.0.461

package/annotation-context/annotation/styles.scoped.css

@@ -90,57 +90,51 @@ 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_arrow_1hpp3_1an2p_93:not(#\9) {
-  inline-size: 20px;
-  block-size: 10px;
+.awsui_arrow_1hpp3_dt47r_93:not(#\9) {
+  width: 20px;
+  height: 10px;
 }
-.awsui_arrow-outer_1hpp3_1an2p_97:not(#\9), .awsui_arrow-inner_1hpp3_1an2p_97:not(#\9) {
+.awsui_arrow-outer_1hpp3_dt47r_97:not(#\9), .awsui_arrow-inner_1hpp3_dt47r_97:not(#\9) {
   position: absolute;
   overflow: hidden;
-  inline-size: 20px;
-  block-size: 10px;
-  inset-block-start: 0;
-  inset-inline-start: 0;
+  width: 20px;
+  height: 10px;
+  top: 0;
+  left: 0;
 }
-.awsui_arrow-outer_1hpp3_1an2p_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1an2p_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_dt47r_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_dt47r_97:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
   position: absolute;
-  border-start-start-radius: 2px;
-  border-start-end-radius: 0;
-  border-end-start-radius: 0;
-  border-end-end-radius: 0;
-  inset-block-end: 0;
-  inset-inline-start: 0;
-  inline-size: 14px;
-  block-size: 14px;
+  border-radius: 2px 0 0 0;
+  bottom: 0;
+  left: 0;
+  width: 14px;
+  height: 14px;
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_1an2p_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_dt47r_97:not(#\9)::after {
   background-color: var(--color-border-status-info-8upc6f, #0972d3);
 }
-.awsui_arrow-inner_1hpp3_1an2p_97:not(#\9) {
-  inset-block-start: 2px;
+.awsui_arrow-inner_1hpp3_dt47r_97:not(#\9) {
+  top: 2px;
 }
-.awsui_arrow-inner_1hpp3_1an2p_97:not(#\9)::after {
-  border-start-start-radius: 1px;
-  border-start-end-radius: 0;
-  border-end-start-radius: 0;
-  border-end-end-radius: 0;
+.awsui_arrow-inner_1hpp3_dt47r_97:not(#\9)::after {
+  border-radius: 1px 0 0 0;
   background-color: var(--color-background-status-info-mvnbre, #f2f8fd);
 }
-.awsui_arrow-position-right-top_1hpp3_1an2p_134 > .awsui_arrow-outer_1hpp3_1an2p_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1an2p_134 > .awsui_arrow-outer_1hpp3_1an2p_97:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_dt47r_128 > .awsui_arrow-outer_1hpp3_dt47r_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_dt47r_128 > .awsui_arrow-outer_1hpp3_dt47r_97:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-left-top_1hpp3_1an2p_137 > .awsui_arrow-outer_1hpp3_1an2p_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1an2p_137 > .awsui_arrow-outer_1hpp3_1an2p_97:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_dt47r_131 > .awsui_arrow-outer_1hpp3_dt47r_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_dt47r_131 > .awsui_arrow-outer_1hpp3_dt47r_97:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-top-center_1hpp3_1an2p_140 > .awsui_arrow-outer_1hpp3_1an2p_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1an2p_140 > .awsui_arrow-outer_1hpp3_1an2p_97:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_dt47r_134 > .awsui_arrow-outer_1hpp3_dt47r_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_dt47r_134 > .awsui_arrow-outer_1hpp3_dt47r_97:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-bottom-center_1hpp3_1an2p_143 > .awsui_arrow-outer_1hpp3_1an2p_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1an2p_143 > .awsui_arrow-outer_1hpp3_1an2p_97:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_dt47r_137 > .awsui_arrow-outer_1hpp3_dt47r_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_dt47r_137 > .awsui_arrow-outer_1hpp3_dt47r_97:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
 }
 
@@ -148,37 +142,37 @@ 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_annotation_1hpp3_1an2p_151:not(#\9),
-.awsui_next-button_1hpp3_1an2p_152:not(#\9),
-.awsui_previous-button_1hpp3_1an2p_153:not(#\9),
-.awsui_finish-button_1hpp3_1an2p_154:not(#\9),
-.awsui_header_1hpp3_1an2p_155:not(#\9),
-.awsui_step-counter-content_1hpp3_1an2p_156:not(#\9),
-.awsui_content_1hpp3_1an2p_157:not(#\9) {
+.awsui_annotation_1hpp3_dt47r_145:not(#\9),
+.awsui_next-button_1hpp3_dt47r_146:not(#\9),
+.awsui_previous-button_1hpp3_dt47r_147:not(#\9),
+.awsui_finish-button_1hpp3_dt47r_148:not(#\9),
+.awsui_header_1hpp3_dt47r_149:not(#\9),
+.awsui_step-counter-content_1hpp3_dt47r_150:not(#\9),
+.awsui_content_1hpp3_dt47r_151:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_1an2p_161:not(#\9) {
+.awsui_description_1hpp3_dt47r_155:not(#\9) {
   overflow: hidden;
-  margin-block-start: var(--space-xxs-p8yyaw, 4px);
+  margin-top: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_actionBar_1hpp3_1an2p_166:not(#\9) {
+.awsui_actionBar_1hpp3_dt47r_160:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_1an2p_173:not(#\9) {
-  margin-inline-end: 20px;
+.awsui_stepCounter_1hpp3_dt47r_167:not(#\9) {
+  margin-right: 20px;
 }
 
-.awsui_divider_1hpp3_1an2p_177:not(#\9) {
-  border-block-end: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
+.awsui_divider_1hpp3_dt47r_171:not(#\9) {
+  border-bottom: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
 }
 
-.awsui_hotspot_1hpp3_1an2p_181:not(#\9) {
+.awsui_hotspot_1hpp3_dt47r_175:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -217,24 +211,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   background: transparent;
   border: none;
-  padding-block: 0;
-  padding-inline: 0;
+  padding: 0;
   cursor: pointer;
   scroll-margin: var(--awsui-content-scroll-margin-y98gph, 40px 0 0 0);
-  inline-size: 16px;
-  block-size: 16px;
+  width: 16px;
+  height: 16px;
 }
-.awsui_hotspot_1hpp3_1an2p_181:not(#\9):focus {
+.awsui_hotspot_1hpp3_dt47r_175:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1an2p_181:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_dt47r_175:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1an2p_181:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_dt47r_175:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1an2p_181:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_dt47r_175:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -245,13 +238,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1an2p_181:not(#\9):focu
   border-radius: var(--border-radius-control-circular-focus-ring-w07mub, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_hotspot_1hpp3_1an2p_181 > .awsui_icon_1hpp3_1an2p_222:not(#\9) {
+.awsui_hotspot_1hpp3_dt47r_175 > .awsui_icon_1hpp3_dt47r_215:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-latg1a, #0972d3);
 }
-.awsui_hotspot_1hpp3_1an2p_181:not(#\9):hover > .awsui_icon_1hpp3_1an2p_222 {
+.awsui_hotspot_1hpp3_dt47r_175:not(#\9):hover > .awsui_icon_1hpp3_dt47r_215 {
   stroke: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_hotspot_1hpp3_1an2p_181:not(#\9):active > .awsui_icon_1hpp3_1an2p_222 {
+.awsui_hotspot_1hpp3_dt47r_175:not(#\9):active > .awsui_icon_1hpp3_dt47r_215 {
   stroke: var(--color-text-link-default-latg1a, #0972d3);
 }

package/annotation-context/annotation/styles.selectors.js

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_1an2p_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1an2p_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1an2p_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1an2p_134",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1an2p_134",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1an2p_137",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1an2p_137",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1an2p_140",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1an2p_140",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1an2p_143",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1an2p_143",
-  "annotation": "awsui_annotation_1hpp3_1an2p_151",
-  "next-button": "awsui_next-button_1hpp3_1an2p_152",
-  "previous-button": "awsui_previous-button_1hpp3_1an2p_153",
-  "finish-button": "awsui_finish-button_1hpp3_1an2p_154",
-  "header": "awsui_header_1hpp3_1an2p_155",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1an2p_156",
-  "content": "awsui_content_1hpp3_1an2p_157",
-  "description": "awsui_description_1hpp3_1an2p_161",
-  "actionBar": "awsui_actionBar_1hpp3_1an2p_166",
-  "stepCounter": "awsui_stepCounter_1hpp3_1an2p_173",
-  "divider": "awsui_divider_1hpp3_1an2p_177",
-  "hotspot": "awsui_hotspot_1hpp3_1an2p_181",
-  "icon": "awsui_icon_1hpp3_1an2p_222"
+  "arrow": "awsui_arrow_1hpp3_dt47r_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_dt47r_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_dt47r_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_dt47r_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_dt47r_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_dt47r_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_dt47r_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_dt47r_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_dt47r_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_dt47r_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_dt47r_137",
+  "annotation": "awsui_annotation_1hpp3_dt47r_145",
+  "next-button": "awsui_next-button_1hpp3_dt47r_146",
+  "previous-button": "awsui_previous-button_1hpp3_dt47r_147",
+  "finish-button": "awsui_finish-button_1hpp3_dt47r_148",
+  "header": "awsui_header_1hpp3_dt47r_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_dt47r_150",
+  "content": "awsui_content_1hpp3_dt47r_151",
+  "description": "awsui_description_1hpp3_dt47r_155",
+  "actionBar": "awsui_actionBar_1hpp3_dt47r_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_dt47r_167",
+  "divider": "awsui_divider_1hpp3_dt47r_171",
+  "hotspot": "awsui_hotspot_1hpp3_dt47r_175",
+  "icon": "awsui_icon_1hpp3_dt47r_215"
 };
   

package/app-layout/content-wrapper/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "content-wrapper": "awsui_content-wrapper_zycdx_1ob2n_97",
-  "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_1ob2n_101",
-  "content-type-dashboard": "awsui_content-type-dashboard_zycdx_1ob2n_106"
+  "content-wrapper": "awsui_content-wrapper_zycdx_j70ki_97",
+  "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_j70ki_101",
+  "content-type-dashboard": "awsui_content-type-dashboard_zycdx_j70ki_106"
 };
   

package/app-layout/content-wrapper/styles.scoped.css

@@ -94,31 +94,31 @@ 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_content-wrapper_zycdx_1ob2n_97:not(#\9) {
-  padding-inline-start: var(--space-layout-content-horizontal-7l52k3, 24px);
-  padding-inline-end: var(--space-layout-content-horizontal-7l52k3, 24px);
+.awsui_content-wrapper_zycdx_j70ki_97:not(#\9) {
+  padding-left: var(--space-layout-content-horizontal-7l52k3, 24px);
+  padding-right: var(--space-layout-content-horizontal-7l52k3, 24px);
 }
-.awsui_content-wrapper-mobile_zycdx_1ob2n_101:not(#\9) {
-  padding-inline-start: var(--space-l-t419sm, 20px);
-  padding-inline-end: var(--space-l-t419sm, 20px);
+.awsui_content-wrapper-mobile_zycdx_j70ki_101:not(#\9) {
+  padding-left: var(--space-l-t419sm, 20px);
+  padding-right: var(--space-l-t419sm, 20px);
 }
 
-.awsui_content-type-dashboard_zycdx_1ob2n_106:not(#\9) {
-  margin-inline-start: auto;
-  margin-inline-end: auto;
+.awsui_content-type-dashboard_zycdx_j70ki_106:not(#\9) {
+  margin-left: auto;
+  margin-right: auto;
 }
 @media (min-width: 1401px) {
-  .awsui_content-type-dashboard_zycdx_1ob2n_106:not(#\9) {
-    max-inline-size: 1280px;
+  .awsui_content-type-dashboard_zycdx_j70ki_106:not(#\9) {
+    max-width: 1280px;
   }
 }
 @media (min-width: 1921px) {
-  .awsui_content-type-dashboard_zycdx_1ob2n_106:not(#\9) {
-    max-inline-size: 1620px;
+  .awsui_content-type-dashboard_zycdx_j70ki_106:not(#\9) {
+    max-width: 1620px;
   }
 }
 @media (min-width: 2541px) {
-  .awsui_content-type-dashboard_zycdx_1ob2n_106:not(#\9) {
-    max-inline-size: 2160px;
+  .awsui_content-type-dashboard_zycdx_j70ki_106:not(#\9) {
+    max-width: 2160px;
   }
 }

package/app-layout/content-wrapper/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-wrapper": "awsui_content-wrapper_zycdx_1ob2n_97",
-  "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_1ob2n_101",
-  "content-type-dashboard": "awsui_content-type-dashboard_zycdx_1ob2n_106"
+  "content-wrapper": "awsui_content-wrapper_zycdx_j70ki_97",
+  "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_j70ki_101",
+  "content-type-dashboard": "awsui_content-type-dashboard_zycdx_j70ki_106"
 };
   

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

@@ -1,17 +1,17 @@
 
     import './styles.scoped.css';
     export default {
-  "toggle": "awsui_toggle_1uo6m_m6ide_97",
-  "drawer-triggers": "awsui_drawer-triggers_1uo6m_m6ide_103",
-  "drawer": "awsui_drawer_1uo6m_m6ide_103",
-  "drawer-mobile": "awsui_drawer-mobile_1uo6m_m6ide_113",
-  "drawer-closed": "awsui_drawer-closed_1uo6m_m6ide_116",
-  "drawer-content": "awsui_drawer-content_1uo6m_m6ide_123",
-  "drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_m6ide_135",
-  "drawer-resize-content": "awsui_drawer-resize-content_1uo6m_m6ide_145",
-  "drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_m6ide_151",
-  "drawer-trigger": "awsui_drawer-trigger_1uo6m_m6ide_103",
-  "drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_m6ide_170",
-  "hide": "awsui_hide_1uo6m_m6ide_178"
+  "toggle": "awsui_toggle_1uo6m_yiwkb_97",
+  "drawer-triggers": "awsui_drawer-triggers_1uo6m_yiwkb_102",
+  "drawer": "awsui_drawer_1uo6m_yiwkb_102",
+  "drawer-mobile": "awsui_drawer-mobile_1uo6m_yiwkb_112",
+  "drawer-closed": "awsui_drawer-closed_1uo6m_yiwkb_115",
+  "drawer-content": "awsui_drawer-content_1uo6m_yiwkb_122",
+  "drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_yiwkb_137",
+  "drawer-resize-content": "awsui_drawer-resize-content_1uo6m_yiwkb_147",
+  "drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_yiwkb_153",
+  "drawer-trigger": "awsui_drawer-trigger_1uo6m_yiwkb_102",
+  "drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_yiwkb_171",
+  "hide": "awsui_hide_1uo6m_yiwkb_179"
 };
   

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

@@ -94,87 +94,88 @@ 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_toggle_1uo6m_m6ide_97:not(#\9) {
+.awsui_toggle_1uo6m_yiwkb_97:not(#\9) {
   box-sizing: border-box;
-  padding-block: var(--space-xxs-p8yyaw, 4px);
-  padding-inline: 7px;
+  padding: var(--space-xxs-p8yyaw, 4px) 7px;
 }
 
-.awsui_drawer-triggers_1uo6m_m6ide_103:not(#\9) {
+.awsui_drawer-triggers_1uo6m_yiwkb_102:not(#\9) {
   box-sizing: border-box;
 }
 
-.awsui_drawer_1uo6m_m6ide_103:not(#\9) {
+.awsui_drawer_1uo6m_yiwkb_102:not(#\9) {
   flex-shrink: 0;
   position: relative;
   word-wrap: break-word;
   box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
 }
-.awsui_drawer_1uo6m_m6ide_103:not(#\9):not(.awsui_drawer-mobile_1uo6m_m6ide_113) {
+.awsui_drawer_1uo6m_yiwkb_102:not(#\9):not(.awsui_drawer-mobile_1uo6m_yiwkb_112) {
   z-index: 830;
 }
-.awsui_drawer-closed_1uo6m_m6ide_116:not(#\9) {
-  min-inline-size: 40px;
+.awsui_drawer-closed_1uo6m_yiwkb_115:not(#\9) {
+  min-width: 40px;
 }
-.awsui_drawer-closed_1uo6m_m6ide_116.awsui_drawer-mobile_1uo6m_m6ide_113:not(#\9) {
+.awsui_drawer-closed_1uo6m_yiwkb_115.awsui_drawer-mobile_1uo6m_yiwkb_112:not(#\9) {
   display: none;
 }
 
-.awsui_drawer-content_1uo6m_m6ide_123:not(#\9) {
+.awsui_drawer-content_1uo6m_yiwkb_122:not(#\9) {
   position: fixed;
   overflow: auto;
   background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
 }
-.awsui_drawer-mobile_1uo6m_m6ide_113 > .awsui_drawer-content_1uo6m_m6ide_123:not(#\9) {
+.awsui_drawer-mobile_1uo6m_yiwkb_112 > .awsui_drawer-content_1uo6m_yiwkb_122:not(#\9) {
   z-index: 1001;
-  inset: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
 }
-.awsui_drawer-closed_1uo6m_m6ide_116 > .awsui_drawer-content_1uo6m_m6ide_123:not(#\9) {
-  inline-size: 40px;
+.awsui_drawer-closed_1uo6m_yiwkb_115 > .awsui_drawer-content_1uo6m_yiwkb_122:not(#\9) {
+  width: 40px;
 }
-.awsui_drawer-closed_1uo6m_m6ide_116 > .awsui_drawer-content_1uo6m_m6ide_123.awsui_drawer-content-clickable_1uo6m_m6ide_135:not(#\9) {
+.awsui_drawer-closed_1uo6m_yiwkb_115 > .awsui_drawer-content_1uo6m_yiwkb_122.awsui_drawer-content-clickable_1uo6m_yiwkb_137:not(#\9) {
   cursor: pointer;
   color: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
-.awsui_drawer-closed_1uo6m_m6ide_116 > .awsui_drawer-content_1uo6m_m6ide_123.awsui_drawer-content-clickable_1uo6m_m6ide_135:not(#\9):hover {
+.awsui_drawer-closed_1uo6m_yiwkb_115 > .awsui_drawer-content_1uo6m_yiwkb_122.awsui_drawer-content-clickable_1uo6m_yiwkb_137:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
 }
-.awsui_drawer-content_1uo6m_m6ide_123 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content_1uo6m_yiwkb_122 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_drawer-content_1uo6m_m6ide_123 > .awsui_drawer-resize-content_1uo6m_m6ide_145:not(#\9) {
+.awsui_drawer-content_1uo6m_yiwkb_122 > .awsui_drawer-resize-content_1uo6m_yiwkb_147:not(#\9) {
   overflow: auto;
-  block-size: 100%;
+  height: 100%;
   position: relative;
 }
 
-.awsui_drawer-triggers-wrapper_1uo6m_m6ide_151:not(#\9) {
+.awsui_drawer-triggers-wrapper_1uo6m_yiwkb_153:not(#\9) {
   display: flex;
   flex-direction: column;
   text-align: center;
   align-items: stretch;
 }
 
-.awsui_drawer-trigger_1uo6m_m6ide_103:not(#\9) {
-  padding-block: var(--space-xxs-p8yyaw, 4px);
-  padding-inline: 7px;
+.awsui_drawer-trigger_1uo6m_yiwkb_102:not(#\9) {
+  padding: var(--space-xxs-p8yyaw, 4px) 7px;
   cursor: pointer;
   color: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
-.awsui_drawer-trigger_1uo6m_m6ide_103:not(#\9):not(:first-child) {
-  border-block-start: 1px solid var(--color-border-layout-ownedw, #d1d5db);
+.awsui_drawer-trigger_1uo6m_yiwkb_102:not(#\9):not(:first-child) {
+  border-top: 1px solid var(--color-border-layout-ownedw, #d1d5db);
 }
-.awsui_drawer-trigger_1uo6m_m6ide_103:not(#\9):hover {
+.awsui_drawer-trigger_1uo6m_yiwkb_102:not(#\9):hover {
   color: var(--color-text-layout-toggle-hover-1r0lo8, #0972d3);
 }
-.awsui_drawer-trigger-active_1uo6m_m6ide_170:not(#\9), .awsui_drawer-trigger-active_1uo6m_m6ide_170:not(#\9):hover {
+.awsui_drawer-trigger-active_1uo6m_yiwkb_171:not(#\9), .awsui_drawer-trigger-active_1uo6m_yiwkb_171:not(#\9):hover {
   background-color: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
   color: var(--color-text-layout-toggle-active-p0m0v1, #ffffff);
 }
-.awsui_drawer-content-clickable_1uo6m_m6ide_135 > .awsui_drawer-triggers-wrapper_1uo6m_m6ide_151 > .awsui_drawer-trigger_1uo6m_m6ide_103:not(#\9):hover {
+.awsui_drawer-content-clickable_1uo6m_yiwkb_137 > .awsui_drawer-triggers-wrapper_1uo6m_yiwkb_153 > .awsui_drawer-trigger_1uo6m_yiwkb_102:not(#\9):hover {
   color: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
 
-.awsui_hide_1uo6m_m6ide_178:not(#\9) {
+.awsui_hide_1uo6m_yiwkb_179:not(#\9) {
   display: none;
 }

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

@@ -2,17 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "toggle": "awsui_toggle_1uo6m_m6ide_97",
-  "drawer-triggers": "awsui_drawer-triggers_1uo6m_m6ide_103",
-  "drawer": "awsui_drawer_1uo6m_m6ide_103",
-  "drawer-mobile": "awsui_drawer-mobile_1uo6m_m6ide_113",
-  "drawer-closed": "awsui_drawer-closed_1uo6m_m6ide_116",
-  "drawer-content": "awsui_drawer-content_1uo6m_m6ide_123",
-  "drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_m6ide_135",
-  "drawer-resize-content": "awsui_drawer-resize-content_1uo6m_m6ide_145",
-  "drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_m6ide_151",
-  "drawer-trigger": "awsui_drawer-trigger_1uo6m_m6ide_103",
-  "drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_m6ide_170",
-  "hide": "awsui_hide_1uo6m_m6ide_178"
+  "toggle": "awsui_toggle_1uo6m_yiwkb_97",
+  "drawer-triggers": "awsui_drawer-triggers_1uo6m_yiwkb_102",
+  "drawer": "awsui_drawer_1uo6m_yiwkb_102",
+  "drawer-mobile": "awsui_drawer-mobile_1uo6m_yiwkb_112",
+  "drawer-closed": "awsui_drawer-closed_1uo6m_yiwkb_115",
+  "drawer-content": "awsui_drawer-content_1uo6m_yiwkb_122",
+  "drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_yiwkb_137",
+  "drawer-resize-content": "awsui_drawer-resize-content_1uo6m_yiwkb_147",
+  "drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_yiwkb_153",
+  "drawer-trigger": "awsui_drawer-trigger_1uo6m_yiwkb_102",
+  "drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_yiwkb_171",
+  "hide": "awsui_hide_1uo6m_yiwkb_179"
 };
   

package/app-layout/interfaces.d.ts

@@ -29,9 +29,7 @@ export interface AppLayoutProps extends BaseComponentProps {
     /**
      * Fired when the active drawer is toggled.
      */
-    onDrawerChange?: NonCancelableEventHandler<{
-        activeDrawerId: string | null;
-    }>;
+    onDrawerChange?: NonCancelableEventHandler<AppLayoutProps.DrawerChangeDetail>;
     /**
      * If `true`, disables outer paddings for the content slot.
      */
@@ -268,5 +266,8 @@ export declare namespace AppLayoutProps {
         position: 'side' | 'bottom';
     }
     type SplitPanelPosition = 'side' | 'bottom';
+    interface DrawerChangeDetail {
+        activeDrawerId: string | null;
+    }
 }
 //# sourceMappingURL=interfaces.d.ts.map

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":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD;;;OAGG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC;IAEzC;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAEvC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE/B;;OAEG;IACH,cAAc,CAAC,EAAE,yBAAyB,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;IAE9E;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8BG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;IAEnC;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAEtC;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,yBAAyB,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAE5E;;OAEG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAEvE;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC;IAC7D;;OAEG;IACH,kBAAkB,CAAC,EAAE,yBAAyB,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;IACtF;;OAEG;IACH,kBAAkB,CAAC,EAAE,yBAAyB,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAC5E;;OAEG;IACH,6BAA6B,CAAC,EAAE,yBAAyB,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;CACjG;AAED,yBAAiB,cAAc,CAAC;IAC9B,KAAY,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC;IAE1F,UAAiB,GAAG;QAClB;;;WAGG;QACH,0BAA0B,IAAI,IAAI,CAAC;QAEnC;;;WAGG;QACH,SAAS,IAAI,IAAI,CAAC;QAElB;;;;WAIG;QACH,eAAe,IAAI,IAAI,CAAC;QAExB;;WAEG;QACH,iBAAiB,IAAI,IAAI,CAAC;QAE1B;;WAEG;QACH,eAAe,IAAI,IAAI,CAAC;KACzB;IAED,UAAiB,MAAM;QACrB,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,OAAO,EAAE;YACP,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;YAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;SAC3B,CAAC;QACF,UAAU,EAAE,gBAAgB,CAAC;QAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,yBAAyB,CAAC;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KACxD;IAED,UAAiB,gBAAgB;QAC/B,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB;IAED,UAAiB,MAAM;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;QAEvB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;QAEzB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QAEpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC;IAED,UAAiB,YAAY;QAC3B,IAAI,EAAE,OAAO,CAAC;KACf;IAED,UAAiB,sBAAsB;QACrC,IAAI,EAAE,MAAM,CAAC;KACd;IAED,UAAiB,qBAAqB;QACpC,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;KAC7B;IAGD,KAAY,kBAAkB,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEnD,UAAiB,kBAAkB;QACjC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;KAC/B;CACF"}

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';\nimport { IconProps } from '../icon/interfaces';\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   * Drawers property.\n \n   * Each Drawer is an item in the drawers wrapper with the following properties:\n   * * id (string) - the id of the drawer.\n   * * content (React.ReactNode) - the content in the drawer.\n   * * trigger (DrawerTrigger) - the button that opens and closes the active drawer. \n   * * ariaLabels (DrawerAriaLabels) - the labels for the interactive elements of the drawer.\n   * * badge (boolean) - Adds a badge to the corner of the icon to indicate a state change. For example: Unread notifications.\n   * * resizable (boolean) - if the drawer is resizable or not.\n   * * defaultSize (number) - starting size of the drawer. if not set, defaults to 290.\n   * * onResize (({ size: number }) => void) - Fired when the active drawer is resized.\n   */\n  drawers?: Array<AppLayoutProps.Drawer>;\n\n  /**\n   * The active drawer id. If you want to clear the active drawer, use `null`.\n   */\n  activeDrawerId?: string | null;\n\n  /**\n   * Fired when the active drawer is toggled.\n   */\n  onDrawerChange?: NonCancelableEventHandler<{ activeDrawerId: string | null }>;\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   * * `drawers` (string) - Label for the landmark that the active drawer.\n   * * `drawersOverflow` (string) - Label for the ellipsis button with any overflow drawers.\n   * * `drawersOverflowWithBadge` (string) - Label for the ellipsis button with any overflow drawers, with a badge.\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   *   drawers: \"Drawers\",\n   *   drawersOverflow: \"Overflow drawers\",\n   *   drawersOverflowWithBadge: \"Overflow drawers (Unread notifications)\"\n   * }\n   * ```\n   * @i18n\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     * Focuses the active drawer. Use this to focus the active drawer after opening it programmatically.\n     */\n    focusActiveDrawer(): void;\n\n    /**\n     * Focuses the split panel if it is open.\n     */\n    focusSplitPanel(): void;\n  }\n\n  export interface Drawer {\n    id: string;\n    content: React.ReactNode;\n    trigger: {\n      iconName?: IconProps.Name;\n      iconSvg?: React.ReactNode;\n    };\n    ariaLabels: DrawerAriaLabels;\n    badge?: boolean;\n    resizable?: boolean;\n    defaultSize?: number;\n    onResize?: NonCancelableEventHandler<{ size: number }>;\n  }\n\n  export interface DrawerAriaLabels {\n    drawerName: string;\n    closeButton?: string;\n    triggerButton?: string;\n    resizeHandle?: string;\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    drawers?: string;\n    drawersOverflow?: string;\n    drawersOverflowWithBadge?: 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';\nimport { IconProps } from '../icon/interfaces';\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   * Drawers property.\n \n   * Each Drawer is an item in the drawers wrapper with the following properties:\n   * * id (string) - the id of the drawer.\n   * * content (React.ReactNode) - the content in the drawer.\n   * * trigger (DrawerTrigger) - the button that opens and closes the active drawer. \n   * * ariaLabels (DrawerAriaLabels) - the labels for the interactive elements of the drawer.\n   * * badge (boolean) - Adds a badge to the corner of the icon to indicate a state change. For example: Unread notifications.\n   * * resizable (boolean) - if the drawer is resizable or not.\n   * * defaultSize (number) - starting size of the drawer. if not set, defaults to 290.\n   * * onResize (({ size: number }) => void) - Fired when the active drawer is resized.\n   */\n  drawers?: Array<AppLayoutProps.Drawer>;\n\n  /**\n   * The active drawer id. If you want to clear the active drawer, use `null`.\n   */\n  activeDrawerId?: string | null;\n\n  /**\n   * Fired when the active drawer is toggled.\n   */\n  onDrawerChange?: NonCancelableEventHandler<AppLayoutProps.DrawerChangeDetail>;\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   * * `drawers` (string) - Label for the landmark that the active drawer.\n   * * `drawersOverflow` (string) - Label for the ellipsis button with any overflow drawers.\n   * * `drawersOverflowWithBadge` (string) - Label for the ellipsis button with any overflow drawers, with a badge.\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   *   drawers: \"Drawers\",\n   *   drawersOverflow: \"Overflow drawers\",\n   *   drawersOverflowWithBadge: \"Overflow drawers (Unread notifications)\"\n   * }\n   * ```\n   * @i18n\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     * Focuses the active drawer. Use this to focus the active drawer after opening it programmatically.\n     */\n    focusActiveDrawer(): void;\n\n    /**\n     * Focuses the split panel if it is open.\n     */\n    focusSplitPanel(): void;\n  }\n\n  export interface Drawer {\n    id: string;\n    content: React.ReactNode;\n    trigger: {\n      iconName?: IconProps.Name;\n      iconSvg?: React.ReactNode;\n    };\n    ariaLabels: DrawerAriaLabels;\n    badge?: boolean;\n    resizable?: boolean;\n    defaultSize?: number;\n    onResize?: NonCancelableEventHandler<{ size: number }>;\n  }\n\n  export interface DrawerAriaLabels {\n    drawerName: string;\n    closeButton?: string;\n    triggerButton?: string;\n    resizeHandle?: string;\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    drawers?: string;\n    drawersOverflow?: string;\n    drawersOverflowWithBadge?: 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  export interface DrawerChangeDetail {\n    activeDrawerId: string | null;\n  }\n}\n"]}

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

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "block-body-scroll": "awsui_block-body-scroll_19d8l_pb92y_97",
-  "mobile-bar": "awsui_mobile-bar_19d8l_pb92y_101",
-  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_pb92y_114",
-  "mobile-toggle": "awsui_mobile-toggle_19d8l_pb92y_121",
-  "mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_pb92y_130",
-  "mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_pb92y_133",
-  "mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_pb92y_133",
-  "drawers-container": "awsui_drawers-container_19d8l_pb92y_140"
+  "block-body-scroll": "awsui_block-body-scroll_19d8l_dwyor_97",
+  "mobile-bar": "awsui_mobile-bar_19d8l_dwyor_101",
+  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_dwyor_114",
+  "mobile-toggle": "awsui_mobile-toggle_19d8l_dwyor_121",
+  "mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_dwyor_129",
+  "mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_dwyor_132",
+  "mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_dwyor_132",
+  "drawers-container": "awsui_drawers-container_19d8l_dwyor_139"
 };