@cloudscape-design/components 3.0.814 → 3.0.816

package/split-panel/styles.scoped.css

@@ -146,7 +146,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_drawer_1r9lg_pjawk_149:not(#\9) {
+.awsui_drawer_1r9lg_189so_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -187,35 +187,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-layout-panel-content-du0fbw, #ffffff);
   z-index: 840;
 }
-.awsui_drawer-closed_1r9lg_pjawk_189:not(#\9):not(.awsui_refresh_1r9lg_pjawk_189) {
+.awsui_drawer-closed_1r9lg_189so_189:not(#\9):not(.awsui_refresh_1r9lg_189so_189) {
   cursor: pointer;
   min-inline-size: 40px;
 }
 
-.awsui_drawer-content-side_1r9lg_pjawk_194:not(#\9) {
+.awsui_drawer-content-side_1r9lg_189so_194:not(#\9) {
   display: flex;
   align-items: center;
   block-size: 100%;
   overflow: auto;
 }
-.awsui_drawer-content-side_1r9lg_pjawk_194 > [aria-hidden=true]:not(#\9), .awsui_drawer-closed_1r9lg_pjawk_189.awsui_refresh_1r9lg_pjawk_189 > .awsui_drawer-content-side_1r9lg_pjawk_194:not(#\9) {
+.awsui_drawer-content-side_1r9lg_189so_194 > [aria-hidden=true]:not(#\9), .awsui_drawer-closed_1r9lg_189so_189.awsui_refresh_1r9lg_189so_189 > .awsui_drawer-content-side_1r9lg_189so_194:not(#\9) {
   display: none;
 }
-.awsui_drawer-closed_1r9lg_pjawk_189:not(#\9):not(.awsui_refresh_1r9lg_pjawk_189) > .awsui_drawer-content-side_1r9lg_pjawk_194 {
+.awsui_drawer-closed_1r9lg_189so_189:not(#\9):not(.awsui_refresh_1r9lg_189so_189) > .awsui_drawer-content-side_1r9lg_189so_194 {
   inline-size: 40px;
 }
-.awsui_drawer-closed_1r9lg_pjawk_189:not(#\9):not(.awsui_refresh_1r9lg_pjawk_189) > .awsui_drawer-content-side_1r9lg_pjawk_194:hover {
+.awsui_drawer-closed_1r9lg_189so_189:not(#\9):not(.awsui_refresh_1r9lg_189so_189) > .awsui_drawer-content-side_1r9lg_189so_194:hover {
   background: var(--color-background-layout-panel-hover-1ftnua, #ebebf0);
 }
 
-:not(#\9):not(.awsui_drawer-closed_1r9lg_pjawk_189) > .awsui_drawer-content-bottom_1r9lg_pjawk_210 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_189so_189) > .awsui_drawer-content-bottom_1r9lg_189so_210 {
   overflow-y: auto;
   position: absolute;
   inset: 0;
   clip-path: border-box;
 }
 
-.awsui_position-bottom_1r9lg_pjawk_217:not(#\9) {
+.awsui_position-bottom_1r9lg_189so_217:not(#\9) {
   position: fixed;
   overflow-y: auto;
   border-block-start: var(--border-panel-top-width-7uc0w9, 1px) solid var(--color-border-divider-panel-bottom-c62zji, #c6c6cd);
@@ -224,39 +224,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   SplitPanel is no longer in fixed position in the DOM.
   */
 }
-.awsui_position-bottom_1r9lg_pjawk_217:not(#\9):not(.awsui_refresh_1r9lg_pjawk_189) {
+.awsui_position-bottom_1r9lg_189so_217:not(#\9):not(.awsui_refresh_1r9lg_189so_189) {
   box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
   border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-c62zji, #c6c6cd);
   border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-c62zji, #c6c6cd);
 }
-.awsui_position-bottom_1r9lg_pjawk_217.awsui_drawer-closed_1r9lg_pjawk_189:not(#\9) {
+.awsui_position-bottom_1r9lg_189so_217.awsui_drawer-closed_1r9lg_189so_189:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_pjawk_217.awsui_drawer-closed_1r9lg_pjawk_189.awsui_with-toolbar_1r9lg_pjawk_234:not(#\9) {
+.awsui_position-bottom_1r9lg_189so_217.awsui_drawer-closed_1r9lg_189so_189.awsui_with-toolbar_1r9lg_189so_234:not(#\9) {
   block-size: 0px;
   border-block: none;
   border-inline: none;
 }
-.awsui_position-bottom_1r9lg_pjawk_217.awsui_drawer-closed_1r9lg_pjawk_189:not(#\9):hover {
+.awsui_position-bottom_1r9lg_189so_217.awsui_drawer-closed_1r9lg_189so_189:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-1ftnua, #ebebf0);
 }
-.awsui_position-bottom_1r9lg_pjawk_217 > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_189so_217 > .awsui_drawer-content-bottom_1r9lg_189so_210 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_pjawk_217.awsui_refresh_1r9lg_pjawk_189:not(#\9) {
+.awsui_position-bottom_1r9lg_189so_217.awsui_refresh_1r9lg_189so_189:not(#\9) {
   position: relative;
 }
 
-.awsui_position-side_1r9lg_pjawk_249:not(#\9) {
+.awsui_position-side_1r9lg_189so_249:not(#\9) {
   border-block-start: none;
   box-shadow: var(--shadow-split-side-ggdtnk, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
   block-size: 100%;
 }
-.awsui_position-side_1r9lg_pjawk_249.awsui_with-toolbar_1r9lg_pjawk_234:not(#\9) {
+.awsui_position-side_1r9lg_189so_249.awsui_with-toolbar_1r9lg_189so_234:not(#\9) {
   box-shadow: none;
 }
 
-.awsui_slider-wrapper-bottom_1r9lg_pjawk_258:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_189so_258:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -267,7 +267,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 2;
 }
 
-.awsui_slider-wrapper-side_1r9lg_pjawk_269:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_189so_269:not(#\9) {
   position: absolute;
   inset-inline-start: 0;
   inset-block-start: 0;
@@ -277,11 +277,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: center;
   z-index: 1;
 }
-.awsui_slider-wrapper-side_1r9lg_pjawk_269.awsui_with-toolbar_1r9lg_pjawk_234:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_189so_269.awsui_with-toolbar_1r9lg_189so_234:not(#\9) {
   position: unset;
 }
 
-.awsui_open-button-side_1r9lg_pjawk_283:not(#\9) {
+.awsui_open-button-side_1r9lg_189so_283:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -290,7 +290,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: auto;
 }
 
-.awsui_pane-header-wrapper-bottom_1r9lg_pjawk_292:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_189so_292:not(#\9) {
   position: sticky;
   inset-block-start: 0;
   display: flex;
@@ -300,60 +300,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
 }
-.awsui_drawer-mobile_1r9lg_pjawk_302 > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > .awsui_pane-header-wrapper-bottom_1r9lg_pjawk_292:not(#\9) {
+.awsui_drawer-mobile_1r9lg_189so_302 > .awsui_drawer-content-bottom_1r9lg_189so_210 > .awsui_pane-header-wrapper-bottom_1r9lg_189so_292:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_pjawk_306 > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > .awsui_pane-header-wrapper-bottom_1r9lg_pjawk_292:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_189so_306 > .awsui_drawer-content-bottom_1r9lg_189so_210 > .awsui_pane-header-wrapper-bottom_1r9lg_189so_292:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_pjawk_189) > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > .awsui_pane-header-wrapper-bottom_1r9lg_pjawk_292 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_189so_189) > .awsui_drawer-content-bottom_1r9lg_189so_210 > .awsui_pane-header-wrapper-bottom_1r9lg_189so_292 {
   background-color: var(--color-background-layout-panel-content-du0fbw, #ffffff);
   border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-panel-header-nnst86, #c6c6cd);
 }
-.awsui_with-toolbar_1r9lg_pjawk_234:not(#\9):not(.awsui_drawer-closed_1r9lg_pjawk_189) > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > .awsui_pane-header-wrapper-bottom_1r9lg_pjawk_292 {
+.awsui_with-toolbar_1r9lg_189so_234:not(#\9):not(.awsui_drawer-closed_1r9lg_189so_189) > .awsui_drawer-content-bottom_1r9lg_189so_210 > .awsui_pane-header-wrapper-bottom_1r9lg_189so_292 {
   border-color: transparent;
 }
 
-.awsui_content-bottom_1r9lg_pjawk_318:not(#\9) {
+.awsui_content-bottom_1r9lg_189so_318:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
   margin-block-start: var(--space-panel-split-top-q1pux4, 20px);
   position: relative;
   z-index: 0;
 }
-.awsui_with-toolbar_1r9lg_pjawk_234 > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > .awsui_content-bottom_1r9lg_pjawk_318:not(#\9) {
+.awsui_with-toolbar_1r9lg_189so_234 > .awsui_drawer-content-bottom_1r9lg_189so_210 > .awsui_content-bottom_1r9lg_189so_318:not(#\9) {
   margin-block-start: 0px;
 }
-.awsui_drawer-mobile_1r9lg_pjawk_302 > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > .awsui_content-bottom_1r9lg_pjawk_318:not(#\9) {
+.awsui_drawer-mobile_1r9lg_189so_302 > .awsui_drawer-content-bottom_1r9lg_189so_210 > .awsui_content-bottom_1r9lg_189so_318:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_pjawk_306 > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > .awsui_content-bottom_1r9lg_pjawk_318:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_189so_306 > .awsui_drawer-content-bottom_1r9lg_189so_210 > .awsui_content-bottom_1r9lg_189so_318:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_pane-bottom-center-align_1r9lg_pjawk_337:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_189so_337:not(#\9) {
   display: flex;
   justify-content: center;
 }
 
-.awsui_pane-bottom-content-nav-padding_1r9lg_pjawk_342:not(#\9) {
+.awsui_pane-bottom-content-nav-padding_1r9lg_189so_342:not(#\9) {
   padding-inline-start: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
 }
 
-.awsui_pane-bottom-content-tools-padding_1r9lg_pjawk_346:not(#\9) {
+.awsui_pane-bottom-content-tools-padding_1r9lg_189so_346:not(#\9) {
   padding-inline-end: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
 }
 
-.awsui_content-bottom-max-width_1r9lg_pjawk_350:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_189so_350:not(#\9) {
   flex-grow: 1;
   max-inline-size: 100%;
 }
 
-.awsui_content-side_1r9lg_pjawk_355:not(#\9) {
+.awsui_content-side_1r9lg_189so_355:not(#\9) {
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -362,30 +362,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline: 0;
   block-size: 100%;
 }
-.awsui_content-side_1r9lg_pjawk_355.awsui_with-toolbar_1r9lg_pjawk_234:not(#\9) {
+.awsui_content-side_1r9lg_189so_355.awsui_with-toolbar_1r9lg_189so_234:not(#\9) {
   position: absolute;
 }
-.awsui_content-side_1r9lg_pjawk_355 > .awsui_pane-header-wrapper-side_1r9lg_pjawk_367:not(#\9) {
+.awsui_content-side_1r9lg_189so_355 > .awsui_pane-header-wrapper-side_1r9lg_189so_367:not(#\9) {
   padding-block: 0;
   padding-inline-end: var(--space-m-udix3p, 16px);
   padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
   border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-panel-header-nnst86, #c6c6cd);
 }
-.awsui_content-side_1r9lg_pjawk_355.awsui_with-toolbar_1r9lg_pjawk_234 > .awsui_pane-header-wrapper-side_1r9lg_pjawk_367:not(#\9) {
+.awsui_content-side_1r9lg_189so_355.awsui_with-toolbar_1r9lg_189so_234 > .awsui_pane-header-wrapper-side_1r9lg_189so_367:not(#\9) {
   border-color: transparent;
 }
-.awsui_content-side_1r9lg_pjawk_355 > .awsui_pane-content-wrapper-side_1r9lg_pjawk_376:not(#\9) {
+.awsui_content-side_1r9lg_189so_355 > .awsui_pane-content-wrapper-side_1r9lg_189so_376:not(#\9) {
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
   padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
   margin-block-start: var(--space-panel-split-top-q1pux4, 20px);
   margin-block-end: var(--space-panel-split-bottom-qwdduf, 20px);
 }
-.awsui_content-side_1r9lg_pjawk_355.awsui_with-toolbar_1r9lg_pjawk_234 > .awsui_pane-content-wrapper-side_1r9lg_pjawk_376:not(#\9) {
+.awsui_content-side_1r9lg_189so_355.awsui_with-toolbar_1r9lg_189so_234 > .awsui_pane-content-wrapper-side_1r9lg_189so_376:not(#\9) {
   margin-block-start: 0px;
 }
 
-.awsui_header_1r9lg_pjawk_387:not(#\9) {
+.awsui_header_1r9lg_189so_387:not(#\9) {
   display: flex;
   flex: auto;
   flex-direction: row;
@@ -395,10 +395,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
   margin-inline: 0;
 }
-.awsui_header_1r9lg_pjawk_387.awsui_with-toolbar_1r9lg_pjawk_234:not(#\9) {
-  margin-block: 10px;
+.awsui_header_1r9lg_189so_387.awsui_with-toolbar_1r9lg_189so_234:not(#\9) {
+  margin-block: 14px;
 }
-.awsui_header-text_1r9lg_pjawk_400:not(#\9) {
+.awsui_header-text_1r9lg_189so_400:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -411,7 +411,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: calc(var(--space-scaled-xxs-7597g1, 4px) + 1px);
 }
 
-.awsui_header-actions_1r9lg_pjawk_413:not(#\9) {
+.awsui_header-actions_1r9lg_189so_413:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -419,7 +419,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_divider_1r9lg_pjawk_421:not(#\9) {
+.awsui_divider_1r9lg_189so_421:not(#\9) {
   border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
   margin-block: var(--space-scaled-xxs-7597g1, 4px);
   margin-inline: var(--space-scaled-xs-26e2du, 8px);

package/split-panel/styles.selectors.js

@@ -2,31 +2,31 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1r9lg_pjawk_149",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_pjawk_189",
-  "refresh": "awsui_refresh_1r9lg_pjawk_189",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_pjawk_194",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_pjawk_210",
-  "position-bottom": "awsui_position-bottom_1r9lg_pjawk_217",
-  "with-toolbar": "awsui_with-toolbar_1r9lg_pjawk_234",
-  "position-side": "awsui_position-side_1r9lg_pjawk_249",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_pjawk_258",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_pjawk_269",
-  "open-button-side": "awsui_open-button-side_1r9lg_pjawk_283",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_pjawk_292",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_pjawk_302",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_pjawk_306",
-  "content-bottom": "awsui_content-bottom_1r9lg_pjawk_318",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_pjawk_337",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_pjawk_342",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_pjawk_346",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_pjawk_350",
-  "content-side": "awsui_content-side_1r9lg_pjawk_355",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_pjawk_367",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_pjawk_376",
-  "header": "awsui_header_1r9lg_pjawk_387",
-  "header-text": "awsui_header-text_1r9lg_pjawk_400",
-  "header-actions": "awsui_header-actions_1r9lg_pjawk_413",
-  "divider": "awsui_divider_1r9lg_pjawk_421"
+  "drawer": "awsui_drawer_1r9lg_189so_149",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_189so_189",
+  "refresh": "awsui_refresh_1r9lg_189so_189",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_189so_194",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_189so_210",
+  "position-bottom": "awsui_position-bottom_1r9lg_189so_217",
+  "with-toolbar": "awsui_with-toolbar_1r9lg_189so_234",
+  "position-side": "awsui_position-side_1r9lg_189so_249",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_189so_258",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_189so_269",
+  "open-button-side": "awsui_open-button-side_1r9lg_189so_283",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_189so_292",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_189so_302",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_189so_306",
+  "content-bottom": "awsui_content-bottom_1r9lg_189so_318",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_189so_337",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_189so_342",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_189so_346",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_189so_350",
+  "content-side": "awsui_content-side_1r9lg_189so_355",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_189so_367",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_189so_376",
+  "header": "awsui_header_1r9lg_189so_387",
+  "header-text": "awsui_header-text_1r9lg_189so_400",
+  "header-actions": "awsui_header-actions_1r9lg_189so_413",
+  "divider": "awsui_divider_1r9lg_189so_421"
 };
   

package/app-layout/runtime-api.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"runtime-api.d.ts","sourceRoot":"","sources":["../../../src/app-layout/runtime-api.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAG9F,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACrC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;CAC1C;AAkCD,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,KAAK,CAAC,mBAAmB,CAAC,EACxC,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAAC,GACxC,aAAa,CAQf"}

package/app-layout/runtime-api.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"runtime-api.js","sourceRoot":"","sources":["../../../src/app-layout/runtime-api.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AASnE,MAAM,wBAAwB,GAAG,CAC/B,aAAkC,EAGlC,EAAE;;IACF,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,KAAuB,aAAa,EAA/B,aAAa,UAAK,aAAa,EAA3E,6CAA2D,CAAgB,CAAC;IAElF,uCACK,aAAa,KAChB,UAAU,kBAAI,UAAU,EAAE,MAAA,aAAa,CAAC,UAAU,CAAC,OAAO,mCAAI,EAAE,IAAK,aAAa,CAAC,UAAU,GAC7F,OAAO,EAAE,OAAO;YACd,CAAC,CAAC;gBACE,OAAO,EAAE;gBACP,2CAA2C;gBAC3C,8BAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,OAAO,EAAE,GAAI,CAC/D;aACF;YACH,CAAC,CAAC,SAAS,EACb,OAAO,EAAE,CACP,oBAAC,qBAAqB,IACpB,GAAG,EAAE,aAAa,CAAC,EAAE,EACrB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,EAAE,EAAE,aAAa,CAAC,EAAE,GACpB,CACH,EACD,QAAQ,EAAE,KAAK,CAAC,EAAE;YAChB,sBAAsB,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,aAAa,CAAC,EAAE,EAAE,CAAC,CAAC;QACpG,CAAC,IACD;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,qBAAqB,CACnC,YAAwC,EACxC,aAAyC;IAEzC,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;IAC7D,MAAM,MAAM,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IACzC,OAAO;QACL,MAAM,EAAE,cAAc,CAAC,aAAa,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;QACnE,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAC,OAAA,CAAC,MAAA,IAAI,CAAC,aAAa,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAA,EAAA,CAAC;QACjE,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAC,OAAA,CAAC,MAAA,IAAI,CAAC,aAAa,mCAAI,CAAC,CAAC,IAAI,CAAC,CAAA,EAAA,CAAC;KAClE,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { DrawerConfig as RuntimeDrawerConfig } from '../internal/plugins/controllers/drawers';\nimport { RuntimeContentWrapper } from '../internal/plugins/helpers';\nimport { sortByPriority } from '../internal/plugins/helpers/utils';\nimport { AppLayoutProps } from './interfaces';\n\nexport interface DrawersLayout {\n  global: Array<AppLayoutProps.Drawer>;\n  localBefore: Array<AppLayoutProps.Drawer>;\n  localAfter: Array<AppLayoutProps.Drawer>;\n}\n\nconst mapRuntimeConfigToDrawer = (\n  runtimeConfig: RuntimeDrawerConfig\n): AppLayoutProps.Drawer & {\n  orderPriority?: number;\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          iconSvg: (\n            // eslint-disable-next-line react/no-danger\n            <span dangerouslySetInnerHTML={{ __html: trigger.iconSvg }} />\n          ),\n        }\n      : undefined,\n    content: (\n      <RuntimeContentWrapper\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  };\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/internal/plugins/helpers/runtime-content-wrapper.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { MountContentContext } from '../controllers/drawers';
-interface RuntimeContentWrapperProps {
-    mountContent: (container: HTMLElement, mountContent: MountContentContext) => void;
-    unmountContent: (container: HTMLElement) => void;
-    id?: string;
-}
-export declare function RuntimeContentWrapper({ mountContent, unmountContent, id }: RuntimeContentWrapperProps): JSX.Element;
-export {};
-//# sourceMappingURL=runtime-content-wrapper.d.ts.map

package/internal/plugins/helpers/runtime-content-wrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"runtime-content-wrapper.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/helpers/runtime-content-wrapper.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAI7D,UAAU,0BAA0B;IAClC,YAAY,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClF,cAAc,EAAE,CAAC,SAAS,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,qBAAqB,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,EAAE,EAAE,0BAA0B,eAyBrG"}

package/internal/plugins/helpers/runtime-content-wrapper.js

@@ -1,29 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import React, { useContext, useEffect, useRef } from 'react';
-import { ActiveDrawersContext } from '../../../app-layout/utils/visibility-context';
-export function RuntimeContentWrapper({ mountContent, unmountContent, id }) {
-    const ref = useRef(null);
-    const visibilityChangeCallback = useRef(null);
-    const activeDrawersIds = useContext(ActiveDrawersContext);
-    const isVisible = !!id && activeDrawersIds.includes(id);
-    useEffect(() => {
-        const container = ref.current;
-        mountContent(container, {
-            onVisibilityChange: cb => {
-                visibilityChangeCallback.current = cb;
-            },
-        });
-        return () => {
-            unmountContent(container);
-            visibilityChangeCallback.current = null;
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    useEffect(() => {
-        var _a;
-        (_a = visibilityChangeCallback.current) === null || _a === void 0 ? void 0 : _a.call(visibilityChangeCallback, isVisible);
-    }, [isVisible]);
-    return React.createElement("div", { ref: ref });
-}
-//# sourceMappingURL=runtime-content-wrapper.js.map

package/internal/plugins/helpers/runtime-content-wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"runtime-content-wrapper.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/helpers/runtime-content-wrapper.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAWpF,MAAM,UAAU,qBAAqB,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,EAA8B;IACpG,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,wBAAwB,GAAG,MAAM,CAA4B,IAAI,CAAC,CAAC;IACzE,MAAM,gBAAgB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,IAAI,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,GAAG,CAAC,OAAQ,CAAC;QAC/B,YAAY,CAAC,SAAS,EAAE;YACtB,kBAAkB,EAAE,EAAE,CAAC,EAAE;gBACvB,wBAAwB,CAAC,OAAO,GAAG,EAAE,CAAC;YACxC,CAAC;SACF,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,SAAS,CAAC,CAAC;YAC1B,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1C,CAAC,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;;QACb,MAAA,wBAAwB,CAAC,OAAO,yEAAG,SAAS,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,6BAAK,GAAG,EAAE,GAAG,GAAQ,CAAC;AAC/B,CAAC","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 { ActiveDrawersContext } from '../../../app-layout/utils/visibility-context';\nimport { MountContentContext } from '../controllers/drawers';\n\ntype VisibilityCallback = (isVisible: boolean) => void;\n\ninterface RuntimeContentWrapperProps {\n  mountContent: (container: HTMLElement, mountContent: MountContentContext) => void;\n  unmountContent: (container: HTMLElement) => void;\n  id?: string;\n}\n\nexport function RuntimeContentWrapper({ 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}></div>;\n}\n"]}