@cloudscape-design/components 3.0.840 → 3.0.842

package/space-between/styles.scoped.css

@@ -136,91 +136,95 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_18582_1wlz1_141:not(#\9) {
+.awsui_root_18582_sv1am_145:not(#\9) {
   display: flex;
 }
 
-.awsui_child_18582_1wlz1_145:not(#\9) {
+.awsui_child_18582_sv1am_149:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_child_18582_1wlz1_145:not(#\9):empty {
+.awsui_child_18582_sv1am_149:not(#\9):empty {
   display: none;
 }
 
 /*
  * Horizontal variant
  */
-.awsui_horizontal_18582_1wlz1_156:not(#\9) {
+.awsui_horizontal_18582_sv1am_160:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_horizontal-xxxs_18582_1wlz1_160:not(#\9) {
+.awsui_horizontal-xxxs_18582_sv1am_164:not(#\9) {
   gap: var(--space-xxxs-zbmxqb, 2px);
 }
-.awsui_horizontal-xxs_18582_1wlz1_163:not(#\9) {
+.awsui_horizontal-xxs_18582_sv1am_167:not(#\9) {
   gap: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_horizontal-xs_18582_1wlz1_166:not(#\9) {
+.awsui_horizontal-xs_18582_sv1am_170:not(#\9) {
   gap: var(--space-xs-zb16t3, 8px);
 }
-.awsui_horizontal-s_18582_1wlz1_169:not(#\9) {
+.awsui_horizontal-s_18582_sv1am_173:not(#\9) {
   gap: var(--space-s-34lx8l, 12px);
 }
-.awsui_horizontal-m_18582_1wlz1_172:not(#\9) {
+.awsui_horizontal-m_18582_sv1am_176:not(#\9) {
   gap: var(--space-m-udix3p, 16px);
 }
-.awsui_horizontal-l_18582_1wlz1_175:not(#\9) {
+.awsui_horizontal-l_18582_sv1am_179:not(#\9) {
   gap: var(--space-l-t419sm, 20px);
 }
-.awsui_horizontal-xl_18582_1wlz1_178:not(#\9) {
+.awsui_horizontal-xl_18582_sv1am_182:not(#\9) {
   gap: var(--space-xl-lmui9r, 24px);
 }
-.awsui_horizontal-xxl_18582_1wlz1_181:not(#\9) {
+.awsui_horizontal-xxl_18582_sv1am_185:not(#\9) {
   gap: var(--space-xxl-cu2m1r, 32px);
 }
 
 /*
  * Vertical variant
  */
-.awsui_vertical_18582_1wlz1_188:not(#\9) {
+.awsui_vertical_18582_sv1am_192:not(#\9) {
   flex-direction: column;
 }
-.awsui_vertical-xxxs_18582_1wlz1_191:not(#\9) {
+.awsui_vertical-xxxs_18582_sv1am_195:not(#\9) {
   row-gap: var(--space-xxxs-zbmxqb, 2px);
 }
-.awsui_vertical-xxs_18582_1wlz1_194:not(#\9) {
+.awsui_vertical-xxs_18582_sv1am_198:not(#\9) {
   row-gap: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_vertical-xs_18582_1wlz1_197:not(#\9) {
+.awsui_vertical-xs_18582_sv1am_201:not(#\9) {
   row-gap: var(--space-xs-zb16t3, 8px);
 }
-.awsui_vertical-s_18582_1wlz1_200:not(#\9) {
+.awsui_vertical-s_18582_sv1am_204:not(#\9) {
   row-gap: var(--space-scaled-s-aqzyko, 12px);
 }
-.awsui_vertical-m_18582_1wlz1_203:not(#\9) {
+.awsui_vertical-m_18582_sv1am_207:not(#\9) {
   row-gap: var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_vertical-l_18582_1wlz1_206:not(#\9) {
+.awsui_vertical-l_18582_sv1am_210:not(#\9) {
   row-gap: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_vertical-xl_18582_1wlz1_209:not(#\9) {
+.awsui_vertical-xl_18582_sv1am_213:not(#\9) {
   row-gap: var(--space-scaled-xl-kswcw7, 24px);
 }
-.awsui_vertical-xxl_18582_1wlz1_212:not(#\9) {
+.awsui_vertical-xxl_18582_sv1am_216:not(#\9) {
   row-gap: var(--space-scaled-xxl-wbot5q, 32px);
 }
 
-.awsui_align-center_18582_1wlz1_216:not(#\9) {
+.awsui_align-center_18582_sv1am_220:not(#\9) {
   align-items: center;
 }
 
-.awsui_align-start_18582_1wlz1_220:not(#\9) {
+.awsui_align-start_18582_sv1am_224:not(#\9) {
   align-items: start;
 }
 
-.awsui_align-end_18582_1wlz1_224:not(#\9) {
+.awsui_align-end_18582_sv1am_228:not(#\9) {
   align-items: end;
 }

package/space-between/styles.selectors.js

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_18582_1wlz1_141",
-  "child": "awsui_child_18582_1wlz1_145",
-  "horizontal": "awsui_horizontal_18582_1wlz1_156",
-  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_1wlz1_160",
-  "horizontal-xxs": "awsui_horizontal-xxs_18582_1wlz1_163",
-  "horizontal-xs": "awsui_horizontal-xs_18582_1wlz1_166",
-  "horizontal-s": "awsui_horizontal-s_18582_1wlz1_169",
-  "horizontal-m": "awsui_horizontal-m_18582_1wlz1_172",
-  "horizontal-l": "awsui_horizontal-l_18582_1wlz1_175",
-  "horizontal-xl": "awsui_horizontal-xl_18582_1wlz1_178",
-  "horizontal-xxl": "awsui_horizontal-xxl_18582_1wlz1_181",
-  "vertical": "awsui_vertical_18582_1wlz1_188",
-  "vertical-xxxs": "awsui_vertical-xxxs_18582_1wlz1_191",
-  "vertical-xxs": "awsui_vertical-xxs_18582_1wlz1_194",
-  "vertical-xs": "awsui_vertical-xs_18582_1wlz1_197",
-  "vertical-s": "awsui_vertical-s_18582_1wlz1_200",
-  "vertical-m": "awsui_vertical-m_18582_1wlz1_203",
-  "vertical-l": "awsui_vertical-l_18582_1wlz1_206",
-  "vertical-xl": "awsui_vertical-xl_18582_1wlz1_209",
-  "vertical-xxl": "awsui_vertical-xxl_18582_1wlz1_212",
-  "align-center": "awsui_align-center_18582_1wlz1_216",
-  "align-start": "awsui_align-start_18582_1wlz1_220",
-  "align-end": "awsui_align-end_18582_1wlz1_224"
+  "root": "awsui_root_18582_sv1am_145",
+  "child": "awsui_child_18582_sv1am_149",
+  "horizontal": "awsui_horizontal_18582_sv1am_160",
+  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_sv1am_164",
+  "horizontal-xxs": "awsui_horizontal-xxs_18582_sv1am_167",
+  "horizontal-xs": "awsui_horizontal-xs_18582_sv1am_170",
+  "horizontal-s": "awsui_horizontal-s_18582_sv1am_173",
+  "horizontal-m": "awsui_horizontal-m_18582_sv1am_176",
+  "horizontal-l": "awsui_horizontal-l_18582_sv1am_179",
+  "horizontal-xl": "awsui_horizontal-xl_18582_sv1am_182",
+  "horizontal-xxl": "awsui_horizontal-xxl_18582_sv1am_185",
+  "vertical": "awsui_vertical_18582_sv1am_192",
+  "vertical-xxxs": "awsui_vertical-xxxs_18582_sv1am_195",
+  "vertical-xxs": "awsui_vertical-xxs_18582_sv1am_198",
+  "vertical-xs": "awsui_vertical-xs_18582_sv1am_201",
+  "vertical-s": "awsui_vertical-s_18582_sv1am_204",
+  "vertical-m": "awsui_vertical-m_18582_sv1am_207",
+  "vertical-l": "awsui_vertical-l_18582_sv1am_210",
+  "vertical-xl": "awsui_vertical-xl_18582_sv1am_213",
+  "vertical-xxl": "awsui_vertical-xxl_18582_sv1am_216",
+  "align-center": "awsui_align-center_18582_sv1am_220",
+  "align-start": "awsui_align-start_18582_sv1am_224",
+  "align-end": "awsui_align-end_18582_sv1am_228"
 };
   

package/spinner/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1612d_1i9wp_179",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_1i9wp_1",
-  "size-normal": "awsui_size-normal_1612d_1i9wp_194",
-  "size-big": "awsui_size-big_1612d_1i9wp_202",
-  "size-large": "awsui_size-large_1612d_1i9wp_210",
-  "variant-normal": "awsui_variant-normal_1612d_1i9wp_218",
-  "variant-disabled": "awsui_variant-disabled_1612d_1i9wp_221",
-  "variant-inverted": "awsui_variant-inverted_1612d_1i9wp_224",
-  "circle": "awsui_circle_1612d_1i9wp_236",
-  "circle-left": "awsui_circle-left_1612d_1i9wp_264",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_1i9wp_1",
-  "circle-right": "awsui_circle-right_1612d_1i9wp_269",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_1i9wp_1"
+  "root": "awsui_root_1612d_oaaqr_183",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_oaaqr_1",
+  "size-normal": "awsui_size-normal_1612d_oaaqr_198",
+  "size-big": "awsui_size-big_1612d_oaaqr_206",
+  "size-large": "awsui_size-large_1612d_oaaqr_214",
+  "variant-normal": "awsui_variant-normal_1612d_oaaqr_222",
+  "variant-disabled": "awsui_variant-disabled_1612d_oaaqr_225",
+  "variant-inverted": "awsui_variant-inverted_1612d_oaaqr_228",
+  "circle": "awsui_circle_1612d_oaaqr_240",
+  "circle-left": "awsui_circle-left_1612d_oaaqr_268",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_oaaqr_1",
+  "circle-right": "awsui_circle-right_1612d_oaaqr_273",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_oaaqr_1"
 };
   

package/spinner/styles.scoped.css

@@ -136,6 +136,10 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* 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 */
 /*
@@ -146,7 +150,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-@keyframes awsui_spinner-rotator_1612d_1i9wp_1 {
+@keyframes awsui_spinner-rotator_1612d_oaaqr_1 {
   0% {
     transform: rotate(var(--awsui-spinner-rotator-from-g964ok));
   }
@@ -154,7 +158,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: rotate(var(--awsui-spinner-rotator-to-g964ok));
   }
 }
-@keyframes awsui_spinner-line-left_1612d_1i9wp_1 {
+@keyframes awsui_spinner-line-left_1612d_oaaqr_1 {
   0% {
     transform: rotate(var(--awsui-spinner-line-left-from-g964ok));
   }
@@ -165,7 +169,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: rotate(var(--awsui-spinner-line-left-from-g964ok));
   }
 }
-@keyframes awsui_spinner-line-right_1612d_1i9wp_1 {
+@keyframes awsui_spinner-line-right_1612d_oaaqr_1 {
   0% {
     transform: rotate(var(--awsui-spinner-line-right-from-g964ok));
   }
@@ -176,7 +180,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: rotate(var(--awsui-spinner-line-right-from-g964ok));
   }
 }
-.awsui_root_1612d_1i9wp_179:not(#\9) {
+.awsui_root_1612d_oaaqr_183:not(#\9) {
   --awsui-spinner-rotator-from-g964ok: 0deg;
   --awsui-spinner-rotator-to-g964ok: 360deg;
   --awsui-spinner-line-left-from-g964ok: 0deg;
@@ -186,12 +190,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: inline-block;
   vertical-align: top;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation: awsui_spinner-rotator_1612d_1i9wp_1 0.7s linear infinite;
+  animation: awsui_spinner-rotator_1612d_oaaqr_1 0.7s linear infinite;
   box-sizing: border-box;
   line-height: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_root_1612d_1i9wp_179.awsui_size-normal_1612d_1i9wp_194:not(#\9) {
+.awsui_root_1612d_oaaqr_183.awsui_size-normal_1612d_oaaqr_198:not(#\9) {
   inline-size: var(--size-icon-normal-0m1722, 16px);
   block-size: var(--size-icon-normal-0m1722, 16px);
   padding-block: calc((var(--size-icon-normal-0m1722, 16px) - 12px) / 2);
@@ -199,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: calc((var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_1i9wp_179.awsui_size-big_1612d_1i9wp_202:not(#\9) {
+.awsui_root_1612d_oaaqr_183.awsui_size-big_1612d_oaaqr_206:not(#\9) {
   inline-size: var(--size-icon-big-zkdryd, 32px);
   block-size: var(--size-icon-big-zkdryd, 32px);
   padding-block: calc((var(--size-icon-big-zkdryd, 32px) - 24px) / 2);
@@ -207,7 +211,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: calc((var(--line-height-heading-xl-avbttk, 30px) - var(--size-icon-big-zkdryd, 32px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_1i9wp_179.awsui_size-large_1612d_1i9wp_210:not(#\9) {
+.awsui_root_1612d_oaaqr_183.awsui_size-large_1612d_oaaqr_214:not(#\9) {
   inline-size: var(--size-icon-large-bivhmh, 48px);
   block-size: var(--size-icon-large-bivhmh, 48px);
   padding-block: calc((var(--size-icon-large-bivhmh, 48px) - 36px) / 2);
@@ -215,16 +219,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: calc((var(--line-height-display-l-8nioft, 48px) - var(--size-icon-large-bivhmh, 48px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_1i9wp_179.awsui_variant-normal_1612d_1i9wp_218:not(#\9) {
+.awsui_root_1612d_oaaqr_183.awsui_variant-normal_1612d_oaaqr_222:not(#\9) {
   color: currentColor;
 }
-.awsui_root_1612d_1i9wp_179.awsui_variant-disabled_1612d_1i9wp_221:not(#\9) {
+.awsui_root_1612d_oaaqr_183.awsui_variant-disabled_1612d_oaaqr_225:not(#\9) {
   color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
 }
-.awsui_root_1612d_1i9wp_179.awsui_variant-inverted_1612d_1i9wp_224:not(#\9) {
+.awsui_root_1612d_oaaqr_183.awsui_variant-inverted_1612d_oaaqr_228:not(#\9) {
   color: var(--color-text-inverted-pvc88w, #ffffff);
 }
-.awsui_root_1612d_1i9wp_179:not(#\9):dir(rtl) {
+.awsui_root_1612d_oaaqr_183:not(#\9):dir(rtl) {
   --awsui-spinner-rotator-from-g964ok: 360deg;
   --awsui-spinner-rotator-to-g964ok: 0deg;
   --awsui-spinner-line-left-from-g964ok: 0deg;
@@ -233,14 +237,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   --awsui-spinner-line-right-to-g964ok: 30deg;
 }
 
-.awsui_circle_1612d_1i9wp_236:not(#\9) {
+.awsui_circle_1612d_oaaqr_240:not(#\9) {
   display: inline-block;
   inline-size: 50%;
   block-size: 100%;
   overflow: hidden;
   position: relative;
 }
-.awsui_circle_1612d_1i9wp_236:not(#\9):after {
+.awsui_circle_1612d_oaaqr_240:not(#\9):after {
   position: absolute;
   box-sizing: border-box;
   content: "";
@@ -253,7 +257,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline-end-color: transparent;
   border-block-end-color: transparent;
 }
-.awsui_circle_1612d_1i9wp_236:not(#\9):after {
+.awsui_circle_1612d_oaaqr_240:not(#\9):after {
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
   animation: 1.5s ease-in-out infinite;
   inset-block-start: 0;
@@ -261,13 +265,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   inline-size: 200%;
 }
-.awsui_circle_1612d_1i9wp_236.awsui_circle-left_1612d_1i9wp_264:not(#\9):after {
+.awsui_circle_1612d_oaaqr_240.awsui_circle-left_1612d_oaaqr_268:not(#\9):after {
   inset-inline-start: 0;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation-name: awsui_spinner-line-left_1612d_1i9wp_1;
+  animation-name: awsui_spinner-line-left_1612d_oaaqr_1;
 }
-.awsui_circle_1612d_1i9wp_236.awsui_circle-right_1612d_1i9wp_269:not(#\9):after {
+.awsui_circle_1612d_oaaqr_240.awsui_circle-right_1612d_oaaqr_273:not(#\9):after {
   inset-inline-start: -100%;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation-name: awsui_spinner-line-right_1612d_1i9wp_1;
+  animation-name: awsui_spinner-line-right_1612d_oaaqr_1;
 }

package/spinner/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1612d_1i9wp_179",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_1i9wp_1",
-  "size-normal": "awsui_size-normal_1612d_1i9wp_194",
-  "size-big": "awsui_size-big_1612d_1i9wp_202",
-  "size-large": "awsui_size-large_1612d_1i9wp_210",
-  "variant-normal": "awsui_variant-normal_1612d_1i9wp_218",
-  "variant-disabled": "awsui_variant-disabled_1612d_1i9wp_221",
-  "variant-inverted": "awsui_variant-inverted_1612d_1i9wp_224",
-  "circle": "awsui_circle_1612d_1i9wp_236",
-  "circle-left": "awsui_circle-left_1612d_1i9wp_264",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_1i9wp_1",
-  "circle-right": "awsui_circle-right_1612d_1i9wp_269",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_1i9wp_1"
+  "root": "awsui_root_1612d_oaaqr_183",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_oaaqr_1",
+  "size-normal": "awsui_size-normal_1612d_oaaqr_198",
+  "size-big": "awsui_size-big_1612d_oaaqr_206",
+  "size-large": "awsui_size-large_1612d_oaaqr_214",
+  "variant-normal": "awsui_variant-normal_1612d_oaaqr_222",
+  "variant-disabled": "awsui_variant-disabled_1612d_oaaqr_225",
+  "variant-inverted": "awsui_variant-inverted_1612d_oaaqr_228",
+  "circle": "awsui_circle_1612d_oaaqr_240",
+  "circle-left": "awsui_circle-left_1612d_oaaqr_268",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_oaaqr_1",
+  "circle-right": "awsui_circle-right_1612d_oaaqr_273",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_oaaqr_1"
 };
   

package/split-panel/bottom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottom.d.ts","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAMtD,UAAU,4BAA6B,SAAQ,sBAAsB;IACnE,iBAAiB,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACpD;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,MAAM,EACN,aAAa,EACb,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACT,EAAE,4BAA4B,eA8D9B"}
+{"version":3,"file":"bottom.d.ts","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAU3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAMtD,UAAU,4BAA6B,SAAQ,sBAAsB;IACnE,iBAAiB,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACpD;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,MAAM,EACN,aAAa,EACb,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACT,EAAE,4BAA4B,eAyE9B"}

package/split-panel/bottom.js

@@ -1,10 +1,11 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import clsx from 'clsx';
 import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
 import { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';
 import { useSplitPanelContext } from '../internal/context/split-panel-context';
+import * as tokens from '../internal/generated/styles/tokens';
 import { useMobile } from '../internal/hooks/use-mobile';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import sharedStyles from '../app-layout/resize/styles.css.js';
@@ -16,7 +17,12 @@ export function SplitPanelContentBottom({ baseProps, isOpen, splitPanelRef, capp
     const { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, reportHeaderHeight, animationDisabled, } = useSplitPanelContext();
     const isMobile = useMobile();
     const headerRef = useRef(null);
-    useResizeObserver(headerRef, entry => reportHeaderHeight(entry.borderBoxHeight));
+    const [headerBlockSize, setHeaderBlockSize] = useState();
+    useResizeObserver(headerRef, entry => {
+        const { borderBoxHeight } = entry;
+        setHeaderBlockSize(borderBoxHeight);
+        reportHeaderHeight(borderBoxHeight);
+    });
     useEffect(() => {
         // report empty height when unmounting the panel
         return () => reportHeaderHeight(0);
@@ -39,7 +45,11 @@ export function SplitPanelContentBottom({ baseProps, isOpen, splitPanelRef, capp
             insetBlockEnd: bottomOffset,
             insetInlineStart: leftOffset,
             insetInlineEnd: rightOffset,
-            blockSize: isOpen ? cappedSize : isToolbar ? '0px' : undefined,
+            blockSize: isOpen
+                ? cappedSize
+                : isToolbar && headerBlockSize !== undefined
+                    ? `calc(${headerBlockSize}px + ${tokens.borderPanelTopWidth})`
+                    : undefined,
         }, ref: splitPanelRef }),
         isOpen && React.createElement("div", { className: styles['slider-wrapper-bottom'] }, resizeHandle),
         React.createElement("div", { className: styles['drawer-content-bottom'], "aria-labelledby": panelHeaderId, role: "region" },

package/split-panel/bottom.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom.js","sourceRoot":"","sources":["../../../src/split-panel/bottom.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, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SplitPanelContentProps } from './interfaces';\n\nimport sharedStyles from '../app-layout/resize/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n  appLayoutMaxWidth: React.CSSProperties | undefined;\n}\n\nexport function SplitPanelContentBottom({\n  baseProps,\n  isOpen,\n  splitPanelRef,\n  cappedSize,\n  header,\n  resizeHandle,\n  children,\n  appLayoutMaxWidth,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentBottomProps) {\n  const isRefresh = useVisualRefresh();\n  const isToolbar = useAppLayoutToolbarEnabled();\n  const {\n    bottomOffset,\n    leftOffset,\n    rightOffset,\n    disableContentPaddings,\n    contentWrapperPaddings,\n    reportHeaderHeight,\n    animationDisabled,\n  } = useSplitPanelContext();\n  const isMobile = useMobile();\n\n  const headerRef = useRef<HTMLDivElement>(null);\n  useResizeObserver(headerRef, entry => reportHeaderHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    // report empty height when unmounting the panel\n    return () => reportHeaderHeight(0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const centeredMaxWidthClasses = clsx({\n    [styles['pane-bottom-center-align']]: isRefresh,\n    [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings?.closedNav,\n    [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings?.closedTools,\n  });\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.drawer, styles['position-bottom'], testUtilStyles.root, {\n        [sharedStyles['with-motion-vertical']]: !animationDisabled,\n        [testUtilStyles['open-position-bottom']]: isOpen,\n        [styles['drawer-closed']]: !isOpen,\n        [styles['drawer-mobile']]: isMobile,\n        [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n        [styles.refresh]: isRefresh,\n        [styles['with-toolbar']]: isToolbar,\n      })}\n      onClick={() => !isOpen && onToggle()}\n      style={{\n        insetBlockEnd: bottomOffset,\n        insetInlineStart: leftOffset,\n        insetInlineEnd: rightOffset,\n        blockSize: isOpen ? cappedSize : isToolbar ? '0px' : undefined,\n      }}\n      ref={splitPanelRef}\n    >\n      {isOpen && <div className={styles['slider-wrapper-bottom']}>{resizeHandle}</div>}\n      <div className={styles['drawer-content-bottom']} aria-labelledby={panelHeaderId} role=\"region\">\n        <div className={clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses)} ref={headerRef}>\n          {header}\n        </div>\n        <div className={clsx(styles['content-bottom'], centeredMaxWidthClasses)} aria-hidden={!isOpen}>\n          <div className={clsx({ [styles['content-bottom-max-width']]: isRefresh })} style={appLayoutMaxWidth}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"bottom.js","sourceRoot":"","sources":["../../../src/split-panel/bottom.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, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport * as tokens from '../internal/generated/styles/tokens';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SplitPanelContentProps } from './interfaces';\n\nimport sharedStyles from '../app-layout/resize/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n  appLayoutMaxWidth: React.CSSProperties | undefined;\n}\n\nexport function SplitPanelContentBottom({\n  baseProps,\n  isOpen,\n  splitPanelRef,\n  cappedSize,\n  header,\n  resizeHandle,\n  children,\n  appLayoutMaxWidth,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentBottomProps) {\n  const isRefresh = useVisualRefresh();\n  const isToolbar = useAppLayoutToolbarEnabled();\n  const {\n    bottomOffset,\n    leftOffset,\n    rightOffset,\n    disableContentPaddings,\n    contentWrapperPaddings,\n    reportHeaderHeight,\n    animationDisabled,\n  } = useSplitPanelContext();\n  const isMobile = useMobile();\n\n  const headerRef = useRef<HTMLDivElement>(null);\n  const [headerBlockSize, setHeaderBlockSize] = useState<number>();\n\n  useResizeObserver(headerRef, entry => {\n    const { borderBoxHeight } = entry;\n    setHeaderBlockSize(borderBoxHeight);\n    reportHeaderHeight(borderBoxHeight);\n  });\n\n  useEffect(() => {\n    // report empty height when unmounting the panel\n    return () => reportHeaderHeight(0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const centeredMaxWidthClasses = clsx({\n    [styles['pane-bottom-center-align']]: isRefresh,\n    [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings?.closedNav,\n    [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings?.closedTools,\n  });\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.drawer, styles['position-bottom'], testUtilStyles.root, {\n        [sharedStyles['with-motion-vertical']]: !animationDisabled,\n        [testUtilStyles['open-position-bottom']]: isOpen,\n        [styles['drawer-closed']]: !isOpen,\n        [styles['drawer-mobile']]: isMobile,\n        [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n        [styles.refresh]: isRefresh,\n        [styles['with-toolbar']]: isToolbar,\n      })}\n      onClick={() => !isOpen && onToggle()}\n      style={{\n        insetBlockEnd: bottomOffset,\n        insetInlineStart: leftOffset,\n        insetInlineEnd: rightOffset,\n        blockSize: isOpen\n          ? cappedSize\n          : isToolbar && headerBlockSize !== undefined\n            ? `calc(${headerBlockSize}px + ${tokens.borderPanelTopWidth})`\n            : undefined,\n      }}\n      ref={splitPanelRef}\n    >\n      {isOpen && <div className={styles['slider-wrapper-bottom']}>{resizeHandle}</div>}\n      <div className={styles['drawer-content-bottom']} aria-labelledby={panelHeaderId} role=\"region\">\n        <div className={clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses)} ref={headerRef}>\n          {header}\n        </div>\n        <div className={clsx(styles['content-bottom'], centeredMaxWidthClasses)} aria-hidden={!isOpen}>\n          <div className={clsx({ [styles['content-bottom-max-width']]: isRefresh })} style={appLayoutMaxWidth}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/split-panel/icons/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "preference-icon--svg": "awsui_preference-icon--svg_d4xxm_xwyf2_141",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_d4xxm_xwyf2_147",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_d4xxm_xwyf2_151",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_d4xxm_xwyf2_154",
-  "preference-icon--border": "awsui_preference-icon--border_d4xxm_xwyf2_157",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_d4xxm_xwyf2_161",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_d4xxm_xwyf2_164",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_d4xxm_xwyf2_167",
-  "preference-icon--separator": "awsui_preference-icon--separator_d4xxm_xwyf2_170",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_d4xxm_xwyf2_173",
-  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_d4xxm_xwyf2_177",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_d4xxm_xwyf2_183",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_d4xxm_xwyf2_186",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_d4xxm_xwyf2_189",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_d4xxm_xwyf2_192",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_d4xxm_xwyf2_195",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_d4xxm_xwyf2_198",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_d4xxm_xwyf2_202",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_d4xxm_xwyf2_205",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_d4xxm_xwyf2_208",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_d4xxm_xwyf2_211",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_d4xxm_xwyf2_214"
+  "preference-icon--svg": "awsui_preference-icon--svg_d4xxm_5yzgx_145",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_d4xxm_5yzgx_151",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_d4xxm_5yzgx_155",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_d4xxm_5yzgx_158",
+  "preference-icon--border": "awsui_preference-icon--border_d4xxm_5yzgx_161",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_d4xxm_5yzgx_165",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_d4xxm_5yzgx_168",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_d4xxm_5yzgx_171",
+  "preference-icon--separator": "awsui_preference-icon--separator_d4xxm_5yzgx_174",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_d4xxm_5yzgx_177",
+  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_d4xxm_5yzgx_181",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_d4xxm_5yzgx_187",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_d4xxm_5yzgx_190",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_d4xxm_5yzgx_193",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_d4xxm_5yzgx_196",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_d4xxm_5yzgx_199",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_d4xxm_5yzgx_202",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_d4xxm_5yzgx_206",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_d4xxm_5yzgx_209",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_d4xxm_5yzgx_212",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_d4xxm_5yzgx_215",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_d4xxm_5yzgx_218"
 };
   

package/split-panel/icons/styles.scoped.css

@@ -136,81 +136,85 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_preference-icon--svg_d4xxm_xwyf2_141:not(#\9) {
+.awsui_preference-icon--svg_d4xxm_5yzgx_145:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_preference-icon--svg_d4xxm_xwyf2_141:not(#\9):dir(rtl) {
+.awsui_preference-icon--svg_d4xxm_5yzgx_145:not(#\9):dir(rtl) {
   transform: scaleX(-1);
 }
-.awsui_preference-icon--layout-border_d4xxm_xwyf2_147:not(#\9) {
+.awsui_preference-icon--layout-border_d4xxm_5yzgx_151:not(#\9) {
   stroke: var(--color-background-home-header-eungpy, #0f141a);
   fill: var(--color-background-container-content-z79u4u, #ffffff);
 }
-.awsui_preference-icon--layout-background_d4xxm_xwyf2_151:not(#\9) {
+.awsui_preference-icon--layout-background_d4xxm_5yzgx_155:not(#\9) {
   fill: var(--color-background-layout-main-nqw91u, #ffffff);
 }
-.awsui_preference-icon--layout-header_d4xxm_xwyf2_154:not(#\9) {
+.awsui_preference-icon--layout-header_d4xxm_5yzgx_158:not(#\9) {
   fill: var(--color-background-home-header-eungpy, #0f141a);
 }
-.awsui_preference-icon--border_d4xxm_xwyf2_157:not(#\9) {
+.awsui_preference-icon--border_d4xxm_5yzgx_161:not(#\9) {
   stroke: var(--color-text-group-label-8pk3es, #424650);
   fill: var(--color-background-container-content-z79u4u, #ffffff);
 }
-.awsui_preference-icon--primary-button_d4xxm_xwyf2_161:not(#\9) {
+.awsui_preference-icon--primary-button_d4xxm_5yzgx_165:not(#\9) {
   fill: var(--color-background-button-primary-default-15m72j, #006ce0);
 }
-.awsui_preference-icon--secondary_d4xxm_xwyf2_164:not(#\9) {
+.awsui_preference-icon--secondary_d4xxm_5yzgx_168:not(#\9) {
   fill: var(--color-text-group-label-8pk3es, #424650);
 }
-.awsui_preference-icon--disabled-element_d4xxm_xwyf2_167:not(#\9) {
+.awsui_preference-icon--disabled-element_d4xxm_5yzgx_171:not(#\9) {
   fill: var(--color-background-control-disabled-5cbvij, #dedee3);
 }
-.awsui_preference-icon--separator_d4xxm_xwyf2_170:not(#\9) {
+.awsui_preference-icon--separator_d4xxm_5yzgx_174:not(#\9) {
   stroke: var(--color-background-control-disabled-5cbvij, #dedee3);
 }
-.awsui_preference-icon--focus-text_d4xxm_xwyf2_173:not(#\9) {
+.awsui_preference-icon--focus-text_d4xxm_5yzgx_177:not(#\9) {
   fill: var(--color-text-interactive-default-tkx8fe, #424650);
 }
 
-.awsui_preference-icon-refresh--svg_d4xxm_xwyf2_177:not(#\9) {
+.awsui_preference-icon-refresh--svg_d4xxm_5yzgx_181:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_preference-icon-refresh--svg_d4xxm_xwyf2_177:not(#\9):dir(rtl) {
+.awsui_preference-icon-refresh--svg_d4xxm_5yzgx_181:not(#\9):dir(rtl) {
   transform: scaleX(-1);
 }
-.awsui_preference-icon-refresh--layout-top_d4xxm_xwyf2_183:not(#\9) {
+.awsui_preference-icon-refresh--layout-top_d4xxm_5yzgx_187:not(#\9) {
   fill: var(--color-background-button-primary-disabled-l4i17m, #ebebf0);
 }
-.awsui_preference-icon-refresh--layout-main_d4xxm_xwyf2_186:not(#\9) {
+.awsui_preference-icon-refresh--layout-main_d4xxm_5yzgx_190:not(#\9) {
   fill: var(--color-background-layout-main-nqw91u, #ffffff);
 }
-.awsui_preference-icon-refresh--primary_d4xxm_xwyf2_189:not(#\9) {
+.awsui_preference-icon-refresh--primary_d4xxm_5yzgx_193:not(#\9) {
   fill: var(--color-background-button-primary-default-15m72j, #006ce0);
 }
-.awsui_preference-icon-refresh--disabled_d4xxm_xwyf2_192:not(#\9) {
+.awsui_preference-icon-refresh--disabled_d4xxm_5yzgx_196:not(#\9) {
   fill: var(--color-background-control-disabled-5cbvij, #dedee3);
 }
-.awsui_preference-icon-refresh--column-header_d4xxm_xwyf2_195:not(#\9) {
+.awsui_preference-icon-refresh--column-header_d4xxm_5yzgx_199:not(#\9) {
   fill: var(--color-text-input-disabled-fc4jfl, #b4b4bb);
 }
-.awsui_preference-icon-refresh--window_d4xxm_xwyf2_198:not(#\9) {
+.awsui_preference-icon-refresh--window_d4xxm_5yzgx_202:not(#\9) {
   stroke: var(--color-background-home-header-eungpy, #0f141a);
   fill: var(--color-background-container-content-z79u4u, #ffffff);
 }
-.awsui_preference-icon-refresh--secondary_d4xxm_xwyf2_202:not(#\9) {
+.awsui_preference-icon-refresh--secondary_d4xxm_5yzgx_206:not(#\9) {
   fill: var(--color-text-body-secondary-cwla8d, #424650);
 }
-.awsui_preference-icon-refresh--default_d4xxm_xwyf2_205:not(#\9) {
+.awsui_preference-icon-refresh--default_d4xxm_5yzgx_209:not(#\9) {
   fill: var(--color-text-body-default-7v1jfn, #0f141a);
 }
-.awsui_preference-icon-refresh--separator_d4xxm_xwyf2_208:not(#\9) {
+.awsui_preference-icon-refresh--separator_d4xxm_5yzgx_212:not(#\9) {
   stroke: var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_preference-icon-refresh--input-default_d4xxm_xwyf2_211:not(#\9) {
+.awsui_preference-icon-refresh--input-default_d4xxm_5yzgx_215:not(#\9) {
   fill: var(--color-border-input-default-l7v83d, #8c8c94);
 }
-.awsui_preference-icon-refresh--heading_d4xxm_xwyf2_214:not(#\9) {
+.awsui_preference-icon-refresh--heading_d4xxm_5yzgx_218:not(#\9) {
   fill: var(--color-text-heading-default-jen9ei, #0f141a);
 }