npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.852 → 3.0.854 - Mend

@cloudscape-design/components-themeable 3.0.852 → 3.0.854

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 (1154) hide show

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

@@ -136,9 +136,13 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_1xupv_3j5ja_141:not(#\9) {
+.awsui_root_1xupv_5faah_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -171,30 +175,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_wizard_1xupv_3j5ja_173.awsui_refresh_1xupv_3j5ja_173:not(#\9) {
+.awsui_wizard_1xupv_5faah_177.awsui_refresh_1xupv_5faah_177:not(#\9) {
   column-gap: var(--space-xl-vss8pc, 24px);
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   grid-template-rows: auto 1fr;
   row-gap: var(--space-scaled-xxs-krq5fq, 4px);
 }
-.awsui_wizard_1xupv_3j5ja_173.awsui_refresh_1xupv_3j5ja_173.awsui_small-container_1xupv_3j5ja_180:not(#\9) {
+.awsui_wizard_1xupv_5faah_177.awsui_refresh_1xupv_5faah_177.awsui_small-container_1xupv_5faah_184:not(#\9) {
   grid-template-columns: minmax(0, 1fr) 0;
   row-gap: var(--space-scaled-l-7e51pg, 20px);
 }
-.awsui_wizard_1xupv_3j5ja_173:not(#\9):not(.awsui_refresh_1xupv_3j5ja_173) {
+.awsui_wizard_1xupv_5faah_177:not(#\9):not(.awsui_refresh_1xupv_5faah_177) {
   display: flex;
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
   padding-block-start: calc(var(--space-xs-6dgkww, 8px) + var(--space-scaled-xxs-krq5fq, 4px));
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177:not(#\9) {
   position: relative;
   margin-block: 0;
   margin-inline: 0;
@@ -204,7 +208,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 260px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li:not(#\9) {
   display: grid;
   column-gap: var(--space-xs-6dgkww, 8px);
   grid-template-columns: var(--space-l-eenfqd, 20px) 1fr;
@@ -212,7 +216,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li > hr:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li > hr:not(#\9) {
   background-color: var(--color-border-divider-default-u5ytia, #eaeded);
   border-block: 0;
   border-inline: 0;
@@ -220,13 +224,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   inline-size: var(--space-xxxs-gn3248, 2px);
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li > .awsui_number_1xupv_3j5ja_222:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li > .awsui_number_1xupv_5faah_226:not(#\9) {
   color: var(--color-text-small-m48dvk, #687078);
   font-size: var(--font-size-body-s-4dzx5q, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li > a:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li > a:not(#\9) {
   align-items: start;
   column-gap: var(--space-xs-6dgkww, 8px);
   cursor: pointer;
@@ -236,7 +240,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-row: 2;
   grid-template-columns: var(--space-l-eenfqd, 20px) 1fr;
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li > a > .awsui_circle_1xupv_3j5ja_238:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li > a > .awsui_circle_1xupv_5faah_242:not(#\9) {
   border-start-start-radius: 100%;
   border-start-end-radius: 100%;
   border-end-start-radius: 100%;
@@ -247,12 +251,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: 6px;
   inline-size: 10px;
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li > a > .awsui_title_1xupv_3j5ja_249:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li > a > .awsui_title_1xupv_5faah_253:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   grid-column: 2;
 }
-body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li > a:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li > a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-bptw2p, 5px auto Highlight);
   outline-offset: 2px;
@@ -263,58 +267,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_3j5ja_189.awsui_refr
   border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-yrkso1, 0px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_3j5ja_222 {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_5faah_226 {
   margin-block-start: var(--space-m-u91ipm, 16px);
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li.awsui_active_1xupv_3j5ja_280 > a:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_active_1xupv_5faah_284 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li.awsui_active_1xupv_3j5ja_280 > a > .awsui_circle_1xupv_3j5ja_238:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_active_1xupv_5faah_284 > a > .awsui_circle_1xupv_5faah_242:not(#\9) {
   background-color: var(--color-background-control-checked-aeun6h, #0073bb);
   box-shadow: 0 0 0 3px var(--color-background-container-content-myy7cn, #ffffff), 0 0 0 5px var(--color-background-control-checked-aeun6h, #0073bb), 0 0 0 7px var(--color-background-container-content-myy7cn, #ffffff);
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li.awsui_active_1xupv_3j5ja_280 > a > .awsui_title_1xupv_3j5ja_249:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_active_1xupv_5faah_284 > a > .awsui_title_1xupv_5faah_253:not(#\9) {
   color: var(--color-background-control-checked-aeun6h, #0073bb);
   font-weight: 700;
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li.awsui_disabled_1xupv_3j5ja_291 > a:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_disabled_1xupv_5faah_295 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li.awsui_disabled_1xupv_3j5ja_291 > a > .awsui_circle_1xupv_3j5ja_238:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_disabled_1xupv_5faah_295 > a > .awsui_circle_1xupv_5faah_242:not(#\9) {
   background-color: var(--color-background-container-content-myy7cn, #ffffff);
   box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-xqzdg5, #aab7b8), 0 0 0 4px var(--color-background-container-content-myy7cn, #ffffff);
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li.awsui_disabled_1xupv_3j5ja_291 > a > .awsui_title_1xupv_3j5ja_249:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_disabled_1xupv_5faah_295 > a > .awsui_title_1xupv_5faah_253:not(#\9) {
   color: var(--color-text-status-inactive-hdm5cz, #687078);
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li.awsui_enabled_1xupv_3j5ja_301 > a > .awsui_circle_1xupv_3j5ja_238:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_enabled_1xupv_5faah_305 > a > .awsui_circle_1xupv_5faah_242:not(#\9) {
   background-color: var(--color-text-interactive-default-t1snbz, #545b64);
   box-shadow: 0 0 0 2px var(--color-text-interactive-default-t1snbz, #545b64), 0 0 0 4px var(--color-background-container-content-myy7cn, #ffffff);
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li.awsui_enabled_1xupv_3j5ja_301 > a > .awsui_title_1xupv_3j5ja_249:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_enabled_1xupv_5faah_305 > a > .awsui_title_1xupv_5faah_253:not(#\9) {
   color: var(--color-text-interactive-default-t1snbz, #545b64);
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li.awsui_enabled_1xupv_3j5ja_301 > a:not(#\9):hover > .awsui_circle_1xupv_3j5ja_238 {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_enabled_1xupv_5faah_305 > a:not(#\9):hover > .awsui_circle_1xupv_5faah_242 {
   background-color: var(--color-background-control-checked-aeun6h, #0073bb);
   box-shadow: 0 0 0 2px var(--color-background-control-checked-aeun6h, #0073bb), 0 0 0 4px var(--color-background-container-content-myy7cn, #ffffff);
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_refresh_1xupv_3j5ja_173 > ul.awsui_refresh_1xupv_3j5ja_173 > li.awsui_enabled_1xupv_3j5ja_301 > a:not(#\9):hover > .awsui_title_1xupv_3j5ja_249 {
+.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_enabled_1xupv_5faah_305 > a:not(#\9):hover > .awsui_title_1xupv_5faah_253 {
   color: var(--color-background-control-checked-aeun6h, #0073bb);
 }
-.awsui_navigation_1xupv_3j5ja_189:not(#\9):not(.awsui_refresh_1xupv_3j5ja_173) {
+.awsui_navigation_1xupv_5faah_193:not(#\9):not(.awsui_refresh_1xupv_5faah_177) {
   color: var(--color-text-disabled-hv8bna, #aab7b8);
   display: inline-block;
   margin-inline-end: calc(2 * var(--space-xxxl-vkrt7p, 40px));
@@ -324,81 +328,81 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_3j5ja_189.awsui_refr
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_navigation_1xupv_3j5ja_189:not(#\9):not(.awsui_refresh_1xupv_3j5ja_173) > ul:not(.awsui_refresh_1xupv_3j5ja_173) {
+.awsui_navigation_1xupv_5faah_193:not(#\9):not(.awsui_refresh_1xupv_5faah_177) > ul:not(.awsui_refresh_1xupv_5faah_177) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_navigation_1xupv_3j5ja_189:not(#\9):not(.awsui_refresh_1xupv_3j5ja_173) > ul:not(.awsui_refresh_1xupv_3j5ja_173) > li {
+.awsui_navigation_1xupv_5faah_193:not(#\9):not(.awsui_refresh_1xupv_5faah_177) > ul:not(.awsui_refresh_1xupv_5faah_177) > li {
   min-inline-size: 0;
   word-break: break-word;
   padding-block: 0 var(--space-scaled-m-3uxq9h, 16px);
 }
-.awsui_navigation_1xupv_3j5ja_189:not(#\9):not(.awsui_refresh_1xupv_3j5ja_173) > ul:not(.awsui_refresh_1xupv_3j5ja_173) > li:not(:first-child) {
+.awsui_navigation_1xupv_5faah_193:not(#\9):not(.awsui_refresh_1xupv_5faah_177) > ul:not(.awsui_refresh_1xupv_5faah_177) > li:not(:first-child) {
   margin-block-start: var(--space-scaled-m-3uxq9h, 16px);
 }
-.awsui_navigation_1xupv_3j5ja_189:not(#\9):not(.awsui_refresh_1xupv_3j5ja_173) > ul:not(.awsui_refresh_1xupv_3j5ja_173) > li:not(:last-child) {
+.awsui_navigation_1xupv_5faah_193:not(#\9):not(.awsui_refresh_1xupv_5faah_177) > ul:not(.awsui_refresh_1xupv_5faah_177) > li:not(:last-child) {
   border-block-end: var(--border-divider-list-width-x6rz7e, 1px) solid var(--color-border-layout-5gml03, #d5dbdb);
 }
-.awsui_form_1xupv_3j5ja_345:not(#\9):not(.awsui_refresh_1xupv_3j5ja_173) {
+.awsui_form_1xupv_5faah_349:not(#\9):not(.awsui_refresh_1xupv_5faah_177) {
   min-inline-size: 0;
   word-break: break-word;
   inline-size: 100%;
 }
-.awsui_form_1xupv_3j5ja_345:not(#\9):not(.awsui_refresh_1xupv_3j5ja_173) > .awsui_form-header_1xupv_3j5ja_350 {
+.awsui_form_1xupv_5faah_349:not(#\9):not(.awsui_refresh_1xupv_5faah_177) > .awsui_form-header_1xupv_5faah_354 {
   position: relative;
   margin-block-end: var(--space-scaled-m-3uxq9h, 16px);
 }
-.awsui_form_1xupv_3j5ja_345.awsui_refresh_1xupv_3j5ja_173:not(#\9) {
+.awsui_form_1xupv_5faah_349.awsui_refresh_1xupv_5faah_177:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_3j5ja_345.awsui_refresh_1xupv_3j5ja_173 > .awsui_form-header_1xupv_3j5ja_350:not(#\9) {
+.awsui_form_1xupv_5faah_349.awsui_refresh_1xupv_5faah_177 > .awsui_form-header_1xupv_5faah_354:not(#\9) {
   background-color: var(--color-background-layout-main-f96353, #f2f3f3);
   grid-column: 2;
   grid-row: 1;
   color: var(--color-text-body-default-agk00h, #16191f);
 }
-.awsui_form_1xupv_3j5ja_345.awsui_refresh_1xupv_3j5ja_173 > .awsui_form-header_1xupv_3j5ja_350 > .awsui_form-header-content_1xupv_3j5ja_366:not(#\9) {
+.awsui_form_1xupv_5faah_349.awsui_refresh_1xupv_5faah_177 > .awsui_form-header_1xupv_5faah_354 > .awsui_form-header-content_1xupv_5faah_370:not(#\9) {
   padding-block-start: calc(var(--space-xl-vss8pc, 24px) + var(--space-scaled-xxxs-6vyqo7, 2px));
   padding-block-end: var(--space-scaled-s-8j7izy, 12px);
 }
-.awsui_form_1xupv_3j5ja_345.awsui_refresh_1xupv_3j5ja_173 > .awsui_form-component_1xupv_3j5ja_370:not(#\9) {
+.awsui_form_1xupv_5faah_349.awsui_refresh_1xupv_5faah_177 > .awsui_form-component_1xupv_5faah_374:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_3j5ja_345.awsui_refresh_1xupv_3j5ja_173.awsui_small-container_1xupv_3j5ja_180 > .awsui_form-header_1xupv_3j5ja_350:not(#\9) {
+.awsui_form_1xupv_5faah_349.awsui_refresh_1xupv_5faah_177.awsui_small-container_1xupv_5faah_184 > .awsui_form-header_1xupv_5faah_354:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_form_1xupv_3j5ja_345.awsui_refresh_1xupv_3j5ja_173.awsui_small-container_1xupv_3j5ja_180 > .awsui_form-header_1xupv_3j5ja_350 > .awsui_form-header-content_1xupv_3j5ja_366:not(#\9) {
+.awsui_form_1xupv_5faah_349.awsui_refresh_1xupv_5faah_177.awsui_small-container_1xupv_5faah_184 > .awsui_form-header_1xupv_5faah_354 > .awsui_form-header-content_1xupv_5faah_370:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_form_1xupv_3j5ja_345.awsui_refresh_1xupv_3j5ja_173.awsui_small-container_1xupv_3j5ja_180 > .awsui_form-component_1xupv_3j5ja_370:not(#\9) {
+.awsui_form_1xupv_5faah_349.awsui_refresh_1xupv_5faah_177.awsui_small-container_1xupv_5faah_184 > .awsui_form-component_1xupv_5faah_374:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_navigation_1xupv_3j5ja_189.awsui_hidden_1xupv_3j5ja_384:not(#\9) {
+.awsui_navigation_1xupv_5faah_193.awsui_hidden_1xupv_5faah_388:not(#\9) {
   display: none;
 }
-.awsui_collapsed-steps_1xupv_3j5ja_388:not(#\9) {
+.awsui_collapsed-steps_1xupv_5faah_392:not(#\9) {
   color: var(--color-text-heading-secondary-4zbyer, #545b64);
   font-weight: 700;
   padding-block-start: var(--space-scaled-xxs-krq5fq, 4px);
 }
-.awsui_collapsed-steps-hidden_1xupv_3j5ja_393:not(#\9) {
+.awsui_collapsed-steps-hidden_1xupv_5faah_397:not(#\9) {
   display: none;
 }
-.awsui_form-header-component-wrapper_1xupv_3j5ja_397:not(#\9) {
+.awsui_form-header-component-wrapper_1xupv_5faah_401:not(#\9) {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_3j5ja_397:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_5faah_401:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-bptw2p, 5px auto Highlight);
   outline-offset: 2px;
@@ -410,30 +414,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_3
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-yrkso1, 0px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_form-header-component_1xupv_3j5ja_397:not(#\9),
-.awsui_navigation-link_1xupv_3j5ja_413:not(#\9),
-.awsui_navigation-link-item_1xupv_3j5ja_414:not(#\9),
-.awsui_navigation-link-label_1xupv_3j5ja_415:not(#\9) {
+.awsui_form-header-component_1xupv_5faah_401:not(#\9),
+.awsui_navigation-link_1xupv_5faah_417:not(#\9),
+.awsui_navigation-link-item_1xupv_5faah_418:not(#\9),
+.awsui_navigation-link-label_1xupv_5faah_419:not(#\9) {
   /* used in test-utils */
 }
-.awsui_navigation-link-active_1xupv_3j5ja_419:not(#\9) {
+.awsui_navigation-link-active_1xupv_5faah_423:not(#\9) {
   font-weight: 700;
   color: var(--color-text-body-default-agk00h, #16191f);
 }
-.awsui_navigation-link-disabled_1xupv_3j5ja_424:not(#\9) {
+.awsui_navigation-link-disabled_1xupv_5faah_428:not(#\9) {
   color: var(--color-text-status-inactive-hdm5cz, #687078);
 }
-.awsui_cancel-button_1xupv_3j5ja_428:not(#\9),
-.awsui_previous-button_1xupv_3j5ja_429:not(#\9),
-.awsui_primary-button_1xupv_3j5ja_430:not(#\9),
-.awsui_skip-to-button_1xupv_3j5ja_431:not(#\9) {
+.awsui_cancel-button_1xupv_5faah_432:not(#\9),
+.awsui_previous-button_1xupv_5faah_433:not(#\9),
+.awsui_primary-button_1xupv_5faah_434:not(#\9),
+.awsui_skip-to-button_1xupv_5faah_435:not(#\9) {
   /* used in test-utils */
 }
-.awsui_action-buttons_1xupv_3j5ja_435:not(#\9) {
+.awsui_action-buttons_1xupv_5faah_439:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

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

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1xupv_3j5ja_141",
-  "wizard": "awsui_wizard_1xupv_3j5ja_173",
-  "refresh": "awsui_refresh_1xupv_3j5ja_173",
-  "small-container": "awsui_small-container_1xupv_3j5ja_180",
-  "navigation": "awsui_navigation_1xupv_3j5ja_189",
-  "number": "awsui_number_1xupv_3j5ja_222",
-  "circle": "awsui_circle_1xupv_3j5ja_238",
-  "title": "awsui_title_1xupv_3j5ja_249",
-  "active": "awsui_active_1xupv_3j5ja_280",
-  "disabled": "awsui_disabled_1xupv_3j5ja_291",
-  "enabled": "awsui_enabled_1xupv_3j5ja_301",
-  "form": "awsui_form_1xupv_3j5ja_345",
-  "form-header": "awsui_form-header_1xupv_3j5ja_350",
-  "form-header-content": "awsui_form-header-content_1xupv_3j5ja_366",
-  "form-component": "awsui_form-component_1xupv_3j5ja_370",
-  "hidden": "awsui_hidden_1xupv_3j5ja_384",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_3j5ja_388",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_3j5ja_393",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_3j5ja_397",
-  "form-header-component": "awsui_form-header-component_1xupv_3j5ja_397",
-  "navigation-link": "awsui_navigation-link_1xupv_3j5ja_413",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_3j5ja_414",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_3j5ja_415",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_3j5ja_419",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_3j5ja_424",
-  "cancel-button": "awsui_cancel-button_1xupv_3j5ja_428",
-  "previous-button": "awsui_previous-button_1xupv_3j5ja_429",
-  "primary-button": "awsui_primary-button_1xupv_3j5ja_430",
-  "skip-to-button": "awsui_skip-to-button_1xupv_3j5ja_431",
-  "action-buttons": "awsui_action-buttons_1xupv_3j5ja_435"
+  "root": "awsui_root_1xupv_5faah_145",
+  "wizard": "awsui_wizard_1xupv_5faah_177",
+  "refresh": "awsui_refresh_1xupv_5faah_177",
+  "small-container": "awsui_small-container_1xupv_5faah_184",
+  "navigation": "awsui_navigation_1xupv_5faah_193",
+  "number": "awsui_number_1xupv_5faah_226",
+  "circle": "awsui_circle_1xupv_5faah_242",
+  "title": "awsui_title_1xupv_5faah_253",
+  "active": "awsui_active_1xupv_5faah_284",
+  "disabled": "awsui_disabled_1xupv_5faah_295",
+  "enabled": "awsui_enabled_1xupv_5faah_305",
+  "form": "awsui_form_1xupv_5faah_349",
+  "form-header": "awsui_form-header_1xupv_5faah_354",
+  "form-header-content": "awsui_form-header-content_1xupv_5faah_370",
+  "form-component": "awsui_form-component_1xupv_5faah_374",
+  "hidden": "awsui_hidden_1xupv_5faah_388",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_5faah_392",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_5faah_397",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_5faah_401",
+  "form-header-component": "awsui_form-header-component_1xupv_5faah_401",
+  "navigation-link": "awsui_navigation-link_1xupv_5faah_417",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_5faah_418",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_5faah_419",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_5faah_423",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_5faah_428",
+  "cancel-button": "awsui_cancel-button_1xupv_5faah_432",
+  "previous-button": "awsui_previous-button_1xupv_5faah_433",
+  "primary-button": "awsui_primary-button_1xupv_5faah_434",
+  "skip-to-button": "awsui_skip-to-button_1xupv_5faah_435",
+  "action-buttons": "awsui_action-buttons_1xupv_5faah_439"
 };

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"wizard-form.js","sourceRoot":"","sources":["../../../src/wizard/wizard-form.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { MutableRefObject, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useComponentMetadata } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalForm from '../form/internal';\nimport InternalHeader from '../header/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\nimport { useFunnel, useFunnelStep } from '../internal/analytics/hooks/use-funnel';\nimport { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_STEP_NAME } from '../internal/analytics/selectors';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport { PACKAGE_VERSION } from '../internal/environment';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { WizardProps } from './interfaces';\nimport WizardActions from './wizard-actions';\nimport WizardFormHeader from './wizard-form-header';\n\nimport styles from './styles.css.js';\n\ninterface WizardFormProps extends InternalBaseComponentProps {\n steps: ReadonlyArray<WizardProps.Step>;\n activeStepIndex: number;\n showCollapsedSteps: boolean;\n i18nStrings: WizardProps.I18nStrings;\n submitButtonText?: string;\n isPrimaryLoading: boolean;\n allowSkipTo: boolean;\n secondaryActions?: React.ReactNode;\n onCancelClick: () => void;\n onPreviousClick: () => void;\n onPrimaryClick: () => void;\n onSkipToClick: (stepIndex: number) => void;\n}\n\nexport const STEP_NAME_SELECTOR = `[${DATA_ATTR_FUNNEL_KEY}=${FUNNEL_KEY_STEP_NAME}]`;\n\nexport default function WizardFormWithAnalytics(props: WizardFormProps) {\n const analyticsMetadata = getAnalyticsMetadataProps(\n props.steps[props.activeStepIndex] as BasePropsWithAnalyticsMetadata\n );\n const __internalRootRef = useComponentMetadata('WizardForm', PACKAGE_VERSION, { ...analyticsMetadata });\n const stepHeaderRef = useRef<HTMLDivElement \| null>(null);\n\n useEffectOnUpdate(() => {\n if (stepHeaderRef && stepHeaderRef.current) {\n stepHeaderRef.current?.focus();\n }\n }, [props.activeStepIndex]);\n\n return (\n <AnalyticsFunnelStep\n stepIdentifier={analyticsMetadata?.instanceIdentifier}\n stepErrorContext={analyticsMetadata?.errorContext}\n stepNameSelector={STEP_NAME_SELECTOR}\n stepNumber={props.activeStepIndex + 1}\n >\n <WizardForm stepHeaderRef={stepHeaderRef} __internalRootRef={__internalRootRef} {...props} />\n </AnalyticsFunnelStep>\n );\n}\n\nexport function WizardForm({\n __internalRootRef,\n stepHeaderRef,\n steps,\n activeStepIndex,\n showCollapsedSteps,\n i18nStrings,\n submitButtonText,\n isPrimaryLoading,\n allowSkipTo,\n secondaryActions,\n onCancelClick,\n onPreviousClick,\n onPrimaryClick,\n onSkipToClick,\n}: WizardFormProps & { stepHeaderRef: MutableRefObject<HTMLDivElement \| null> }) {\n const { title, info, description, content, errorText, isOptional } = steps[activeStepIndex] \|\| {};\n const isLastStep = activeStepIndex >= steps.length - 1;\n const skipToTargetIndex = findSkipToTargetIndex(steps, activeStepIndex);\n\n const { funnelInteractionId, funnelIdentifier } = useFunnel();\n const { funnelStepProps, stepErrorContext } = useFunnelStep();\n\n const showSkipTo = allowSkipTo && skipToTargetIndex !== -1;\n const skipToButtonText =\n skipToTargetIndex !== -1 && i18nStrings.skipToButtonLabel\n ? i18nStrings.skipToButtonLabel(steps[skipToTargetIndex], skipToTargetIndex + 1)\n : undefined;\n\n useEffect(() => {\n if (funnelInteractionId && errorText && isLastStep) {\n FunnelMetrics.funnelError({\n funnelInteractionId,\n funnelIdentifier,\n funnelErrorContext: stepErrorContext,\n });\n }\n }, [funnelInteractionId, funnelIdentifier, isLastStep, errorText, stepErrorContext]);\n\n return (\n <>\n <WizardFormHeader>\n <div className={clsx(styles['collapsed-steps'], !showCollapsedSteps && styles['collapsed-steps-hidden'])}>\n {i18nStrings.collapsedStepsLabel?.(activeStepIndex + 1, steps.length)}\n </div>\n <InternalHeader className={styles['form-header-component']} variant=\"h1\" description={description} info={info}>\n <span className={styles['form-header-component-wrapper']} tabIndex={-1} ref={stepHeaderRef}>\n <span {...{ [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_STEP_NAME }}>{title}</span>\n {isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n </span>\n </InternalHeader>\n </WizardFormHeader>\n\n <InternalForm\n __internalRootRef={__internalRootRef}\n className={styles['form-component']}\n actions={\n <WizardActions\n cancelButtonText={i18nStrings.cancelButton}\n primaryButtonText={isLastStep ? submitButtonText ?? i18nStrings.submitButton : i18nStrings.nextButton}\n primaryButtonLoadingText={\n isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement\n }\n previousButtonText={i18nStrings.previousButton}\n onCancelClick={onCancelClick}\n onPreviousClick={onPreviousClick}\n onPrimaryClick={onPrimaryClick}\n onSkipToClick={() => onSkipToClick(skipToTargetIndex)}\n showPrevious={activeStepIndex !== 0}\n isPrimaryLoading={isPrimaryLoading}\n showSkipTo={showSkipTo}\n skipToButtonText={skipToButtonText}\n isLastStep={isLastStep}\n activeStepIndex={activeStepIndex}\n skipToStepIndex={skipToTargetIndex}\n />\n }\n secondaryActions={secondaryActions}\n errorText={errorText}\n errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n {...funnelStepProps}\n >\n {content}\n </InternalForm>\n </>\n );\n}\n\nfunction findSkipToTargetIndex(steps: ReadonlyArray<WizardProps.Step>, activeStepIndex: number): number {\n let nextRequiredStepIndex = activeStepIndex;\n do {\n nextRequiredStepIndex++;\n } while (nextRequiredStepIndex < steps.length - 1 && steps[nextRequiredStepIndex].isOptional);\n\n return nextRequiredStepIndex > activeStepIndex + 1 ? nextRequiredStepIndex : -1;\n}\n"]}
1	+ {"version":3,"file":"wizard-form.js","sourceRoot":"","sources":["../../../src/wizard/wizard-form.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { MutableRefObject, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useComponentMetadata } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalForm from '../form/internal';\nimport InternalHeader from '../header/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\nimport { useFunnel, useFunnelStep } from '../internal/analytics/hooks/use-funnel';\nimport { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_STEP_NAME } from '../internal/analytics/selectors';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport { PACKAGE_VERSION } from '../internal/environment';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { WizardProps } from './interfaces';\nimport WizardActions from './wizard-actions';\nimport WizardFormHeader from './wizard-form-header';\n\nimport styles from './styles.css.js';\n\ninterface WizardFormProps extends InternalBaseComponentProps {\n steps: ReadonlyArray<WizardProps.Step>;\n activeStepIndex: number;\n showCollapsedSteps: boolean;\n i18nStrings: WizardProps.I18nStrings;\n submitButtonText?: string;\n isPrimaryLoading: boolean;\n allowSkipTo: boolean;\n secondaryActions?: React.ReactNode;\n onCancelClick: () => void;\n onPreviousClick: () => void;\n onPrimaryClick: () => void;\n onSkipToClick: (stepIndex: number) => void;\n}\n\nexport const STEP_NAME_SELECTOR = `[${DATA_ATTR_FUNNEL_KEY}=${FUNNEL_KEY_STEP_NAME}]`;\n\nexport default function WizardFormWithAnalytics(props: WizardFormProps) {\n const analyticsMetadata = getAnalyticsMetadataProps(\n props.steps[props.activeStepIndex] as BasePropsWithAnalyticsMetadata\n );\n const __internalRootRef = useComponentMetadata('WizardForm', PACKAGE_VERSION, { ...analyticsMetadata });\n const stepHeaderRef = useRef<HTMLDivElement \| null>(null);\n\n useEffectOnUpdate(() => {\n if (stepHeaderRef && stepHeaderRef.current) {\n stepHeaderRef.current?.focus();\n }\n }, [props.activeStepIndex]);\n\n return (\n <AnalyticsFunnelStep\n stepIdentifier={analyticsMetadata?.instanceIdentifier}\n stepErrorContext={analyticsMetadata?.errorContext}\n stepNameSelector={STEP_NAME_SELECTOR}\n stepNumber={props.activeStepIndex + 1}\n >\n <WizardForm stepHeaderRef={stepHeaderRef} __internalRootRef={__internalRootRef} {...props} />\n </AnalyticsFunnelStep>\n );\n}\n\nfunction WizardForm({\n __internalRootRef,\n stepHeaderRef,\n steps,\n activeStepIndex,\n showCollapsedSteps,\n i18nStrings,\n submitButtonText,\n isPrimaryLoading,\n allowSkipTo,\n secondaryActions,\n onCancelClick,\n onPreviousClick,\n onPrimaryClick,\n onSkipToClick,\n}: WizardFormProps & { stepHeaderRef: MutableRefObject<HTMLDivElement \| null> }) {\n const { title, info, description, content, errorText, isOptional } = steps[activeStepIndex] \|\| {};\n const isLastStep = activeStepIndex >= steps.length - 1;\n const skipToTargetIndex = findSkipToTargetIndex(steps, activeStepIndex);\n\n const { funnelInteractionId, funnelIdentifier } = useFunnel();\n const { funnelStepProps, stepErrorContext } = useFunnelStep();\n\n const showSkipTo = allowSkipTo && skipToTargetIndex !== -1;\n const skipToButtonText =\n skipToTargetIndex !== -1 && i18nStrings.skipToButtonLabel\n ? i18nStrings.skipToButtonLabel(steps[skipToTargetIndex], skipToTargetIndex + 1)\n : undefined;\n\n useEffect(() => {\n if (funnelInteractionId && errorText && isLastStep) {\n FunnelMetrics.funnelError({\n funnelInteractionId,\n funnelIdentifier,\n funnelErrorContext: stepErrorContext,\n });\n }\n }, [funnelInteractionId, funnelIdentifier, isLastStep, errorText, stepErrorContext]);\n\n return (\n <>\n <WizardFormHeader>\n <div className={clsx(styles['collapsed-steps'], !showCollapsedSteps && styles['collapsed-steps-hidden'])}>\n {i18nStrings.collapsedStepsLabel?.(activeStepIndex + 1, steps.length)}\n </div>\n <InternalHeader className={styles['form-header-component']} variant=\"h1\" description={description} info={info}>\n <span className={styles['form-header-component-wrapper']} tabIndex={-1} ref={stepHeaderRef}>\n <span {...{ [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_STEP_NAME }}>{title}</span>\n {isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n </span>\n </InternalHeader>\n </WizardFormHeader>\n\n <InternalForm\n __internalRootRef={__internalRootRef}\n className={styles['form-component']}\n actions={\n <WizardActions\n cancelButtonText={i18nStrings.cancelButton}\n primaryButtonText={isLastStep ? submitButtonText ?? i18nStrings.submitButton : i18nStrings.nextButton}\n primaryButtonLoadingText={\n isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement\n }\n previousButtonText={i18nStrings.previousButton}\n onCancelClick={onCancelClick}\n onPreviousClick={onPreviousClick}\n onPrimaryClick={onPrimaryClick}\n onSkipToClick={() => onSkipToClick(skipToTargetIndex)}\n showPrevious={activeStepIndex !== 0}\n isPrimaryLoading={isPrimaryLoading}\n showSkipTo={showSkipTo}\n skipToButtonText={skipToButtonText}\n isLastStep={isLastStep}\n activeStepIndex={activeStepIndex}\n skipToStepIndex={skipToTargetIndex}\n />\n }\n secondaryActions={secondaryActions}\n errorText={errorText}\n errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n {...funnelStepProps}\n >\n {content}\n </InternalForm>\n </>\n );\n}\n\nfunction findSkipToTargetIndex(steps: ReadonlyArray<WizardProps.Step>, activeStepIndex: number): number {\n let nextRequiredStepIndex = activeStepIndex;\n do {\n nextRequiredStepIndex++;\n } while (nextRequiredStepIndex < steps.length - 1 && steps[nextRequiredStepIndex].isOptional);\n\n return nextRequiredStepIndex > activeStepIndex + 1 ? nextRequiredStepIndex : -1;\n}\n"]}

package/package.json CHANGED Viewed

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

package/lib/internal/scss/top-navigation/motion.scss DELETED Viewed

@@ -1,13 +0,0 @@
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-@use '../internal/styles' as styles;
-@use '../internal/styles/tokens' as tokens;
-.icon {
-  @include styles.with-motion {
-    transition: transform tokens.$motion-duration-rotate-90 tokens.$motion-easing-rotate-90;
-  }
-}

package/lib/internal/template/calendar/utils/navigation.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../../src/calendar/utils/navigation.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,wBAAgB,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,aAAa,CAAC,qBAAqB,QAEhG;AAED,wBAAgB,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,aAAa,CAAC,qBAAqB,QAEhG;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,aAAa,CAAC,qBAAqB,QAEjG;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,aAAa,CAAC,qBAAqB,QAEjG;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,aAAa,CAAC,qBAAqB,QAElG;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,aAAa,CAAC,qBAAqB,QAElG;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,aAAa,CAAC,qBAAqB,QAElG;AAED,wBAAgB,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,aAAa,CAAC,qBAAqB,QAEhG;AAID,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,aAAa,CAAC,qBAAqB,QAE1F;AAID,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,aAAa,CAAC,qBAAqB,QAE5F"}

package/lib/internal/template/calendar/utils/navigation.js DELETED Viewed

@@ -1,73 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { addDays, addMonths, differenceInYears, isSameMonth, isSameYear, startOfMonth, startOfYear } from 'date-fns';
-export function moveNextDay(startDate, isDateFocusable) {
-    return moveDay(startDate, isDateFocusable, 1);
-}
-export function movePrevDay(startDate, isDateFocusable) {
-    return moveDay(startDate, isDateFocusable, -1);
-}
-export function moveNextWeek(startDate, isDateFocusable) {
-    return moveDay(startDate, isDateFocusable, 7);
-}
-export function movePrevWeek(startDate, isDateFocusable) {
-    return moveDay(startDate, isDateFocusable, -7);
-}
-export function moveNextMonth(startDate, isDateFocusable) {
-    return moveMonth(startDate, isDateFocusable, 1);
-}
-export function movePrevMonth(startDate, isDateFocusable) {
-    return moveMonth(startDate, isDateFocusable, -1);
-}
-export function moveMonthDown(startDate, isDateFocusable) {
-    return moveMonth(startDate, isDateFocusable, 3);
-}
-export function moveMonthUp(startDate, isDateFocusable) {
-    return moveMonth(startDate, isDateFocusable, -3);
-}
-// Returns first enabled date of the month corresponding to the given date.
-// If all month's days are disabled, the first day of the month is returned.
-export function getBaseDay(date, isDateFocusable) {
-    return getBaseDate({ date, isDateFocusable, granularity: 'day' });
-}
-// Returns first enabled month of the year corresponding to the given date.
-// If all year's months are disabled, the first month of the year is returned.
-export function getBaseMonth(date, isDateFocusable) {
-    return getBaseDate({ date, isDateFocusable, granularity: 'month' });
-}
-function getBaseDate({ date, granularity, isDateFocusable, }) {
-    const isMonthGranularity = granularity === 'month';
-    const getStartDate = isMonthGranularity ? startOfYear : startOfMonth;
-    const moveDate = isMonthGranularity ? moveMonth : moveDay;
-    const isSamePage = isMonthGranularity ? isSameYear : isSameMonth;
-    const startDate = getStartDate(date);
-    if (isDateFocusable(startDate)) {
-        return startDate;
-    }
-    const firstEnabledDate = moveDate(startDate, isDateFocusable, 1);
-    return isSamePage(startDate, firstEnabledDate) ? firstEnabledDate : startDate;
-}
-// Iterates days forwards or backwards until the next active day is found.
-// If there is no active day in a year range, the start day is returned.
-function moveDay(startDate, isDateFocusable, step) {
-    return moveDate({ startDate, granularity: 'day', isDateFocusable, step });
-}
-// Iterates months forwards or backwards until the next active month is found.
-// If there is no active month in a 10 year range, the start month is returned.
-function moveMonth(startDate, isDateFocusable, step) {
-    return moveDate({ startDate, granularity: 'month', isDateFocusable, step });
-}
-function moveDate({ startDate, granularity, isDateFocusable, step, }) {
-    const isMonthGranularity = granularity === 'month';
-    const addSteps = isMonthGranularity ? addMonths : addDays;
-    const limitYears = isMonthGranularity ? 1 : 10;
-    let current = addSteps(startDate, step);
-    while (!isDateFocusable(current)) {
-        if (Math.abs(differenceInYears(startDate, current)) > limitYears) {
-            return startDate;
-        }
-        current = addSteps(current, step);
-    }
-    return current;
-}
-//# sourceMappingURL=navigation.js.map

package/lib/internal/template/calendar/utils/navigation.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../src/calendar/utils/navigation.ts"],"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 { addDays, addMonths, differenceInYears, isSameMonth, isSameYear, startOfMonth, startOfYear } from 'date-fns';\n\nimport { CalendarProps } from '../interfaces';\n\nexport function moveNextDay(startDate: Date, isDateFocusable: CalendarProps.IsDateEnabledFunction) {\n return moveDay(startDate, isDateFocusable, 1);\n}\n\nexport function movePrevDay(startDate: Date, isDateFocusable: CalendarProps.IsDateEnabledFunction) {\n return moveDay(startDate, isDateFocusable, -1);\n}\n\nexport function moveNextWeek(startDate: Date, isDateFocusable: CalendarProps.IsDateEnabledFunction) {\n return moveDay(startDate, isDateFocusable, 7);\n}\n\nexport function movePrevWeek(startDate: Date, isDateFocusable: CalendarProps.IsDateEnabledFunction) {\n return moveDay(startDate, isDateFocusable, -7);\n}\n\nexport function moveNextMonth(startDate: Date, isDateFocusable: CalendarProps.IsDateEnabledFunction) {\n return moveMonth(startDate, isDateFocusable, 1);\n}\n\nexport function movePrevMonth(startDate: Date, isDateFocusable: CalendarProps.IsDateEnabledFunction) {\n return moveMonth(startDate, isDateFocusable, -1);\n}\n\nexport function moveMonthDown(startDate: Date, isDateFocusable: CalendarProps.IsDateEnabledFunction) {\n return moveMonth(startDate, isDateFocusable, 3);\n}\n\nexport function moveMonthUp(startDate: Date, isDateFocusable: CalendarProps.IsDateEnabledFunction) {\n return moveMonth(startDate, isDateFocusable, -3);\n}\n\n// Returns first enabled date of the month corresponding to the given date.\n// If all month's days are disabled, the first day of the month is returned.\nexport function getBaseDay(date: Date, isDateFocusable: CalendarProps.IsDateEnabledFunction) {\n return getBaseDate({ date, isDateFocusable, granularity: 'day' });\n}\n\n// Returns first enabled month of the year corresponding to the given date.\n// If all year's months are disabled, the first month of the year is returned.\nexport function getBaseMonth(date: Date, isDateFocusable: CalendarProps.IsDateEnabledFunction) {\n return getBaseDate({ date, isDateFocusable, granularity: 'month' });\n}\n\nfunction getBaseDate({\n date,\n granularity,\n isDateFocusable,\n}: {\n date: Date;\n granularity: CalendarProps.Granularity;\n isDateFocusable: CalendarProps.IsDateEnabledFunction;\n}) {\n const isMonthGranularity = granularity === 'month';\n const getStartDate = isMonthGranularity ? startOfYear : startOfMonth;\n const moveDate = isMonthGranularity ? moveMonth : moveDay;\n const isSamePage = isMonthGranularity ? isSameYear : isSameMonth;\n\n const startDate = getStartDate(date);\n if (isDateFocusable(startDate)) {\n return startDate;\n }\n const firstEnabledDate = moveDate(startDate, isDateFocusable, 1);\n return isSamePage(startDate, firstEnabledDate) ? firstEnabledDate : startDate;\n}\n\n// Iterates days forwards or backwards until the next active day is found.\n// If there is no active day in a year range, the start day is returned.\nfunction moveDay(startDate: Date, isDateFocusable: CalendarProps.IsDateEnabledFunction, step: number): Date {\n return moveDate({ startDate, granularity: 'day', isDateFocusable, step });\n}\n\n// Iterates months forwards or backwards until the next active month is found.\n// If there is no active month in a 10 year range, the start month is returned.\nfunction moveMonth(startDate: Date, isDateFocusable: CalendarProps.IsDateEnabledFunction, step: number): Date {\n return moveDate({ startDate, granularity: 'month', isDateFocusable, step });\n}\n\nfunction moveDate({\n startDate,\n granularity,\n isDateFocusable,\n step,\n}: {\n startDate: Date;\n granularity: CalendarProps.Granularity;\n isDateFocusable: CalendarProps.IsDateEnabledFunction;\n step: number;\n}) {\n const isMonthGranularity = granularity === 'month';\n const addSteps = isMonthGranularity ? addMonths : addDays;\n const limitYears = isMonthGranularity ? 1 : 10;\n\n let current = addSteps(startDate, step);\n\n while (!isDateFocusable(current)) {\n if (Math.abs(differenceInYears(startDate, current)) > limitYears) {\n return startDate;\n }\n current = addSteps(current, step);\n }\n\n return current;\n}\n"]}

package/lib/internal/template/collection-preferences/content-display/draggable-option.d.ts DELETED Viewed

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

package/lib/internal/template/collection-preferences/content-display/draggable-option.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

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