@cloudscape-design/components-themeable 3.0.976 → 3.0.977

package/lib/internal/template/internal/components/selectable-item/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_selectable-item_15o6u_2z7dj_145:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-body-default-1tki40, #16191f);
@@ -164,17 +164,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: calc(var(--space-xxs-jnczic, 4px) + var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
   padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_pad-bottom_15o6u_2z7dj_167:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_pad-bottom_15o6u_1ppzm_167:not(#\9) {
   padding-block-end: calc(calc(var(--space-xxs-jnczic, 4px) + var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) + var(--space-xxxs-3w1kr2, 2px));
   border-block-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_2z7dj_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_2z7dj_145.awsui_virtual_15o6u_2z7dj_171:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_1ppzm_145.awsui_virtual_15o6u_1ppzm_171:not(#\9) {
   margin-block-start: calc(-1 * var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_has-background_15o6u_2z7dj_174:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_has-background_15o6u_1ppzm_174:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-8liz26, #f2f3f3);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_highlighted_15o6u_2z7dj_177:not(#\9), .awsui_selectable-item_15o6u_2z7dj_145.awsui_selected_15o6u_2z7dj_177:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_highlighted_15o6u_1ppzm_177:not(#\9), .awsui_selectable-item_15o6u_1ppzm_145.awsui_selected_15o6u_1ppzm_177:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-c6ndhl, #16191f);
   border-width: var(--border-item-width-acvlhx, 1px);
   border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
@@ -184,122 +184,135 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-jnczic, 4px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_highlighted_15o6u_2z7dj_177.awsui_pad-bottom_15o6u_2z7dj_167:not(#\9), .awsui_selectable-item_15o6u_2z7dj_145.awsui_selected_15o6u_2z7dj_177.awsui_pad-bottom_15o6u_2z7dj_167:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_highlighted_15o6u_1ppzm_177.awsui_pad-bottom_15o6u_1ppzm_167:not(#\9), .awsui_selectable-item_15o6u_1ppzm_145.awsui_selected_15o6u_1ppzm_177.awsui_pad-bottom_15o6u_1ppzm_167:not(#\9) {
   padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px));
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_highlighted_15o6u_2z7dj_177:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_highlighted_15o6u_1ppzm_177:not(#\9) {
   z-index: 3;
   background-color: var(--color-background-dropdown-item-hover-8liz26, #f2f3f3);
   border-color: var(--color-border-dropdown-item-hover-4796ds, #879596);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_highlighted_15o6u_2z7dj_177.awsui_disabled_15o6u_2z7dj_195:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_highlighted_15o6u_1ppzm_177.awsui_disabled_15o6u_1ppzm_195:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-7akr3u, #aab7b8);
   border-color: var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-2hwvu9, transparent);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_selected_15o6u_2z7dj_177:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_highlighted_15o6u_1ppzm_177.awsui_is-keyboard_15o6u_1ppzm_200:not(#\9) {
+  border-color: var(--color-border-dropdown-item-focused-am1kt4, #0073bb);
+}
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_highlighted_15o6u_1ppzm_177.awsui_is-keyboard_15o6u_1ppzm_200:not(#\9):not(.awsui_visual-refresh_15o6u_1ppzm_203) {
+  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-vx5mpq, #0073bb);
+}
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_selected_15o6u_1ppzm_177:not(#\9) {
   z-index: 2;
   background-color: var(--color-background-dropdown-item-selected-rknjid, #f1faff);
   border-color: var(--color-border-dropdown-item-selected-i0krgy, #eaeded);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_selected_15o6u_2z7dj_177.awsui_next-item-selected_15o6u_2z7dj_205:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_selected_15o6u_1ppzm_177.awsui_next-item-selected_15o6u_1ppzm_211:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_selected_15o6u_2z7dj_177.awsui_highlighted_15o6u_2z7dj_177:not(#\9) {
-  border-color: var(--color-border-dropdown-item-hover-4796ds, #879596);
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_selected_15o6u_1ppzm_177.awsui_highlighted_15o6u_1ppzm_177:not(#\9) {
+  border-color: var(--color-border-dropdown-item-selected-i0krgy, #eaeded);
   z-index: 3;
+  outline: var(--border-item-width-acvlhx, 1px) solid var(--color-border-dropdown-item-hover-4796ds, #879596);
+  outline-offset: calc(-2 * var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_selected_15o6u_2z7dj_177 + .awsui_selectable-item_15o6u_2z7dj_145.awsui_selected_15o6u_2z7dj_177:not(#\9) {
-  border-start-start-radius: 0;
-  border-start-end-radius: 0;
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_selected_15o6u_1ppzm_177.awsui_highlighted_15o6u_1ppzm_177.awsui_is-keyboard_15o6u_1ppzm_200:not(#\9) {
+  border-color: var(--color-border-dropdown-item-selected-i0krgy, #eaeded);
+  outline-color: var(--color-border-dropdown-item-focused-am1kt4, #0073bb);
+}
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_selected_15o6u_1ppzm_177.awsui_highlighted_15o6u_1ppzm_177:not(#\9):not(.awsui_visual-refresh_15o6u_1ppzm_203) {
+  border-color: var(--color-border-dropdown-item-hover-4796ds, #879596);
+  outline: none;
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_highlighted_15o6u_2z7dj_177.awsui_is-keyboard_15o6u_2z7dj_217:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_selected_15o6u_1ppzm_177.awsui_highlighted_15o6u_1ppzm_177:not(#\9):not(.awsui_visual-refresh_15o6u_1ppzm_203).awsui_is-keyboard_15o6u_1ppzm_200 {
   border-color: var(--color-border-dropdown-item-focused-am1kt4, #0073bb);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_highlighted_15o6u_2z7dj_177.awsui_is-keyboard_15o6u_2z7dj_217:not(#\9):not(.awsui_visual-refresh_15o6u_2z7dj_220) {
-  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-vx5mpq, #0073bb);
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_selected_15o6u_1ppzm_177 + .awsui_selectable-item_15o6u_1ppzm_145.awsui_selected_15o6u_1ppzm_177:not(#\9) {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_parent_15o6u_2z7dj_223:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_parent_15o6u_1ppzm_236:not(#\9) {
   font-weight: bold;
   color: var(--color-text-dropdown-group-label-8bba32, #545b64);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_parent_15o6u_2z7dj_223:not(#\9):not(.awsui_interactiveGroups_15o6u_2z7dj_227) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_parent_15o6u_1ppzm_236:not(#\9):not(.awsui_interactiveGroups_15o6u_1ppzm_240) {
   border-block-start-color: var(--color-border-dropdown-group-dxavhr, #eaeded);
   padding-block: var(--space-xs-kw7k3v, 8px);
   padding-inline: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_parent_15o6u_2z7dj_223.awsui_interactiveGroups_15o6u_2z7dj_227:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_parent_15o6u_1ppzm_236.awsui_interactiveGroups_15o6u_1ppzm_240:not(#\9) {
   padding-block: calc(var(--space-xs-kw7k3v, 8px) + var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
   padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_parent_15o6u_2z7dj_223.awsui_interactiveGroups_15o6u_2z7dj_227.awsui_highlighted_15o6u_2z7dj_177:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_parent_15o6u_1ppzm_236.awsui_interactiveGroups_15o6u_1ppzm_240.awsui_highlighted_15o6u_1ppzm_177:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-c6ndhl, #16191f);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_parent_15o6u_2z7dj_223.awsui_interactiveGroups_15o6u_2z7dj_227.awsui_highlighted_15o6u_2z7dj_177:not(#\9), .awsui_selectable-item_15o6u_2z7dj_145.awsui_parent_15o6u_2z7dj_223.awsui_interactiveGroups_15o6u_2z7dj_227.awsui_selected_15o6u_2z7dj_177:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_parent_15o6u_1ppzm_236.awsui_interactiveGroups_15o6u_1ppzm_240.awsui_highlighted_15o6u_1ppzm_177:not(#\9), .awsui_selectable-item_15o6u_1ppzm_145.awsui_parent_15o6u_1ppzm_236.awsui_interactiveGroups_15o6u_1ppzm_240.awsui_selected_15o6u_1ppzm_177:not(#\9) {
   padding-block: var(--space-xs-kw7k3v, 8px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_child_15o6u_2z7dj_243:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_child_15o6u_1ppzm_256:not(#\9) {
   padding-inline-start: calc(var(--space-xxl-q0lyvp, 32px) + var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_child_15o6u_2z7dj_243.awsui_highlighted_15o6u_2z7dj_177:not(#\9), .awsui_selectable-item_15o6u_2z7dj_145.awsui_child_15o6u_2z7dj_243.awsui_selected_15o6u_2z7dj_177:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_child_15o6u_1ppzm_256.awsui_highlighted_15o6u_1ppzm_177:not(#\9), .awsui_selectable-item_15o6u_1ppzm_145.awsui_child_15o6u_1ppzm_256.awsui_selected_15o6u_1ppzm_177:not(#\9) {
   padding-inline-start: var(--space-xxl-q0lyvp, 32px);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_sticky_15o6u_1ppzm_262:not(#\9) {
   position: sticky;
   inset-block-start: 0;
   margin-block-end: calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
   z-index: 4;
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(#\9):not(.awsui_highlighted_15o6u_2z7dj_177):not(.awsui_selected_15o6u_2z7dj_177) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_sticky_15o6u_1ppzm_262:not(#\9):not(.awsui_highlighted_15o6u_1ppzm_177):not(.awsui_selected_15o6u_1ppzm_177) {
   border-inline-start-width: var(--border-item-width-acvlhx, 1px);
   border-inline-start-color: var(--color-border-dropdown-container-eiy251, transparent);
   border-inline-end-color: var(--color-border-dropdown-container-eiy251, transparent);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(#\9):not(.awsui_highlighted_15o6u_2z7dj_177):not(.awsui_selected_15o6u_2z7dj_177):not(.awsui_with-scrollbar_15o6u_2z7dj_261) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_sticky_15o6u_1ppzm_262:not(#\9):not(.awsui_highlighted_15o6u_1ppzm_177):not(.awsui_selected_15o6u_1ppzm_177):not(.awsui_with-scrollbar_15o6u_1ppzm_274) {
   border-inline-end-width: var(--border-item-width-acvlhx, 1px);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(#\9):not(.awsui_highlighted_15o6u_2z7dj_177):not(.awsui_selected_15o6u_2z7dj_177).awsui_with-scrollbar_15o6u_2z7dj_261 {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_sticky_15o6u_1ppzm_262:not(#\9):not(.awsui_highlighted_15o6u_1ppzm_177):not(.awsui_selected_15o6u_1ppzm_177).awsui_with-scrollbar_15o6u_1ppzm_274 {
   border-inline-end-width: 0;
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(#\9):not(.awsui_highlighted_15o6u_2z7dj_177):not(.awsui_selected_15o6u_2z7dj_177):not(.awsui_after-header_15o6u_2z7dj_267) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_sticky_15o6u_1ppzm_262:not(#\9):not(.awsui_highlighted_15o6u_1ppzm_177):not(.awsui_selected_15o6u_1ppzm_177):not(.awsui_after-header_15o6u_1ppzm_280) {
   border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(#\9):not(.awsui_highlighted_15o6u_2z7dj_177):not(.awsui_selected_15o6u_2z7dj_177):not(.awsui_after-header_15o6u_2z7dj_267):not(.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(.awsui_highlighted_15o6u_2z7dj_177):not(.awsui_selected_15o6u_2z7dj_177):not(.awsui_after-header_15o6u_2z7dj_267).awsui_with-scrollbar_15o6u_2z7dj_261) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_sticky_15o6u_1ppzm_262:not(#\9):not(.awsui_highlighted_15o6u_1ppzm_177):not(.awsui_selected_15o6u_1ppzm_177):not(.awsui_after-header_15o6u_1ppzm_280):not(.awsui_selectable-item_15o6u_1ppzm_145.awsui_sticky_15o6u_1ppzm_262:not(.awsui_highlighted_15o6u_1ppzm_177):not(.awsui_selected_15o6u_1ppzm_177):not(.awsui_after-header_15o6u_1ppzm_280).awsui_with-scrollbar_15o6u_1ppzm_274) {
   border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(#\9):not(.awsui_highlighted_15o6u_2z7dj_177):not(.awsui_selected_15o6u_2z7dj_177).awsui_after-header_15o6u_2z7dj_267 {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_sticky_15o6u_1ppzm_262:not(#\9):not(.awsui_highlighted_15o6u_1ppzm_177):not(.awsui_selected_15o6u_1ppzm_177).awsui_after-header_15o6u_1ppzm_280 {
   border-block-start-color: var(--color-background-dropdown-item-default-79esq0, #ffffff);
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249.awsui_disabled_15o6u_2z7dj_195.awsui_highlighted_15o6u_2z7dj_177:not(#\9), .awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249.awsui_disabled_15o6u_2z7dj_195.awsui_selected_15o6u_2z7dj_177:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_sticky_15o6u_1ppzm_262.awsui_disabled_15o6u_1ppzm_195.awsui_highlighted_15o6u_1ppzm_177:not(#\9), .awsui_selectable-item_15o6u_1ppzm_145.awsui_sticky_15o6u_1ppzm_262.awsui_disabled_15o6u_1ppzm_195.awsui_selected_15o6u_1ppzm_177:not(#\9) {
   border-block-end-color: transparent;
   border-block-start-color: transparent;
   border-inline-start-color: transparent;
   border-inline-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_disabled_15o6u_2z7dj_195:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_disabled_15o6u_1ppzm_195:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-g8nr7t, #aab7b8);
 }
-.awsui_selectable-item_15o6u_2z7dj_145:not(#\9):not(.awsui_disabled_15o6u_2z7dj_195):not(.awsui_parent_15o6u_2z7dj_223) {
+.awsui_selectable-item_15o6u_1ppzm_145:not(#\9):not(.awsui_disabled_15o6u_1ppzm_195):not(.awsui_parent_15o6u_1ppzm_236) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_interactiveGroups_15o6u_2z7dj_227:not(#\9):not(.awsui_disabled_15o6u_2z7dj_195) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_interactiveGroups_15o6u_1ppzm_240:not(#\9):not(.awsui_disabled_15o6u_1ppzm_195) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_virtual_15o6u_2z7dj_171:not(#\9) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_virtual_15o6u_1ppzm_171:not(#\9) {
   position: absolute;
   inset-block-start: var(--border-dropdown-virtual-offset-width-1fzwg5, 0px);
   inset-inline-start: 0;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_2z7dj_145.awsui_virtual_15o6u_2z7dj_171:not(#\9):first-of-type:not(.awsui_selected_15o6u_2z7dj_177, .awsui_highlighted_15o6u_2z7dj_177) {
+.awsui_selectable-item_15o6u_1ppzm_145.awsui_virtual_15o6u_1ppzm_171:not(#\9):first-of-type:not(.awsui_selected_15o6u_1ppzm_177, .awsui_highlighted_15o6u_1ppzm_177) {
   border-block-start-color: var(--color-border-dropdown-item-top-znzfoj, #eaeded);
 }
 
-.awsui_measure-strut_15o6u_2z7dj_302:not(#\9) {
+.awsui_measure-strut_15o6u_1ppzm_315:not(#\9) {
   position: absolute;
   pointer-events: none;
   block-size: 100%;
@@ -308,20 +321,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   padding-block-start: var(--border-divider-list-width-8ggz94, 1px);
 }
-.awsui_measure-strut-first_15o6u_2z7dj_311:not(#\9) {
+.awsui_measure-strut-first_15o6u_1ppzm_324:not(#\9) {
   padding-block-end: var(--border-divider-list-width-8ggz94, 1px);
 }
 
-.awsui_screenreader-content_15o6u_2z7dj_315:not(#\9) {
+.awsui_screenreader-content_15o6u_1ppzm_328:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_option-content_15o6u_2z7dj_321:not(#\9) {
+.awsui_option-content_15o6u_1ppzm_334:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_select-all_15o6u_2z7dj_325:not(#\9) {
+.awsui_select-all_15o6u_1ppzm_338:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/internal/components/selectable-item/styles.selectors.js

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_2z7dj_145",
-  "pad-bottom": "awsui_pad-bottom_15o6u_2z7dj_167",
-  "virtual": "awsui_virtual_15o6u_2z7dj_171",
-  "has-background": "awsui_has-background_15o6u_2z7dj_174",
-  "highlighted": "awsui_highlighted_15o6u_2z7dj_177",
-  "selected": "awsui_selected_15o6u_2z7dj_177",
-  "disabled": "awsui_disabled_15o6u_2z7dj_195",
-  "next-item-selected": "awsui_next-item-selected_15o6u_2z7dj_205",
-  "is-keyboard": "awsui_is-keyboard_15o6u_2z7dj_217",
-  "visual-refresh": "awsui_visual-refresh_15o6u_2z7dj_220",
-  "parent": "awsui_parent_15o6u_2z7dj_223",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_2z7dj_227",
-  "child": "awsui_child_15o6u_2z7dj_243",
-  "sticky": "awsui_sticky_15o6u_2z7dj_249",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_2z7dj_261",
-  "after-header": "awsui_after-header_15o6u_2z7dj_267",
-  "measure-strut": "awsui_measure-strut_15o6u_2z7dj_302",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_2z7dj_311",
-  "screenreader-content": "awsui_screenreader-content_15o6u_2z7dj_315",
-  "option-content": "awsui_option-content_15o6u_2z7dj_321",
-  "select-all": "awsui_select-all_15o6u_2z7dj_325"
+  "selectable-item": "awsui_selectable-item_15o6u_1ppzm_145",
+  "pad-bottom": "awsui_pad-bottom_15o6u_1ppzm_167",
+  "virtual": "awsui_virtual_15o6u_1ppzm_171",
+  "has-background": "awsui_has-background_15o6u_1ppzm_174",
+  "highlighted": "awsui_highlighted_15o6u_1ppzm_177",
+  "selected": "awsui_selected_15o6u_1ppzm_177",
+  "disabled": "awsui_disabled_15o6u_1ppzm_195",
+  "is-keyboard": "awsui_is-keyboard_15o6u_1ppzm_200",
+  "visual-refresh": "awsui_visual-refresh_15o6u_1ppzm_203",
+  "next-item-selected": "awsui_next-item-selected_15o6u_1ppzm_211",
+  "parent": "awsui_parent_15o6u_1ppzm_236",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_1ppzm_240",
+  "child": "awsui_child_15o6u_1ppzm_256",
+  "sticky": "awsui_sticky_15o6u_1ppzm_262",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_1ppzm_274",
+  "after-header": "awsui_after-header_15o6u_1ppzm_280",
+  "measure-strut": "awsui_measure-strut_15o6u_1ppzm_315",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_1ppzm_324",
+  "screenreader-content": "awsui_screenreader-content_15o6u_1ppzm_328",
+  "option-content": "awsui_option-content_15o6u_1ppzm_334",
+  "select-all": "awsui_select-all_15o6u_1ppzm_338"
 };
   

package/lib/internal/template/internal/do-not-use/drag-handle.d.ts

@@ -0,0 +1,5 @@
+import useInternalDragHandleInteractionState, { UseDragHandleInteractionStateProps as UseInternalDragHandleInteractionStateProps } from '../components/drag-handle/hooks/use-drag-handle-interaction-state';
+import InternalDragHandle, { DragHandleProps as InternalDragHandleProps } from '../components/drag-handle/index.js';
+export type { InternalDragHandleProps, UseInternalDragHandleInteractionStateProps };
+export { InternalDragHandle, useInternalDragHandleInteractionState };
+//# sourceMappingURL=drag-handle.d.ts.map

package/lib/internal/template/internal/do-not-use/drag-handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-handle.d.ts","sourceRoot":"","sources":["../../../../src/internal/do-not-use/drag-handle.ts"],"names":[],"mappings":"AAGA,OAAO,qCAAqC,EAAE,EAC5C,kCAAkC,IAAI,0CAA0C,EACjF,MAAM,mEAAmE,CAAC;AAC3E,OAAO,kBAAkB,EAAE,EAAE,eAAe,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAEpH,YAAY,EAAE,uBAAuB,EAAE,0CAA0C,EAAE,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,qCAAqC,EAAE,CAAC"}

package/lib/internal/template/internal/do-not-use/drag-handle.js

@@ -0,0 +1,6 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import useInternalDragHandleInteractionState from '../components/drag-handle/hooks/use-drag-handle-interaction-state';
+import InternalDragHandle from '../components/drag-handle/index.js';
+export { InternalDragHandle, useInternalDragHandleInteractionState };
+//# sourceMappingURL=drag-handle.js.map

package/lib/internal/template/internal/do-not-use/drag-handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-handle.js","sourceRoot":"","sources":["../../../../src/internal/do-not-use/drag-handle.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,qCAEN,MAAM,mEAAmE,CAAC;AAC3E,OAAO,kBAAkE,MAAM,oCAAoC,CAAC;AAGpH,OAAO,EAAE,kBAAkB,EAAE,qCAAqC,EAAE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport useInternalDragHandleInteractionState, {\n  UseDragHandleInteractionStateProps as UseInternalDragHandleInteractionStateProps,\n} from '../components/drag-handle/hooks/use-drag-handle-interaction-state';\nimport InternalDragHandle, { DragHandleProps as InternalDragHandleProps } from '../components/drag-handle/index.js';\n\nexport type { InternalDragHandleProps, UseInternalDragHandleInteractionStateProps };\nexport { InternalDragHandle, useInternalDragHandleInteractionState };\n"]}

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

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

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

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (955ec7c6)",
+  "PACKAGE_VERSION": "3.0.0 (a9dee87a)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/package.json

@@ -18,6 +18,7 @@
     "./internal/do-not-use/expandable-section": "./internal/do-not-use/expandable-section.js",
     "./internal/do-not-use/i18n": "./internal/do-not-use/i18n.js",
     "./internal/do-not-use/tooltip": "./internal/do-not-use/tooltip.js",
+    "./internal/do-not-use/drag-handle": "./internal/do-not-use/drag-handle.js",
     "./internal/widget-exports": "./internal/widget-exports.js",
     "./test-utils/dom/internal/tooltip": "./test-utils/dom/internal/tooltip.js",
     "./test-utils/selectors/internal/tooltip": "./test-utils/selectors/internal/tooltip.js",

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FlowType } from '../internal/analytics/interfaces';
+import { ErrorContext, FlowType } from '../internal/analytics/interfaces';
 import { BaseComponentProps } from '../internal/base-component';
 import { NonCancelableEventHandler } from '../internal/events';
 export declare namespace WizardProps {
@@ -7,6 +7,7 @@ export declare namespace WizardProps {
         instanceIdentifier?: string;
         flowType?: FlowType;
         resourceType?: string;
+        errorContext?: ErrorContext;
     }
 }
 export interface WizardProps extends BaseComponentProps {
@@ -117,6 +118,7 @@ export interface WizardProps extends BaseComponentProps {
 export declare namespace WizardProps {
     interface StepAnalyticsMetadata {
         instanceIdentifier?: string;
+        errorContext?: ErrorContext;
     }
     interface Step {
         title: string;

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/wizard/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,yBAAiB,WAAW,CAAC;IAC3B,UAAiB,iBAAiB;QAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB;CACF;AAED,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC;IAElD;;;;;;;;;;;;;;OAcG;IACH,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEvC;;;;;;;;;;OAUG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC;IAEtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;CACpE;AAED,yBAAiB,WAAW,CAAC;IAC3B,UAAiB,qBAAqB;QACpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;IACD,UAAiB,IAAI;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;KAC3C;IAED,UAAiB,WAAW;QAC1B;;WAEG;QACH,YAAY,CAAC,EAAE,MAAM,CAAC;QAEtB,eAAe,CAAC,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;QAC7C,mBAAmB,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;QACrE,iBAAiB,CAAC,CAAC,UAAU,EAAE,WAAW,CAAC,IAAI,EAAE,gBAAgB,EAAE,MAAM,GAAG,MAAM,CAAC;QACnF,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,6BAA6B,CAAC,EAAE,MAAM,CAAC;QACvC,+BAA+B,CAAC,EAAE,MAAM,CAAC;KAC1C;IAED,UAAiB,cAAc;QAC7B,kBAAkB,EAAE,MAAM,CAAC;QAC3B,MAAM,EAAE,WAAW,CAAC,gBAAgB,CAAC;KACtC;IAED,KAAY,gBAAgB,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;CACtE"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/wizard/interfaces.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/wizard/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { FlowType } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace WizardProps {\n  export interface AnalyticsMetadata {\n    instanceIdentifier?: string;\n    flowType?: FlowType;\n    resourceType?: string;\n  }\n}\n\nexport interface WizardProps extends BaseComponentProps {\n  /**\n   * Specifies additional analytics-related metadata.\n   * * `instanceIdentifier` - A unique string that identifies this component instance in your application.\n   * * `flowType` - Identifies the type of flow represented by the component.\n   * * `resourceType` - Identifies the type of resource represented by the flow. **Note:** This API is currently experimental.\n   * @analytics\n   */\n  analyticsMetadata?: WizardProps.AnalyticsMetadata;\n\n  /**\n   * Array of step objects. Each object represents a step in the wizard with the following properties:\n   *\n   * - `title` (string) - Text that's displayed as the title in the navigation pane and form header.\n   * - `info` (ReactNode) - (Optional) Area for a page level info link that's displayed in the form header.\n   *    The page level info link should trigger the default help panel content for the step. Use the [link component](/components/link/) to display the link.\n   * - `description` (ReactNode) - (Optional) Area below the form header for a page level description text to further explain the purpose, goal, or main actions of the step.\n   * - `content` (ReactNode) - Main content area to display form sections, form fields, and controls.\n   * - `errorText` (ReactNode) - (Optional) Error text that's displayed in a page level error alert.\n   *    Use this for rendering actionable server-side validation failure messages.\n   * - `isOptional` (boolean) - Specifies whether the step is optional or required. If set to `true`, the text from `i18nStrings.optional`\n   *    is rendered next to the `title` in the navigation step label and the form header title.\n   * - `analyticsMetadata` (WizardProps.StepAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.\n   * @analytics\n   */\n  steps: ReadonlyArray<WizardProps.Step>;\n\n  /**\n   * Index of the step that's currently displayed. The first step has an index of zero (0).\n   *\n   * If you don't set this property, the component starts on the first step and switches step automatically\n   * when a user navigates using the buttons or an enabled step link in the navigation pane (that is, uncontrolled behavior).\n   *\n   * If you provide a value for this property, you must also set an `onNavigate` listener to update the property when\n   * a user navigates (that is, controlled behavior).\n   *\n   * If you set it to a value that exceeds the maximum value (that is, the number of steps minus 1), its value is ignored and the component uses the maximum value.\n   */\n  activeStepIndex?: number;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   *\n   * - `stepNumberLabel` ((stepNumber: number) => string) - A function that accepts a number (1-based indexing),\n   *    and returns a human-readable, localized string displaying the step number in the navigation pane. For example, \"Step 1\" or \"Step 2\".\n   * - `collapsedStepsLabel` ((stepNumber: number, stepsCount: number) => string) - A function that accepts two number parameters (1-based indexing),\n   *    and returns a string responsible for the navigation summary on smaller screens. For example, \"Step 1 of 3\". The parameters are as follows:\n   *    - `stepNumber` (number) - The step number that the user is currently on.\n   *    - `stepsCount` (number) - The total number of steps in the wizard.\n   * - `skipToButtonLabel`: ((targetStep: WizardProps.Step, targetStepNumber: number) => string) - An optional function that accepts the target step object\n   *    and the target step number (1-based indexing), and returns a string to be used as the *skip-to* button label. For example, \"Skip to Step 2\" or \"Skip to end\".\n   * - `navigationAriaLabel` (string) - The aria label for the navigation pane.\n   * - `cancelButton` (string) - The text of the button that enables the user to exit the flow.\n   * - `previousButton` (string) - The text of the button that enables the user to return to the previous step.\n   * - `nextButton` (string) - The text of the button that enables the user to move to the next step.\n   * - `submitButton` (string) - The text of the button that enables the user to submit the form. **Deprecated**, replaced by the `submitButtonText` component property. `submitButton` is not supported by the I18nProvider.\n   * - `optional` (string) - The text displayed next to the step title and form header title when a step is declared optional.\n   * - `nextButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *next* button is in a loading state.\n   * - `submitButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *submit* button is in a loading state.\n   * @i18n\n   */\n  i18nStrings?: WizardProps.I18nStrings;\n\n  /**\n   * The text of the button that enables the user to submit the form.\n   */\n  submitButtonText?: string;\n\n  /**\n   * Renders the *next* or *submit* button in a loading state.\n   *\n   * Use this if you need to wait for a response from the server before the user can proceed to the next step, such as during server-side validation or retrieving the next step's information.\n   */\n  isLoadingNextStep?: boolean;\n\n  /**\n   * When set to `false`, the *skip-to* button is never shown.\n   * When set to `true`, the *skip-to* button may appear to offer faster navigation for the user.\n   *\n   * The *skip-to* button only allows to skip optional steps. It is shown when there is one or more optional\n   * steps ahead having no required steps in-between.\n   *\n   * Note: the *skip-to* button requires the function i18nStrings.skipToButtonLabel to be defined.\n   *\n   * Defaults to `false`.\n   */\n  allowSkipTo?: boolean;\n\n  /**\n   * Specifies left-aligned secondary actions for the wizard. Use a button dropdown if multiple actions are required.\n   */\n  secondaryActions?: React.ReactNode;\n\n  /**\n   * Called when a user clicks the *cancel* button.\n   * If a user has entered data in the form, you should prompt the user with a modal before exiting the wizard flow.\n   */\n  onCancel?: NonCancelableEventHandler;\n\n  /**\n   * Called when a user clicks the *submit* button.\n   */\n  onSubmit?: NonCancelableEventHandler;\n\n  /**\n   * Called when a user clicks the *next* button, the *previous* button, or an enabled step link in the navigation pane.\n   *\n   * The event `detail` includes the following:\n   * - `requestedStepIndex` - The index of the requested step.\n   * - `reason` - The user action that triggered the navigation event. It can be `next` (when the user clicks the *next* button),\n   * `previous` (when the user clicks the *previous* button), `step` (an enabled step link in the navigation pane),\n   * or `skip` (when navigated using navigation pane or the *skip-to* button to the previously unvisited step).\n   */\n  onNavigate?: NonCancelableEventHandler<WizardProps.NavigateDetail>;\n}\n\nexport namespace WizardProps {\n  export interface StepAnalyticsMetadata {\n    instanceIdentifier?: string;\n  }\n  export interface Step {\n    title: string;\n    info?: React.ReactNode;\n    description?: React.ReactNode;\n    content: React.ReactNode;\n    errorText?: React.ReactNode;\n    isOptional?: boolean;\n    analyticsMetadata?: StepAnalyticsMetadata;\n  }\n\n  export interface I18nStrings {\n    /**\n     * @deprecated Use `submitButtonText` on the component instead.\n     */\n    submitButton?: string;\n\n    stepNumberLabel?(stepNumber: number): string;\n    collapsedStepsLabel?(stepNumber: number, stepsCount: number): string;\n    skipToButtonLabel?(targetStep: WizardProps.Step, targetStepNumber: number): string;\n    navigationAriaLabel?: string;\n    errorIconAriaLabel?: string;\n    cancelButton?: string;\n    previousButton?: string;\n    nextButton?: string;\n    optional?: string;\n    nextButtonLoadingAnnouncement?: string;\n    submitButtonLoadingAnnouncement?: string;\n  }\n\n  export interface NavigateDetail {\n    requestedStepIndex: number;\n    reason: WizardProps.NavigationReason;\n  }\n\n  export type NavigationReason = 'next' | 'previous' | 'step' | 'skip';\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/wizard/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ErrorContext, FlowType } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace WizardProps {\n  export interface AnalyticsMetadata {\n    instanceIdentifier?: string;\n    flowType?: FlowType;\n    resourceType?: string;\n    errorContext?: ErrorContext;\n  }\n}\n\nexport interface WizardProps extends BaseComponentProps {\n  /**\n   * Specifies additional analytics-related metadata.\n   * * `instanceIdentifier` - A unique string that identifies this component instance in your application.\n   * * `flowType` - Identifies the type of flow represented by the component.\n   * * `resourceType` - Identifies the type of resource represented by the flow. **Note:** This API is currently experimental.\n   * @analytics\n   */\n  analyticsMetadata?: WizardProps.AnalyticsMetadata;\n\n  /**\n   * Array of step objects. Each object represents a step in the wizard with the following properties:\n   *\n   * - `title` (string) - Text that's displayed as the title in the navigation pane and form header.\n   * - `info` (ReactNode) - (Optional) Area for a page level info link that's displayed in the form header.\n   *    The page level info link should trigger the default help panel content for the step. Use the [link component](/components/link/) to display the link.\n   * - `description` (ReactNode) - (Optional) Area below the form header for a page level description text to further explain the purpose, goal, or main actions of the step.\n   * - `content` (ReactNode) - Main content area to display form sections, form fields, and controls.\n   * - `errorText` (ReactNode) - (Optional) Error text that's displayed in a page level error alert.\n   *    Use this for rendering actionable server-side validation failure messages.\n   * - `isOptional` (boolean) - Specifies whether the step is optional or required. If set to `true`, the text from `i18nStrings.optional`\n   *    is rendered next to the `title` in the navigation step label and the form header title.\n   * - `analyticsMetadata` (WizardProps.StepAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.\n   * @analytics\n   */\n  steps: ReadonlyArray<WizardProps.Step>;\n\n  /**\n   * Index of the step that's currently displayed. The first step has an index of zero (0).\n   *\n   * If you don't set this property, the component starts on the first step and switches step automatically\n   * when a user navigates using the buttons or an enabled step link in the navigation pane (that is, uncontrolled behavior).\n   *\n   * If you provide a value for this property, you must also set an `onNavigate` listener to update the property when\n   * a user navigates (that is, controlled behavior).\n   *\n   * If you set it to a value that exceeds the maximum value (that is, the number of steps minus 1), its value is ignored and the component uses the maximum value.\n   */\n  activeStepIndex?: number;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   *\n   * - `stepNumberLabel` ((stepNumber: number) => string) - A function that accepts a number (1-based indexing),\n   *    and returns a human-readable, localized string displaying the step number in the navigation pane. For example, \"Step 1\" or \"Step 2\".\n   * - `collapsedStepsLabel` ((stepNumber: number, stepsCount: number) => string) - A function that accepts two number parameters (1-based indexing),\n   *    and returns a string responsible for the navigation summary on smaller screens. For example, \"Step 1 of 3\". The parameters are as follows:\n   *    - `stepNumber` (number) - The step number that the user is currently on.\n   *    - `stepsCount` (number) - The total number of steps in the wizard.\n   * - `skipToButtonLabel`: ((targetStep: WizardProps.Step, targetStepNumber: number) => string) - An optional function that accepts the target step object\n   *    and the target step number (1-based indexing), and returns a string to be used as the *skip-to* button label. For example, \"Skip to Step 2\" or \"Skip to end\".\n   * - `navigationAriaLabel` (string) - The aria label for the navigation pane.\n   * - `cancelButton` (string) - The text of the button that enables the user to exit the flow.\n   * - `previousButton` (string) - The text of the button that enables the user to return to the previous step.\n   * - `nextButton` (string) - The text of the button that enables the user to move to the next step.\n   * - `submitButton` (string) - The text of the button that enables the user to submit the form. **Deprecated**, replaced by the `submitButtonText` component property. `submitButton` is not supported by the I18nProvider.\n   * - `optional` (string) - The text displayed next to the step title and form header title when a step is declared optional.\n   * - `nextButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *next* button is in a loading state.\n   * - `submitButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *submit* button is in a loading state.\n   * @i18n\n   */\n  i18nStrings?: WizardProps.I18nStrings;\n\n  /**\n   * The text of the button that enables the user to submit the form.\n   */\n  submitButtonText?: string;\n\n  /**\n   * Renders the *next* or *submit* button in a loading state.\n   *\n   * Use this if you need to wait for a response from the server before the user can proceed to the next step, such as during server-side validation or retrieving the next step's information.\n   */\n  isLoadingNextStep?: boolean;\n\n  /**\n   * When set to `false`, the *skip-to* button is never shown.\n   * When set to `true`, the *skip-to* button may appear to offer faster navigation for the user.\n   *\n   * The *skip-to* button only allows to skip optional steps. It is shown when there is one or more optional\n   * steps ahead having no required steps in-between.\n   *\n   * Note: the *skip-to* button requires the function i18nStrings.skipToButtonLabel to be defined.\n   *\n   * Defaults to `false`.\n   */\n  allowSkipTo?: boolean;\n\n  /**\n   * Specifies left-aligned secondary actions for the wizard. Use a button dropdown if multiple actions are required.\n   */\n  secondaryActions?: React.ReactNode;\n\n  /**\n   * Called when a user clicks the *cancel* button.\n   * If a user has entered data in the form, you should prompt the user with a modal before exiting the wizard flow.\n   */\n  onCancel?: NonCancelableEventHandler;\n\n  /**\n   * Called when a user clicks the *submit* button.\n   */\n  onSubmit?: NonCancelableEventHandler;\n\n  /**\n   * Called when a user clicks the *next* button, the *previous* button, or an enabled step link in the navigation pane.\n   *\n   * The event `detail` includes the following:\n   * - `requestedStepIndex` - The index of the requested step.\n   * - `reason` - The user action that triggered the navigation event. It can be `next` (when the user clicks the *next* button),\n   * `previous` (when the user clicks the *previous* button), `step` (an enabled step link in the navigation pane),\n   * or `skip` (when navigated using navigation pane or the *skip-to* button to the previously unvisited step).\n   */\n  onNavigate?: NonCancelableEventHandler<WizardProps.NavigateDetail>;\n}\n\nexport namespace WizardProps {\n  export interface StepAnalyticsMetadata {\n    instanceIdentifier?: string;\n    errorContext?: ErrorContext;\n  }\n  export interface Step {\n    title: string;\n    info?: React.ReactNode;\n    description?: React.ReactNode;\n    content: React.ReactNode;\n    errorText?: React.ReactNode;\n    isOptional?: boolean;\n    analyticsMetadata?: StepAnalyticsMetadata;\n  }\n\n  export interface I18nStrings {\n    /**\n     * @deprecated Use `submitButtonText` on the component instead.\n     */\n    submitButton?: string;\n\n    stepNumberLabel?(stepNumber: number): string;\n    collapsedStepsLabel?(stepNumber: number, stepsCount: number): string;\n    skipToButtonLabel?(targetStep: WizardProps.Step, targetStepNumber: number): string;\n    navigationAriaLabel?: string;\n    errorIconAriaLabel?: string;\n    cancelButton?: string;\n    previousButton?: string;\n    nextButton?: string;\n    optional?: string;\n    nextButtonLoadingAnnouncement?: string;\n    submitButtonLoadingAnnouncement?: string;\n  }\n\n  export interface NavigateDetail {\n    requestedStepIndex: number;\n    reason: WizardProps.NavigationReason;\n  }\n\n  export type NavigationReason = 'next' | 'previous' | 'step' | 'skip';\n}\n"]}

package/lib/internal/template/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,KAA8C,MAAM,OAAO,CAAC;AAkBnE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,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,QAAwD,CAAC;AAExF,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,KAAK,EAAE,eAAe,eAuBrE"}
+{"version":3,"file":"wizard-form.d.ts","sourceRoot":"","sources":["../../../src/wizard/wizard-form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAmBnE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,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,QAAwD,CAAC;AAExF,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,KAAK,EAAE,eAAe,eAwBrE"}

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

@@ -19,7 +19,7 @@ import styles from './styles.css.js';
 export const STEP_NAME_SELECTOR = `[${DATA_ATTR_FUNNEL_KEY}="${FUNNEL_KEY_STEP_NAME}"]`;
 export default function WizardFormWithAnalytics(props) {
     const analyticsMetadata = getAnalyticsMetadataProps(props.steps[props.activeStepIndex]);
-    const __internalRootRef = useComponentMetadata('WizardForm', PACKAGE_VERSION, Object.assign({}, analyticsMetadata));
+    const __internalRootRef = useComponentMetadata('WizardForm', PACKAGE_VERSION, analyticsMetadata);
     const stepHeaderRef = useRef(null);
     useEffectOnUpdate(() => {
         var _a;
@@ -56,7 +56,7 @@ function WizardForm({ __internalRootRef, stepHeaderRef, steps, activeStepIndex,
                 totalSubSteps: funnelStepInfo.current.subStepCount.current,
                 funnelIdentifier,
                 subStepAllSelector: getSubStepAllSelector(),
-                stepErrorContext: funnelStepInfo.current.stepErrorContext,
+                errorContext: funnelStepInfo.current.stepErrorContext,
                 subStepConfiguration: (_b = funnelStepInfo.current.subStepConfiguration.current) === null || _b === void 0 ? void 0 : _b.get(funnelStepInfo.current.stepNumber),
                 stepErrorSelector: '#' + errorSlotId,
             });

package/lib/internal/template/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, useFunnelStepRef } from '../internal/analytics/hooks/use-funnel';\nimport {\n  DATA_ATTR_FUNNEL_KEY,\n  FUNNEL_KEY_STEP_NAME,\n  getSubStepAllSelector,\n  getTextFromSelector,\n} 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 { useUniqueId } from '../internal/hooks/use-unique-id';\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\n  const funnelStepInfo = useFunnelStepRef();\n\n  const errorSlotId = useUniqueId('wizard-error-');\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) {\n      const stepName = getTextFromSelector(funnelStepInfo.current.stepNameSelector);\n\n      FunnelMetrics.funnelStepError({\n        funnelInteractionId,\n        stepNumber: funnelStepInfo.current.stepNumber,\n        stepNameSelector: funnelStepInfo.current.stepNameSelector,\n        stepName,\n        stepIdentifier: funnelStepInfo.current.stepIdentifier,\n        currentDocument: __internalRootRef?.current?.ownerDocument,\n        totalSubSteps: funnelStepInfo.current.subStepCount.current,\n        funnelIdentifier,\n        subStepAllSelector: getSubStepAllSelector(),\n        stepErrorContext: funnelStepInfo.current.stepErrorContext,\n        subStepConfiguration: funnelStepInfo.current.subStepConfiguration.current?.get(\n          funnelStepInfo.current.stepNumber\n        ),\n        stepErrorSelector: '#' + errorSlotId,\n      });\n    }\n  }, [funnelInteractionId, funnelIdentifier, isLastStep, errorText, __internalRootRef, errorSlotId, funnelStepInfo]);\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\n          className={styles['form-header-component']}\n          variant=\"h1\"\n          description={description}\n          info={info}\n          __headingTagRef={stepHeaderRef}\n          __headingTagTabIndex={-1}\n        >\n          <span className={styles['form-header-component-wrapper']}>\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        __errorSlotId={errorSlotId}\n        errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n        {...funnelStepInfo.current.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';\nimport { AnalyticsMetadata } from '@cloudscape-design/component-toolkit/internal/base-component/metrics/interfaces';\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, useFunnelStepRef } from '../internal/analytics/hooks/use-funnel';\nimport {\n  DATA_ATTR_FUNNEL_KEY,\n  FUNNEL_KEY_STEP_NAME,\n  getSubStepAllSelector,\n  getTextFromSelector,\n} 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 { useUniqueId } from '../internal/hooks/use-unique-id';\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\n  const __internalRootRef = useComponentMetadata('WizardForm', PACKAGE_VERSION, analyticsMetadata as 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\n  const funnelStepInfo = useFunnelStepRef();\n\n  const errorSlotId = useUniqueId('wizard-error-');\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) {\n      const stepName = getTextFromSelector(funnelStepInfo.current.stepNameSelector);\n\n      FunnelMetrics.funnelStepError({\n        funnelInteractionId,\n        stepNumber: funnelStepInfo.current.stepNumber,\n        stepNameSelector: funnelStepInfo.current.stepNameSelector,\n        stepName,\n        stepIdentifier: funnelStepInfo.current.stepIdentifier,\n        currentDocument: __internalRootRef?.current?.ownerDocument,\n        totalSubSteps: funnelStepInfo.current.subStepCount.current,\n        funnelIdentifier,\n        subStepAllSelector: getSubStepAllSelector(),\n        errorContext: funnelStepInfo.current.stepErrorContext,\n        subStepConfiguration: funnelStepInfo.current.subStepConfiguration.current?.get(\n          funnelStepInfo.current.stepNumber\n        ),\n        stepErrorSelector: '#' + errorSlotId,\n      });\n    }\n  }, [funnelInteractionId, funnelIdentifier, isLastStep, errorText, __internalRootRef, errorSlotId, funnelStepInfo]);\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\n          className={styles['form-header-component']}\n          variant=\"h1\"\n          description={description}\n          info={info}\n          __headingTagRef={stepHeaderRef}\n          __headingTagTabIndex={-1}\n        >\n          <span className={styles['form-header-component-wrapper']}>\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        __errorSlotId={errorSlotId}\n        errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n        {...funnelStepInfo.current.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.976",
+  "version": "3.0.977",
   "files": [
     "lib"
   ],