npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.299 → 3.0.301 - Mend

@cloudscape-design/components-themeable 3.0.299 → 3.0.301

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (368) hide show

package/lib/internal/template/wizard/styles.scoped.css CHANGED Viewed

@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-max-universal, selector-max-type */
-.awsui_root_1xupv_15m1v_94:not(#\9) {
+.awsui_root_1xupv_1lhfm_94:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -121,47 +121,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: var(--color-text-body-default-7m2b3r, #16191f);
+  font-size: var(--font-body-m-size-i6yc1c, 14px);
+  line-height: var(--font-body-m-line-height-uf359w, 22px);
+  color: var(--color-text-body-default-v5bj0z, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-vmkkua, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_wizard_1xupv_15m1v_107.awsui_refresh_1xupv_15m1v_107:not(#\9) {
-  column-gap: var(--space-xl-a39hup, 24px);
+.awsui_wizard_1xupv_1lhfm_107.awsui_refresh_1xupv_1lhfm_107:not(#\9) {
+  column-gap: var(--space-xl-okvxda, 24px);
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   grid-template-rows: auto 1fr;
-  row-gap: var(--space-scaled-xl-w2t504, 24px);
+  row-gap: var(--space-scaled-xl-r2vfpx, 24px);
 }
-.awsui_wizard_1xupv_15m1v_107.awsui_refresh_1xupv_15m1v_107.awsui_small-container_1xupv_15m1v_114:not(#\9) {
+.awsui_wizard_1xupv_1lhfm_107.awsui_refresh_1xupv_1lhfm_107.awsui_small-container_1xupv_1lhfm_114:not(#\9) {
   grid-template-columns: minmax(0, 1fr) 0;
-  row-gap: var(--space-scaled-l-t03y3z, 20px);
+  row-gap: var(--space-scaled-l-pqbeny, 20px);
 }
-.awsui_wizard_1xupv_15m1v_107:not(#\9):not(.awsui_refresh_1xupv_15m1v_107) {
+.awsui_wizard_1xupv_1lhfm_107:not(#\9):not(.awsui_refresh_1xupv_1lhfm_107) {
   display: flex;
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107:not(#\9) {
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
-  padding-top: var(--space-scaled-xxs-95dhkm, 4px);
+  padding-top: var(--space-scaled-xxs-4wuz2q, 4px);
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul:not(#\9) {
-  background: var(--color-background-container-content-o88wxm, #ffffff);
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul:not(#\9) {
+  background: var(--color-background-container-content-2tfmjb, #ffffff);
   position: relative;
-  border-radius: var(--border-radius-container-1aveko, 0px);
+  border-radius: var(--border-radius-container-y2o1gq, 0px);
   box-sizing: border-box;
   margin: 0;
-  padding: var(--space-scaled-l-t03y3z, 20px) var(--space-l-4vl6xu, 20px);
+  padding: var(--space-scaled-l-pqbeny, 20px) var(--space-l-gcd1hj, 20px);
   width: 280px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul:not(#\9)::before {
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -172,11 +172,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: transparent;
   box-sizing: border-box;
   border-color: transparent;
-  border-top: var(--border-container-top-width-fs2udu, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
-  border-radius: var(--border-radius-container-1aveko, 0px);
+  border-top: var(--border-container-top-width-y1te4w, 1px) solid var(--color-border-container-top-zudzrh, #eaeded);
+  border-radius: var(--border-radius-container-y2o1gq, 0px);
   z-index: 1;
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul:not(#\9)::after {
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -186,45 +186,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
   background: transparent;
   box-sizing: border-box;
-  box-shadow: var(--shadow-container-0bkp96, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
-  border-radius: var(--border-radius-container-1aveko, 0px);
+  box-shadow: var(--shadow-container-ipdkbv, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
+  border-radius: var(--border-radius-container-y2o1gq, 0px);
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul:not(#\9) {
-    border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
+  .awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul:not(#\9) {
+    border: var(--border-field-width-nvrpcd, 1px) solid var(--color-border-container-top-zudzrh, #eaeded);
   }
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li:not(#\9) {
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li:not(#\9) {
   display: grid;
-  column-gap: var(--space-s-hv8c1d, 12px);
-  grid-template-columns: var(--space-l-4vl6xu, 20px) 1fr;
+  column-gap: var(--space-s-vhrt5k, 12px);
+  grid-template-columns: var(--space-l-gcd1hj, 20px) 1fr;
   grid-template-rows: repeat(2, auto);
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li > hr:not(#\9) {
-  background-color: var(--color-border-divider-default-k96bks, #eaeded);
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li > hr:not(#\9) {
+  background-color: var(--color-border-divider-default-77o8t1, #eaeded);
   border: 0;
   grid-column: 1;
   height: 100%;
-  width: var(--space-xxxs-k2w98v, 2px);
+  width: var(--space-xxxs-pz6gw0, 2px);
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li > .awsui_number_1xupv_15m1v_185:not(#\9) {
-  color: var(--color-text-small-5a9rs1, #687078);
-  font-size: var(--font-body-s-size-ukw2p9, 12px);
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li > .awsui_number_1xupv_1lhfm_185:not(#\9) {
+  color: var(--color-text-small-1g01md, #687078);
+  font-size: var(--font-body-s-size-rwvid1, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li > a:not(#\9) {
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li > a:not(#\9) {
   align-items: start;
-  column-gap: var(--space-s-hv8c1d, 12px);
+  column-gap: var(--space-s-vhrt5k, 12px);
   cursor: pointer;
   display: grid;
-  font-size: var(--font-body-m-size-sregvd, 14px);
+  font-size: var(--font-body-m-size-i6yc1c, 14px);
   grid-column: 1/span 2;
   grid-row: 2;
-  grid-template-columns: var(--space-l-4vl6xu, 20px) 1fr;
+  grid-template-columns: var(--space-l-gcd1hj, 20px) 1fr;
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li > a > .awsui_circle_1xupv_15m1v_201:not(#\9) {
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li > a > .awsui_circle_1xupv_1lhfm_201:not(#\9) {
   border-radius: 100%;
   grid-column: 1;
   height: 10px;
@@ -232,197 +232,197 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-top: 6px;
   width: 10px;
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li > a > .awsui_title_1xupv_15m1v_209:not(#\9) {
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li > a > .awsui_title_1xupv_1lhfm_209:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   grid-column: 2;
 }
-body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li > a:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li > a:not(#\9):focus {
   outline: thin dotted;
-  outline: var(--border-link-focus-ring-outline-67z0xv, 5px auto Highlight);
+  outline: var(--border-link-focus-ring-outline-dgtav2, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-n5kd8g, #0073bb);
-  border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-n5kd8g, #0073bb);
+  outline-color: var(--color-border-item-focused-oqg5wt, #0073bb);
+  border-radius: var(--border-radius-control-default-focus-ring-tjcd01, 2px);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-b8q9pp, 0px) var(--color-border-item-focused-oqg5wt, #0073bb);
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_15m1v_185 {
-  margin-top: var(--space-scaled-xl-w2t504, 24px);
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1lhfm_185 {
+  margin-top: var(--space-scaled-xl-r2vfpx, 24px);
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li.awsui_active_1xupv_15m1v_238 > a:not(#\9) {
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li.awsui_active_1xupv_1lhfm_238 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li.awsui_active_1xupv_15m1v_238 > a > .awsui_circle_1xupv_15m1v_201:not(#\9) {
-  background-color: var(--color-background-control-checked-dyuc53, #0073bb);
-  box-shadow: 0 0 0 3px var(--color-background-container-content-o88wxm, #ffffff), 0 0 0 5px var(--color-background-control-checked-dyuc53, #0073bb), 0 0 0 7px var(--color-background-container-content-o88wxm, #ffffff);
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li.awsui_active_1xupv_1lhfm_238 > a > .awsui_circle_1xupv_1lhfm_201:not(#\9) {
+  background-color: var(--color-background-control-checked-xlmf6z, #0073bb);
+  box-shadow: 0 0 0 3px var(--color-background-container-content-2tfmjb, #ffffff), 0 0 0 5px var(--color-background-control-checked-xlmf6z, #0073bb), 0 0 0 7px var(--color-background-container-content-2tfmjb, #ffffff);
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li.awsui_active_1xupv_15m1v_238 > a > .awsui_title_1xupv_15m1v_209:not(#\9) {
-  color: var(--color-background-control-checked-dyuc53, #0073bb);
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li.awsui_active_1xupv_1lhfm_238 > a > .awsui_title_1xupv_1lhfm_209:not(#\9) {
+  color: var(--color-background-control-checked-xlmf6z, #0073bb);
   font-weight: 700;
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li.awsui_disabled_1xupv_15m1v_249 > a:not(#\9) {
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li.awsui_disabled_1xupv_1lhfm_249 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li.awsui_disabled_1xupv_15m1v_249 > a > .awsui_circle_1xupv_15m1v_201:not(#\9) {
-  background-color: var(--color-background-container-content-o88wxm, #ffffff);
-  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-jcikk2, #aab7b8), 0 0 0 4px var(--color-background-container-content-o88wxm, #ffffff);
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li.awsui_disabled_1xupv_1lhfm_249 > a > .awsui_circle_1xupv_1lhfm_201:not(#\9) {
+  background-color: var(--color-background-container-content-2tfmjb, #ffffff);
+  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-pmbyoe, #aab7b8), 0 0 0 4px var(--color-background-container-content-2tfmjb, #ffffff);
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li.awsui_disabled_1xupv_15m1v_249 > a > .awsui_title_1xupv_15m1v_209:not(#\9) {
-  color: var(--color-text-status-inactive-2o9czw, #687078);
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li.awsui_disabled_1xupv_1lhfm_249 > a > .awsui_title_1xupv_1lhfm_209:not(#\9) {
+  color: var(--color-text-status-inactive-gc2aww, #687078);
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li.awsui_enabled_1xupv_15m1v_259 > a > .awsui_circle_1xupv_15m1v_201:not(#\9) {
-  background-color: var(--color-text-interactive-default-9me1cm, #545b64);
-  box-shadow: 0 0 0 2px var(--color-text-interactive-default-9me1cm, #545b64), 0 0 0 4px var(--color-background-container-content-o88wxm, #ffffff);
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li.awsui_enabled_1xupv_1lhfm_259 > a > .awsui_circle_1xupv_1lhfm_201:not(#\9) {
+  background-color: var(--color-text-interactive-default-n1284y, #545b64);
+  box-shadow: 0 0 0 2px var(--color-text-interactive-default-n1284y, #545b64), 0 0 0 4px var(--color-background-container-content-2tfmjb, #ffffff);
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li.awsui_enabled_1xupv_15m1v_259 > a > .awsui_title_1xupv_15m1v_209:not(#\9) {
-  color: var(--color-text-interactive-default-9me1cm, #545b64);
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li.awsui_enabled_1xupv_1lhfm_259 > a > .awsui_title_1xupv_1lhfm_209:not(#\9) {
+  color: var(--color-text-interactive-default-n1284y, #545b64);
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li.awsui_enabled_1xupv_15m1v_259 > a:not(#\9):hover > .awsui_circle_1xupv_15m1v_201 {
-  background-color: var(--color-background-control-checked-dyuc53, #0073bb);
-  box-shadow: 0 0 0 2px var(--color-background-control-checked-dyuc53, #0073bb), 0 0 0 4px var(--color-background-container-content-o88wxm, #ffffff);
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li.awsui_enabled_1xupv_1lhfm_259 > a:not(#\9):hover > .awsui_circle_1xupv_1lhfm_201 {
+  background-color: var(--color-background-control-checked-xlmf6z, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-background-control-checked-xlmf6z, #0073bb), 0 0 0 4px var(--color-background-container-content-2tfmjb, #ffffff);
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_refresh_1xupv_15m1v_107 > ul > li.awsui_enabled_1xupv_15m1v_259 > a:not(#\9):hover > .awsui_title_1xupv_15m1v_209 {
-  color: var(--color-background-control-checked-dyuc53, #0073bb);
+.awsui_navigation_1xupv_1lhfm_123.awsui_refresh_1xupv_1lhfm_107 > ul > li.awsui_enabled_1xupv_1lhfm_259 > a:not(#\9):hover > .awsui_title_1xupv_1lhfm_209 {
+  color: var(--color-background-control-checked-xlmf6z, #0073bb);
 }
-.awsui_navigation_1xupv_15m1v_123:not(#\9):not(.awsui_refresh_1xupv_15m1v_107) {
-  color: var(--color-text-disabled-pjiy51, #aab7b8);
+.awsui_navigation_1xupv_1lhfm_123:not(#\9):not(.awsui_refresh_1xupv_1lhfm_107) {
+  color: var(--color-text-disabled-z7v7iy, #aab7b8);
   display: inline-block;
-  margin-right: calc(2 * var(--space-xxxl-bo9z7f, 40px));
+  margin-right: calc(2 * var(--space-xxxl-ivtt61, 40px));
   min-width: 200px;
-  padding-top: var(--space-xxs-ynfts5, 4px);
+  padding-top: var(--space-xxs-68xp1c, 4px);
   width: 200px;
 }
-.awsui_navigation_1xupv_15m1v_123:not(#\9):not(.awsui_refresh_1xupv_15m1v_107) > ul {
+.awsui_navigation_1xupv_1lhfm_123:not(#\9):not(.awsui_refresh_1xupv_1lhfm_107) > ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.awsui_navigation_1xupv_15m1v_123:not(#\9):not(.awsui_refresh_1xupv_15m1v_107) > ul > li {
+.awsui_navigation_1xupv_1lhfm_123:not(#\9):not(.awsui_refresh_1xupv_1lhfm_107) > ul > li {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
-  padding-bottom: var(--space-scaled-m-pv0fmt, 16px);
+  padding-bottom: var(--space-scaled-m-9r8o39, 16px);
   padding-top: 0;
 }
-.awsui_navigation_1xupv_15m1v_123:not(#\9):not(.awsui_refresh_1xupv_15m1v_107) > ul > li:not(:first-child) {
-  margin-top: var(--space-scaled-m-pv0fmt, 16px);
+.awsui_navigation_1xupv_1lhfm_123:not(#\9):not(.awsui_refresh_1xupv_1lhfm_107) > ul > li:not(:first-child) {
+  margin-top: var(--space-scaled-m-9r8o39, 16px);
 }
-.awsui_navigation_1xupv_15m1v_123:not(#\9):not(.awsui_refresh_1xupv_15m1v_107) > ul > li:not(:last-child) {
-  border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-layout-ifju5o, #d5dbdb);
+.awsui_navigation_1xupv_1lhfm_123:not(#\9):not(.awsui_refresh_1xupv_1lhfm_107) > ul > li:not(:last-child) {
+  border-bottom: var(--border-divider-list-width-eoqsw5, 1px) solid var(--color-border-layout-bxcw8m, #d5dbdb);
 }
-.awsui_form_1xupv_15m1v_301:not(#\9):not(.awsui_refresh_1xupv_15m1v_107) {
+.awsui_form_1xupv_1lhfm_301:not(#\9):not(.awsui_refresh_1xupv_1lhfm_107) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   width: 100%;
 }
-.awsui_form_1xupv_15m1v_301:not(#\9):not(.awsui_refresh_1xupv_15m1v_107) > .awsui_form-header_1xupv_15m1v_307 {
+.awsui_form_1xupv_1lhfm_301:not(#\9):not(.awsui_refresh_1xupv_1lhfm_107) > .awsui_form-header_1xupv_1lhfm_307 {
   position: relative;
-  margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
+  margin-bottom: var(--space-scaled-m-9r8o39, 16px);
 }
-.awsui_form_1xupv_15m1v_301.awsui_refresh_1xupv_15m1v_107:not(#\9) {
+.awsui_form_1xupv_1lhfm_301.awsui_refresh_1xupv_1lhfm_107:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_15m1v_301.awsui_refresh_1xupv_15m1v_107 > .awsui_background_1xupv_15m1v_318:not(#\9) {
-  background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
+.awsui_form_1xupv_1lhfm_301.awsui_refresh_1xupv_1lhfm_107 > .awsui_background_1xupv_1lhfm_318:not(#\9) {
+  background-color: var(--color-background-layout-main-9oed31, #f2f3f3);
   grid-column: 1/span 2;
   grid-row: 1;
-  color: var(--color-text-body-default-7m2b3r, #16191f);
+  color: var(--color-text-body-default-v5bj0z, #16191f);
 }
-.awsui_form_1xupv_15m1v_301.awsui_refresh_1xupv_15m1v_107 > .awsui_form-header_1xupv_15m1v_307:not(#\9) {
-  background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
+.awsui_form_1xupv_1lhfm_301.awsui_refresh_1xupv_1lhfm_107 > .awsui_form-header_1xupv_1lhfm_307:not(#\9) {
+  background-color: var(--color-background-layout-main-9oed31, #f2f3f3);
   grid-column: 2;
   grid-row: 1;
-  color: var(--color-text-body-default-7m2b3r, #16191f);
+  color: var(--color-text-body-default-v5bj0z, #16191f);
 }
-.awsui_form_1xupv_15m1v_301.awsui_refresh_1xupv_15m1v_107 > .awsui_form-header_1xupv_15m1v_307 > .awsui_form-header-content_1xupv_15m1v_330:not(#\9) {
-  padding-top: var(--space-scaled-xl-w2t504, 24px);
-  padding-bottom: var(--space-scaled-xl-w2t504, 24px);
+.awsui_form_1xupv_1lhfm_301.awsui_refresh_1xupv_1lhfm_107 > .awsui_form-header_1xupv_1lhfm_307 > .awsui_form-header-content_1xupv_1lhfm_330:not(#\9) {
+  padding-top: var(--space-scaled-xl-r2vfpx, 24px);
+  padding-bottom: var(--space-scaled-xl-r2vfpx, 24px);
 }
-.awsui_form_1xupv_15m1v_301.awsui_refresh_1xupv_15m1v_107 > .awsui_form-component_1xupv_15m1v_334:not(#\9) {
+.awsui_form_1xupv_1lhfm_301.awsui_refresh_1xupv_1lhfm_107 > .awsui_form-component_1xupv_1lhfm_334:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_15m1v_301.awsui_refresh_1xupv_15m1v_107.awsui_small-container_1xupv_15m1v_114 > .awsui_form-header_1xupv_15m1v_307:not(#\9) {
+.awsui_form_1xupv_1lhfm_301.awsui_refresh_1xupv_1lhfm_107.awsui_small-container_1xupv_1lhfm_114 > .awsui_form-header_1xupv_1lhfm_307:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_form_1xupv_15m1v_301.awsui_refresh_1xupv_15m1v_107.awsui_small-container_1xupv_15m1v_114 > .awsui_form-header_1xupv_15m1v_307 > .awsui_form-header-content_1xupv_15m1v_330:not(#\9) {
+.awsui_form_1xupv_1lhfm_301.awsui_refresh_1xupv_1lhfm_107.awsui_small-container_1xupv_1lhfm_114 > .awsui_form-header_1xupv_1lhfm_307 > .awsui_form-header-content_1xupv_1lhfm_330:not(#\9) {
   padding-top: 0;
 }
-.awsui_form_1xupv_15m1v_301.awsui_refresh_1xupv_15m1v_107.awsui_small-container_1xupv_15m1v_114 > .awsui_form-component_1xupv_15m1v_334:not(#\9) {
+.awsui_form_1xupv_1lhfm_301.awsui_refresh_1xupv_1lhfm_107.awsui_small-container_1xupv_1lhfm_114 > .awsui_form-component_1xupv_1lhfm_334:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_navigation_1xupv_15m1v_123.awsui_hidden_1xupv_15m1v_348:not(#\9) {
+.awsui_navigation_1xupv_1lhfm_123.awsui_hidden_1xupv_1lhfm_348:not(#\9) {
   display: none;
 }
-.awsui_collapsed-steps_1xupv_15m1v_352:not(#\9) {
-  color: var(--color-text-heading-secondary-mvxtuw, #545b64);
+.awsui_collapsed-steps_1xupv_1lhfm_352:not(#\9) {
+  color: var(--color-text-heading-secondary-bh1k3l, #545b64);
   font-weight: 700;
-  padding-top: var(--space-scaled-xxs-95dhkm, 4px);
+  padding-top: var(--space-scaled-xxs-4wuz2q, 4px);
 }
-.awsui_collapsed-steps-extra-padding_1xupv_15m1v_357:not(#\9) {
-  padding-top: var(--space-scaled-l-t03y3z, 20px);
+.awsui_collapsed-steps-extra-padding_1xupv_1lhfm_357:not(#\9) {
+  padding-top: var(--space-scaled-l-pqbeny, 20px);
 }
-.awsui_collapsed-steps-hidden_1xupv_15m1v_360:not(#\9) {
+.awsui_collapsed-steps-hidden_1xupv_1lhfm_360:not(#\9) {
   display: none;
 }
-.awsui_form-header-component-wrapper_1xupv_15m1v_364:not(#\9) {
+.awsui_form-header-component-wrapper_1xupv_1lhfm_364:not(#\9) {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_15m1v_364:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1lhfm_364:not(#\9):focus {
   outline: thin dotted;
-  outline: var(--border-link-focus-ring-outline-67z0xv, 5px auto Highlight);
+  outline: var(--border-link-focus-ring-outline-dgtav2, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-n5kd8g, #0073bb);
-  border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-n5kd8g, #0073bb);
+  outline-color: var(--color-border-item-focused-oqg5wt, #0073bb);
+  border-radius: var(--border-radius-control-default-focus-ring-tjcd01, 2px);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-b8q9pp, 0px) var(--color-border-item-focused-oqg5wt, #0073bb);
 }
-.awsui_form-header-component_1xupv_15m1v_364:not(#\9),
-.awsui_navigation-link_1xupv_15m1v_377:not(#\9),
-.awsui_navigation-link-item_1xupv_15m1v_378:not(#\9),
-.awsui_navigation-link-label_1xupv_15m1v_379:not(#\9) {
+.awsui_form-header-component_1xupv_1lhfm_364:not(#\9),
+.awsui_navigation-link_1xupv_1lhfm_377:not(#\9),
+.awsui_navigation-link-item_1xupv_1lhfm_378:not(#\9),
+.awsui_navigation-link-label_1xupv_1lhfm_379:not(#\9) {
   /* used in test-utils */
 }
-.awsui_navigation-link-active_1xupv_15m1v_383:not(#\9) {
+.awsui_navigation-link-active_1xupv_1lhfm_383:not(#\9) {
   font-weight: 700;
-  color: var(--color-text-body-default-7m2b3r, #16191f);
+  color: var(--color-text-body-default-v5bj0z, #16191f);
 }
-.awsui_navigation-link-disabled_1xupv_15m1v_388:not(#\9) {
-  color: var(--color-text-status-inactive-2o9czw, #687078);
+.awsui_navigation-link-disabled_1xupv_1lhfm_388:not(#\9) {
+  color: var(--color-text-status-inactive-gc2aww, #687078);
 }
-.awsui_cancel-button_1xupv_15m1v_392:not(#\9),
-.awsui_previous-button_1xupv_15m1v_393:not(#\9),
-.awsui_primary-button_1xupv_15m1v_394:not(#\9),
-.awsui_skip-to-button_1xupv_15m1v_395:not(#\9) {
+.awsui_cancel-button_1xupv_1lhfm_392:not(#\9),
+.awsui_previous-button_1xupv_1lhfm_393:not(#\9),
+.awsui_primary-button_1xupv_1lhfm_394:not(#\9),
+.awsui_skip-to-button_1xupv_1lhfm_395:not(#\9) {
   /* used in test-utils */
 }
-.awsui_action-buttons_1xupv_15m1v_399:not(#\9) {
+.awsui_action-buttons_1xupv_1lhfm_399:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

package/lib/internal/template/wizard/styles.selectors.js CHANGED Viewed

@@ -2,37 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1xupv_15m1v_94",
-  "wizard": "awsui_wizard_1xupv_15m1v_107",
-  "refresh": "awsui_refresh_1xupv_15m1v_107",
-  "small-container": "awsui_small-container_1xupv_15m1v_114",
-  "navigation": "awsui_navigation_1xupv_15m1v_123",
-  "number": "awsui_number_1xupv_15m1v_185",
-  "circle": "awsui_circle_1xupv_15m1v_201",
-  "title": "awsui_title_1xupv_15m1v_209",
-  "active": "awsui_active_1xupv_15m1v_238",
-  "disabled": "awsui_disabled_1xupv_15m1v_249",
-  "enabled": "awsui_enabled_1xupv_15m1v_259",
-  "form": "awsui_form_1xupv_15m1v_301",
-  "form-header": "awsui_form-header_1xupv_15m1v_307",
-  "background": "awsui_background_1xupv_15m1v_318",
-  "form-header-content": "awsui_form-header-content_1xupv_15m1v_330",
-  "form-component": "awsui_form-component_1xupv_15m1v_334",
-  "hidden": "awsui_hidden_1xupv_15m1v_348",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_15m1v_352",
-  "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_15m1v_357",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_15m1v_360",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_15m1v_364",
-  "form-header-component": "awsui_form-header-component_1xupv_15m1v_364",
-  "navigation-link": "awsui_navigation-link_1xupv_15m1v_377",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_15m1v_378",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_15m1v_379",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_15m1v_383",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_15m1v_388",
-  "cancel-button": "awsui_cancel-button_1xupv_15m1v_392",
-  "previous-button": "awsui_previous-button_1xupv_15m1v_393",
-  "primary-button": "awsui_primary-button_1xupv_15m1v_394",
-  "skip-to-button": "awsui_skip-to-button_1xupv_15m1v_395",
-  "action-buttons": "awsui_action-buttons_1xupv_15m1v_399"
+  "root": "awsui_root_1xupv_1lhfm_94",
+  "wizard": "awsui_wizard_1xupv_1lhfm_107",
+  "refresh": "awsui_refresh_1xupv_1lhfm_107",
+  "small-container": "awsui_small-container_1xupv_1lhfm_114",
+  "navigation": "awsui_navigation_1xupv_1lhfm_123",
+  "number": "awsui_number_1xupv_1lhfm_185",
+  "circle": "awsui_circle_1xupv_1lhfm_201",
+  "title": "awsui_title_1xupv_1lhfm_209",
+  "active": "awsui_active_1xupv_1lhfm_238",
+  "disabled": "awsui_disabled_1xupv_1lhfm_249",
+  "enabled": "awsui_enabled_1xupv_1lhfm_259",
+  "form": "awsui_form_1xupv_1lhfm_301",
+  "form-header": "awsui_form-header_1xupv_1lhfm_307",
+  "background": "awsui_background_1xupv_1lhfm_318",
+  "form-header-content": "awsui_form-header-content_1xupv_1lhfm_330",
+  "form-component": "awsui_form-component_1xupv_1lhfm_334",
+  "hidden": "awsui_hidden_1xupv_1lhfm_348",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_1lhfm_352",
+  "collapsed-steps-extra-padding": "awsui_collapsed-steps-extra-padding_1xupv_1lhfm_357",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1lhfm_360",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1lhfm_364",
+  "form-header-component": "awsui_form-header-component_1xupv_1lhfm_364",
+  "navigation-link": "awsui_navigation-link_1xupv_1lhfm_377",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_1lhfm_378",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_1lhfm_379",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_1lhfm_383",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1lhfm_388",
+  "cancel-button": "awsui_cancel-button_1xupv_1lhfm_392",
+  "previous-button": "awsui_previous-button_1xupv_1lhfm_393",
+  "primary-button": "awsui_primary-button_1xupv_1lhfm_394",
+  "skip-to-button": "awsui_skip-to-button_1xupv_1lhfm_395",
+  "action-buttons": "awsui_action-buttons_1xupv_1lhfm_399"
 };

package/lib/internal/template/wizard/wizard-form.d.ts.map CHANGED Viewed

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

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

@@ -9,6 +9,7 @@ import WizardActions from './wizard-actions';
 import WizardFormHeader from './wizard-form-header';
 import styles from './styles.css.js';
 import { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';
+import { AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';
 export default function WizardForm({ steps, activeStepIndex, isVisualRefresh, showCollapsedSteps, i18nStrings, isPrimaryLoading, allowSkipTo, secondaryActions, onCancelClick, onPreviousClick, onPrimaryClick, onSkipToClick, }) {
     var _a;
     const { title, info, description, content, errorText, isOptional } = steps[activeStepIndex] || {};
@@ -33,7 +34,8 @@ export default function WizardForm({ steps, activeStepIndex, isVisualRefresh, sh
                 React.createElement("span", { className: styles['form-header-component-wrapper'], tabIndex: -1, ref: stepHeaderRef },
                     title,
                     isOptional && React.createElement("i", null, ` - ${i18nStrings.optional}`)))),
-        React.createElement(InternalForm, { className: clsx(styles['form-component']), actions: React.createElement(WizardActions, { cancelButtonText: i18nStrings.cancelButton, primaryButtonText: isLastStep ? i18nStrings.submitButton : i18nStrings.nextButton, primaryButtonLoadingText: isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement, previousButtonText: i18nStrings.previousButton, onCancelClick: onCancelClick, onPreviousClick: onPreviousClick, onPrimaryClick: onPrimaryClick, onSkipToClick: () => onSkipToClick(skipToTargetIndex), showPrevious: activeStepIndex !== 0, isPrimaryLoading: isPrimaryLoading, showSkipTo: showSkipTo, skipToButtonText: skipToButtonText }), secondaryActions: secondaryActions, errorText: errorText, errorIconAriaLabel: i18nStrings.errorIconAriaLabel }, content)));
+        React.createElement(AnalyticsFunnelStep, { stepNameSelector: `.${styles['form-header-component-wrapper']}`, stepNumber: activeStepIndex + 1 },
+            React.createElement(InternalForm, { className: clsx(styles['form-component']), actions: React.createElement(WizardActions, { cancelButtonText: i18nStrings.cancelButton, primaryButtonText: isLastStep ? i18nStrings.submitButton : i18nStrings.nextButton, primaryButtonLoadingText: isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement, previousButtonText: i18nStrings.previousButton, onCancelClick: onCancelClick, onPreviousClick: onPreviousClick, onPrimaryClick: onPrimaryClick, onSkipToClick: () => onSkipToClick(skipToTargetIndex), showPrevious: activeStepIndex !== 0, isPrimaryLoading: isPrimaryLoading, showSkipTo: showSkipTo, skipToButtonText: skipToButtonText }), secondaryActions: secondaryActions, errorText: errorText, errorIconAriaLabel: i18nStrings.errorIconAriaLabel }, content))));
 }
 function findSkipToTargetIndex(steps, activeStepIndex) {
     let nextRequiredStepIndex = activeStepIndex;

package/lib/internal/template/wizard/wizard-form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"wizard-form.js","sourceRoot":"lib/default/","sources":["wizard/wizard-form.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;~~AAiB3E~~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~~CACd~~,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,qBAAqB,CAAC,KAAsC,EAAE,eAAuB;IAC5F,IAAI,qBAAqB,GAAG,eAAe,CAAC;IAC5C,GAAG;QACD,qBAAqB,EAAE,CAAC;KACzB,QAAQ,qBAAqB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,UAAU,EAAE;IAE9F,OAAO,qBAAqB,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport InternalForm from '../form/internal';\nimport InternalHeader from '../header/internal';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport WizardActions from './wizard-actions';\nimport { WizardProps } from './interfaces';\nimport WizardFormHeader from './wizard-form-header';\nimport styles from './styles.css.js';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\n\ninterface WizardFormProps {\n steps: ReadonlyArray<WizardProps.Step>;\n activeStepIndex: number;\n isVisualRefresh: boolean;\n showCollapsedSteps: boolean;\n i18nStrings: WizardProps.I18nStrings;\n isPrimaryLoading: boolean;\n allowSkipTo: boolean;\n secondaryActions?: React.ReactNode;\n onCancelClick: () => void;\n onPreviousClick: () => void;\n onPrimaryClick: () => void;\n onSkipToClick: (stepIndex: number) => void;\n}\n\nexport default function WizardForm({\n steps,\n activeStepIndex,\n isVisualRefresh,\n showCollapsedSteps,\n i18nStrings,\n isPrimaryLoading,\n allowSkipTo,\n secondaryActions,\n onCancelClick,\n onPreviousClick,\n onPrimaryClick,\n onSkipToClick,\n}: WizardFormProps) {\n const { title, info, description, content, errorText, isOptional } = steps[activeStepIndex] \|\| {};\n const isLastStep = activeStepIndex >= steps.length - 1;\n const skipToTargetIndex = findSkipToTargetIndex(steps, activeStepIndex);\n const isMobile = useMobile();\n const stepHeaderRef = useRef<HTMLDivElement \| null>(null);\n\n useEffectOnUpdate(() => {\n if (stepHeaderRef && stepHeaderRef.current) {\n stepHeaderRef.current?.focus();\n }\n }, [activeStepIndex]);\n\n const showSkipTo = allowSkipTo && skipToTargetIndex !== -1;\n const skipToButtonText =\n skipToTargetIndex !== -1 && i18nStrings.skipToButtonLabel\n ? i18nStrings.skipToButtonLabel(steps[skipToTargetIndex], skipToTargetIndex + 1)\n : undefined;\n\n return (\n <>\n <WizardFormHeader isMobile={isMobile \|\| showCollapsedSteps} isVisualRefresh={isVisualRefresh}>\n <div\n className={clsx(\n styles['collapsed-steps'],\n !showCollapsedSteps && styles['collapsed-steps-hidden'],\n isVisualRefresh && isMobile && styles['collapsed-steps-extra-padding']\n )}\n >\n {i18nStrings.collapsedStepsLabel?.(activeStepIndex + 1, steps.length)}\n </div>\n <InternalHeader className={styles['form-header-component']} variant=\"h1\" description={description} info={info}>\n <span className={styles['form-header-component-wrapper']} tabIndex={-1} ref={stepHeaderRef}>\n {title}\n {isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n </span>\n </InternalHeader>\n </WizardFormHeader>\n <InternalForm\n className={clsx(styles['form-component'])}\n actions={\n <WizardActions\n cancelButtonText={i18nStrings.cancelButton}\n primaryButtonText={isLastStep ? i18nStrings.submitButton : i18nStrings.nextButton}\n primaryButtonLoadingText={\n isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement\n }\n previousButtonText={i18nStrings.previousButton}\n onCancelClick={onCancelClick}\n onPreviousClick={onPreviousClick}\n onPrimaryClick={onPrimaryClick}\n onSkipToClick={() => onSkipToClick(skipToTargetIndex)}\n showPrevious={activeStepIndex !== 0}\n isPrimaryLoading={isPrimaryLoading}\n showSkipTo={showSkipTo}\n skipToButtonText={skipToButtonText}\n />\n }\n secondaryActions={secondaryActions}\n errorText={errorText}\n errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n >\n {content}\n </InternalForm>\n </>\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"]}
1	+ {"version":3,"file":"wizard-form.js","sourceRoot":"lib/default/","sources":["wizard/wizard-form.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport InternalForm from '../form/internal';\nimport InternalHeader from '../header/internal';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport WizardActions from './wizard-actions';\nimport { WizardProps } from './interfaces';\nimport WizardFormHeader from './wizard-form-header';\nimport styles from './styles.css.js';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\n\ninterface WizardFormProps {\n steps: ReadonlyArray<WizardProps.Step>;\n activeStepIndex: number;\n isVisualRefresh: boolean;\n showCollapsedSteps: boolean;\n i18nStrings: WizardProps.I18nStrings;\n isPrimaryLoading: boolean;\n allowSkipTo: boolean;\n secondaryActions?: React.ReactNode;\n onCancelClick: () => void;\n onPreviousClick: () => void;\n onPrimaryClick: () => void;\n onSkipToClick: (stepIndex: number) => void;\n}\n\nexport default function WizardForm({\n steps,\n activeStepIndex,\n isVisualRefresh,\n showCollapsedSteps,\n i18nStrings,\n isPrimaryLoading,\n allowSkipTo,\n secondaryActions,\n onCancelClick,\n onPreviousClick,\n onPrimaryClick,\n onSkipToClick,\n}: WizardFormProps) {\n const { title, info, description, content, errorText, isOptional } = steps[activeStepIndex] \|\| {};\n const isLastStep = activeStepIndex >= steps.length - 1;\n const skipToTargetIndex = findSkipToTargetIndex(steps, activeStepIndex);\n const isMobile = useMobile();\n const stepHeaderRef = useRef<HTMLDivElement \| null>(null);\n\n useEffectOnUpdate(() => {\n if (stepHeaderRef && stepHeaderRef.current) {\n stepHeaderRef.current?.focus();\n }\n }, [activeStepIndex]);\n\n const showSkipTo = allowSkipTo && skipToTargetIndex !== -1;\n const skipToButtonText =\n skipToTargetIndex !== -1 && i18nStrings.skipToButtonLabel\n ? i18nStrings.skipToButtonLabel(steps[skipToTargetIndex], skipToTargetIndex + 1)\n : undefined;\n\n return (\n <>\n <WizardFormHeader isMobile={isMobile \|\| showCollapsedSteps} isVisualRefresh={isVisualRefresh}>\n <div\n className={clsx(\n styles['collapsed-steps'],\n !showCollapsedSteps && styles['collapsed-steps-hidden'],\n isVisualRefresh && isMobile && styles['collapsed-steps-extra-padding']\n )}\n >\n {i18nStrings.collapsedStepsLabel?.(activeStepIndex + 1, steps.length)}\n </div>\n <InternalHeader className={styles['form-header-component']} variant=\"h1\" description={description} info={info}>\n <span className={styles['form-header-component-wrapper']} tabIndex={-1} ref={stepHeaderRef}>\n {title}\n {isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n </span>\n </InternalHeader>\n </WizardFormHeader>\n <AnalyticsFunnelStep\n stepNameSelector={`.${styles['form-header-component-wrapper']}`}\n stepNumber={activeStepIndex + 1}\n >\n <InternalForm\n className={clsx(styles['form-component'])}\n actions={\n <WizardActions\n cancelButtonText={i18nStrings.cancelButton}\n primaryButtonText={isLastStep ? i18nStrings.submitButton : i18nStrings.nextButton}\n primaryButtonLoadingText={\n isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement\n }\n previousButtonText={i18nStrings.previousButton}\n onCancelClick={onCancelClick}\n onPreviousClick={onPreviousClick}\n onPrimaryClick={onPrimaryClick}\n onSkipToClick={() => onSkipToClick(skipToTargetIndex)}\n showPrevious={activeStepIndex !== 0}\n isPrimaryLoading={isPrimaryLoading}\n showSkipTo={showSkipTo}\n skipToButtonText={skipToButtonText}\n />\n }\n secondaryActions={secondaryActions}\n errorText={errorText}\n errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n >\n {content}\n </InternalForm>\n </AnalyticsFunnelStep>\n </>\n );\n}\n\nfunction findSkipToTargetIndex(steps: ReadonlyArray<WizardProps.Step>, activeStepIndex: number): number {\n let nextRequiredStepIndex = activeStepIndex;\n do {\n nextRequiredStepIndex++;\n } while (nextRequiredStepIndex < steps.length - 1 && steps[nextRequiredStepIndex].isOptional);\n\n return nextRequiredStepIndex > activeStepIndex + 1 ? nextRequiredStepIndex : -1;\n}\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.299",
+  "version": "3.0.301",
   "files": [
     "lib",
     "package.json",

package/lib/internal/template/wizard/internal/analytics.d.ts DELETED Viewed

@@ -1,8 +0,0 @@
-import { WizardProps } from '../interfaces';
-export declare const trackStartWizard: () => void;
-export declare const trackEndWizard: (funnelId: string | undefined) => void;
-export declare const trackStartStep: (stepIndex: number, funnelId?: string) => void;
-export declare const trackNavigate: (activeStepIndex: number, requestedStepIndex: number, reason: WizardProps.NavigationReason, funnelId?: string) => void;
-export declare const trackSubmit: (stepIndex: number, funnelId?: string) => void;
-export declare const trackCancel: (stepIndex: number, funnelId?: string) => void;
-//# sourceMappingURL=analytics.d.ts.map

package/lib/internal/template/wizard/internal/analytics.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"analytics.d.ts","sourceRoot":"lib/default/","sources":["wizard/internal/analytics.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAmC5C,eAAO,MAAM,gBAAgB,YAM5B,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,MAAM,GAAG,SAAS,SAY1D,CAAC;AAEF,eAAO,MAAM,cAAc,cAAe,MAAM,aAAa,MAAM,SAiBlE,CAAC;AAEF,eAAO,MAAM,aAAa,oBACP,MAAM,sBACH,MAAM,UAClB,YAAY,gBAAgB,aACzB,MAAM,SAYlB,CAAC;AAEF,eAAO,MAAM,WAAW,cAAe,MAAM,aAAa,MAAM,SAY/D,CAAC;AAEF,eAAO,MAAM,WAAW,cAAe,MAAM,aAAa,MAAM,SAY/D,CAAC"}