@cloudscape-design/components 3.0.637 → 3.0.639

package/wizard/internal.js

@@ -10,7 +10,6 @@ import { useContainerBreakpoints } from '../internal/hooks/container-queries';
 import { useControllable } from '../internal/hooks/use-controllable';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
-import { getContentHeaderClassName } from '../internal/utils/content-header-utils';
 import { useInternalI18n } from '../i18n/context';
 import { FunnelMetrics } from '../internal/analytics';
 import { useFunnel } from '../internal/analytics/hooks/use-funnel';
@@ -19,7 +18,6 @@ import WizardForm, { STEP_NAME_SELECTOR } from './wizard-form';
 import WizardNavigation from './wizard-navigation';
 import styles from './styles.css.js';
 import { useFunnelChangeEvent } from './analytics';
-import { shouldRemoveHighContrastHeader } from '../internal/utils/content-header-utils';
 export default function InternalWizard(_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j;
     var { steps, activeStepIndex: controlledActiveStepIndex, submitButtonText, isLoadingNextStep = false, allowSkipTo = false, secondaryActions, onCancel, onSubmit, onNavigate, __internalRootRef } = _a, rest = __rest(_a, ["steps", "activeStepIndex", "submitButtonText", "isLoadingNextStep", "allowSkipTo", "secondaryActions", "onCancel", "onSubmit", "onNavigate", "__internalRootRef"]);
@@ -82,10 +80,10 @@ export default function InternalWizard(_a) {
         warnOnce('Wizard', `You have set \`allowSkipTo\` but you have not provided \`i18nStrings.skipToButtonLabel\`. The skip-to button will not be rendered.`);
     }
     return (React.createElement("div", Object.assign({}, baseProps, funnelProps, { ref: ref, className: clsx(styles.root, baseProps.className) }),
-        React.createElement("div", { className: clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'], shouldRemoveHighContrastHeader() && styles['remove-high-contrast-header']) },
+        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 }),
-            React.createElement("div", { className: clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'], shouldRemoveHighContrastHeader() && styles['remove-high-contrast-header']) },
-                isVisualRefresh && React.createElement("div", { className: clsx(styles.background, getContentHeaderClassName()) }),
+            React.createElement("div", { className: clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container']) },
+                isVisualRefresh && React.createElement("div", { className: clsx(styles.background) }),
                 React.createElement(WizardForm, { steps: steps, isVisualRefresh: isVisualRefresh, showCollapsedSteps: smallContainer, i18nStrings: i18nStrings, submitButtonText: submitButtonText, activeStepIndex: actualActiveStepIndex, isPrimaryLoading: isLoadingNextStep, allowSkipTo: allowSkipTo, secondaryActions: secondaryActions, onCancelClick: onCancelClick, onPreviousClick: onPreviousClick, onSkipToClick: onSkipToClick, onPrimaryClick: onPrimaryClick })))));
 }
 //# sourceMappingURL=internal.js.map

package/wizard/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/wizard/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { getContentHeaderClassName } from '../internal/utils/content-header-utils';\n\nimport { useInternalI18n } from '../i18n/context';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport { getNameFromSelector, getSubStepAllSelector } from '../internal/analytics/selectors';\n\nimport WizardForm, { STEP_NAME_SELECTOR } from './wizard-form';\nimport WizardNavigation from './wizard-navigation';\n\nimport { WizardProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport { useFunnelChangeEvent } from './analytics';\nimport { shouldRemoveHighContrastHeader } from '../internal/utils/content-header-utils';\n\ntype InternalWizardProps = WizardProps & InternalBaseComponentProps;\n\nexport default function InternalWizard({\n  steps,\n  activeStepIndex: controlledActiveStepIndex,\n  submitButtonText,\n  isLoadingNextStep = false,\n  allowSkipTo = false,\n  secondaryActions,\n  onCancel,\n  onSubmit,\n  onNavigate,\n  __internalRootRef,\n  ...rest\n}: InternalWizardProps) {\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 { funnelIdentifier, funnelInteractionId, funnelSubmit, funnelCancel, funnelProps, funnelNextOrSubmitAttempt } =\n    useFunnel();\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    if (funnelInteractionId) {\n      const stepName = getNameFromSelector(STEP_NAME_SELECTOR);\n\n      FunnelMetrics.funnelStepNavigation({\n        navigationType: reason,\n        funnelInteractionId,\n        stepNumber: actualActiveStepIndex + 1,\n        stepName,\n        stepNameSelector: STEP_NAME_SELECTOR,\n        destinationStepNumber: requestedStepIndex + 1,\n        subStepAllSelector: getSubStepAllSelector(),\n      });\n    }\n\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 = () => {\n    funnelCancel();\n    fireNonCancelableEvent(onCancel);\n  };\n  const onPreviousClick = () => navigationEvent(actualActiveStepIndex - 1, 'previous');\n  const onPrimaryClick = () => {\n    funnelNextOrSubmitAttempt();\n\n    if (isLastStep) {\n      funnelSubmit();\n      fireNonCancelableEvent(onSubmit);\n    } else {\n      navigationEvent(actualActiveStepIndex + 1, 'next');\n    }\n  };\n\n  useFunnelChangeEvent(funnelInteractionId, funnelIdentifier, steps);\n\n  const i18n = useInternalI18n('wizard');\n  const skipToButtonLabel = i18n(\n    'i18nStrings.skipToButtonLabel',\n    rest.i18nStrings?.skipToButtonLabel,\n    format => task => format({ task__title: task.title })\n  );\n\n  const i18nStrings: WizardProps.I18nStrings = {\n    ...rest.i18nStrings,\n    skipToButtonLabel,\n    stepNumberLabel: i18n(\n      'i18nStrings.stepNumberLabel',\n      rest.i18nStrings?.stepNumberLabel,\n      format => stepNumber => format({ stepNumber })\n    ),\n    collapsedStepsLabel: i18n(\n      'i18nStrings.collapsedStepsLabel',\n      rest.i18nStrings?.collapsedStepsLabel,\n      format => (stepNumber, stepsCount) => format({ stepNumber, stepsCount })\n    ),\n    navigationAriaLabel: i18n('i18nStrings.navigationAriaLabel', rest.i18nStrings?.navigationAriaLabel),\n    cancelButton: i18n('i18nStrings.cancelButton', rest.i18nStrings?.cancelButton),\n    previousButton: i18n('i18nStrings.previousButton', rest.i18nStrings?.previousButton),\n    nextButton: i18n('i18nStrings.nextButton', rest.i18nStrings?.nextButton),\n    optional: i18n('i18nStrings.optional', rest.i18nStrings?.optional),\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 && !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  return (\n    <div {...baseProps} {...funnelProps} ref={ref} className={clsx(styles.root, baseProps.className)}>\n      <div\n        className={clsx(\n          styles.wizard,\n          isVisualRefresh && styles.refresh,\n          smallContainer && styles['small-container'],\n          shouldRemoveHighContrastHeader() && styles['remove-high-contrast-header']\n        )}\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(\n            styles.form,\n            isVisualRefresh && styles.refresh,\n            smallContainer && styles['small-container'],\n            shouldRemoveHighContrastHeader() && styles['remove-high-contrast-header']\n          )}\n        >\n          {isVisualRefresh && <div className={clsx(styles.background, getContentHeaderClassName())} />}\n          <WizardForm\n            steps={steps}\n            isVisualRefresh={isVisualRefresh}\n            showCollapsedSteps={smallContainer}\n            i18nStrings={i18nStrings}\n            submitButtonText={submitButtonText}\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"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/wizard/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAGrE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAE7F,OAAO,UAAU,EAAE,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAInD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAInD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAYjB;;QAZiB,EACrC,KAAK,EACL,eAAe,EAAE,yBAAyB,EAC1C,gBAAgB,EAChB,iBAAiB,GAAG,KAAK,EACzB,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,iBAAiB,OAEG,EADjB,IAAI,cAX8B,mKAYtC,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG,uBAAuB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACrE,MAAM,GAAG,GAAG,YAAY,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;IAE5D,MAAM,cAAc,GAAG,UAAU,KAAK,SAAS,CAAC;IAEhD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,eAAe,CAAC,yBAAyB,EAAE,UAAU,EAAE,CAAC,EAAE;QACtG,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,iBAAiB;QACjC,aAAa,EAAE,YAAY;KAC5B,CAAC,CAAC;IACH,MAAM,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,yBAAyB,EAAE,GACjH,SAAS,EAAE,CAAC;IACd,MAAM,qBAAqB,GAAG,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhG,MAAM,iBAAiB,GAAG,MAAM,CAAS,qBAAqB,CAAC,CAAC;IAChE,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;IAEvF,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,UAAU,GAAG,qBAAqB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7D,MAAM,eAAe,GAAG,CAAC,kBAA0B,EAAE,MAAoC,EAAE,EAAE;QAC3F,IAAI,mBAAmB,EAAE;YACvB,MAAM,QAAQ,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;YAEzD,aAAa,CAAC,oBAAoB,CAAC;gBACjC,cAAc,EAAE,MAAM;gBACtB,mBAAmB;gBACnB,UAAU,EAAE,qBAAqB,GAAG,CAAC;gBACrC,QAAQ;gBACR,gBAAgB,EAAE,kBAAkB;gBACpC,qBAAqB,EAAE,kBAAkB,GAAG,CAAC;gBAC7C,kBAAkB,EAAE,qBAAqB,EAAE;aAC5C,CAAC,CAAC;SACJ;QAED,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;QACvC,sBAAsB,CAAC,UAAU,EAAE,EAAE,kBAAkB,EAAE,MAAM,EAAE,CAAC,CAAC;IACrE,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAC9E,MAAM,aAAa,GAAG,CAAC,SAAiB,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAChF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,EAAE,CAAC;QACf,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC;IACF,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,qBAAqB,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;IACrF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,yBAAyB,EAAE,CAAC;QAE5B,IAAI,UAAU,EAAE;YACd,YAAY,EAAE,CAAC;YACf,sBAAsB,CAAC,QAAQ,CAAC,CAAC;SAClC;aAAM;YACL,eAAe,CAAC,qBAAqB,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;SACpD;IACH,CAAC,CAAC;IAEF,oBAAoB,CAAC,mBAAmB,EAAE,gBAAgB,EAAE,KAAK,CAAC,CAAC;IAEnE,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,iBAAiB,GAAG,IAAI,CAC5B,+BAA+B,EAC/B,MAAA,IAAI,CAAC,WAAW,0CAAE,iBAAiB,EACnC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CACtD,CAAC;IAEF,MAAM,WAAW,mCACZ,IAAI,CAAC,WAAW,KACnB,iBAAiB,EACjB,eAAe,EAAE,IAAI,CACnB,6BAA6B,EAC7B,MAAA,IAAI,CAAC,WAAW,0CAAE,eAAe,EACjC,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC,CAC/C,EACD,mBAAmB,EAAE,IAAI,CACvB,iCAAiC,EACjC,MAAA,IAAI,CAAC,WAAW,0CAAE,mBAAmB,EACrC,MAAM,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CACzE,EACD,mBAAmB,EAAE,IAAI,CAAC,iCAAiC,EAAE,MAAA,IAAI,CAAC,WAAW,0CAAE,mBAAmB,CAAC,EACnG,YAAY,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAA,IAAI,CAAC,WAAW,0CAAE,YAAY,CAAC,EAC9E,cAAc,EAAE,IAAI,CAAC,4BAA4B,EAAE,MAAA,IAAI,CAAC,WAAW,0CAAE,cAAc,CAAC,EACpF,UAAU,EAAE,IAAI,CAAC,wBAAwB,EAAE,MAAA,IAAI,CAAC,WAAW,0CAAE,UAAU,CAAC,EACxE,QAAQ,EAAE,IAAI,CAAC,sBAAsB,EAAE,MAAA,IAAI,CAAC,WAAW,0CAAE,QAAQ,CAAC,GACnE,CAAC;IAEF,IAAI,eAAe,IAAI,eAAe,IAAI,KAAK,CAAC,MAAM,EAAE;QACtD,QAAQ,CACN,QAAQ,EACR,uCAAuC,eAAe,+BACpD,KAAK,CAAC,MACR,uDAAuD,KAAK,CAAC,MAAM,GAAG,CAAC,WAAW,CACnF,CAAC;KACH;IAED,IAAI,WAAW,IAAI,CAAC,iBAAiB,EAAE;QACrC,QAAQ,CACN,QAAQ,EACR,oIAAoI,CACrI,CAAC;KACH;IAED,OAAO,CACL,6CAAS,SAAS,EAAM,WAAW,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC;QAC9F,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,CAAC,GAAI;gBAC/D,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,cAAc,EAClC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nimport { useInternalI18n } from '../i18n/context';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport { getNameFromSelector, getSubStepAllSelector } from '../internal/analytics/selectors';\n\nimport WizardForm, { STEP_NAME_SELECTOR } from './wizard-form';\nimport WizardNavigation from './wizard-navigation';\n\nimport { WizardProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport { useFunnelChangeEvent } from './analytics';\n\ntype InternalWizardProps = WizardProps & InternalBaseComponentProps;\n\nexport default function InternalWizard({\n  steps,\n  activeStepIndex: controlledActiveStepIndex,\n  submitButtonText,\n  isLoadingNextStep = false,\n  allowSkipTo = false,\n  secondaryActions,\n  onCancel,\n  onSubmit,\n  onNavigate,\n  __internalRootRef,\n  ...rest\n}: InternalWizardProps) {\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 { funnelIdentifier, funnelInteractionId, funnelSubmit, funnelCancel, funnelProps, funnelNextOrSubmitAttempt } =\n    useFunnel();\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    if (funnelInteractionId) {\n      const stepName = getNameFromSelector(STEP_NAME_SELECTOR);\n\n      FunnelMetrics.funnelStepNavigation({\n        navigationType: reason,\n        funnelInteractionId,\n        stepNumber: actualActiveStepIndex + 1,\n        stepName,\n        stepNameSelector: STEP_NAME_SELECTOR,\n        destinationStepNumber: requestedStepIndex + 1,\n        subStepAllSelector: getSubStepAllSelector(),\n      });\n    }\n\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 = () => {\n    funnelCancel();\n    fireNonCancelableEvent(onCancel);\n  };\n  const onPreviousClick = () => navigationEvent(actualActiveStepIndex - 1, 'previous');\n  const onPrimaryClick = () => {\n    funnelNextOrSubmitAttempt();\n\n    if (isLastStep) {\n      funnelSubmit();\n      fireNonCancelableEvent(onSubmit);\n    } else {\n      navigationEvent(actualActiveStepIndex + 1, 'next');\n    }\n  };\n\n  useFunnelChangeEvent(funnelInteractionId, funnelIdentifier, steps);\n\n  const i18n = useInternalI18n('wizard');\n  const skipToButtonLabel = i18n(\n    'i18nStrings.skipToButtonLabel',\n    rest.i18nStrings?.skipToButtonLabel,\n    format => task => format({ task__title: task.title })\n  );\n\n  const i18nStrings: WizardProps.I18nStrings = {\n    ...rest.i18nStrings,\n    skipToButtonLabel,\n    stepNumberLabel: i18n(\n      'i18nStrings.stepNumberLabel',\n      rest.i18nStrings?.stepNumberLabel,\n      format => stepNumber => format({ stepNumber })\n    ),\n    collapsedStepsLabel: i18n(\n      'i18nStrings.collapsedStepsLabel',\n      rest.i18nStrings?.collapsedStepsLabel,\n      format => (stepNumber, stepsCount) => format({ stepNumber, stepsCount })\n    ),\n    navigationAriaLabel: i18n('i18nStrings.navigationAriaLabel', rest.i18nStrings?.navigationAriaLabel),\n    cancelButton: i18n('i18nStrings.cancelButton', rest.i18nStrings?.cancelButton),\n    previousButton: i18n('i18nStrings.previousButton', rest.i18nStrings?.previousButton),\n    nextButton: i18n('i18nStrings.nextButton', rest.i18nStrings?.nextButton),\n    optional: i18n('i18nStrings.optional', rest.i18nStrings?.optional),\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 && !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  return (\n    <div {...baseProps} {...funnelProps} ref={ref} className={clsx(styles.root, baseProps.className)}>\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)} />}\n          <WizardForm\n            steps={steps}\n            isVisualRefresh={isVisualRefresh}\n            showCollapsedSteps={smallContainer}\n            i18nStrings={i18nStrings}\n            submitButtonText={submitButtonText}\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"]}

package/wizard/styles.css.js

@@ -1,37 +1,36 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1xupv_e5t6y_100",
-  "wizard": "awsui_wizard_1xupv_e5t6y_135",
-  "refresh": "awsui_refresh_1xupv_e5t6y_135",
-  "small-container": "awsui_small-container_1xupv_e5t6y_142",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_1xupv_e5t6y_146",
-  "navigation": "awsui_navigation_1xupv_e5t6y_154",
-  "number": "awsui_number_1xupv_e5t6y_236",
-  "circle": "awsui_circle_1xupv_e5t6y_252",
-  "title": "awsui_title_1xupv_e5t6y_263",
-  "active": "awsui_active_1xupv_e5t6y_294",
-  "disabled": "awsui_disabled_1xupv_e5t6y_305",
-  "enabled": "awsui_enabled_1xupv_e5t6y_315",
-  "form": "awsui_form_1xupv_e5t6y_357",
-  "form-header": "awsui_form-header_1xupv_e5t6y_362",
-  "background": "awsui_background_1xupv_e5t6y_372",
-  "form-header-content": "awsui_form-header-content_1xupv_e5t6y_384",
-  "form-component": "awsui_form-component_1xupv_e5t6y_392",
-  "hidden": "awsui_hidden_1xupv_e5t6y_406",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_e5t6y_410",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_e5t6y_415",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_e5t6y_419",
-  "form-header-component": "awsui_form-header-component_1xupv_e5t6y_419",
-  "navigation-link": "awsui_navigation-link_1xupv_e5t6y_435",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_e5t6y_436",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_e5t6y_437",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_e5t6y_441",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_e5t6y_446",
-  "cancel-button": "awsui_cancel-button_1xupv_e5t6y_450",
-  "previous-button": "awsui_previous-button_1xupv_e5t6y_451",
-  "primary-button": "awsui_primary-button_1xupv_e5t6y_452",
-  "skip-to-button": "awsui_skip-to-button_1xupv_e5t6y_453",
-  "action-buttons": "awsui_action-buttons_1xupv_e5t6y_457"
+  "root": "awsui_root_1xupv_17xky_100",
+  "wizard": "awsui_wizard_1xupv_17xky_135",
+  "refresh": "awsui_refresh_1xupv_17xky_135",
+  "small-container": "awsui_small-container_1xupv_17xky_142",
+  "navigation": "awsui_navigation_1xupv_17xky_151",
+  "number": "awsui_number_1xupv_17xky_183",
+  "circle": "awsui_circle_1xupv_17xky_199",
+  "title": "awsui_title_1xupv_17xky_210",
+  "active": "awsui_active_1xupv_17xky_241",
+  "disabled": "awsui_disabled_1xupv_17xky_252",
+  "enabled": "awsui_enabled_1xupv_17xky_262",
+  "form": "awsui_form_1xupv_17xky_304",
+  "form-header": "awsui_form-header_1xupv_17xky_309",
+  "background": "awsui_background_1xupv_17xky_319",
+  "form-header-content": "awsui_form-header-content_1xupv_17xky_331",
+  "form-component": "awsui_form-component_1xupv_17xky_335",
+  "hidden": "awsui_hidden_1xupv_17xky_349",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_17xky_353",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_17xky_358",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_17xky_362",
+  "form-header-component": "awsui_form-header-component_1xupv_17xky_362",
+  "navigation-link": "awsui_navigation-link_1xupv_17xky_378",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_17xky_379",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_17xky_380",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_17xky_384",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_17xky_389",
+  "cancel-button": "awsui_cancel-button_1xupv_17xky_393",
+  "previous-button": "awsui_previous-button_1xupv_17xky_394",
+  "primary-button": "awsui_primary-button_1xupv_17xky_395",
+  "skip-to-button": "awsui_skip-to-button_1xupv_17xky_396",
+  "action-buttons": "awsui_action-buttons_1xupv_17xky_400"
 };
   

package/wizard/styles.scoped.css

@@ -97,7 +97,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_e5t6y_100:not(#\9) {
+.awsui_root_1xupv_17xky_100:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -133,31 +133,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_wizard_1xupv_e5t6y_135.awsui_refresh_1xupv_e5t6y_135:not(#\9) {
+.awsui_wizard_1xupv_17xky_135.awsui_refresh_1xupv_17xky_135:not(#\9) {
   column-gap: var(--space-xl-lmui9r, 24px);
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   grid-template-rows: auto 1fr;
   row-gap: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_wizard_1xupv_e5t6y_135.awsui_refresh_1xupv_e5t6y_135.awsui_small-container_1xupv_e5t6y_142:not(#\9) {
+.awsui_wizard_1xupv_17xky_135.awsui_refresh_1xupv_17xky_135.awsui_small-container_1xupv_17xky_142:not(#\9) {
   grid-template-columns: minmax(0, 1fr) 0;
   row-gap: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_wizard_1xupv_e5t6y_135.awsui_refresh_1xupv_e5t6y_135:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_e5t6y_146) {
-  row-gap: var(--space-scaled-xl-kswcw7, 24px);
-}
 
-.awsui_wizard_1xupv_e5t6y_135:not(#\9):not(.awsui_refresh_1xupv_e5t6y_135) {
+.awsui_wizard_1xupv_17xky_135:not(#\9):not(.awsui_refresh_1xupv_17xky_135) {
   display: flex;
 }
 
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
   padding-block-start: calc(var(--space-xs-zb16t3, 8px) + var(--space-scaled-xxs-7597g1, 4px));
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135:not(#\9) {
   background: var(--color-background-container-content-4un1ap, #ffffff);
   position: relative;
   margin-block: 0;
@@ -168,57 +165,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 260px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_e5t6y_146) {
-  border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
-  border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
-  border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
-  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
-  box-sizing: border-box;
-  padding-block-start: var(--space-scaled-m-mo5yse, 16px);
-  padding-block-end: var(--space-scaled-l-0hpmd7, 20px);
-  padding-inline-start: var(--space-m-udix3p, 16px);
-  padding-inline-end: var(--space-l-t419sm, 20px);
-  inline-size: 280px;
-}
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_e5t6y_146).awsui_refresh_1xupv_e5t6y_135 {
-  border-block: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
-  border-inline: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
-}
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_e5t6y_146):not(.awsui_refresh_1xupv_e5t6y_135)::before {
-  content: "";
-  position: absolute;
-  inset-inline-start: 0px;
-  inset-block-start: 0px;
-  inline-size: 100%;
-  block-size: 100%;
-  pointer-events: none;
-  background: transparent;
-  box-sizing: border-box;
-  border-color: transparent;
-  border-block-start: var(--border-container-top-width-uugwwl, 0px) solid var(--color-border-container-top-736buh, transparent);
-  border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
-  border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
-  border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
-  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
-  z-index: 1;
-}
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_e5t6y_146):not(.awsui_refresh_1xupv_e5t6y_135)::after {
-  content: "";
-  position: absolute;
-  inset-inline-start: 0px;
-  inset-block-start: 0px;
-  inline-size: 100%;
-  block-size: 100%;
-  pointer-events: none;
-  background: transparent;
-  box-sizing: border-box;
-  border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
-  border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
-  border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
-  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
-  box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
-}
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li:not(#\9) {
   display: grid;
   column-gap: var(--space-xs-zb16t3, 8px);
   grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
@@ -226,7 +173,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li > hr:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li > hr:not(#\9) {
   background-color: var(--color-border-divider-default-j74lyz, #b6bec9);
   border-block: 0;
   border-inline: 0;
@@ -234,13 +181,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   inline-size: var(--space-xxxs-zbmxqb, 2px);
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li > .awsui_number_1xupv_e5t6y_236:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li > .awsui_number_1xupv_17xky_183:not(#\9) {
   color: var(--color-text-small-zfvvfc, #5f6b7a);
   font-size: var(--font-size-body-s-asqx2i, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li > a:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li > a:not(#\9) {
   align-items: start;
   column-gap: var(--space-xs-zb16t3, 8px);
   cursor: pointer;
@@ -250,7 +197,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-row: 2;
   grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li > a > .awsui_circle_1xupv_e5t6y_252:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li > a > .awsui_circle_1xupv_17xky_199:not(#\9) {
   border-start-start-radius: 100%;
   border-start-end-radius: 100%;
   border-end-start-radius: 100%;
@@ -261,12 +208,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: 6px;
   inline-size: 10px;
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li > a > .awsui_title_1xupv_e5t6y_263:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li > a > .awsui_title_1xupv_17xky_210:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   grid-column: 2;
 }
-body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li > a:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li > a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -277,58 +224,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_e5t6y_154.awsui_refr
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_e5t6y_236 {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_17xky_183 {
   margin-block-start: var(--space-m-udix3p, 16px);
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li.awsui_active_1xupv_e5t6y_294 > a:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li.awsui_active_1xupv_17xky_241 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li.awsui_active_1xupv_e5t6y_294 > a > .awsui_circle_1xupv_e5t6y_252:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li.awsui_active_1xupv_17xky_241 > a > .awsui_circle_1xupv_17xky_199:not(#\9) {
   background-color: var(--color-background-control-checked-w517i0, #0972d3);
   box-shadow: 0 0 0 3px var(--color-background-container-content-4un1ap, #ffffff), 0 0 0 5px var(--color-background-control-checked-w517i0, #0972d3), 0 0 0 7px var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li.awsui_active_1xupv_e5t6y_294 > a > .awsui_title_1xupv_e5t6y_263:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li.awsui_active_1xupv_17xky_241 > a > .awsui_title_1xupv_17xky_210:not(#\9) {
   color: var(--color-background-control-checked-w517i0, #0972d3);
   font-weight: 700;
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li.awsui_disabled_1xupv_e5t6y_305 > a:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li.awsui_disabled_1xupv_17xky_252 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li.awsui_disabled_1xupv_e5t6y_305 > a > .awsui_circle_1xupv_e5t6y_252:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li.awsui_disabled_1xupv_17xky_252 > a > .awsui_circle_1xupv_17xky_199:not(#\9) {
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
   box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-z7a3t4, #9ba7b6), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li.awsui_disabled_1xupv_e5t6y_305 > a > .awsui_title_1xupv_e5t6y_263:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li.awsui_disabled_1xupv_17xky_252 > a > .awsui_title_1xupv_17xky_210:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li.awsui_enabled_1xupv_e5t6y_315 > a > .awsui_circle_1xupv_e5t6y_252:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li.awsui_enabled_1xupv_17xky_262 > a > .awsui_circle_1xupv_17xky_199:not(#\9) {
   background-color: var(--color-text-interactive-default-lnx6lk, #414d5c);
   box-shadow: 0 0 0 2px var(--color-text-interactive-default-lnx6lk, #414d5c), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li.awsui_enabled_1xupv_e5t6y_315 > a > .awsui_title_1xupv_e5t6y_263:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li.awsui_enabled_1xupv_17xky_262 > a > .awsui_title_1xupv_17xky_210:not(#\9) {
   color: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li.awsui_enabled_1xupv_e5t6y_315 > a:not(#\9):hover > .awsui_circle_1xupv_e5t6y_252 {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li.awsui_enabled_1xupv_17xky_262 > a:not(#\9):hover > .awsui_circle_1xupv_17xky_199 {
   background-color: var(--color-background-control-checked-w517i0, #0972d3);
   box-shadow: 0 0 0 2px var(--color-background-control-checked-w517i0, #0972d3), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_navigation_1xupv_e5t6y_154.awsui_refresh_1xupv_e5t6y_135 > ul.awsui_refresh_1xupv_e5t6y_135 > li.awsui_enabled_1xupv_e5t6y_315 > a:not(#\9):hover > .awsui_title_1xupv_e5t6y_263 {
+.awsui_navigation_1xupv_17xky_151.awsui_refresh_1xupv_17xky_135 > ul.awsui_refresh_1xupv_17xky_135 > li.awsui_enabled_1xupv_17xky_262 > a:not(#\9):hover > .awsui_title_1xupv_17xky_210 {
   color: var(--color-background-control-checked-w517i0, #0972d3);
 }
 
-.awsui_navigation_1xupv_e5t6y_154:not(#\9):not(.awsui_refresh_1xupv_e5t6y_135) {
+.awsui_navigation_1xupv_17xky_151:not(#\9):not(.awsui_refresh_1xupv_17xky_135) {
   color: var(--color-text-disabled-f4c52h, #9ba7b6);
   display: inline-block;
   margin-inline-end: calc(2 * var(--space-xxxl-4x2gki, 40px));
@@ -336,91 +283,87 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_e5t6y_154.awsui_refr
   padding-block-start: var(--space-xxs-p8yyaw, 4px);
   inline-size: 200px;
 }
-.awsui_navigation_1xupv_e5t6y_154:not(#\9):not(.awsui_refresh_1xupv_e5t6y_135) > ul:not(.awsui_refresh_1xupv_e5t6y_135) {
+.awsui_navigation_1xupv_17xky_151:not(#\9):not(.awsui_refresh_1xupv_17xky_135) > ul:not(.awsui_refresh_1xupv_17xky_135) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_navigation_1xupv_e5t6y_154:not(#\9):not(.awsui_refresh_1xupv_e5t6y_135) > ul:not(.awsui_refresh_1xupv_e5t6y_135) > li {
+.awsui_navigation_1xupv_17xky_151:not(#\9):not(.awsui_refresh_1xupv_17xky_135) > ul:not(.awsui_refresh_1xupv_17xky_135) > li {
   min-inline-size: 0;
   word-break: break-word;
   padding-block: 0 var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_navigation_1xupv_e5t6y_154:not(#\9):not(.awsui_refresh_1xupv_e5t6y_135) > ul:not(.awsui_refresh_1xupv_e5t6y_135) > li:not(:first-child) {
+.awsui_navigation_1xupv_17xky_151:not(#\9):not(.awsui_refresh_1xupv_17xky_135) > ul:not(.awsui_refresh_1xupv_17xky_135) > li:not(:first-child) {
   margin-block-start: var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_navigation_1xupv_e5t6y_154:not(#\9):not(.awsui_refresh_1xupv_e5t6y_135) > ul:not(.awsui_refresh_1xupv_e5t6y_135) > li:not(:last-child) {
+.awsui_navigation_1xupv_17xky_151:not(#\9):not(.awsui_refresh_1xupv_17xky_135) > ul:not(.awsui_refresh_1xupv_17xky_135) > li:not(:last-child) {
   border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-layout-ownedw, #d1d5db);
 }
 
-.awsui_form_1xupv_e5t6y_357:not(#\9):not(.awsui_refresh_1xupv_e5t6y_135) {
+.awsui_form_1xupv_17xky_304:not(#\9):not(.awsui_refresh_1xupv_17xky_135) {
   min-inline-size: 0;
   word-break: break-word;
   inline-size: 100%;
 }
-.awsui_form_1xupv_e5t6y_357:not(#\9):not(.awsui_refresh_1xupv_e5t6y_135) > .awsui_form-header_1xupv_e5t6y_362 {
+.awsui_form_1xupv_17xky_304:not(#\9):not(.awsui_refresh_1xupv_17xky_135) > .awsui_form-header_1xupv_17xky_309 {
   position: relative;
   margin-block-end: var(--space-scaled-m-mo5yse, 16px);
 }
 
-.awsui_form_1xupv_e5t6y_357.awsui_refresh_1xupv_e5t6y_135:not(#\9) {
+.awsui_form_1xupv_17xky_304.awsui_refresh_1xupv_17xky_135:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_e5t6y_357.awsui_refresh_1xupv_e5t6y_135 > .awsui_background_1xupv_e5t6y_372:not(#\9) {
+.awsui_form_1xupv_17xky_304.awsui_refresh_1xupv_17xky_135 > .awsui_background_1xupv_17xky_319:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   grid-column: 1/span 2;
   grid-row: 1;
   color: var(--color-text-body-default-at06ol, #000716);
 }
-.awsui_form_1xupv_e5t6y_357.awsui_refresh_1xupv_e5t6y_135 > .awsui_form-header_1xupv_e5t6y_362:not(#\9) {
+.awsui_form_1xupv_17xky_304.awsui_refresh_1xupv_17xky_135 > .awsui_form-header_1xupv_17xky_309:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   grid-column: 2;
   grid-row: 1;
   color: var(--color-text-body-default-at06ol, #000716);
 }
-.awsui_form_1xupv_e5t6y_357.awsui_refresh_1xupv_e5t6y_135 > .awsui_form-header_1xupv_e5t6y_362 > .awsui_form-header-content_1xupv_e5t6y_384:not(#\9) {
+.awsui_form_1xupv_17xky_304.awsui_refresh_1xupv_17xky_135 > .awsui_form-header_1xupv_17xky_309 > .awsui_form-header-content_1xupv_17xky_331:not(#\9) {
   padding-block-start: calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxxs-27y4hv, 2px));
   padding-block-end: var(--space-scaled-s-aqzyko, 12px);
 }
-.awsui_form_1xupv_e5t6y_357.awsui_refresh_1xupv_e5t6y_135:not(#\9):not(.awsui_remove-high-contrast-header_1xupv_e5t6y_146) > .awsui_form-header_1xupv_e5t6y_362 > .awsui_form-header-content_1xupv_e5t6y_384 {
-  padding-block-start: calc(var(--space-l-t419sm, 20px) + var(--space-scaled-xxs-7597g1, 4px));
-  padding-block-end: var(--space-scaled-m-mo5yse, 16px);
-}
-.awsui_form_1xupv_e5t6y_357.awsui_refresh_1xupv_e5t6y_135 > .awsui_form-component_1xupv_e5t6y_392:not(#\9) {
+.awsui_form_1xupv_17xky_304.awsui_refresh_1xupv_17xky_135 > .awsui_form-component_1xupv_17xky_335:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_e5t6y_357.awsui_refresh_1xupv_e5t6y_135.awsui_small-container_1xupv_e5t6y_142 > .awsui_form-header_1xupv_e5t6y_362:not(#\9) {
+.awsui_form_1xupv_17xky_304.awsui_refresh_1xupv_17xky_135.awsui_small-container_1xupv_17xky_142 > .awsui_form-header_1xupv_17xky_309:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_form_1xupv_e5t6y_357.awsui_refresh_1xupv_e5t6y_135.awsui_small-container_1xupv_e5t6y_142 > .awsui_form-header_1xupv_e5t6y_362 > .awsui_form-header-content_1xupv_e5t6y_384:not(#\9) {
+.awsui_form_1xupv_17xky_304.awsui_refresh_1xupv_17xky_135.awsui_small-container_1xupv_17xky_142 > .awsui_form-header_1xupv_17xky_309 > .awsui_form-header-content_1xupv_17xky_331:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_form_1xupv_e5t6y_357.awsui_refresh_1xupv_e5t6y_135.awsui_small-container_1xupv_e5t6y_142 > .awsui_form-component_1xupv_e5t6y_392:not(#\9) {
+.awsui_form_1xupv_17xky_304.awsui_refresh_1xupv_17xky_135.awsui_small-container_1xupv_17xky_142 > .awsui_form-component_1xupv_17xky_335:not(#\9) {
   grid-column: 1/span 2;
 }
 
-.awsui_navigation_1xupv_e5t6y_154.awsui_hidden_1xupv_e5t6y_406:not(#\9) {
+.awsui_navigation_1xupv_17xky_151.awsui_hidden_1xupv_17xky_349:not(#\9) {
   display: none;
 }
 
-.awsui_collapsed-steps_1xupv_e5t6y_410:not(#\9) {
+.awsui_collapsed-steps_1xupv_17xky_353:not(#\9) {
   color: var(--color-text-heading-secondary-37b2tq, #414d5c);
   font-weight: 700;
   padding-block-start: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_collapsed-steps-hidden_1xupv_e5t6y_415:not(#\9) {
+.awsui_collapsed-steps-hidden_1xupv_17xky_358:not(#\9) {
   display: none;
 }
 
-.awsui_form-header-component-wrapper_1xupv_e5t6y_419:not(#\9) {
+.awsui_form-header-component-wrapper_1xupv_17xky_362:not(#\9) {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_e5t6y_419:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_17xky_362:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -432,30 +375,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_e
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_form-header-component_1xupv_e5t6y_419:not(#\9),
-.awsui_navigation-link_1xupv_e5t6y_435:not(#\9),
-.awsui_navigation-link-item_1xupv_e5t6y_436:not(#\9),
-.awsui_navigation-link-label_1xupv_e5t6y_437:not(#\9) {
+.awsui_form-header-component_1xupv_17xky_362:not(#\9),
+.awsui_navigation-link_1xupv_17xky_378:not(#\9),
+.awsui_navigation-link-item_1xupv_17xky_379:not(#\9),
+.awsui_navigation-link-label_1xupv_17xky_380:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_navigation-link-active_1xupv_e5t6y_441:not(#\9) {
+.awsui_navigation-link-active_1xupv_17xky_384:not(#\9) {
   font-weight: 700;
   color: var(--color-text-body-default-at06ol, #000716);
 }
 
-.awsui_navigation-link-disabled_1xupv_e5t6y_446:not(#\9) {
+.awsui_navigation-link-disabled_1xupv_17xky_389:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
 
-.awsui_cancel-button_1xupv_e5t6y_450:not(#\9),
-.awsui_previous-button_1xupv_e5t6y_451:not(#\9),
-.awsui_primary-button_1xupv_e5t6y_452:not(#\9),
-.awsui_skip-to-button_1xupv_e5t6y_453:not(#\9) {
+.awsui_cancel-button_1xupv_17xky_393:not(#\9),
+.awsui_previous-button_1xupv_17xky_394:not(#\9),
+.awsui_primary-button_1xupv_17xky_395:not(#\9),
+.awsui_skip-to-button_1xupv_17xky_396:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_action-buttons_1xupv_e5t6y_457:not(#\9) {
+.awsui_action-buttons_1xupv_17xky_400:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }