npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1126 → 3.0.1127 - Mend

@cloudscape-design/components-themeable 3.0.1126 → 3.0.1127

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (199) hide show

package/lib/internal/template/alert/styles.selectors.js CHANGED Viewed

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_15b5x_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_15b5x_1",
-  "root": "awsui_root_mx3cw_15b5x_215",
-  "hidden": "awsui_hidden_mx3cw_15b5x_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_15b5x_299",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_15b5x_311",
-  "header": "awsui_header_mx3cw_15b5x_316",
-  "header-replacement": "awsui_header-replacement_mx3cw_15b5x_317",
-  "action": "awsui_action_mx3cw_15b5x_321",
-  "action-slot": "awsui_action-slot_mx3cw_15b5x_325",
-  "action-button": "awsui_action-button_mx3cw_15b5x_326",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_15b5x_330",
-  "text": "awsui_text_mx3cw_15b5x_361",
-  "icon": "awsui_icon_mx3cw_15b5x_368",
-  "message": "awsui_message_mx3cw_15b5x_371",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_15b5x_375",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_15b5x_379",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_15b5x_383",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_15b5x_387",
-  "content": "awsui_content_mx3cw_15b5x_391",
-  "content-replacement": "awsui_content-replacement_mx3cw_15b5x_392",
-  "dismiss": "awsui_dismiss_mx3cw_15b5x_396",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_15b5x_401",
-  "type-error": "awsui_type-error_mx3cw_15b5x_405",
-  "type-warning": "awsui_type-warning_mx3cw_15b5x_413",
-  "type-success": "awsui_type-success_mx3cw_15b5x_421",
-  "type-info": "awsui_type-info_mx3cw_15b5x_429"
+  "alert": "awsui_alert_mx3cw_1yivi_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1yivi_1",
+  "root": "awsui_root_mx3cw_1yivi_215",
+  "hidden": "awsui_hidden_mx3cw_1yivi_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1yivi_299",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_1yivi_311",
+  "header": "awsui_header_mx3cw_1yivi_316",
+  "header-replacement": "awsui_header-replacement_mx3cw_1yivi_317",
+  "action": "awsui_action_mx3cw_1yivi_321",
+  "action-slot": "awsui_action-slot_mx3cw_1yivi_325",
+  "action-button": "awsui_action-button_mx3cw_1yivi_326",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1yivi_330",
+  "text": "awsui_text_mx3cw_1yivi_361",
+  "icon": "awsui_icon_mx3cw_1yivi_368",
+  "message": "awsui_message_mx3cw_1yivi_371",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_1yivi_375",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1yivi_379",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1yivi_383",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1yivi_387",
+  "content": "awsui_content_mx3cw_1yivi_391",
+  "content-replacement": "awsui_content-replacement_mx3cw_1yivi_392",
+  "dismiss": "awsui_dismiss_mx3cw_1yivi_396",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1yivi_401",
+  "type-error": "awsui_type-error_mx3cw_1yivi_405",
+  "type-warning": "awsui_type-warning_mx3cw_1yivi_413",
+  "type-success": "awsui_type-success_mx3cw_1yivi_421",
+  "type-info": "awsui_type-info_mx3cw_1yivi_429"
 };

package/lib/internal/template/annotation-context/annotation/styles.css.js CHANGED Viewed

@@ -1,29 +1,29 @@
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_tfcsc_193",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_tfcsc_197",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_tfcsc_197",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_tfcsc_239",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_tfcsc_239",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_tfcsc_242",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_tfcsc_242",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_tfcsc_245",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_tfcsc_245",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_tfcsc_248",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_tfcsc_248",
-  "annotation": "awsui_annotation_1hpp3_tfcsc_252",
-  "next-button": "awsui_next-button_1hpp3_tfcsc_253",
-  "previous-button": "awsui_previous-button_1hpp3_tfcsc_254",
-  "finish-button": "awsui_finish-button_1hpp3_tfcsc_255",
-  "header": "awsui_header_1hpp3_tfcsc_256",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_tfcsc_257",
-  "content": "awsui_content_1hpp3_tfcsc_258",
-  "description": "awsui_description_1hpp3_tfcsc_262",
-  "actionBar": "awsui_actionBar_1hpp3_tfcsc_267",
-  "stepCounter": "awsui_stepCounter_1hpp3_tfcsc_274",
-  "divider": "awsui_divider_1hpp3_tfcsc_278",
-  "hotspot": "awsui_hotspot_1hpp3_tfcsc_282",
-  "icon": "awsui_icon_1hpp3_tfcsc_352"
+  "arrow": "awsui_arrow_1hpp3_1xspd_193",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1xspd_197",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1xspd_197",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1xspd_239",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1xspd_239",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1xspd_242",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1xspd_242",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1xspd_245",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1xspd_245",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1xspd_248",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1xspd_248",
+  "annotation": "awsui_annotation_1hpp3_1xspd_252",
+  "next-button": "awsui_next-button_1hpp3_1xspd_253",
+  "previous-button": "awsui_previous-button_1hpp3_1xspd_254",
+  "finish-button": "awsui_finish-button_1hpp3_1xspd_255",
+  "header": "awsui_header_1hpp3_1xspd_256",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1xspd_257",
+  "content": "awsui_content_1hpp3_1xspd_258",
+  "description": "awsui_description_1hpp3_1xspd_262",
+  "actionBar": "awsui_actionBar_1hpp3_1xspd_267",
+  "stepCounter": "awsui_stepCounter_1hpp3_1xspd_274",
+  "divider": "awsui_divider_1hpp3_1xspd_278",
+  "hotspot": "awsui_hotspot_1hpp3_1xspd_282",
+  "icon": "awsui_icon_1hpp3_1xspd_352"
 };

package/lib/internal/template/annotation-context/annotation/styles.scoped.css CHANGED Viewed

@@ -190,11 +190,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_arrow_1hpp3_tfcsc_193:not(#\9) {
+.awsui_arrow_1hpp3_1xspd_193:not(#\9) {
   inline-size: 20px;
   block-size: 10px;
 }
-.awsui_arrow-outer_1hpp3_tfcsc_197:not(#\9), .awsui_arrow-inner_1hpp3_tfcsc_197:not(#\9) {
+.awsui_arrow-outer_1hpp3_1xspd_197:not(#\9), .awsui_arrow-inner_1hpp3_1xspd_197:not(#\9) {
   position: absolute;
   overflow: hidden;
   inline-size: 20px;
@@ -203,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_arrow-outer_1hpp3_tfcsc_197:not(#\9)::after, .awsui_arrow-inner_1hpp3_tfcsc_197:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after, .awsui_arrow-inner_1hpp3_1xspd_197:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -219,67 +219,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_tfcsc_197:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_tfcsc_197:not(#\9):dir(rtl)::after {
+.awsui_arrow-outer_1hpp3_1xspd_197:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_1xspd_197:not(#\9):dir(rtl)::after {
   transform: rotate(-45deg);
   transform-origin: 100% 100%;
 }
-.awsui_arrow-outer_1hpp3_tfcsc_197:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after {
   background-color: var(--color-border-status-info-kp0iif, #0073bb);
 }
-.awsui_arrow-inner_1hpp3_tfcsc_197:not(#\9) {
+.awsui_arrow-inner_1hpp3_1xspd_197:not(#\9) {
   inset-block-start: 2px;
 }
-.awsui_arrow-inner_1hpp3_tfcsc_197:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_1xspd_197:not(#\9)::after {
   border-start-start-radius: 1px;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
   background-color: var(--color-background-status-info-nzp1n3, #f1faff);
 }
-.awsui_arrow-position-right-top_1hpp3_tfcsc_239 > .awsui_arrow-outer_1hpp3_tfcsc_197:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_tfcsc_239 > .awsui_arrow-outer_1hpp3_tfcsc_197:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_1xspd_239 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1xspd_239 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_1hpp3_tfcsc_242 > .awsui_arrow-outer_1hpp3_tfcsc_197:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_tfcsc_242 > .awsui_arrow-outer_1hpp3_tfcsc_197:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_1xspd_242 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1xspd_242 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_1hpp3_tfcsc_245 > .awsui_arrow-outer_1hpp3_tfcsc_197:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_tfcsc_245 > .awsui_arrow-outer_1hpp3_tfcsc_197:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_1xspd_245 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1xspd_245 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_1hpp3_tfcsc_248 > .awsui_arrow-outer_1hpp3_tfcsc_197:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_tfcsc_248 > .awsui_arrow-outer_1hpp3_tfcsc_197:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_1xspd_248 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1xspd_248 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
 }
-.awsui_annotation_1hpp3_tfcsc_252:not(#\9),
-.awsui_next-button_1hpp3_tfcsc_253:not(#\9),
-.awsui_previous-button_1hpp3_tfcsc_254:not(#\9),
-.awsui_finish-button_1hpp3_tfcsc_255:not(#\9),
-.awsui_header_1hpp3_tfcsc_256:not(#\9),
-.awsui_step-counter-content_1hpp3_tfcsc_257:not(#\9),
-.awsui_content_1hpp3_tfcsc_258:not(#\9) {
+.awsui_annotation_1hpp3_1xspd_252:not(#\9),
+.awsui_next-button_1hpp3_1xspd_253:not(#\9),
+.awsui_previous-button_1hpp3_1xspd_254:not(#\9),
+.awsui_finish-button_1hpp3_1xspd_255:not(#\9),
+.awsui_header_1hpp3_1xspd_256:not(#\9),
+.awsui_step-counter-content_1hpp3_1xspd_257:not(#\9),
+.awsui_content_1hpp3_1xspd_258:not(#\9) {
   /* used in test-utils */
 }
-.awsui_description_1hpp3_tfcsc_262:not(#\9) {
+.awsui_description_1hpp3_1xspd_262:not(#\9) {
   overflow: hidden;
   margin-block-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_actionBar_1hpp3_tfcsc_267:not(#\9) {
+.awsui_actionBar_1hpp3_1xspd_267:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_stepCounter_1hpp3_tfcsc_274:not(#\9) {
+.awsui_stepCounter_1hpp3_1xspd_274:not(#\9) {
   margin-inline-end: 20px;
 }
-.awsui_divider_1hpp3_tfcsc_278:not(#\9) {
+.awsui_divider_1hpp3_1xspd_278:not(#\9) {
   border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_hotspot_1hpp3_tfcsc_282:not(#\9) {
+.awsui_hotspot_1hpp3_1xspd_282:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -315,27 +315,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
   cursor: pointer;
-  scroll-margin: var(--awsui-content-scroll-margin-vl73au, 40px 0 0 0);
+  scroll-margin: var(--awsui-content-scroll-margin-lqnbqg, 40px 0 0 0);
   position: relative;
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_tfcsc_282:not(#\9):before {
+.awsui_hotspot_1hpp3_1xspd_282:not(#\9):before {
   content: "";
   position: absolute;
   inset: calc(-1 * var(--space-xxs-jnczic, 4px));
 }
-.awsui_hotspot_1hpp3_tfcsc_282:not(#\9):focus {
+.awsui_hotspot_1hpp3_1xspd_282:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_tfcsc_282:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1xspd_282:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_tfcsc_282:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1xspd_282:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_tfcsc_282:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1xspd_282:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -349,13 +349,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_tfcsc_282:not(#\9):focu
   border-end-end-radius: var(--border-radius-control-circular-focus-ring-0v2apg, 50%);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_hotspot_1hpp3_tfcsc_282 > .awsui_icon_1hpp3_tfcsc_352:not(#\9) {
+.awsui_hotspot_1hpp3_1xspd_282 > .awsui_icon_1hpp3_1xspd_352:not(#\9) {
   position: relative;
   stroke: var(--color-text-tutorial-hotspot-default-ql4c5o, #0073bb);
 }
-.awsui_hotspot_1hpp3_tfcsc_282:not(#\9):hover > .awsui_icon_1hpp3_tfcsc_352 {
+.awsui_hotspot_1hpp3_1xspd_282:not(#\9):hover > .awsui_icon_1hpp3_1xspd_352 {
   stroke: var(--color-text-tutorial-hotspot-hover-baiupp, #0a4a74);
 }
-.awsui_hotspot_1hpp3_tfcsc_282:not(#\9):active > .awsui_icon_1hpp3_tfcsc_352 {
+.awsui_hotspot_1hpp3_1xspd_282:not(#\9):active > .awsui_icon_1hpp3_1xspd_352 {
   stroke: var(--color-text-tutorial-hotspot-default-ql4c5o, #0073bb);
 }

package/lib/internal/template/annotation-context/annotation/styles.selectors.js CHANGED Viewed

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_tfcsc_193",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_tfcsc_197",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_tfcsc_197",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_tfcsc_239",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_tfcsc_239",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_tfcsc_242",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_tfcsc_242",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_tfcsc_245",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_tfcsc_245",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_tfcsc_248",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_tfcsc_248",
-  "annotation": "awsui_annotation_1hpp3_tfcsc_252",
-  "next-button": "awsui_next-button_1hpp3_tfcsc_253",
-  "previous-button": "awsui_previous-button_1hpp3_tfcsc_254",
-  "finish-button": "awsui_finish-button_1hpp3_tfcsc_255",
-  "header": "awsui_header_1hpp3_tfcsc_256",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_tfcsc_257",
-  "content": "awsui_content_1hpp3_tfcsc_258",
-  "description": "awsui_description_1hpp3_tfcsc_262",
-  "actionBar": "awsui_actionBar_1hpp3_tfcsc_267",
-  "stepCounter": "awsui_stepCounter_1hpp3_tfcsc_274",
-  "divider": "awsui_divider_1hpp3_tfcsc_278",
-  "hotspot": "awsui_hotspot_1hpp3_tfcsc_282",
-  "icon": "awsui_icon_1hpp3_tfcsc_352"
+  "arrow": "awsui_arrow_1hpp3_1xspd_193",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1xspd_197",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1xspd_197",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1xspd_239",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1xspd_239",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1xspd_242",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1xspd_242",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1xspd_245",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1xspd_245",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1xspd_248",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1xspd_248",
+  "annotation": "awsui_annotation_1hpp3_1xspd_252",
+  "next-button": "awsui_next-button_1hpp3_1xspd_253",
+  "previous-button": "awsui_previous-button_1hpp3_1xspd_254",
+  "finish-button": "awsui_finish-button_1hpp3_1xspd_255",
+  "header": "awsui_header_1hpp3_1xspd_256",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1xspd_257",
+  "content": "awsui_content_1hpp3_1xspd_258",
+  "description": "awsui_description_1hpp3_1xspd_262",
+  "actionBar": "awsui_actionBar_1hpp3_1xspd_267",
+  "stepCounter": "awsui_stepCounter_1hpp3_1xspd_274",
+  "divider": "awsui_divider_1hpp3_1xspd_278",
+  "hotspot": "awsui_hotspot_1hpp3_1xspd_282",
+  "icon": "awsui_icon_1hpp3_1xspd_352"
 };

package/lib/internal/template/app-layout/notifications/styles.css.js CHANGED Viewed

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "notifications": "awsui_notifications_1hmm4_120o6_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_120o6_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_120o6_25"
+  "notifications": "awsui_notifications_1hmm4_1eves_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1eves_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1eves_25"
 };

package/lib/internal/template/app-layout/notifications/styles.scoped.css CHANGED Viewed

@@ -6,26 +6,26 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_1hmm4_120o6_9:not(#\9),
-.awsui_notifications-sticky_1hmm4_120o6_10:not(#\9) {
+.awsui_notifications_1hmm4_1eves_9:not(#\9),
+.awsui_notifications-sticky_1hmm4_1eves_10:not(#\9) {
   z-index: 850;
 }
-.awsui_notifications_1hmm4_120o6_9:not(#\9) {
+.awsui_notifications_1hmm4_1eves_9:not(#\9) {
   /* This is necessary for the z-index to have effect */
   position: relative;
 }
-.awsui_notifications-sticky_1hmm4_120o6_10:not(#\9) {
+.awsui_notifications-sticky_1hmm4_1eves_10:not(#\9) {
   inset-block-start: 0;
   position: sticky;
-  --awsui-flashbar-sticky-bottom-margin-vl73au: var(--space-xxl-q0lyvp, 32px);
+  --awsui-flashbar-sticky-bottom-margin-lqnbqg: var(--space-xxl-q0lyvp, 32px);
 }
-.awsui_no-content-paddings_1hmm4_120o6_25:not(#\9) {
+.awsui_no-content-paddings_1hmm4_1eves_25:not(#\9) {
   /*
   When using the disableContentPaddings option, the Flashbar will use this custom property to add additional space
   when the notification bar is rendered, to prevent it from overlapping the content.
    */
-  --awsui-stacked-notifications-bottom-margin-vl73au: var(--space-scaled-l-66n9sr, 20px);
+  --awsui-stacked-notifications-bottom-margin-lqnbqg: var(--space-scaled-l-66n9sr, 20px);
 }

package/lib/internal/template/app-layout/notifications/styles.selectors.js CHANGED Viewed

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "notifications": "awsui_notifications_1hmm4_120o6_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_120o6_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_120o6_25"
+  "notifications": "awsui_notifications_1hmm4_1eves_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1eves_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1eves_25"
 };

package/lib/internal/template/app-layout/resize/styles.css.js CHANGED Viewed

@@ -1,10 +1,10 @@
     import './styles.scoped.css';
     export default {
-  "with-motion-vertical": "awsui_with-motion-vertical_b18tp_1ttk0_146",
-  "with-motion-horizontal": "awsui_with-motion-horizontal_b18tp_1ttk0_165",
-  "resize-active": "awsui_resize-active_b18tp_1ttk0_184",
-  "resize-side": "awsui_resize-side_b18tp_1ttk0_195",
-  "resize-bottom": "awsui_resize-bottom_b18tp_1ttk0_198"
+  "with-motion-vertical": "awsui_with-motion-vertical_b18tp_4n3n1_146",
+  "with-motion-horizontal": "awsui_with-motion-horizontal_b18tp_4n3n1_165",
+  "resize-active": "awsui_resize-active_b18tp_4n3n1_184",
+  "resize-side": "awsui_resize-side_b18tp_4n3n1_195",
+  "resize-bottom": "awsui_resize-bottom_b18tp_4n3n1_198"
 };

package/lib/internal/template/app-layout/resize/styles.scoped.css CHANGED Viewed

@@ -143,60 +143,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_1ttk0_146:not(#\9) {
+  .awsui_with-motion-vertical_b18tp_4n3n1_146:not(#\9) {
     transition: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
-    transition-property: border-color, opacity, block-size, inset-block-start;
+    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_1ttk0_146:not(#\9) {
+  .awsui_with-motion-vertical_b18tp_4n3n1_146:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled .awsui_with-motion-vertical_b18tp_1ttk0_146:not(#\9), .awsui-mode-entering .awsui_with-motion-vertical_b18tp_1ttk0_146:not(#\9) {
+  .awsui-motion-disabled .awsui_with-motion-vertical_b18tp_4n3n1_146:not(#\9), .awsui-mode-entering .awsui_with-motion-vertical_b18tp_4n3n1_146:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui_with-motion-horizontal_b18tp_1ttk0_165:not(#\9) {
+  .awsui_with-motion-horizontal_b18tp_4n3n1_165:not(#\9) {
     transition: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
     transition-property: border-color, opacity, inline-size, inset-inline-start;
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  .awsui_with-motion-horizontal_b18tp_1ttk0_165:not(#\9) {
+  .awsui_with-motion-horizontal_b18tp_4n3n1_165:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled .awsui_with-motion-horizontal_b18tp_1ttk0_165:not(#\9), .awsui-mode-entering .awsui_with-motion-horizontal_b18tp_1ttk0_165:not(#\9) {
+  .awsui-motion-disabled .awsui_with-motion-horizontal_b18tp_4n3n1_165:not(#\9), .awsui-mode-entering .awsui_with-motion-horizontal_b18tp_4n3n1_165:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 /* stylelint-disable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */
-.awsui_resize-active_b18tp_1ttk0_184 *:not(#\9) {
+.awsui_resize-active_b18tp_4n3n1_184 *:not(#\9) {
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_resize-active_b18tp_1ttk0_184 * .awsui_with-motion-vertical_b18tp_1ttk0_146:not(#\9),
-.awsui_resize-active_b18tp_1ttk0_184 * .awsui_with-motion-horizontal_b18tp_1ttk0_165:not(#\9) {
+.awsui_resize-active_b18tp_4n3n1_184 * .awsui_with-motion-vertical_b18tp_4n3n1_146:not(#\9),
+.awsui_resize-active_b18tp_4n3n1_184 * .awsui_with-motion-horizontal_b18tp_4n3n1_165:not(#\9) {
   transition: none;
   animation: none;
 }
-.awsui_resize-active_b18tp_1ttk0_184 iframe:not(#\9) {
+.awsui_resize-active_b18tp_4n3n1_184 iframe:not(#\9) {
   pointer-events: none;
 }
-.awsui_resize-side_b18tp_1ttk0_195 *:not(#\9) {
+.awsui_resize-side_b18tp_4n3n1_195 *:not(#\9) {
   cursor: ew-resize;
 }
-.awsui_resize-bottom_b18tp_1ttk0_198 *:not(#\9) {
+.awsui_resize-bottom_b18tp_4n3n1_198 *:not(#\9) {
   cursor: ns-resize;
 }

package/lib/internal/template/app-layout/resize/styles.selectors.js CHANGED Viewed

@@ -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_1ttk0_146",
-  "with-motion-horizontal": "awsui_with-motion-horizontal_b18tp_1ttk0_165",
-  "resize-active": "awsui_resize-active_b18tp_1ttk0_184",
-  "resize-side": "awsui_resize-side_b18tp_1ttk0_195",
-  "resize-bottom": "awsui_resize-bottom_b18tp_1ttk0_198"
+  "with-motion-vertical": "awsui_with-motion-vertical_b18tp_4n3n1_146",
+  "with-motion-horizontal": "awsui_with-motion-horizontal_b18tp_4n3n1_165",
+  "resize-active": "awsui_resize-active_b18tp_4n3n1_184",
+  "resize-side": "awsui_resize-side_b18tp_4n3n1_195",
+  "resize-bottom": "awsui_resize-bottom_b18tp_4n3n1_198"
 };

package/lib/internal/template/app-layout/runtime-drawer/index.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ import { DrawerPayload as RuntimeAiDrawerConfig } from '../../internal/plugins/w
 import { AppLayoutProps } from '../interfaces';
 export interface RuntimeDrawer extends AppLayoutProps.Drawer {
     onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;
+    position?: 'side' | 'bottom';
 }
 export interface DrawersLayout {
     global: Array<RuntimeDrawer>;

package/lib/internal/template/app-layout/runtime-drawer/index.d.ts.map CHANGED Viewed

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

package/lib/internal/template/app-layout/runtime-drawer/index.js.map CHANGED Viewed

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

package/lib/internal/template/app-layout/utils/use-drawers.d.ts CHANGED Viewed

@@ -32,7 +32,7 @@ export declare function useDrawers({ drawers, activeDrawerId: controlledActiveDr
     minDrawerSize: number;
     minGlobalDrawersSizes: Record<string, number>;
     drawerSizes: Record<string, number>;
-    drawersOpenQueue: string[];
+    drawersOpenQueue: React.MutableRefObject<string[]>;
     onActiveDrawerChange: (newDrawerId: string | null, { initiatedByUserAction }?: OnChangeParams) => void;
     onActiveDrawerResize: ({ id, size }: {
         id: string;

package/lib/internal/template/app-layout/utils/use-drawers.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-drawers.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/utils/use-drawers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAS3D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/C,eAAO,MAAM,eAAe,yBAAyB,CAAC;AAEtD,UAAU,UAAU;IAClB,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC9C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAkKD,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,gBAAgB,GAAG,gBAAgB,CAAC,GAAG;IAC7F,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,oBAAoB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,wBAAgB,UAAU,CACxB,EACE,OAAO,EACP,cAAc,EAAE,wBAAwB,EACxC,cAAc,EACd,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,EAAE,qBAAqB,GAC/C,EAAE,eAAe,EAClB,UAAU,EAAE,cAAc,CAAC,YAAY,CAAC,EACxC,UAAU,EAAE,UAAU;;;;;;;;;;;;;;~~wCAqBP~~,MAAM,GAAG,IAAI,8BACC,cAAc;;~~YATO~~,MAAM;cAAQ,MAAM;;~~4CAuC1D~~,MAAM,8BACW,QAAQ,cAAc,CAAC;;;EAqGrD"}
1	+ {"version":3,"file":"use-drawers.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/utils/use-drawers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAS3D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/C,eAAO,MAAM,eAAe,yBAAyB,CAAC;AAEtD,UAAU,UAAU;IAClB,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC9C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAkKD,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,gBAAgB,GAAG,gBAAgB,CAAC,GAAG;IAC7F,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,oBAAoB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,wBAAgB,UAAU,CACxB,EACE,OAAO,EACP,cAAc,EAAE,wBAAwB,EACxC,cAAc,EACd,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,EAAE,qBAAqB,GAC/C,EAAE,eAAe,EAClB,UAAU,EAAE,cAAc,CAAC,YAAY,CAAC,EACxC,UAAU,EAAE,UAAU;;;;;;;;;;;;;;wCAuBP,MAAM,GAAG,IAAI,8BACC,cAAc;;YAXO,MAAM;cAAQ,MAAM;;4CAyC1D,MAAM,8BACW,QAAQ,cAAc,CAAC;;;EAqGrD"}