@cloudscape-design/components 3.0.301 → 3.0.303

package/wizard/interfaces.js.map

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

package/wizard/styles.css.js

@@ -1,36 +1,36 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1xupv_1mgkg_94",
-  "wizard": "awsui_wizard_1xupv_1mgkg_107",
-  "refresh": "awsui_refresh_1xupv_1mgkg_107",
-  "small-container": "awsui_small-container_1xupv_1mgkg_114",
-  "navigation": "awsui_navigation_1xupv_1mgkg_123",
-  "number": "awsui_number_1xupv_1mgkg_185",
-  "circle": "awsui_circle_1xupv_1mgkg_201",
-  "title": "awsui_title_1xupv_1mgkg_209",
-  "active": "awsui_active_1xupv_1mgkg_238",
-  "disabled": "awsui_disabled_1xupv_1mgkg_249",
-  "enabled": "awsui_enabled_1xupv_1mgkg_259",
-  "form": "awsui_form_1xupv_1mgkg_301",
-  "form-header": "awsui_form-header_1xupv_1mgkg_307",
-  "background": "awsui_background_1xupv_1mgkg_318",
-  "form-header-content": "awsui_form-header-content_1xupv_1mgkg_330",
-  "form-component": "awsui_form-component_1xupv_1mgkg_334",
-  "hidden": "awsui_hidden_1xupv_1mgkg_348",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_1mgkg_352",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1mgkg_357",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1mgkg_361",
-  "form-header-component": "awsui_form-header-component_1xupv_1mgkg_361",
-  "navigation-link": "awsui_navigation-link_1xupv_1mgkg_374",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_1mgkg_375",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_1mgkg_376",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_1mgkg_380",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1mgkg_385",
-  "cancel-button": "awsui_cancel-button_1xupv_1mgkg_389",
-  "previous-button": "awsui_previous-button_1xupv_1mgkg_390",
-  "primary-button": "awsui_primary-button_1xupv_1mgkg_391",
-  "skip-to-button": "awsui_skip-to-button_1xupv_1mgkg_392",
-  "action-buttons": "awsui_action-buttons_1xupv_1mgkg_396"
+  "root": "awsui_root_1xupv_1l9g5_94",
+  "wizard": "awsui_wizard_1xupv_1l9g5_107",
+  "refresh": "awsui_refresh_1xupv_1l9g5_107",
+  "small-container": "awsui_small-container_1xupv_1l9g5_114",
+  "navigation": "awsui_navigation_1xupv_1l9g5_123",
+  "number": "awsui_number_1xupv_1l9g5_185",
+  "circle": "awsui_circle_1xupv_1l9g5_201",
+  "title": "awsui_title_1xupv_1l9g5_209",
+  "active": "awsui_active_1xupv_1l9g5_238",
+  "disabled": "awsui_disabled_1xupv_1l9g5_249",
+  "enabled": "awsui_enabled_1xupv_1l9g5_259",
+  "form": "awsui_form_1xupv_1l9g5_301",
+  "form-header": "awsui_form-header_1xupv_1l9g5_307",
+  "background": "awsui_background_1xupv_1l9g5_318",
+  "form-header-content": "awsui_form-header-content_1xupv_1l9g5_330",
+  "form-component": "awsui_form-component_1xupv_1l9g5_334",
+  "hidden": "awsui_hidden_1xupv_1l9g5_348",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_1l9g5_352",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1l9g5_357",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1l9g5_361",
+  "form-header-component": "awsui_form-header-component_1xupv_1l9g5_361",
+  "navigation-link": "awsui_navigation-link_1xupv_1l9g5_374",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_1l9g5_375",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_1l9g5_376",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_1l9g5_380",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1l9g5_385",
+  "cancel-button": "awsui_cancel-button_1xupv_1l9g5_389",
+  "previous-button": "awsui_previous-button_1xupv_1l9g5_390",
+  "primary-button": "awsui_primary-button_1xupv_1l9g5_391",
+  "skip-to-button": "awsui_skip-to-button_1xupv_1l9g5_392",
+  "action-buttons": "awsui_action-buttons_1xupv_1l9g5_396"
 };
   

package/wizard/styles.scoped.css

@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-max-universal, selector-max-type */
-.awsui_root_1xupv_1mgkg_94:not(#\9) {
+.awsui_root_1xupv_1l9g5_94:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -121,47 +121,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  color: var(--color-text-body-default-01bwmw, #000716);
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  color: var(--color-text-body-default-mmvcvg, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_wizard_1xupv_1mgkg_107.awsui_refresh_1xupv_1mgkg_107:not(#\9) {
-  column-gap: var(--space-xl-7jca1b, 24px);
+.awsui_wizard_1xupv_1l9g5_107.awsui_refresh_1xupv_1l9g5_107:not(#\9) {
+  column-gap: var(--space-xl-gsucfg, 24px);
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   grid-template-rows: auto 1fr;
-  row-gap: var(--space-scaled-xl-ozgbvg, 24px);
+  row-gap: var(--space-scaled-xl-jawob6, 24px);
 }
-.awsui_wizard_1xupv_1mgkg_107.awsui_refresh_1xupv_1mgkg_107.awsui_small-container_1xupv_1mgkg_114:not(#\9) {
+.awsui_wizard_1xupv_1l9g5_107.awsui_refresh_1xupv_1l9g5_107.awsui_small-container_1xupv_1l9g5_114:not(#\9) {
   grid-template-columns: minmax(0, 1fr) 0;
-  row-gap: var(--space-scaled-l-x5pubp, 20px);
+  row-gap: var(--space-scaled-l-2rs0gk, 20px);
 }
 
-.awsui_wizard_1xupv_1mgkg_107:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) {
+.awsui_wizard_1xupv_1l9g5_107:not(#\9):not(.awsui_refresh_1xupv_1l9g5_107) {
   display: flex;
 }
 
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107:not(#\9) {
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
-  padding-top: var(--space-scaled-xxs-ugy2pw, 4px);
+  padding-top: var(--space-scaled-xxs-t2t62i, 4px);
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul:not(#\9) {
-  background: var(--color-background-container-content-em2lah, #ffffff);
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul:not(#\9) {
+  background: var(--color-background-container-content-og3y0v, #ffffff);
   position: relative;
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   box-sizing: border-box;
   margin: 0;
-  padding: var(--space-scaled-l-x5pubp, 20px) var(--space-l-ds615y, 20px);
+  padding: var(--space-scaled-l-2rs0gk, 20px) var(--space-l-f4l5gr, 20px);
   width: 280px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul:not(#\9)::before {
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -172,11 +172,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: transparent;
   box-sizing: border-box;
   border-color: transparent;
-  border-top: var(--border-container-top-width-nb80xs, 0px) solid var(--color-border-container-top-4rl1tb, transparent);
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+  border-top: var(--border-container-top-width-5cncr0, 0px) solid var(--color-border-container-top-camjrq, transparent);
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   z-index: 1;
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul:not(#\9)::after {
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -186,45 +186,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
   background: transparent;
   box-sizing: border-box;
-  box-shadow: var(--shadow-container-pkcyo6, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+  box-shadow: var(--shadow-container-984513, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul:not(#\9) {
-    border: var(--border-field-width-egrqih, 2px) solid var(--color-border-container-top-4rl1tb, transparent);
+  .awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul:not(#\9) {
+    border: var(--border-field-width-riro62, 2px) solid var(--color-border-container-top-camjrq, transparent);
   }
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li:not(#\9) {
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li:not(#\9) {
   display: grid;
-  column-gap: var(--space-s-rd607g, 12px);
-  grid-template-columns: var(--space-l-ds615y, 20px) 1fr;
+  column-gap: var(--space-s-hdd878, 12px);
+  grid-template-columns: var(--space-l-f4l5gr, 20px) 1fr;
   grid-template-rows: repeat(2, auto);
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li > hr:not(#\9) {
-  background-color: var(--color-border-divider-default-4spq70, #e9ebed);
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li > hr:not(#\9) {
+  background-color: var(--color-border-divider-default-9o8zql, #e9ebed);
   border: 0;
   grid-column: 1;
   height: 100%;
-  width: var(--space-xxxs-rq3iss, 2px);
+  width: var(--space-xxxs-j6dpcy, 2px);
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li > .awsui_number_1xupv_1mgkg_185:not(#\9) {
-  color: var(--color-text-small-kula89, #5f6b7a);
-  font-size: var(--font-body-s-size-zu142i, 12px);
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li > .awsui_number_1xupv_1l9g5_185:not(#\9) {
+  color: var(--color-text-small-l0u24v, #5f6b7a);
+  font-size: var(--font-body-s-size-6jmxer, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li > a:not(#\9) {
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li > a:not(#\9) {
   align-items: start;
-  column-gap: var(--space-s-rd607g, 12px);
+  column-gap: var(--space-s-hdd878, 12px);
   cursor: pointer;
   display: grid;
-  font-size: var(--font-body-m-size-cqtcam, 14px);
+  font-size: var(--font-body-m-size-7dign1, 14px);
   grid-column: 1/span 2;
   grid-row: 2;
-  grid-template-columns: var(--space-l-ds615y, 20px) 1fr;
+  grid-template-columns: var(--space-l-f4l5gr, 20px) 1fr;
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li > a > .awsui_circle_1xupv_1mgkg_201:not(#\9) {
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li > a > .awsui_circle_1xupv_1l9g5_201:not(#\9) {
   border-radius: 100%;
   grid-column: 1;
   height: 10px;
@@ -232,194 +232,194 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-top: 6px;
   width: 10px;
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li > a > .awsui_title_1xupv_1mgkg_209:not(#\9) {
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li > a > .awsui_title_1xupv_1l9g5_209:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   grid-column: 2;
 }
-body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li > a:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li > a:not(#\9):focus {
   outline: thin dotted;
-  outline: var(--border-link-focus-ring-outline-9izd6a, 0);
+  outline: var(--border-link-focus-ring-outline-pwlekd, 0);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-nwfxo7, #0972d3);
-  border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-j8u4jv, 2px) var(--color-border-item-focused-nwfxo7, #0972d3);
+  outline-color: var(--color-border-item-focused-4t19h5, #0972d3);
+  border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-z7lixz, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1mgkg_185 {
-  margin-top: var(--space-scaled-xl-ozgbvg, 24px);
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1l9g5_185 {
+  margin-top: var(--space-scaled-xl-jawob6, 24px);
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_active_1xupv_1mgkg_238 > a:not(#\9) {
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li.awsui_active_1xupv_1l9g5_238 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_active_1xupv_1mgkg_238 > a > .awsui_circle_1xupv_1mgkg_201:not(#\9) {
-  background-color: var(--color-background-control-checked-6eqeqa, #0972d3);
-  box-shadow: 0 0 0 3px var(--color-background-container-content-em2lah, #ffffff), 0 0 0 5px var(--color-background-control-checked-6eqeqa, #0972d3), 0 0 0 7px var(--color-background-container-content-em2lah, #ffffff);
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li.awsui_active_1xupv_1l9g5_238 > a > .awsui_circle_1xupv_1l9g5_201:not(#\9) {
+  background-color: var(--color-background-control-checked-k2dd8u, #0972d3);
+  box-shadow: 0 0 0 3px var(--color-background-container-content-og3y0v, #ffffff), 0 0 0 5px var(--color-background-control-checked-k2dd8u, #0972d3), 0 0 0 7px var(--color-background-container-content-og3y0v, #ffffff);
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_active_1xupv_1mgkg_238 > a > .awsui_title_1xupv_1mgkg_209:not(#\9) {
-  color: var(--color-background-control-checked-6eqeqa, #0972d3);
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li.awsui_active_1xupv_1l9g5_238 > a > .awsui_title_1xupv_1l9g5_209:not(#\9) {
+  color: var(--color-background-control-checked-k2dd8u, #0972d3);
   font-weight: 700;
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_disabled_1xupv_1mgkg_249 > a:not(#\9) {
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li.awsui_disabled_1xupv_1l9g5_249 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_disabled_1xupv_1mgkg_249 > a > .awsui_circle_1xupv_1mgkg_201:not(#\9) {
-  background-color: var(--color-background-container-content-em2lah, #ffffff);
-  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-yf7ixh, #9ba7b6), 0 0 0 4px var(--color-background-container-content-em2lah, #ffffff);
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li.awsui_disabled_1xupv_1l9g5_249 > a > .awsui_circle_1xupv_1l9g5_201:not(#\9) {
+  background-color: var(--color-background-container-content-og3y0v, #ffffff);
+  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-nss20z, #9ba7b6), 0 0 0 4px var(--color-background-container-content-og3y0v, #ffffff);
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_disabled_1xupv_1mgkg_249 > a > .awsui_title_1xupv_1mgkg_209:not(#\9) {
-  color: var(--color-text-status-inactive-w8tk0o, #5f6b7a);
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li.awsui_disabled_1xupv_1l9g5_249 > a > .awsui_title_1xupv_1l9g5_209:not(#\9) {
+  color: var(--color-text-status-inactive-5laoxv, #5f6b7a);
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_enabled_1xupv_1mgkg_259 > a > .awsui_circle_1xupv_1mgkg_201:not(#\9) {
-  background-color: var(--color-text-interactive-default-pdoaf1, #414d5c);
-  box-shadow: 0 0 0 2px var(--color-text-interactive-default-pdoaf1, #414d5c), 0 0 0 4px var(--color-background-container-content-em2lah, #ffffff);
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li.awsui_enabled_1xupv_1l9g5_259 > a > .awsui_circle_1xupv_1l9g5_201:not(#\9) {
+  background-color: var(--color-text-interactive-default-2sml2m, #414d5c);
+  box-shadow: 0 0 0 2px var(--color-text-interactive-default-2sml2m, #414d5c), 0 0 0 4px var(--color-background-container-content-og3y0v, #ffffff);
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_enabled_1xupv_1mgkg_259 > a > .awsui_title_1xupv_1mgkg_209:not(#\9) {
-  color: var(--color-text-interactive-default-pdoaf1, #414d5c);
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li.awsui_enabled_1xupv_1l9g5_259 > a > .awsui_title_1xupv_1l9g5_209:not(#\9) {
+  color: var(--color-text-interactive-default-2sml2m, #414d5c);
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_enabled_1xupv_1mgkg_259 > a:not(#\9):hover > .awsui_circle_1xupv_1mgkg_201 {
-  background-color: var(--color-background-control-checked-6eqeqa, #0972d3);
-  box-shadow: 0 0 0 2px var(--color-background-control-checked-6eqeqa, #0972d3), 0 0 0 4px var(--color-background-container-content-em2lah, #ffffff);
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li.awsui_enabled_1xupv_1l9g5_259 > a:not(#\9):hover > .awsui_circle_1xupv_1l9g5_201 {
+  background-color: var(--color-background-control-checked-k2dd8u, #0972d3);
+  box-shadow: 0 0 0 2px var(--color-background-control-checked-k2dd8u, #0972d3), 0 0 0 4px var(--color-background-container-content-og3y0v, #ffffff);
 }
-.awsui_navigation_1xupv_1mgkg_123.awsui_refresh_1xupv_1mgkg_107 > ul > li.awsui_enabled_1xupv_1mgkg_259 > a:not(#\9):hover > .awsui_title_1xupv_1mgkg_209 {
-  color: var(--color-background-control-checked-6eqeqa, #0972d3);
+.awsui_navigation_1xupv_1l9g5_123.awsui_refresh_1xupv_1l9g5_107 > ul > li.awsui_enabled_1xupv_1l9g5_259 > a:not(#\9):hover > .awsui_title_1xupv_1l9g5_209 {
+  color: var(--color-background-control-checked-k2dd8u, #0972d3);
 }
 
-.awsui_navigation_1xupv_1mgkg_123:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) {
-  color: var(--color-text-disabled-tdcdwa, #9ba7b6);
+.awsui_navigation_1xupv_1l9g5_123:not(#\9):not(.awsui_refresh_1xupv_1l9g5_107) {
+  color: var(--color-text-disabled-t7vw2a, #9ba7b6);
   display: inline-block;
-  margin-right: calc(2 * var(--space-xxxl-rhml9p, 40px));
+  margin-right: calc(2 * var(--space-xxxl-65sweb, 40px));
   min-width: 200px;
-  padding-top: var(--space-xxs-a6783b, 4px);
+  padding-top: var(--space-xxs-ja5cp8, 4px);
   width: 200px;
 }
-.awsui_navigation_1xupv_1mgkg_123:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) > ul {
+.awsui_navigation_1xupv_1l9g5_123:not(#\9):not(.awsui_refresh_1xupv_1l9g5_107) > ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.awsui_navigation_1xupv_1mgkg_123:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) > ul > li {
+.awsui_navigation_1xupv_1l9g5_123:not(#\9):not(.awsui_refresh_1xupv_1l9g5_107) > ul > li {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
-  padding-bottom: var(--space-scaled-m-9q5ipc, 16px);
+  padding-bottom: var(--space-scaled-m-gxhdpl, 16px);
   padding-top: 0;
 }
-.awsui_navigation_1xupv_1mgkg_123:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) > ul > li:not(:first-child) {
-  margin-top: var(--space-scaled-m-9q5ipc, 16px);
+.awsui_navigation_1xupv_1l9g5_123:not(#\9):not(.awsui_refresh_1xupv_1l9g5_107) > ul > li:not(:first-child) {
+  margin-top: var(--space-scaled-m-gxhdpl, 16px);
 }
-.awsui_navigation_1xupv_1mgkg_123:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) > ul > li:not(:last-child) {
-  border-bottom: var(--border-divider-list-width-fsy9j8, 1px) solid var(--color-border-layout-9uohmx, #d1d5db);
+.awsui_navigation_1xupv_1l9g5_123:not(#\9):not(.awsui_refresh_1xupv_1l9g5_107) > ul > li:not(:last-child) {
+  border-bottom: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-layout-wyrb3c, #d1d5db);
 }
 
-.awsui_form_1xupv_1mgkg_301:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) {
+.awsui_form_1xupv_1l9g5_301:not(#\9):not(.awsui_refresh_1xupv_1l9g5_107) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   width: 100%;
 }
-.awsui_form_1xupv_1mgkg_301:not(#\9):not(.awsui_refresh_1xupv_1mgkg_107) > .awsui_form-header_1xupv_1mgkg_307 {
+.awsui_form_1xupv_1l9g5_301:not(#\9):not(.awsui_refresh_1xupv_1l9g5_107) > .awsui_form-header_1xupv_1l9g5_307 {
   position: relative;
-  margin-bottom: var(--space-scaled-m-9q5ipc, 16px);
+  margin-bottom: var(--space-scaled-m-gxhdpl, 16px);
 }
 
-.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107:not(#\9) {
+.awsui_form_1xupv_1l9g5_301.awsui_refresh_1xupv_1l9g5_107:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107 > .awsui_background_1xupv_1mgkg_318:not(#\9) {
-  background-color: var(--color-background-layout-main-iz43sl, #ffffff);
+.awsui_form_1xupv_1l9g5_301.awsui_refresh_1xupv_1l9g5_107 > .awsui_background_1xupv_1l9g5_318:not(#\9) {
+  background-color: var(--color-background-layout-main-m49752, #ffffff);
   grid-column: 1/span 2;
   grid-row: 1;
-  color: var(--color-text-body-default-01bwmw, #000716);
+  color: var(--color-text-body-default-mmvcvg, #000716);
 }
-.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107 > .awsui_form-header_1xupv_1mgkg_307:not(#\9) {
-  background-color: var(--color-background-layout-main-iz43sl, #ffffff);
+.awsui_form_1xupv_1l9g5_301.awsui_refresh_1xupv_1l9g5_107 > .awsui_form-header_1xupv_1l9g5_307:not(#\9) {
+  background-color: var(--color-background-layout-main-m49752, #ffffff);
   grid-column: 2;
   grid-row: 1;
-  color: var(--color-text-body-default-01bwmw, #000716);
+  color: var(--color-text-body-default-mmvcvg, #000716);
 }
-.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107 > .awsui_form-header_1xupv_1mgkg_307 > .awsui_form-header-content_1xupv_1mgkg_330:not(#\9) {
-  padding-top: var(--space-scaled-m-9q5ipc, 16px);
-  padding-bottom: var(--space-scaled-m-9q5ipc, 16px);
+.awsui_form_1xupv_1l9g5_301.awsui_refresh_1xupv_1l9g5_107 > .awsui_form-header_1xupv_1l9g5_307 > .awsui_form-header-content_1xupv_1l9g5_330:not(#\9) {
+  padding-top: var(--space-scaled-m-gxhdpl, 16px);
+  padding-bottom: var(--space-scaled-m-gxhdpl, 16px);
 }
-.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107 > .awsui_form-component_1xupv_1mgkg_334:not(#\9) {
+.awsui_form_1xupv_1l9g5_301.awsui_refresh_1xupv_1l9g5_107 > .awsui_form-component_1xupv_1l9g5_334:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107.awsui_small-container_1xupv_1mgkg_114 > .awsui_form-header_1xupv_1mgkg_307:not(#\9) {
+.awsui_form_1xupv_1l9g5_301.awsui_refresh_1xupv_1l9g5_107.awsui_small-container_1xupv_1l9g5_114 > .awsui_form-header_1xupv_1l9g5_307:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107.awsui_small-container_1xupv_1mgkg_114 > .awsui_form-header_1xupv_1mgkg_307 > .awsui_form-header-content_1xupv_1mgkg_330:not(#\9) {
+.awsui_form_1xupv_1l9g5_301.awsui_refresh_1xupv_1l9g5_107.awsui_small-container_1xupv_1l9g5_114 > .awsui_form-header_1xupv_1l9g5_307 > .awsui_form-header-content_1xupv_1l9g5_330:not(#\9) {
   padding-top: 0;
 }
-.awsui_form_1xupv_1mgkg_301.awsui_refresh_1xupv_1mgkg_107.awsui_small-container_1xupv_1mgkg_114 > .awsui_form-component_1xupv_1mgkg_334:not(#\9) {
+.awsui_form_1xupv_1l9g5_301.awsui_refresh_1xupv_1l9g5_107.awsui_small-container_1xupv_1l9g5_114 > .awsui_form-component_1xupv_1l9g5_334:not(#\9) {
   grid-column: 1/span 2;
 }
 
-.awsui_navigation_1xupv_1mgkg_123.awsui_hidden_1xupv_1mgkg_348:not(#\9) {
+.awsui_navigation_1xupv_1l9g5_123.awsui_hidden_1xupv_1l9g5_348:not(#\9) {
   display: none;
 }
 
-.awsui_collapsed-steps_1xupv_1mgkg_352:not(#\9) {
-  color: var(--color-text-heading-secondary-nwxx97, #414d5c);
+.awsui_collapsed-steps_1xupv_1l9g5_352:not(#\9) {
+  color: var(--color-text-heading-secondary-x2nd6m, #414d5c);
   font-weight: 700;
-  padding-top: var(--space-scaled-xxs-ugy2pw, 4px);
+  padding-top: var(--space-scaled-xxs-t2t62i, 4px);
 }
-.awsui_collapsed-steps-hidden_1xupv_1mgkg_357:not(#\9) {
+.awsui_collapsed-steps-hidden_1xupv_1l9g5_357:not(#\9) {
   display: none;
 }
 
-.awsui_form-header-component-wrapper_1xupv_1mgkg_361:not(#\9) {
+.awsui_form-header-component-wrapper_1xupv_1l9g5_361:not(#\9) {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1mgkg_361:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1l9g5_361:not(#\9):focus {
   outline: thin dotted;
-  outline: var(--border-link-focus-ring-outline-9izd6a, 0);
+  outline: var(--border-link-focus-ring-outline-pwlekd, 0);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-nwfxo7, #0972d3);
-  border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-j8u4jv, 2px) var(--color-border-item-focused-nwfxo7, #0972d3);
+  outline-color: var(--color-border-item-focused-4t19h5, #0972d3);
+  border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-z7lixz, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
 }
 
-.awsui_form-header-component_1xupv_1mgkg_361:not(#\9),
-.awsui_navigation-link_1xupv_1mgkg_374:not(#\9),
-.awsui_navigation-link-item_1xupv_1mgkg_375:not(#\9),
-.awsui_navigation-link-label_1xupv_1mgkg_376:not(#\9) {
+.awsui_form-header-component_1xupv_1l9g5_361:not(#\9),
+.awsui_navigation-link_1xupv_1l9g5_374:not(#\9),
+.awsui_navigation-link-item_1xupv_1l9g5_375:not(#\9),
+.awsui_navigation-link-label_1xupv_1l9g5_376:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_navigation-link-active_1xupv_1mgkg_380:not(#\9) {
+.awsui_navigation-link-active_1xupv_1l9g5_380:not(#\9) {
   font-weight: 700;
-  color: var(--color-text-body-default-01bwmw, #000716);
+  color: var(--color-text-body-default-mmvcvg, #000716);
 }
 
-.awsui_navigation-link-disabled_1xupv_1mgkg_385:not(#\9) {
-  color: var(--color-text-status-inactive-w8tk0o, #5f6b7a);
+.awsui_navigation-link-disabled_1xupv_1l9g5_385:not(#\9) {
+  color: var(--color-text-status-inactive-5laoxv, #5f6b7a);
 }
 
-.awsui_cancel-button_1xupv_1mgkg_389:not(#\9),
-.awsui_previous-button_1xupv_1mgkg_390:not(#\9),
-.awsui_primary-button_1xupv_1mgkg_391:not(#\9),
-.awsui_skip-to-button_1xupv_1mgkg_392:not(#\9) {
+.awsui_cancel-button_1xupv_1l9g5_389:not(#\9),
+.awsui_previous-button_1xupv_1l9g5_390:not(#\9),
+.awsui_primary-button_1xupv_1l9g5_391:not(#\9),
+.awsui_skip-to-button_1xupv_1l9g5_392:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_action-buttons_1xupv_1mgkg_396:not(#\9) {
+.awsui_action-buttons_1xupv_1l9g5_396:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

package/wizard/styles.selectors.js

@@ -2,36 +2,36 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1xupv_1mgkg_94",
-  "wizard": "awsui_wizard_1xupv_1mgkg_107",
-  "refresh": "awsui_refresh_1xupv_1mgkg_107",
-  "small-container": "awsui_small-container_1xupv_1mgkg_114",
-  "navigation": "awsui_navigation_1xupv_1mgkg_123",
-  "number": "awsui_number_1xupv_1mgkg_185",
-  "circle": "awsui_circle_1xupv_1mgkg_201",
-  "title": "awsui_title_1xupv_1mgkg_209",
-  "active": "awsui_active_1xupv_1mgkg_238",
-  "disabled": "awsui_disabled_1xupv_1mgkg_249",
-  "enabled": "awsui_enabled_1xupv_1mgkg_259",
-  "form": "awsui_form_1xupv_1mgkg_301",
-  "form-header": "awsui_form-header_1xupv_1mgkg_307",
-  "background": "awsui_background_1xupv_1mgkg_318",
-  "form-header-content": "awsui_form-header-content_1xupv_1mgkg_330",
-  "form-component": "awsui_form-component_1xupv_1mgkg_334",
-  "hidden": "awsui_hidden_1xupv_1mgkg_348",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_1mgkg_352",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1mgkg_357",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1mgkg_361",
-  "form-header-component": "awsui_form-header-component_1xupv_1mgkg_361",
-  "navigation-link": "awsui_navigation-link_1xupv_1mgkg_374",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_1mgkg_375",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_1mgkg_376",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_1mgkg_380",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1mgkg_385",
-  "cancel-button": "awsui_cancel-button_1xupv_1mgkg_389",
-  "previous-button": "awsui_previous-button_1xupv_1mgkg_390",
-  "primary-button": "awsui_primary-button_1xupv_1mgkg_391",
-  "skip-to-button": "awsui_skip-to-button_1xupv_1mgkg_392",
-  "action-buttons": "awsui_action-buttons_1xupv_1mgkg_396"
+  "root": "awsui_root_1xupv_1l9g5_94",
+  "wizard": "awsui_wizard_1xupv_1l9g5_107",
+  "refresh": "awsui_refresh_1xupv_1l9g5_107",
+  "small-container": "awsui_small-container_1xupv_1l9g5_114",
+  "navigation": "awsui_navigation_1xupv_1l9g5_123",
+  "number": "awsui_number_1xupv_1l9g5_185",
+  "circle": "awsui_circle_1xupv_1l9g5_201",
+  "title": "awsui_title_1xupv_1l9g5_209",
+  "active": "awsui_active_1xupv_1l9g5_238",
+  "disabled": "awsui_disabled_1xupv_1l9g5_249",
+  "enabled": "awsui_enabled_1xupv_1l9g5_259",
+  "form": "awsui_form_1xupv_1l9g5_301",
+  "form-header": "awsui_form-header_1xupv_1l9g5_307",
+  "background": "awsui_background_1xupv_1l9g5_318",
+  "form-header-content": "awsui_form-header-content_1xupv_1l9g5_330",
+  "form-component": "awsui_form-component_1xupv_1l9g5_334",
+  "hidden": "awsui_hidden_1xupv_1l9g5_348",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_1l9g5_352",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1l9g5_357",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1l9g5_361",
+  "form-header-component": "awsui_form-header-component_1xupv_1l9g5_361",
+  "navigation-link": "awsui_navigation-link_1xupv_1l9g5_374",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_1l9g5_375",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_1l9g5_376",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_1l9g5_380",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1l9g5_385",
+  "cancel-button": "awsui_cancel-button_1xupv_1l9g5_389",
+  "previous-button": "awsui_previous-button_1xupv_1l9g5_390",
+  "primary-button": "awsui_primary-button_1xupv_1l9g5_391",
+  "skip-to-button": "awsui_skip-to-button_1xupv_1l9g5_392",
+  "action-buttons": "awsui_action-buttons_1xupv_1l9g5_396"
 };