@kaizen/components 0.0.0-canary-unscrollable-20240221032028 → 0.0.0-canary-remove-tailwind-from-kaio-20240305223928

package/dist/esm/Slider/Slider.module.scss.mjs

@@ -1,6 +1,7 @@
 var styles = {
   "wrapper": "Slider-module_wrapper__zVX6g",
   "labelWrapper": "Slider-module_labelWrapper__WuUIw",
+  "label": "Slider-module_label__CfIjh",
   "labelInline": "Slider-module_labelInline__zjINd",
   "inputWrapper": "Slider-module_inputWrapper__n16yj",
   "descriptionDisabled": "Slider-module_descriptionDisabled__8GwiS",

package/dist/esm/Slider/Slider.module.scss.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"Slider.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/esm/Tile/MultiActionTile/MultiActionTile.mjs

@@ -7,7 +7,7 @@ var renderActions = function (primaryAction, secondaryAction) {
   return /*#__PURE__*/React.createElement("div", {
     className: styles.actions
   }, secondaryAction && ( /*#__PURE__*/React.createElement("div", {
-    className: "mr-8"
+    className: styles.secondaryAction
   }, /*#__PURE__*/React.createElement(Action, {
     action: secondaryAction,
     secondary: true

package/dist/esm/Tile/MultiActionTile/MultiActionTile.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MultiActionTile.mjs","sources":["../../../../src/Tile/MultiActionTile/MultiActionTile.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  GenericTile,\n  GenericTileProps,\n  TileAction,\n} from \"../subcomponents/GenericTile\"\nimport Action from \"../subcomponents/GenericTile/Action\"\nimport styles from \"./MultiActionTile.module.scss\"\n\nexport type MultiActionTileProps = {\n  primaryAction: TileAction\n  secondaryAction?: TileAction\n} & Omit<GenericTileProps, \"footer\">\n\nconst renderActions = (\n  primaryAction: TileAction,\n  secondaryAction?: TileAction\n): JSX.Element => (\n  <div className={styles.actions}>\n    {secondaryAction && (\n      <div className=\"mr-8\">\n        <Action action={secondaryAction} secondary />\n      </div>\n    )}\n    <Action action={primaryAction} />\n  </div>\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#MultiActionTile.1 Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tiles-multiactiontile--docs Storybook}\n */\nexport const MultiActionTile = ({\n  children,\n  primaryAction,\n  secondaryAction,\n  ...restProps\n}: MultiActionTileProps): JSX.Element => (\n  <GenericTile\n    footer={renderActions(primaryAction, secondaryAction)}\n    {...restProps}\n  >\n    {children}\n  </GenericTile>\n)\n\nMultiActionTile.displayName = \"MultiActionTile\"\n"],"names":["renderActions","primaryAction","secondaryAction","React","createElement","className","styles","actions","Action","action","secondary","MultiActionTile","_a","children","restProps","__rest","GenericTile","footer","displayName"],"mappings":";;;;;AAcA,IAAMA,aAAa,GAAG,SAAAA,CACpBC,aAAyB,EACzBC,eAA4B,EAAA;EACZ,oBAChBC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAC,SAAS,EAAEC,MAAM,CAACC;EAAO,CAAA,EAC3BL,eAAe,mBACdC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAC,SAAS,EAAC;EAAM,CAAA,eACnBF,KAAC,CAAAC,aAAA,CAAAI,MAAM;IAACC,MAAM,EAAEP,eAAe;IAAEQ,SAAS,EAAG;EAAA,CAAA,CAAA,CACzC,CACP,eACDP,KAAC,CAAAC,aAAA,CAAAI,MAAM,EAAC;IAAAC,MAAM,EAAER;IAAiB,CAC7B;CACP;AAED;;;AAGG;AAHH,MAIaU,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJrB,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRZ,aAAa,GAAAW,EAAA,CAAAX,aAAA;MACbC,eAAe,GAAAU,EAAA,CAAAV,eAAA;MACZY,SAAS,GAJkBC,MAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,iBAAA,CAK/B,CADa;IAC2B,oBACvCT,KAAC,CAAAC,aAAA,CAAAY,WAAW;MACVC,MAAM,EAAEjB,aAAa,CAACC,aAAa,EAAEC,eAAe;IAAC,CACjD,EAAAY,SAAS,GAEZD,QAAQ,CACG;GACf;EAEDF,eAAe,CAACO,WAAW,GAAG,iBAAiB;EAAA,OAdlCP,eAAe;AAAA;"}
+{"version":3,"file":"MultiActionTile.mjs","sources":["../../../../src/Tile/MultiActionTile/MultiActionTile.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  GenericTile,\n  GenericTileProps,\n  TileAction,\n} from \"../subcomponents/GenericTile\"\nimport Action from \"../subcomponents/GenericTile/Action\"\nimport styles from \"./MultiActionTile.module.scss\"\n\nexport type MultiActionTileProps = {\n  primaryAction: TileAction\n  secondaryAction?: TileAction\n} & Omit<GenericTileProps, \"footer\">\n\nconst renderActions = (\n  primaryAction: TileAction,\n  secondaryAction?: TileAction\n): JSX.Element => (\n  <div className={styles.actions}>\n    {secondaryAction && (\n      <div className={styles.secondaryAction}>\n        <Action action={secondaryAction} secondary />\n      </div>\n    )}\n    <Action action={primaryAction} />\n  </div>\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#MultiActionTile.1 Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tiles-multiactiontile--docs Storybook}\n */\nexport const MultiActionTile = ({\n  children,\n  primaryAction,\n  secondaryAction,\n  ...restProps\n}: MultiActionTileProps): JSX.Element => (\n  <GenericTile\n    footer={renderActions(primaryAction, secondaryAction)}\n    {...restProps}\n  >\n    {children}\n  </GenericTile>\n)\n\nMultiActionTile.displayName = \"MultiActionTile\"\n"],"names":["renderActions","primaryAction","secondaryAction","React","createElement","className","styles","actions","Action","action","secondary","MultiActionTile","_a","children","restProps","__rest","GenericTile","footer","displayName"],"mappings":";;;;;AAcA,IAAMA,aAAa,GAAG,SAAAA,CACpBC,aAAyB,EACzBC,eAA4B,EAAA;EACZ,oBAChBC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAC,SAAS,EAAEC,MAAM,CAACC;EAAO,CAAA,EAC3BL,eAAe,mBACdC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKC,SAAS,EAAEC,MAAM,CAACJ;EAAe,CAAA,eACpCC,KAAC,CAAAC,aAAA,CAAAI,MAAM;IAACC,MAAM,EAAEP,eAAe;IAAEQ,SAAS,EAAG;EAAA,CAAA,CAAA,CACzC,CACP,eACDP,KAAC,CAAAC,aAAA,CAAAI,MAAM,EAAC;IAAAC,MAAM,EAAER;IAAiB,CAC7B;CACP;AAED;;;AAGG;AAHH,MAIaU,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJrB,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRZ,aAAa,GAAAW,EAAA,CAAAX,aAAA;MACbC,eAAe,GAAAU,EAAA,CAAAV,eAAA;MACZY,SAAS,GAJkBC,MAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,iBAAA,CAK/B,CADa;IAC2B,oBACvCT,KAAC,CAAAC,aAAA,CAAAY,WAAW;MACVC,MAAM,EAAEjB,aAAa,CAACC,aAAa,EAAEC,eAAe;IAAC,CACjD,EAAAY,SAAS,GAEZD,QAAQ,CACG;GACf;EAEDF,eAAe,CAACO,WAAW,GAAG,iBAAiB;EAAA,OAdlCP,eAAe;AAAA;"}

package/dist/esm/Tile/MultiActionTile/MultiActionTile.module.scss.mjs

@@ -1,5 +1,6 @@
 var styles = {
-  "actions": "MultiActionTile-module_actions__mntsC"
+  "actions": "MultiActionTile-module_actions__mntsC",
+  "secondaryAction": "MultiActionTile-module_secondaryAction__DuXdD"
 };
 export { styles as default };
 //# sourceMappingURL=MultiActionTile.module.scss.mjs.map

package/dist/esm/Tile/MultiActionTile/MultiActionTile.module.scss.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MultiActionTile.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"MultiActionTile.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.mjs

@@ -32,7 +32,7 @@ const GenericTile = /*#__PURE__*/function () {
         variant: "heading-3",
         tag: titleTag
       }, title), metadata && ( /*#__PURE__*/React.createElement("div", {
-        className: "pt-4"
+        className: styles.titleMeta
       }, /*#__PURE__*/React.createElement(Text, {
         variant: "small",
         color: "dark-reduced-opacity"

package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GenericTile.mjs","sources":["../../../../../src/Tile/subcomponents/GenericTile/GenericTile.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { IconButton } from \"~components/Button\"\nimport { GenericButtonProps } from \"~components/Button/GenericButton\"\nimport { AllowedHeadingTags, Heading } from \"~components/Heading\"\nimport { ArrowBackwardIcon, InformationIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport Action from \"./Action\"\nimport { Moods } from \"./types\"\nimport styles from \"./GenericTile.module.scss\"\n\nexport type TileAction = {\n  label: string\n  onClick?: GenericButtonProps[\"onClick\"]\n  href?: string\n  icon?: JSX.Element\n  /**\n   * @deprecated use data-testid instead\n   */\n  automationId?: string\n  newTabAndIUnderstandTheAccessibilityImplications?: boolean\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type TileInformation = {\n  text: string\n  primaryAction?: TileAction\n  secondaryAction?: TileAction\n}\n\nexport type GenericTileProps = {\n  children?: React.ReactNode\n  title: React.ReactNode\n  titleTag?: AllowedHeadingTags\n  metadata?: string\n  information?: TileInformation | React.ReactNode\n  mood?: Moods\n  footer: React.ReactNode\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"title\">>\n\nexport const GenericTile = ({\n  children,\n  title,\n  titleTag = \"h3\",\n  metadata,\n  information,\n  mood,\n  footer,\n  classNameOverride,\n  ...restProps\n}: GenericTileProps): JSX.Element => {\n  const [isFlipped, setIsFlipped] = useState<boolean>(false)\n\n  const renderTitle = (): JSX.Element => (\n    <div className={styles.title}>\n      <Heading variant=\"heading-3\" tag={titleTag}>\n        {title}\n      </Heading>\n      {metadata && (\n        <div className=\"pt-4\">\n          <Text variant=\"small\" color=\"dark-reduced-opacity\">\n            {metadata}\n          </Text>\n        </div>\n      )}\n    </div>\n  )\n\n  const renderActions = (\n    primaryAction?: TileAction,\n    secondaryAction?: TileAction,\n    disabled?: boolean\n  ): JSX.Element => (\n    <div className={styles.actions}>\n      {secondaryAction && (\n        <Action action={secondaryAction} secondary disabled={disabled} />\n      )}\n      {primaryAction && <Action action={primaryAction} disabled={disabled} />}\n    </div>\n  )\n\n  const renderFront = (): JSX.Element => (\n    <div\n      className={classnames(\n        styles.face,\n        styles.faceFront,\n        mood === \"positive\" && styles.faceMoodPositive,\n        mood === \"informative\" && styles.faceMoodInformative,\n        mood === \"cautionary\" && styles.faceMoodCautionary,\n        mood === \"assertive\" && styles.faceMoodAssertive,\n        mood === \"negative\" && styles.faceMoodNegative,\n        mood === \"prominent\" && styles.faceMoodProminent\n      )}\n    >\n      {information && (\n        <div className={styles.informationBtn}>\n          <IconButton\n            label=\"Information\"\n            icon={<InformationIcon role=\"presentation\" />}\n            onClick={(): void => setIsFlipped(true)}\n            disabled={isFlipped}\n            aria-hidden={isFlipped}\n          />\n        </div>\n      )}\n      {renderTitle()}\n      <div className={styles.children}>{children && children}</div>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  )\n\n  const renderInformation = (\n    informationProp: GenericTileProps[\"information\"] | undefined\n  ): JSX.Element | React.ReactNode => {\n    if (\n      informationProp &&\n      typeof informationProp === \"object\" &&\n      \"text\" in informationProp\n    ) {\n      return (\n        <>\n          <Text variant=\"body\">{informationProp.text}</Text>\n          {(informationProp.primaryAction ||\n            informationProp.secondaryAction) && (\n            <div className={styles.footer}>\n              {renderActions(\n                informationProp.primaryAction,\n                informationProp.secondaryAction,\n                !isFlipped\n              )}\n            </div>\n          )}\n        </>\n      )\n    }\n\n    return informationProp\n  }\n\n  const renderBack = (): JSX.Element | void => {\n    if (!information) return\n\n    return (\n      <div className={classnames(styles.face, styles.faceBack)}>\n        <div className={styles.informationBtn}>\n          <IconButton\n            label=\"Information\"\n            icon={<ArrowBackwardIcon role=\"presentation\" />}\n            onClick={(): void => setIsFlipped(false)}\n            disabled={!isFlipped}\n            aria-hidden={!isFlipped}\n          />\n        </div>\n        <div className={styles.information}>\n          {renderInformation(information)}\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className={classnames(styles.root, classNameOverride)} {...restProps}>\n      <div className={classnames(styles.tile, isFlipped && styles.isFlipped)}>\n        <>\n          {renderFront()}\n          {renderBack()}\n        </>\n      </div>\n    </div>\n  )\n}\n\nGenericTile.displayName = \"GenericTile\"\n"],"names":["GenericTile","_a","children","title","_b","titleTag","metadata","information","mood","footer","classNameOverride","restProps","__rest","_c","useState","isFlipped","setIsFlipped","renderTitle","React","className","styles","createElement","Heading","variant","tag","Text","color","renderActions","primaryAction","secondaryAction","disabled","actions","Action","action","secondary","renderFront","classnames","face","faceFront","faceMoodPositive","faceMoodInformative","faceMoodCautionary","faceMoodAssertive","faceMoodNegative","faceMoodProminent","informationBtn","IconButton","label","icon","InformationIcon","role","onClick","renderInformation","informationProp","Fragment","text","renderBack","faceBack","ArrowBackwardIcon","__assign","root","tile","displayName"],"mappings":"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"}
+{"version":3,"file":"GenericTile.mjs","sources":["../../../../../src/Tile/subcomponents/GenericTile/GenericTile.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { IconButton } from \"~components/Button\"\nimport { GenericButtonProps } from \"~components/Button/GenericButton\"\nimport { AllowedHeadingTags, Heading } from \"~components/Heading\"\nimport { ArrowBackwardIcon, InformationIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport Action from \"./Action\"\nimport { Moods } from \"./types\"\nimport styles from \"./GenericTile.module.scss\"\n\nexport type TileAction = {\n  label: string\n  onClick?: GenericButtonProps[\"onClick\"]\n  href?: string\n  icon?: JSX.Element\n  /**\n   * @deprecated use data-testid instead\n   */\n  automationId?: string\n  newTabAndIUnderstandTheAccessibilityImplications?: boolean\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type TileInformation = {\n  text: string\n  primaryAction?: TileAction\n  secondaryAction?: TileAction\n}\n\nexport type GenericTileProps = {\n  children?: React.ReactNode\n  title: React.ReactNode\n  titleTag?: AllowedHeadingTags\n  metadata?: string\n  information?: TileInformation | React.ReactNode\n  mood?: Moods\n  footer: React.ReactNode\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"title\">>\n\nexport const GenericTile = ({\n  children,\n  title,\n  titleTag = \"h3\",\n  metadata,\n  information,\n  mood,\n  footer,\n  classNameOverride,\n  ...restProps\n}: GenericTileProps): JSX.Element => {\n  const [isFlipped, setIsFlipped] = useState<boolean>(false)\n\n  const renderTitle = (): JSX.Element => (\n    <div className={styles.title}>\n      <Heading variant=\"heading-3\" tag={titleTag}>\n        {title}\n      </Heading>\n      {metadata && (\n        <div className={styles.titleMeta}>\n          <Text variant=\"small\" color=\"dark-reduced-opacity\">\n            {metadata}\n          </Text>\n        </div>\n      )}\n    </div>\n  )\n\n  const renderActions = (\n    primaryAction?: TileAction,\n    secondaryAction?: TileAction,\n    disabled?: boolean\n  ): JSX.Element => (\n    <div className={styles.actions}>\n      {secondaryAction && (\n        <Action action={secondaryAction} secondary disabled={disabled} />\n      )}\n      {primaryAction && <Action action={primaryAction} disabled={disabled} />}\n    </div>\n  )\n\n  const renderFront = (): JSX.Element => (\n    <div\n      className={classnames(\n        styles.face,\n        styles.faceFront,\n        mood === \"positive\" && styles.faceMoodPositive,\n        mood === \"informative\" && styles.faceMoodInformative,\n        mood === \"cautionary\" && styles.faceMoodCautionary,\n        mood === \"assertive\" && styles.faceMoodAssertive,\n        mood === \"negative\" && styles.faceMoodNegative,\n        mood === \"prominent\" && styles.faceMoodProminent\n      )}\n    >\n      {information && (\n        <div className={styles.informationBtn}>\n          <IconButton\n            label=\"Information\"\n            icon={<InformationIcon role=\"presentation\" />}\n            onClick={(): void => setIsFlipped(true)}\n            disabled={isFlipped}\n            aria-hidden={isFlipped}\n          />\n        </div>\n      )}\n      {renderTitle()}\n      <div className={styles.children}>{children && children}</div>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  )\n\n  const renderInformation = (\n    informationProp: GenericTileProps[\"information\"] | undefined\n  ): JSX.Element | React.ReactNode => {\n    if (\n      informationProp &&\n      typeof informationProp === \"object\" &&\n      \"text\" in informationProp\n    ) {\n      return (\n        <>\n          <Text variant=\"body\">{informationProp.text}</Text>\n          {(informationProp.primaryAction ||\n            informationProp.secondaryAction) && (\n            <div className={styles.footer}>\n              {renderActions(\n                informationProp.primaryAction,\n                informationProp.secondaryAction,\n                !isFlipped\n              )}\n            </div>\n          )}\n        </>\n      )\n    }\n\n    return informationProp\n  }\n\n  const renderBack = (): JSX.Element | void => {\n    if (!information) return\n\n    return (\n      <div className={classnames(styles.face, styles.faceBack)}>\n        <div className={styles.informationBtn}>\n          <IconButton\n            label=\"Information\"\n            icon={<ArrowBackwardIcon role=\"presentation\" />}\n            onClick={(): void => setIsFlipped(false)}\n            disabled={!isFlipped}\n            aria-hidden={!isFlipped}\n          />\n        </div>\n        <div className={styles.information}>\n          {renderInformation(information)}\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className={classnames(styles.root, classNameOverride)} {...restProps}>\n      <div className={classnames(styles.tile, isFlipped && styles.isFlipped)}>\n        <>\n          {renderFront()}\n          {renderBack()}\n        </>\n      </div>\n    </div>\n  )\n}\n\nGenericTile.displayName = \"GenericTile\"\n"],"names":["GenericTile","_a","children","title","_b","titleTag","metadata","information","mood","footer","classNameOverride","restProps","__rest","_c","useState","isFlipped","setIsFlipped","renderTitle","React","className","styles","createElement","Heading","variant","tag","titleMeta","Text","color","renderActions","primaryAction","secondaryAction","disabled","actions","Action","action","secondary","renderFront","classnames","face","faceFront","faceMoodPositive","faceMoodInformative","faceMoodCautionary","faceMoodAssertive","faceMoodNegative","faceMoodProminent","informationBtn","IconButton","label","icon","InformationIcon","role","onClick","renderInformation","informationProp","Fragment","text","renderBack","faceBack","ArrowBackwardIcon","__assign","root","tile","displayName"],"mappings":"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"}

package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.module.scss.mjs

@@ -1,6 +1,7 @@
 var styles = {
   "root": "GenericTile-module_root__9ZHdH",
   "tile": "GenericTile-module_tile__mgFhk",
+  "titleMeta": "GenericTile-module_titleMeta__EREc9",
   "face": "GenericTile-module_face__-KLVi",
   "faceFront": "GenericTile-module_faceFront__HywHi",
   "faceBack": "GenericTile-module_faceBack__NDCQ8",

package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.module.scss.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GenericTile.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"GenericTile.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs

@@ -6,6 +6,7 @@ import { IndicatorActiveIcon } from '../../../../../Icon/IndicatorActiveIcon.mjs
 import { IndicatorInactiveIcon } from '../../../../../Icon/IndicatorInactiveIcon.mjs';
 import { SuccessIcon } from '../../../../../Icon/SuccessIcon.mjs';
 import { Text } from '../../../../../Text/Text.mjs';
+import { VisuallyHidden } from '../../../../../VisuallyHidden/VisuallyHidden.mjs';
 import styles from './ProgressStepper.module.scss.mjs';
 var getStepStatus = function (isComplete, isCurrentStep, step, index) {
   if (isComplete) {
@@ -66,9 +67,7 @@ const ProgressStepper = /*#__PURE__*/function () {
         "aria-current": isCurrentStep
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.stepContent
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "sr-only"
-      }, accessibleName), /*#__PURE__*/React.createElement(Text, {
+      }, /*#__PURE__*/React.createElement(VisuallyHidden, null, accessibleName), /*#__PURE__*/React.createElement(Text, {
         classNameOverride: styles.stepName,
         variant: "small",
         color: "white",

package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressStepper.mjs","sources":["../../../../../../../src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type ProgressStepperProps = {\n  stepName: string\n  steps: [string, ...string[]]\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: string,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  stepName,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.indexOf(stepName)\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step: string, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${index}-${step}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <span className=\"sr-only\">\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </span>\n                <Text\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step}\n                </Text>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Text\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Text>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["getStepStatus","isComplete","isCurrentStep","step","index","icon","React","createElement","SuccessIcon","key","inheritSize","role","classNameOverride","accessibleName","concat","IndicatorActiveIcon","IndicatorInactiveIcon","ProgressStepper","_a","stepName","steps","_b","restprops","__rest","currentStepIndex","indexOf","className","styles","stepsContainer","__assign","stepList","map","isCompletedStep","Icon","stepContent","Text","variant","color","stepIndicator","stepIcon","length","classnames","stepDivider","completedStep","stepperDescription","id","displayName"],"mappings":"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"}
+{"version":3,"file":"ProgressStepper.mjs","sources":["../../../../../../../src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type ProgressStepperProps = {\n  stepName: string\n  steps: [string, ...string[]]\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: string,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  stepName,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.indexOf(stepName)\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step: string, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${index}-${step}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <VisuallyHidden>\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </VisuallyHidden>\n                <Text\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step}\n                </Text>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Text\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Text>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["getStepStatus","isComplete","isCurrentStep","step","index","icon","React","createElement","SuccessIcon","key","inheritSize","role","classNameOverride","accessibleName","concat","IndicatorActiveIcon","IndicatorInactiveIcon","ProgressStepper","_a","stepName","steps","_b","restprops","__rest","currentStepIndex","indexOf","className","styles","stepsContainer","__assign","stepList","map","isCompletedStep","Icon","stepContent","VisuallyHidden","Text","variant","color","stepIndicator","stepIcon","length","classnames","stepDivider","completedStep","stepperDescription","id","displayName"],"mappings":"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"}

package/dist/esm/Workflow/subcomponents/Header/components/Titles/Titles.mjs

@@ -2,6 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Heading } from '../../../../../Heading/Heading.mjs';
 import { Tag } from '../../../../../Tag/Tag.mjs';
+import { VisuallyHidden } from '../../../../../VisuallyHidden/VisuallyHidden.mjs';
 import styles from './Titles.module.scss.mjs';
 const Titles = /*#__PURE__*/function () {
   const Titles = function (_a) {
@@ -21,9 +22,7 @@ const Titles = /*#__PURE__*/function () {
       variant: "heading-6",
       tag: "span",
       color: "dark-reduced-opacity"
-    }, workflowName, /*#__PURE__*/React.createElement("span", {
-      className: "sr-only"
-    }, ":")), /*#__PURE__*/React.createElement("span", null, stepName)), status && (
+    }, workflowName, /*#__PURE__*/React.createElement(VisuallyHidden, null, ":")), /*#__PURE__*/React.createElement("span", null, stepName)), status && (
     /*#__PURE__*/
     // status may need to be update by a fetch
     React.createElement("div", {

package/dist/esm/Workflow/subcomponents/Header/components/Titles/Titles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Titles.mjs","sources":["../../../../../../../src/Workflow/subcomponents/Header/components/Titles/Titles.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport { Tag, DefaultTagProps } from \"~components/Tag\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport type WorkflowTitlesProps = {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <span className=\"sr-only\">:</span>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n"],"names":["Titles","_a","workflowName","stepName","status","restProps","__rest","React","className","styles","titles","createElement","Heading","variant","tag","color","classNameOverride","pageTitle","prefix","Tag","inline","content","displayName"],"mappings":";;;;;MAkBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAKD,EAAA;IAJpB,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACHC,SAAS,GAJSC,MAAA,CAAAL,EAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,QAAA,CAKtB,CADa;IAC0B,oBACtCM;MAAKC,SAAS,EAAEC,MAAM,CAACC;OAAYL,SAAS,CAAA,eAC1CE,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,IAAI;MACRC,KAAK,EAAC,MAAM;MACZC,iBAAiB,EAAEP,MAAM,CAACQ;IAAS,CAAA,eAEnCV,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAI,iBAAiB,EAAEP,MAAM,CAACS,MAAM;MAChCL,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,MAAM;MACVC,KAAK,EAAC;IAAsB,CAAA,EAE3Bb,YAAY,eACbK,KAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;MAAMH,SAAS,EAAC;IAAS,CAAA,EAAA,GAAA,CAAS,CAC1B,eACVD,KAAO,CAAAI,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAR,QAAQ,CAAQ,CACf,EACTC,MAAM;IAAA;;IAELG,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEC,MAAM,CAACL;IAAM,CAAA,eAC3BG,KAAA,CAAAI,aAAA,CAACQ,GAAG,EAAA;MAACC,MAAM,EAAA,IAAA;MAACP,OAAO,EAAE,CAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,OAAO,KAAI;IACrC,CAAA,EAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEiB,OAAO,CACZ,CACF,CACP,CACG;GACP;EAEDrB,MAAM,CAACsB,WAAW,GAAG,iBAAiB;EAAA,OAnCzBtB,MAAM;AAAA;"}
+{"version":3,"file":"Titles.mjs","sources":["../../../../../../../src/Workflow/subcomponents/Header/components/Titles/Titles.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport { Tag, DefaultTagProps } from \"~components/Tag\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport type WorkflowTitlesProps = {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <VisuallyHidden>:</VisuallyHidden>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n"],"names":["Titles","_a","workflowName","stepName","status","restProps","__rest","React","className","styles","titles","createElement","Heading","variant","tag","color","classNameOverride","pageTitle","prefix","VisuallyHidden","Tag","inline","content","displayName"],"mappings":";;;;;;MAmBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAKD,EAAA;IAJpB,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACHC,SAAS,GAJSC,MAAA,CAAAL,EAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,QAAA,CAKtB,CADa;IAC0B,oBACtCM;MAAKC,SAAS,EAAEC,MAAM,CAACC;OAAYL,SAAS,CAAA,eAC1CE,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,IAAI;MACRC,KAAK,EAAC,MAAM;MACZC,iBAAiB,EAAEP,MAAM,CAACQ;IAAS,CAAA,eAEnCV,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAI,iBAAiB,EAAEP,MAAM,CAACS,MAAM;MAChCL,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,MAAM;MACVC,KAAK,EAAC;IAAsB,CAAA,EAE3Bb,YAAY,eACbK,KAAC,CAAAI,aAAA,CAAAQ,cAAc,YAAmB,CAC1B,eACVZ,KAAO,CAAAI,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAR,QAAQ,CAAQ,CACf,EACTC,MAAM;IAAA;;IAELG,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEC,MAAM,CAACL;IAAM,CAAA,eAC3BG,KAAA,CAAAI,aAAA,CAACS,GAAG,EAAA;MAACC,MAAM,EAAA,IAAA;MAACR,OAAO,EAAE,CAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,OAAO,KAAI;IACrC,CAAA,EAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEkB,OAAO,CACZ,CACF,CACP,CACG;GACP;EAEDtB,MAAM,CAACuB,WAAW,GAAG,iBAAiB;EAAA,OAnCzBvB,MAAM;AAAA;"}

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs

@@ -6,6 +6,7 @@ import { IndicatorActiveIcon } from '../../../../../../Icon/IndicatorActiveIcon.
 import { IndicatorInactiveIcon } from '../../../../../../Icon/IndicatorInactiveIcon.mjs';
 import { SuccessIcon } from '../../../../../../Icon/SuccessIcon.mjs';
 import { Text } from '../../../../../../Text/Text.mjs';
+import { VisuallyHidden } from '../../../../../../VisuallyHidden/VisuallyHidden.mjs';
 import styles from './ProgressStepper.module.scss.mjs';
 var getStepStatus = function (isComplete, isCurrentStep, step, index) {
   if (isComplete) {
@@ -68,9 +69,7 @@ const ProgressStepper = /*#__PURE__*/function () {
         "aria-current": isCurrentStep
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.stepContent
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "sr-only"
-      }, accessibleName), /*#__PURE__*/React.createElement(Text, {
+      }, /*#__PURE__*/React.createElement(VisuallyHidden, null, accessibleName), /*#__PURE__*/React.createElement(Text, {
         classNameOverride: styles.stepName,
         variant: "small",
         color: "white",

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressStepper.mjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type Step = {\n  id: string\n  label: string\n}\n\nexport type Steps = [Step, ...Step[]]\n\nexport type ProgressStepperProps = {\n  /** The id reference to within a Step object */\n  currentStepId: Step[\"id\"]\n  /** A non-empty array of Steps */\n  steps: Steps\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: Step,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step.label}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step.label}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step.label}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  currentStepId,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.findIndex(\n    stepItem => stepItem.id === currentStepId\n  )\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${step.id}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <span className=\"sr-only\">\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </span>\n                <Text\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step.label}\n                </Text>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Text\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Text>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["getStepStatus","isComplete","isCurrentStep","step","index","icon","React","createElement","SuccessIcon","key","inheritSize","role","classNameOverride","accessibleName","concat","label","IndicatorActiveIcon","IndicatorInactiveIcon","ProgressStepper","_a","currentStepId","steps","_b","restprops","__rest","currentStepIndex","findIndex","stepItem","id","className","styles","stepsContainer","__assign","stepList","map","isCompletedStep","Icon","stepContent","Text","stepName","variant","color","stepIndicator","stepIcon","length","classnames","stepDivider","completedStep","stepperDescription","displayName"],"mappings":"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"}
+{"version":3,"file":"ProgressStepper.mjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type Step = {\n  id: string\n  label: string\n}\n\nexport type Steps = [Step, ...Step[]]\n\nexport type ProgressStepperProps = {\n  /** The id reference to within a Step object */\n  currentStepId: Step[\"id\"]\n  /** A non-empty array of Steps */\n  steps: Steps\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: Step,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step.label}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step.label}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step.label}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  currentStepId,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.findIndex(\n    stepItem => stepItem.id === currentStepId\n  )\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${step.id}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <VisuallyHidden>\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </VisuallyHidden>\n                <Text\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step.label}\n                </Text>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Text\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Text>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["getStepStatus","isComplete","isCurrentStep","step","index","icon","React","createElement","SuccessIcon","key","inheritSize","role","classNameOverride","accessibleName","concat","label","IndicatorActiveIcon","IndicatorInactiveIcon","ProgressStepper","_a","currentStepId","steps","_b","restprops","__rest","currentStepIndex","findIndex","stepItem","id","className","styles","stepsContainer","__assign","stepList","map","isCompletedStep","Icon","stepContent","VisuallyHidden","Text","stepName","variant","color","stepIndicator","stepIcon","length","classnames","stepDivider","completedStep","stepperDescription","displayName"],"mappings":"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"}

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Titles/Titles.mjs

@@ -2,6 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Heading } from '../../../../../../Heading/Heading.mjs';
 import { Tag } from '../../../../../../Tag/Tag.mjs';
+import { VisuallyHidden } from '../../../../../../VisuallyHidden/VisuallyHidden.mjs';
 import styles from './Titles.module.scss.mjs';
 const Titles = /*#__PURE__*/function () {
   const Titles = function (_a) {
@@ -21,9 +22,7 @@ const Titles = /*#__PURE__*/function () {
       variant: "heading-6",
       tag: "span",
       color: "dark-reduced-opacity"
-    }, workflowName, /*#__PURE__*/React.createElement("span", {
-      className: "sr-only"
-    }, ":")), /*#__PURE__*/React.createElement("span", null, stepName)), status && (
+    }, workflowName, /*#__PURE__*/React.createElement(VisuallyHidden, null, ":")), /*#__PURE__*/React.createElement("span", null, stepName)), status && (
     /*#__PURE__*/
     // status may need to be update by a fetch
     React.createElement("div", {

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Titles/Titles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Titles.mjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport { Tag, DefaultTagProps } from \"~components/Tag\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport type WorkflowTitlesProps = {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <span className=\"sr-only\">:</span>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n"],"names":["Titles","_a","workflowName","stepName","status","restProps","__rest","React","className","styles","titles","createElement","Heading","variant","tag","color","classNameOverride","pageTitle","prefix","Tag","inline","content","displayName"],"mappings":";;;;;MAkBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAKD,EAAA;IAJpB,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACHC,SAAS,GAJSC,MAAA,CAAAL,EAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,QAAA,CAKtB,CADa;IAC0B,oBACtCM;MAAKC,SAAS,EAAEC,MAAM,CAACC;OAAYL,SAAS,CAAA,eAC1CE,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,IAAI;MACRC,KAAK,EAAC,MAAM;MACZC,iBAAiB,EAAEP,MAAM,CAACQ;IAAS,CAAA,eAEnCV,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAI,iBAAiB,EAAEP,MAAM,CAACS,MAAM;MAChCL,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,MAAM;MACVC,KAAK,EAAC;IAAsB,CAAA,EAE3Bb,YAAY,eACbK,KAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;MAAMH,SAAS,EAAC;IAAS,CAAA,EAAA,GAAA,CAAS,CAC1B,eACVD,KAAO,CAAAI,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAR,QAAQ,CAAQ,CACf,EACTC,MAAM;IAAA;;IAELG,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEC,MAAM,CAACL;IAAM,CAAA,eAC3BG,KAAA,CAAAI,aAAA,CAACQ,GAAG,EAAA;MAACC,MAAM,EAAA,IAAA;MAACP,OAAO,EAAE,CAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,OAAO,KAAI;IACrC,CAAA,EAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEiB,OAAO,CACZ,CACF,CACP,CACG;GACP;EAEDrB,MAAM,CAACsB,WAAW,GAAG,iBAAiB;EAAA,OAnCzBtB,MAAM;AAAA;"}
+{"version":3,"file":"Titles.mjs","sources":["../../../../../../../../src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport { Tag, DefaultTagProps } from \"~components/Tag\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport type WorkflowTitlesProps = {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <VisuallyHidden>:</VisuallyHidden>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n"],"names":["Titles","_a","workflowName","stepName","status","restProps","__rest","React","className","styles","titles","createElement","Heading","variant","tag","color","classNameOverride","pageTitle","prefix","VisuallyHidden","Tag","inline","content","displayName"],"mappings":";;;;;;MAmBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAKD,EAAA;IAJpB,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACHC,SAAS,GAJSC,MAAA,CAAAL,EAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,QAAA,CAKtB,CADa;IAC0B,oBACtCM;MAAKC,SAAS,EAAEC,MAAM,CAACC;OAAYL,SAAS,CAAA,eAC1CE,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,IAAI;MACRC,KAAK,EAAC,MAAM;MACZC,iBAAiB,EAAEP,MAAM,CAACQ;IAAS,CAAA,eAEnCV,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAI,iBAAiB,EAAEP,MAAM,CAACS,MAAM;MAChCL,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,MAAM;MACVC,KAAK,EAAC;IAAsB,CAAA,EAE3Bb,YAAY,eACbK,KAAC,CAAAI,aAAA,CAAAQ,cAAc,YAAmB,CAC1B,eACVZ,KAAO,CAAAI,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAR,QAAQ,CAAQ,CACf,EACTC,MAAM;IAAA;;IAELG,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEC,MAAM,CAACL;IAAM,CAAA,eAC3BG,KAAA,CAAAI,aAAA,CAACS,GAAG,EAAA;MAACC,MAAM,EAAA,IAAA;MAACR,OAAO,EAAE,CAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,OAAO,KAAI;IACrC,CAAA,EAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEkB,OAAO,CACZ,CACF,CACP,CACG;GACP;EAEDtB,MAAM,CAACuB,WAAW,GAAG,iBAAiB;EAAA,OAnCzBvB,MAAM;AAAA;"}

package/dist/esm/index.css

@@ -1,8 +1,8 @@
 .Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
 .Main-module_main__hMyB1{z-index:0}
 .Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
-.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
 .FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
+.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
 .Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
 .Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
 .Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
@@ -134,7 +134,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
 .Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP:focus-within:after,.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP:after,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*-2 - 1px);position:absolute}.Select-module_specificityIncreaser__cZtQV .Select-module_multiValue__9XkYX{margin:.2375rem;z-index:1}.Select-module_specificityIncreaser__cZtQV .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV .Select-module_dropdownIndicator__NUopQ:hover{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);min-height:48px}.Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP:hover{background-color:var(--color-gray-100,#f9f9f9);border-color:var(--color-gray-600,#524e56);cursor:pointer}.Select-module_specificityIncreaser__cZtQV .Select-module_valueContainer__MGkpr{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem)}.Select-module_specificityIncreaser__cZtQV .Select-module_indicatorsContainer__2xCsm{z-index:1}.Select-module_specificityIncreaser__cZtQV .Select-module_loadingMessage__4Ej9T{color:var(--color-purple-800,#2f2438);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV .Select-module_focusedControl__3AwhP:hover{box-shadow:none}.Select-module_specificityIncreaser__cZtQV .Select-module_placeholder__OAeGA{color:var(--color-purple-800,#2f2438);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.7}.Select-module_specificityIncreaser__cZtQV .Select-module_menu__axmUL{border:6px var(--border-solid-border-style,solid) transparent;border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));z-index:3}.Select-module_specificityIncreaser__cZtQV .Select-module_menu__axmUL>div{padding-bottom:0;padding-top:0}.Select-module_specificityIncreaser__cZtQV .Select-module_groupHeading__eNw6U{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);font-family:var(--typography-heading-6-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);letter-spacing:var(--typography-heading-6-letter-spacing,normal);line-height:var(--typography-heading-6-line-height,1.5rem);text-transform:capitalize}.Select-module_specificityIncreaser__cZtQV .Select-module_option__EdP-F{border-color:transparent;border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);color:var(--color-purple-800,#2f2438);cursor:pointer;font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedOption__uwQwp{background-color:var(--color-blue-100,#e6f6ff);border-color:var(--color-blue-500,#0168b3);color:var(--color-blue-500,#0168b3)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedOption__uwQwp.Select-module_disabledOption__TWVun{background:transparent;border-color:var(--color-gray-500,#8c8c97);border-style:var(--border-dashed-border-style,dashed);border-width:var(--border-focus-ring-border-width,2px);color:var(--color-purple-800,#2f2438)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedOption__uwQwp:active{background-color:var(--color-blue-100,#e6f6ff)}.Select-module_specificityIncreaser__cZtQV .Select-module_selectedOption__xhYOz{color:var(--color-blue-500,#0168b3);font-weight:var(--typography-paragraph-bold-font-weight,600)}.Select-module_specificityIncreaser__cZtQV .Select-module_selectedOption__xhYOz:not(.Select-module_focusedOption__uwQwp){background-color:transparent}.Select-module_specificityIncreaser__cZtQV .Select-module_disabledOption__TWVun{cursor:not-allowed;opacity:30%}.Select-module_specificityIncreaser__cZtQV .Select-module_noOptionsMessage__DG5zw,.Select-module_specificityIncreaser__cZtQV .Select-module_singleValue__-cc8w{color:var(--color-purple-800,#2f2438);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem)}.Select-module_specificityIncreaser__cZtQV.Select-module_reversed__-jCGs .Select-module_input__HAhy-,.Select-module_specificityIncreaser__cZtQV.Select-module_reversed__-jCGs .Select-module_singleValueOverrides__44Gby,.Select-module_specificityIncreaser__cZtQV.Select-module_reversed__-jCGs .Select-module_singleValue__-cc8w{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_error__GpAw6 .Select-module_control__ehUuP{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-500,#c93b55)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_control__ehUuP{background:transparent;border-color:var(--color-white,#fff);border-radius:var(--border-borderless-border-radius,7px);color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_clearIndicator__O6EuX,.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs.Select-module_error__GpAw6 .Select-module_control__ehUuP{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-300,#f597a8)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP{background:transparent;border:var(--border-borderless-border-width,2px) var(--border-borderless-border-style,solid) var(--border-borderless-border-color,transparent);border-radius:var(--border-borderless-border-radius,7px)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP .Select-module_singleValue__-cc8w,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP .Select-module_singleValue__-cc8w{color:var(--color-blue-500,#0168b3)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP:hover,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP:hover{background:var(--color-blue-100,#e6f6ff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_disabled__-iG97,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP{background:var(--color-blue-100,#e6f6ff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_dropdownIndicator__NUopQ{color:var(--color-blue-500,#0168b3)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_control__ehUuP{background:rgba(var(--color-white-rgb,255,255,255),.1);border:var(--border-borderless-border-width,2px) var(--border-borderless-border-style,solid) var(--border-borderless-border-color,transparent);border-radius:var(--border-borderless-border-radius,7px);color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP.Select-module_disabled__-iG97,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_dropdownIndicator__NUopQ{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP:hover,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP:hover{border-color:var(--color-blue-300,#73c0e8)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP{background:transparent;border:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover{background:transparent}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP{height:auto;min-height:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP>div{height:24px;padding-left:0;padding-right:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP .Select-module_valueContainer__MGkpr{height:24px}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP .Select-module_singleValue__-cc8w{font-family:var(--typography-paragraph-extra-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-extra-small-font-size,.75rem);font-weight:var(--typography-paragraph-extra-small-font-weight,400);letter-spacing:var(--typography-paragraph-extra-small-letter-spacing,normal);line-height:var(--typography-paragraph-extra-small-line-height,1.125rem)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP .Select-module_singleValueOverrides__44Gby{margin-left:0;margin-right:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_indicatorsContainer__2xCsm{z-index:1}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_dropdownIndicator__NUopQ{padding-bottom:0;padding-top:0;transform:translateY(1px)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_dropdownIndicator__NUopQ>svg{height:14px;width:14px}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_control__ehUuP{display:inline-flex;max-width:100%}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_control__ehUuP>div{display:flex;flex-wrap:nowrap;height:44px}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_singleValueOverrides__44Gby{max-width:100%;overflow:hidden;position:static;top:0;transform:none;white-space:nowrap}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_singleValue__-cc8w{max-width:100%}
 .Skirt-module_container__h4J-J{position:relative}.Skirt-module_underlay__isMuP{box-sizing:content-box;height:100%;left:0;position:absolute;right:0;top:0;z-index:1}.Skirt-module_defaultVariant__VLaHK{background-color:var(--color-purple-600,#5f3361)}.Skirt-module_educationVariant__12yxk{background-color:var(--color-blue-100,#e6f6ff)}.Skirt-module_content__218H1{position:relative;z-index:2}
 @media (max-width:1080px){.SkirtCard-module_wrapper__05vkl{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-left:-12px;margin-right:-12px}}@media (max-width:768px){.SkirtCard-module_wrapper__05vkl{border-radius:0;margin-left:-12px;margin-right:-12px}}
-.Slider-module_wrapper__zVX6g{display:flex;flex-direction:column}.Slider-module_labelWrapper__WuUIw{margin-bottom:var(--spacing-sm,.75rem)}@media (min-width:768px){.Slider-module_labelInline__zjINd.Slider-module_wrapper__zVX6g{align-items:center;flex-direction:row}.Slider-module_labelInline__zjINd .Slider-module_labelWrapper__WuUIw{flex:1}.Slider-module_labelInline__zjINd .Slider-module_inputWrapper__n16yj{flex-basis:50%}}.Slider-module_descriptionDisabled__8GwiS{opacity:30%}.Slider-module_readOnlyMessage__Zscoa{font-family:var(--typography-paragraph-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-small-font-size,.875rem);font-weight:var(--typography-paragraph-bold-font-weight,600);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);text-align:center}
+.Slider-module_wrapper__zVX6g{display:flex;flex-direction:column}.Slider-module_labelWrapper__WuUIw{margin-bottom:var(--spacing-sm,.75rem)}.Slider-module_label__CfIjh{margin-bottom:var(--spacing-4,.25rem)}@media (min-width:768px){.Slider-module_labelInline__zjINd.Slider-module_wrapper__zVX6g{align-items:center;flex-direction:row}.Slider-module_labelInline__zjINd .Slider-module_labelWrapper__WuUIw{flex:1}.Slider-module_labelInline__zjINd .Slider-module_inputWrapper__n16yj{flex-basis:50%}}.Slider-module_descriptionDisabled__8GwiS{opacity:30%}.Slider-module_readOnlyMessage__Zscoa{font-family:var(--typography-paragraph-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-small-font-size,.875rem);font-weight:var(--typography-paragraph-bold-font-weight,600);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);text-align:center}
 .BaseButton-module_baseButton__0XYh4{border-style:var(--border-solid-border-style,solid);border-width:var(--border-solid-border-width,2px);cursor:default;font-family:var(--typography-button-primary-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-button-primary-font-size,1.125rem);font-weight:var(--typography-button-primary-font-weight,700);letter-spacing:var(--typography-button-primary-letter-spacing,normal);line-height:var(--typography-button-primary-line-height,1.5rem);padding:calc(var(--spacing-sm, .75rem) - var(--border-borderless-border-width, 2px)) calc(var(--spacing-md, 1.5rem) - var(--border-borderless-border-width, 2px));text-decoration:unset;white-space:nowrap}.BaseButton-module_baseButton__0XYh4:active,.BaseButton-module_baseButton__0XYh4:hover{text-decoration:unset;z-index:2}.BaseButton-module_baseButton__0XYh4:active{transform:translateY(1px)}.BaseButton-module_baseButton__0XYh4:focus{outline:none}.BaseButton-module_baseButton__0XYh4:focus-visible{outline-offset:1px;outline-style:var(--border-solid-border-style,solid);outline-width:var(--border-solid-border-width,2px);z-index:3}.BaseButton-module_baseButton__0XYh4:disabled{opacity:30%;pointer-events:none}.BaseButton-module_default__6JNZx{background-color:var(--color-white,#fff);border-color:var(--color-gray-500,#8c8c97);color:var(--color-purple-800,#2f2438)}.BaseButton-module_default__6JNZx:active,.BaseButton-module_default__6JNZx:focus-visible,.BaseButton-module_default__6JNZx:hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56);color:var(--color-purple-800,#2f2438)}.BaseButton-module_default__6JNZx:focus-visible{outline-color:var(--color-blue-500,#0168b3)}.BaseButton-module_isReversed__j8nyW{background-color:transparent;border-color:rgba(var(--color-white-rgb,255,255,255),.65);color:var(--color-white,#fff)}.BaseButton-module_isReversed__j8nyW:active,.BaseButton-module_isReversed__j8nyW:focus-visible,.BaseButton-module_isReversed__j8nyW:hover{background-color:rgba(var(--color-white-rgb,255,255,255),.1);border-color:var(--color-white,#fff);color:var(--color-white,#fff)}.BaseButton-module_isReversed__j8nyW:focus-visible{outline-color:var(--color-blue-300,#73c0e8)}
 .ActionButton-module_actionButton__mJRl4{border-end-end-radius:0;border-end-start-radius:var(--border-solid-border-radius,7px);border-start-end-radius:0;border-start-start-radius:var(--border-solid-border-radius,7px)}
 .DropdownButton-module_dropdownButton__PqQH6{border-end-end-radius:var(--border-solid-border-radius,7px);border-end-start-radius:0;border-inline-start-width:0;border-start-end-radius:var(--border-solid-border-radius,7px);border-start-start-radius:0;display:inline-flex;inset-inline-start:calc(var(--border-solid-border-width, 2px)*-1);margin-inline-start:var(--border-solid-border-width,2px);padding:var(--spacing-12,.75rem);position:relative}.DropdownButton-module_dropdownButton__PqQH6:active,.DropdownButton-module_dropdownButton__PqQH6:focus-visible,.DropdownButton-module_dropdownButton__PqQH6:hover{border-inline-start-width:var(--border-solid-border-width,2px);inset-inline-start:calc(var(--border-solid-border-width, 2px)*-1);margin-inline-start:unset}
@@ -145,8 +145,8 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
 .TabPanel-module_tabPanel__I7hEK{border:2px solid transparent}.TabPanel-module_tabPanel__I7hEK:focus{outline:none}.TabPanel-module_tabPanel__I7hEK:focus-visible{border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px)}
 .TextArea-module_wrapper__ytS6M{position:relative}.TextArea-module_textarea__GeHn4{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);box-sizing:border-box;color:var(--color-purple-800-rgb,47,36,56);display:block;font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);outline:0;padding:var(--spacing-sm,.75rem);position:static;resize:vertical;width:100%}.TextArea-module_textarea__GeHn4::-webkit-input-placeholder{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);line-height:1.5;position:static}.TextArea-module_textarea__GeHn4:-moz-placeholder,.TextArea-module_textarea__GeHn4::-moz-placeholder{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;line-height:1.5;position:static}.TextArea-module_textarea__GeHn4:-ms-input-placeholder{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;line-height:1.5;position:static}.TextArea-module_textarea__GeHn4:disabled{resize:none}.TextArea-module_textarea__GeHn4:focus+.TextArea-module_focusRing__kECqH{background:transparent;border-color:transparent;border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);inset:-3px;pointer-events:none;position:absolute}.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR:focus:not([disabled]),.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR:hover:focus:not([disabled]),.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR:hover:not([disabled]){background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR:focus+.TextArea-module_focusRing__kECqH{border-color:var(--color-blue-500,#0168b3)}.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR:not(.TextArea-module_error__XOQRm,.TextArea-module_caution__9BGd0):disabled{border-color:rgba(var(--color-gray-500-rgb,140,140,151),.3)}.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR.TextArea-module_error__XOQRm,.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR.TextArea-module_error__XOQRm:focus:not([disabled]),.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR.TextArea-module_error__XOQRm:hover:focus:not([disabled]),.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR.TextArea-module_error__XOQRm:hover:not([disabled]){border-color:var(--color-red-500,#c93b55)}.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR.TextArea-module_caution__9BGd0,.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR.TextArea-module_caution__9BGd0:focus:not([disabled]),.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR.TextArea-module_caution__9BGd0:hover:focus:not([disabled]),.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR.TextArea-module_caution__9BGd0:hover:not([disabled]){border-color:var(--color-yellow-600,#c68600)}.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR.TextArea-module_disabled__N09tP{background-color:var(--color-white,#fff);border-color:rgba(var(--color-gray-500-rgb,140,140,151),.3);color:rgba(var(--color-purple-800-rgb,47,36,56),.3)}.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR.TextArea-module_disabled__N09tP::-webkit-input-placeholder{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.3;position:static}.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR.TextArea-module_disabled__N09tP:-moz-placeholder,.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR.TextArea-module_disabled__N09tP::-moz-placeholder{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.3;position:static}.TextArea-module_textarea__GeHn4.TextArea-module_default__Z8jvR.TextArea-module_disabled__N09tP:-ms-input-placeholder{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.3;position:static}.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq{background:transparent;border-color:rgba(var(--color-white-rgb,255,255,255),.65);color:var(--color-white,#fff)}.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq:focus:not([disabled]),.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq:hover:focus:not([disabled]),.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq:hover:not([disabled]){background:rgba(var(--color-white-rgb,255,255,255),.1);border-color:var(--color-white,#fff)}.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq::-webkit-input-placeholder{color:var(--color-white,#fff);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);line-height:1.5;position:static}.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq:-moz-placeholder,.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq::-moz-placeholder{color:var(--color-white,#fff);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;line-height:1.5;position:static}.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq:-ms-input-placeholder{color:var(--color-white,#fff);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;line-height:1.5;position:static}.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq:focus+.TextArea-module_focusRing__kECqH{border-color:var(--color-blue-300,#73c0e8)}.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq.TextArea-module_error__XOQRm,.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq.TextArea-module_error__XOQRm:focus:not([disabled]),.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq.TextArea-module_error__XOQRm:hover:focus:not([disabled]),.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq.TextArea-module_error__XOQRm:hover:not([disabled]){border-color:var(--color-red-300,#f597a8)}.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq.TextArea-module_caution__9BGd0,.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq.TextArea-module_caution__9BGd0:focus:not([disabled]),.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq.TextArea-module_caution__9BGd0:hover:focus:not([disabled]),.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq.TextArea-module_caution__9BGd0:hover:not([disabled]){border-color:var(--color-yellow-400,#ffca4d)}.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq.TextArea-module_disabled__N09tP{background:transparent;border-color:rgba(var(--color-white-rgb,255,255,255),.3);color:rgba(var(--color-white-rgb,255,255,255),.3)}.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq.TextArea-module_disabled__N09tP::-webkit-input-placeholder{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.3;position:static}.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq.TextArea-module_disabled__N09tP:-moz-placeholder,.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq.TextArea-module_disabled__N09tP::-moz-placeholder{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.3;position:static}.TextArea-module_textarea__GeHn4.TextArea-module_reversed__-SoNq.TextArea-module_disabled__N09tP:-ms-input-placeholder{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:2.9rem;opacity:.3;position:static}
 .TextAreaField-module_message__hlao7.TextAreaField-module_disabled__twCef{opacity:.3}.TextAreaField-module_textareaLabel__sOTRj{margin-bottom:var(--spacing-xs,.375rem)}.TextAreaField-module_textareaLabelProminent__xqcY4{margin-bottom:0}
-.GenericTile-module_root__9ZHdH{perspective:800px}.GenericTile-module_tile__mgFhk{background-color:var(--color-white,#fff);border-radius:7px;box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));height:370px;position:relative;transform-style:preserve-3d;transition:transform var(--animation-duration-slow,.4s) var(--animation-easing-function-ease-in-out,cubic-bezier(.455,.03,.515,.955));width:330px}[data-tile-grid] .GenericTile-module_tile__mgFhk{width:auto}@media (max-width:767px){.GenericTile-module_tile__mgFhk{max-width:370px;min-width:226px;width:100%}}@media (max-width:480px){.GenericTile-module_tile__mgFhk{max-width:100%}}.GenericTile-module_face__-KLVi{align-items:center;backface-visibility:hidden;background-color:var(--color-white,#fff);border-radius:7px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.GenericTile-module_face__-KLVi *{backface-visibility:hidden}.GenericTile-module_faceFront__HywHi{justify-content:space-between;padding:var(--spacing-xl,3rem) var(--spacing-md,1.5rem) var(--spacing-md,1.5rem)}.GenericTile-module_faceBack__NDCQ8{background-color:var(--color-blue-100,#e6f6ff);padding-top:var(--spacing-xl,3rem);transform:rotateY(180deg)}.GenericTile-module_faceMoodPositive__3MEBl{background-color:var(--color-green-100,#e8f8f4)}.GenericTile-module_faceMoodInformative__D0QsW{background-color:var(--color-blue-100,#e6f6ff)}.GenericTile-module_faceMoodCautionary__oUZXT{background-color:var(--color-yellow-100,#fff9e4)}.GenericTile-module_faceMoodAssertive__PaUZ-{background-color:var(--color-orange-100,#fff0e8)}.GenericTile-module_faceMoodNegative__DmcZH{background-color:var(--color-red-100,#fdeaee)}.GenericTile-module_faceMoodProminent__VmMmv{background-color:var(--color-purple-100,#f4edf8)}.GenericTile-module_isFlipped__K18mo{transform:rotateY(179deg)}.GenericTile-module_title__zC6Qv{backface-visibility:hidden;padding-bottom:var(--spacing-sm,.75rem);text-align:center}.GenericTile-module_actions__l8vXl{display:flex}.GenericTile-module_informationBtn__LY3SW{color:rgba(var(--color-purple-800-rgb,47,36,56),.5);inset-block-start:0;inset-inline-end:0;position:absolute}.GenericTile-module_information__wKXBp{align-items:center;border-radius:0 0 7px 7px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-bottom:var(--spacing-md,1.5rem);padding-left:var(--spacing-md,1.5rem);padding-right:var(--spacing-md,1.5rem);text-align:left;width:100%}.GenericTile-module_footer__u2Pei{align-items:center;display:flex;height:var(--spacing-xl,3rem);justify-content:center;margin-top:var(--spacing-sm,.75rem)}
-.MultiActionTile-module_actions__mntsC{display:flex}
+.GenericTile-module_root__9ZHdH{perspective:800px}.GenericTile-module_tile__mgFhk{background-color:var(--color-white,#fff);border-radius:7px;box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));height:370px;position:relative;transform-style:preserve-3d;transition:transform var(--animation-duration-slow,.4s) var(--animation-easing-function-ease-in-out,cubic-bezier(.455,.03,.515,.955));width:330px}[data-tile-grid] .GenericTile-module_tile__mgFhk{width:auto}@media (max-width:767px){.GenericTile-module_tile__mgFhk{max-width:370px;min-width:226px;width:100%}}@media (max-width:480px){.GenericTile-module_tile__mgFhk{max-width:100%}}.GenericTile-module_titleMeta__EREc9{padding-top:var(--spacing-4,.25rem)}.GenericTile-module_face__-KLVi{align-items:center;backface-visibility:hidden;background-color:var(--color-white,#fff);border-radius:7px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.GenericTile-module_face__-KLVi *{backface-visibility:hidden}.GenericTile-module_faceFront__HywHi{justify-content:space-between;padding:var(--spacing-xl,3rem) var(--spacing-md,1.5rem) var(--spacing-md,1.5rem)}.GenericTile-module_faceBack__NDCQ8{background-color:var(--color-blue-100,#e6f6ff);padding-top:var(--spacing-xl,3rem);transform:rotateY(180deg)}.GenericTile-module_faceMoodPositive__3MEBl{background-color:var(--color-green-100,#e8f8f4)}.GenericTile-module_faceMoodInformative__D0QsW{background-color:var(--color-blue-100,#e6f6ff)}.GenericTile-module_faceMoodCautionary__oUZXT{background-color:var(--color-yellow-100,#fff9e4)}.GenericTile-module_faceMoodAssertive__PaUZ-{background-color:var(--color-orange-100,#fff0e8)}.GenericTile-module_faceMoodNegative__DmcZH{background-color:var(--color-red-100,#fdeaee)}.GenericTile-module_faceMoodProminent__VmMmv{background-color:var(--color-purple-100,#f4edf8)}.GenericTile-module_isFlipped__K18mo{transform:rotateY(179deg)}.GenericTile-module_title__zC6Qv{backface-visibility:hidden;padding-bottom:var(--spacing-sm,.75rem);text-align:center}.GenericTile-module_actions__l8vXl{display:flex}.GenericTile-module_informationBtn__LY3SW{color:rgba(var(--color-purple-800-rgb,47,36,56),.5);inset-block-start:0;inset-inline-end:0;position:absolute}.GenericTile-module_information__wKXBp{align-items:center;border-radius:0 0 7px 7px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-bottom:var(--spacing-md,1.5rem);padding-left:var(--spacing-md,1.5rem);padding-right:var(--spacing-md,1.5rem);text-align:left;width:100%}.GenericTile-module_footer__u2Pei{align-items:center;display:flex;height:var(--spacing-xl,3rem);justify-content:center;margin-top:var(--spacing-sm,.75rem)}
+.MultiActionTile-module_actions__mntsC{display:flex}.MultiActionTile-module_secondaryAction__DuXdD{margin-inline-end:var(--spacing-8,.5rem)}
 .TileGrid-module_grid__1WCNc{grid-gap:var(--spacing-md,1.5rem);display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}@media (max-width:767px){.TileGrid-module_grid__1WCNc{grid-template-columns:repeat(2,minmax(226px,370px))}.TileGrid-module_grid__1WCNc>*{width:100%}}@media (max-width:480px){.TileGrid-module_grid__1WCNc{grid-template-columns:repeat(1,100%)}}
 .TimeSegment-module_timeSegmentWrapper__WYD6y{white-space:nowrap}.TimeSegment-module_timeSegment__eXb0c{background-color:var(--color-gray-300,#eaeaec);border-radius:3px;color:var(--color-purple-800,#2f2438);display:block;padding:0 4px;text-align:end}.TimeSegment-module_timeSegment__eXb0c:hover{background-color:var(--color-white,#fff)}.TimeSegment-module_timeSegment__eXb0c:focus-visible{background:var(--color-blue-500,#0168b3);color:#fff;outline:none}.TimeSegment-module_placeholder__j1-gK{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.TimeSegment-module_literal__mOkqz,.TimeSegment-module_literal__mOkqz:hover{background:none}.TimeSegment-module_dayPeriod__fzT5I{margin-right:4px}
 .TimeField-module_wrapper__YuSI3{align-items:flex-start;color:var(--color-purple-800,#2f2438);display:flex;flex-direction:column;font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);position:relative}.TimeField-module_label__kjKyK{display:block;margin-bottom:var(--spacing-6,.375rem)}.TimeField-module_input__Hxjcu{align-items:center;background-clip:padding-box;background-color:var(--color-white,#fff);border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);box-sizing:border-box;display:inline-flex;font-size:var(--typography-paragraph-body-font-size,1rem);height:48px;line-height:var(--typography-paragraph-body-line-height,1.5rem);padding:0 var(--spacing-sm,.75rem);width:100%}.TimeField-module_input__Hxjcu:focus-within,.TimeField-module_input__Hxjcu:hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.TimeField-module_input__Hxjcu:focus-within .TimeField-module_focusRing__7hgWG{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);inset:-3px;pointer-events:none;position:absolute}.TimeField-module_isDisabled__rpEc8{background-color:transparent;border-color:var(--color-gray-500,#8c8c97);opacity:30%;pointer-events:none}.TimeField-module_error__tK2QY{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-500,#c93b55)}