@cloudscape-design/components 3.0.318 → 3.0.320

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

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_1vfmg_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1vfmg_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1vfmg_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1vfmg_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1vfmg_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1vfmg_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1vfmg_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1vfmg_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1vfmg_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1vfmg_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1vfmg_137",
-  "annotation": "awsui_annotation_1hpp3_1vfmg_145",
-  "next-button": "awsui_next-button_1hpp3_1vfmg_146",
-  "previous-button": "awsui_previous-button_1hpp3_1vfmg_147",
-  "finish-button": "awsui_finish-button_1hpp3_1vfmg_148",
-  "header": "awsui_header_1hpp3_1vfmg_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1vfmg_150",
-  "content": "awsui_content_1hpp3_1vfmg_151",
-  "description": "awsui_description_1hpp3_1vfmg_155",
-  "actionBar": "awsui_actionBar_1hpp3_1vfmg_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_1vfmg_167",
-  "divider": "awsui_divider_1hpp3_1vfmg_171",
-  "hotspot": "awsui_hotspot_1hpp3_1vfmg_175",
-  "icon": "awsui_icon_1hpp3_1vfmg_215"
+  "arrow": "awsui_arrow_1hpp3_ugayi_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_ugayi_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_ugayi_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_ugayi_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_ugayi_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_ugayi_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_ugayi_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_ugayi_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_ugayi_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_ugayi_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_ugayi_137",
+  "annotation": "awsui_annotation_1hpp3_ugayi_145",
+  "next-button": "awsui_next-button_1hpp3_ugayi_146",
+  "previous-button": "awsui_previous-button_1hpp3_ugayi_147",
+  "finish-button": "awsui_finish-button_1hpp3_ugayi_148",
+  "header": "awsui_header_1hpp3_ugayi_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_ugayi_150",
+  "content": "awsui_content_1hpp3_ugayi_151",
+  "description": "awsui_description_1hpp3_ugayi_155",
+  "actionBar": "awsui_actionBar_1hpp3_ugayi_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_ugayi_167",
+  "divider": "awsui_divider_1hpp3_ugayi_171",
+  "hotspot": "awsui_hotspot_1hpp3_ugayi_175",
+  "icon": "awsui_icon_1hpp3_ugayi_215"
 };
   

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

@@ -90,11 +90,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_1vfmg_93:not(#\9) {
+.awsui_arrow_1hpp3_ugayi_93:not(#\9) {
   width: 20px;
   height: 10px;
 }
-.awsui_arrow-outer_1hpp3_1vfmg_97:not(#\9), .awsui_arrow-inner_1hpp3_1vfmg_97:not(#\9) {
+.awsui_arrow-outer_1hpp3_ugayi_97:not(#\9), .awsui_arrow-inner_1hpp3_ugayi_97:not(#\9) {
   position: absolute;
   overflow: hidden;
   width: 20px;
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: 0;
   left: 0;
 }
-.awsui_arrow-outer_1hpp3_1vfmg_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1vfmg_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_ugayi_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_ugayi_97:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -115,26 +115,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_1vfmg_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_ugayi_97:not(#\9)::after {
   background-color: var(--color-border-status-info-lubl5f, #0972d3);
 }
-.awsui_arrow-inner_1hpp3_1vfmg_97:not(#\9) {
+.awsui_arrow-inner_1hpp3_ugayi_97:not(#\9) {
   top: 2px;
 }
-.awsui_arrow-inner_1hpp3_1vfmg_97:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_ugayi_97:not(#\9)::after {
   border-radius: 1px 0 0 0;
   background-color: var(--color-background-status-info-wlp7jc, #f2f8fd);
 }
-.awsui_arrow-position-right-top_1hpp3_1vfmg_128 > .awsui_arrow-outer_1hpp3_1vfmg_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1vfmg_128 > .awsui_arrow-outer_1hpp3_1vfmg_97:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_ugayi_128 > .awsui_arrow-outer_1hpp3_ugayi_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_ugayi_128 > .awsui_arrow-outer_1hpp3_ugayi_97:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-ukle9p, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-left-top_1hpp3_1vfmg_131 > .awsui_arrow-outer_1hpp3_1vfmg_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1vfmg_131 > .awsui_arrow-outer_1hpp3_1vfmg_97:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_ugayi_131 > .awsui_arrow-outer_1hpp3_ugayi_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_ugayi_131 > .awsui_arrow-outer_1hpp3_ugayi_97:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-ukle9p, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-top-center_1hpp3_1vfmg_134 > .awsui_arrow-outer_1hpp3_1vfmg_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1vfmg_134 > .awsui_arrow-outer_1hpp3_1vfmg_97:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_ugayi_134 > .awsui_arrow-outer_1hpp3_ugayi_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_ugayi_134 > .awsui_arrow-outer_1hpp3_ugayi_97:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-ukle9p, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-bottom-center_1hpp3_1vfmg_137 > .awsui_arrow-outer_1hpp3_1vfmg_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1vfmg_137 > .awsui_arrow-outer_1hpp3_1vfmg_97:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_ugayi_137 > .awsui_arrow-outer_1hpp3_ugayi_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_ugayi_137 > .awsui_arrow-outer_1hpp3_ugayi_97:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-ukle9p, rgba(0, 7, 22, 0.12));
 }
 
@@ -142,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_1vfmg_145:not(#\9),
-.awsui_next-button_1hpp3_1vfmg_146:not(#\9),
-.awsui_previous-button_1hpp3_1vfmg_147:not(#\9),
-.awsui_finish-button_1hpp3_1vfmg_148:not(#\9),
-.awsui_header_1hpp3_1vfmg_149:not(#\9),
-.awsui_step-counter-content_1hpp3_1vfmg_150:not(#\9),
-.awsui_content_1hpp3_1vfmg_151:not(#\9) {
+.awsui_annotation_1hpp3_ugayi_145:not(#\9),
+.awsui_next-button_1hpp3_ugayi_146:not(#\9),
+.awsui_previous-button_1hpp3_ugayi_147:not(#\9),
+.awsui_finish-button_1hpp3_ugayi_148:not(#\9),
+.awsui_header_1hpp3_ugayi_149:not(#\9),
+.awsui_step-counter-content_1hpp3_ugayi_150:not(#\9),
+.awsui_content_1hpp3_ugayi_151:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_1vfmg_155:not(#\9) {
+.awsui_description_1hpp3_ugayi_155:not(#\9) {
   overflow: hidden;
   margin-top: var(--space-xxs-ja5cp8, 4px);
 }
 
-.awsui_actionBar_1hpp3_1vfmg_160:not(#\9) {
+.awsui_actionBar_1hpp3_ugayi_160:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_1vfmg_167:not(#\9) {
+.awsui_stepCounter_1hpp3_ugayi_167:not(#\9) {
   margin-right: 20px;
 }
 
-.awsui_divider_1hpp3_1vfmg_171:not(#\9) {
+.awsui_divider_1hpp3_ugayi_171:not(#\9) {
   border-bottom: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
 
-.awsui_hotspot_1hpp3_1vfmg_175:not(#\9) {
+.awsui_hotspot_1hpp3_ugayi_175:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -213,21 +213,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border: none;
   padding: 0;
   cursor: pointer;
-  scroll-margin: var(--awsui-content-scroll-margin-8nglyc, 40px 0 0 0);
+  scroll-margin: var(--awsui-content-scroll-margin-zw2xxa, 40px 0 0 0);
   width: 16px;
   height: 16px;
 }
-.awsui_hotspot_1hpp3_1vfmg_175:not(#\9):focus {
+.awsui_hotspot_1hpp3_ugayi_175:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1vfmg_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_ugayi_175:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1vfmg_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_ugayi_175:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1vfmg_175:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_ugayi_175:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -238,13 +238,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1vfmg_175:not(#\9):focu
   border-radius: var(--border-radius-control-circular-focus-ring-lj7j2y, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
 }
-.awsui_hotspot_1hpp3_1vfmg_175 > .awsui_icon_1hpp3_1vfmg_215:not(#\9) {
+.awsui_hotspot_1hpp3_ugayi_175 > .awsui_icon_1hpp3_ugayi_215:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-gthbx2, #0972d3);
 }
-.awsui_hotspot_1hpp3_1vfmg_175:not(#\9):hover > .awsui_icon_1hpp3_1vfmg_215 {
+.awsui_hotspot_1hpp3_ugayi_175:not(#\9):hover > .awsui_icon_1hpp3_ugayi_215 {
   stroke: var(--color-text-link-hover-h1b9eu, #033160);
 }
-.awsui_hotspot_1hpp3_1vfmg_175:not(#\9):active > .awsui_icon_1hpp3_1vfmg_215 {
+.awsui_hotspot_1hpp3_ugayi_175:not(#\9):active > .awsui_icon_1hpp3_ugayi_215 {
   stroke: var(--color-text-link-default-gthbx2, #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_1vfmg_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1vfmg_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1vfmg_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1vfmg_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1vfmg_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1vfmg_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1vfmg_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1vfmg_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1vfmg_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1vfmg_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1vfmg_137",
-  "annotation": "awsui_annotation_1hpp3_1vfmg_145",
-  "next-button": "awsui_next-button_1hpp3_1vfmg_146",
-  "previous-button": "awsui_previous-button_1hpp3_1vfmg_147",
-  "finish-button": "awsui_finish-button_1hpp3_1vfmg_148",
-  "header": "awsui_header_1hpp3_1vfmg_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1vfmg_150",
-  "content": "awsui_content_1hpp3_1vfmg_151",
-  "description": "awsui_description_1hpp3_1vfmg_155",
-  "actionBar": "awsui_actionBar_1hpp3_1vfmg_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_1vfmg_167",
-  "divider": "awsui_divider_1hpp3_1vfmg_171",
-  "hotspot": "awsui_hotspot_1hpp3_1vfmg_175",
-  "icon": "awsui_icon_1hpp3_1vfmg_215"
+  "arrow": "awsui_arrow_1hpp3_ugayi_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_ugayi_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_ugayi_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_ugayi_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_ugayi_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_ugayi_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_ugayi_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_ugayi_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_ugayi_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_ugayi_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_ugayi_137",
+  "annotation": "awsui_annotation_1hpp3_ugayi_145",
+  "next-button": "awsui_next-button_1hpp3_ugayi_146",
+  "previous-button": "awsui_previous-button_1hpp3_ugayi_147",
+  "finish-button": "awsui_finish-button_1hpp3_ugayi_148",
+  "header": "awsui_header_1hpp3_ugayi_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_ugayi_150",
+  "content": "awsui_content_1hpp3_ugayi_151",
+  "description": "awsui_description_1hpp3_ugayi_155",
+  "actionBar": "awsui_actionBar_1hpp3_ugayi_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_ugayi_167",
+  "divider": "awsui_divider_1hpp3_ugayi_171",
+  "hotspot": "awsui_hotspot_1hpp3_ugayi_175",
+  "icon": "awsui_icon_1hpp3_ugayi_215"
 };
   

package/app-layout/drawer/interfaces.d.ts

@@ -80,13 +80,6 @@ export interface DrawerItem {
         id: string;
     }>;
 }
-export interface SizeControlProps {
-    position: 'side';
-    splitPanelRef?: React.RefObject<HTMLDivElement>;
-    handleRef?: React.RefObject<HTMLDivElement>;
-    setSidePanelWidth: (width: number) => void;
-    setBottomPanelHeight: (height: number) => void;
-}
 export interface InternalDrawerProps {
     drawers?: {
         items: Array<DrawerItem>;

package/app-layout/drawer/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["app-layout/drawer/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE;QACV,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACnC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;KACnC,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,UAAU,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC9C,iBAAiB,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,OAAO,aAAa,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;QACzB,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QACnC,QAAQ,EAAE,CAAC,YAAY,EAAE;YAAE,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;SAAE,KAAK,IAAI,CAAC;KAC1E,CAAC;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,QAAQ,EAAE,CAAC,YAAY,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,MAAM,CAAC;IAC1B,IAAI,EAAE,sBAAsB,CAAC;CAC9B;AAED,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;QACzB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,EAAE,CAAC,YAAY,EAAE;YAAE,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;SAAE,KAAK,IAAI,CAAC;QACzE,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC;IACF,UAAU,EAAE,oBAAoB,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,yBAAyB,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpE;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;QACzB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC;QAC7C,QAAQ,CAAC,EAAE,yBAAyB,CAAC;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACnE,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["app-layout/drawer/interfaces.ts"],"names":[],"mappings":"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"}

package/app-layout/drawer/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["app-layout/drawer/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 { ButtonProps } from '../../button/interfaces';\nimport { togglesConfig } from '../toggles';\nimport { AppLayoutProps } from '../interfaces';\nimport { IconProps } from '../../icon/interfaces';\nimport { NonCancelableEventHandler } from '../../internal/events';\n\nimport { DrawerFocusControlRefs } from '../utils/use-drawer-focus-control';\n\nexport interface DesktopDrawerProps {\n  contentClassName: string;\n  toggleClassName: string;\n  closeClassName: string;\n  toggleRefs: {\n    toggle: React.Ref<ButtonProps.Ref>;\n    close: React.Ref<ButtonProps.Ref>;\n  };\n  width: number;\n  topOffset: number | undefined;\n  bottomOffset: number | undefined;\n  ariaLabels: AppLayoutProps.Labels | undefined;\n  drawersAriaLabels?: DrawerItemAriaLabels | undefined;\n  children: React.ReactNode;\n  type: keyof typeof togglesConfig;\n  isMobile: boolean;\n  isOpen: boolean;\n  onToggle: (isOpen: boolean) => void;\n  onClick?: (event: React.MouseEvent) => void;\n  onLoseFocus?: (event: React.FocusEvent) => void;\n  drawers?: {\n    items: Array<DrawerItem>;\n    activeDrawerId: string | undefined;\n    onChange: (changeDetail: { activeDrawerId: string | undefined }) => void;\n  };\n  resizeHandle?: React.ReactNode;\n}\n\nexport interface ResizableDrawerProps extends DesktopDrawerProps {\n  activeDrawer?: DrawerItem;\n  onResize: (resizeDetail: { size: number; id: string }) => void;\n  size: number;\n  getMaxWidth: () => number;\n  refs: DrawerFocusControlRefs;\n}\n\nexport interface DrawerTriggersBarProps {\n  contentClassName: string;\n  toggleClassName: string;\n  topOffset: number | undefined;\n  bottomOffset: number | undefined;\n  isMobile: boolean;\n  drawers?: {\n    items: Array<DrawerItem>;\n    activeDrawerId?: string;\n    onChange: (changeDetail: { activeDrawerId: string | undefined }) => void;\n    ariaLabel?: string;\n  };\n}\n\nexport interface DrawerItemAriaLabels {\n  content?: string;\n  closeButton?: string;\n  triggerButton?: string;\n  resizeHandle?: string;\n}\n\nexport interface DrawerItem {\n  id: string;\n  content: React.ReactNode;\n  trigger: {\n    iconName?: IconProps.Name;\n    iconSvg?: React.ReactNode;\n  };\n  ariaLabels: DrawerItemAriaLabels;\n  resizable?: boolean;\n  defaultSize?: number;\n  onResize?: NonCancelableEventHandler<{ size: number; id: string }>;\n}\n\nexport interface SizeControlProps {\n  position: 'side';\n  splitPanelRef?: React.RefObject<HTMLDivElement>;\n  handleRef?: React.RefObject<HTMLDivElement>;\n  setSidePanelWidth: (width: number) => void;\n  setBottomPanelHeight: (height: number) => void;\n}\n\nexport interface InternalDrawerProps {\n  drawers?: {\n    items: Array<DrawerItem>;\n    activeDrawerId?: string;\n    onChange?: NonCancelableEventHandler<string>;\n    onResize?: NonCancelableEventHandler<{ size: number; id: string }>;\n    ariaLabel?: string;\n  };\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["app-layout/drawer/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 { ButtonProps } from '../../button/interfaces';\nimport { togglesConfig } from '../toggles';\nimport { AppLayoutProps } from '../interfaces';\nimport { IconProps } from '../../icon/interfaces';\nimport { NonCancelableEventHandler } from '../../internal/events';\n\nimport { DrawerFocusControlRefs } from '../utils/use-drawer-focus-control';\n\nexport interface DesktopDrawerProps {\n  contentClassName: string;\n  toggleClassName: string;\n  closeClassName: string;\n  toggleRefs: {\n    toggle: React.Ref<ButtonProps.Ref>;\n    close: React.Ref<ButtonProps.Ref>;\n  };\n  width: number;\n  topOffset: number | undefined;\n  bottomOffset: number | undefined;\n  ariaLabels: AppLayoutProps.Labels | undefined;\n  drawersAriaLabels?: DrawerItemAriaLabels | undefined;\n  children: React.ReactNode;\n  type: keyof typeof togglesConfig;\n  isMobile: boolean;\n  isOpen: boolean;\n  onToggle: (isOpen: boolean) => void;\n  onClick?: (event: React.MouseEvent) => void;\n  onLoseFocus?: (event: React.FocusEvent) => void;\n  drawers?: {\n    items: Array<DrawerItem>;\n    activeDrawerId: string | undefined;\n    onChange: (changeDetail: { activeDrawerId: string | undefined }) => void;\n  };\n  resizeHandle?: React.ReactNode;\n}\n\nexport interface ResizableDrawerProps extends DesktopDrawerProps {\n  activeDrawer?: DrawerItem;\n  onResize: (resizeDetail: { size: number; id: string }) => void;\n  size: number;\n  getMaxWidth: () => number;\n  refs: DrawerFocusControlRefs;\n}\n\nexport interface DrawerTriggersBarProps {\n  contentClassName: string;\n  toggleClassName: string;\n  topOffset: number | undefined;\n  bottomOffset: number | undefined;\n  isMobile: boolean;\n  drawers?: {\n    items: Array<DrawerItem>;\n    activeDrawerId?: string;\n    onChange: (changeDetail: { activeDrawerId: string | undefined }) => void;\n    ariaLabel?: string;\n  };\n}\n\nexport interface DrawerItemAriaLabels {\n  content?: string;\n  closeButton?: string;\n  triggerButton?: string;\n  resizeHandle?: string;\n}\n\nexport interface DrawerItem {\n  id: string;\n  content: React.ReactNode;\n  trigger: {\n    iconName?: IconProps.Name;\n    iconSvg?: React.ReactNode;\n  };\n  ariaLabels: DrawerItemAriaLabels;\n  resizable?: boolean;\n  defaultSize?: number;\n  onResize?: NonCancelableEventHandler<{ size: number; id: string }>;\n}\n\nexport interface InternalDrawerProps {\n  drawers?: {\n    items: Array<DrawerItem>;\n    activeDrawerId?: string;\n    onChange?: NonCancelableEventHandler<string>;\n    onResize?: NonCancelableEventHandler<{ size: number; id: string }>;\n    ariaLabel?: string;\n  };\n}\n"]}

package/app-layout/drawer/resizable-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-drawer.d.ts","sourceRoot":"lib/default/","sources":["app-layout/drawer/resizable-drawer.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAoB,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEtE,eAAO,MAAM,eAAe,kEAOzB,oBAAoB,gBAsEtB,CAAC"}
+{"version":3,"file":"resizable-drawer.d.ts","sourceRoot":"lib/default/","sources":["app-layout/drawer/resizable-drawer.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,eAAO,MAAM,eAAe,kEAOzB,oBAAoB,gBAsEtB,CAAC"}

package/app-layout/drawer/resizable-drawer.js

@@ -4,8 +4,8 @@ import { __rest } from "tslib";
 import clsx from 'clsx';
 import React, { useEffect, useState, useRef } from 'react';
 import { getLimitedValue } from '../../split-panel/utils/size-utils';
-import { usePointerEvents } from '../../split-panel/utils/use-pointer-events';
-import { useKeyboardEvents } from '../../split-panel/utils/use-keyboard-events';
+import { usePointerEvents } from '../utils/use-pointer-events';
+import { useKeyboardEvents } from '../utils/use-keyboard-events';
 import { Drawer } from './index';
 import testutilStyles from '../test-classes/styles.css.js';
 import ResizeHandler from '../../split-panel/icons/resize-handler';
@@ -38,7 +38,7 @@ export const ResizableDrawer = (_a) => {
     const drawerRefObject = useRef(null);
     const sizeControlProps = {
         position,
-        splitPanelRef: drawerRefObject,
+        panelRef: drawerRefObject,
         handleRef: refs.slider,
         setSidePanelWidth,
         setBottomPanelHeight,

package/app-layout/drawer/resizable-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-drawer.js","sourceRoot":"lib/default/","sources":["app-layout/drawer/resizable-drawer.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 clsx from 'clsx';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { getLimitedValue } from '../../split-panel/utils/size-utils';\nimport { usePointerEvents } from '../../split-panel/utils/use-pointer-events';\nimport { useKeyboardEvents } from '../../split-panel/utils/use-keyboard-events';\nimport { Drawer } from './index';\nimport testutilStyles from '../test-classes/styles.css.js';\n\nimport ResizeHandler from '../../split-panel/icons/resize-handler';\nimport splitPanelStyles from '../../split-panel/styles.css.js';\nimport { SizeControlProps, ResizableDrawerProps } from './interfaces';\n\nexport const ResizableDrawer = ({\n  onResize,\n  size,\n  getMaxWidth,\n  refs,\n  activeDrawer,\n  ...props\n}: ResizableDrawerProps) => {\n  const { isOpen, children, isMobile } = props;\n\n  const MIN_WIDTH = activeDrawer?.defaultSize && activeDrawer.defaultSize < 280 ? activeDrawer?.defaultSize : 280;\n  const [relativeSize, setRelativeSize] = useState(0);\n\n  useEffect(() => {\n    // effects are called inside out in the components tree\n    // wait one frame to allow app-layout to complete its calculations\n    const handle = requestAnimationFrame(() => {\n      const maxSize = getMaxWidth();\n      setRelativeSize((size / maxSize) * 100);\n    });\n    return () => cancelAnimationFrame(handle);\n  }, [size, getMaxWidth]);\n\n  const setSidePanelWidth = (width: number) => {\n    const maxWidth = getMaxWidth();\n    const size = getLimitedValue(MIN_WIDTH, width, maxWidth);\n    const id = activeDrawer?.id;\n\n    if (isOpen && id && maxWidth >= MIN_WIDTH) {\n      onResize({ size, id });\n    }\n  };\n\n  const position = 'side';\n  const setBottomPanelHeight = () => {};\n  const drawerRefObject = useRef<HTMLDivElement>(null);\n\n  const sizeControlProps: SizeControlProps = {\n    position,\n    splitPanelRef: drawerRefObject,\n    handleRef: refs.slider,\n    setSidePanelWidth,\n    setBottomPanelHeight,\n  };\n\n  const onSliderPointerDown = usePointerEvents(sizeControlProps);\n  const onKeyDown = useKeyboardEvents(sizeControlProps);\n\n  const resizeHandle = (\n    <div\n      ref={refs.slider}\n      role=\"slider\"\n      tabIndex={0}\n      aria-label={activeDrawer?.ariaLabels?.resizeHandle}\n      aria-valuemax={100}\n      aria-valuemin={0}\n      aria-valuenow={relativeSize}\n      className={clsx(splitPanelStyles.slider, splitPanelStyles[`slider-side`], testutilStyles['drawers-slider'])}\n      onKeyDown={onKeyDown}\n      onPointerDown={onSliderPointerDown}\n    >\n      <ResizeHandler className={clsx(splitPanelStyles['slider-icon'], splitPanelStyles[`slider-icon-side`])} />\n    </div>\n  );\n\n  return (\n    <Drawer\n      {...props}\n      ref={drawerRefObject}\n      resizeHandle={\n        !isMobile &&\n        activeDrawer?.resizable && <div className={splitPanelStyles['slider-wrapper-side']}>{resizeHandle}</div>\n      }\n    >\n      {children}\n    </Drawer>\n  );\n};\n"]}
+{"version":3,"file":"resizable-drawer.js","sourceRoot":"lib/default/","sources":["app-layout/drawer/resizable-drawer.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 clsx from 'clsx';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { getLimitedValue } from '../../split-panel/utils/size-utils';\nimport { usePointerEvents } from '../utils/use-pointer-events';\nimport { useKeyboardEvents } from '../utils/use-keyboard-events';\nimport { SizeControlProps } from '../utils/interfaces';\nimport { Drawer } from './index';\nimport testutilStyles from '../test-classes/styles.css.js';\n\nimport ResizeHandler from '../../split-panel/icons/resize-handler';\nimport splitPanelStyles from '../../split-panel/styles.css.js';\nimport { ResizableDrawerProps } from './interfaces';\n\nexport const ResizableDrawer = ({\n  onResize,\n  size,\n  getMaxWidth,\n  refs,\n  activeDrawer,\n  ...props\n}: ResizableDrawerProps) => {\n  const { isOpen, children, isMobile } = props;\n\n  const MIN_WIDTH = activeDrawer?.defaultSize && activeDrawer.defaultSize < 280 ? activeDrawer?.defaultSize : 280;\n  const [relativeSize, setRelativeSize] = useState(0);\n\n  useEffect(() => {\n    // effects are called inside out in the components tree\n    // wait one frame to allow app-layout to complete its calculations\n    const handle = requestAnimationFrame(() => {\n      const maxSize = getMaxWidth();\n      setRelativeSize((size / maxSize) * 100);\n    });\n    return () => cancelAnimationFrame(handle);\n  }, [size, getMaxWidth]);\n\n  const setSidePanelWidth = (width: number) => {\n    const maxWidth = getMaxWidth();\n    const size = getLimitedValue(MIN_WIDTH, width, maxWidth);\n    const id = activeDrawer?.id;\n\n    if (isOpen && id && maxWidth >= MIN_WIDTH) {\n      onResize({ size, id });\n    }\n  };\n\n  const position = 'side';\n  const setBottomPanelHeight = () => {};\n  const drawerRefObject = useRef<HTMLDivElement>(null);\n\n  const sizeControlProps: SizeControlProps = {\n    position,\n    panelRef: drawerRefObject,\n    handleRef: refs.slider,\n    setSidePanelWidth,\n    setBottomPanelHeight,\n  };\n\n  const onSliderPointerDown = usePointerEvents(sizeControlProps);\n  const onKeyDown = useKeyboardEvents(sizeControlProps);\n\n  const resizeHandle = (\n    <div\n      ref={refs.slider}\n      role=\"slider\"\n      tabIndex={0}\n      aria-label={activeDrawer?.ariaLabels?.resizeHandle}\n      aria-valuemax={100}\n      aria-valuemin={0}\n      aria-valuenow={relativeSize}\n      className={clsx(splitPanelStyles.slider, splitPanelStyles[`slider-side`], testutilStyles['drawers-slider'])}\n      onKeyDown={onKeyDown}\n      onPointerDown={onSliderPointerDown}\n    >\n      <ResizeHandler className={clsx(splitPanelStyles['slider-icon'], splitPanelStyles[`slider-icon-side`])} />\n    </div>\n  );\n\n  return (\n    <Drawer\n      {...props}\n      ref={drawerRefObject}\n      resizeHandle={\n        !isMobile &&\n        activeDrawer?.resizable && <div className={splitPanelStyles['slider-wrapper-side']}>{resizeHandle}</div>\n      }\n    >\n      {children}\n    </Drawer>\n  );\n};\n"]}

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

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "notifications": "awsui_notifications_1hmm4_1cly4_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1cly4_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1cly4_25"
+  "notifications": "awsui_notifications_1hmm4_17p9e_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_17p9e_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_17p9e_25"
 };
   

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

@@ -6,26 +6,26 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_1hmm4_1cly4_9:not(#\9),
-.awsui_notifications-sticky_1hmm4_1cly4_10:not(#\9) {
+.awsui_notifications_1hmm4_17p9e_9:not(#\9),
+.awsui_notifications-sticky_1hmm4_17p9e_10:not(#\9) {
   z-index: 850;
 }
 
-.awsui_notifications_1hmm4_1cly4_9:not(#\9) {
+.awsui_notifications_1hmm4_17p9e_9:not(#\9) {
   /* This is necessary for the z-index to have effect */
   position: relative;
 }
 
-.awsui_notifications-sticky_1hmm4_1cly4_10:not(#\9) {
+.awsui_notifications-sticky_1hmm4_17p9e_10:not(#\9) {
   top: 0;
   position: sticky;
-  --awsui-flashbar-sticky-bottom-margin-8nglyc: var(--space-xxl-sgg5p8, 32px);
+  --awsui-flashbar-sticky-bottom-margin-zw2xxa: var(--space-xxl-sgg5p8, 32px);
 }
 
-.awsui_no-content-paddings_1hmm4_1cly4_25:not(#\9) {
+.awsui_no-content-paddings_1hmm4_17p9e_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-8nglyc: var(--space-scaled-l-2rs0gk, 20px);
+  --awsui-stacked-notifications-bottom-margin-zw2xxa: var(--space-scaled-l-2rs0gk, 20px);
 }

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

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "notifications": "awsui_notifications_1hmm4_1cly4_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1cly4_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1cly4_25"
+  "notifications": "awsui_notifications_1hmm4_17p9e_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_17p9e_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_17p9e_25"
 };
   

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

@@ -1 +1 @@
-{"version":3,"file":"runtime-api.d.ts","sourceRoot":"lib/default/","sources":["app-layout/runtime-api.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAoBjD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,KAAK,CAAC,mBAAmB,CAAC,GAAG,aAAa,CAiBxF"}
+{"version":3,"file":"runtime-api.d.ts","sourceRoot":"lib/default/","sources":["app-layout/runtime-api.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAoBjD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,KAAK,CAAC,mBAAmB,CAAC,GAAG,aAAa,CA0BxF"}

package/app-layout/runtime-api.js

@@ -14,8 +14,11 @@ function RuntimeContentWrapper({ mountContent, unmountContent }) {
 }
 export function convertRuntimeDrawers(drawers) {
     const converted = drawers.map((_a) => {
-        var { mountContent, unmountContent } = _a, runtimeDrawer = __rest(_a, ["mountContent", "unmountContent"]);
-        return (Object.assign(Object.assign({}, runtimeDrawer), { content: (React.createElement(RuntimeContentWrapper, { key: runtimeDrawer.id, mountContent: mountContent, unmountContent: unmountContent })) }));
+        var { mountContent, unmountContent, trigger } = _a, runtimeDrawer = __rest(_a, ["mountContent", "unmountContent", "trigger"]);
+        return (Object.assign(Object.assign({}, runtimeDrawer), { trigger: trigger.iconSvg
+                ? Object.assign(Object.assign({}, trigger), { iconSvg: (
+                    // eslint-disable-next-line react/no-danger
+                    React.createElement("span", { dangerouslySetInnerHTML: { __html: trigger.iconSvg } })) }) : trigger, content: (React.createElement(RuntimeContentWrapper, { key: runtimeDrawer.id, mountContent: mountContent, unmountContent: unmountContent })) }));
     });
     converted.sort((a, b) => {
         var _a, _b;

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

@@ -1 +1 @@
-{"version":3,"file":"runtime-api.js","sourceRoot":"lib/default/","sources":["app-layout/runtime-api.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AASjD,SAAS,qBAAqB,CAAC,EAAE,YAAY,EAAE,cAAc,EAA8B;IACzF,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,GAAG,CAAC,OAAQ,CAAC;QAC/B,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QACvC,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,6BAAK,GAAG,EAAE,GAAG,GAAQ,CAAC;AAC/B,CAAC;AAOD,MAAM,UAAU,qBAAqB,CAAC,OAAmC;IACvE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,EAAkD,EAAE,EAAE;YAAtD,EAAE,YAAY,EAAE,cAAc,OAAoB,EAAf,aAAa,cAAhD,kCAAkD,CAAF;QAAO,OAAA,iCACjF,aAAa,KAChB,OAAO,EAAE,CACP,oBAAC,qBAAqB,IAAC,GAAG,EAAE,aAAa,CAAC,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,GAAI,CAC7G,IACD,CAAA;KAAA,CAAC,CAAC;IACJ,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;;QACtB,IAAI,CAAC,CAAC,aAAa,KAAK,CAAC,CAAC,aAAa,EAAE;YACvC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,MAAA,CAAC,CAAC,aAAa,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,CAAC,CAAC,aAAa,mCAAI,CAAC,CAAC,CAAC,CAAC;SACnE;QACD,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IACH,OAAO;QACL,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAC,OAAA,CAAC,MAAA,IAAI,CAAC,aAAa,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAA,EAAA,CAAC;QAC/D,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAC,OAAA,CAAC,MAAA,IAAI,CAAC,aAAa,mCAAI,CAAC,CAAC,IAAI,CAAC,CAAA,EAAA,CAAC;KAChE,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { DrawerConfig as RuntimeDrawerConfig } from '../internal/plugins/drawers-controller';\nimport { DrawerItem } from './drawer/interfaces';\n\ninterface RuntimeContentWrapperProps {\n  mountContent: RuntimeDrawerConfig['mountContent'];\n  unmountContent: RuntimeDrawerConfig['unmountContent'];\n}\n\nfunction RuntimeContentWrapper({ mountContent, unmountContent }: RuntimeContentWrapperProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const container = ref.current!;\n    mountContent(container);\n    return () => unmountContent(container);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <div ref={ref}></div>;\n}\n\nexport interface DrawersLayout {\n  before: Array<DrawerItem>;\n  after: Array<DrawerItem>;\n}\n\nexport function convertRuntimeDrawers(drawers: Array<RuntimeDrawerConfig>): DrawersLayout {\n  const converted = drawers.map(({ mountContent, unmountContent, ...runtimeDrawer }) => ({\n    ...runtimeDrawer,\n    content: (\n      <RuntimeContentWrapper key={runtimeDrawer.id} mountContent={mountContent} unmountContent={unmountContent} />\n    ),\n  }));\n  converted.sort((a, b) => {\n    if (b.orderPriority !== a.orderPriority) {\n      return Math.sign((b.orderPriority ?? 0) - (a.orderPriority ?? 0));\n    }\n    return b.id < a.id ? 1 : -1;\n  });\n  return {\n    before: converted.filter(item => (item.orderPriority ?? 0) > 0),\n    after: converted.filter(item => (item.orderPriority ?? 0) <= 0),\n  };\n}\n"]}
+{"version":3,"file":"runtime-api.js","sourceRoot":"lib/default/","sources":["app-layout/runtime-api.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AASjD,SAAS,qBAAqB,CAAC,EAAE,YAAY,EAAE,cAAc,EAA8B;IACzF,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,GAAG,CAAC,OAAQ,CAAC;QAC/B,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QACvC,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,6BAAK,GAAG,EAAE,GAAG,GAAQ,CAAC;AAC/B,CAAC;AAOD,MAAM,UAAU,qBAAqB,CAAC,OAAmC;IACvE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,EAA2D,EAAE,EAAE;YAA/D,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,OAAoB,EAAf,aAAa,cAAzD,6CAA2D,CAAF;QAAO,OAAA,iCAC1F,aAAa,KAChB,OAAO,EAAE,OAAO,CAAC,OAAO;gBACtB,CAAC,iCACM,OAAO,KACV,OAAO,EAAE;oBACP,2CAA2C;oBAC3C,8BAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,OAAO,EAAE,GAAI,CAC/D,IAEL,CAAC,CAAC,OAAO,EACX,OAAO,EAAE,CACP,oBAAC,qBAAqB,IAAC,GAAG,EAAE,aAAa,CAAC,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,GAAI,CAC7G,IACD,CAAA;KAAA,CAAC,CAAC;IACJ,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;;QACtB,IAAI,CAAC,CAAC,aAAa,KAAK,CAAC,CAAC,aAAa,EAAE;YACvC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,MAAA,CAAC,CAAC,aAAa,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,CAAC,CAAC,aAAa,mCAAI,CAAC,CAAC,CAAC,CAAC;SACnE;QACD,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IACH,OAAO;QACL,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAC,OAAA,CAAC,MAAA,IAAI,CAAC,aAAa,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAA,EAAA,CAAC;QAC/D,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAC,OAAA,CAAC,MAAA,IAAI,CAAC,aAAa,mCAAI,CAAC,CAAC,IAAI,CAAC,CAAA,EAAA,CAAC;KAChE,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { DrawerConfig as RuntimeDrawerConfig } from '../internal/plugins/drawers-controller';\nimport { DrawerItem } from './drawer/interfaces';\n\ninterface RuntimeContentWrapperProps {\n  mountContent: RuntimeDrawerConfig['mountContent'];\n  unmountContent: RuntimeDrawerConfig['unmountContent'];\n}\n\nfunction RuntimeContentWrapper({ mountContent, unmountContent }: RuntimeContentWrapperProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const container = ref.current!;\n    mountContent(container);\n    return () => unmountContent(container);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <div ref={ref}></div>;\n}\n\nexport interface DrawersLayout {\n  before: Array<DrawerItem>;\n  after: Array<DrawerItem>;\n}\n\nexport function convertRuntimeDrawers(drawers: Array<RuntimeDrawerConfig>): DrawersLayout {\n  const converted = drawers.map(({ mountContent, unmountContent, trigger, ...runtimeDrawer }) => ({\n    ...runtimeDrawer,\n    trigger: trigger.iconSvg\n      ? {\n          ...trigger,\n          iconSvg: (\n            // eslint-disable-next-line react/no-danger\n            <span dangerouslySetInnerHTML={{ __html: trigger.iconSvg }} />\n          ),\n        }\n      : trigger,\n    content: (\n      <RuntimeContentWrapper key={runtimeDrawer.id} mountContent={mountContent} unmountContent={unmountContent} />\n    ),\n  }));\n  converted.sort((a, b) => {\n    if (b.orderPriority !== a.orderPriority) {\n      return Math.sign((b.orderPriority ?? 0) - (a.orderPriority ?? 0));\n    }\n    return b.id < a.id ? 1 : -1;\n  });\n  return {\n    before: converted.filter(item => (item.orderPriority ?? 0) > 0),\n    after: converted.filter(item => (item.orderPriority ?? 0) <= 0),\n  };\n}\n"]}

package/app-layout/styles.css.js

@@ -1,18 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_lm6vo_j1rmw_97",
-  "layout-wrapper": "awsui_layout-wrapper_lm6vo_j1rmw_98",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_j1rmw_105",
-  "layout": "awsui_layout_lm6vo_j1rmw_98",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_j1rmw_116",
-  "layout-main": "awsui_layout-main_lm6vo_j1rmw_120",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_j1rmw_126",
-  "unfocusable": "awsui_unfocusable_lm6vo_j1rmw_131",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_j1rmw_135",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_j1rmw_140",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_j1rmw_144",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_j1rmw_148",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_j1rmw_152"
+  "resize-active": "awsui_resize-active_lm6vo_1hwq2_98",
+  "resize-side": "awsui_resize-side_lm6vo_1hwq2_104",
+  "resize-bottom": "awsui_resize-bottom_lm6vo_1hwq2_107",
+  "with-motion": "awsui_with-motion_lm6vo_1hwq2_112",
+  "root": "awsui_root_lm6vo_1hwq2_127",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_1hwq2_128",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1hwq2_135",
+  "layout": "awsui_layout_lm6vo_1hwq2_128",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1hwq2_146",
+  "layout-main": "awsui_layout-main_lm6vo_1hwq2_150",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1hwq2_156",
+  "unfocusable": "awsui_unfocusable_lm6vo_1hwq2_161",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1hwq2_165",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1hwq2_170",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_1hwq2_174",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_1hwq2_178",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1hwq2_182"
 };
   

package/app-layout/styles.scoped.css

@@ -94,61 +94,92 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_lm6vo_j1rmw_97:not(#\9),
-.awsui_layout-wrapper_lm6vo_j1rmw_98:not(#\9) {
+/* stylelint-disable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */
+.awsui_resize-active_lm6vo_1hwq2_98 *:not(#\9) {
+  -webkit-user-select: none;
+          user-select: none;
+}
+.awsui_resize-active_lm6vo_1hwq2_98 iframe:not(#\9) {
+  pointer-events: none;
+}
+.awsui_resize-side_lm6vo_1hwq2_104 *:not(#\9) {
+  cursor: ew-resize;
+}
+.awsui_resize-bottom_lm6vo_1hwq2_107 *:not(#\9) {
+  cursor: ns-resize;
+}
+
+/* stylelint-enable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */
+.awsui_with-motion_lm6vo_1hwq2_112:not(#\9) {
+  transition: var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
+  transition-property: border-color, opacity, width;
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_with-motion_lm6vo_1hwq2_112:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_with-motion_lm6vo_1hwq2_112:not(#\9), .awsui-mode-entering .awsui_with-motion_lm6vo_1hwq2_112:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui_root_lm6vo_1hwq2_127:not(#\9),
+.awsui_layout-wrapper_lm6vo_1hwq2_128:not(#\9) {
   display: flex;
   flex-direction: column;
   position: relative;
   color: var(--color-text-body-default-mmvcvg, #000716);
 }
 
-.awsui_root-no-scroll_lm6vo_j1rmw_105:not(#\9) {
+.awsui_root-no-scroll_lm6vo_1hwq2_135:not(#\9) {
   position: relative;
   z-index: 1;
 }
 
-.awsui_layout_lm6vo_j1rmw_98:not(#\9) {
+.awsui_layout_lm6vo_1hwq2_128:not(#\9) {
   flex: 1 1 auto;
   display: flex;
   align-items: stretch;
   background-color: var(--color-background-layout-main-m49752, #ffffff);
 }
-.awsui_layout-no-scroll_lm6vo_j1rmw_116:not(#\9) {
+.awsui_layout-no-scroll_lm6vo_1hwq2_146:not(#\9) {
   overflow: hidden;
 }
 
-.awsui_layout-main_lm6vo_j1rmw_120:not(#\9) {
+.awsui_layout-main_lm6vo_1hwq2_150:not(#\9) {
   flex: 1;
   min-width: 0;
   background-color: var(--color-background-layout-main-m49752, #ffffff);
   position: relative;
 }
-.awsui_layout-main-scrollable_lm6vo_j1rmw_126:not(#\9) {
+.awsui_layout-main-scrollable_lm6vo_1hwq2_156:not(#\9) {
   overflow: auto;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable_lm6vo_j1rmw_131 *:not(#\9) {
+.awsui_unfocusable_lm6vo_1hwq2_161 *:not(#\9) {
   visibility: hidden;
 }
 
-.awsui_breadcrumbs-desktop_lm6vo_j1rmw_135:not(#\9) {
+.awsui_breadcrumbs-desktop_lm6vo_1hwq2_165:not(#\9) {
   padding-top: var(--space-scaled-m-gxhdpl, 16px);
   padding-bottom: var(--space-scaled-s-913kwi, 12px);
 }
 
-.awsui_content-header-wrapper_lm6vo_j1rmw_140:not(#\9) {
+.awsui_content-header-wrapper_lm6vo_1hwq2_170:not(#\9) {
   padding-bottom: var(--space-content-header-padding-bottom-2cx87f, 24px);
 }
 
-.awsui_content-wrapper_lm6vo_j1rmw_144:not(#\9) {
+.awsui_content-wrapper_lm6vo_1hwq2_174:not(#\9) {
   padding-bottom: var(--space-layout-content-bottom-zwsyun, 40px);
 }
 
-.awsui_content-overlapped_lm6vo_j1rmw_148:not(#\9) {
+.awsui_content-overlapped_lm6vo_1hwq2_178:not(#\9) {
   margin-top: calc(-1 * var(--space-dark-header-overlap-distance-l9lxfl, 36px));
 }
 
-.awsui_content-extra-top-padding_lm6vo_j1rmw_152:not(#\9) {
+.awsui_content-extra-top-padding_lm6vo_1hwq2_182:not(#\9) {
   padding-top: var(--space-scaled-m-gxhdpl, 16px);
 }