@cloudscape-design/components 3.0.297 → 3.0.298

package/wizard/styles.scoped.css

@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-max-universal, selector-max-type */
-.awsui_root_1xupv_4kwbf_94:not(#\9) {
+.awsui_root_1xupv_1mgkg_94:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -130,28 +130,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_wizard_1xupv_4kwbf_107.awsui_refresh_1xupv_4kwbf_107:not(#\9) {
+.awsui_wizard_1xupv_1mgkg_107.awsui_refresh_1xupv_1mgkg_107:not(#\9) {
   column-gap: var(--space-xl-7jca1b, 24px);
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   grid-template-rows: auto 1fr;
   row-gap: var(--space-scaled-xl-ozgbvg, 24px);
 }
-.awsui_wizard_1xupv_4kwbf_107.awsui_refresh_1xupv_4kwbf_107.awsui_small-container_1xupv_4kwbf_114:not(#\9) {
+.awsui_wizard_1xupv_1mgkg_107.awsui_refresh_1xupv_1mgkg_107.awsui_small-container_1xupv_1mgkg_114:not(#\9) {
   grid-template-columns: minmax(0, 1fr) 0;
   row-gap: var(--space-scaled-l-x5pubp, 20px);
 }
 
-.awsui_wizard_1xupv_4kwbf_107:not(#\9):not(.awsui_refresh_1xupv_4kwbf_107) {
+.awsui_wizard_1xupv_1mgkg_107:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) {
   display: flex;
 }
 
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
   padding-top: var(--space-scaled-xxs-ugy2pw, 4px);
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul:not(#\9) {
   background: var(--color-background-container-content-em2lah, #ffffff);
   position: relative;
   border-radius: var(--border-radius-container-b3z48i, 16px);
@@ -161,7 +161,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 280px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul:not(#\9)::before {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -176,7 +176,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-b3z48i, 16px);
   z-index: 1;
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul:not(#\9)::after {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -191,30 +191,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul:not(#\9) {
+  .awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul:not(#\9) {
     border: var(--border-field-width-egrqih, 2px) solid var(--color-border-container-top-4rl1tb, transparent);
   }
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li:not(#\9) {
   display: grid;
   column-gap: var(--space-s-rd607g, 12px);
   grid-template-columns: var(--space-l-ds615y, 20px) 1fr;
   grid-template-rows: repeat(2, auto);
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li > hr:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li > hr:not(#\9) {
   background-color: var(--color-border-divider-default-4spq70, #e9ebed);
   border: 0;
   grid-column: 1;
   height: 100%;
   width: var(--space-xxxs-rq3iss, 2px);
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li > .awsui_number_1xupv_4kwbf_185:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li > .awsui_number_1xupv_1mgkg_185:not(#\9) {
   color: var(--color-text-small-kula89, #5f6b7a);
   font-size: var(--font-body-s-size-zu142i, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li > a:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li > a:not(#\9) {
   align-items: start;
   column-gap: var(--space-s-rd607g, 12px);
   cursor: pointer;
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-row: 2;
   grid-template-columns: var(--space-l-ds615y, 20px) 1fr;
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li > a > .awsui_circle_1xupv_4kwbf_201:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li > a > .awsui_circle_1xupv_1mgkg_201:not(#\9) {
   border-radius: 100%;
   grid-column: 1;
   height: 10px;
@@ -232,13 +232,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-top: 6px;
   width: 10px;
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li > a > .awsui_title_1xupv_4kwbf_209:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li > a > .awsui_title_1xupv_1mgkg_209:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   grid-column: 2;
 }
-body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li > a:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li > a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-9izd6a, 0);
   outline-offset: 2px;
@@ -246,58 +246,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_4kwbf_123.awsui_refr
   border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-j8u4jv, 2px) var(--color-border-item-focused-nwfxo7, #0972d3);
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_4kwbf_185 {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1mgkg_185 {
   margin-top: var(--space-scaled-xl-ozgbvg, 24px);
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li.awsui_active_1xupv_4kwbf_238 > a:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_active_1xupv_1mgkg_238 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li.awsui_active_1xupv_4kwbf_238 > a > .awsui_circle_1xupv_4kwbf_201:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_active_1xupv_1mgkg_238 > a > .awsui_circle_1xupv_1mgkg_201:not(#\9) {
   background-color: var(--color-background-control-checked-6eqeqa, #0972d3);
   box-shadow: 0 0 0 3px var(--color-background-container-content-em2lah, #ffffff), 0 0 0 5px var(--color-background-control-checked-6eqeqa, #0972d3), 0 0 0 7px var(--color-background-container-content-em2lah, #ffffff);
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li.awsui_active_1xupv_4kwbf_238 > a > .awsui_title_1xupv_4kwbf_209:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_active_1xupv_1mgkg_238 > a > .awsui_title_1xupv_1mgkg_209:not(#\9) {
   color: var(--color-background-control-checked-6eqeqa, #0972d3);
   font-weight: 700;
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li.awsui_disabled_1xupv_4kwbf_249 > a:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_disabled_1xupv_1mgkg_249 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li.awsui_disabled_1xupv_4kwbf_249 > a > .awsui_circle_1xupv_4kwbf_201:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_disabled_1xupv_1mgkg_249 > a > .awsui_circle_1xupv_1mgkg_201:not(#\9) {
   background-color: var(--color-background-container-content-em2lah, #ffffff);
   box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-yf7ixh, #9ba7b6), 0 0 0 4px var(--color-background-container-content-em2lah, #ffffff);
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li.awsui_disabled_1xupv_4kwbf_249 > a > .awsui_title_1xupv_4kwbf_209:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_disabled_1xupv_1mgkg_249 > a > .awsui_title_1xupv_1mgkg_209:not(#\9) {
   color: var(--color-text-status-inactive-w8tk0o, #5f6b7a);
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li.awsui_enabled_1xupv_4kwbf_259 > a > .awsui_circle_1xupv_4kwbf_201:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_enabled_1xupv_1mgkg_259 > a > .awsui_circle_1xupv_1mgkg_201:not(#\9) {
   background-color: var(--color-text-interactive-default-pdoaf1, #414d5c);
   box-shadow: 0 0 0 2px var(--color-text-interactive-default-pdoaf1, #414d5c), 0 0 0 4px var(--color-background-container-content-em2lah, #ffffff);
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li.awsui_enabled_1xupv_4kwbf_259 > a > .awsui_title_1xupv_4kwbf_209:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_enabled_1xupv_1mgkg_259 > a > .awsui_title_1xupv_1mgkg_209:not(#\9) {
   color: var(--color-text-interactive-default-pdoaf1, #414d5c);
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li.awsui_enabled_1xupv_4kwbf_259 > a:not(#\9):hover > .awsui_circle_1xupv_4kwbf_201 {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_enabled_1xupv_1mgkg_259 > a:not(#\9):hover > .awsui_circle_1xupv_1mgkg_201 {
   background-color: var(--color-background-control-checked-6eqeqa, #0972d3);
   box-shadow: 0 0 0 2px var(--color-background-control-checked-6eqeqa, #0972d3), 0 0 0 4px var(--color-background-container-content-em2lah, #ffffff);
 }
-.awsui_navigation_1xupv_4kwbf_123.awsui_refresh_1xupv_4kwbf_107 > ul > li.awsui_enabled_1xupv_4kwbf_259 > a:not(#\9):hover > .awsui_title_1xupv_4kwbf_209 {
+.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_enabled_1xupv_1mgkg_259 > a:not(#\9):hover > .awsui_title_1xupv_1mgkg_209 {
   color: var(--color-background-control-checked-6eqeqa, #0972d3);
 }
 
-.awsui_navigation_1xupv_4kwbf_123:not(#\9):not(.awsui_refresh_1xupv_4kwbf_107) {
+.awsui_navigation_1xupv_1mgkg_123:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) {
   color: var(--color-text-disabled-tdcdwa, #9ba7b6);
   display: inline-block;
   margin-right: calc(2 * var(--space-xxxl-rhml9p, 40px));
@@ -305,92 +305,89 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_4kwbf_123.awsui_refr
   padding-top: var(--space-xxs-a6783b, 4px);
   width: 200px;
 }
-.awsui_navigation_1xupv_4kwbf_123:not(#\9):not(.awsui_refresh_1xupv_4kwbf_107) > ul {
+.awsui_navigation_1xupv_1mgkg_123:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) > ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.awsui_navigation_1xupv_4kwbf_123:not(#\9):not(.awsui_refresh_1xupv_4kwbf_107) > ul > li {
+.awsui_navigation_1xupv_1mgkg_123:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) > ul > li {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   padding-bottom: var(--space-scaled-m-9q5ipc, 16px);
   padding-top: 0;
 }
-.awsui_navigation_1xupv_4kwbf_123:not(#\9):not(.awsui_refresh_1xupv_4kwbf_107) > ul > li:not(:first-child) {
+.awsui_navigation_1xupv_1mgkg_123:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) > ul > li:not(:first-child) {
   margin-top: var(--space-scaled-m-9q5ipc, 16px);
 }
-.awsui_navigation_1xupv_4kwbf_123:not(#\9):not(.awsui_refresh_1xupv_4kwbf_107) > ul > li:not(:last-child) {
+.awsui_navigation_1xupv_1mgkg_123:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) > ul > li:not(:last-child) {
   border-bottom: var(--border-divider-list-width-fsy9j8, 1px) solid var(--color-border-layout-9uohmx, #d1d5db);
 }
 
-.awsui_form_1xupv_4kwbf_301:not(#\9):not(.awsui_refresh_1xupv_4kwbf_107) {
+.awsui_form_1xupv_1mgkg_301:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   width: 100%;
 }
-.awsui_form_1xupv_4kwbf_301:not(#\9):not(.awsui_refresh_1xupv_4kwbf_107) > .awsui_form-header_1xupv_4kwbf_307 {
+.awsui_form_1xupv_1mgkg_301:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) > .awsui_form-header_1xupv_1mgkg_307 {
   position: relative;
   margin-bottom: var(--space-scaled-m-9q5ipc, 16px);
 }
 
-.awsui_form_1xupv_4kwbf_301.awsui_refresh_1xupv_4kwbf_107:not(#\9) {
+.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_4kwbf_301.awsui_refresh_1xupv_4kwbf_107 > .awsui_background_1xupv_4kwbf_318:not(#\9) {
+.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107 > .awsui_background_1xupv_1mgkg_318:not(#\9) {
   background-color: var(--color-background-layout-main-iz43sl, #ffffff);
   grid-column: 1/span 2;
   grid-row: 1;
   color: var(--color-text-body-default-01bwmw, #000716);
 }
-.awsui_form_1xupv_4kwbf_301.awsui_refresh_1xupv_4kwbf_107 > .awsui_form-header_1xupv_4kwbf_307:not(#\9) {
+.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107 > .awsui_form-header_1xupv_1mgkg_307:not(#\9) {
   background-color: var(--color-background-layout-main-iz43sl, #ffffff);
   grid-column: 2;
   grid-row: 1;
   color: var(--color-text-body-default-01bwmw, #000716);
 }
-.awsui_form_1xupv_4kwbf_301.awsui_refresh_1xupv_4kwbf_107 > .awsui_form-header_1xupv_4kwbf_307 > .awsui_form-header-content_1xupv_4kwbf_330:not(#\9) {
-  padding-top: var(--space-scaled-xl-ozgbvg, 24px);
-  padding-bottom: var(--space-scaled-xl-ozgbvg, 24px);
+.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107 > .awsui_form-header_1xupv_1mgkg_307 > .awsui_form-header-content_1xupv_1mgkg_330:not(#\9) {
+  padding-top: var(--space-scaled-m-9q5ipc, 16px);
+  padding-bottom: var(--space-scaled-m-9q5ipc, 16px);
 }
-.awsui_form_1xupv_4kwbf_301.awsui_refresh_1xupv_4kwbf_107 > .awsui_form-component_1xupv_4kwbf_334:not(#\9) {
+.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107 > .awsui_form-component_1xupv_1mgkg_334:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_4kwbf_301.awsui_refresh_1xupv_4kwbf_107.awsui_small-container_1xupv_4kwbf_114 > .awsui_form-header_1xupv_4kwbf_307:not(#\9) {
+.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107.awsui_small-container_1xupv_1mgkg_114 > .awsui_form-header_1xupv_1mgkg_307:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_form_1xupv_4kwbf_301.awsui_refresh_1xupv_4kwbf_107.awsui_small-container_1xupv_4kwbf_114 > .awsui_form-header_1xupv_4kwbf_307 > .awsui_form-header-content_1xupv_4kwbf_330:not(#\9) {
+.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107.awsui_small-container_1xupv_1mgkg_114 > .awsui_form-header_1xupv_1mgkg_307 > .awsui_form-header-content_1xupv_1mgkg_330:not(#\9) {
   padding-top: 0;
 }
-.awsui_form_1xupv_4kwbf_301.awsui_refresh_1xupv_4kwbf_107.awsui_small-container_1xupv_4kwbf_114 > .awsui_form-component_1xupv_4kwbf_334:not(#\9) {
+.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107.awsui_small-container_1xupv_1mgkg_114 > .awsui_form-component_1xupv_1mgkg_334:not(#\9) {
   grid-column: 1/span 2;
 }
 
-.awsui_navigation_1xupv_4kwbf_123.awsui_hidden_1xupv_4kwbf_348:not(#\9) {
+.awsui_navigation_1xupv_1mgkg_123.awsui_hidden_1xupv_1mgkg_348:not(#\9) {
   display: none;
 }
 
-.awsui_collapsed-steps_1xupv_4kwbf_352:not(#\9) {
+.awsui_collapsed-steps_1xupv_1mgkg_352:not(#\9) {
   color: var(--color-text-heading-secondary-nwxx97, #414d5c);
   font-weight: 700;
   padding-top: var(--space-scaled-xxs-ugy2pw, 4px);
 }
-.awsui_collapsed-steps-extra-padding_1xupv_4kwbf_357:not(#\9) {
-  padding-top: var(--space-scaled-l-x5pubp, 20px);
-}
-.awsui_collapsed-steps-hidden_1xupv_4kwbf_360:not(#\9) {
+.awsui_collapsed-steps-hidden_1xupv_1mgkg_357:not(#\9) {
   display: none;
 }
 
-.awsui_form-header-component-wrapper_1xupv_4kwbf_364:not(#\9) {
+.awsui_form-header-component-wrapper_1xupv_1mgkg_361:not(#\9) {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_4kwbf_364:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1mgkg_361:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-9izd6a, 0);
   outline-offset: 2px;
@@ -399,30 +396,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_4
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-j8u4jv, 2px) var(--color-border-item-focused-nwfxo7, #0972d3);
 }
 
-.awsui_form-header-component_1xupv_4kwbf_364:not(#\9),
-.awsui_navigation-link_1xupv_4kwbf_377:not(#\9),
-.awsui_navigation-link-item_1xupv_4kwbf_378:not(#\9),
-.awsui_navigation-link-label_1xupv_4kwbf_379:not(#\9) {
+.awsui_form-header-component_1xupv_1mgkg_361:not(#\9),
+.awsui_navigation-link_1xupv_1mgkg_374:not(#\9),
+.awsui_navigation-link-item_1xupv_1mgkg_375:not(#\9),
+.awsui_navigation-link-label_1xupv_1mgkg_376:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_navigation-link-active_1xupv_4kwbf_383:not(#\9) {
+.awsui_navigation-link-active_1xupv_1mgkg_380:not(#\9) {
   font-weight: 700;
   color: var(--color-text-body-default-01bwmw, #000716);
 }
 
-.awsui_navigation-link-disabled_1xupv_4kwbf_388:not(#\9) {
+.awsui_navigation-link-disabled_1xupv_1mgkg_385:not(#\9) {
   color: var(--color-text-status-inactive-w8tk0o, #5f6b7a);
 }
 
-.awsui_cancel-button_1xupv_4kwbf_392:not(#\9),
-.awsui_previous-button_1xupv_4kwbf_393:not(#\9),
-.awsui_primary-button_1xupv_4kwbf_394:not(#\9),
-.awsui_skip-to-button_1xupv_4kwbf_395:not(#\9) {
+.awsui_cancel-button_1xupv_1mgkg_389:not(#\9),
+.awsui_previous-button_1xupv_1mgkg_390:not(#\9),
+.awsui_primary-button_1xupv_1mgkg_391:not(#\9),
+.awsui_skip-to-button_1xupv_1mgkg_392:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_action-buttons_1xupv_4kwbf_399:not(#\9) {
+.awsui_action-buttons_1xupv_1mgkg_396:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

package/wizard/styles.selectors.js

@@ -2,37 +2,36 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1xupv_4kwbf_94",
-  "wizard": "awsui_wizard_1xupv_4kwbf_107",
-  "refresh": "awsui_refresh_1xupv_4kwbf_107",
-  "small-container": "awsui_small-container_1xupv_4kwbf_114",
-  "navigation": "awsui_navigation_1xupv_4kwbf_123",
-  "number": "awsui_number_1xupv_4kwbf_185",
-  "circle": "awsui_circle_1xupv_4kwbf_201",
-  "title": "awsui_title_1xupv_4kwbf_209",
-  "active": "awsui_active_1xupv_4kwbf_238",
-  "disabled": "awsui_disabled_1xupv_4kwbf_249",
-  "enabled": "awsui_enabled_1xupv_4kwbf_259",
-  "form": "awsui_form_1xupv_4kwbf_301",
-  "form-header": "awsui_form-header_1xupv_4kwbf_307",
-  "background": "awsui_background_1xupv_4kwbf_318",
-  "form-header-content": "awsui_form-header-content_1xupv_4kwbf_330",
-  "form-component": "awsui_form-component_1xupv_4kwbf_334",
-  "hidden": "awsui_hidden_1xupv_4kwbf_348",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_4kwbf_352",
-  "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_4kwbf_357",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_4kwbf_360",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_4kwbf_364",
-  "form-header-component": "awsui_form-header-component_1xupv_4kwbf_364",
-  "navigation-link": "awsui_navigation-link_1xupv_4kwbf_377",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_4kwbf_378",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_4kwbf_379",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_4kwbf_383",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_4kwbf_388",
-  "cancel-button": "awsui_cancel-button_1xupv_4kwbf_392",
-  "previous-button": "awsui_previous-button_1xupv_4kwbf_393",
-  "primary-button": "awsui_primary-button_1xupv_4kwbf_394",
-  "skip-to-button": "awsui_skip-to-button_1xupv_4kwbf_395",
-  "action-buttons": "awsui_action-buttons_1xupv_4kwbf_399"
+  "root": "awsui_root_1xupv_1mgkg_94",
+  "wizard": "awsui_wizard_1xupv_1mgkg_107",
+  "refresh": "awsui_refresh_1xupv_1mgkg_107",
+  "small-container": "awsui_small-container_1xupv_1mgkg_114",
+  "navigation": "awsui_navigation_1xupv_1mgkg_123",
+  "number": "awsui_number_1xupv_1mgkg_185",
+  "circle": "awsui_circle_1xupv_1mgkg_201",
+  "title": "awsui_title_1xupv_1mgkg_209",
+  "active": "awsui_active_1xupv_1mgkg_238",
+  "disabled": "awsui_disabled_1xupv_1mgkg_249",
+  "enabled": "awsui_enabled_1xupv_1mgkg_259",
+  "form": "awsui_form_1xupv_1mgkg_301",
+  "form-header": "awsui_form-header_1xupv_1mgkg_307",
+  "background": "awsui_background_1xupv_1mgkg_318",
+  "form-header-content": "awsui_form-header-content_1xupv_1mgkg_330",
+  "form-component": "awsui_form-component_1xupv_1mgkg_334",
+  "hidden": "awsui_hidden_1xupv_1mgkg_348",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_1mgkg_352",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1mgkg_357",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1mgkg_361",
+  "form-header-component": "awsui_form-header-component_1xupv_1mgkg_361",
+  "navigation-link": "awsui_navigation-link_1xupv_1mgkg_374",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_1mgkg_375",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_1mgkg_376",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_1mgkg_380",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1mgkg_385",
+  "cancel-button": "awsui_cancel-button_1xupv_1mgkg_389",
+  "previous-button": "awsui_previous-button_1xupv_1mgkg_390",
+  "primary-button": "awsui_primary-button_1xupv_1mgkg_391",
+  "skip-to-button": "awsui_skip-to-button_1xupv_1mgkg_392",
+  "action-buttons": "awsui_action-buttons_1xupv_1mgkg_396"
 };
   

package/wizard/wizard-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wizard-form.d.ts","sourceRoot":"lib/default/","sources":["wizard/wizard-form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,UAAU,eAAe;IACvB,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACvC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC;IACrC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,cAAc,EACd,aAAa,GACd,EAAE,eAAe,eAuEjB"}
+{"version":3,"file":"wizard-form.d.ts","sourceRoot":"lib/default/","sources":["wizard/wizard-form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,UAAU,eAAe;IACvB,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACvC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC;IACrC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,cAAc,EACd,aAAa,GACd,EAAE,eAAe,eAiEjB"}

package/wizard/wizard-form.js

@@ -29,7 +29,7 @@ export default function WizardForm({ steps, activeStepIndex, isVisualRefresh, sh
         : undefined;
     return (React.createElement(React.Fragment, null,
         React.createElement(WizardFormHeader, { isMobile: isMobile || showCollapsedSteps, isVisualRefresh: isVisualRefresh },
-            React.createElement("div", { className: clsx(styles['collapsed-steps'], !showCollapsedSteps && styles['collapsed-steps-hidden'], isVisualRefresh && isMobile && styles['collapsed-steps-extra-padding']) }, (_a = i18nStrings.collapsedStepsLabel) === null || _a === void 0 ? void 0 : _a.call(i18nStrings, activeStepIndex + 1, steps.length)),
+            React.createElement("div", { className: clsx(styles['collapsed-steps'], !showCollapsedSteps && styles['collapsed-steps-hidden']) }, (_a = i18nStrings.collapsedStepsLabel) === null || _a === void 0 ? void 0 : _a.call(i18nStrings, activeStepIndex + 1, steps.length)),
             React.createElement(InternalHeader, { className: styles['form-header-component'], variant: "h1", description: description, info: info },
                 React.createElement("span", { className: styles['form-header-component-wrapper'], tabIndex: -1, ref: stepHeaderRef },
                     title,

package/wizard/wizard-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"wizard-form.js","sourceRoot":"lib/default/","sources":["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, { useRef } from 'react';\nimport clsx from 'clsx';\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 styles from './styles.css.js';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\n\ninterface WizardFormProps {\n  steps: ReadonlyArray<WizardProps.Step>;\n  activeStepIndex: number;\n  isVisualRefresh: boolean;\n  showCollapsedSteps: boolean;\n  i18nStrings: WizardProps.I18nStrings;\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 default function WizardForm({\n  steps,\n  activeStepIndex,\n  isVisualRefresh,\n  showCollapsedSteps,\n  i18nStrings,\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\n  useEffectOnUpdate(() => {\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  return (\n    <>\n      <WizardFormHeader isMobile={isMobile || showCollapsedSteps} isVisualRefresh={isVisualRefresh}>\n        <div\n          className={clsx(\n            styles['collapsed-steps'],\n            !showCollapsedSteps && styles['collapsed-steps-hidden'],\n            isVisualRefresh && isMobile && styles['collapsed-steps-extra-padding']\n          )}\n        >\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            {title}\n            {isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n          </span>\n        </InternalHeader>\n      </WizardFormHeader>\n      <AnalyticsFunnelStep\n        stepNameSelector={`.${styles['form-header-component-wrapper']}`}\n        stepNumber={activeStepIndex + 1}\n      >\n        <InternalForm\n          className={clsx(styles['form-component'])}\n          actions={\n            <WizardActions\n              cancelButtonText={i18nStrings.cancelButton}\n              primaryButtonText={isLastStep ? 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        >\n          {content}\n        </InternalForm>\n      </AnalyticsFunnelStep>\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":"lib/default/","sources":["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, { useRef } from 'react';\nimport clsx from 'clsx';\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 styles from './styles.css.js';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\n\ninterface WizardFormProps {\n  steps: ReadonlyArray<WizardProps.Step>;\n  activeStepIndex: number;\n  isVisualRefresh: boolean;\n  showCollapsedSteps: boolean;\n  i18nStrings: WizardProps.I18nStrings;\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 default function WizardForm({\n  steps,\n  activeStepIndex,\n  isVisualRefresh,\n  showCollapsedSteps,\n  i18nStrings,\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\n  useEffectOnUpdate(() => {\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  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            {title}\n            {isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n          </span>\n        </InternalHeader>\n      </WizardFormHeader>\n      <AnalyticsFunnelStep\n        stepNameSelector={`.${styles['form-header-component-wrapper']}`}\n        stepNumber={activeStepIndex + 1}\n      >\n        <InternalForm\n          className={clsx(styles['form-component'])}\n          actions={\n            <WizardActions\n              cancelButtonText={i18nStrings.cancelButton}\n              primaryButtonText={isLastStep ? 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        >\n          {content}\n        </InternalForm>\n      </AnalyticsFunnelStep>\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/app-layout/visual-refresh/app-bar.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-/**
- * The CSS class 'awsui-context-content-header' needs to be added to the root element so
- * that the design tokens used are overridden with the appropriate values.
- */
-export default function AppBar(): JSX.Element | null;
-//# sourceMappingURL=app-bar.d.ts.map

package/app-layout/visual-refresh/app-bar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-bar.d.ts","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/app-bar.tsx"],"names":[],"mappings":";AAUA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,uBAgG7B"}

package/app-layout/visual-refresh/app-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-bar.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/app-bar.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 { InternalButton } from '../../button/internal';\nimport { MobileTriggers as DrawersMobileTriggers } from './drawers';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\n\n/**\n * The CSS class 'awsui-context-content-header' needs to be added to the root element so\n * that the design tokens used are overridden with the appropriate values.\n */\nexport default function AppBar() {\n  const {\n    ariaLabels,\n    breadcrumbs,\n    contentHeader,\n    contentType,\n    drawers,\n    dynamicOverlapHeight,\n    handleNavigationClick,\n    handleToolsClick,\n    hasDrawerViewportOverlay,\n    hasNotificationsContent,\n    hasStickyBackground,\n    isMobile,\n    navigationHide,\n    isNavigationOpen,\n    isToolsOpen,\n    toolsHide,\n    navigationRefs,\n    toolsRefs,\n  } = useAppLayoutInternals();\n\n  if (navigationHide && !breadcrumbs && toolsHide && !drawers) {\n    return null;\n  }\n\n  return (\n    <section\n      aria-hidden={!isMobile && !breadcrumbs ? true : undefined}\n      className={clsx(\n        styles.appbar,\n        {\n          [styles['has-breadcrumbs']]: breadcrumbs,\n          [styles.unfocusable]: hasDrawerViewportOverlay,\n          [testutilStyles['mobile-bar']]: isMobile,\n        },\n        'awsui-context-content-header'\n      )}\n    >\n      {!navigationHide && isMobile && (\n        <nav\n          className={clsx(styles['appbar-nav'], { [testutilStyles['drawer-closed']]: !isNavigationOpen })}\n          aria-hidden={isNavigationOpen}\n        >\n          <InternalButton\n            ariaLabel={ariaLabels?.navigationToggle ?? undefined}\n            ariaExpanded={isNavigationOpen ? undefined : false}\n            iconName=\"menu\"\n            formAction=\"none\"\n            onClick={() => handleNavigationClick(true)}\n            variant=\"icon\"\n            className={testutilStyles['navigation-toggle']}\n            ref={navigationRefs.toggle}\n            disabled={hasDrawerViewportOverlay}\n            __nativeAttributes={{ 'aria-haspopup': isNavigationOpen ? undefined : true }}\n          />\n        </nav>\n      )}\n\n      {breadcrumbs && (\n        <div\n          className={clsx(styles.breadcrumbs, styles[`content-type-${contentType}`], testutilStyles.breadcrumbs, {\n            [styles['has-dynamic-overlap-height']]: dynamicOverlapHeight > 0,\n            [styles['has-header']]: contentHeader,\n            [styles['has-notifications-content']]: hasNotificationsContent,\n            [styles['has-sticky-background']]: hasStickyBackground,\n          })}\n        >\n          {breadcrumbs}\n        </div>\n      )}\n\n      {isMobile && !toolsHide && !drawers && (\n        <aside\n          className={clsx(styles['appbar-tools'], { [testutilStyles['drawer-closed']]: !isToolsOpen })}\n          aria-hidden={isToolsOpen}\n          aria-label={ariaLabels?.tools ?? undefined}\n        >\n          <InternalButton\n            className={testutilStyles['tools-toggle']}\n            ariaExpanded={isToolsOpen}\n            disabled={hasDrawerViewportOverlay}\n            ariaLabel={ariaLabels?.toolsToggle ?? undefined}\n            iconName=\"status-info\"\n            formAction=\"none\"\n            onClick={() => handleToolsClick(true)}\n            variant=\"icon\"\n            ref={toolsRefs.toggle}\n            __nativeAttributes={{ 'aria-haspopup': true }}\n          />\n        </aside>\n      )}\n\n      <DrawersMobileTriggers />\n    </section>\n  );\n}\n"]}