@cloudscape-design/components 3.0.720 → 3.0.722

package/space-between/styles.scoped.css

@@ -66,6 +66,50 @@
  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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
 /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
@@ -84,8 +128,6 @@
  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 */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -94,89 +136,91 @@ 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_18582_jftqg_97:not(#\9) {
+/* 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_1ke47_141:not(#\9) {
   display: flex;
 }
 
-.awsui_child_18582_jftqg_101:not(#\9) {
+.awsui_child_18582_1ke47_145:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_child_18582_jftqg_101:not(#\9):empty {
+.awsui_child_18582_1ke47_145:not(#\9):empty {
   display: none;
 }
 
 /*
  * Horizontal variant
  */
-.awsui_horizontal_18582_jftqg_112:not(#\9) {
+.awsui_horizontal_18582_1ke47_156:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_horizontal-xxxs_18582_jftqg_116:not(#\9) {
+.awsui_horizontal-xxxs_18582_1ke47_160:not(#\9) {
   gap: var(--space-xxxs-zbmxqb, 2px);
 }
-.awsui_horizontal-xxs_18582_jftqg_119:not(#\9) {
+.awsui_horizontal-xxs_18582_1ke47_163:not(#\9) {
   gap: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_horizontal-xs_18582_jftqg_122:not(#\9) {
+.awsui_horizontal-xs_18582_1ke47_166:not(#\9) {
   gap: var(--space-xs-zb16t3, 8px);
 }
-.awsui_horizontal-s_18582_jftqg_125:not(#\9) {
+.awsui_horizontal-s_18582_1ke47_169:not(#\9) {
   gap: var(--space-s-34lx8l, 12px);
 }
-.awsui_horizontal-m_18582_jftqg_128:not(#\9) {
+.awsui_horizontal-m_18582_1ke47_172:not(#\9) {
   gap: var(--space-m-udix3p, 16px);
 }
-.awsui_horizontal-l_18582_jftqg_131:not(#\9) {
+.awsui_horizontal-l_18582_1ke47_175:not(#\9) {
   gap: var(--space-l-t419sm, 20px);
 }
-.awsui_horizontal-xl_18582_jftqg_134:not(#\9) {
+.awsui_horizontal-xl_18582_1ke47_178:not(#\9) {
   gap: var(--space-xl-lmui9r, 24px);
 }
-.awsui_horizontal-xxl_18582_jftqg_137:not(#\9) {
+.awsui_horizontal-xxl_18582_1ke47_181:not(#\9) {
   gap: var(--space-xxl-cu2m1r, 32px);
 }
 
 /*
  * Vertical variant
  */
-.awsui_vertical_18582_jftqg_144:not(#\9) {
+.awsui_vertical_18582_1ke47_188:not(#\9) {
   flex-direction: column;
 }
-.awsui_vertical-xxxs_18582_jftqg_147:not(#\9) {
+.awsui_vertical-xxxs_18582_1ke47_191:not(#\9) {
   row-gap: var(--space-xxxs-zbmxqb, 2px);
 }
-.awsui_vertical-xxs_18582_jftqg_150:not(#\9) {
+.awsui_vertical-xxs_18582_1ke47_194:not(#\9) {
   row-gap: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_vertical-xs_18582_jftqg_153:not(#\9) {
+.awsui_vertical-xs_18582_1ke47_197:not(#\9) {
   row-gap: var(--space-xs-zb16t3, 8px);
 }
-.awsui_vertical-s_18582_jftqg_156:not(#\9) {
+.awsui_vertical-s_18582_1ke47_200:not(#\9) {
   row-gap: var(--space-scaled-s-aqzyko, 12px);
 }
-.awsui_vertical-m_18582_jftqg_159:not(#\9) {
+.awsui_vertical-m_18582_1ke47_203:not(#\9) {
   row-gap: var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_vertical-l_18582_jftqg_162:not(#\9) {
+.awsui_vertical-l_18582_1ke47_206:not(#\9) {
   row-gap: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_vertical-xl_18582_jftqg_165:not(#\9) {
+.awsui_vertical-xl_18582_1ke47_209:not(#\9) {
   row-gap: var(--space-scaled-xl-kswcw7, 24px);
 }
-.awsui_vertical-xxl_18582_jftqg_168:not(#\9) {
+.awsui_vertical-xxl_18582_1ke47_212:not(#\9) {
   row-gap: var(--space-scaled-xxl-wbot5q, 32px);
 }
 
-.awsui_align-center_18582_jftqg_172:not(#\9) {
+.awsui_align-center_18582_1ke47_216:not(#\9) {
   align-items: center;
 }
 
-.awsui_align-start_18582_jftqg_176:not(#\9) {
+.awsui_align-start_18582_1ke47_220:not(#\9) {
   align-items: start;
 }
 
-.awsui_align-end_18582_jftqg_180:not(#\9) {
+.awsui_align-end_18582_1ke47_224: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_jftqg_97",
-  "child": "awsui_child_18582_jftqg_101",
-  "horizontal": "awsui_horizontal_18582_jftqg_112",
-  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_jftqg_116",
-  "horizontal-xxs": "awsui_horizontal-xxs_18582_jftqg_119",
-  "horizontal-xs": "awsui_horizontal-xs_18582_jftqg_122",
-  "horizontal-s": "awsui_horizontal-s_18582_jftqg_125",
-  "horizontal-m": "awsui_horizontal-m_18582_jftqg_128",
-  "horizontal-l": "awsui_horizontal-l_18582_jftqg_131",
-  "horizontal-xl": "awsui_horizontal-xl_18582_jftqg_134",
-  "horizontal-xxl": "awsui_horizontal-xxl_18582_jftqg_137",
-  "vertical": "awsui_vertical_18582_jftqg_144",
-  "vertical-xxxs": "awsui_vertical-xxxs_18582_jftqg_147",
-  "vertical-xxs": "awsui_vertical-xxs_18582_jftqg_150",
-  "vertical-xs": "awsui_vertical-xs_18582_jftqg_153",
-  "vertical-s": "awsui_vertical-s_18582_jftqg_156",
-  "vertical-m": "awsui_vertical-m_18582_jftqg_159",
-  "vertical-l": "awsui_vertical-l_18582_jftqg_162",
-  "vertical-xl": "awsui_vertical-xl_18582_jftqg_165",
-  "vertical-xxl": "awsui_vertical-xxl_18582_jftqg_168",
-  "align-center": "awsui_align-center_18582_jftqg_172",
-  "align-start": "awsui_align-start_18582_jftqg_176",
-  "align-end": "awsui_align-end_18582_jftqg_180"
+  "root": "awsui_root_18582_1ke47_141",
+  "child": "awsui_child_18582_1ke47_145",
+  "horizontal": "awsui_horizontal_18582_1ke47_156",
+  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_1ke47_160",
+  "horizontal-xxs": "awsui_horizontal-xxs_18582_1ke47_163",
+  "horizontal-xs": "awsui_horizontal-xs_18582_1ke47_166",
+  "horizontal-s": "awsui_horizontal-s_18582_1ke47_169",
+  "horizontal-m": "awsui_horizontal-m_18582_1ke47_172",
+  "horizontal-l": "awsui_horizontal-l_18582_1ke47_175",
+  "horizontal-xl": "awsui_horizontal-xl_18582_1ke47_178",
+  "horizontal-xxl": "awsui_horizontal-xxl_18582_1ke47_181",
+  "vertical": "awsui_vertical_18582_1ke47_188",
+  "vertical-xxxs": "awsui_vertical-xxxs_18582_1ke47_191",
+  "vertical-xxs": "awsui_vertical-xxs_18582_1ke47_194",
+  "vertical-xs": "awsui_vertical-xs_18582_1ke47_197",
+  "vertical-s": "awsui_vertical-s_18582_1ke47_200",
+  "vertical-m": "awsui_vertical-m_18582_1ke47_203",
+  "vertical-l": "awsui_vertical-l_18582_1ke47_206",
+  "vertical-xl": "awsui_vertical-xl_18582_1ke47_209",
+  "vertical-xxl": "awsui_vertical-xxl_18582_1ke47_212",
+  "align-center": "awsui_align-center_18582_1ke47_216",
+  "align-start": "awsui_align-start_18582_1ke47_220",
+  "align-end": "awsui_align-end_18582_1ke47_224"
 };
   

package/spinner/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1612d_andhz_131",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_andhz_1",
-  "size-normal": "awsui_size-normal_1612d_andhz_146",
-  "size-big": "awsui_size-big_1612d_andhz_154",
-  "size-large": "awsui_size-large_1612d_andhz_162",
-  "variant-normal": "awsui_variant-normal_1612d_andhz_170",
-  "variant-disabled": "awsui_variant-disabled_1612d_andhz_173",
-  "variant-inverted": "awsui_variant-inverted_1612d_andhz_176",
-  "circle": "awsui_circle_1612d_andhz_188",
-  "circle-left": "awsui_circle-left_1612d_andhz_216",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_andhz_1",
-  "circle-right": "awsui_circle-right_1612d_andhz_221",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_andhz_1"
+  "root": "awsui_root_1612d_14vz8_179",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_14vz8_1",
+  "size-normal": "awsui_size-normal_1612d_14vz8_194",
+  "size-big": "awsui_size-big_1612d_14vz8_202",
+  "size-large": "awsui_size-large_1612d_14vz8_210",
+  "variant-normal": "awsui_variant-normal_1612d_14vz8_218",
+  "variant-disabled": "awsui_variant-disabled_1612d_14vz8_221",
+  "variant-inverted": "awsui_variant-inverted_1612d_14vz8_224",
+  "circle": "awsui_circle_1612d_14vz8_236",
+  "circle-left": "awsui_circle-left_1612d_14vz8_264",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_14vz8_1",
+  "circle-right": "awsui_circle-right_1612d_14vz8_269",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_14vz8_1"
 };
   

package/spinner/styles.scoped.css

@@ -66,6 +66,50 @@
  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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
 /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
@@ -84,8 +128,6 @@
  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 */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -94,11 +136,17 @@ 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
 */
+/* 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 */
+/*
+ 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
 */
-@keyframes awsui_spinner-rotator_1612d_andhz_1 {
+@keyframes awsui_spinner-rotator_1612d_14vz8_1 {
   0% {
     transform: rotate(var(--awsui-spinner-rotator-from-g964ok));
   }
@@ -106,7 +154,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_andhz_1 {
+@keyframes awsui_spinner-line-left_1612d_14vz8_1 {
   0% {
     transform: rotate(var(--awsui-spinner-line-left-from-g964ok));
   }
@@ -117,7 +165,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_andhz_1 {
+@keyframes awsui_spinner-line-right_1612d_14vz8_1 {
   0% {
     transform: rotate(var(--awsui-spinner-line-right-from-g964ok));
   }
@@ -128,7 +176,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_andhz_131:not(#\9) {
+.awsui_root_1612d_14vz8_179:not(#\9) {
   --awsui-spinner-rotator-from-g964ok: 0deg;
   --awsui-spinner-rotator-to-g964ok: 360deg;
   --awsui-spinner-line-left-from-g964ok: 0deg;
@@ -138,12 +186,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_andhz_1 0.7s linear infinite;
+  animation: awsui_spinner-rotator_1612d_14vz8_1 0.7s linear infinite;
   box-sizing: border-box;
   line-height: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_root_1612d_andhz_131.awsui_size-normal_1612d_andhz_146:not(#\9) {
+.awsui_root_1612d_14vz8_179.awsui_size-normal_1612d_14vz8_194: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);
@@ -151,7 +199,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_andhz_131.awsui_size-big_1612d_andhz_154:not(#\9) {
+.awsui_root_1612d_14vz8_179.awsui_size-big_1612d_14vz8_202: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);
@@ -159,7 +207,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_andhz_131.awsui_size-large_1612d_andhz_162:not(#\9) {
+.awsui_root_1612d_14vz8_179.awsui_size-large_1612d_14vz8_210: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);
@@ -167,16 +215,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_andhz_131.awsui_variant-normal_1612d_andhz_170:not(#\9) {
+.awsui_root_1612d_14vz8_179.awsui_variant-normal_1612d_14vz8_218:not(#\9) {
   color: currentColor;
 }
-.awsui_root_1612d_andhz_131.awsui_variant-disabled_1612d_andhz_173:not(#\9) {
+.awsui_root_1612d_14vz8_179.awsui_variant-disabled_1612d_14vz8_221:not(#\9) {
   color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
 }
-.awsui_root_1612d_andhz_131.awsui_variant-inverted_1612d_andhz_176:not(#\9) {
+.awsui_root_1612d_14vz8_179.awsui_variant-inverted_1612d_14vz8_224:not(#\9) {
   color: var(--color-text-inverted-70cpkk, #ffffff);
 }
-.awsui_root_1612d_andhz_131:not(#\9):dir(rtl) {
+.awsui_root_1612d_14vz8_179:not(#\9):dir(rtl) {
   --awsui-spinner-rotator-from-g964ok: 360deg;
   --awsui-spinner-rotator-to-g964ok: 0deg;
   --awsui-spinner-line-left-from-g964ok: 0deg;
@@ -185,14 +233,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   --awsui-spinner-line-right-to-g964ok: 30deg;
 }
 
-.awsui_circle_1612d_andhz_188:not(#\9) {
+.awsui_circle_1612d_14vz8_236:not(#\9) {
   display: inline-block;
   inline-size: 50%;
   block-size: 100%;
   overflow: hidden;
   position: relative;
 }
-.awsui_circle_1612d_andhz_188:not(#\9):after {
+.awsui_circle_1612d_14vz8_236:not(#\9):after {
   position: absolute;
   box-sizing: border-box;
   content: "";
@@ -205,7 +253,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_andhz_188:not(#\9):after {
+.awsui_circle_1612d_14vz8_236: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;
@@ -213,13 +261,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   inline-size: 200%;
 }
-.awsui_circle_1612d_andhz_188.awsui_circle-left_1612d_andhz_216:not(#\9):after {
+.awsui_circle_1612d_14vz8_236.awsui_circle-left_1612d_14vz8_264: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_andhz_1;
+  animation-name: awsui_spinner-line-left_1612d_14vz8_1;
 }
-.awsui_circle_1612d_andhz_188.awsui_circle-right_1612d_andhz_221:not(#\9):after {
+.awsui_circle_1612d_14vz8_236.awsui_circle-right_1612d_14vz8_269: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_andhz_1;
+  animation-name: awsui_spinner-line-right_1612d_14vz8_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_andhz_131",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_andhz_1",
-  "size-normal": "awsui_size-normal_1612d_andhz_146",
-  "size-big": "awsui_size-big_1612d_andhz_154",
-  "size-large": "awsui_size-large_1612d_andhz_162",
-  "variant-normal": "awsui_variant-normal_1612d_andhz_170",
-  "variant-disabled": "awsui_variant-disabled_1612d_andhz_173",
-  "variant-inverted": "awsui_variant-inverted_1612d_andhz_176",
-  "circle": "awsui_circle_1612d_andhz_188",
-  "circle-left": "awsui_circle-left_1612d_andhz_216",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_andhz_1",
-  "circle-right": "awsui_circle-right_1612d_andhz_221",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_andhz_1"
+  "root": "awsui_root_1612d_14vz8_179",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_14vz8_1",
+  "size-normal": "awsui_size-normal_1612d_14vz8_194",
+  "size-big": "awsui_size-big_1612d_14vz8_202",
+  "size-large": "awsui_size-large_1612d_14vz8_210",
+  "variant-normal": "awsui_variant-normal_1612d_14vz8_218",
+  "variant-disabled": "awsui_variant-disabled_1612d_14vz8_221",
+  "variant-inverted": "awsui_variant-inverted_1612d_14vz8_224",
+  "circle": "awsui_circle_1612d_14vz8_236",
+  "circle-left": "awsui_circle-left_1612d_14vz8_264",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_14vz8_1",
+  "circle-right": "awsui_circle-right_1612d_14vz8_269",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_14vz8_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;AAMjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAKrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAKtD,UAAU,4BAA6B,SAAQ,sBAAsB;IACnE,KAAK,EAAE,gBAAgB,CAAC;IACxB,uBAAuB,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,iBAAiB,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACpD;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,MAAM,EACN,KAAK,EACL,uBAAuB,EACvB,aAAa,EACb,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACT,EAAE,4BAA4B,eAuD9B"}
+{"version":3,"file":"bottom.d.ts","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAKrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAKtD,UAAU,4BAA6B,SAAQ,sBAAsB;IACnE,KAAK,EAAE,gBAAgB,CAAC;IACxB,uBAAuB,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,iBAAiB,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACpD;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,MAAM,EACN,KAAK,EACL,uBAAuB,EACvB,aAAa,EACb,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACT,EAAE,4BAA4B,eAwD9B"}

package/split-panel/bottom.js

@@ -3,7 +3,7 @@
 import React, { useEffect, useRef } from 'react';
 import clsx from 'clsx';
 import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
-import { isAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';
+import { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';
 import { useSplitPanelContext } from '../internal/context/split-panel-context';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import { useMobile } from '../internal/hooks/use-mobile';
@@ -12,6 +12,7 @@ import styles from './styles.css.js';
 import testUtilStyles from './test-classes/styles.css.js';
 export function SplitPanelContentBottom({ baseProps, isOpen, state, transitioningElementRef, splitPanelRef, cappedSize, header, resizeHandle, children, appLayoutMaxWidth, panelHeaderId, onToggle, }) {
     const isRefresh = useVisualRefresh();
+    const isToolbar = useAppLayoutToolbarEnabled();
     const { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, reportHeaderHeight } = useSplitPanelContext();
     const transitionContentBottomRef = useMergeRefs(splitPanelRef || null, transitioningElementRef);
     const isMobile = useMobile();
@@ -34,7 +35,7 @@ export function SplitPanelContentBottom({ baseProps, isOpen, state, transitionin
             [styles['drawer-disable-content-paddings']]: disableContentPaddings,
             [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),
             [styles.refresh]: isRefresh,
-            [styles['with-toolbar']]: isAppLayoutToolbarEnabled(),
+            [styles['with-toolbar']]: isToolbar,
         }), onClick: () => !isOpen && onToggle(), style: {
             insetBlockEnd: bottomOffset,
             insetInlineStart: leftOffset,

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 { isAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { TransitionStatus } from '../internal/components/transition';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SplitPanelContentProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n  state: TransitionStatus;\n  transitioningElementRef: React.Ref<any>;\n  appLayoutMaxWidth: React.CSSProperties | undefined;\n}\n\nexport function SplitPanelContentBottom({\n  baseProps,\n  isOpen,\n  state,\n  transitioningElementRef,\n  splitPanelRef,\n  cappedSize,\n  header,\n  resizeHandle,\n  children,\n  appLayoutMaxWidth,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentBottomProps) {\n  const isRefresh = useVisualRefresh();\n  const { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, reportHeaderHeight } =\n    useSplitPanelContext();\n  const transitionContentBottomRef = useMergeRefs(splitPanelRef || null, transitioningElementRef);\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        [testUtilStyles['open-position-bottom']]: isOpen,\n        [styles['drawer-closed']]: !isOpen,\n        [styles['drawer-mobile']]: isMobile,\n        [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n        [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),\n        [styles.refresh]: isRefresh,\n        [styles['with-toolbar']]: isAppLayoutToolbarEnabled(),\n      })}\n      onClick={() => !isOpen && onToggle()}\n      style={{\n        insetBlockEnd: bottomOffset,\n        insetInlineStart: leftOffset,\n        insetInlineEnd: rightOffset,\n        blockSize: isOpen ? cappedSize : undefined,\n      }}\n      ref={transitionContentBottomRef}\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 } 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 { TransitionStatus } from '../internal/components/transition';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SplitPanelContentProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n  state: TransitionStatus;\n  transitioningElementRef: React.Ref<any>;\n  appLayoutMaxWidth: React.CSSProperties | undefined;\n}\n\nexport function SplitPanelContentBottom({\n  baseProps,\n  isOpen,\n  state,\n  transitioningElementRef,\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 { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, reportHeaderHeight } =\n    useSplitPanelContext();\n  const transitionContentBottomRef = useMergeRefs(splitPanelRef || null, transitioningElementRef);\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        [testUtilStyles['open-position-bottom']]: isOpen,\n        [styles['drawer-closed']]: !isOpen,\n        [styles['drawer-mobile']]: isMobile,\n        [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n        [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),\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 : undefined,\n      }}\n      ref={transitionContentBottomRef}\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_1022u_97",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_d4xxm_1022u_103",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_d4xxm_1022u_107",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_d4xxm_1022u_110",
-  "preference-icon--border": "awsui_preference-icon--border_d4xxm_1022u_113",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_d4xxm_1022u_117",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_d4xxm_1022u_120",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_d4xxm_1022u_123",
-  "preference-icon--separator": "awsui_preference-icon--separator_d4xxm_1022u_126",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_d4xxm_1022u_129",
-  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_d4xxm_1022u_133",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_d4xxm_1022u_139",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_d4xxm_1022u_142",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_d4xxm_1022u_145",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_d4xxm_1022u_148",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_d4xxm_1022u_151",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_d4xxm_1022u_154",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_d4xxm_1022u_158",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_d4xxm_1022u_161",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_d4xxm_1022u_164",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_d4xxm_1022u_167",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_d4xxm_1022u_170"
+  "preference-icon--svg": "awsui_preference-icon--svg_d4xxm_hqz9j_141",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_d4xxm_hqz9j_147",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_d4xxm_hqz9j_151",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_d4xxm_hqz9j_154",
+  "preference-icon--border": "awsui_preference-icon--border_d4xxm_hqz9j_157",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_d4xxm_hqz9j_161",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_d4xxm_hqz9j_164",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_d4xxm_hqz9j_167",
+  "preference-icon--separator": "awsui_preference-icon--separator_d4xxm_hqz9j_170",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_d4xxm_hqz9j_173",
+  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_d4xxm_hqz9j_177",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_d4xxm_hqz9j_183",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_d4xxm_hqz9j_186",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_d4xxm_hqz9j_189",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_d4xxm_hqz9j_192",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_d4xxm_hqz9j_195",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_d4xxm_hqz9j_198",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_d4xxm_hqz9j_202",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_d4xxm_hqz9j_205",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_d4xxm_hqz9j_208",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_d4xxm_hqz9j_211",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_d4xxm_hqz9j_214"
 };