npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.199 → 3.0.201 - Mend

@cloudscape-design/components-themeable 3.0.199 → 3.0.201

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

package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js CHANGED Viewed

@@ -1,25 +1,25 @@
     import './styles.scoped.css';
     export default {
-  "tutorial-list": "awsui_tutorial-list_1u70p_19b3e_93",
-  "tutorial-title": "awsui_tutorial-title_1u70p_19b3e_108",
-  "task": "awsui_task_1u70p_19b3e_115",
-  "task-title": "awsui_task-title_1u70p_19b3e_123",
-  "task-title--status": "awsui_task-title--status_1u70p_19b3e_131",
-  "current-task": "awsui_current-task_1u70p_19b3e_135",
-  "successful-task": "awsui_successful-task_1u70p_19b3e_139",
-  "congratulation-message": "awsui_congratulation-message_1u70p_19b3e_143",
-  "congratulation-message--status": "awsui_congratulation-message--status_1u70p_19b3e_151",
-  "plaintext-congratulation-description": "awsui_plaintext-congratulation-description_1u70p_19b3e_155",
-  "divider": "awsui_divider_1u70p_19b3e_159",
-  "step-list": "awsui_step-list_1u70p_19b3e_163",
-  "step": "awsui_step_1u70p_19b3e_163",
-  "expandable-section-wrapper": "awsui_expandable-section-wrapper_1u70p_19b3e_172",
-  "expandable-section-header": "awsui_expandable-section-header_1u70p_19b3e_176",
-  "step-title": "awsui_step-title_1u70p_19b3e_181",
-  "feedback-link": "awsui_feedback-link_1u70p_19b3e_182",
-  "dismiss-button": "awsui_dismiss-button_1u70p_19b3e_183",
-  "completion-screen-title": "awsui_completion-screen-title_1u70p_19b3e_184",
-  "completion-screen-description": "awsui_completion-screen-description_1u70p_19b3e_185"
+  "tutorial-list": "awsui_tutorial-list_1u70p_45xcm_93",
+  "tutorial-title": "awsui_tutorial-title_1u70p_45xcm_108",
+  "task": "awsui_task_1u70p_45xcm_115",
+  "task-title": "awsui_task-title_1u70p_45xcm_123",
+  "task-title--status": "awsui_task-title--status_1u70p_45xcm_131",
+  "current-task": "awsui_current-task_1u70p_45xcm_135",
+  "successful-task": "awsui_successful-task_1u70p_45xcm_139",
+  "congratulation-message": "awsui_congratulation-message_1u70p_45xcm_143",
+  "congratulation-message--status": "awsui_congratulation-message--status_1u70p_45xcm_151",
+  "plaintext-congratulation-description": "awsui_plaintext-congratulation-description_1u70p_45xcm_155",
+  "divider": "awsui_divider_1u70p_45xcm_159",
+  "step-list": "awsui_step-list_1u70p_45xcm_163",
+  "step": "awsui_step_1u70p_45xcm_163",
+  "expandable-section-wrapper": "awsui_expandable-section-wrapper_1u70p_45xcm_172",
+  "expandable-section-header": "awsui_expandable-section-header_1u70p_45xcm_176",
+  "step-title": "awsui_step-title_1u70p_45xcm_181",
+  "feedback-link": "awsui_feedback-link_1u70p_45xcm_182",
+  "dismiss-button": "awsui_dismiss-button_1u70p_45xcm_183",
+  "completion-screen-title": "awsui_completion-screen-title_1u70p_45xcm_184",
+  "completion-screen-description": "awsui_completion-screen-description_1u70p_45xcm_185"
 };

package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css CHANGED Viewed

@@ -50,8 +50,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -64,6 +62,8 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_tutorial-list_1u70p_19b3e_93:not(#\9) {
+.awsui_tutorial-list_1u70p_45xcm_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -131,22 +131,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: 0;
 }
-.awsui_tutorial-title_1u70p_19b3e_108:not(#\9) {
+.awsui_tutorial-title_1u70p_45xcm_108:not(#\9) {
   display: flex;
   align-items: flex-start;
   margin-left: calc(-1 * var(--space-xxs-ynfts5, 4px));
   padding-bottom: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_task_1u70p_19b3e_115:not(#\9) {
+.awsui_task_1u70p_45xcm_115:not(#\9) {
   list-style: none;
   padding-top: 0;
 }
-.awsui_task_1u70p_19b3e_115:not(#\9):not(:first-child) {
+.awsui_task_1u70p_45xcm_115:not(#\9):not(:first-child) {
   margin-top: var(--space-xl-a39hup, 24px);
 }
-.awsui_task-title_1u70p_19b3e_123:not(#\9) {
+.awsui_task-title_1u70p_45xcm_123:not(#\9) {
   display: flex;
   align-items: flex-start;
   padding-left: var(--border-divider-section-width-5a4cv1, 1px);
@@ -154,19 +154,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--font-heading-s-line-height-5b7f0q, 20px);
   letter-spacing: var(--font-heading-s-letter-spacing-i014lh, normal);
 }
-.awsui_task-title--status_1u70p_19b3e_131:not(#\9) {
+.awsui_task-title--status_1u70p_45xcm_131:not(#\9) {
   line-height: inherit;
 }
-.awsui_current-task_1u70p_19b3e_135:not(#\9) {
+.awsui_current-task_1u70p_45xcm_135:not(#\9) {
   font-weight: 700;
 }
-.awsui_successful-task_1u70p_19b3e_139:not(#\9) {
+.awsui_successful-task_1u70p_45xcm_139:not(#\9) {
   color: var(--color-text-status-success-hb5hdl, #1d8102);
 }
-.awsui_congratulation-message_1u70p_19b3e_143:not(#\9) {
+.awsui_congratulation-message_1u70p_45xcm_143:not(#\9) {
   display: flex;
   font-size: var(--font-heading-s-size-9clg8y, 16px);
   line-height: var(--font-heading-s-line-height-5b7f0q, 20px);
@@ -174,40 +174,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: var(--font-heading-xs-weight-5hfvig, 400);
   color: var(--color-text-status-success-hb5hdl, #1d8102);
 }
-.awsui_congratulation-message--status_1u70p_19b3e_151:not(#\9) {
+.awsui_congratulation-message--status_1u70p_45xcm_151:not(#\9) {
   line-height: inherit;
 }
-.awsui_plaintext-congratulation-description_1u70p_19b3e_155:not(#\9) {
+.awsui_plaintext-congratulation-description_1u70p_45xcm_155:not(#\9) {
   white-space: pre-line;
 }
-.awsui_divider_1u70p_19b3e_159:not(#\9) {
+.awsui_divider_1u70p_45xcm_159:not(#\9) {
   border-bottom: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
-.awsui_step-list_1u70p_19b3e_163:not(#\9) {
+.awsui_step-list_1u70p_45xcm_163:not(#\9) {
   list-style: none;
   padding: 0 0 0 var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_step_1u70p_19b3e_163:not(#\9):not(:first-child) {
+.awsui_step_1u70p_45xcm_163:not(#\9):not(:first-child) {
   padding-top: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_expandable-section-wrapper_1u70p_19b3e_172:not(#\9) {
+.awsui_expandable-section-wrapper_1u70p_45xcm_172:not(#\9) {
   width: 100%;
 }
-.awsui_expandable-section-header_1u70p_19b3e_176:not(#\9) {
+.awsui_expandable-section-header_1u70p_45xcm_176:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
 }
-.awsui_step-title_1u70p_19b3e_181:not(#\9),
-.awsui_feedback-link_1u70p_19b3e_182:not(#\9),
-.awsui_dismiss-button_1u70p_19b3e_183:not(#\9),
-.awsui_completion-screen-title_1u70p_19b3e_184:not(#\9),
-.awsui_completion-screen-description_1u70p_19b3e_185:not(#\9) {
+.awsui_step-title_1u70p_45xcm_181:not(#\9),
+.awsui_feedback-link_1u70p_45xcm_182:not(#\9),
+.awsui_dismiss-button_1u70p_45xcm_183:not(#\9),
+.awsui_completion-screen-title_1u70p_45xcm_184:not(#\9),
+.awsui_completion-screen-description_1u70p_45xcm_185:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js CHANGED Viewed

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "tutorial-list": "awsui_tutorial-list_1u70p_19b3e_93",
-  "tutorial-title": "awsui_tutorial-title_1u70p_19b3e_108",
-  "task": "awsui_task_1u70p_19b3e_115",
-  "task-title": "awsui_task-title_1u70p_19b3e_123",
-  "task-title--status": "awsui_task-title--status_1u70p_19b3e_131",
-  "current-task": "awsui_current-task_1u70p_19b3e_135",
-  "successful-task": "awsui_successful-task_1u70p_19b3e_139",
-  "congratulation-message": "awsui_congratulation-message_1u70p_19b3e_143",
-  "congratulation-message--status": "awsui_congratulation-message--status_1u70p_19b3e_151",
-  "plaintext-congratulation-description": "awsui_plaintext-congratulation-description_1u70p_19b3e_155",
-  "divider": "awsui_divider_1u70p_19b3e_159",
-  "step-list": "awsui_step-list_1u70p_19b3e_163",
-  "step": "awsui_step_1u70p_19b3e_163",
-  "expandable-section-wrapper": "awsui_expandable-section-wrapper_1u70p_19b3e_172",
-  "expandable-section-header": "awsui_expandable-section-header_1u70p_19b3e_176",
-  "step-title": "awsui_step-title_1u70p_19b3e_181",
-  "feedback-link": "awsui_feedback-link_1u70p_19b3e_182",
-  "dismiss-button": "awsui_dismiss-button_1u70p_19b3e_183",
-  "completion-screen-title": "awsui_completion-screen-title_1u70p_19b3e_184",
-  "completion-screen-description": "awsui_completion-screen-description_1u70p_19b3e_185"
+  "tutorial-list": "awsui_tutorial-list_1u70p_45xcm_93",
+  "tutorial-title": "awsui_tutorial-title_1u70p_45xcm_108",
+  "task": "awsui_task_1u70p_45xcm_115",
+  "task-title": "awsui_task-title_1u70p_45xcm_123",
+  "task-title--status": "awsui_task-title--status_1u70p_45xcm_131",
+  "current-task": "awsui_current-task_1u70p_45xcm_135",
+  "successful-task": "awsui_successful-task_1u70p_45xcm_139",
+  "congratulation-message": "awsui_congratulation-message_1u70p_45xcm_143",
+  "congratulation-message--status": "awsui_congratulation-message--status_1u70p_45xcm_151",
+  "plaintext-congratulation-description": "awsui_plaintext-congratulation-description_1u70p_45xcm_155",
+  "divider": "awsui_divider_1u70p_45xcm_159",
+  "step-list": "awsui_step-list_1u70p_45xcm_163",
+  "step": "awsui_step_1u70p_45xcm_163",
+  "expandable-section-wrapper": "awsui_expandable-section-wrapper_1u70p_45xcm_172",
+  "expandable-section-header": "awsui_expandable-section-header_1u70p_45xcm_176",
+  "step-title": "awsui_step-title_1u70p_45xcm_181",
+  "feedback-link": "awsui_feedback-link_1u70p_45xcm_182",
+  "dismiss-button": "awsui_dismiss-button_1u70p_45xcm_183",
+  "completion-screen-title": "awsui_completion-screen-title_1u70p_45xcm_184",
+  "completion-screen-description": "awsui_completion-screen-description_1u70p_45xcm_185"
 };

package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js CHANGED Viewed

@@ -1,23 +1,23 @@
     import './styles.scoped.css';
     export default {
-  "content-enter": "awsui_content-enter_ig8mp_17vph_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_ig8mp_17vph_1",
-  "tutorial-list": "awsui_tutorial-list_ig8mp_17vph_119",
-  "tutorial-box": "awsui_tutorial-box_ig8mp_17vph_134",
-  "tutorial-box-title": "awsui_tutorial-box-title_ig8mp_17vph_154",
-  "tutorial-description-plaintext": "awsui_tutorial-description-plaintext_ig8mp_17vph_160",
-  "tutorial-description": "awsui_tutorial-description_ig8mp_17vph_160",
-  "expandable-section": "awsui_expandable-section_ig8mp_17vph_172",
-  "expanded": "awsui_expanded_ig8mp_17vph_176",
-  "button-wrapper": "awsui_button-wrapper_ig8mp_17vph_180",
-  "start": "awsui_start_ig8mp_17vph_184",
-  "expand-button": "awsui_expand-button_ig8mp_17vph_188",
-  "collapse-button": "awsui_collapse-button_ig8mp_17vph_192",
-  "learn-more-link": "awsui_learn-more-link_ig8mp_17vph_196",
-  "title": "awsui_title_ig8mp_17vph_200",
-  "prerequisites-alert": "awsui_prerequisites-alert_ig8mp_17vph_204",
-  "completed": "awsui_completed_ig8mp_17vph_208",
-  "download-link": "awsui_download-link_ig8mp_17vph_212"
+  "content-enter": "awsui_content-enter_ig8mp_1eo99_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_ig8mp_1eo99_1",
+  "tutorial-list": "awsui_tutorial-list_ig8mp_1eo99_119",
+  "tutorial-box": "awsui_tutorial-box_ig8mp_1eo99_134",
+  "tutorial-box-title": "awsui_tutorial-box-title_ig8mp_1eo99_154",
+  "tutorial-description-plaintext": "awsui_tutorial-description-plaintext_ig8mp_1eo99_160",
+  "tutorial-description": "awsui_tutorial-description_ig8mp_1eo99_160",
+  "expandable-section": "awsui_expandable-section_ig8mp_1eo99_172",
+  "expanded": "awsui_expanded_ig8mp_1eo99_176",
+  "button-wrapper": "awsui_button-wrapper_ig8mp_1eo99_180",
+  "start": "awsui_start_ig8mp_1eo99_184",
+  "expand-button": "awsui_expand-button_ig8mp_1eo99_188",
+  "collapse-button": "awsui_collapse-button_ig8mp_1eo99_192",
+  "learn-more-link": "awsui_learn-more-link_ig8mp_1eo99_196",
+  "title": "awsui_title_ig8mp_1eo99_200",
+  "prerequisites-alert": "awsui_prerequisites-alert_ig8mp_1eo99_204",
+  "completed": "awsui_completed_ig8mp_1eo99_208",
+  "download-link": "awsui_download-link_ig8mp_1eo99_212"
 };

package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css CHANGED Viewed

@@ -50,8 +50,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -64,6 +62,8 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -90,10 +90,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_content-enter_ig8mp_17vph_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_ig8mp_17vph_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
+.awsui_content-enter_ig8mp_1eo99_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_ig8mp_1eo99_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_ig8mp_17vph_1 {
+@keyframes awsui_awsui-motion-fade-in_ig8mp_1eo99_1 {
   from {
     opacity: 0.2;
   }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content-enter_ig8mp_17vph_93:not(#\9) {
+  .awsui_content-enter_ig8mp_1eo99_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-enter_ig8mp_17vph_93:not(#\9), .awsui-mode-entering .awsui_content-enter_ig8mp_17vph_93:not(#\9) {
+.awsui-motion-disabled .awsui_content-enter_ig8mp_1eo99_93:not(#\9), .awsui-mode-entering .awsui_content-enter_ig8mp_1eo99_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -116,7 +116,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_tutorial-list_ig8mp_17vph_119:not(#\9) {
+.awsui_tutorial-list_ig8mp_1eo99_119:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -157,7 +157,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: 0;
 }
-.awsui_tutorial-box_ig8mp_17vph_134:not(#\9) {
+.awsui_tutorial-box_ig8mp_1eo99_134:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -199,69 +199,69 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-tutorial-panel-item-nnx1b4, 2px);
   padding: var(--space-m-17eucw, 16px);
 }
-.awsui_tutorial-box_ig8mp_17vph_134:not(#\9):not(:first-child) {
+.awsui_tutorial-box_ig8mp_1eo99_134:not(#\9):not(:first-child) {
   margin-top: var(--space-l-4vl6xu, 20px);
 }
-.awsui_tutorial-box-title_ig8mp_17vph_154:not(#\9) {
+.awsui_tutorial-box-title_ig8mp_1eo99_154:not(#\9) {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
 }
-.awsui_tutorial-description-plaintext_ig8mp_17vph_160:not(#\9) {
+.awsui_tutorial-description-plaintext_ig8mp_1eo99_160:not(#\9) {
   white-space: pre-line;
 }
-.awsui_tutorial-description_ig8mp_17vph_160:not(#\9) {
+.awsui_tutorial-description_ig8mp_1eo99_160:not(#\9) {
   /* stylelint-disable-next-line @cloudscape-design/no-implicit-descendant, selector-max-type -- Customers can nest their list items inside Box components. */
 }
-.awsui_tutorial-description_ig8mp_17vph_160 ul:not(#\9) {
+.awsui_tutorial-description_ig8mp_1eo99_160 ul:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   list-style-type: disc;
 }
-.awsui_expandable-section_ig8mp_17vph_172:not(#\9) {
+.awsui_expandable-section_ig8mp_1eo99_172:not(#\9) {
   display: none;
   margin-top: var(--space-m-17eucw, 16px);
 }
-.awsui_expandable-section_ig8mp_17vph_172.awsui_expanded_ig8mp_17vph_176:not(#\9) {
+.awsui_expandable-section_ig8mp_1eo99_172.awsui_expanded_ig8mp_1eo99_176:not(#\9) {
   display: block;
 }
-.awsui_button-wrapper_ig8mp_17vph_180:not(#\9) {
+.awsui_button-wrapper_ig8mp_1eo99_180:not(#\9) {
   margin: calc(-1 * var(--space-xxs-ynfts5, 4px) - var(--border-field-width-y6x4sn, 1px));
 }
-.awsui_start_ig8mp_17vph_184:not(#\9) {
+.awsui_start_ig8mp_1eo99_184:not(#\9) {
   /* used in test-utils */
 }
-.awsui_expand-button_ig8mp_17vph_188:not(#\9) {
+.awsui_expand-button_ig8mp_1eo99_188:not(#\9) {
   /* used in test-utils */
 }
-.awsui_collapse-button_ig8mp_17vph_192:not(#\9) {
+.awsui_collapse-button_ig8mp_1eo99_192:not(#\9) {
   /* used in test-utils */
 }
-.awsui_learn-more-link_ig8mp_17vph_196:not(#\9) {
+.awsui_learn-more-link_ig8mp_1eo99_196:not(#\9) {
   /* used in test-utils */
 }
-.awsui_title_ig8mp_17vph_200:not(#\9) {
+.awsui_title_ig8mp_1eo99_200:not(#\9) {
   /* used in test-utils */
 }
-.awsui_prerequisites-alert_ig8mp_17vph_204:not(#\9) {
+.awsui_prerequisites-alert_ig8mp_1eo99_204:not(#\9) {
   /* used in test-utils */
 }
-.awsui_completed_ig8mp_17vph_208:not(#\9) {
+.awsui_completed_ig8mp_1eo99_208:not(#\9) {
   /* used in test-utils */
 }
-.awsui_download-link_ig8mp_17vph_212:not(#\9) {
+.awsui_download-link_ig8mp_1eo99_212:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -304,18 +304,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: 0.005em;
   color: var(--color-text-body-secondary-u912t7, #545b64);
 }
-.awsui_download-link_ig8mp_17vph_212:not(#\9):hover {
+.awsui_download-link_ig8mp_1eo99_212:not(#\9):hover {
   cursor: pointer;
 }
-.awsui_download-link_ig8mp_17vph_212:not(#\9):focus {
+.awsui_download-link_ig8mp_1eo99_212:not(#\9):focus {
   outline: none;
 }
-.awsui_download-link_ig8mp_17vph_212:not(#\9):active, .awsui_download-link_ig8mp_17vph_212:not(#\9):focus, .awsui_download-link_ig8mp_17vph_212:not(#\9):hover {
+.awsui_download-link_ig8mp_1eo99_212:not(#\9):active, .awsui_download-link_ig8mp_1eo99_212:not(#\9):focus, .awsui_download-link_ig8mp_1eo99_212:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_download-link_ig8mp_17vph_212[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_download-link_ig8mp_1eo99_212[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-67z0xv, 5px auto Highlight);
   outline-offset: 2px;

package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js CHANGED Viewed

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-enter": "awsui_content-enter_ig8mp_17vph_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_ig8mp_17vph_1",
-  "tutorial-list": "awsui_tutorial-list_ig8mp_17vph_119",
-  "tutorial-box": "awsui_tutorial-box_ig8mp_17vph_134",
-  "tutorial-box-title": "awsui_tutorial-box-title_ig8mp_17vph_154",
-  "tutorial-description-plaintext": "awsui_tutorial-description-plaintext_ig8mp_17vph_160",
-  "tutorial-description": "awsui_tutorial-description_ig8mp_17vph_160",
-  "expandable-section": "awsui_expandable-section_ig8mp_17vph_172",
-  "expanded": "awsui_expanded_ig8mp_17vph_176",
-  "button-wrapper": "awsui_button-wrapper_ig8mp_17vph_180",
-  "start": "awsui_start_ig8mp_17vph_184",
-  "expand-button": "awsui_expand-button_ig8mp_17vph_188",
-  "collapse-button": "awsui_collapse-button_ig8mp_17vph_192",
-  "learn-more-link": "awsui_learn-more-link_ig8mp_17vph_196",
-  "title": "awsui_title_ig8mp_17vph_200",
-  "prerequisites-alert": "awsui_prerequisites-alert_ig8mp_17vph_204",
-  "completed": "awsui_completed_ig8mp_17vph_208",
-  "download-link": "awsui_download-link_ig8mp_17vph_212"
+  "content-enter": "awsui_content-enter_ig8mp_1eo99_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_ig8mp_1eo99_1",
+  "tutorial-list": "awsui_tutorial-list_ig8mp_1eo99_119",
+  "tutorial-box": "awsui_tutorial-box_ig8mp_1eo99_134",
+  "tutorial-box-title": "awsui_tutorial-box-title_ig8mp_1eo99_154",
+  "tutorial-description-plaintext": "awsui_tutorial-description-plaintext_ig8mp_1eo99_160",
+  "tutorial-description": "awsui_tutorial-description_ig8mp_1eo99_160",
+  "expandable-section": "awsui_expandable-section_ig8mp_1eo99_172",
+  "expanded": "awsui_expanded_ig8mp_1eo99_176",
+  "button-wrapper": "awsui_button-wrapper_ig8mp_1eo99_180",
+  "start": "awsui_start_ig8mp_1eo99_184",
+  "expand-button": "awsui_expand-button_ig8mp_1eo99_188",
+  "collapse-button": "awsui_collapse-button_ig8mp_1eo99_192",
+  "learn-more-link": "awsui_learn-more-link_ig8mp_1eo99_196",
+  "title": "awsui_title_ig8mp_1eo99_200",
+  "prerequisites-alert": "awsui_prerequisites-alert_ig8mp_1eo99_204",
+  "completed": "awsui_completed_ig8mp_1eo99_208",
+  "download-link": "awsui_download-link_ig8mp_1eo99_212"
 };

package/lib/internal/template/tutorial-panel/styles.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
     import './styles.scoped.css';
     export default {
-  "tutorial-panel": "awsui_tutorial-panel_1oin5_1j75t_93"
+  "tutorial-panel": "awsui_tutorial-panel_1oin5_1ek8i_93"
 };

package/lib/internal/template/tutorial-panel/styles.scoped.css CHANGED Viewed

@@ -50,8 +50,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -64,6 +62,8 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_tutorial-panel_1oin5_1j75t_93:not(#\9) {
+.awsui_tutorial-panel_1oin5_1ek8i_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;

package/lib/internal/template/tutorial-panel/styles.selectors.js CHANGED Viewed

@@ -2,6 +2,6 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "tutorial-panel": "awsui_tutorial-panel_1oin5_1j75t_93"
+  "tutorial-panel": "awsui_tutorial-panel_1oin5_1ek8i_93"
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAS3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,eAAe,EAAE,yBAAyB,EAC1C,WAAW,EACX,iBAAyB,EACzB,WAAmB,EACnB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,GAAG,IAAI,EACR,EAAE,WAAW,~~eAwGb~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAS3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,eAAe,EAAE,yBAAyB,EAC1C,WAAW,EACX,iBAAyB,EACzB,WAAmB,EACnB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,GAAG,IAAI,EACR,EAAE,WAAW,eAyGb"}

package/lib/internal/template/wizard/index.js CHANGED Viewed

@@ -20,6 +20,7 @@ export default function Wizard(_a) {
     var steps = _a.steps, controlledActiveStepIndex = _a.activeStepIndex, i18nStrings = _a.i18nStrings, _b = _a.isLoadingNextStep, isLoadingNextStep = _b === void 0 ? false : _b, _c = _a.allowSkipTo, allowSkipTo = _c === void 0 ? false : _c, secondaryActions = _a.secondaryActions, onCancel = _a.onCancel, onSubmit = _a.onSubmit, onNavigate = _a.onNavigate, rest = __rest(_a, ["steps", "activeStepIndex", "i18nStrings", "isLoadingNextStep", "allowSkipTo", "secondaryActions", "onCancel", "onSubmit", "onNavigate"]);
     var __internalRootRef = useBaseComponent('Wizard').__internalRootRef;
     var baseProps = getBaseProps(rest);
+    var funnelId = baseProps.id;
     var _d = useContainerBreakpoints(['xs']), breakpoint = _d[0], breakpointsRef = _d[1];
     var ref = useMergeRefs(breakpointsRef, __internalRootRef);
     var smallContainer = breakpoint === 'default';
@@ -34,7 +35,7 @@ export default function Wizard(_a) {
     var isVisualRefresh = useVisualRefresh();
     var isLastStep = actualActiveStepIndex >= steps.length - 1;
     var navigationEvent = function (requestedStepIndex, reason) {
-        trackNavigate(actualActiveStepIndex, requestedStepIndex, reason);
+        trackNavigate(actualActiveStepIndex, requestedStepIndex, reason, funnelId);
         setActiveStepIndex(requestedStepIndex);
         fireNonCancelableEvent(onNavigate, { requestedStepIndex: requestedStepIndex, reason: reason });
     };
@@ -44,7 +45,7 @@ export default function Wizard(_a) {
     var onPreviousClick = function () { return navigationEvent(actualActiveStepIndex - 1, 'previous'); };
     var onPrimaryClick = function () {
         if (isLastStep) {
-            trackSubmit(actualActiveStepIndex);
+            trackSubmit(actualActiveStepIndex, funnelId);
             fireNonCancelableEvent(onSubmit);
         }
         else {
@@ -61,8 +62,8 @@ export default function Wizard(_a) {
         trackStartWizard();
     }, []);
     useEffect(function () {
-        trackStartStep(actualActiveStepIndex);
-    }, [actualActiveStepIndex]);
+        trackStartStep(actualActiveStepIndex, funnelId);
+    }, [actualActiveStepIndex, funnelId]);
     return (React.createElement("div", __assign({}, baseProps, { className: clsx(styles.root, baseProps.className), ref: ref }),
         React.createElement("div", { className: clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container']) },
             React.createElement(WizardNavigation, { activeStepIndex: actualActiveStepIndex, farthestStepIndex: farthestStepIndex.current, allowSkipTo: allowSkipTo, hidden: smallContainer, i18nStrings: i18nStrings, isVisualRefresh: isVisualRefresh, isLoadingNextStep: isLoadingNextStep, onStepClick: onStepClick, onSkipToClick: onSkipToClick, steps: steps }),

package/lib/internal/template/wizard/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAEnD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIpG,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAWjB;IAVZ,IAAA,KAAK,WAAA,EACY,yBAAyB,qBAAA,EAC1C,WAAW,iBAAA,EACX,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACP,IAAI,cAVsB,yIAW9B,CADQ;IAEC,IAAA,iBAAiB,GAAK,gBAAgB,CAAC,QAAQ,CAAC,kBAA/B,CAAgC;IACzD,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;~~IAE/B~~,IAAA,KAA+B,uBAAuB,CAAC,CAAC,IAAI,CAAC,CAAC,EAA7D,UAAU,QAAA,EAAE,cAAc,QAAmC,CAAC;IACrE,IAAM,GAAG,GAAG,YAAY,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;IAE5D,IAAM,cAAc,GAAG,UAAU,KAAK,SAAS,CAAC;IAE1C,IAAA,KAAwC,eAAe,CAAC,yBAAyB,EAAE,UAAU,EAAE,CAAC,EAAE;QACtG,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,iBAAiB;QACjC,aAAa,EAAE,YAAY;KAC5B,CAAC,EAJK,eAAe,QAAA,EAAE,kBAAkB,QAIxC,CAAC;IACH,IAAM,qBAAqB,GAAG,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhG,IAAM,iBAAiB,GAAG,MAAM,CAAS,qBAAqB,CAAC,CAAC;IAChE,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;IAEvF,IAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,IAAM,UAAU,GAAG,qBAAqB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7D,IAAM,eAAe,GAAG,UAAC,kBAA0B,EAAE,MAAoC;QACvF,aAAa,CAAC,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC;~~QACjE~~,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;QACvC,sBAAsB,CAAC,UAAU,EAAE,EAAE,kBAAkB,oBAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IACrE,CAAC,CAAC;IACF,IAAM,WAAW,GAAG,UAAC,SAAiB,IAAK,OAAA,eAAe,CAAC,SAAS,EAAE,MAAM,CAAC,EAAlC,CAAkC,CAAC;IAC9E,IAAM,aAAa,GAAG,UAAC,SAAiB,IAAK,OAAA,eAAe,CAAC,SAAS,EAAE,MAAM,CAAC,EAAlC,CAAkC,CAAC;IAChF,IAAM,aAAa,GAAG,cAAM,OAAA,sBAAsB,CAAC,QAAQ,CAAC,EAAhC,CAAgC,CAAC;IAC7D,IAAM,eAAe,GAAG,cAAM,OAAA,eAAe,CAAC,qBAAqB,GAAG,CAAC,EAAE,UAAU,CAAC,EAAtD,CAAsD,CAAC;IACrF,IAAM,cAAc,GAAG;QACrB,IAAI,UAAU,EAAE;YACd,WAAW,CAAC,qBAAqB,CAAC,CAAC;~~YACnC~~,sBAAsB,CAAC,QAAQ,CAAC,CAAC;SAClC;aAAM;YACL,eAAe,CAAC,qBAAqB,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;SACpD;IACH,CAAC,CAAC;IAEF,IAAI,eAAe,IAAI,eAAe,IAAI,KAAK,CAAC,MAAM,EAAE;QACtD,QAAQ,CACN,QAAQ,EACR,4CAAuC,eAAe,yCACpD,KAAK,CAAC,MAAM,iEACyC,KAAK,CAAC,MAAM,GAAG,CAAC,cAAW,CACnF,CAAC;KACH;IAED,IAAI,WAAW,IAAI,CAAC,WAAW,CAAC,iBAAiB,EAAE;QACjD,QAAQ,CACN,QAAQ,EACR,gIAAoI,CACrI,CAAC;KACH;IAED,SAAS,CAAC;QACR,gBAAgB,EAAE,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC;QACR,cAAc,CAAC,qBAAqB,CAAC,CAAC;~~IACxC~~,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;~~IAE5B~~,OAAO,CACL,wCAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG;QAC7E,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,IAAI,MAAM,CAAC,OAAO,EAAE,cAAc,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC;YAE9G,oBAAC,gBAAgB,IACf,eAAe,EAAE,qBAAqB,EACtC,iBAAiB,EAAE,iBAAiB,CAAC,OAAO,EAC5C,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,GACZ;YACF,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,IAAI,MAAM,CAAC,OAAO,EAAE,cAAc,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC;gBAE3G,eAAe,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,8BAA8B,CAAC,GAAI;gBAE/F,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,cAAc,EAClC,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,qBAAqB,EACtC,gBAAgB,EAAE,iBAAiB,EACnC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACE,CACF,CACF,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { warnOnce } from '../internal/logging';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport WizardForm from './wizard-form';\nimport WizardNavigation from './wizard-navigation';\nimport { WizardProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\nimport { trackStartStep, trackNavigate, trackSubmit, trackStartWizard } from './internal/analytics';\n\nexport { WizardProps };\n\nexport default function Wizard({\n steps,\n activeStepIndex: controlledActiveStepIndex,\n i18nStrings,\n isLoadingNextStep = false,\n allowSkipTo = false,\n secondaryActions,\n onCancel,\n onSubmit,\n onNavigate,\n ...rest\n}: WizardProps) {\n const { __internalRootRef } = useBaseComponent('Wizard');\n const baseProps = getBaseProps(rest);\n\n const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n const ref = useMergeRefs(breakpointsRef, __internalRootRef);\n\n const smallContainer = breakpoint === 'default';\n\n const [activeStepIndex, setActiveStepIndex] = useControllable(controlledActiveStepIndex, onNavigate, 0, {\n componentName: 'Wizard',\n controlledProp: 'activeStepIndex',\n changeHandler: 'onNavigate',\n });\n const actualActiveStepIndex = activeStepIndex ? Math.min(activeStepIndex, steps.length - 1) : 0;\n\n const farthestStepIndex = useRef<number>(actualActiveStepIndex);\n farthestStepIndex.current = Math.max(farthestStepIndex.current, actualActiveStepIndex);\n\n const isVisualRefresh = useVisualRefresh();\n const isLastStep = actualActiveStepIndex >= steps.length - 1;\n\n const navigationEvent = (requestedStepIndex: number, reason: WizardProps.NavigationReason) => {\n trackNavigate(actualActiveStepIndex, requestedStepIndex, reason);\n setActiveStepIndex(requestedStepIndex);\n fireNonCancelableEvent(onNavigate, { requestedStepIndex, reason });\n };\n const onStepClick = (stepIndex: number) => navigationEvent(stepIndex, 'step');\n const onSkipToClick = (stepIndex: number) => navigationEvent(stepIndex, 'skip');\n const onCancelClick = () => fireNonCancelableEvent(onCancel);\n const onPreviousClick = () => navigationEvent(actualActiveStepIndex - 1, 'previous');\n const onPrimaryClick = () => {\n if (isLastStep) {\n trackSubmit(actualActiveStepIndex);\n fireNonCancelableEvent(onSubmit);\n } else {\n navigationEvent(actualActiveStepIndex + 1, 'next');\n }\n };\n\n if (activeStepIndex && activeStepIndex >= steps.length) {\n warnOnce(\n 'Wizard',\n `You have set \\`activeStepIndex\\` to ${activeStepIndex} but you have provided only ${\n steps.length\n } steps. Its value is ignored and the component uses ${steps.length - 1} instead.`\n );\n }\n\n if (allowSkipTo && !i18nStrings.skipToButtonLabel) {\n warnOnce(\n 'Wizard',\n `You have set \\`allowSkipTo\\` but you have not provided \\`i18nStrings.skipToButtonLabel\\`. The skip-to button will not be rendered.`\n );\n }\n\n useEffect(() => {\n trackStartWizard();\n }, []);\n\n useEffect(() => {\n trackStartStep(actualActiveStepIndex);\n }, [actualActiveStepIndex]);\n\n return (\n <div {...baseProps} className={clsx(styles.root, baseProps.className)} ref={ref}>\n <div\n className={clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n <WizardNavigation\n activeStepIndex={actualActiveStepIndex}\n farthestStepIndex={farthestStepIndex.current}\n allowSkipTo={allowSkipTo}\n hidden={smallContainer}\n i18nStrings={i18nStrings}\n isVisualRefresh={isVisualRefresh}\n isLoadingNextStep={isLoadingNextStep}\n onStepClick={onStepClick}\n onSkipToClick={onSkipToClick}\n steps={steps}\n />\n <div\n className={clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n {isVisualRefresh && <div className={clsx(styles.background, 'awsui-context-content-header')} />}\n\n <WizardForm\n steps={steps}\n isVisualRefresh={isVisualRefresh}\n showCollapsedSteps={smallContainer}\n i18nStrings={i18nStrings}\n activeStepIndex={actualActiveStepIndex}\n isPrimaryLoading={isLoadingNextStep}\n allowSkipTo={allowSkipTo}\n secondaryActions={secondaryActions}\n onCancelClick={onCancelClick}\n onPreviousClick={onPreviousClick}\n onSkipToClick={onSkipToClick}\n onPrimaryClick={onPrimaryClick}\n />\n </div>\n </div>\n </div>\n );\n}\n\napplyDisplayName(Wizard, 'Wizard');\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wizard/index.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, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { warnOnce } from '../internal/logging';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport WizardForm from './wizard-form';\nimport WizardNavigation from './wizard-navigation';\nimport { WizardProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\nimport { trackStartStep, trackNavigate, trackSubmit, trackStartWizard } from './internal/analytics';\n\nexport { WizardProps };\n\nexport default function Wizard({\n steps,\n activeStepIndex: controlledActiveStepIndex,\n i18nStrings,\n isLoadingNextStep = false,\n allowSkipTo = false,\n secondaryActions,\n onCancel,\n onSubmit,\n onNavigate,\n ...rest\n}: WizardProps) {\n const { __internalRootRef } = useBaseComponent('Wizard');\n const baseProps = getBaseProps(rest);\n const funnelId = baseProps.id;\n\n const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n const ref = useMergeRefs(breakpointsRef, __internalRootRef);\n\n const smallContainer = breakpoint === 'default';\n\n const [activeStepIndex, setActiveStepIndex] = useControllable(controlledActiveStepIndex, onNavigate, 0, {\n componentName: 'Wizard',\n controlledProp: 'activeStepIndex',\n changeHandler: 'onNavigate',\n });\n const actualActiveStepIndex = activeStepIndex ? Math.min(activeStepIndex, steps.length - 1) : 0;\n\n const farthestStepIndex = useRef<number>(actualActiveStepIndex);\n farthestStepIndex.current = Math.max(farthestStepIndex.current, actualActiveStepIndex);\n\n const isVisualRefresh = useVisualRefresh();\n const isLastStep = actualActiveStepIndex >= steps.length - 1;\n\n const navigationEvent = (requestedStepIndex: number, reason: WizardProps.NavigationReason) => {\n trackNavigate(actualActiveStepIndex, requestedStepIndex, reason, funnelId);\n setActiveStepIndex(requestedStepIndex);\n fireNonCancelableEvent(onNavigate, { requestedStepIndex, reason });\n };\n const onStepClick = (stepIndex: number) => navigationEvent(stepIndex, 'step');\n const onSkipToClick = (stepIndex: number) => navigationEvent(stepIndex, 'skip');\n const onCancelClick = () => fireNonCancelableEvent(onCancel);\n const onPreviousClick = () => navigationEvent(actualActiveStepIndex - 1, 'previous');\n const onPrimaryClick = () => {\n if (isLastStep) {\n trackSubmit(actualActiveStepIndex, funnelId);\n fireNonCancelableEvent(onSubmit);\n } else {\n navigationEvent(actualActiveStepIndex + 1, 'next');\n }\n };\n\n if (activeStepIndex && activeStepIndex >= steps.length) {\n warnOnce(\n 'Wizard',\n `You have set \\`activeStepIndex\\` to ${activeStepIndex} but you have provided only ${\n steps.length\n } steps. Its value is ignored and the component uses ${steps.length - 1} instead.`\n );\n }\n\n if (allowSkipTo && !i18nStrings.skipToButtonLabel) {\n warnOnce(\n 'Wizard',\n `You have set \\`allowSkipTo\\` but you have not provided \\`i18nStrings.skipToButtonLabel\\`. The skip-to button will not be rendered.`\n );\n }\n\n useEffect(() => {\n trackStartWizard();\n }, []);\n\n useEffect(() => {\n trackStartStep(actualActiveStepIndex, funnelId);\n }, [actualActiveStepIndex, funnelId]);\n\n return (\n <div {...baseProps} className={clsx(styles.root, baseProps.className)} ref={ref}>\n <div\n className={clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n <WizardNavigation\n activeStepIndex={actualActiveStepIndex}\n farthestStepIndex={farthestStepIndex.current}\n allowSkipTo={allowSkipTo}\n hidden={smallContainer}\n i18nStrings={i18nStrings}\n isVisualRefresh={isVisualRefresh}\n isLoadingNextStep={isLoadingNextStep}\n onStepClick={onStepClick}\n onSkipToClick={onSkipToClick}\n steps={steps}\n />\n <div\n className={clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n {isVisualRefresh && <div className={clsx(styles.background, 'awsui-context-content-header')} />}\n\n <WizardForm\n steps={steps}\n isVisualRefresh={isVisualRefresh}\n showCollapsedSteps={smallContainer}\n i18nStrings={i18nStrings}\n activeStepIndex={actualActiveStepIndex}\n isPrimaryLoading={isLoadingNextStep}\n allowSkipTo={allowSkipTo}\n secondaryActions={secondaryActions}\n onCancelClick={onCancelClick}\n onPreviousClick={onPreviousClick}\n onSkipToClick={onSkipToClick}\n onPrimaryClick={onPrimaryClick}\n />\n </div>\n </div>\n </div>\n );\n}\n\napplyDisplayName(Wizard, 'Wizard');\n"]}