@cloudscape-design/components-themeable 3.0.1212 → 3.0.1214

package/lib/internal/template/top-navigation/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* 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_top-navigation_k5dlb_pj3pd_145:not(#\9) {
+.awsui_top-navigation_k5dlb_6ih4g_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -175,7 +175,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-background-container-content-aemn43, #ffffff);
   border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_top-navigation_k5dlb_pj3pd_145 > .awsui_padding-box_k5dlb_pj3pd_178:not(#\9) {
+.awsui_top-navigation_k5dlb_6ih4g_145 > .awsui_padding-box_k5dlb_6ih4g_178:not(#\9) {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -185,22 +185,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: calc(var(--space-xxxl-qhelse, 40px) + var(--space-scaled-m-sw9kcx, 16px));
   padding-inline-start: var(--space-xxl-q0lyvp, 32px);
 }
-.awsui_top-navigation_k5dlb_pj3pd_145.awsui_medium_k5dlb_pj3pd_188 > .awsui_padding-box_k5dlb_pj3pd_178:not(#\9), .awsui_top-navigation_k5dlb_pj3pd_145.awsui_narrow_k5dlb_pj3pd_188 > .awsui_padding-box_k5dlb_pj3pd_178:not(#\9) {
+.awsui_top-navigation_k5dlb_6ih4g_145.awsui_medium_k5dlb_6ih4g_188 > .awsui_padding-box_k5dlb_6ih4g_178:not(#\9), .awsui_top-navigation_k5dlb_6ih4g_145.awsui_narrow_k5dlb_6ih4g_188 > .awsui_padding-box_k5dlb_6ih4g_178:not(#\9) {
   padding-inline-start: var(--space-l-3cws6j, 20px);
 }
-.awsui_top-navigation_k5dlb_pj3pd_145.awsui_medium_k5dlb_pj3pd_188 > .awsui_padding-box_k5dlb_pj3pd_178:not(#\9) {
+.awsui_top-navigation_k5dlb_6ih4g_145.awsui_medium_k5dlb_6ih4g_188 > .awsui_padding-box_k5dlb_6ih4g_178:not(#\9) {
   block-size: calc(var(--space-xxxl-qhelse, 40px) + var(--space-scaled-xs-sppte9, 8px));
   padding-inline-end: 0;
 }
-.awsui_top-navigation_k5dlb_pj3pd_145.awsui_narrow_k5dlb_pj3pd_188 > .awsui_padding-box_k5dlb_pj3pd_178:not(#\9) {
+.awsui_top-navigation_k5dlb_6ih4g_145.awsui_narrow_k5dlb_6ih4g_188 > .awsui_padding-box_k5dlb_6ih4g_178:not(#\9) {
   block-size: var(--space-xxxl-qhelse, 40px);
 }
 
-.awsui_virtual_k5dlb_pj3pd_199:not(#\9) {
+.awsui_virtual_k5dlb_6ih4g_199:not(#\9) {
   inline-size: 9000px;
 }
 
-.awsui_hidden_k5dlb_pj3pd_203:not(#\9) {
+.awsui_hidden_k5dlb_6ih4g_203:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
@@ -208,23 +208,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_hidden_k5dlb_pj3pd_203 *:not(#\9):not(#awsui_\9 _k5dlb_pj3pd_1) {
+.awsui_hidden_k5dlb_6ih4g_203 *:not(#\9):not(#awsui_\9 _k5dlb_6ih4g_1) {
   visibility: hidden;
 }
 
-.awsui_identity_k5dlb_pj3pd_215:not(#\9) {
+.awsui_identity_k5dlb_6ih4g_215:not(#\9) {
   min-inline-size: 0;
 }
-.awsui_identity_k5dlb_pj3pd_215 > .awsui_identity-link_k5dlb_pj3pd_218:not(#\9) {
+.awsui_identity_k5dlb_6ih4g_215 > .awsui_identity-link_k5dlb_6ih4g_218:not(#\9) {
   display: flex;
   align-items: center;
   text-decoration: none;
   color: var(--color-text-top-navigation-title-4lkrln, #16191f);
 }
-.awsui_identity_k5dlb_pj3pd_215 > .awsui_identity-link_k5dlb_pj3pd_218:not(#\9):hover {
+.awsui_identity_k5dlb_6ih4g_215 > .awsui_identity-link_k5dlb_6ih4g_218:not(#\9):hover {
   color: var(--color-text-accent-rvq171, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pj3pd_215 > .awsui_identity-link_k5dlb_pj3pd_218:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_6ih4g_215 > .awsui_identity-link_k5dlb_6ih4g_218:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -235,11 +235,11 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pj3pd_215 > .awsui_ide
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_identity_k5dlb_pj3pd_215.awsui_no-logo_k5dlb_pj3pd_238:not(#\9) {
+.awsui_identity_k5dlb_6ih4g_215.awsui_no-logo_k5dlb_6ih4g_238:not(#\9) {
   min-inline-size: 100px;
 }
 
-.awsui_logo_k5dlb_pj3pd_242:not(#\9) {
+.awsui_logo_k5dlb_6ih4g_242:not(#\9) {
   display: block;
   max-block-size: var(--space-xxl-q0lyvp, 32px);
   margin-inline-end: var(--space-s-4a5hs8, 12px);
@@ -247,11 +247,12 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pj3pd_215 > .awsui_ide
   flex-shrink: 0;
   min-inline-size: 10px;
 }
-.awsui_logo_k5dlb_pj3pd_242.awsui_narrow_k5dlb_pj3pd_188:not(#\9) {
+.awsui_logo_k5dlb_6ih4g_242.awsui_narrow_k5dlb_6ih4g_188:not(#\9) {
   max-block-size: var(--space-xl-4dmkh1, 24px);
 }
 
-.awsui_title_k5dlb_pj3pd_254:not(#\9) {
+.awsui_title_k5dlb_6ih4g_254:not(#\9) {
+  font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
@@ -262,11 +263,11 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pj3pd_215 > .awsui_ide
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_no-logo_k5dlb_pj3pd_238 > .awsui_identity-link_k5dlb_pj3pd_218 > .awsui_title_k5dlb_pj3pd_254:not(#\9) {
+.awsui_no-logo_k5dlb_6ih4g_238 > .awsui_identity-link_k5dlb_6ih4g_218 > .awsui_title_k5dlb_6ih4g_254:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_inputs_k5dlb_pj3pd_269:not(#\9) {
+.awsui_inputs_k5dlb_6ih4g_270:not(#\9) {
   display: flex;
   flex: 1;
   padding-block: 0;
@@ -274,26 +275,26 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pj3pd_215 > .awsui_ide
   justify-content: center;
 }
 
-.awsui_search_k5dlb_pj3pd_277:not(#\9) {
+.awsui_search_k5dlb_6ih4g_278:not(#\9) {
   inline-size: 100%;
   max-inline-size: 340px;
 }
-.awsui_search-expanded_k5dlb_pj3pd_281:not(#\9) {
+.awsui_search-expanded_k5dlb_6ih4g_282:not(#\9) {
   max-inline-size: none;
 }
 
-.awsui_utilities_k5dlb_pj3pd_285:not(#\9) {
+.awsui_utilities_k5dlb_6ih4g_286:not(#\9) {
   display: flex;
   flex-shrink: 0;
   flex-direction: row;
   align-items: stretch;
   block-size: 100%;
 }
-.awsui_medium_k5dlb_pj3pd_188 > .awsui_padding-box_k5dlb_pj3pd_178 > .awsui_utilities_k5dlb_pj3pd_285:not(#\9), .awsui_narrow_k5dlb_pj3pd_188 > .awsui_padding-box_k5dlb_pj3pd_178 > .awsui_utilities_k5dlb_pj3pd_285:not(#\9) {
+.awsui_medium_k5dlb_6ih4g_188 > .awsui_padding-box_k5dlb_6ih4g_178 > .awsui_utilities_k5dlb_6ih4g_286:not(#\9), .awsui_narrow_k5dlb_6ih4g_188 > .awsui_padding-box_k5dlb_6ih4g_178 > .awsui_utilities_k5dlb_6ih4g_286:not(#\9) {
   padding-inline-start: 0;
 }
 
-.awsui_utility-wrapper_k5dlb_pj3pd_296:not(#\9) {
+.awsui_utility-wrapper_k5dlb_6ih4g_297:not(#\9) {
   display: flex;
   position: relative;
   flex-shrink: 0;
@@ -301,7 +302,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pj3pd_215 > .awsui_ide
   padding-block: 0;
   padding-inline: var(--space-m-n2lypl, 16px);
 }
-.awsui_utility-wrapper_k5dlb_pj3pd_296:not(#\9)::after {
+.awsui_utility-wrapper_k5dlb_6ih4g_297:not(#\9)::after {
   display: block;
   position: absolute;
   content: "";
@@ -310,61 +311,61 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pj3pd_215 > .awsui_ide
   inset-block: var(--space-s-4a5hs8, 12px);
   background: var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_utility-wrapper_k5dlb_pj3pd_296:not(#\9):last-of-type::after {
+.awsui_utility-wrapper_k5dlb_6ih4g_297:not(#\9):last-of-type::after {
   display: none;
 }
 
-.awsui_utility-type-button-link_k5dlb_pj3pd_317:not(#\9) {
+.awsui_utility-type-button-link_k5dlb_6ih4g_318:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-3cws6j, 20px);
 }
 
-.awsui_utility-type-menu-dropdown_k5dlb_pj3pd_322:not(#\9) {
+.awsui_utility-type-menu-dropdown_k5dlb_6ih4g_323:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-s-4a5hs8, 12px);
   align-items: stretch;
 }
-.awsui_utility-type-menu-dropdown_k5dlb_pj3pd_322:not(#\9):not(.awsui_narrow_k5dlb_pj3pd_188):last-of-type, .awsui_utility-type-menu-dropdown_k5dlb_pj3pd_322:not(#\9):not(.awsui_medium_k5dlb_pj3pd_188):last-of-type {
+.awsui_utility-type-menu-dropdown_k5dlb_6ih4g_323:not(#\9):not(.awsui_narrow_k5dlb_6ih4g_188):last-of-type, .awsui_utility-type-menu-dropdown_k5dlb_6ih4g_323:not(#\9):not(.awsui_medium_k5dlb_6ih4g_188):last-of-type {
   padding-inline-end: 0;
 }
 
-.awsui_utility-type-button-primary-button_k5dlb_pj3pd_331:not(#\9) {
+.awsui_utility-type-button-primary-button_k5dlb_6ih4g_332:not(#\9) {
   inset-inline-start: -1px;
   border-inline-start: 1px solid var(--color-background-container-content-aemn43, #ffffff);
 }
-.awsui_utility-type-button-primary-button_k5dlb_pj3pd_331:not(#\9)::after {
+.awsui_utility-type-button-primary-button_k5dlb_6ih4g_332:not(#\9)::after {
   display: none;
 }
 
-.awsui_utility-link-icon_k5dlb_pj3pd_339:not(#\9) {
+.awsui_utility-link-icon_k5dlb_6ih4g_340:not(#\9) {
   margin-inline-start: var(--space-xxs-jnczic, 4px);
 }
 
-.awsui_utility-button-external-icon_k5dlb_pj3pd_343:not(#\9) {
+.awsui_utility-button-external-icon_k5dlb_6ih4g_344:not(#\9) {
   display: inline-block;
 }
 
-.awsui_offset-right-none_k5dlb_pj3pd_347:not(#\9) {
+.awsui_offset-right-none_k5dlb_6ih4g_348:not(#\9) {
   margin-inline-end: 0;
 }
 
-.awsui_offset-right-l_k5dlb_pj3pd_351:not(#\9) {
+.awsui_offset-right-l_k5dlb_6ih4g_352:not(#\9) {
   margin-inline-end: var(--space-xxs-jnczic, 4px);
 }
 
-.awsui_offset-right-xxl_k5dlb_pj3pd_355:not(#\9) {
+.awsui_offset-right-xxl_k5dlb_6ih4g_356:not(#\9) {
   margin-inline-end: var(--space-m-n2lypl, 16px);
 }
 
 /* Overflow Menu */
-.awsui_overflow-menu-drawer_k5dlb_pj3pd_360:not(#\9) {
+.awsui_overflow-menu-drawer_k5dlb_6ih4g_361:not(#\9) {
   position: fixed;
   block-size: 100%;
   inline-size: 100%;
   z-index: 1001;
 }
 
-.awsui_overflow-menu_k5dlb_pj3pd_360:not(#\9) {
+.awsui_overflow-menu_k5dlb_6ih4g_361:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -398,7 +399,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pj3pd_215 > .awsui_ide
   block-size: 100%;
 }
 
-.awsui_overflow-menu-header_k5dlb_pj3pd_401:not(#\9) {
+.awsui_overflow-menu-header_k5dlb_6ih4g_402:not(#\9) {
   display: flex;
   align-items: center;
   min-block-size: var(--font-panel-header-line-height-z3wpa5, 22px);
@@ -406,14 +407,14 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pj3pd_215 > .awsui_ide
   padding-inline: var(--space-scaled-m-sw9kcx, 16px);
   border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_overflow-menu-header-text_k5dlb_pj3pd_409:not(#\9) {
+.awsui_overflow-menu-header-text_k5dlb_6ih4g_410:not(#\9) {
   color: var(--color-text-heading-default-wlau07, #16191f);
   flex: 1;
   margin-block: 0;
   margin-inline: 0;
   text-align: center;
 }
-.awsui_overflow-menu-header-text--title_k5dlb_pj3pd_416:not(#\9) {
+.awsui_overflow-menu-header-text--title_k5dlb_6ih4g_417:not(#\9) {
   /* used in test-utils */
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
@@ -422,7 +423,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pj3pd_215 > .awsui_ide
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_overflow-menu-header-text--secondary_k5dlb_pj3pd_425:not(#\9) {
+.awsui_overflow-menu-header-text--secondary_k5dlb_6ih4g_426:not(#\9) {
   font-size: var(--font-header-h2-description-size-t8fx03, 12px);
   line-height: var(--font-header-h2-description-line-height-7ibe40, 16px);
   font-weight: 400;
@@ -430,15 +431,15 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pj3pd_215 > .awsui_ide
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
 
-.awsui_overflow-menu-back-button_k5dlb_pj3pd_433:not(#\9) {
+.awsui_overflow-menu-back-button_k5dlb_6ih4g_434:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_overflow-menu-dismiss-button_k5dlb_pj3pd_437:not(#\9) {
+.awsui_overflow-menu-dismiss-button_k5dlb_6ih4g_438:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_overflow-menu-control_k5dlb_pj3pd_441:not(#\9) {
+.awsui_overflow-menu-control_k5dlb_6ih4g_442:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -476,32 +477,32 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pj3pd_215 > .awsui_ide
   border-block: none;
   border-inline: none;
 }
-.awsui_overflow-menu-list-item-utility_k5dlb_pj3pd_479 > .awsui_overflow-menu-control_k5dlb_pj3pd_441:not(#\9) {
+.awsui_overflow-menu-list-item-utility_k5dlb_6ih4g_480 > .awsui_overflow-menu-control_k5dlb_6ih4g_442:not(#\9) {
   padding-block: var(--space-scaled-m-sw9kcx, 16px);
   padding-inline: var(--space-scaled-m-sw9kcx, 16px);
 }
-.awsui_overflow-menu-control_k5dlb_pj3pd_441:not(#\9):hover {
+.awsui_overflow-menu-control_k5dlb_6ih4g_442:not(#\9):hover {
   color: var(--color-text-accent-rvq171, #0073bb);
   cursor: pointer;
 }
-.awsui_overflow-menu-control-link_k5dlb_pj3pd_487:not(#\9) {
+.awsui_overflow-menu-control-link_k5dlb_6ih4g_488:not(#\9) {
   text-decoration: none;
 }
-.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_pj3pd_490:not(#\9) {
+.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_6ih4g_491:not(#\9) {
   color: var(--color-text-dropdown-group-label-m31yo5, #545b64);
   font-weight: bold;
 }
-.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_pj3pd_490:not(#\9):hover {
+.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_6ih4g_491:not(#\9):hover {
   color: var(--color-text-accent-rvq171, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_pj3pd_441:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_6ih4g_442:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_pj3pd_441:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_6ih4g_442:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-vsdlzg, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_pj3pd_441:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_6ih4g_442:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -516,63 +517,63 @@ body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_pj3pd_441
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
 
-.awsui_overflow-menu-list_k5dlb_pj3pd_479:not(#\9) {
+.awsui_overflow-menu-list_k5dlb_6ih4g_480:not(#\9) {
   list-style: none;
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_overflow-menu-list-submenu_k5dlb_pj3pd_526:not(#\9) {
+.awsui_overflow-menu-list-submenu_k5dlb_6ih4g_527:not(#\9) {
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: 0;
 }
 
-.awsui_overflow-menu-list-item_k5dlb_pj3pd_479:not(#\9) {
+.awsui_overflow-menu-list-item_k5dlb_6ih4g_480:not(#\9) {
   box-sizing: border-box;
   letter-spacing: var(--font-button-letter-spacing-9h7rbb, 0.25px);
 }
-.awsui_overflow-menu-list-item-icon_k5dlb_pj3pd_535:not(#\9) {
+.awsui_overflow-menu-list-item-icon_k5dlb_6ih4g_536:not(#\9) {
   margin-inline-end: var(--space-xxs-jnczic, 4px);
 }
-.awsui_overflow-menu-list-item-text_k5dlb_pj3pd_538:not(#\9) {
+.awsui_overflow-menu-list-item-text_k5dlb_6ih4g_539:not(#\9) {
   flex: 1;
 }
-.awsui_overflow-menu-list-item-utility_k5dlb_pj3pd_479:not(#\9) {
+.awsui_overflow-menu-list-item-utility_k5dlb_6ih4g_480:not(#\9) {
   font-weight: var(--font-weight-button-hh0ago, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_overflow-menu-list-item-submenu_k5dlb_pj3pd_547:not(#\9) {
+.awsui_overflow-menu-list-item-submenu_k5dlb_6ih4g_548:not(#\9) {
   border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid transparent;
   border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid transparent;
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline: var(--space-scaled-l-66n9sr, 20px);
 }
-.awsui_overflow-menu-list-item-dropdown-menu_k5dlb_pj3pd_553:not(#\9) {
+.awsui_overflow-menu-list-item-dropdown-menu_k5dlb_6ih4g_554:not(#\9) {
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline: var(--space-scaled-s-gjhvjd, 12px);
 }
-.awsui_overflow-menu-list-item-expandable_k5dlb_pj3pd_557:not(#\9) {
+.awsui_overflow-menu-list-item-expandable_k5dlb_6ih4g_558:not(#\9) {
   border-block-start-color: var(--color-border-divider-default-ipvpev, #eaeded);
   border-block-end-color: var(--color-border-divider-default-ipvpev, #eaeded);
 }
 
-.awsui_icon_k5dlb_pj3pd_562:not(#\9) {
+.awsui_icon_k5dlb_6ih4g_563:not(#\9) {
   transform: rotate(0deg);
   transition: transform var(--motion-duration-rotate-180-4er9qu, 135ms) var(--motion-easing-rotate-180-xlspcm, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_k5dlb_pj3pd_562:not(#\9) {
+  .awsui_icon_k5dlb_6ih4g_563:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_k5dlb_pj3pd_562:not(#\9), .awsui-mode-entering .awsui_icon_k5dlb_pj3pd_562:not(#\9) {
+.awsui-motion-disabled .awsui_icon_k5dlb_6ih4g_563:not(#\9), .awsui-mode-entering .awsui_icon_k5dlb_6ih4g_563:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_icon-open_k5dlb_pj3pd_576:not(#\9) {
+.awsui_icon-open_k5dlb_6ih4g_577:not(#\9) {
   transform: rotate(-180deg);
 }

package/lib/internal/template/top-navigation/styles.selectors.js

@@ -2,52 +2,52 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "top-navigation": "awsui_top-navigation_k5dlb_pj3pd_145",
-  "padding-box": "awsui_padding-box_k5dlb_pj3pd_178",
-  "medium": "awsui_medium_k5dlb_pj3pd_188",
-  "narrow": "awsui_narrow_k5dlb_pj3pd_188",
-  "virtual": "awsui_virtual_k5dlb_pj3pd_199",
-  "hidden": "awsui_hidden_k5dlb_pj3pd_203",
-  "\t": "awsui_\t_k5dlb_pj3pd_1",
-  "identity": "awsui_identity_k5dlb_pj3pd_215",
-  "identity-link": "awsui_identity-link_k5dlb_pj3pd_218",
-  "no-logo": "awsui_no-logo_k5dlb_pj3pd_238",
-  "logo": "awsui_logo_k5dlb_pj3pd_242",
-  "title": "awsui_title_k5dlb_pj3pd_254",
-  "inputs": "awsui_inputs_k5dlb_pj3pd_269",
-  "search": "awsui_search_k5dlb_pj3pd_277",
-  "search-expanded": "awsui_search-expanded_k5dlb_pj3pd_281",
-  "utilities": "awsui_utilities_k5dlb_pj3pd_285",
-  "utility-wrapper": "awsui_utility-wrapper_k5dlb_pj3pd_296",
-  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_pj3pd_317",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_pj3pd_322",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_pj3pd_331",
-  "utility-link-icon": "awsui_utility-link-icon_k5dlb_pj3pd_339",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_pj3pd_343",
-  "offset-right-none": "awsui_offset-right-none_k5dlb_pj3pd_347",
-  "offset-right-l": "awsui_offset-right-l_k5dlb_pj3pd_351",
-  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_pj3pd_355",
-  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_pj3pd_360",
-  "overflow-menu": "awsui_overflow-menu_k5dlb_pj3pd_360",
-  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_pj3pd_401",
-  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_pj3pd_409",
-  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_pj3pd_416",
-  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_pj3pd_425",
-  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_pj3pd_433",
-  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_pj3pd_437",
-  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_pj3pd_441",
-  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_pj3pd_479",
-  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_pj3pd_487",
-  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_pj3pd_490",
-  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_pj3pd_479",
-  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_pj3pd_526",
-  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_pj3pd_479",
-  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_pj3pd_535",
-  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_pj3pd_538",
-  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_pj3pd_547",
-  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_pj3pd_553",
-  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_pj3pd_557",
-  "icon": "awsui_icon_k5dlb_pj3pd_562",
-  "icon-open": "awsui_icon-open_k5dlb_pj3pd_576"
+  "top-navigation": "awsui_top-navigation_k5dlb_6ih4g_145",
+  "padding-box": "awsui_padding-box_k5dlb_6ih4g_178",
+  "medium": "awsui_medium_k5dlb_6ih4g_188",
+  "narrow": "awsui_narrow_k5dlb_6ih4g_188",
+  "virtual": "awsui_virtual_k5dlb_6ih4g_199",
+  "hidden": "awsui_hidden_k5dlb_6ih4g_203",
+  "\t": "awsui_\t_k5dlb_6ih4g_1",
+  "identity": "awsui_identity_k5dlb_6ih4g_215",
+  "identity-link": "awsui_identity-link_k5dlb_6ih4g_218",
+  "no-logo": "awsui_no-logo_k5dlb_6ih4g_238",
+  "logo": "awsui_logo_k5dlb_6ih4g_242",
+  "title": "awsui_title_k5dlb_6ih4g_254",
+  "inputs": "awsui_inputs_k5dlb_6ih4g_270",
+  "search": "awsui_search_k5dlb_6ih4g_278",
+  "search-expanded": "awsui_search-expanded_k5dlb_6ih4g_282",
+  "utilities": "awsui_utilities_k5dlb_6ih4g_286",
+  "utility-wrapper": "awsui_utility-wrapper_k5dlb_6ih4g_297",
+  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_6ih4g_318",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_6ih4g_323",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_6ih4g_332",
+  "utility-link-icon": "awsui_utility-link-icon_k5dlb_6ih4g_340",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_6ih4g_344",
+  "offset-right-none": "awsui_offset-right-none_k5dlb_6ih4g_348",
+  "offset-right-l": "awsui_offset-right-l_k5dlb_6ih4g_352",
+  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_6ih4g_356",
+  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_6ih4g_361",
+  "overflow-menu": "awsui_overflow-menu_k5dlb_6ih4g_361",
+  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_6ih4g_402",
+  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_6ih4g_410",
+  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_6ih4g_417",
+  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_6ih4g_426",
+  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_6ih4g_434",
+  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_6ih4g_438",
+  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_6ih4g_442",
+  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_6ih4g_480",
+  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_6ih4g_488",
+  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_6ih4g_491",
+  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_6ih4g_480",
+  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_6ih4g_527",
+  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_6ih4g_480",
+  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_6ih4g_536",
+  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_6ih4g_539",
+  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_6ih4g_548",
+  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_6ih4g_554",
+  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_6ih4g_558",
+  "icon": "awsui_icon_k5dlb_6ih4g_563",
+  "icon-open": "awsui_icon-open_k5dlb_6ih4g_577"
 };
   

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

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/wizard/internal.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAKlF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAO3C,KAAK,mBAAmB,GAAG,WAAW,GACpC,0BAA0B,GAAG;IAC3B,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,eAAe,EAAE,yBAAyB,EAC1C,gBAAgB,EAChB,iBAAyB,EACzB,WAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,kCAA0C,EAC1C,GAAG,IAAI,EACR,EAAE,mBAAmB,eAoKrB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/wizard/internal.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAKlF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAQ3C,KAAK,mBAAmB,GAAG,WAAW,GACpC,0BAA0B,GAAG;IAC3B,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,eAAe,EAAE,yBAAyB,EAC1C,gBAAgB,EAChB,iBAAyB,EACzB,WAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,kCAA0C,EAC1C,GAAG,IAAI,EACR,EAAE,mBAAmB,eAoLrB"}

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

@@ -1,6 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useRef } from 'react';
+import React, { useRef, useState } from 'react';
 import clsx from 'clsx';
 import { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';
 import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
@@ -16,6 +16,7 @@ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import { useFunnelChangeEvent } from './analytics';
 import WizardForm, { STEP_NAME_SELECTOR } from './wizard-form';
 import WizardNavigation from './wizard-navigation';
+import WizardStepNavigationExpandable from './wizard-step-navigation-expandable';
 import analyticsSelectors from './analytics-metadata/styles.css.js';
 import styles from './styles.css.js';
 export default function InternalWizard({ steps, activeStepIndex: controlledActiveStepIndex, submitButtonText, isLoadingNextStep = false, allowSkipTo = false, customPrimaryActions, secondaryActions, onCancel, onSubmit, onNavigate, __internalRootRef, __injectAnalyticsComponentMetadata = false, ...rest }) {
@@ -35,6 +36,7 @@ export default function InternalWizard({ steps, activeStepIndex: controlledActiv
     farthestStepIndex.current = Math.max(farthestStepIndex.current, actualActiveStepIndex);
     const isVisualRefresh = useVisualRefresh();
     const isLastStep = actualActiveStepIndex >= steps.length - 1;
+    const [isStepNavigationExpanded, setIsStepNavigationExpanded] = useState(false);
     const navigationEvent = (requestedStepIndex, reason) => {
         if (funnelInteractionId) {
             const stepName = getTextFromSelector(STEP_NAME_SELECTOR);
@@ -106,7 +108,9 @@ export default function InternalWizard({ steps, activeStepIndex: controlledActiv
             : {}) },
         React.createElement("div", { className: clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container']) },
             React.createElement(WizardNavigation, { activeStepIndex: actualActiveStepIndex, farthestStepIndex: farthestStepIndex.current, allowSkipTo: allowSkipTo, hidden: smallContainer, i18nStrings: i18nStrings, isLoadingNextStep: isLoadingNextStep, onStepClick: onStepClick, onSkipToClick: onSkipToClick, steps: steps }),
+            smallContainer && (React.createElement("div", { className: styles['collapsed-steps'] },
+                React.createElement(WizardStepNavigationExpandable, { activeStepIndex: actualActiveStepIndex, farthestStepIndex: farthestStepIndex.current, allowSkipTo: allowSkipTo, i18nStrings: i18nStrings, isLoadingNextStep: isLoadingNextStep, onStepClick: onStepClick, onSkipToClick: onSkipToClick, steps: steps, expanded: isStepNavigationExpanded, onExpandChange: setIsStepNavigationExpanded }))),
             React.createElement("div", { className: clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container']) },
-                React.createElement(WizardForm, { steps: steps, showCollapsedSteps: smallContainer, i18nStrings: i18nStrings, submitButtonText: submitButtonText, activeStepIndex: actualActiveStepIndex, isPrimaryLoading: isLoadingNextStep, allowSkipTo: allowSkipTo, customPrimaryActions: customPrimaryActions, secondaryActions: secondaryActions, onCancelClick: onCancelClick, onPreviousClick: onPreviousClick, onSkipToClick: onSkipToClick, onPrimaryClick: onPrimaryClick })))));
+                React.createElement(WizardForm, { steps: steps, i18nStrings: i18nStrings, submitButtonText: submitButtonText, activeStepIndex: actualActiveStepIndex, isPrimaryLoading: isLoadingNextStep, allowSkipTo: allowSkipTo, customPrimaryActions: customPrimaryActions, secondaryActions: secondaryActions, onCancelClick: onCancelClick, onPreviousClick: onPreviousClick, onSkipToClick: onSkipToClick, onPrimaryClick: onPrimaryClick })))));
 }
 //# sourceMappingURL=internal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/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 { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport {\n  DATA_ATTR_FUNNEL_KEY,\n  FUNNEL_KEY_FUNNEL_NAME,\n  FUNNEL_KEY_STEP_NAME,\n  getSubStepAllSelector,\n  getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useFunnelChangeEvent } from './analytics';\nimport { GeneratedAnalyticsMetadataWizardComponent } from './analytics-metadata/interfaces';\nimport { WizardProps } from './interfaces';\nimport WizardForm, { STEP_NAME_SELECTOR } from './wizard-form';\nimport WizardNavigation from './wizard-navigation';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\ntype InternalWizardProps = WizardProps &\n  InternalBaseComponentProps & {\n    __injectAnalyticsComponentMetadata?: boolean;\n  };\n\nexport default function InternalWizard({\n  steps,\n  activeStepIndex: controlledActiveStepIndex,\n  submitButtonText,\n  isLoadingNextStep = false,\n  allowSkipTo = false,\n  customPrimaryActions,\n  secondaryActions,\n  onCancel,\n  onSubmit,\n  onNavigate,\n  __internalRootRef,\n  __injectAnalyticsComponentMetadata = false,\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 { funnelIdentifier, funnelInteractionId, funnelSubmit, funnelCancel, funnelProps, funnelNextOrSubmitAttempt } =\n    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 = getTextFromSelector(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, funnelIdentifier, 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  const componentAnalyticsMetadata: GeneratedAnalyticsMetadataWizardComponent = {\n    name: 'awsui.Wizard',\n    label: {\n      root: 'body',\n      selector: `[${DATA_ATTR_FUNNEL_KEY}=\"${FUNNEL_KEY_FUNNEL_NAME}\"]`,\n    },\n    properties: {\n      stepsCount: `${(steps || []).length}`,\n      activeStepIndex: `${activeStepIndex}`,\n      activeStepLabel: `[${DATA_ATTR_FUNNEL_KEY}=\"${FUNNEL_KEY_STEP_NAME}\"]`,\n      ...(rest.analyticsMetadata || {}),\n    },\n  };\n\n  return (\n    <div\n      {...baseProps}\n      {...funnelProps}\n      ref={ref}\n      className={clsx(styles.root, analyticsSelectors.root, baseProps.className)}\n      {...(__injectAnalyticsComponentMetadata\n        ? getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })\n        : {})}\n    >\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          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          <WizardForm\n            steps={steps}\n            showCollapsedSteps={smallContainer}\n            i18nStrings={i18nStrings}\n            submitButtonText={submitButtonText}\n            activeStepIndex={actualActiveStepIndex}\n            isPrimaryLoading={isLoadingNextStep}\n            allowSkipTo={allowSkipTo}\n            customPrimaryActions={customPrimaryActions}\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":"","sources":["../../../src/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, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport {\n  DATA_ATTR_FUNNEL_KEY,\n  FUNNEL_KEY_FUNNEL_NAME,\n  FUNNEL_KEY_STEP_NAME,\n  getSubStepAllSelector,\n  getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useFunnelChangeEvent } from './analytics';\nimport { GeneratedAnalyticsMetadataWizardComponent } from './analytics-metadata/interfaces';\nimport { WizardProps } from './interfaces';\nimport WizardForm, { STEP_NAME_SELECTOR } from './wizard-form';\nimport WizardNavigation from './wizard-navigation';\nimport WizardStepNavigationExpandable from './wizard-step-navigation-expandable';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\ntype InternalWizardProps = WizardProps &\n  InternalBaseComponentProps & {\n    __injectAnalyticsComponentMetadata?: boolean;\n  };\n\nexport default function InternalWizard({\n  steps,\n  activeStepIndex: controlledActiveStepIndex,\n  submitButtonText,\n  isLoadingNextStep = false,\n  allowSkipTo = false,\n  customPrimaryActions,\n  secondaryActions,\n  onCancel,\n  onSubmit,\n  onNavigate,\n  __internalRootRef,\n  __injectAnalyticsComponentMetadata = false,\n  ...rest\n}: InternalWizardProps) {\n  const baseProps = getBaseProps(rest);\n\n  const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n  const ref = useMergeRefs(breakpointsRef, __internalRootRef);\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 { funnelIdentifier, funnelInteractionId, funnelSubmit, funnelCancel, funnelProps, funnelNextOrSubmitAttempt } =\n    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 [isStepNavigationExpanded, setIsStepNavigationExpanded] = useState(false);\n\n  const navigationEvent = (requestedStepIndex: number, reason: WizardProps.NavigationReason) => {\n    if (funnelInteractionId) {\n      const stepName = getTextFromSelector(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, funnelIdentifier, 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  const componentAnalyticsMetadata: GeneratedAnalyticsMetadataWizardComponent = {\n    name: 'awsui.Wizard',\n    label: {\n      root: 'body',\n      selector: `[${DATA_ATTR_FUNNEL_KEY}=\"${FUNNEL_KEY_FUNNEL_NAME}\"]`,\n    },\n    properties: {\n      stepsCount: `${(steps || []).length}`,\n      activeStepIndex: `${activeStepIndex}`,\n      activeStepLabel: `[${DATA_ATTR_FUNNEL_KEY}=\"${FUNNEL_KEY_STEP_NAME}\"]`,\n      ...(rest.analyticsMetadata || {}),\n    },\n  };\n\n  return (\n    <div\n      {...baseProps}\n      {...funnelProps}\n      ref={ref}\n      className={clsx(styles.root, analyticsSelectors.root, baseProps.className)}\n      {...(__injectAnalyticsComponentMetadata\n        ? getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })\n        : {})}\n    >\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          isLoadingNextStep={isLoadingNextStep}\n          onStepClick={onStepClick}\n          onSkipToClick={onSkipToClick}\n          steps={steps}\n        />\n        {smallContainer && (\n          <div className={styles['collapsed-steps']}>\n            <WizardStepNavigationExpandable\n              activeStepIndex={actualActiveStepIndex}\n              farthestStepIndex={farthestStepIndex.current}\n              allowSkipTo={allowSkipTo}\n              i18nStrings={i18nStrings}\n              isLoadingNextStep={isLoadingNextStep}\n              onStepClick={onStepClick}\n              onSkipToClick={onSkipToClick}\n              steps={steps}\n              expanded={isStepNavigationExpanded}\n              onExpandChange={setIsStepNavigationExpanded}\n            />\n          </div>\n        )}\n        <div\n          className={clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n        >\n          <WizardForm\n            steps={steps}\n            i18nStrings={i18nStrings}\n            submitButtonText={submitButtonText}\n            activeStepIndex={actualActiveStepIndex}\n            isPrimaryLoading={isLoadingNextStep}\n            allowSkipTo={allowSkipTo}\n            customPrimaryActions={customPrimaryActions}\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"]}