npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.852 → 3.0.854 - Mend

@cloudscape-design/components-themeable 3.0.852 → 3.0.854

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 (1154) hide show

package/lib/internal/template/space-between/styles.scoped.css CHANGED Viewed

@@ -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_8ro4u_141:not(#\9) {
+.awsui_root_18582_wmvt3_145:not(#\9) {
   display: flex;
 }
-.awsui_child_18582_8ro4u_145:not(#\9) {
+.awsui_child_18582_wmvt3_149:not(#\9) {
   /* used in test-utils */
 }
-.awsui_child_18582_8ro4u_145:not(#\9):empty {
+.awsui_child_18582_wmvt3_149:not(#\9):empty {
   display: none;
 }
 /*
  * Horizontal variant
  */
-.awsui_horizontal_18582_8ro4u_156:not(#\9) {
+.awsui_horizontal_18582_wmvt3_160:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_horizontal-xxxs_18582_8ro4u_160:not(#\9) {
+.awsui_horizontal-xxxs_18582_wmvt3_164:not(#\9) {
   gap: var(--space-xxxs-gn3248, 2px);
 }
-.awsui_horizontal-xxs_18582_8ro4u_163:not(#\9) {
+.awsui_horizontal-xxs_18582_wmvt3_167:not(#\9) {
   gap: var(--space-xxs-y2432o, 4px);
 }
-.awsui_horizontal-xs_18582_8ro4u_166:not(#\9) {
+.awsui_horizontal-xs_18582_wmvt3_170:not(#\9) {
   gap: var(--space-xs-6dgkww, 8px);
 }
-.awsui_horizontal-s_18582_8ro4u_169:not(#\9) {
+.awsui_horizontal-s_18582_wmvt3_173:not(#\9) {
   gap: var(--space-s-vmutj3, 12px);
 }
-.awsui_horizontal-m_18582_8ro4u_172:not(#\9) {
+.awsui_horizontal-m_18582_wmvt3_176:not(#\9) {
   gap: var(--space-m-u91ipm, 16px);
 }
-.awsui_horizontal-l_18582_8ro4u_175:not(#\9) {
+.awsui_horizontal-l_18582_wmvt3_179:not(#\9) {
   gap: var(--space-l-eenfqd, 20px);
 }
-.awsui_horizontal-xl_18582_8ro4u_178:not(#\9) {
+.awsui_horizontal-xl_18582_wmvt3_182:not(#\9) {
   gap: var(--space-xl-vss8pc, 24px);
 }
-.awsui_horizontal-xxl_18582_8ro4u_181:not(#\9) {
+.awsui_horizontal-xxl_18582_wmvt3_185:not(#\9) {
   gap: var(--space-xxl-thzxkv, 32px);
 }
 /*
  * Vertical variant
  */
-.awsui_vertical_18582_8ro4u_188:not(#\9) {
+.awsui_vertical_18582_wmvt3_192:not(#\9) {
   flex-direction: column;
 }
-.awsui_vertical-xxxs_18582_8ro4u_191:not(#\9) {
+.awsui_vertical-xxxs_18582_wmvt3_195:not(#\9) {
   row-gap: var(--space-xxxs-gn3248, 2px);
 }
-.awsui_vertical-xxs_18582_8ro4u_194:not(#\9) {
+.awsui_vertical-xxs_18582_wmvt3_198:not(#\9) {
   row-gap: var(--space-xxs-y2432o, 4px);
 }
-.awsui_vertical-xs_18582_8ro4u_197:not(#\9) {
+.awsui_vertical-xs_18582_wmvt3_201:not(#\9) {
   row-gap: var(--space-xs-6dgkww, 8px);
 }
-.awsui_vertical-s_18582_8ro4u_200:not(#\9) {
+.awsui_vertical-s_18582_wmvt3_204:not(#\9) {
   row-gap: var(--space-scaled-s-8j7izy, 12px);
 }
-.awsui_vertical-m_18582_8ro4u_203:not(#\9) {
+.awsui_vertical-m_18582_wmvt3_207:not(#\9) {
   row-gap: var(--space-scaled-m-3uxq9h, 16px);
 }
-.awsui_vertical-l_18582_8ro4u_206:not(#\9) {
+.awsui_vertical-l_18582_wmvt3_210:not(#\9) {
   row-gap: var(--space-scaled-l-7e51pg, 20px);
 }
-.awsui_vertical-xl_18582_8ro4u_209:not(#\9) {
+.awsui_vertical-xl_18582_wmvt3_213:not(#\9) {
   row-gap: var(--space-scaled-xl-etns6t, 24px);
 }
-.awsui_vertical-xxl_18582_8ro4u_212:not(#\9) {
+.awsui_vertical-xxl_18582_wmvt3_216:not(#\9) {
   row-gap: var(--space-scaled-xxl-6fqphi, 32px);
 }
-.awsui_align-center_18582_8ro4u_216:not(#\9) {
+.awsui_align-center_18582_wmvt3_220:not(#\9) {
   align-items: center;
 }
-.awsui_align-start_18582_8ro4u_220:not(#\9) {
+.awsui_align-start_18582_wmvt3_224:not(#\9) {
   align-items: start;
 }
-.awsui_align-end_18582_8ro4u_224:not(#\9) {
+.awsui_align-end_18582_wmvt3_228:not(#\9) {
   align-items: end;
 }

package/lib/internal/template/space-between/styles.selectors.js CHANGED Viewed

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_18582_8ro4u_141",
-  "child": "awsui_child_18582_8ro4u_145",
-  "horizontal": "awsui_horizontal_18582_8ro4u_156",
-  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_8ro4u_160",
-  "horizontal-xxs": "awsui_horizontal-xxs_18582_8ro4u_163",
-  "horizontal-xs": "awsui_horizontal-xs_18582_8ro4u_166",
-  "horizontal-s": "awsui_horizontal-s_18582_8ro4u_169",
-  "horizontal-m": "awsui_horizontal-m_18582_8ro4u_172",
-  "horizontal-l": "awsui_horizontal-l_18582_8ro4u_175",
-  "horizontal-xl": "awsui_horizontal-xl_18582_8ro4u_178",
-  "horizontal-xxl": "awsui_horizontal-xxl_18582_8ro4u_181",
-  "vertical": "awsui_vertical_18582_8ro4u_188",
-  "vertical-xxxs": "awsui_vertical-xxxs_18582_8ro4u_191",
-  "vertical-xxs": "awsui_vertical-xxs_18582_8ro4u_194",
-  "vertical-xs": "awsui_vertical-xs_18582_8ro4u_197",
-  "vertical-s": "awsui_vertical-s_18582_8ro4u_200",
-  "vertical-m": "awsui_vertical-m_18582_8ro4u_203",
-  "vertical-l": "awsui_vertical-l_18582_8ro4u_206",
-  "vertical-xl": "awsui_vertical-xl_18582_8ro4u_209",
-  "vertical-xxl": "awsui_vertical-xxl_18582_8ro4u_212",
-  "align-center": "awsui_align-center_18582_8ro4u_216",
-  "align-start": "awsui_align-start_18582_8ro4u_220",
-  "align-end": "awsui_align-end_18582_8ro4u_224"
+  "root": "awsui_root_18582_wmvt3_145",
+  "child": "awsui_child_18582_wmvt3_149",
+  "horizontal": "awsui_horizontal_18582_wmvt3_160",
+  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_wmvt3_164",
+  "horizontal-xxs": "awsui_horizontal-xxs_18582_wmvt3_167",
+  "horizontal-xs": "awsui_horizontal-xs_18582_wmvt3_170",
+  "horizontal-s": "awsui_horizontal-s_18582_wmvt3_173",
+  "horizontal-m": "awsui_horizontal-m_18582_wmvt3_176",
+  "horizontal-l": "awsui_horizontal-l_18582_wmvt3_179",
+  "horizontal-xl": "awsui_horizontal-xl_18582_wmvt3_182",
+  "horizontal-xxl": "awsui_horizontal-xxl_18582_wmvt3_185",
+  "vertical": "awsui_vertical_18582_wmvt3_192",
+  "vertical-xxxs": "awsui_vertical-xxxs_18582_wmvt3_195",
+  "vertical-xxs": "awsui_vertical-xxs_18582_wmvt3_198",
+  "vertical-xs": "awsui_vertical-xs_18582_wmvt3_201",
+  "vertical-s": "awsui_vertical-s_18582_wmvt3_204",
+  "vertical-m": "awsui_vertical-m_18582_wmvt3_207",
+  "vertical-l": "awsui_vertical-l_18582_wmvt3_210",
+  "vertical-xl": "awsui_vertical-xl_18582_wmvt3_213",
+  "vertical-xxl": "awsui_vertical-xxl_18582_wmvt3_216",
+  "align-center": "awsui_align-center_18582_wmvt3_220",
+  "align-start": "awsui_align-start_18582_wmvt3_224",
+  "align-end": "awsui_align-end_18582_wmvt3_228"
 };

package/lib/internal/template/spinner/styles.css.js CHANGED Viewed

@@ -1,18 +1,18 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1612d_jkc3y_179",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_jkc3y_1",
-  "size-normal": "awsui_size-normal_1612d_jkc3y_194",
-  "size-big": "awsui_size-big_1612d_jkc3y_202",
-  "size-large": "awsui_size-large_1612d_jkc3y_210",
-  "variant-normal": "awsui_variant-normal_1612d_jkc3y_218",
-  "variant-disabled": "awsui_variant-disabled_1612d_jkc3y_221",
-  "variant-inverted": "awsui_variant-inverted_1612d_jkc3y_224",
-  "circle": "awsui_circle_1612d_jkc3y_236",
-  "circle-left": "awsui_circle-left_1612d_jkc3y_264",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_jkc3y_1",
-  "circle-right": "awsui_circle-right_1612d_jkc3y_269",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_jkc3y_1"
+  "root": "awsui_root_1612d_bdjzo_183",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_bdjzo_1",
+  "size-normal": "awsui_size-normal_1612d_bdjzo_198",
+  "size-big": "awsui_size-big_1612d_bdjzo_206",
+  "size-large": "awsui_size-large_1612d_bdjzo_214",
+  "variant-normal": "awsui_variant-normal_1612d_bdjzo_222",
+  "variant-disabled": "awsui_variant-disabled_1612d_bdjzo_225",
+  "variant-inverted": "awsui_variant-inverted_1612d_bdjzo_228",
+  "circle": "awsui_circle_1612d_bdjzo_240",
+  "circle-left": "awsui_circle-left_1612d_bdjzo_268",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_bdjzo_1",
+  "circle-right": "awsui_circle-right_1612d_bdjzo_273",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_bdjzo_1"
 };

package/lib/internal/template/spinner/styles.scoped.css CHANGED Viewed

@@ -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_jkc3y_1 {
+@keyframes awsui_spinner-rotator_1612d_bdjzo_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_jkc3y_1 {
+@keyframes awsui_spinner-line-left_1612d_bdjzo_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_jkc3y_1 {
+@keyframes awsui_spinner-line-right_1612d_bdjzo_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_jkc3y_179:not(#\9) {
+.awsui_root_1612d_bdjzo_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_jkc3y_1 0.7s linear infinite;
+  animation: awsui_spinner-rotator_1612d_bdjzo_1 0.7s linear infinite;
   box-sizing: border-box;
   line-height: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_root_1612d_jkc3y_179.awsui_size-normal_1612d_jkc3y_194:not(#\9) {
+.awsui_root_1612d_bdjzo_183.awsui_size-normal_1612d_bdjzo_198:not(#\9) {
   inline-size: var(--size-icon-normal-19036g, 16px);
   block-size: var(--size-icon-normal-19036g, 16px);
   padding-block: calc((var(--size-icon-normal-19036g, 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-gw0130, 22px) - var(--size-icon-normal-19036g, 16px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_jkc3y_179.awsui_size-big_1612d_jkc3y_202:not(#\9) {
+.awsui_root_1612d_bdjzo_183.awsui_size-big_1612d_bdjzo_206:not(#\9) {
   inline-size: var(--size-icon-big-fdyugp, 32px);
   block-size: var(--size-icon-big-fdyugp, 32px);
   padding-block: calc((var(--size-icon-big-fdyugp, 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-66u22x, 36px) - var(--size-icon-big-fdyugp, 32px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_jkc3y_179.awsui_size-large_1612d_jkc3y_210:not(#\9) {
+.awsui_root_1612d_bdjzo_183.awsui_size-large_1612d_bdjzo_214:not(#\9) {
   inline-size: var(--size-icon-large-s31gew, 48px);
   block-size: var(--size-icon-large-s31gew, 48px);
   padding-block: calc((var(--size-icon-large-s31gew, 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-cdad2p, 56px) - var(--size-icon-large-s31gew, 48px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_jkc3y_179.awsui_variant-normal_1612d_jkc3y_218:not(#\9) {
+.awsui_root_1612d_bdjzo_183.awsui_variant-normal_1612d_bdjzo_222:not(#\9) {
   color: currentColor;
 }
-.awsui_root_1612d_jkc3y_179.awsui_variant-disabled_1612d_jkc3y_221:not(#\9) {
+.awsui_root_1612d_bdjzo_183.awsui_variant-disabled_1612d_bdjzo_225:not(#\9) {
   color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
 }
-.awsui_root_1612d_jkc3y_179.awsui_variant-inverted_1612d_jkc3y_224:not(#\9) {
+.awsui_root_1612d_bdjzo_183.awsui_variant-inverted_1612d_bdjzo_228:not(#\9) {
   color: var(--color-text-inverted-5wcjhs, #ffffff);
 }
-.awsui_root_1612d_jkc3y_179:not(#\9):dir(rtl) {
+.awsui_root_1612d_bdjzo_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_jkc3y_236:not(#\9) {
+.awsui_circle_1612d_bdjzo_240:not(#\9) {
   display: inline-block;
   inline-size: 50%;
   block-size: 100%;
   overflow: hidden;
   position: relative;
 }
-.awsui_circle_1612d_jkc3y_236:not(#\9):after {
+.awsui_circle_1612d_bdjzo_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_jkc3y_236:not(#\9):after {
+.awsui_circle_1612d_bdjzo_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_jkc3y_236.awsui_circle-left_1612d_jkc3y_264:not(#\9):after {
+.awsui_circle_1612d_bdjzo_240.awsui_circle-left_1612d_bdjzo_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_jkc3y_1;
+  animation-name: awsui_spinner-line-left_1612d_bdjzo_1;
 }
-.awsui_circle_1612d_jkc3y_236.awsui_circle-right_1612d_jkc3y_269:not(#\9):after {
+.awsui_circle_1612d_bdjzo_240.awsui_circle-right_1612d_bdjzo_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_jkc3y_1;
+  animation-name: awsui_spinner-line-right_1612d_bdjzo_1;
 }

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

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1612d_jkc3y_179",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_jkc3y_1",
-  "size-normal": "awsui_size-normal_1612d_jkc3y_194",
-  "size-big": "awsui_size-big_1612d_jkc3y_202",
-  "size-large": "awsui_size-large_1612d_jkc3y_210",
-  "variant-normal": "awsui_variant-normal_1612d_jkc3y_218",
-  "variant-disabled": "awsui_variant-disabled_1612d_jkc3y_221",
-  "variant-inverted": "awsui_variant-inverted_1612d_jkc3y_224",
-  "circle": "awsui_circle_1612d_jkc3y_236",
-  "circle-left": "awsui_circle-left_1612d_jkc3y_264",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_jkc3y_1",
-  "circle-right": "awsui_circle-right_1612d_jkc3y_269",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_jkc3y_1"
+  "root": "awsui_root_1612d_bdjzo_183",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_bdjzo_1",
+  "size-normal": "awsui_size-normal_1612d_bdjzo_198",
+  "size-big": "awsui_size-big_1612d_bdjzo_206",
+  "size-large": "awsui_size-large_1612d_bdjzo_214",
+  "variant-normal": "awsui_variant-normal_1612d_bdjzo_222",
+  "variant-disabled": "awsui_variant-disabled_1612d_bdjzo_225",
+  "variant-inverted": "awsui_variant-inverted_1612d_bdjzo_228",
+  "circle": "awsui_circle_1612d_bdjzo_240",
+  "circle-left": "awsui_circle-left_1612d_bdjzo_268",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_bdjzo_1",
+  "circle-right": "awsui_circle-right_1612d_bdjzo_273",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_bdjzo_1"
 };

package/lib/internal/template/split-panel/bottom.d.ts.map CHANGED Viewed

	@@ -1 +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~~"}
1	+ {"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/lib/internal/template/split-panel/bottom.js CHANGED Viewed

@@ -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/lib/internal/template/split-panel/bottom.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bottom.js","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;~~AACjD~~,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAGrE,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAM1D,MAAM,UAAU,uBAAuB,CAAC,EACtC,SAAS,EACT,MAAM,EACN,aAAa,EACb,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACqB;IAC7B,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAC/C,MAAM,EACJ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,GAClB,GAAG,oBAAoB,EAAE,CAAC;IAC3B,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,~~KAAK~~,CAAC,eAAe,CAAC,CAAC,CAAC;~~IACjF~~,SAAS,CAAC,GAAG,EAAE;QACb,gDAAgD;QAChD,OAAO,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;QACnC,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,uBAAuB,GAAG,IAAI,CAAC;QACnC,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,EAAE,SAAS;QAC/C,CAAC,MAAM,CAAC,iCAAiC,CAAC,CAAC,EAAE,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,SAAS;QAC9E,CAAC,MAAM,CAAC,mCAAmC,CAAC,CAAC,EAAE,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,WAAW;KACnF,CAAC,CAAC;IAEH,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,cAAc,CAAC,IAAI,EAAE;YAClG,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,iBAAiB;YAC1D,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC,EAAE,MAAM;YAChD,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,MAAM;YAClC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,QAAQ;YACnC,CAAC,MAAM,CAAC,iCAAiC,CAAC,CAAC,EAAE,sBAAsB;YACnE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS;YAC3B,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,SAAS;SACpC,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,IAAI,QAAQ,EAAE,EACpC,KAAK,EAAE;YACL,aAAa,EAAE,YAAY;YAC3B,gBAAgB,EAAE,UAAU;YAC5B,cAAc,EAAE,WAAW;YAC3B,SAAS,EAAE,MAAM,CAAC,CAAC,~~CAAC,~~UAAU,CAAC,CAAC,~~CAAC~~,SAAS,CAAC,CAAC,~~CAAC~~,~~KAAK~~,CAAC,CAAC,CAAC,SAAS;~~SAC/D~~,EACD,GAAG,EAAE,aAAa;QAEjB,MAAM,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,IAAG,YAAY,CAAO;QAChF,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,qBAAmB,aAAa,EAAE,IAAI,EAAC,QAAQ;YAC5F,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,4BAA4B,CAAC,EAAE,uBAAuB,CAAC,EAAE,GAAG,EAAE,SAAS,IAChG,MAAM,CACH;YACN,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,iBAAe,CAAC,MAAM;gBAC3F,6BAAK,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,iBAAiB,IAChG,QAAQ,CACL,CACF,CACF,CACF,CACP,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 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"]}
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, 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/lib/internal/template/split-panel/icons/styles.css.js CHANGED Viewed

@@ -1,27 +1,27 @@
     import './styles.scoped.css';
     export default {
-  "preference-icon--svg": "awsui_preference-icon--svg_d4xxm_1c982_141",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_d4xxm_1c982_147",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_d4xxm_1c982_151",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_d4xxm_1c982_154",
-  "preference-icon--border": "awsui_preference-icon--border_d4xxm_1c982_157",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_d4xxm_1c982_161",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_d4xxm_1c982_164",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_d4xxm_1c982_167",
-  "preference-icon--separator": "awsui_preference-icon--separator_d4xxm_1c982_170",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_d4xxm_1c982_173",
-  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_d4xxm_1c982_177",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_d4xxm_1c982_183",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_d4xxm_1c982_186",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_d4xxm_1c982_189",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_d4xxm_1c982_192",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_d4xxm_1c982_195",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_d4xxm_1c982_198",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_d4xxm_1c982_202",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_d4xxm_1c982_205",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_d4xxm_1c982_208",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_d4xxm_1c982_211",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_d4xxm_1c982_214"
+  "preference-icon--svg": "awsui_preference-icon--svg_d4xxm_jusct_145",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_d4xxm_jusct_151",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_d4xxm_jusct_155",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_d4xxm_jusct_158",
+  "preference-icon--border": "awsui_preference-icon--border_d4xxm_jusct_161",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_d4xxm_jusct_165",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_d4xxm_jusct_168",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_d4xxm_jusct_171",
+  "preference-icon--separator": "awsui_preference-icon--separator_d4xxm_jusct_174",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_d4xxm_jusct_177",
+  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_d4xxm_jusct_181",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_d4xxm_jusct_187",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_d4xxm_jusct_190",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_d4xxm_jusct_193",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_d4xxm_jusct_196",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_d4xxm_jusct_199",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_d4xxm_jusct_202",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_d4xxm_jusct_206",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_d4xxm_jusct_209",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_d4xxm_jusct_212",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_d4xxm_jusct_215",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_d4xxm_jusct_218"
 };

package/lib/internal/template/split-panel/icons/styles.scoped.css CHANGED Viewed

@@ -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_1c982_141:not(#\9) {
+.awsui_preference-icon--svg_d4xxm_jusct_145:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_preference-icon--svg_d4xxm_1c982_141:not(#\9):dir(rtl) {
+.awsui_preference-icon--svg_d4xxm_jusct_145:not(#\9):dir(rtl) {
   transform: scaleX(-1);
 }
-.awsui_preference-icon--layout-border_d4xxm_1c982_147:not(#\9) {
+.awsui_preference-icon--layout-border_d4xxm_jusct_151:not(#\9) {
   stroke: var(--color-background-home-header-xgb22r, #000000);
   fill: var(--color-background-container-content-myy7cn, #ffffff);
 }
-.awsui_preference-icon--layout-background_d4xxm_1c982_151:not(#\9) {
+.awsui_preference-icon--layout-background_d4xxm_jusct_155:not(#\9) {
   fill: var(--color-background-layout-main-f96353, #f2f3f3);
 }
-.awsui_preference-icon--layout-header_d4xxm_1c982_154:not(#\9) {
+.awsui_preference-icon--layout-header_d4xxm_jusct_158:not(#\9) {
   fill: var(--color-background-home-header-xgb22r, #000000);
 }
-.awsui_preference-icon--border_d4xxm_1c982_157:not(#\9) {
+.awsui_preference-icon--border_d4xxm_jusct_161:not(#\9) {
   stroke: var(--color-text-group-label-eorpbe, #545b64);
   fill: var(--color-background-container-content-myy7cn, #ffffff);
 }
-.awsui_preference-icon--primary-button_d4xxm_1c982_161:not(#\9) {
+.awsui_preference-icon--primary-button_d4xxm_jusct_165:not(#\9) {
   fill: var(--color-background-button-primary-default-e50v6e, #0073bb);
 }
-.awsui_preference-icon--secondary_d4xxm_1c982_164:not(#\9) {
+.awsui_preference-icon--secondary_d4xxm_jusct_168:not(#\9) {
   fill: var(--color-text-group-label-eorpbe, #545b64);
 }
-.awsui_preference-icon--disabled-element_d4xxm_1c982_167:not(#\9) {
+.awsui_preference-icon--disabled-element_d4xxm_jusct_171:not(#\9) {
   fill: var(--color-background-control-disabled-91jpo5, #d5dbdb);
 }
-.awsui_preference-icon--separator_d4xxm_1c982_170:not(#\9) {
+.awsui_preference-icon--separator_d4xxm_jusct_174:not(#\9) {
   stroke: var(--color-background-control-disabled-91jpo5, #d5dbdb);
 }
-.awsui_preference-icon--focus-text_d4xxm_1c982_173:not(#\9) {
+.awsui_preference-icon--focus-text_d4xxm_jusct_177:not(#\9) {
   fill: var(--color-text-interactive-default-t1snbz, #545b64);
 }
-.awsui_preference-icon-refresh--svg_d4xxm_1c982_177:not(#\9) {
+.awsui_preference-icon-refresh--svg_d4xxm_jusct_181:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_preference-icon-refresh--svg_d4xxm_1c982_177:not(#\9):dir(rtl) {
+.awsui_preference-icon-refresh--svg_d4xxm_jusct_181:not(#\9):dir(rtl) {
   transform: scaleX(-1);
 }
-.awsui_preference-icon-refresh--layout-top_d4xxm_1c982_183:not(#\9) {
+.awsui_preference-icon-refresh--layout-top_d4xxm_jusct_187:not(#\9) {
   fill: var(--color-background-button-primary-disabled-femoov, #ffffff);
 }
-.awsui_preference-icon-refresh--layout-main_d4xxm_1c982_186:not(#\9) {
+.awsui_preference-icon-refresh--layout-main_d4xxm_jusct_190:not(#\9) {
   fill: var(--color-background-layout-main-f96353, #f2f3f3);
 }
-.awsui_preference-icon-refresh--primary_d4xxm_1c982_189:not(#\9) {
+.awsui_preference-icon-refresh--primary_d4xxm_jusct_193:not(#\9) {
   fill: var(--color-background-button-primary-default-e50v6e, #0073bb);
 }
-.awsui_preference-icon-refresh--disabled_d4xxm_1c982_192:not(#\9) {
+.awsui_preference-icon-refresh--disabled_d4xxm_jusct_196:not(#\9) {
   fill: var(--color-background-control-disabled-91jpo5, #d5dbdb);
 }
-.awsui_preference-icon-refresh--column-header_d4xxm_1c982_195:not(#\9) {
+.awsui_preference-icon-refresh--column-header_d4xxm_jusct_199:not(#\9) {
   fill: var(--color-text-input-disabled-uyphto, #879596);
 }
-.awsui_preference-icon-refresh--window_d4xxm_1c982_198:not(#\9) {
+.awsui_preference-icon-refresh--window_d4xxm_jusct_202:not(#\9) {
   stroke: var(--color-background-home-header-xgb22r, #000000);
   fill: var(--color-background-container-content-myy7cn, #ffffff);
 }
-.awsui_preference-icon-refresh--secondary_d4xxm_1c982_202:not(#\9) {
+.awsui_preference-icon-refresh--secondary_d4xxm_jusct_206:not(#\9) {
   fill: var(--color-text-body-secondary-z2wo4i, #545b64);
 }
-.awsui_preference-icon-refresh--default_d4xxm_1c982_205:not(#\9) {
+.awsui_preference-icon-refresh--default_d4xxm_jusct_209:not(#\9) {
   fill: var(--color-text-body-default-agk00h, #16191f);
 }
-.awsui_preference-icon-refresh--separator_d4xxm_1c982_208:not(#\9) {
+.awsui_preference-icon-refresh--separator_d4xxm_jusct_212:not(#\9) {
   stroke: var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_preference-icon-refresh--input-default_d4xxm_1c982_211:not(#\9) {
+.awsui_preference-icon-refresh--input-default_d4xxm_jusct_215:not(#\9) {
   fill: var(--color-border-input-default-2868kh, #687078);
 }
-.awsui_preference-icon-refresh--heading_d4xxm_1c982_214:not(#\9) {
+.awsui_preference-icon-refresh--heading_d4xxm_jusct_218:not(#\9) {
   fill: var(--color-text-heading-default-8wpkvf, #16191f);
 }