@cloudscape-design/components-themeable 3.0.514 → 3.0.515

package/lib/internal/template/container/styles.scoped.css

@@ -94,7 +94,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
 */
-.awsui_root_14iqq_93igk_97:not(#\9) {
+.awsui_root_14iqq_1r6ed_97:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -131,23 +131,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_93igk_97.awsui_fit-height_14iqq_93igk_133:not(#\9) {
+.awsui_root_14iqq_1r6ed_97.awsui_fit-height_14iqq_1r6ed_133:not(#\9) {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.awsui_root_14iqq_93igk_97.awsui_fit-height_14iqq_93igk_133.awsui_with-side-media_14iqq_93igk_138:not(#\9) {
+.awsui_root_14iqq_1r6ed_97.awsui_fit-height_14iqq_1r6ed_133.awsui_with-side-media_14iqq_1r6ed_138:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_93igk_97.awsui_variant-default_14iqq_93igk_141:not(#\9), .awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141:not(#\9) {
+.awsui_root_14iqq_1r6ed_97.awsui_variant-default_14iqq_1r6ed_141:not(#\9), .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9) {
   background-color: var(--color-background-container-content-il2pe5, #ffffff);
   border-radius: var(--border-radius-container-jm6teg, 0px);
   box-sizing: border-box;
 }
-.awsui_root_14iqq_93igk_97.awsui_variant-default_14iqq_93igk_141.awsui_refresh_14iqq_93igk_146:not(#\9), .awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141.awsui_refresh_14iqq_93igk_146:not(#\9) {
+.awsui_root_14iqq_1r6ed_97.awsui_variant-default_14iqq_1r6ed_141.awsui_refresh_14iqq_1r6ed_146:not(#\9), .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141.awsui_refresh_14iqq_1r6ed_146:not(#\9) {
   border: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_root_14iqq_93igk_97.awsui_variant-default_14iqq_93igk_141:not(#\9):not(.awsui_refresh_14iqq_93igk_146)::before, .awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141:not(#\9):not(.awsui_refresh_14iqq_93igk_146)::before {
+.awsui_root_14iqq_1r6ed_97.awsui_variant-default_14iqq_1r6ed_141:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::before, .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -162,7 +162,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-jm6teg, 0px);
   z-index: 1;
 }
-.awsui_root_14iqq_93igk_97.awsui_variant-default_14iqq_93igk_141:not(#\9):not(.awsui_refresh_14iqq_93igk_146)::after, .awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141:not(#\9):not(.awsui_refresh_14iqq_93igk_146)::after {
+.awsui_root_14iqq_1r6ed_97.awsui_variant-default_14iqq_1r6ed_141:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::after, .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -175,127 +175,127 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-jm6teg, 0px);
   box-shadow: var(--shadow-container-5104ec, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141:not(#\9):not(:last-child), .awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141:not(#\9):not(:last-child)::before, .awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9):not(:last-child), .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9):not(:last-child)::after {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
   border-bottom-width: 0;
 }
-.awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141 + .awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141:not(#\9), .awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141 + .awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141:not(#\9)::before, .awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141 + .awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141:not(#\9)::after {
+.awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141 + .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9), .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141 + .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9)::before, .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141 + .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9)::after {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141 + .awsui_root_14iqq_93igk_97.awsui_variant-stacked_14iqq_93igk_141:not(#\9):not(.awsui_refresh_14iqq_93igk_146)::before {
+.awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141 + .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::before {
   border-top: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_root_14iqq_93igk_97.awsui_sticky-enabled_14iqq_93igk_189:not(#\9):not(.awsui_refresh_14iqq_93igk_146)::before {
+.awsui_root_14iqq_1r6ed_97.awsui_sticky-enabled_14iqq_1r6ed_189:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::before {
   top: calc(-1 * var(--border-container-top-width-s1x6t0, 1px));
 }
-.awsui_root_14iqq_93igk_97.awsui_sticky-enabled_14iqq_93igk_189:not(#\9):not(.awsui_refresh_14iqq_93igk_146).awsui_variant-stacked_14iqq_93igk_141::before {
+.awsui_root_14iqq_1r6ed_97.awsui_sticky-enabled_14iqq_1r6ed_189:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146).awsui_variant-stacked_14iqq_1r6ed_141::before {
   top: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
 }
 
-.awsui_with-side-media_14iqq_93igk_138:not(#\9) {
+.awsui_with-side-media_14iqq_1r6ed_138:not(#\9) {
   display: flex;
   flex-direction: row;
 }
 
-.awsui_with-top-media_14iqq_93igk_201:not(#\9) {
+.awsui_with-top-media_14iqq_1r6ed_201:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_content-wrapper_14iqq_93igk_206:not(#\9) {
+.awsui_content-wrapper_14iqq_1r6ed_206:not(#\9) {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_93igk_211:not(#\9) {
+.awsui_content-wrapper-fit-height_14iqq_1r6ed_211:not(#\9) {
   height: 100%;
   overflow: hidden;
 }
 
-.awsui_media_14iqq_93igk_216:not(#\9) {
+.awsui_media_14iqq_1r6ed_216:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_93igk_216 img:not(#\9),
-.awsui_media_14iqq_93igk_216 video:not(#\9),
-.awsui_media_14iqq_93igk_216 picture:not(#\9) {
+.awsui_media_14iqq_1r6ed_216 img:not(#\9),
+.awsui_media_14iqq_1r6ed_216 video:not(#\9),
+.awsui_media_14iqq_1r6ed_216 picture:not(#\9) {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media_14iqq_93igk_216 iframe:not(#\9) {
+.awsui_media_14iqq_1r6ed_216 iframe:not(#\9) {
   width: 100%;
   height: 100%;
   border: 0;
 }
-.awsui_media-top_14iqq_93igk_233:not(#\9) {
+.awsui_media-top_14iqq_1r6ed_233:not(#\9) {
   max-height: 66%;
   border-top-left-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
   border-top-right-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
 }
-.awsui_media-side_14iqq_93igk_238:not(#\9) {
+.awsui_media-side_14iqq_1r6ed_238:not(#\9) {
   max-width: 66%;
   border-top-left-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
   border-bottom-left-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
 }
 
-.awsui_header_14iqq_93igk_244:not(#\9) {
+.awsui_header_14iqq_1r6ed_244:not(#\9) {
   background-color: var(--color-background-container-header-ni4jv3, #fafafa);
   border-top-left-radius: var(--border-radius-container-jm6teg, 0px);
   border-top-right-radius: var(--border-radius-container-jm6teg, 0px);
 }
-.awsui_header_14iqq_93igk_244.awsui_header-with-media_14iqq_93igk_249:not(#\9) {
+.awsui_header_14iqq_1r6ed_244.awsui_header-with-media_14iqq_1r6ed_249:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_93igk_244.awsui_header-with-media_14iqq_93igk_249:not(#\9):not(:empty) {
+.awsui_header_14iqq_1r6ed_244.awsui_header-with-media_14iqq_1r6ed_249:not(#\9):not(:empty) {
   border-bottom: none;
 }
-.awsui_header-sticky-disabled_14iqq_93igk_255:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_1r6ed_255:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_93igk_259:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_1r6ed_259:not(#\9) {
   top: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_93igk_265:not(#\9) {
+.awsui_header-stuck_14iqq_1r6ed_265:not(#\9) {
   border-radius: 0;
 }
-.awsui_header-stuck_14iqq_93igk_265:not(#\9)::before {
+.awsui_header-stuck_14iqq_1r6ed_265:not(#\9)::before {
   border: 0;
 }
-.awsui_header-stuck_14iqq_93igk_265:not(#\9):not(.awsui_header-variant-cards_14iqq_93igk_271) {
+.awsui_header-stuck_14iqq_1r6ed_265:not(#\9):not(.awsui_header-variant-cards_14iqq_1r6ed_271) {
   box-shadow: var(--shadow-sticky-embedded-f9wivk, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
-.awsui_header-dynamic-height_14iqq_93igk_274.awsui_header-stuck_14iqq_93igk_265:not(#\9) {
+.awsui_header-dynamic-height_14iqq_1r6ed_274.awsui_header-stuck_14iqq_1r6ed_265:not(#\9) {
   margin-bottom: calc(var(--line-height-heading-xl-v9hsvt, 36px) - var(--line-height-heading-l-vog8w7, 22px));
 }
-.awsui_header_14iqq_93igk_244:not(#\9):not(:empty) {
+.awsui_header_14iqq_1r6ed_244:not(#\9):not(:empty) {
   border-bottom: var(--border-container-sticky-width-xo3q2l, 1px) solid var(--color-border-container-divider-gl15p9, #eaeded);
 }
-.awsui_header_14iqq_93igk_244.awsui_with-paddings_14iqq_93igk_280:not(#\9) {
+.awsui_header_14iqq_1r6ed_244.awsui_with-paddings_14iqq_1r6ed_280:not(#\9) {
   padding: var(--space-container-header-top-bomjbu, 12px) var(--space-container-horizontal-oebwqe, 20px) var(--space-container-header-bottom-qqnwwz, 12px);
 }
-.awsui_header_14iqq_93igk_244.awsui_with-paddings_14iqq_93igk_280.awsui_header-variant-cards_14iqq_93igk_271:not(#\9) {
+.awsui_header_14iqq_1r6ed_244.awsui_with-paddings_14iqq_1r6ed_280.awsui_header-variant-cards_14iqq_1r6ed_271:not(#\9) {
   padding: var(--space-container-header-top-bomjbu, 12px) var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_header_14iqq_93igk_244.awsui_with-hidden-content_14iqq_93igk_286:not(#\9) {
+.awsui_header_14iqq_1r6ed_244.awsui_with-hidden-content_14iqq_1r6ed_286:not(#\9) {
   border-bottom-left-radius: var(--border-radius-container-jm6teg, 0px);
   border-bottom-right-radius: var(--border-radius-container-jm6teg, 0px);
 }
-.awsui_header-variant-cards_14iqq_93igk_271:not(#\9) {
+.awsui_header-variant-cards_14iqq_1r6ed_271:not(#\9) {
   border-radius: var(--border-radius-container-jm6teg, 0px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_93igk_271.awsui_refresh_14iqq_93igk_146:not(#\9) {
+.awsui_header-variant-cards_14iqq_1r6ed_271.awsui_refresh_14iqq_1r6ed_146:not(#\9) {
   border: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_header-variant-cards_14iqq_93igk_271:not(#\9):not(.awsui_refresh_14iqq_93igk_146)::before {
+.awsui_header-variant-cards_14iqq_1r6ed_271:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -310,7 +310,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-jm6teg, 0px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_93igk_271:not(#\9):not(.awsui_refresh_14iqq_93igk_146)::after {
+.awsui_header-variant-cards_14iqq_1r6ed_271:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -323,18 +323,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-jm6teg, 0px);
   box-shadow: var(--shadow-container-5104ec, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_header-variant-cards_14iqq_93igk_271:not(#\9):not(.awsui_header-sticky-enabled_14iqq_93igk_259) {
+.awsui_header-variant-cards_14iqq_1r6ed_271:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1r6ed_259) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_93igk_271.awsui_header-stuck_14iqq_93igk_265:not(#\9)::after, .awsui_header-variant-cards_14iqq_93igk_271.awsui_header-stuck_14iqq_93igk_265:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_1r6ed_271.awsui_header-stuck_14iqq_1r6ed_265:not(#\9)::after, .awsui_header-variant-cards_14iqq_1r6ed_271.awsui_header-stuck_14iqq_1r6ed_265:not(#\9)::before {
   border: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_93igk_333.awsui_header-stuck_14iqq_93igk_265:not(#\9) {
+.awsui_header-variant-full-page_14iqq_1r6ed_333.awsui_header-stuck_14iqq_1r6ed_265:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_93igk_333.awsui_header-stuck_14iqq_93igk_265:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_1r6ed_333.awsui_header-stuck_14iqq_1r6ed_265:not(#\9)::before {
+  content: "";
+  position: absolute;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  top: 0;
+  border-bottom: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
+}
+.awsui_header-variant-full-page_14iqq_1r6ed_333.awsui_header-stuck_14iqq_1r6ed_265:not(#\9)::after {
   content: "";
   position: absolute;
   right: 0;
@@ -344,35 +353,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: var(--shadow-sticky-hxu2pv, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
+.awsui_header-variant-full-page_14iqq_1r6ed_333.awsui_header-stuck_14iqq_1r6ed_265:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_1r6ed_355)::before {
+  content: "";
+  border-bottom: none;
+}
 
 /*
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
-.awsui_dark-header_14iqq_93igk_351:not(#\9) {
+.awsui_dark-header_14iqq_1r6ed_364:not(#\9) {
   background-color: var(--color-background-layout-main-td853a, #f2f3f3);
   color: var(--color-text-body-default-ffdwgg, #16191f);
 }
 
-.awsui_content_14iqq_93igk_206:not(#\9) {
+.awsui_content_14iqq_1r6ed_206:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_93igk_359:not(#\9) {
+.awsui_content-fit-height_14iqq_1r6ed_372:not(#\9) {
   overflow: auto;
 }
-.awsui_content_14iqq_93igk_206.awsui_with-paddings_14iqq_93igk_280:not(#\9) {
+.awsui_content_14iqq_1r6ed_206.awsui_with-paddings_14iqq_1r6ed_280:not(#\9) {
   padding: var(--space-scaled-l-08jb88, 20px) var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_header_14iqq_93igk_244 + .awsui_content_14iqq_93igk_206.awsui_with-paddings_14iqq_93igk_280:not(#\9) {
+.awsui_header_14iqq_1r6ed_244 + .awsui_content_14iqq_1r6ed_206.awsui_with-paddings_14iqq_1r6ed_280:not(#\9) {
   padding-top: var(--space-container-content-top-dkluz9, 16px);
 }
-.awsui_header_14iqq_93igk_244 + .awsui_content_14iqq_93igk_206.awsui_with-paddings_14iqq_93igk_280.awsui_content-with-media_14iqq_93igk_368:not(#\9) {
+.awsui_header_14iqq_1r6ed_244 + .awsui_content_14iqq_1r6ed_206.awsui_with-paddings_14iqq_1r6ed_280.awsui_content-with-media_14iqq_1r6ed_381:not(#\9) {
   padding-top: 0;
 }
 
-.awsui_footer_14iqq_93igk_372.awsui_with-paddings_14iqq_93igk_280:not(#\9) {
+.awsui_footer_14iqq_1r6ed_385.awsui_with-paddings_14iqq_1r6ed_280:not(#\9) {
   padding: var(--space-scaled-s-9q8n2q, 12px) var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_footer_14iqq_93igk_372.awsui_with-divider_14iqq_93igk_375:not(#\9) {
+.awsui_footer_14iqq_1r6ed_385.awsui_with-divider_14iqq_1r6ed_388:not(#\9) {
   border-top: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }

package/lib/internal/template/container/styles.selectors.js

@@ -2,34 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_93igk_97",
-  "fit-height": "awsui_fit-height_14iqq_93igk_133",
-  "with-side-media": "awsui_with-side-media_14iqq_93igk_138",
-  "variant-default": "awsui_variant-default_14iqq_93igk_141",
-  "variant-stacked": "awsui_variant-stacked_14iqq_93igk_141",
-  "refresh": "awsui_refresh_14iqq_93igk_146",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_93igk_189",
-  "with-top-media": "awsui_with-top-media_14iqq_93igk_201",
-  "content-wrapper": "awsui_content-wrapper_14iqq_93igk_206",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_93igk_211",
-  "media": "awsui_media_14iqq_93igk_216",
-  "media-top": "awsui_media-top_14iqq_93igk_233",
-  "media-side": "awsui_media-side_14iqq_93igk_238",
-  "header": "awsui_header_14iqq_93igk_244",
-  "header-with-media": "awsui_header-with-media_14iqq_93igk_249",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_93igk_255",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_93igk_259",
-  "header-stuck": "awsui_header-stuck_14iqq_93igk_265",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_93igk_271",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_93igk_274",
-  "with-paddings": "awsui_with-paddings_14iqq_93igk_280",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_93igk_286",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_93igk_333",
-  "dark-header": "awsui_dark-header_14iqq_93igk_351",
-  "content": "awsui_content_14iqq_93igk_206",
-  "content-fit-height": "awsui_content-fit-height_14iqq_93igk_359",
-  "content-with-media": "awsui_content-with-media_14iqq_93igk_368",
-  "footer": "awsui_footer_14iqq_93igk_372",
-  "with-divider": "awsui_with-divider_14iqq_93igk_375"
+  "root": "awsui_root_14iqq_1r6ed_97",
+  "fit-height": "awsui_fit-height_14iqq_1r6ed_133",
+  "with-side-media": "awsui_with-side-media_14iqq_1r6ed_138",
+  "variant-default": "awsui_variant-default_14iqq_1r6ed_141",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1r6ed_141",
+  "refresh": "awsui_refresh_14iqq_1r6ed_146",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1r6ed_189",
+  "with-top-media": "awsui_with-top-media_14iqq_1r6ed_201",
+  "content-wrapper": "awsui_content-wrapper_14iqq_1r6ed_206",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1r6ed_211",
+  "media": "awsui_media_14iqq_1r6ed_216",
+  "media-top": "awsui_media-top_14iqq_1r6ed_233",
+  "media-side": "awsui_media-side_14iqq_1r6ed_238",
+  "header": "awsui_header_14iqq_1r6ed_244",
+  "header-with-media": "awsui_header-with-media_14iqq_1r6ed_249",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1r6ed_255",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1r6ed_259",
+  "header-stuck": "awsui_header-stuck_14iqq_1r6ed_265",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1r6ed_271",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1r6ed_274",
+  "with-paddings": "awsui_with-paddings_14iqq_1r6ed_280",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1r6ed_286",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1r6ed_333",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_1r6ed_355",
+  "dark-header": "awsui_dark-header_14iqq_1r6ed_364",
+  "content": "awsui_content_14iqq_1r6ed_206",
+  "content-fit-height": "awsui_content-fit-height_14iqq_1r6ed_372",
+  "content-with-media": "awsui_content-with-media_14iqq_1r6ed_381",
+  "footer": "awsui_footer_14iqq_1r6ed_385",
+  "with-divider": "awsui_with-divider_14iqq_1r6ed_388"
 };
   

package/lib/internal/template/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (d1f65846)";
+export var PACKAGE_VERSION = "3.0.0 (43d19872)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (d1f65846)",
+  "PACKAGE_VERSION": "3.0.0 (43d19872)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/internal/utils/content-header-utils.d.ts

@@ -1,2 +1,3 @@
+export declare const shouldRemoveHighContrastHeader: boolean;
 export declare const contentHeaderClassName: string;
 //# sourceMappingURL=content-header-utils.d.ts.map

package/lib/internal/template/internal/utils/content-header-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content-header-utils.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,EAAE,MAEH,CAAC"}
+{"version":3,"file":"content-header-utils.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,8BAA8B,SAA8C,CAAC;AAC1F,eAAO,MAAM,sBAAsB,QAAuE,CAAC"}

package/lib/internal/template/internal/utils/content-header-utils.js

@@ -1,7 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { getGlobalFlag } from './global-flags';
-export const contentHeaderClassName = getGlobalFlag('removeHighContrastHeader')
-    ? ''
-    : 'awsui-context-content-header';
+export const shouldRemoveHighContrastHeader = !!getGlobalFlag('removeHighContrastHeader');
+export const contentHeaderClassName = shouldRemoveHighContrastHeader ? '' : 'awsui-context-content-header';
 //# sourceMappingURL=content-header-utils.js.map

package/lib/internal/template/internal/utils/content-header-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-header-utils.js","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,sBAAsB,GAAW,aAAa,CAAC,0BAA0B,CAAC;IACrF,CAAC,CAAC,EAAE;IACJ,CAAC,CAAC,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getGlobalFlag } from './global-flags';\n\nexport const contentHeaderClassName: string = getGlobalFlag('removeHighContrastHeader')\n  ? ''\n  : 'awsui-context-content-header';\n"]}
+{"version":3,"file":"content-header-utils.js","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;AAC1F,MAAM,CAAC,MAAM,sBAAsB,GAAG,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getGlobalFlag } from './global-flags';\n\nexport const shouldRemoveHighContrastHeader = !!getGlobalFlag('removeHighContrastHeader');\nexport const contentHeaderClassName = shouldRemoveHighContrastHeader ? '' : 'awsui-context-content-header';\n"]}

package/lib/internal/template/wizard/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["wizard/internal.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAYlF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAK3C,KAAK,mBAAmB,GAAG,WAAW,GAAG,0BAA0B,CAAC;AAEpE,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,eAAe,EAAE,yBAAyB,EAC1C,gBAAgB,EAChB,iBAAyB,EACzB,WAAmB,EACnB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,eA+IrB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["wizard/internal.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAYlF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,KAAK,mBAAmB,GAAG,WAAW,GAAG,0BAA0B,CAAC;AAEpE,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,eAAe,EAAE,yBAAyB,EAC1C,gBAAgB,EAChB,iBAAyB,EACzB,WAAmB,EACnB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,eAyJrB"}

package/lib/internal/template/wizard/internal.js

@@ -19,6 +19,7 @@ import WizardForm, { STEP_NAME_SELECTOR } from './wizard-form';
 import WizardNavigation from './wizard-navigation';
 import styles from './styles.css.js';
 import { useFunnelChangeEvent } from './analytics';
+import { shouldRemoveHighContrastHeader } from '../internal/utils/content-header-utils';
 export default function InternalWizard(_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j;
     var { steps, activeStepIndex: controlledActiveStepIndex, submitButtonText, isLoadingNextStep = false, allowSkipTo = false, secondaryActions, onCancel, onSubmit, onNavigate, __internalRootRef } = _a, rest = __rest(_a, ["steps", "activeStepIndex", "submitButtonText", "isLoadingNextStep", "allowSkipTo", "secondaryActions", "onCancel", "onSubmit", "onNavigate", "__internalRootRef"]);
@@ -81,9 +82,9 @@ export default function InternalWizard(_a) {
         warnOnce('Wizard', `You have set \`allowSkipTo\` but you have not provided \`i18nStrings.skipToButtonLabel\`. The skip-to button will not be rendered.`);
     }
     return (React.createElement("div", Object.assign({}, baseProps, funnelProps, { ref: ref, className: clsx(styles.root, baseProps.className) }),
-        React.createElement("div", { className: clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container']) },
+        React.createElement("div", { className: clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'], shouldRemoveHighContrastHeader && styles['remove-high-contrast-header']) },
             React.createElement(WizardNavigation, { activeStepIndex: actualActiveStepIndex, farthestStepIndex: farthestStepIndex.current, allowSkipTo: allowSkipTo, hidden: smallContainer, i18nStrings: i18nStrings, isVisualRefresh: isVisualRefresh, isLoadingNextStep: isLoadingNextStep, onStepClick: onStepClick, onSkipToClick: onSkipToClick, steps: steps }),
-            React.createElement("div", { className: clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container']) },
+            React.createElement("div", { className: clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'], shouldRemoveHighContrastHeader && styles['remove-high-contrast-header']) },
                 isVisualRefresh && React.createElement("div", { className: clsx(styles.background, contentHeaderClassName) }),
                 React.createElement(WizardForm, { steps: steps, isVisualRefresh: isVisualRefresh, showCollapsedSteps: smallContainer, i18nStrings: i18nStrings, submitButtonText: submitButtonText, activeStepIndex: actualActiveStepIndex, isPrimaryLoading: isLoadingNextStep, allowSkipTo: allowSkipTo, secondaryActions: secondaryActions, onCancelClick: onCancelClick, onPreviousClick: onPreviousClick, onSkipToClick: onSkipToClick, onPrimaryClick: onPrimaryClick })))));
 }

package/lib/internal/template/wizard/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["wizard/internal.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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { contentHeaderClassName } from '../internal/utils/content-header-utils';\n\nimport { useInternalI18n } from '../i18n/context';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport { getNameFromSelector, getSubStepAllSelector } from '../internal/analytics/selectors';\n\nimport WizardForm, { STEP_NAME_SELECTOR } from './wizard-form';\nimport WizardNavigation from './wizard-navigation';\n\nimport { WizardProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport { useFunnelChangeEvent } from './analytics';\n\ntype InternalWizardProps = WizardProps & InternalBaseComponentProps;\n\nexport default function InternalWizard({\n  steps,\n  activeStepIndex: controlledActiveStepIndex,\n  submitButtonText,\n  isLoadingNextStep = false,\n  allowSkipTo = false,\n  secondaryActions,\n  onCancel,\n  onSubmit,\n  onNavigate,\n  __internalRootRef,\n  ...rest\n}: InternalWizardProps) {\n  const baseProps = getBaseProps(rest);\n\n  const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n  const ref = useMergeRefs(breakpointsRef, __internalRootRef);\n\n  const smallContainer = breakpoint === 'default';\n\n  const [activeStepIndex, setActiveStepIndex] = useControllable(controlledActiveStepIndex, onNavigate, 0, {\n    componentName: 'Wizard',\n    controlledProp: 'activeStepIndex',\n    changeHandler: 'onNavigate',\n  });\n  const { funnelInteractionId, funnelSubmit, funnelCancel, funnelProps, funnelNextOrSubmitAttempt } = useFunnel();\n  const actualActiveStepIndex = activeStepIndex ? Math.min(activeStepIndex, steps.length - 1) : 0;\n\n  const farthestStepIndex = useRef<number>(actualActiveStepIndex);\n  farthestStepIndex.current = Math.max(farthestStepIndex.current, actualActiveStepIndex);\n\n  const isVisualRefresh = useVisualRefresh();\n  const isLastStep = actualActiveStepIndex >= steps.length - 1;\n\n  const navigationEvent = (requestedStepIndex: number, reason: WizardProps.NavigationReason) => {\n    if (funnelInteractionId) {\n      const stepName = getNameFromSelector(STEP_NAME_SELECTOR);\n\n      FunnelMetrics.funnelStepNavigation({\n        navigationType: reason,\n        funnelInteractionId,\n        stepNumber: actualActiveStepIndex + 1,\n        stepName,\n        stepNameSelector: STEP_NAME_SELECTOR,\n        destinationStepNumber: requestedStepIndex + 1,\n        subStepAllSelector: getSubStepAllSelector(),\n      });\n    }\n\n    setActiveStepIndex(requestedStepIndex);\n    fireNonCancelableEvent(onNavigate, { requestedStepIndex, reason });\n  };\n  const onStepClick = (stepIndex: number) => navigationEvent(stepIndex, 'step');\n  const onSkipToClick = (stepIndex: number) => navigationEvent(stepIndex, 'skip');\n  const onCancelClick = () => {\n    funnelCancel();\n    fireNonCancelableEvent(onCancel);\n  };\n  const onPreviousClick = () => navigationEvent(actualActiveStepIndex - 1, 'previous');\n  const onPrimaryClick = () => {\n    funnelNextOrSubmitAttempt();\n\n    if (isLastStep) {\n      funnelSubmit();\n      fireNonCancelableEvent(onSubmit);\n    } else {\n      navigationEvent(actualActiveStepIndex + 1, 'next');\n    }\n  };\n\n  useFunnelChangeEvent(funnelInteractionId, steps);\n\n  const i18n = useInternalI18n('wizard');\n  const skipToButtonLabel = i18n(\n    'i18nStrings.skipToButtonLabel',\n    rest.i18nStrings?.skipToButtonLabel,\n    format => task => format({ task__title: task.title })\n  );\n\n  const i18nStrings: WizardProps.I18nStrings = {\n    ...rest.i18nStrings,\n    skipToButtonLabel,\n    stepNumberLabel: i18n(\n      'i18nStrings.stepNumberLabel',\n      rest.i18nStrings?.stepNumberLabel,\n      format => stepNumber => format({ stepNumber })\n    ),\n    collapsedStepsLabel: i18n(\n      'i18nStrings.collapsedStepsLabel',\n      rest.i18nStrings?.collapsedStepsLabel,\n      format => (stepNumber, stepsCount) => format({ stepNumber, stepsCount })\n    ),\n    navigationAriaLabel: i18n('i18nStrings.navigationAriaLabel', rest.i18nStrings?.navigationAriaLabel),\n    cancelButton: i18n('i18nStrings.cancelButton', rest.i18nStrings?.cancelButton),\n    previousButton: i18n('i18nStrings.previousButton', rest.i18nStrings?.previousButton),\n    nextButton: i18n('i18nStrings.nextButton', rest.i18nStrings?.nextButton),\n    optional: i18n('i18nStrings.optional', rest.i18nStrings?.optional),\n  };\n\n  if (activeStepIndex && activeStepIndex >= steps.length) {\n    warnOnce(\n      'Wizard',\n      `You have set \\`activeStepIndex\\` to ${activeStepIndex} but you have provided only ${\n        steps.length\n      } steps. Its value is ignored and the component uses ${steps.length - 1} instead.`\n    );\n  }\n\n  if (allowSkipTo && !skipToButtonLabel) {\n    warnOnce(\n      'Wizard',\n      `You have set \\`allowSkipTo\\` but you have not provided \\`i18nStrings.skipToButtonLabel\\`. The skip-to button will not be rendered.`\n    );\n  }\n\n  return (\n    <div {...baseProps} {...funnelProps} ref={ref} className={clsx(styles.root, baseProps.className)}>\n      <div\n        className={clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n      >\n        <WizardNavigation\n          activeStepIndex={actualActiveStepIndex}\n          farthestStepIndex={farthestStepIndex.current}\n          allowSkipTo={allowSkipTo}\n          hidden={smallContainer}\n          i18nStrings={i18nStrings}\n          isVisualRefresh={isVisualRefresh}\n          isLoadingNextStep={isLoadingNextStep}\n          onStepClick={onStepClick}\n          onSkipToClick={onSkipToClick}\n          steps={steps}\n        />\n        <div\n          className={clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n        >\n          {isVisualRefresh && <div className={clsx(styles.background, contentHeaderClassName)} />}\n          <WizardForm\n            steps={steps}\n            isVisualRefresh={isVisualRefresh}\n            showCollapsedSteps={smallContainer}\n            i18nStrings={i18nStrings}\n            submitButtonText={submitButtonText}\n            activeStepIndex={actualActiveStepIndex}\n            isPrimaryLoading={isLoadingNextStep}\n            allowSkipTo={allowSkipTo}\n            secondaryActions={secondaryActions}\n            onCancelClick={onCancelClick}\n            onPreviousClick={onPreviousClick}\n            onSkipToClick={onSkipToClick}\n            onPrimaryClick={onPrimaryClick}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["wizard/internal.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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { contentHeaderClassName } from '../internal/utils/content-header-utils';\n\nimport { useInternalI18n } from '../i18n/context';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport { getNameFromSelector, getSubStepAllSelector } from '../internal/analytics/selectors';\n\nimport WizardForm, { STEP_NAME_SELECTOR } from './wizard-form';\nimport WizardNavigation from './wizard-navigation';\n\nimport { WizardProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport { useFunnelChangeEvent } from './analytics';\nimport { shouldRemoveHighContrastHeader } from '../internal/utils/content-header-utils';\n\ntype InternalWizardProps = WizardProps & InternalBaseComponentProps;\n\nexport default function InternalWizard({\n  steps,\n  activeStepIndex: controlledActiveStepIndex,\n  submitButtonText,\n  isLoadingNextStep = false,\n  allowSkipTo = false,\n  secondaryActions,\n  onCancel,\n  onSubmit,\n  onNavigate,\n  __internalRootRef,\n  ...rest\n}: InternalWizardProps) {\n  const baseProps = getBaseProps(rest);\n\n  const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n  const ref = useMergeRefs(breakpointsRef, __internalRootRef);\n\n  const smallContainer = breakpoint === 'default';\n\n  const [activeStepIndex, setActiveStepIndex] = useControllable(controlledActiveStepIndex, onNavigate, 0, {\n    componentName: 'Wizard',\n    controlledProp: 'activeStepIndex',\n    changeHandler: 'onNavigate',\n  });\n  const { funnelInteractionId, funnelSubmit, funnelCancel, funnelProps, funnelNextOrSubmitAttempt } = useFunnel();\n  const actualActiveStepIndex = activeStepIndex ? Math.min(activeStepIndex, steps.length - 1) : 0;\n\n  const farthestStepIndex = useRef<number>(actualActiveStepIndex);\n  farthestStepIndex.current = Math.max(farthestStepIndex.current, actualActiveStepIndex);\n\n  const isVisualRefresh = useVisualRefresh();\n  const isLastStep = actualActiveStepIndex >= steps.length - 1;\n\n  const navigationEvent = (requestedStepIndex: number, reason: WizardProps.NavigationReason) => {\n    if (funnelInteractionId) {\n      const stepName = getNameFromSelector(STEP_NAME_SELECTOR);\n\n      FunnelMetrics.funnelStepNavigation({\n        navigationType: reason,\n        funnelInteractionId,\n        stepNumber: actualActiveStepIndex + 1,\n        stepName,\n        stepNameSelector: STEP_NAME_SELECTOR,\n        destinationStepNumber: requestedStepIndex + 1,\n        subStepAllSelector: getSubStepAllSelector(),\n      });\n    }\n\n    setActiveStepIndex(requestedStepIndex);\n    fireNonCancelableEvent(onNavigate, { requestedStepIndex, reason });\n  };\n  const onStepClick = (stepIndex: number) => navigationEvent(stepIndex, 'step');\n  const onSkipToClick = (stepIndex: number) => navigationEvent(stepIndex, 'skip');\n  const onCancelClick = () => {\n    funnelCancel();\n    fireNonCancelableEvent(onCancel);\n  };\n  const onPreviousClick = () => navigationEvent(actualActiveStepIndex - 1, 'previous');\n  const onPrimaryClick = () => {\n    funnelNextOrSubmitAttempt();\n\n    if (isLastStep) {\n      funnelSubmit();\n      fireNonCancelableEvent(onSubmit);\n    } else {\n      navigationEvent(actualActiveStepIndex + 1, 'next');\n    }\n  };\n\n  useFunnelChangeEvent(funnelInteractionId, steps);\n\n  const i18n = useInternalI18n('wizard');\n  const skipToButtonLabel = i18n(\n    'i18nStrings.skipToButtonLabel',\n    rest.i18nStrings?.skipToButtonLabel,\n    format => task => format({ task__title: task.title })\n  );\n\n  const i18nStrings: WizardProps.I18nStrings = {\n    ...rest.i18nStrings,\n    skipToButtonLabel,\n    stepNumberLabel: i18n(\n      'i18nStrings.stepNumberLabel',\n      rest.i18nStrings?.stepNumberLabel,\n      format => stepNumber => format({ stepNumber })\n    ),\n    collapsedStepsLabel: i18n(\n      'i18nStrings.collapsedStepsLabel',\n      rest.i18nStrings?.collapsedStepsLabel,\n      format => (stepNumber, stepsCount) => format({ stepNumber, stepsCount })\n    ),\n    navigationAriaLabel: i18n('i18nStrings.navigationAriaLabel', rest.i18nStrings?.navigationAriaLabel),\n    cancelButton: i18n('i18nStrings.cancelButton', rest.i18nStrings?.cancelButton),\n    previousButton: i18n('i18nStrings.previousButton', rest.i18nStrings?.previousButton),\n    nextButton: i18n('i18nStrings.nextButton', rest.i18nStrings?.nextButton),\n    optional: i18n('i18nStrings.optional', rest.i18nStrings?.optional),\n  };\n\n  if (activeStepIndex && activeStepIndex >= steps.length) {\n    warnOnce(\n      'Wizard',\n      `You have set \\`activeStepIndex\\` to ${activeStepIndex} but you have provided only ${\n        steps.length\n      } steps. Its value is ignored and the component uses ${steps.length - 1} instead.`\n    );\n  }\n\n  if (allowSkipTo && !skipToButtonLabel) {\n    warnOnce(\n      'Wizard',\n      `You have set \\`allowSkipTo\\` but you have not provided \\`i18nStrings.skipToButtonLabel\\`. The skip-to button will not be rendered.`\n    );\n  }\n\n  return (\n    <div {...baseProps} {...funnelProps} ref={ref} className={clsx(styles.root, baseProps.className)}>\n      <div\n        className={clsx(\n          styles.wizard,\n          isVisualRefresh && styles.refresh,\n          smallContainer && styles['small-container'],\n          shouldRemoveHighContrastHeader && styles['remove-high-contrast-header']\n        )}\n      >\n        <WizardNavigation\n          activeStepIndex={actualActiveStepIndex}\n          farthestStepIndex={farthestStepIndex.current}\n          allowSkipTo={allowSkipTo}\n          hidden={smallContainer}\n          i18nStrings={i18nStrings}\n          isVisualRefresh={isVisualRefresh}\n          isLoadingNextStep={isLoadingNextStep}\n          onStepClick={onStepClick}\n          onSkipToClick={onSkipToClick}\n          steps={steps}\n        />\n        <div\n          className={clsx(\n            styles.form,\n            isVisualRefresh && styles.refresh,\n            smallContainer && styles['small-container'],\n            shouldRemoveHighContrastHeader && styles['remove-high-contrast-header']\n          )}\n        >\n          {isVisualRefresh && <div className={clsx(styles.background, contentHeaderClassName)} />}\n          <WizardForm\n            steps={steps}\n            isVisualRefresh={isVisualRefresh}\n            showCollapsedSteps={smallContainer}\n            i18nStrings={i18nStrings}\n            submitButtonText={submitButtonText}\n            activeStepIndex={actualActiveStepIndex}\n            isPrimaryLoading={isLoadingNextStep}\n            allowSkipTo={allowSkipTo}\n            secondaryActions={secondaryActions}\n            onCancelClick={onCancelClick}\n            onPreviousClick={onPreviousClick}\n            onSkipToClick={onSkipToClick}\n            onPrimaryClick={onPrimaryClick}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/lib/internal/template/wizard/styles.css.js

@@ -1,36 +1,37 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1xupv_3wcn3_94",
-  "wizard": "awsui_wizard_1xupv_3wcn3_129",
-  "refresh": "awsui_refresh_1xupv_3wcn3_129",
-  "small-container": "awsui_small-container_1xupv_3wcn3_136",
-  "navigation": "awsui_navigation_1xupv_3wcn3_145",
-  "number": "awsui_number_1xupv_3wcn3_205",
-  "circle": "awsui_circle_1xupv_3wcn3_221",
-  "title": "awsui_title_1xupv_3wcn3_229",
-  "active": "awsui_active_1xupv_3wcn3_257",
-  "disabled": "awsui_disabled_1xupv_3wcn3_268",
-  "enabled": "awsui_enabled_1xupv_3wcn3_278",
-  "form": "awsui_form_1xupv_3wcn3_319",
-  "form-header": "awsui_form-header_1xupv_3wcn3_324",
-  "background": "awsui_background_1xupv_3wcn3_334",
-  "form-header-content": "awsui_form-header-content_1xupv_3wcn3_346",
-  "form-component": "awsui_form-component_1xupv_3wcn3_350",
-  "hidden": "awsui_hidden_1xupv_3wcn3_364",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_3wcn3_368",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_3wcn3_373",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_3wcn3_377",
-  "form-header-component": "awsui_form-header-component_1xupv_3wcn3_377",
-  "navigation-link": "awsui_navigation-link_1xupv_3wcn3_390",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_3wcn3_391",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_3wcn3_392",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_3wcn3_396",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_3wcn3_401",
-  "cancel-button": "awsui_cancel-button_1xupv_3wcn3_405",
-  "previous-button": "awsui_previous-button_1xupv_3wcn3_406",
-  "primary-button": "awsui_primary-button_1xupv_3wcn3_407",
-  "skip-to-button": "awsui_skip-to-button_1xupv_3wcn3_408",
-  "action-buttons": "awsui_action-buttons_1xupv_3wcn3_412"
+  "root": "awsui_root_1xupv_1n2t9_94",
+  "wizard": "awsui_wizard_1xupv_1n2t9_129",
+  "refresh": "awsui_refresh_1xupv_1n2t9_129",
+  "small-container": "awsui_small-container_1xupv_1n2t9_136",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_1xupv_1n2t9_140",
+  "navigation": "awsui_navigation_1xupv_1n2t9_148",
+  "number": "awsui_number_1xupv_1n2t9_212",
+  "circle": "awsui_circle_1xupv_1n2t9_228",
+  "title": "awsui_title_1xupv_1n2t9_236",
+  "active": "awsui_active_1xupv_1n2t9_264",
+  "disabled": "awsui_disabled_1xupv_1n2t9_275",
+  "enabled": "awsui_enabled_1xupv_1n2t9_285",
+  "form": "awsui_form_1xupv_1n2t9_326",
+  "form-header": "awsui_form-header_1xupv_1n2t9_331",
+  "background": "awsui_background_1xupv_1n2t9_341",
+  "form-header-content": "awsui_form-header-content_1xupv_1n2t9_353",
+  "form-component": "awsui_form-component_1xupv_1n2t9_361",
+  "hidden": "awsui_hidden_1xupv_1n2t9_375",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_1n2t9_379",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1n2t9_384",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1n2t9_388",
+  "form-header-component": "awsui_form-header-component_1xupv_1n2t9_388",
+  "navigation-link": "awsui_navigation-link_1xupv_1n2t9_401",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_1n2t9_402",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_1n2t9_403",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_1n2t9_407",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1n2t9_412",
+  "cancel-button": "awsui_cancel-button_1xupv_1n2t9_416",
+  "previous-button": "awsui_previous-button_1xupv_1n2t9_417",
+  "primary-button": "awsui_primary-button_1xupv_1n2t9_418",
+  "skip-to-button": "awsui_skip-to-button_1xupv_1n2t9_419",
+  "action-buttons": "awsui_action-buttons_1xupv_1n2t9_423"
 };