@cloudscape-design/components 3.0.839 → 3.0.841

package/wizard/styles.scoped.css

@@ -138,7 +138,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_1xupv_8e2ex_141:not(#\9) {
+.awsui_root_1xupv_47p9l_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -147,12 +147,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -174,30 +171,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_wizard_1xupv_8e2ex_176.awsui_refresh_1xupv_8e2ex_176:not(#\9) {
+.awsui_wizard_1xupv_47p9l_173.awsui_refresh_1xupv_47p9l_173: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_8e2ex_176.awsui_refresh_1xupv_8e2ex_176.awsui_small-container_1xupv_8e2ex_183:not(#\9) {
+.awsui_wizard_1xupv_47p9l_173.awsui_refresh_1xupv_47p9l_173.awsui_small-container_1xupv_47p9l_180:not(#\9) {
   grid-template-columns: minmax(0, 1fr) 0;
   row-gap: var(--space-scaled-l-0hpmd7, 20px);
 }
 
-.awsui_wizard_1xupv_8e2ex_176:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) {
+.awsui_wizard_1xupv_47p9l_173:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) {
   display: flex;
 }
 
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173: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_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173:not(#\9) {
   position: relative;
   margin-block: 0;
   margin-inline: 0;
@@ -207,7 +204,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 260px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9) {
   display: grid;
   column-gap: var(--space-xs-zb16t3, 8px);
   grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
@@ -215,7 +212,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li > hr:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > hr:not(#\9) {
   background-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
   border-block: 0;
   border-inline: 0;
@@ -223,13 +220,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_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li > .awsui_number_1xupv_8e2ex_225:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > .awsui_number_1xupv_47p9l_222:not(#\9) {
   color: var(--color-text-small-nzfntg, #656871);
   font-size: var(--font-size-body-s-asqx2i, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li > a:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > a:not(#\9) {
   align-items: start;
   column-gap: var(--space-xs-zb16t3, 8px);
   cursor: pointer;
@@ -239,7 +236,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_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li > a > .awsui_circle_1xupv_8e2ex_241:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > a > .awsui_circle_1xupv_47p9l_238:not(#\9) {
   border-start-start-radius: 100%;
   border-start-end-radius: 100%;
   border-end-start-radius: 100%;
@@ -250,12 +247,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: 6px;
   inline-size: 10px;
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li > a > .awsui_title_1xupv_8e2ex_252:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > a > .awsui_title_1xupv_47p9l_249:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   grid-column: 2;
 }
-body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li > a:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -266,58 +263,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_8e2ex_192.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-nv6mhz, #006ce0);
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_8e2ex_225 {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_47p9l_222 {
   margin-block-start: var(--space-m-udix3p, 16px);
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_active_1xupv_8e2ex_283 > a:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_active_1xupv_47p9l_280 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_active_1xupv_8e2ex_283 > a > .awsui_circle_1xupv_8e2ex_241:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_active_1xupv_47p9l_280 > a > .awsui_circle_1xupv_47p9l_238:not(#\9) {
   background-color: var(--color-background-control-checked-hz4k40, #006ce0);
   box-shadow: 0 0 0 3px var(--color-background-container-content-z79u4u, #ffffff), 0 0 0 5px var(--color-background-control-checked-hz4k40, #006ce0), 0 0 0 7px var(--color-background-container-content-z79u4u, #ffffff);
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_active_1xupv_8e2ex_283 > a > .awsui_title_1xupv_8e2ex_252:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_active_1xupv_47p9l_280 > a > .awsui_title_1xupv_47p9l_249:not(#\9) {
   color: var(--color-background-control-checked-hz4k40, #006ce0);
   font-weight: 700;
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_disabled_1xupv_8e2ex_294 > a:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_disabled_1xupv_47p9l_291 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_disabled_1xupv_8e2ex_294 > a > .awsui_circle_1xupv_8e2ex_241:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_disabled_1xupv_47p9l_291 > a > .awsui_circle_1xupv_47p9l_238:not(#\9) {
   background-color: var(--color-background-container-content-z79u4u, #ffffff);
   box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-f5b4z5, #b4b4bb), 0 0 0 4px var(--color-background-container-content-z79u4u, #ffffff);
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_disabled_1xupv_8e2ex_294 > a > .awsui_title_1xupv_8e2ex_252:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_disabled_1xupv_47p9l_291 > a > .awsui_title_1xupv_47p9l_249:not(#\9) {
   color: var(--color-text-status-inactive-5megna, #656871);
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_enabled_1xupv_8e2ex_304 > a > .awsui_circle_1xupv_8e2ex_241:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_enabled_1xupv_47p9l_301 > a > .awsui_circle_1xupv_47p9l_238:not(#\9) {
   background-color: var(--color-text-interactive-default-tkx8fe, #424650);
   box-shadow: 0 0 0 2px var(--color-text-interactive-default-tkx8fe, #424650), 0 0 0 4px var(--color-background-container-content-z79u4u, #ffffff);
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_enabled_1xupv_8e2ex_304 > a > .awsui_title_1xupv_8e2ex_252:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_enabled_1xupv_47p9l_301 > a > .awsui_title_1xupv_47p9l_249:not(#\9) {
   color: var(--color-text-interactive-default-tkx8fe, #424650);
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_enabled_1xupv_8e2ex_304 > a:not(#\9):hover > .awsui_circle_1xupv_8e2ex_241 {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_enabled_1xupv_47p9l_301 > a:not(#\9):hover > .awsui_circle_1xupv_47p9l_238 {
   background-color: var(--color-background-control-checked-hz4k40, #006ce0);
   box-shadow: 0 0 0 2px var(--color-background-control-checked-hz4k40, #006ce0), 0 0 0 4px var(--color-background-container-content-z79u4u, #ffffff);
 }
-.awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_enabled_1xupv_8e2ex_304 > a:not(#\9):hover > .awsui_title_1xupv_8e2ex_252 {
+.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_enabled_1xupv_47p9l_301 > a:not(#\9):hover > .awsui_title_1xupv_47p9l_249 {
   color: var(--color-background-control-checked-hz4k40, #006ce0);
 }
 
-.awsui_navigation_1xupv_8e2ex_192:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) {
+.awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) {
   color: var(--color-text-disabled-e4vsj4, #b4b4bb);
   display: inline-block;
   margin-inline-end: calc(2 * var(--space-xxxl-4x2gki, 40px));
@@ -327,81 +324,81 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_8e2ex_192.awsui_refr
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_navigation_1xupv_8e2ex_192:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) > ul:not(.awsui_refresh_1xupv_8e2ex_176) {
+.awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_navigation_1xupv_8e2ex_192:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) > ul:not(.awsui_refresh_1xupv_8e2ex_176) > li {
+.awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) > li {
   min-inline-size: 0;
   word-break: break-word;
   padding-block: 0 var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_navigation_1xupv_8e2ex_192:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) > ul:not(.awsui_refresh_1xupv_8e2ex_176) > li:not(:first-child) {
+.awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) > li:not(:first-child) {
   margin-block-start: var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_navigation_1xupv_8e2ex_192:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) > ul:not(.awsui_refresh_1xupv_8e2ex_176) > li:not(:last-child) {
+.awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) > li:not(:last-child) {
   border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
 }
 
-.awsui_form_1xupv_8e2ex_348:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) {
+.awsui_form_1xupv_47p9l_345:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) {
   min-inline-size: 0;
   word-break: break-word;
   inline-size: 100%;
 }
-.awsui_form_1xupv_8e2ex_348:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) > .awsui_form-header_1xupv_8e2ex_353 {
+.awsui_form_1xupv_47p9l_345:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > .awsui_form-header_1xupv_47p9l_350 {
   position: relative;
   margin-block-end: var(--space-scaled-m-mo5yse, 16px);
 }
 
-.awsui_form_1xupv_8e2ex_348.awsui_refresh_1xupv_8e2ex_176:not(#\9) {
+.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_8e2ex_348.awsui_refresh_1xupv_8e2ex_176 > .awsui_form-header_1xupv_8e2ex_353:not(#\9) {
+.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173 > .awsui_form-header_1xupv_47p9l_350:not(#\9) {
   background-color: var(--color-background-layout-main-nqw91u, #ffffff);
   grid-column: 2;
   grid-row: 1;
   color: var(--color-text-body-default-7v1jfn, #0f141a);
 }
-.awsui_form_1xupv_8e2ex_348.awsui_refresh_1xupv_8e2ex_176 > .awsui_form-header_1xupv_8e2ex_353 > .awsui_form-header-content_1xupv_8e2ex_369:not(#\9) {
+.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173 > .awsui_form-header_1xupv_47p9l_350 > .awsui_form-header-content_1xupv_47p9l_366: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_8e2ex_348.awsui_refresh_1xupv_8e2ex_176 > .awsui_form-component_1xupv_8e2ex_373:not(#\9) {
+.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173 > .awsui_form-component_1xupv_47p9l_370:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_8e2ex_348.awsui_refresh_1xupv_8e2ex_176.awsui_small-container_1xupv_8e2ex_183 > .awsui_form-header_1xupv_8e2ex_353:not(#\9) {
+.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173.awsui_small-container_1xupv_47p9l_180 > .awsui_form-header_1xupv_47p9l_350:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_form_1xupv_8e2ex_348.awsui_refresh_1xupv_8e2ex_176.awsui_small-container_1xupv_8e2ex_183 > .awsui_form-header_1xupv_8e2ex_353 > .awsui_form-header-content_1xupv_8e2ex_369:not(#\9) {
+.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173.awsui_small-container_1xupv_47p9l_180 > .awsui_form-header_1xupv_47p9l_350 > .awsui_form-header-content_1xupv_47p9l_366:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_form_1xupv_8e2ex_348.awsui_refresh_1xupv_8e2ex_176.awsui_small-container_1xupv_8e2ex_183 > .awsui_form-component_1xupv_8e2ex_373:not(#\9) {
+.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173.awsui_small-container_1xupv_47p9l_180 > .awsui_form-component_1xupv_47p9l_370:not(#\9) {
   grid-column: 1/span 2;
 }
 
-.awsui_navigation_1xupv_8e2ex_192.awsui_hidden_1xupv_8e2ex_387:not(#\9) {
+.awsui_navigation_1xupv_47p9l_189.awsui_hidden_1xupv_47p9l_384:not(#\9) {
   display: none;
 }
 
-.awsui_collapsed-steps_1xupv_8e2ex_391:not(#\9) {
+.awsui_collapsed-steps_1xupv_47p9l_388:not(#\9) {
   color: var(--color-text-heading-secondary-0myrp3, #424650);
   font-weight: 700;
   padding-block-start: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_collapsed-steps-hidden_1xupv_8e2ex_396:not(#\9) {
+.awsui_collapsed-steps-hidden_1xupv_47p9l_393:not(#\9) {
   display: none;
 }
 
-.awsui_form-header-component-wrapper_1xupv_8e2ex_400:not(#\9) {
+.awsui_form-header-component-wrapper_1xupv_47p9l_397:not(#\9) {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_8e2ex_400:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_47p9l_397:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -413,30 +410,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_8
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
 }
 
-.awsui_form-header-component_1xupv_8e2ex_400:not(#\9),
-.awsui_navigation-link_1xupv_8e2ex_416:not(#\9),
-.awsui_navigation-link-item_1xupv_8e2ex_417:not(#\9),
-.awsui_navigation-link-label_1xupv_8e2ex_418:not(#\9) {
+.awsui_form-header-component_1xupv_47p9l_397:not(#\9),
+.awsui_navigation-link_1xupv_47p9l_413:not(#\9),
+.awsui_navigation-link-item_1xupv_47p9l_414:not(#\9),
+.awsui_navigation-link-label_1xupv_47p9l_415:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_navigation-link-active_1xupv_8e2ex_422:not(#\9) {
+.awsui_navigation-link-active_1xupv_47p9l_419:not(#\9) {
   font-weight: 700;
   color: var(--color-text-body-default-7v1jfn, #0f141a);
 }
 
-.awsui_navigation-link-disabled_1xupv_8e2ex_427:not(#\9) {
+.awsui_navigation-link-disabled_1xupv_47p9l_424:not(#\9) {
   color: var(--color-text-status-inactive-5megna, #656871);
 }
 
-.awsui_cancel-button_1xupv_8e2ex_431:not(#\9),
-.awsui_previous-button_1xupv_8e2ex_432:not(#\9),
-.awsui_primary-button_1xupv_8e2ex_433:not(#\9),
-.awsui_skip-to-button_1xupv_8e2ex_434:not(#\9) {
+.awsui_cancel-button_1xupv_47p9l_428:not(#\9),
+.awsui_previous-button_1xupv_47p9l_429:not(#\9),
+.awsui_primary-button_1xupv_47p9l_430:not(#\9),
+.awsui_skip-to-button_1xupv_47p9l_431:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_action-buttons_1xupv_8e2ex_438:not(#\9) {
+.awsui_action-buttons_1xupv_47p9l_435: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_8e2ex_141",
-  "wizard": "awsui_wizard_1xupv_8e2ex_176",
-  "refresh": "awsui_refresh_1xupv_8e2ex_176",
-  "small-container": "awsui_small-container_1xupv_8e2ex_183",
-  "navigation": "awsui_navigation_1xupv_8e2ex_192",
-  "number": "awsui_number_1xupv_8e2ex_225",
-  "circle": "awsui_circle_1xupv_8e2ex_241",
-  "title": "awsui_title_1xupv_8e2ex_252",
-  "active": "awsui_active_1xupv_8e2ex_283",
-  "disabled": "awsui_disabled_1xupv_8e2ex_294",
-  "enabled": "awsui_enabled_1xupv_8e2ex_304",
-  "form": "awsui_form_1xupv_8e2ex_348",
-  "form-header": "awsui_form-header_1xupv_8e2ex_353",
-  "form-header-content": "awsui_form-header-content_1xupv_8e2ex_369",
-  "form-component": "awsui_form-component_1xupv_8e2ex_373",
-  "hidden": "awsui_hidden_1xupv_8e2ex_387",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_8e2ex_391",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_8e2ex_396",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_8e2ex_400",
-  "form-header-component": "awsui_form-header-component_1xupv_8e2ex_400",
-  "navigation-link": "awsui_navigation-link_1xupv_8e2ex_416",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_8e2ex_417",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_8e2ex_418",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_8e2ex_422",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_8e2ex_427",
-  "cancel-button": "awsui_cancel-button_1xupv_8e2ex_431",
-  "previous-button": "awsui_previous-button_1xupv_8e2ex_432",
-  "primary-button": "awsui_primary-button_1xupv_8e2ex_433",
-  "skip-to-button": "awsui_skip-to-button_1xupv_8e2ex_434",
-  "action-buttons": "awsui_action-buttons_1xupv_8e2ex_438"
+  "root": "awsui_root_1xupv_47p9l_141",
+  "wizard": "awsui_wizard_1xupv_47p9l_173",
+  "refresh": "awsui_refresh_1xupv_47p9l_173",
+  "small-container": "awsui_small-container_1xupv_47p9l_180",
+  "navigation": "awsui_navigation_1xupv_47p9l_189",
+  "number": "awsui_number_1xupv_47p9l_222",
+  "circle": "awsui_circle_1xupv_47p9l_238",
+  "title": "awsui_title_1xupv_47p9l_249",
+  "active": "awsui_active_1xupv_47p9l_280",
+  "disabled": "awsui_disabled_1xupv_47p9l_291",
+  "enabled": "awsui_enabled_1xupv_47p9l_301",
+  "form": "awsui_form_1xupv_47p9l_345",
+  "form-header": "awsui_form-header_1xupv_47p9l_350",
+  "form-header-content": "awsui_form-header-content_1xupv_47p9l_366",
+  "form-component": "awsui_form-component_1xupv_47p9l_370",
+  "hidden": "awsui_hidden_1xupv_47p9l_384",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_47p9l_388",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_47p9l_393",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_47p9l_397",
+  "form-header-component": "awsui_form-header-component_1xupv_47p9l_397",
+  "navigation-link": "awsui_navigation-link_1xupv_47p9l_413",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_47p9l_414",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_47p9l_415",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_47p9l_419",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_47p9l_424",
+  "cancel-button": "awsui_cancel-button_1xupv_47p9l_428",
+  "previous-button": "awsui_previous-button_1xupv_47p9l_429",
+  "primary-button": "awsui_primary-button_1xupv_47p9l_430",
+  "skip-to-button": "awsui_skip-to-button_1xupv_47p9l_431",
+  "action-buttons": "awsui_action-buttons_1xupv_47p9l_435"
 };
   

package/wizard/wizard-form.d.ts

@@ -1,4 +1,4 @@
-import React, { MutableRefObject } from 'react';
+import React from 'react';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { WizardProps } from './interfaces';
 interface WizardFormProps extends InternalBaseComponentProps {
@@ -17,8 +17,5 @@ interface WizardFormProps extends InternalBaseComponentProps {
 }
 export declare const STEP_NAME_SELECTOR: string;
 export default function WizardFormWithAnalytics(props: WizardFormProps): JSX.Element;
-export declare function WizardForm({ __internalRootRef, stepHeaderRef, steps, activeStepIndex, showCollapsedSteps, i18nStrings, submitButtonText, isPrimaryLoading, allowSkipTo, secondaryActions, onCancelClick, onPreviousClick, onPrimaryClick, onSkipToClick, }: WizardFormProps & {
-    stepHeaderRef: MutableRefObject<HTMLDivElement | null>;
-}): JSX.Element;
 export {};
 //# sourceMappingURL=wizard-form.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"wizard-form.d.ts","sourceRoot":"","sources":["../../../src/wizard/wizard-form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAqB,MAAM,OAAO,CAAC;AAanE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,UAAU,eAAgB,SAAQ,0BAA0B;IAC1D,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACvC,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,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,eAAO,MAAM,kBAAkB,QAAsD,CAAC;AAEtF,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,KAAK,EAAE,eAAe,eAuBrE;AAED,wBAAgB,UAAU,CAAC,EACzB,iBAAiB,EACjB,aAAa,EACb,KAAK,EACL,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,cAAc,EACd,aAAa,GACd,EAAE,eAAe,GAAG;IAAE,aAAa,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAAE,eAuE9E"}
+{"version":3,"file":"wizard-form.d.ts","sourceRoot":"","sources":["../../../src/wizard/wizard-form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAanE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,UAAU,eAAgB,SAAQ,0BAA0B;IAC1D,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACvC,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,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,eAAO,MAAM,kBAAkB,QAAsD,CAAC;AAEtF,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,KAAK,EAAE,eAAe,eAuBrE"}

package/wizard/wizard-form.js

@@ -29,7 +29,7 @@ export default function WizardFormWithAnalytics(props) {
     return (React.createElement(AnalyticsFunnelStep, { stepIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, stepErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext, stepNameSelector: STEP_NAME_SELECTOR, stepNumber: props.activeStepIndex + 1 },
         React.createElement(WizardForm, Object.assign({ stepHeaderRef: stepHeaderRef, __internalRootRef: __internalRootRef }, props))));
 }
-export function WizardForm({ __internalRootRef, stepHeaderRef, steps, activeStepIndex, showCollapsedSteps, i18nStrings, submitButtonText, isPrimaryLoading, allowSkipTo, secondaryActions, onCancelClick, onPreviousClick, onPrimaryClick, onSkipToClick, }) {
+function WizardForm({ __internalRootRef, stepHeaderRef, steps, activeStepIndex, showCollapsedSteps, i18nStrings, submitButtonText, isPrimaryLoading, allowSkipTo, secondaryActions, onCancelClick, onPreviousClick, onPrimaryClick, onSkipToClick, }) {
     var _a;
     const { title, info, description, content, errorText, isOptional } = steps[activeStepIndex] || {};
     const isLastStep = activeStepIndex >= steps.length - 1;

package/wizard/wizard-form.js.map

@@ -1 +1 @@
-{"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, { MutableRefObject, 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 { FunnelMetrics } from '../internal/analytics';\nimport { AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\nimport { useFunnel, useFunnelStep } from '../internal/analytics/hooks/use-funnel';\nimport { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_STEP_NAME } from '../internal/analytics/selectors';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport { PACKAGE_VERSION } from '../internal/environment';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { WizardProps } from './interfaces';\nimport WizardActions from './wizard-actions';\nimport WizardFormHeader from './wizard-form-header';\n\nimport styles from './styles.css.js';\n\ninterface WizardFormProps extends InternalBaseComponentProps {\n  steps: ReadonlyArray<WizardProps.Step>;\n  activeStepIndex: number;\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  const stepHeaderRef = useRef<HTMLDivElement | null>(null);\n\n  useEffectOnUpdate(() => {\n    if (stepHeaderRef && stepHeaderRef.current) {\n      stepHeaderRef.current?.focus();\n    }\n  }, [props.activeStepIndex]);\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 stepHeaderRef={stepHeaderRef} __internalRootRef={__internalRootRef} {...props} />\n    </AnalyticsFunnelStep>\n  );\n}\n\nexport function WizardForm({\n  __internalRootRef,\n  stepHeaderRef,\n  steps,\n  activeStepIndex,\n  showCollapsedSteps,\n  i18nStrings,\n  submitButtonText,\n  isPrimaryLoading,\n  allowSkipTo,\n  secondaryActions,\n  onCancelClick,\n  onPreviousClick,\n  onPrimaryClick,\n  onSkipToClick,\n}: WizardFormProps & { stepHeaderRef: MutableRefObject<HTMLDivElement | null> }) {\n  const { title, info, description, content, errorText, isOptional } = steps[activeStepIndex] || {};\n  const isLastStep = activeStepIndex >= steps.length - 1;\n  const skipToTargetIndex = findSkipToTargetIndex(steps, activeStepIndex);\n\n  const { funnelInteractionId, funnelIdentifier } = useFunnel();\n  const { funnelStepProps, stepErrorContext } = useFunnelStep();\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>\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            isLastStep={isLastStep}\n            activeStepIndex={activeStepIndex}\n            skipToStepIndex={skipToTargetIndex}\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, { MutableRefObject, 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 { FunnelMetrics } from '../internal/analytics';\nimport { AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\nimport { useFunnel, useFunnelStep } from '../internal/analytics/hooks/use-funnel';\nimport { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_STEP_NAME } from '../internal/analytics/selectors';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport { PACKAGE_VERSION } from '../internal/environment';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { WizardProps } from './interfaces';\nimport WizardActions from './wizard-actions';\nimport WizardFormHeader from './wizard-form-header';\n\nimport styles from './styles.css.js';\n\ninterface WizardFormProps extends InternalBaseComponentProps {\n  steps: ReadonlyArray<WizardProps.Step>;\n  activeStepIndex: number;\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  const stepHeaderRef = useRef<HTMLDivElement | null>(null);\n\n  useEffectOnUpdate(() => {\n    if (stepHeaderRef && stepHeaderRef.current) {\n      stepHeaderRef.current?.focus();\n    }\n  }, [props.activeStepIndex]);\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 stepHeaderRef={stepHeaderRef} __internalRootRef={__internalRootRef} {...props} />\n    </AnalyticsFunnelStep>\n  );\n}\n\nfunction WizardForm({\n  __internalRootRef,\n  stepHeaderRef,\n  steps,\n  activeStepIndex,\n  showCollapsedSteps,\n  i18nStrings,\n  submitButtonText,\n  isPrimaryLoading,\n  allowSkipTo,\n  secondaryActions,\n  onCancelClick,\n  onPreviousClick,\n  onPrimaryClick,\n  onSkipToClick,\n}: WizardFormProps & { stepHeaderRef: MutableRefObject<HTMLDivElement | null> }) {\n  const { title, info, description, content, errorText, isOptional } = steps[activeStepIndex] || {};\n  const isLastStep = activeStepIndex >= steps.length - 1;\n  const skipToTargetIndex = findSkipToTargetIndex(steps, activeStepIndex);\n\n  const { funnelInteractionId, funnelIdentifier } = useFunnel();\n  const { funnelStepProps, stepErrorContext } = useFunnelStep();\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>\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            isLastStep={isLastStep}\n            activeStepIndex={activeStepIndex}\n            skipToStepIndex={skipToTargetIndex}\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/app-layout/split-panel/split-panel-utils.d.ts

@@ -1,12 +0,0 @@
-/**
- * The Split Panel will be in forced (bottom) position if the defined minimum width is
- * greater than the maximum width. In other words, the maximum width is the currently
- * available horizontal space based on all other components that are rendered. If the
- * minimum width exceeds this value then there is not enough horizontal space and we must
- * force it to the bottom position.
- */
-export declare function checkSplitPanelForcedPosition({ isMobile, splitPanelMaxWidth, }: {
-    isMobile: boolean;
-    splitPanelMaxWidth: number;
-}): boolean;
-//# sourceMappingURL=split-panel-utils.d.ts.map

package/app-layout/split-panel/split-panel-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"split-panel-utils.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/split-panel/split-panel-utils.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,QAAQ,EACR,kBAAkB,GACnB,EAAE;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,WAKA"}

package/app-layout/split-panel/split-panel-utils.js

@@ -1,28 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { SPLIT_PANEL_MIN_WIDTH, SPLIT_PANEL_SCROLLBAR_MARGIN } from './constants';
-/**
- * The Split Panel will be in forced (bottom) position if the defined minimum width is
- * greater than the maximum width. In other words, the maximum width is the currently
- * available horizontal space based on all other components that are rendered. If the
- * minimum width exceeds this value then there is not enough horizontal space and we must
- * force it to the bottom position.
- */
-export function checkSplitPanelForcedPosition({ isMobile, splitPanelMaxWidth, }) {
-    if (isMobile) {
-        return true;
-    }
-    return splitPanelMaxWidth < getSplitPanelMinWidth();
-}
-// Returns split panel min width with a margin for document scrollbar.
-// The margin prevents a possible infinite bouncing between bottom and side positions
-// caused by the presence of page's vertical scrollbar when on side position only.
-function getSplitPanelMinWidth() {
-    if (typeof document === 'undefined') {
-        return SPLIT_PANEL_MIN_WIDTH;
-    }
-    const margin = SPLIT_PANEL_SCROLLBAR_MARGIN / 2;
-    const hasScrollbar = window.document.documentElement.scrollHeight > window.document.documentElement.clientHeight;
-    return hasScrollbar ? SPLIT_PANEL_MIN_WIDTH - margin : SPLIT_PANEL_MIN_WIDTH + margin;
-}
-//# sourceMappingURL=split-panel-utils.js.map

package/app-layout/split-panel/split-panel-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"split-panel-utils.js","sourceRoot":"","sources":["../../../../src/app-layout/split-panel/split-panel-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,qBAAqB,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAElF;;;;;;GAMG;AACH,MAAM,UAAU,6BAA6B,CAAC,EAC5C,QAAQ,EACR,kBAAkB,GAInB;IACC,IAAI,QAAQ,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IACD,OAAO,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;AACtD,CAAC;AAED,sEAAsE;AACtE,qFAAqF;AACrF,kFAAkF;AAClF,SAAS,qBAAqB;IAC5B,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QACnC,OAAO,qBAAqB,CAAC;KAC9B;IACD,MAAM,MAAM,GAAG,4BAA4B,GAAG,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;IACjH,OAAO,YAAY,CAAC,CAAC,CAAC,qBAAqB,GAAG,MAAM,CAAC,CAAC,CAAC,qBAAqB,GAAG,MAAM,CAAC;AACxF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { SPLIT_PANEL_MIN_WIDTH, SPLIT_PANEL_SCROLLBAR_MARGIN } from './constants';\n\n/**\n * The Split Panel will be in forced (bottom) position if the defined minimum width is\n * greater than the maximum width. In other words, the maximum width is the currently\n * available horizontal space based on all other components that are rendered. If the\n * minimum width exceeds this value then there is not enough horizontal space and we must\n * force it to the bottom position.\n */\nexport function checkSplitPanelForcedPosition({\n  isMobile,\n  splitPanelMaxWidth,\n}: {\n  isMobile: boolean;\n  splitPanelMaxWidth: number;\n}) {\n  if (isMobile) {\n    return true;\n  }\n  return splitPanelMaxWidth < getSplitPanelMinWidth();\n}\n\n// Returns split panel min width with a margin for document scrollbar.\n// The margin prevents a possible infinite bouncing between bottom and side positions\n// caused by the presence of page's vertical scrollbar when on side position only.\nfunction getSplitPanelMinWidth() {\n  if (typeof document === 'undefined') {\n    return SPLIT_PANEL_MIN_WIDTH;\n  }\n  const margin = SPLIT_PANEL_SCROLLBAR_MARGIN / 2;\n  const hasScrollbar = window.document.documentElement.scrollHeight > window.document.documentElement.clientHeight;\n  return hasScrollbar ? SPLIT_PANEL_MIN_WIDTH - margin : SPLIT_PANEL_MIN_WIDTH + margin;\n}\n"]}

package/collection-preferences/content-display/draggable-option.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { OptionWithVisibility } from './utils';
-export default function DraggableOption({ dragHandleAriaLabel, onKeyDown, onToggle, option, }: {
-    dragHandleAriaLabel?: string;
-    onKeyDown?: (event: React.KeyboardEvent) => void;
-    onToggle: (option: OptionWithVisibility) => void;
-    option: OptionWithVisibility;
-}): JSX.Element;
-//# sourceMappingURL=draggable-option.d.ts.map

package/collection-preferences/content-display/draggable-option.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"draggable-option.d.ts","sourceRoot":"","sources":["../../../../src/collection-preferences/content-display/draggable-option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,mBAAmB,EACnB,SAAS,EACT,QAAQ,EACR,MAAM,GACP,EAAE;IACD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,oBAAoB,CAAC;CAC9B,eAgCA"}

package/collection-preferences/content-display/draggable-option.js

@@ -1,27 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import React from 'react';
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import clsx from 'clsx';
-import ContentDisplayOption, { getClassName } from './content-display-option';
-import styles from '../styles.css.js';
-export default function DraggableOption({ dragHandleAriaLabel, onKeyDown, onToggle, option, }) {
-    const { isDragging, isSorting, listeners, setNodeRef, transform, attributes } = useSortable({
-        id: option.id,
-    });
-    const style = {
-        transform: CSS.Translate.toString(transform),
-    };
-    const combinedListeners = Object.assign(Object.assign({}, listeners), { onKeyDown: (event) => {
-            if (onKeyDown) {
-                onKeyDown(event);
-            }
-            if (listeners === null || listeners === void 0 ? void 0 : listeners.onKeyDown) {
-                listeners.onKeyDown(event);
-            }
-        } });
-    return (React.createElement("li", { className: clsx(getClassName(), isDragging && styles.placeholder, isSorting && styles.sorting), style: style },
-        React.createElement(ContentDisplayOption, { ref: setNodeRef, listeners: combinedListeners, dragHandleAriaLabel: dragHandleAriaLabel, onToggle: onToggle, option: option, disabled: attributes['aria-disabled'] })));
-}
-//# sourceMappingURL=draggable-option.js.map

package/collection-preferences/content-display/draggable-option.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"draggable-option.js","sourceRoot":"","sources":["../../../../src/collection-preferences/content-display/draggable-option.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,oBAAoB,EAAE,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG9E,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,mBAAmB,EACnB,SAAS,EACT,QAAQ,EACR,MAAM,GAMP;IACC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC;QAC1F,EAAE,EAAE,MAAM,CAAC,EAAE;KACd,CAAC,CAAC;IACH,MAAM,KAAK,GAAG;QACZ,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;KAC7C,CAAC;IAEF,MAAM,iBAAiB,mCAClB,SAAS,KACZ,SAAS,EAAE,CAAC,KAA0B,EAAE,EAAE;YACxC,IAAI,SAAS,EAAE;gBACb,SAAS,CAAC,KAAK,CAAC,CAAC;aAClB;YACD,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,EAAE;gBACxB,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;aAC5B;QACH,CAAC,GACF,CAAC;IAEF,OAAO,CACL,4BAAI,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,UAAU,IAAI,MAAM,CAAC,WAAW,EAAE,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK;QAC9G,oBAAC,oBAAoB,IACnB,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,iBAAiB,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAU,CAAC,eAAe,CAAC,GACrC,CACC,CACN,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport clsx from 'clsx';\n\nimport ContentDisplayOption, { getClassName } from './content-display-option';\nimport { OptionWithVisibility } from './utils';\n\nimport styles from '../styles.css.js';\n\nexport default function DraggableOption({\n  dragHandleAriaLabel,\n  onKeyDown,\n  onToggle,\n  option,\n}: {\n  dragHandleAriaLabel?: string;\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n  onToggle: (option: OptionWithVisibility) => void;\n  option: OptionWithVisibility;\n}) {\n  const { isDragging, isSorting, listeners, setNodeRef, transform, attributes } = useSortable({\n    id: option.id,\n  });\n  const style = {\n    transform: CSS.Translate.toString(transform),\n  };\n\n  const combinedListeners = {\n    ...listeners,\n    onKeyDown: (event: React.KeyboardEvent) => {\n      if (onKeyDown) {\n        onKeyDown(event);\n      }\n      if (listeners?.onKeyDown) {\n        listeners.onKeyDown(event);\n      }\n    },\n  };\n\n  return (\n    <li className={clsx(getClassName(), isDragging && styles.placeholder, isSorting && styles.sorting)} style={style}>\n      <ContentDisplayOption\n        ref={setNodeRef}\n        listeners={combinedListeners}\n        dragHandleAriaLabel={dragHandleAriaLabel}\n        onToggle={onToggle}\n        option={option}\n        disabled={attributes['aria-disabled']}\n      />\n    </li>\n  );\n}\n"]}

package/collection-preferences/content-display/keyboard-sensor/defaults.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../../src/collection-preferences/content-display/keyboard-sensor/defaults.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgB,aAAa,EAAE,MAAM,eAAe,CAAC;AAE5D,eAAO,MAAM,oBAAoB,EAAE,aAIlC,CAAC"}

package/collection-preferences/content-display/keyboard-sensor/defaults.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/collection-preferences/content-display/keyboard-sensor/defaults.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,YAAY,EAAiB,MAAM,eAAe,CAAC;AAE5D,MAAM,CAAC,MAAM,oBAAoB,GAAkB;IACjD,KAAK,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;IAC/C,MAAM,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;IAC1B,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;CAC9C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { KeyboardCode, KeyboardCodes } from '@dnd-kit/core';\n\nexport const defaultKeyboardCodes: KeyboardCodes = {\n  start: [KeyboardCode.Space, KeyboardCode.Enter],\n  cancel: [KeyboardCode.Esc],\n  end: [KeyboardCode.Space, KeyboardCode.Enter],\n};\n"]}

package/collection-preferences/content-display/keyboard-sensor/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/collection-preferences/content-display/keyboard-sensor/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAyB3E,qBAAa,cAAe,YAAW,cAAc;IAMvC,OAAO,CAAC,KAAK;IALlB,iBAAiB,UAAS;IACjC,OAAO,CAAC,oBAAoB,CAA0B;IACtD,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,eAAe,CAAY;gBAEf,KAAK,EAAE,mBAAmB;IAc9C,OAAO,CAAC,MAAM;IAYd,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,aAAa;IA8CrB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,MAAM;IAQd,MAAM,CAAC,UAAU,EAAE,UAAU,CAAC,qBAAqB,CAAC,CAuBlD;CACH"}