@cloudscape-design/components 3.0.648 → 3.0.650

package/wizard/styles.scoped.css

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,8 +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
 */
-/* stylelint-disable selector-max-universal, selector-max-type */
-.awsui_root_1xupv_1ks7f_100:not(#\9) {
+.awsui_root_1xupv_1w520_97:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -133,28 +130,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_wizard_1xupv_1ks7f_135.awsui_refresh_1xupv_1ks7f_135:not(#\9) {
+.awsui_wizard_1xupv_1w520_132.awsui_refresh_1xupv_1w520_132:not(#\9) {
   column-gap: var(--space-xl-lmui9r, 24px);
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   grid-template-rows: auto 1fr;
   row-gap: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_wizard_1xupv_1ks7f_135.awsui_refresh_1xupv_1ks7f_135.awsui_small-container_1xupv_1ks7f_142:not(#\9) {
+.awsui_wizard_1xupv_1w520_132.awsui_refresh_1xupv_1w520_132.awsui_small-container_1xupv_1w520_139:not(#\9) {
   grid-template-columns: minmax(0, 1fr) 0;
   row-gap: var(--space-scaled-l-0hpmd7, 20px);
 }
 
-.awsui_wizard_1xupv_1ks7f_135:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) {
+.awsui_wizard_1xupv_1w520_132:not(#\9):not(.awsui_refresh_1xupv_1w520_132) {
   display: flex;
 }
 
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
   padding-block-start: calc(var(--space-xs-zb16t3, 8px) + var(--space-scaled-xxs-7597g1, 4px));
+  /* stylelint-disable selector-max-type */
+  /* stylelint-enable selector-max-type */
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132:not(#\9) {
   background: var(--color-background-container-content-4un1ap, #ffffff);
   position: relative;
   margin-block: 0;
@@ -165,7 +164,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 260px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li:not(#\9) {
   display: grid;
   column-gap: var(--space-xs-zb16t3, 8px);
   grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
@@ -173,7 +172,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li > hr:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li > hr:not(#\9) {
   background-color: var(--color-border-divider-default-j74lyz, #b6bec9);
   border-block: 0;
   border-inline: 0;
@@ -181,13 +180,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   inline-size: var(--space-xxxs-zbmxqb, 2px);
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li > .awsui_number_1xupv_1ks7f_183:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li > .awsui_number_1xupv_1w520_182:not(#\9) {
   color: var(--color-text-small-zfvvfc, #5f6b7a);
   font-size: var(--font-size-body-s-asqx2i, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li > a:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li > a:not(#\9) {
   align-items: start;
   column-gap: var(--space-xs-zb16t3, 8px);
   cursor: pointer;
@@ -197,7 +196,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-row: 2;
   grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li > a > .awsui_circle_1xupv_1ks7f_199:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li > a > .awsui_circle_1xupv_1w520_198:not(#\9) {
   border-start-start-radius: 100%;
   border-start-end-radius: 100%;
   border-end-start-radius: 100%;
@@ -208,12 +207,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: 6px;
   inline-size: 10px;
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li > a > .awsui_title_1xupv_1ks7f_210:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li > a > .awsui_title_1xupv_1w520_209:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   grid-column: 2;
 }
-body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li > a:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li > a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -224,140 +223,142 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1ks7f_151.awsui_refr
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1ks7f_183 {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1w520_182 {
   margin-block-start: var(--space-m-udix3p, 16px);
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_active_1xupv_1ks7f_241 > a:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_active_1xupv_1w520_240 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_active_1xupv_1ks7f_241 > a > .awsui_circle_1xupv_1ks7f_199:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_active_1xupv_1w520_240 > a > .awsui_circle_1xupv_1w520_198:not(#\9) {
   background-color: var(--color-background-control-checked-w517i0, #0972d3);
   box-shadow: 0 0 0 3px var(--color-background-container-content-4un1ap, #ffffff), 0 0 0 5px var(--color-background-control-checked-w517i0, #0972d3), 0 0 0 7px var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_active_1xupv_1ks7f_241 > a > .awsui_title_1xupv_1ks7f_210:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_active_1xupv_1w520_240 > a > .awsui_title_1xupv_1w520_209:not(#\9) {
   color: var(--color-background-control-checked-w517i0, #0972d3);
   font-weight: 700;
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_disabled_1xupv_1ks7f_252 > a:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_disabled_1xupv_1w520_251 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_disabled_1xupv_1ks7f_252 > a > .awsui_circle_1xupv_1ks7f_199:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_disabled_1xupv_1w520_251 > a > .awsui_circle_1xupv_1w520_198:not(#\9) {
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
   box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-z7a3t4, #9ba7b6), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_disabled_1xupv_1ks7f_252 > a > .awsui_title_1xupv_1ks7f_210:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_disabled_1xupv_1w520_251 > a > .awsui_title_1xupv_1w520_209:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_enabled_1xupv_1ks7f_262 > a > .awsui_circle_1xupv_1ks7f_199:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_enabled_1xupv_1w520_261 > a > .awsui_circle_1xupv_1w520_198:not(#\9) {
   background-color: var(--color-text-interactive-default-lnx6lk, #414d5c);
   box-shadow: 0 0 0 2px var(--color-text-interactive-default-lnx6lk, #414d5c), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_enabled_1xupv_1ks7f_262 > a > .awsui_title_1xupv_1ks7f_210:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_enabled_1xupv_1w520_261 > a > .awsui_title_1xupv_1w520_209:not(#\9) {
   color: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_enabled_1xupv_1ks7f_262 > a:not(#\9):hover > .awsui_circle_1xupv_1ks7f_199 {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_enabled_1xupv_1w520_261 > a:not(#\9):hover > .awsui_circle_1xupv_1w520_198 {
   background-color: var(--color-background-control-checked-w517i0, #0972d3);
   box-shadow: 0 0 0 2px var(--color-background-control-checked-w517i0, #0972d3), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_enabled_1xupv_1ks7f_262 > a:not(#\9):hover > .awsui_title_1xupv_1ks7f_210 {
+.awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_enabled_1xupv_1w520_261 > a:not(#\9):hover > .awsui_title_1xupv_1w520_209 {
   color: var(--color-background-control-checked-w517i0, #0972d3);
 }
 
-.awsui_navigation_1xupv_1ks7f_151:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) {
+.awsui_navigation_1xupv_1w520_148:not(#\9):not(.awsui_refresh_1xupv_1w520_132) {
   color: var(--color-text-disabled-f4c52h, #9ba7b6);
   display: inline-block;
   margin-inline-end: calc(2 * var(--space-xxxl-4x2gki, 40px));
   min-inline-size: 200px;
   padding-block-start: var(--space-xxs-p8yyaw, 4px);
   inline-size: 200px;
+  /* stylelint-disable selector-max-type */
+  /* stylelint-enable selector-max-type */
 }
-.awsui_navigation_1xupv_1ks7f_151:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) > ul:not(.awsui_refresh_1xupv_1ks7f_135) {
+.awsui_navigation_1xupv_1w520_148:not(#\9):not(.awsui_refresh_1xupv_1w520_132) > ul:not(.awsui_refresh_1xupv_1w520_132) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_navigation_1xupv_1ks7f_151:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) > ul:not(.awsui_refresh_1xupv_1ks7f_135) > li {
+.awsui_navigation_1xupv_1w520_148:not(#\9):not(.awsui_refresh_1xupv_1w520_132) > ul:not(.awsui_refresh_1xupv_1w520_132) > li {
   min-inline-size: 0;
   word-break: break-word;
   padding-block: 0 var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_navigation_1xupv_1ks7f_151:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) > ul:not(.awsui_refresh_1xupv_1ks7f_135) > li:not(:first-child) {
+.awsui_navigation_1xupv_1w520_148:not(#\9):not(.awsui_refresh_1xupv_1w520_132) > ul:not(.awsui_refresh_1xupv_1w520_132) > li:not(:first-child) {
   margin-block-start: var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_navigation_1xupv_1ks7f_151:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) > ul:not(.awsui_refresh_1xupv_1ks7f_135) > li:not(:last-child) {
+.awsui_navigation_1xupv_1w520_148:not(#\9):not(.awsui_refresh_1xupv_1w520_132) > ul:not(.awsui_refresh_1xupv_1w520_132) > li:not(:last-child) {
   border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-layout-ownedw, #d1d5db);
 }
 
-.awsui_form_1xupv_1ks7f_304:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) {
+.awsui_form_1xupv_1w520_305:not(#\9):not(.awsui_refresh_1xupv_1w520_132) {
   min-inline-size: 0;
   word-break: break-word;
   inline-size: 100%;
 }
-.awsui_form_1xupv_1ks7f_304:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) > .awsui_form-header_1xupv_1ks7f_309 {
+.awsui_form_1xupv_1w520_305:not(#\9):not(.awsui_refresh_1xupv_1w520_132) > .awsui_form-header_1xupv_1w520_310 {
   position: relative;
   margin-block-end: var(--space-scaled-m-mo5yse, 16px);
 }
 
-.awsui_form_1xupv_1ks7f_304.awsui_refresh_1xupv_1ks7f_135:not(#\9) {
+.awsui_form_1xupv_1w520_305.awsui_refresh_1xupv_1w520_132:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_1ks7f_304.awsui_refresh_1xupv_1ks7f_135 > .awsui_form-header_1xupv_1ks7f_309:not(#\9) {
+.awsui_form_1xupv_1w520_305.awsui_refresh_1xupv_1w520_132 > .awsui_form-header_1xupv_1w520_310:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   grid-column: 2;
   grid-row: 1;
   color: var(--color-text-body-default-at06ol, #000716);
 }
-.awsui_form_1xupv_1ks7f_304.awsui_refresh_1xupv_1ks7f_135 > .awsui_form-header_1xupv_1ks7f_309 > .awsui_form-header-content_1xupv_1ks7f_325:not(#\9) {
+.awsui_form_1xupv_1w520_305.awsui_refresh_1xupv_1w520_132 > .awsui_form-header_1xupv_1w520_310 > .awsui_form-header-content_1xupv_1w520_326:not(#\9) {
   padding-block-start: calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxxs-27y4hv, 2px));
   padding-block-end: var(--space-scaled-s-aqzyko, 12px);
 }
-.awsui_form_1xupv_1ks7f_304.awsui_refresh_1xupv_1ks7f_135 > .awsui_form-component_1xupv_1ks7f_329:not(#\9) {
+.awsui_form_1xupv_1w520_305.awsui_refresh_1xupv_1w520_132 > .awsui_form-component_1xupv_1w520_330:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_1ks7f_304.awsui_refresh_1xupv_1ks7f_135.awsui_small-container_1xupv_1ks7f_142 > .awsui_form-header_1xupv_1ks7f_309:not(#\9) {
+.awsui_form_1xupv_1w520_305.awsui_refresh_1xupv_1w520_132.awsui_small-container_1xupv_1w520_139 > .awsui_form-header_1xupv_1w520_310:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_form_1xupv_1ks7f_304.awsui_refresh_1xupv_1ks7f_135.awsui_small-container_1xupv_1ks7f_142 > .awsui_form-header_1xupv_1ks7f_309 > .awsui_form-header-content_1xupv_1ks7f_325:not(#\9) {
+.awsui_form_1xupv_1w520_305.awsui_refresh_1xupv_1w520_132.awsui_small-container_1xupv_1w520_139 > .awsui_form-header_1xupv_1w520_310 > .awsui_form-header-content_1xupv_1w520_326:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_form_1xupv_1ks7f_304.awsui_refresh_1xupv_1ks7f_135.awsui_small-container_1xupv_1ks7f_142 > .awsui_form-component_1xupv_1ks7f_329:not(#\9) {
+.awsui_form_1xupv_1w520_305.awsui_refresh_1xupv_1w520_132.awsui_small-container_1xupv_1w520_139 > .awsui_form-component_1xupv_1w520_330:not(#\9) {
   grid-column: 1/span 2;
 }
 
-.awsui_navigation_1xupv_1ks7f_151.awsui_hidden_1xupv_1ks7f_343:not(#\9) {
+.awsui_navigation_1xupv_1w520_148.awsui_hidden_1xupv_1w520_344:not(#\9) {
   display: none;
 }
 
-.awsui_collapsed-steps_1xupv_1ks7f_347:not(#\9) {
+.awsui_collapsed-steps_1xupv_1w520_348:not(#\9) {
   color: var(--color-text-heading-secondary-37b2tq, #414d5c);
   font-weight: 700;
   padding-block-start: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_collapsed-steps-hidden_1xupv_1ks7f_352:not(#\9) {
+.awsui_collapsed-steps-hidden_1xupv_1w520_353:not(#\9) {
   display: none;
 }
 
-.awsui_form-header-component-wrapper_1xupv_1ks7f_356:not(#\9) {
+.awsui_form-header-component-wrapper_1xupv_1w520_357:not(#\9) {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1ks7f_356:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1w520_357:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -369,30 +370,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_form-header-component_1xupv_1ks7f_356:not(#\9),
-.awsui_navigation-link_1xupv_1ks7f_372:not(#\9),
-.awsui_navigation-link-item_1xupv_1ks7f_373:not(#\9),
-.awsui_navigation-link-label_1xupv_1ks7f_374:not(#\9) {
+.awsui_form-header-component_1xupv_1w520_357:not(#\9),
+.awsui_navigation-link_1xupv_1w520_373:not(#\9),
+.awsui_navigation-link-item_1xupv_1w520_374:not(#\9),
+.awsui_navigation-link-label_1xupv_1w520_375:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_navigation-link-active_1xupv_1ks7f_378:not(#\9) {
+.awsui_navigation-link-active_1xupv_1w520_379:not(#\9) {
   font-weight: 700;
   color: var(--color-text-body-default-at06ol, #000716);
 }
 
-.awsui_navigation-link-disabled_1xupv_1ks7f_383:not(#\9) {
+.awsui_navigation-link-disabled_1xupv_1w520_384:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
 
-.awsui_cancel-button_1xupv_1ks7f_387:not(#\9),
-.awsui_previous-button_1xupv_1ks7f_388:not(#\9),
-.awsui_primary-button_1xupv_1ks7f_389:not(#\9),
-.awsui_skip-to-button_1xupv_1ks7f_390:not(#\9) {
+.awsui_cancel-button_1xupv_1w520_388:not(#\9),
+.awsui_previous-button_1xupv_1w520_389:not(#\9),
+.awsui_primary-button_1xupv_1w520_390:not(#\9),
+.awsui_skip-to-button_1xupv_1w520_391:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_action-buttons_1xupv_1ks7f_394:not(#\9) {
+.awsui_action-buttons_1xupv_1w520_395:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

package/wizard/styles.selectors.js

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1xupv_1ks7f_100",
-  "wizard": "awsui_wizard_1xupv_1ks7f_135",
-  "refresh": "awsui_refresh_1xupv_1ks7f_135",
-  "small-container": "awsui_small-container_1xupv_1ks7f_142",
-  "navigation": "awsui_navigation_1xupv_1ks7f_151",
-  "number": "awsui_number_1xupv_1ks7f_183",
-  "circle": "awsui_circle_1xupv_1ks7f_199",
-  "title": "awsui_title_1xupv_1ks7f_210",
-  "active": "awsui_active_1xupv_1ks7f_241",
-  "disabled": "awsui_disabled_1xupv_1ks7f_252",
-  "enabled": "awsui_enabled_1xupv_1ks7f_262",
-  "form": "awsui_form_1xupv_1ks7f_304",
-  "form-header": "awsui_form-header_1xupv_1ks7f_309",
-  "form-header-content": "awsui_form-header-content_1xupv_1ks7f_325",
-  "form-component": "awsui_form-component_1xupv_1ks7f_329",
-  "hidden": "awsui_hidden_1xupv_1ks7f_343",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_1ks7f_347",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1ks7f_352",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1ks7f_356",
-  "form-header-component": "awsui_form-header-component_1xupv_1ks7f_356",
-  "navigation-link": "awsui_navigation-link_1xupv_1ks7f_372",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_1ks7f_373",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_1ks7f_374",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_1ks7f_378",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1ks7f_383",
-  "cancel-button": "awsui_cancel-button_1xupv_1ks7f_387",
-  "previous-button": "awsui_previous-button_1xupv_1ks7f_388",
-  "primary-button": "awsui_primary-button_1xupv_1ks7f_389",
-  "skip-to-button": "awsui_skip-to-button_1xupv_1ks7f_390",
-  "action-buttons": "awsui_action-buttons_1xupv_1ks7f_394"
+  "root": "awsui_root_1xupv_1w520_97",
+  "wizard": "awsui_wizard_1xupv_1w520_132",
+  "refresh": "awsui_refresh_1xupv_1w520_132",
+  "small-container": "awsui_small-container_1xupv_1w520_139",
+  "navigation": "awsui_navigation_1xupv_1w520_148",
+  "number": "awsui_number_1xupv_1w520_182",
+  "circle": "awsui_circle_1xupv_1w520_198",
+  "title": "awsui_title_1xupv_1w520_209",
+  "active": "awsui_active_1xupv_1w520_240",
+  "disabled": "awsui_disabled_1xupv_1w520_251",
+  "enabled": "awsui_enabled_1xupv_1w520_261",
+  "form": "awsui_form_1xupv_1w520_305",
+  "form-header": "awsui_form-header_1xupv_1w520_310",
+  "form-header-content": "awsui_form-header-content_1xupv_1w520_326",
+  "form-component": "awsui_form-component_1xupv_1w520_330",
+  "hidden": "awsui_hidden_1xupv_1w520_344",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_1w520_348",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1w520_353",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1w520_357",
+  "form-header-component": "awsui_form-header-component_1xupv_1w520_357",
+  "navigation-link": "awsui_navigation-link_1xupv_1w520_373",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_1w520_374",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_1w520_375",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_1w520_379",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1w520_384",
+  "cancel-button": "awsui_cancel-button_1xupv_1w520_388",
+  "previous-button": "awsui_previous-button_1xupv_1w520_389",
+  "primary-button": "awsui_primary-button_1xupv_1w520_390",
+  "skip-to-button": "awsui_skip-to-button_1xupv_1w520_391",
+  "action-buttons": "awsui_action-buttons_1xupv_1w520_395"
 };
   

package/wizard/wizard-form-header.js

@@ -5,6 +5,6 @@ import React from 'react';
 import styles from './styles.css.js';
 export default function WizardFormHeader({ children, isVisualRefresh }) {
     return (React.createElement("div", { className: clsx(styles['form-header'], isVisualRefresh && styles['form-header-refresh']) },
-        React.createElement("div", { className: clsx(styles['form-header-content']) }, children)));
+        React.createElement("div", { className: styles['form-header-content'] }, children)));
 }
 //# sourceMappingURL=wizard-form-header.js.map

package/wizard/wizard-form-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"wizard-form-header.js","sourceRoot":"","sources":["../../../src/wizard/wizard-form-header.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAyB;IAC3F,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,eAAe,IAAI,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAC3F,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,IAAG,QAAQ,CAAO,CACjE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport styles from './styles.css.js';\n\ninterface WizardFormHeaderProps {\n  children: React.ReactNode;\n  isMobile: boolean;\n  isVisualRefresh: boolean;\n}\n\nexport default function WizardFormHeader({ children, isVisualRefresh }: WizardFormHeaderProps) {\n  return (\n    <div className={clsx(styles['form-header'], isVisualRefresh && styles['form-header-refresh'])}>\n      <div className={clsx(styles['form-header-content'])}>{children}</div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"wizard-form-header.js","sourceRoot":"","sources":["../../../src/wizard/wizard-form-header.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAyB;IAC3F,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,eAAe,IAAI,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAC3F,6BAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,IAAG,QAAQ,CAAO,CAC3D,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport styles from './styles.css.js';\n\ninterface WizardFormHeaderProps {\n  children: React.ReactNode;\n  isMobile: boolean;\n  isVisualRefresh: boolean;\n}\n\nexport default function WizardFormHeader({ children, isVisualRefresh }: WizardFormHeaderProps) {\n  return (\n    <div className={clsx(styles['form-header'], isVisualRefresh && styles['form-header-refresh'])}>\n      <div className={styles['form-header-content']}>{children}</div>\n    </div>\n  );\n}\n"]}

package/wizard/wizard-form.js

@@ -57,7 +57,7 @@ export function WizardForm({ __internalRootRef, steps, activeStepIndex, isVisual
                 React.createElement("span", { className: styles['form-header-component-wrapper'], tabIndex: -1, ref: stepHeaderRef },
                     React.createElement("span", Object.assign({}, { [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_STEP_NAME }), title),
                     isOptional && React.createElement("i", null, ` - ${i18nStrings.optional}`)))),
-        React.createElement(InternalForm, Object.assign({ __internalRootRef: __internalRootRef, className: clsx(styles['form-component']), actions: React.createElement(WizardActions, { cancelButtonText: i18nStrings.cancelButton, primaryButtonText: isLastStep ? submitButtonText !== null && submitButtonText !== void 0 ? submitButtonText : i18nStrings.submitButton : i18nStrings.nextButton, primaryButtonLoadingText: isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement, previousButtonText: i18nStrings.previousButton, onCancelClick: onCancelClick, onPreviousClick: onPreviousClick, onPrimaryClick: onPrimaryClick, onSkipToClick: () => onSkipToClick(skipToTargetIndex), showPrevious: activeStepIndex !== 0, isPrimaryLoading: isPrimaryLoading, showSkipTo: showSkipTo, skipToButtonText: skipToButtonText }), secondaryActions: secondaryActions, errorText: errorText, errorIconAriaLabel: i18nStrings.errorIconAriaLabel }, funnelStepProps), content)));
+        React.createElement(InternalForm, Object.assign({ __internalRootRef: __internalRootRef, className: styles['form-component'], actions: React.createElement(WizardActions, { cancelButtonText: i18nStrings.cancelButton, primaryButtonText: isLastStep ? submitButtonText !== null && submitButtonText !== void 0 ? submitButtonText : i18nStrings.submitButton : i18nStrings.nextButton, primaryButtonLoadingText: isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement, previousButtonText: i18nStrings.previousButton, onCancelClick: onCancelClick, onPreviousClick: onPreviousClick, onPrimaryClick: onPrimaryClick, onSkipToClick: () => onSkipToClick(skipToTargetIndex), showPrevious: activeStepIndex !== 0, isPrimaryLoading: isPrimaryLoading, showSkipTo: showSkipTo, skipToButtonText: skipToButtonText }), secondaryActions: secondaryActions, errorText: errorText, errorIconAriaLabel: i18nStrings.errorIconAriaLabel }, funnelStepProps), content)));
 }
 function findSkipToTargetIndex(steps, activeStepIndex) {
     let nextRequiredStepIndex = activeStepIndex;

package/wizard/wizard-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"wizard-form.js","sourceRoot":"","sources":["../../../src/wizard/wizard-form.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAErF,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC7F,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAkC,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAEvG,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAkBtD,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,oBAAoB,IAAI,oBAAoB,GAAG,CAAC;AAEtF,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,KAAsB;IACpE,MAAM,iBAAiB,GAAG,yBAAyB,CACjD,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,CAAmC,CACrE,CAAC;IACF,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,YAAY,EAAE,eAAe,oBAAO,iBAAiB,EAAG,CAAC;IAExG,OAAO,CACL,oBAAC,mBAAmB,IAClB,cAAc,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,EACrD,gBAAgB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,EACjD,gBAAgB,EAAE,kBAAkB,EACpC,UAAU,EAAE,KAAK,CAAC,eAAe,GAAG,CAAC;QAErC,oBAAC,UAAU,kBAAC,iBAAiB,EAAE,iBAAiB,IAAM,KAAK,EAAI,CAC3C,CACvB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EACzB,iBAAiB,EACjB,KAAK,EACL,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,cAAc,EACd,aAAa,GACG;;IAChB,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;IAClG,MAAM,UAAU,GAAG,eAAe,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IACvD,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IACxE,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC1D,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAG,SAAS,EAAE,CAAC;IAC9D,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,aAAa,IAAI,aAAa,CAAC,OAAO,EAAE;YAC1C,MAAA,aAAa,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,UAAU,GAAG,WAAW,IAAI,iBAAiB,KAAK,CAAC,CAAC,CAAC;IAC3D,MAAM,gBAAgB,GACpB,iBAAiB,KAAK,CAAC,CAAC,IAAI,WAAW,CAAC,iBAAiB;QACvD,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,CAAC,CAAC;QAChF,CAAC,CAAC,SAAS,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,mBAAmB,IAAI,SAAS,IAAI,UAAU,EAAE;YAClD,aAAa,CAAC,WAAW,CAAC;gBACxB,mBAAmB;gBACnB,gBAAgB;gBAChB,kBAAkB,EAAE,gBAAgB;aACrC,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAErF,OAAO,CACL;QACE,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,IAAI,kBAAkB,EAAE,eAAe,EAAE,eAAe;YAC1F,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,kBAAkB,IAAI,MAAM,CAAC,wBAAwB,CAAC,CAAC,IACrG,MAAA,WAAW,CAAC,mBAAmB,4DAAG,eAAe,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CACjE;YACN,oBAAC,cAAc,IAAC,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI;gBAC3G,8BAAM,SAAS,EAAE,MAAM,CAAC,+BAA+B,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa;oBACxF,8CAAU,EAAE,CAAC,oBAAoB,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAQ;oBACzE,UAAU,IAAI,+BAAI,MAAM,WAAW,CAAC,QAAQ,EAAE,CAAK,CAC/C,CACQ,CACA;QAEnB,oBAAC,YAAY,kBACX,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EACzC,OAAO,EACL,oBAAC,aAAa,IACZ,gBAAgB,EAAE,WAAW,CAAC,YAAY,EAC1C,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,EACrG,wBAAwB,EACtB,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,+BAA+B,CAAC,CAAC,CAAC,WAAW,CAAC,6BAA6B,EAEtG,kBAAkB,EAAE,WAAW,CAAC,cAAc,EAC9C,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,EACrD,YAAY,EAAE,eAAe,KAAK,CAAC,EACnC,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,GAClC,EAEJ,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,WAAW,CAAC,kBAAkB,IAC9C,eAAe,GAElB,OAAO,CACK,CACd,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,qBAAqB,CAAC,KAAsC,EAAE,eAAuB;IAC5F,IAAI,qBAAqB,GAAG,eAAe,CAAC;IAC5C,GAAG;QACD,qBAAqB,EAAE,CAAC;KACzB,QAAQ,qBAAqB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,UAAU,EAAE;IAE9F,OAAO,qBAAqB,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useComponentMetadata } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalForm from '../form/internal';\nimport InternalHeader from '../header/internal';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport WizardActions from './wizard-actions';\nimport { WizardProps } from './interfaces';\nimport WizardFormHeader from './wizard-form-header';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\nimport { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_STEP_NAME } from '../internal/analytics/selectors';\nimport { PACKAGE_VERSION } from '../internal/environment';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\n\nimport styles from './styles.css.js';\nimport { useFunnel, useFunnelStep } from '../internal/analytics/hooks/use-funnel';\nimport { FunnelMetrics } from '../internal/analytics';\n\ninterface WizardFormProps extends InternalBaseComponentProps {\n  steps: ReadonlyArray<WizardProps.Step>;\n  activeStepIndex: number;\n  isVisualRefresh: boolean;\n  showCollapsedSteps: boolean;\n  i18nStrings: WizardProps.I18nStrings;\n  submitButtonText?: string;\n  isPrimaryLoading: boolean;\n  allowSkipTo: boolean;\n  secondaryActions?: React.ReactNode;\n  onCancelClick: () => void;\n  onPreviousClick: () => void;\n  onPrimaryClick: () => void;\n  onSkipToClick: (stepIndex: number) => void;\n}\n\nexport const STEP_NAME_SELECTOR = `[${DATA_ATTR_FUNNEL_KEY}=${FUNNEL_KEY_STEP_NAME}]`;\n\nexport default function WizardFormWithAnalytics(props: WizardFormProps) {\n  const analyticsMetadata = getAnalyticsMetadataProps(\n    props.steps[props.activeStepIndex] as BasePropsWithAnalyticsMetadata\n  );\n  const __internalRootRef = useComponentMetadata('WizardForm', PACKAGE_VERSION, { ...analyticsMetadata });\n\n  return (\n    <AnalyticsFunnelStep\n      stepIdentifier={analyticsMetadata?.instanceIdentifier}\n      stepErrorContext={analyticsMetadata?.errorContext}\n      stepNameSelector={STEP_NAME_SELECTOR}\n      stepNumber={props.activeStepIndex + 1}\n    >\n      <WizardForm __internalRootRef={__internalRootRef} {...props} />\n    </AnalyticsFunnelStep>\n  );\n}\n\nexport function WizardForm({\n  __internalRootRef,\n  steps,\n  activeStepIndex,\n  isVisualRefresh,\n  showCollapsedSteps,\n  i18nStrings,\n  submitButtonText,\n  isPrimaryLoading,\n  allowSkipTo,\n  secondaryActions,\n  onCancelClick,\n  onPreviousClick,\n  onPrimaryClick,\n  onSkipToClick,\n}: WizardFormProps) {\n  const { title, info, description, content, errorText, isOptional } = steps[activeStepIndex] || {};\n  const isLastStep = activeStepIndex >= steps.length - 1;\n  const skipToTargetIndex = findSkipToTargetIndex(steps, activeStepIndex);\n  const isMobile = useMobile();\n  const stepHeaderRef = useRef<HTMLDivElement | null>(null);\n  const { funnelInteractionId, funnelIdentifier } = useFunnel();\n  const { funnelStepProps, stepErrorContext } = useFunnelStep();\n\n  useEffect(() => {\n    if (stepHeaderRef && stepHeaderRef.current) {\n      stepHeaderRef.current?.focus();\n    }\n  }, [activeStepIndex]);\n\n  const showSkipTo = allowSkipTo && skipToTargetIndex !== -1;\n  const skipToButtonText =\n    skipToTargetIndex !== -1 && i18nStrings.skipToButtonLabel\n      ? i18nStrings.skipToButtonLabel(steps[skipToTargetIndex], skipToTargetIndex + 1)\n      : undefined;\n\n  useEffect(() => {\n    if (funnelInteractionId && errorText && isLastStep) {\n      FunnelMetrics.funnelError({\n        funnelInteractionId,\n        funnelIdentifier,\n        funnelErrorContext: stepErrorContext,\n      });\n    }\n  }, [funnelInteractionId, funnelIdentifier, isLastStep, errorText, stepErrorContext]);\n\n  return (\n    <>\n      <WizardFormHeader isMobile={isMobile || showCollapsedSteps} isVisualRefresh={isVisualRefresh}>\n        <div className={clsx(styles['collapsed-steps'], !showCollapsedSteps && styles['collapsed-steps-hidden'])}>\n          {i18nStrings.collapsedStepsLabel?.(activeStepIndex + 1, steps.length)}\n        </div>\n        <InternalHeader className={styles['form-header-component']} variant=\"h1\" description={description} info={info}>\n          <span className={styles['form-header-component-wrapper']} tabIndex={-1} ref={stepHeaderRef}>\n            <span {...{ [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_STEP_NAME }}>{title}</span>\n            {isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n          </span>\n        </InternalHeader>\n      </WizardFormHeader>\n\n      <InternalForm\n        __internalRootRef={__internalRootRef}\n        className={clsx(styles['form-component'])}\n        actions={\n          <WizardActions\n            cancelButtonText={i18nStrings.cancelButton}\n            primaryButtonText={isLastStep ? submitButtonText ?? i18nStrings.submitButton : i18nStrings.nextButton}\n            primaryButtonLoadingText={\n              isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement\n            }\n            previousButtonText={i18nStrings.previousButton}\n            onCancelClick={onCancelClick}\n            onPreviousClick={onPreviousClick}\n            onPrimaryClick={onPrimaryClick}\n            onSkipToClick={() => onSkipToClick(skipToTargetIndex)}\n            showPrevious={activeStepIndex !== 0}\n            isPrimaryLoading={isPrimaryLoading}\n            showSkipTo={showSkipTo}\n            skipToButtonText={skipToButtonText}\n          />\n        }\n        secondaryActions={secondaryActions}\n        errorText={errorText}\n        errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n        {...funnelStepProps}\n      >\n        {content}\n      </InternalForm>\n    </>\n  );\n}\n\nfunction findSkipToTargetIndex(steps: ReadonlyArray<WizardProps.Step>, activeStepIndex: number): number {\n  let nextRequiredStepIndex = activeStepIndex;\n  do {\n    nextRequiredStepIndex++;\n  } while (nextRequiredStepIndex < steps.length - 1 && steps[nextRequiredStepIndex].isOptional);\n\n  return nextRequiredStepIndex > activeStepIndex + 1 ? nextRequiredStepIndex : -1;\n}\n"]}
+{"version":3,"file":"wizard-form.js","sourceRoot":"","sources":["../../../src/wizard/wizard-form.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useComponentMetadata } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalForm from '../form/internal';\nimport InternalHeader from '../header/internal';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport WizardActions from './wizard-actions';\nimport { WizardProps } from './interfaces';\nimport WizardFormHeader from './wizard-form-header';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\nimport { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_STEP_NAME } from '../internal/analytics/selectors';\nimport { PACKAGE_VERSION } from '../internal/environment';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\n\nimport styles from './styles.css.js';\nimport { useFunnel, useFunnelStep } from '../internal/analytics/hooks/use-funnel';\nimport { FunnelMetrics } from '../internal/analytics';\n\ninterface WizardFormProps extends InternalBaseComponentProps {\n  steps: ReadonlyArray<WizardProps.Step>;\n  activeStepIndex: number;\n  isVisualRefresh: boolean;\n  showCollapsedSteps: boolean;\n  i18nStrings: WizardProps.I18nStrings;\n  submitButtonText?: string;\n  isPrimaryLoading: boolean;\n  allowSkipTo: boolean;\n  secondaryActions?: React.ReactNode;\n  onCancelClick: () => void;\n  onPreviousClick: () => void;\n  onPrimaryClick: () => void;\n  onSkipToClick: (stepIndex: number) => void;\n}\n\nexport const STEP_NAME_SELECTOR = `[${DATA_ATTR_FUNNEL_KEY}=${FUNNEL_KEY_STEP_NAME}]`;\n\nexport default function WizardFormWithAnalytics(props: WizardFormProps) {\n  const analyticsMetadata = getAnalyticsMetadataProps(\n    props.steps[props.activeStepIndex] as BasePropsWithAnalyticsMetadata\n  );\n  const __internalRootRef = useComponentMetadata('WizardForm', PACKAGE_VERSION, { ...analyticsMetadata });\n\n  return (\n    <AnalyticsFunnelStep\n      stepIdentifier={analyticsMetadata?.instanceIdentifier}\n      stepErrorContext={analyticsMetadata?.errorContext}\n      stepNameSelector={STEP_NAME_SELECTOR}\n      stepNumber={props.activeStepIndex + 1}\n    >\n      <WizardForm __internalRootRef={__internalRootRef} {...props} />\n    </AnalyticsFunnelStep>\n  );\n}\n\nexport function WizardForm({\n  __internalRootRef,\n  steps,\n  activeStepIndex,\n  isVisualRefresh,\n  showCollapsedSteps,\n  i18nStrings,\n  submitButtonText,\n  isPrimaryLoading,\n  allowSkipTo,\n  secondaryActions,\n  onCancelClick,\n  onPreviousClick,\n  onPrimaryClick,\n  onSkipToClick,\n}: WizardFormProps) {\n  const { title, info, description, content, errorText, isOptional } = steps[activeStepIndex] || {};\n  const isLastStep = activeStepIndex >= steps.length - 1;\n  const skipToTargetIndex = findSkipToTargetIndex(steps, activeStepIndex);\n  const isMobile = useMobile();\n  const stepHeaderRef = useRef<HTMLDivElement | null>(null);\n  const { funnelInteractionId, funnelIdentifier } = useFunnel();\n  const { funnelStepProps, stepErrorContext } = useFunnelStep();\n\n  useEffect(() => {\n    if (stepHeaderRef && stepHeaderRef.current) {\n      stepHeaderRef.current?.focus();\n    }\n  }, [activeStepIndex]);\n\n  const showSkipTo = allowSkipTo && skipToTargetIndex !== -1;\n  const skipToButtonText =\n    skipToTargetIndex !== -1 && i18nStrings.skipToButtonLabel\n      ? i18nStrings.skipToButtonLabel(steps[skipToTargetIndex], skipToTargetIndex + 1)\n      : undefined;\n\n  useEffect(() => {\n    if (funnelInteractionId && errorText && isLastStep) {\n      FunnelMetrics.funnelError({\n        funnelInteractionId,\n        funnelIdentifier,\n        funnelErrorContext: stepErrorContext,\n      });\n    }\n  }, [funnelInteractionId, funnelIdentifier, isLastStep, errorText, stepErrorContext]);\n\n  return (\n    <>\n      <WizardFormHeader isMobile={isMobile || showCollapsedSteps} isVisualRefresh={isVisualRefresh}>\n        <div className={clsx(styles['collapsed-steps'], !showCollapsedSteps && styles['collapsed-steps-hidden'])}>\n          {i18nStrings.collapsedStepsLabel?.(activeStepIndex + 1, steps.length)}\n        </div>\n        <InternalHeader className={styles['form-header-component']} variant=\"h1\" description={description} info={info}>\n          <span className={styles['form-header-component-wrapper']} tabIndex={-1} ref={stepHeaderRef}>\n            <span {...{ [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_STEP_NAME }}>{title}</span>\n            {isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n          </span>\n        </InternalHeader>\n      </WizardFormHeader>\n\n      <InternalForm\n        __internalRootRef={__internalRootRef}\n        className={styles['form-component']}\n        actions={\n          <WizardActions\n            cancelButtonText={i18nStrings.cancelButton}\n            primaryButtonText={isLastStep ? submitButtonText ?? i18nStrings.submitButton : i18nStrings.nextButton}\n            primaryButtonLoadingText={\n              isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement\n            }\n            previousButtonText={i18nStrings.previousButton}\n            onCancelClick={onCancelClick}\n            onPreviousClick={onPreviousClick}\n            onPrimaryClick={onPrimaryClick}\n            onSkipToClick={() => onSkipToClick(skipToTargetIndex)}\n            showPrevious={activeStepIndex !== 0}\n            isPrimaryLoading={isPrimaryLoading}\n            showSkipTo={showSkipTo}\n            skipToButtonText={skipToButtonText}\n          />\n        }\n        secondaryActions={secondaryActions}\n        errorText={errorText}\n        errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n        {...funnelStepProps}\n      >\n        {content}\n      </InternalForm>\n    </>\n  );\n}\n\nfunction findSkipToTargetIndex(steps: ReadonlyArray<WizardProps.Step>, activeStepIndex: number): number {\n  let nextRequiredStepIndex = activeStepIndex;\n  do {\n    nextRequiredStepIndex++;\n  } while (nextRequiredStepIndex < steps.length - 1 && steps[nextRequiredStepIndex].isOptional);\n\n  return nextRequiredStepIndex > activeStepIndex + 1 ? nextRequiredStepIndex : -1;\n}\n"]}

package/wizard/wizard-navigation.js

@@ -82,8 +82,8 @@ function NavigationStepVisualRefresh({ i18nStrings, index, onStepClick, onSkipTo
                     handleStepInteraction();
                 }
             }, role: "button", tabIndex: status === Statuses.Visited || status === Statuses.Next ? 0 : undefined },
-            React.createElement("div", { className: clsx(styles.circle) }),
-            React.createElement("span", { className: clsx(styles.title) }, step.title))));
+            React.createElement("div", { className: styles.circle }),
+            React.createElement("span", { className: styles.title }, step.title))));
 }
 function NavigationStepClassic({ i18nStrings, index, onStepClick, onSkipToClick, status, step }) {
     const spanClassName = clsx(styles['navigation-link'], status === Statuses.Active ? styles['navigation-link-active'] : styles['navigation-link-disabled']);
@@ -91,7 +91,7 @@ function NavigationStepClassic({ i18nStrings, index, onStepClick, onSkipToClick,
         React.createElement(InternalBox, { variant: "small", className: styles['navigation-link-label'], display: "block", margin: { bottom: 'xxs' } },
             i18nStrings.stepNumberLabel && i18nStrings.stepNumberLabel(index + 1),
             step.isOptional && React.createElement("i", null, ` - ${i18nStrings.optional}`)),
-        React.createElement("div", null, status === Statuses.Visited || status === Statuses.Next ? (React.createElement(InternalLink, { className: clsx(styles['navigation-link']), onFollow: evt => {
+        React.createElement("div", null, status === Statuses.Visited || status === Statuses.Next ? (React.createElement(InternalLink, { className: styles['navigation-link'], onFollow: evt => {
                 evt.preventDefault();
                 status === Statuses.Visited ? onStepClick(index) : onSkipToClick(index);
             }, variant: "primary" }, step.title)) : (React.createElement("span", { className: spanClassName, "aria-current": status === Statuses.Active ? 'step' : undefined, "aria-disabled": status === Statuses.Active ? undefined : 'true' }, step.title)))));

package/wizard/wizard-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"wizard-navigation.js","sourceRoot":"","sources":["../../../src/wizard/wizard-navigation.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 from 'react';\nimport clsx from 'clsx';\nimport InternalLink from '../link/internal';\nimport InternalBox from '../box/internal';\nimport { WizardProps } from './interfaces';\nimport styles from './styles.css.js';\n\ninterface NavigationProps {\n  activeStepIndex: number;\n  farthestStepIndex: number;\n  allowSkipTo: boolean;\n  hidden: boolean;\n  i18nStrings: WizardProps.I18nStrings;\n  isVisualRefresh: boolean;\n  isLoadingNextStep: boolean;\n  onStepClick: (stepIndex: number) => void;\n  onSkipToClick: (stepIndex: number) => void;\n  steps: ReadonlyArray<WizardProps.Step>;\n}\n\ninterface NavigationStepProps {\n  i18nStrings: WizardProps.I18nStrings;\n  index: number;\n  onStepClick: (stepIndex: number) => void;\n  onSkipToClick: (stepIndex: number) => void;\n  status: string;\n  step: WizardProps.Step;\n}\n\nenum Statuses {\n  Active = 'active',\n  Unvisited = 'unvisited',\n  Visited = 'visited',\n  Next = 'next',\n}\n\nexport default function Navigation({\n  activeStepIndex,\n  farthestStepIndex,\n  allowSkipTo,\n  hidden,\n  i18nStrings,\n  isVisualRefresh,\n  isLoadingNextStep,\n  onStepClick,\n  onSkipToClick,\n  steps,\n}: NavigationProps) {\n  return (\n    <nav\n      className={clsx(styles.navigation, hidden && styles.hidden, isVisualRefresh && styles.refresh)}\n      aria-label={i18nStrings.navigationAriaLabel}\n    >\n      <ul className={clsx(isVisualRefresh && styles.refresh)}>\n        {steps.map((step, index: number) =>\n          isVisualRefresh ? (\n            <NavigationStepVisualRefresh\n              i18nStrings={i18nStrings}\n              index={index}\n              key={index}\n              onStepClick={onStepClick}\n              onSkipToClick={onSkipToClick}\n              status={getStatus(index)}\n              step={step}\n            />\n          ) : (\n            <NavigationStepClassic\n              i18nStrings={i18nStrings}\n              index={index}\n              key={index}\n              onStepClick={onStepClick}\n              onSkipToClick={onSkipToClick}\n              status={getStatus(index)}\n              step={step}\n            />\n          )\n        )}\n      </ul>\n    </nav>\n  );\n\n  function getStatus(index: number) {\n    if (activeStepIndex === index) {\n      return Statuses.Active;\n    }\n    if (isLoadingNextStep) {\n      return Statuses.Unvisited;\n    }\n    if (farthestStepIndex >= index) {\n      return Statuses.Visited;\n    }\n    if (allowSkipTo && canSkip(activeStepIndex + 1, index)) {\n      return Statuses.Next;\n    }\n    return Statuses.Unvisited;\n  }\n\n  function canSkip(fromIndex: number, toIndex: number) {\n    let index = fromIndex;\n    do {\n      if (!steps[index].isOptional) {\n        return false;\n      }\n      index++;\n    } while (index < toIndex);\n    return true;\n  }\n}\n\nfunction NavigationStepVisualRefresh({\n  i18nStrings,\n  index,\n  onStepClick,\n  onSkipToClick,\n  status,\n  step,\n}: NavigationStepProps) {\n  function handleStepInteraction() {\n    if (status === Statuses.Visited) {\n      onStepClick(index);\n    }\n    if (status === Statuses.Next) {\n      onSkipToClick(index);\n    }\n  }\n\n  const state = {\n    active: 'active',\n    unvisited: 'disabled',\n    visited: 'enabled',\n    next: 'enabled',\n  }[status];\n\n  const linkClassName = clsx(styles['navigation-link'], {\n    [styles['navigation-link-active']]: status === Statuses.Active,\n    [styles['navigation-link-disabled']]: status === Statuses.Unvisited,\n  });\n\n  return (\n    <li className={clsx(styles[`${state}`], styles['navigation-link-item'])}>\n      <hr />\n\n      <span className={clsx(styles.number, styles['navigation-link-label'])}>\n        {i18nStrings.stepNumberLabel && i18nStrings.stepNumberLabel(index + 1)}\n        {step.isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n      </span>\n\n      <a\n        className={linkClassName}\n        aria-current={status === Statuses.Active ? 'step' : undefined}\n        aria-disabled={status === Statuses.Unvisited ? 'true' : undefined}\n        onClick={event => {\n          event.preventDefault();\n          handleStepInteraction();\n        }}\n        onKeyDown={event => {\n          if (event.key === ' ' || event.key === 'Enter') {\n            event.preventDefault();\n          }\n          // Enter activates the button on key down instead of key up.\n          if (event.key === 'Enter') {\n            handleStepInteraction();\n          }\n        }}\n        onKeyUp={event => {\n          // Emulate button behavior, which also fires on space.\n          if (event.key === ' ') {\n            handleStepInteraction();\n          }\n        }}\n        role=\"button\"\n        tabIndex={status === Statuses.Visited || status === Statuses.Next ? 0 : undefined}\n      >\n        <div className={clsx(styles.circle)} />\n\n        <span className={clsx(styles.title)}>{step.title}</span>\n      </a>\n    </li>\n  );\n}\n\nfunction NavigationStepClassic({ i18nStrings, index, onStepClick, onSkipToClick, status, step }: NavigationStepProps) {\n  const spanClassName = clsx(\n    styles['navigation-link'],\n    status === Statuses.Active ? styles['navigation-link-active'] : styles['navigation-link-disabled']\n  );\n\n  return (\n    <li className={styles['navigation-link-item']}>\n      <InternalBox\n        variant=\"small\"\n        className={styles['navigation-link-label']}\n        display=\"block\"\n        margin={{ bottom: 'xxs' }}\n      >\n        {i18nStrings.stepNumberLabel && i18nStrings.stepNumberLabel(index + 1)}\n        {step.isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n      </InternalBox>\n      <div>\n        {status === Statuses.Visited || status === Statuses.Next ? (\n          <InternalLink\n            className={clsx(styles['navigation-link'])}\n            onFollow={evt => {\n              evt.preventDefault();\n              status === Statuses.Visited ? onStepClick(index) : onSkipToClick(index);\n            }}\n            variant=\"primary\"\n          >\n            {step.title}\n          </InternalLink>\n        ) : (\n          <span\n            className={spanClassName}\n            aria-current={status === Statuses.Active ? 'step' : undefined}\n            aria-disabled={status === Statuses.Active ? undefined : 'true'}\n          >\n            {step.title}\n          </span>\n        )}\n      </div>\n    </li>\n  );\n}\n"]}
+{"version":3,"file":"wizard-navigation.js","sourceRoot":"","sources":["../../../src/wizard/wizard-navigation.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 from 'react';\nimport clsx from 'clsx';\nimport InternalLink from '../link/internal';\nimport InternalBox from '../box/internal';\nimport { WizardProps } from './interfaces';\nimport styles from './styles.css.js';\n\ninterface NavigationProps {\n  activeStepIndex: number;\n  farthestStepIndex: number;\n  allowSkipTo: boolean;\n  hidden: boolean;\n  i18nStrings: WizardProps.I18nStrings;\n  isVisualRefresh: boolean;\n  isLoadingNextStep: boolean;\n  onStepClick: (stepIndex: number) => void;\n  onSkipToClick: (stepIndex: number) => void;\n  steps: ReadonlyArray<WizardProps.Step>;\n}\n\ninterface NavigationStepProps {\n  i18nStrings: WizardProps.I18nStrings;\n  index: number;\n  onStepClick: (stepIndex: number) => void;\n  onSkipToClick: (stepIndex: number) => void;\n  status: string;\n  step: WizardProps.Step;\n}\n\nenum Statuses {\n  Active = 'active',\n  Unvisited = 'unvisited',\n  Visited = 'visited',\n  Next = 'next',\n}\n\nexport default function Navigation({\n  activeStepIndex,\n  farthestStepIndex,\n  allowSkipTo,\n  hidden,\n  i18nStrings,\n  isVisualRefresh,\n  isLoadingNextStep,\n  onStepClick,\n  onSkipToClick,\n  steps,\n}: NavigationProps) {\n  return (\n    <nav\n      className={clsx(styles.navigation, hidden && styles.hidden, isVisualRefresh && styles.refresh)}\n      aria-label={i18nStrings.navigationAriaLabel}\n    >\n      <ul className={clsx(isVisualRefresh && styles.refresh)}>\n        {steps.map((step, index: number) =>\n          isVisualRefresh ? (\n            <NavigationStepVisualRefresh\n              i18nStrings={i18nStrings}\n              index={index}\n              key={index}\n              onStepClick={onStepClick}\n              onSkipToClick={onSkipToClick}\n              status={getStatus(index)}\n              step={step}\n            />\n          ) : (\n            <NavigationStepClassic\n              i18nStrings={i18nStrings}\n              index={index}\n              key={index}\n              onStepClick={onStepClick}\n              onSkipToClick={onSkipToClick}\n              status={getStatus(index)}\n              step={step}\n            />\n          )\n        )}\n      </ul>\n    </nav>\n  );\n\n  function getStatus(index: number) {\n    if (activeStepIndex === index) {\n      return Statuses.Active;\n    }\n    if (isLoadingNextStep) {\n      return Statuses.Unvisited;\n    }\n    if (farthestStepIndex >= index) {\n      return Statuses.Visited;\n    }\n    if (allowSkipTo && canSkip(activeStepIndex + 1, index)) {\n      return Statuses.Next;\n    }\n    return Statuses.Unvisited;\n  }\n\n  function canSkip(fromIndex: number, toIndex: number) {\n    let index = fromIndex;\n    do {\n      if (!steps[index].isOptional) {\n        return false;\n      }\n      index++;\n    } while (index < toIndex);\n    return true;\n  }\n}\n\nfunction NavigationStepVisualRefresh({\n  i18nStrings,\n  index,\n  onStepClick,\n  onSkipToClick,\n  status,\n  step,\n}: NavigationStepProps) {\n  function handleStepInteraction() {\n    if (status === Statuses.Visited) {\n      onStepClick(index);\n    }\n    if (status === Statuses.Next) {\n      onSkipToClick(index);\n    }\n  }\n\n  const state = {\n    active: 'active',\n    unvisited: 'disabled',\n    visited: 'enabled',\n    next: 'enabled',\n  }[status];\n\n  const linkClassName = clsx(styles['navigation-link'], {\n    [styles['navigation-link-active']]: status === Statuses.Active,\n    [styles['navigation-link-disabled']]: status === Statuses.Unvisited,\n  });\n\n  return (\n    <li className={clsx(styles[`${state}`], styles['navigation-link-item'])}>\n      <hr />\n\n      <span className={clsx(styles.number, styles['navigation-link-label'])}>\n        {i18nStrings.stepNumberLabel && i18nStrings.stepNumberLabel(index + 1)}\n        {step.isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n      </span>\n\n      <a\n        className={linkClassName}\n        aria-current={status === Statuses.Active ? 'step' : undefined}\n        aria-disabled={status === Statuses.Unvisited ? 'true' : undefined}\n        onClick={event => {\n          event.preventDefault();\n          handleStepInteraction();\n        }}\n        onKeyDown={event => {\n          if (event.key === ' ' || event.key === 'Enter') {\n            event.preventDefault();\n          }\n          // Enter activates the button on key down instead of key up.\n          if (event.key === 'Enter') {\n            handleStepInteraction();\n          }\n        }}\n        onKeyUp={event => {\n          // Emulate button behavior, which also fires on space.\n          if (event.key === ' ') {\n            handleStepInteraction();\n          }\n        }}\n        role=\"button\"\n        tabIndex={status === Statuses.Visited || status === Statuses.Next ? 0 : undefined}\n      >\n        <div className={styles.circle} />\n\n        <span className={styles.title}>{step.title}</span>\n      </a>\n    </li>\n  );\n}\n\nfunction NavigationStepClassic({ i18nStrings, index, onStepClick, onSkipToClick, status, step }: NavigationStepProps) {\n  const spanClassName = clsx(\n    styles['navigation-link'],\n    status === Statuses.Active ? styles['navigation-link-active'] : styles['navigation-link-disabled']\n  );\n\n  return (\n    <li className={styles['navigation-link-item']}>\n      <InternalBox\n        variant=\"small\"\n        className={styles['navigation-link-label']}\n        display=\"block\"\n        margin={{ bottom: 'xxs' }}\n      >\n        {i18nStrings.stepNumberLabel && i18nStrings.stepNumberLabel(index + 1)}\n        {step.isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n      </InternalBox>\n      <div>\n        {status === Statuses.Visited || status === Statuses.Next ? (\n          <InternalLink\n            className={styles['navigation-link']}\n            onFollow={evt => {\n              evt.preventDefault();\n              status === Statuses.Visited ? onStepClick(index) : onSkipToClick(index);\n            }}\n            variant=\"primary\"\n          >\n            {step.title}\n          </InternalLink>\n        ) : (\n          <span\n            className={spanClassName}\n            aria-current={status === Statuses.Active ? 'step' : undefined}\n            aria-disabled={status === Statuses.Active ? undefined : 'true'}\n          >\n            {step.title}\n          </span>\n        )}\n      </div>\n    </li>\n  );\n}\n"]}

package/internal/context/app-layout-context.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export interface AppLayoutContextProps {
-    setHasStickyBackground?: (hasBackground: boolean) => void;
-}
-export declare const defaultValue: AppLayoutContextProps;
-export declare const AppLayoutContext: import("react").Context<AppLayoutContextProps>;
-export declare function useAppLayoutContext(): AppLayoutContextProps;
-//# sourceMappingURL=app-layout-context.d.ts.map

package/internal/context/app-layout-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-layout-context.d.ts","sourceRoot":"","sources":["../../../../src/internal/context/app-layout-context.ts"],"names":[],"mappings":";AAIA,MAAM,WAAW,qBAAqB;IACpC,sBAAsB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,YAAY,EAAE,qBAA0B,CAAC;AAEtD,eAAO,MAAM,gBAAgB,gDAA8B,CAAC;AAE5D,wBAAgB,mBAAmB,0BAElC"}

package/internal/context/app-layout-context.js

@@ -1,9 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { useContext, createContext } from 'react';
-export const defaultValue = {};
-export const AppLayoutContext = createContext(defaultValue);
-export function useAppLayoutContext() {
-    return useContext(AppLayoutContext);
-}
-//# sourceMappingURL=app-layout-context.js.map

package/internal/context/app-layout-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-layout-context.js","sourceRoot":"","sources":["../../../../src/internal/context/app-layout-context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAMlD,MAAM,CAAC,MAAM,YAAY,GAA0B,EAAE,CAAC;AAEtD,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAE5D,MAAM,UAAU,mBAAmB;IACjC,OAAO,UAAU,CAAC,gBAAgB,CAAC,CAAC;AACtC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useContext, createContext } from 'react';\n\nexport interface AppLayoutContextProps {\n  setHasStickyBackground?: (hasBackground: boolean) => void;\n}\n\nexport const defaultValue: AppLayoutContextProps = {};\n\nexport const AppLayoutContext = createContext(defaultValue);\n\nexport function useAppLayoutContext() {\n  return useContext(AppLayoutContext);\n}\n"]}