@activecollab/components 2.0.144 → 2.0.145

package/dist/esm/components/Wizard/Step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Step.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAc1D,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,KAAK,CAmE1B,CAAC"}
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Step.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAc1D,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,KAAK,CAyE1B,CAAC"}

package/dist/esm/components/Wizard/Step.js

@@ -18,6 +18,8 @@ export const Step = _ref => {
     actionLabel = "Proceed",
     shouldRenderNextButton = true,
     changingStepInProgress = false,
+    disableBackButton = false,
+    customRightHeader,
     skip = false
   } = _ref;
   const onActionButtonClick = useCallback(() => {
@@ -26,12 +28,12 @@ export const Step = _ref => {
     }
     return onNextButtonClick && onNextButtonClick();
   }, [isLast, onClose, onNextButtonClick]);
-  return !skip ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledStepHeader, null, /*#__PURE__*/React.createElement(StyledStepHeaderLeft, null, index && index > 0 ? /*#__PURE__*/React.createElement(IconButton, {
+  return !skip ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledStepHeader, null, /*#__PURE__*/React.createElement(StyledStepHeaderLeft, null, !disableBackButton && index && index > 0 ? /*#__PURE__*/React.createElement(IconButton, {
     onClick: onPreviousButtonClick,
     variant: "text gray",
     className: "tw--ml-3 tw-mr-2",
     disabled: changingStepInProgress
-  }, /*#__PURE__*/React.createElement(ArrowBackMobileIcon, null)) : null, /*#__PURE__*/React.createElement(StyledStepTitle, null, /*#__PURE__*/React.createElement(Caption2, null, title), /*#__PURE__*/React.createElement(Header3, null, subtitle))), /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/React.createElement(ArrowBackMobileIcon, null)) : null, /*#__PURE__*/React.createElement(StyledStepTitle, null, /*#__PURE__*/React.createElement(Caption2, null, title), /*#__PURE__*/React.createElement(Header3, null, subtitle))), customRightHeader ? customRightHeader : /*#__PURE__*/React.createElement(IconButton, {
     onClick: onClose,
     variant: "text gray",
     disabled: changingStepInProgress

package/dist/esm/components/Wizard/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["React","useCallback","StepActionButton","StyledStepTitle","StyledStepHeaderLeft","StyledStepHeader","StyledCustomStep","Dialog","IconButton","ArrowBackMobileIcon","CancelCrossIcon","Caption2","Header3","Step","_ref","index","isLast","subtitle","title","onNextButtonClick","onPreviousButtonClick","onClose","children","actionLabel","shouldRenderNextButton","changingStepInProgress","skip","onActionButtonClick","createElement","Fragment","onClick","variant","className","disabled","ContentDivider","Content","Actions","displayName"],"sources":["../../../../src/components/Wizard/Step.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from \"react\";\n\nimport { StepActionButton } from \"./StepActionButton\";\nimport {\n  StyledStepTitle,\n  StyledStepHeaderLeft,\n  StyledStepHeader,\n  StyledCustomStep,\n} from \"./Styles\";\nimport { Dialog } from \"../Dialog\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowBackMobileIcon, CancelCrossIcon } from \"../Icons\";\nimport { Caption2, Header3 } from \"../Typography\";\n\nexport interface IStep {\n  index?: number;\n  isLast?: boolean;\n  subtitle: string;\n  title?: string;\n  onNextButtonClick?: () => void;\n  onPreviousButtonClick?: () => void;\n  onClose?: () => void;\n  children: ReactNode;\n  actionLabel?: string;\n  shouldRenderNextButton?: boolean;\n  changingStepInProgress?: boolean;\n  skip?: boolean;\n}\n\nexport const Step: FC<IStep> = ({\n  index,\n  isLast,\n  subtitle,\n  title,\n  onNextButtonClick,\n  onPreviousButtonClick,\n  onClose,\n  children,\n  actionLabel = \"Proceed\",\n  shouldRenderNextButton = true,\n  changingStepInProgress = false,\n  skip = false,\n}) => {\n  const onActionButtonClick = useCallback(() => {\n    if (isLast && onClose) {\n      return onClose();\n    }\n\n    return onNextButtonClick && onNextButtonClick();\n  }, [isLast, onClose, onNextButtonClick]);\n\n  return !skip ? (\n    <>\n      <StyledStepHeader>\n        <StyledStepHeaderLeft>\n          {index && index > 0 ? (\n            <IconButton\n              onClick={onPreviousButtonClick}\n              variant=\"text gray\"\n              className=\"tw--ml-3 tw-mr-2\"\n              disabled={changingStepInProgress}\n            >\n              <ArrowBackMobileIcon />\n            </IconButton>\n          ) : null}\n          <StyledStepTitle>\n            <Caption2>{title}</Caption2>\n            <Header3>{subtitle}</Header3>\n          </StyledStepTitle>\n        </StyledStepHeaderLeft>\n        <IconButton\n          onClick={onClose}\n          variant=\"text gray\"\n          disabled={changingStepInProgress}\n        >\n          <CancelCrossIcon />\n        </IconButton>\n      </StyledStepHeader>\n      <Dialog.ContentDivider />\n      {shouldRenderNextButton ? (\n        <>\n          <Dialog.Content>{children}</Dialog.Content>\n          <Dialog.ContentDivider />\n          <Dialog.Actions>\n            <StepActionButton\n              isLast={isLast}\n              actionLabel={actionLabel}\n              onNextButtonClick={onActionButtonClick}\n            />\n          </Dialog.Actions>\n        </>\n      ) : (\n        <StyledCustomStep>{children}</StyledCustomStep>\n      )}\n    </>\n  ) : null;\n};\n\nStep.displayName = \"Step\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAmBC,WAAW,QAAQ,OAAO;AAEzD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SACEC,eAAe,EACfC,oBAAoB,EACpBC,gBAAgB,EAChBC,gBAAgB,QACX,UAAU;AACjB,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,UAAU;AAC/D,SAASC,QAAQ,EAAEC,OAAO,QAAQ,eAAe;AAiBjD,OAAO,MAAMC,IAAe,GAAGC,IAAA,IAazB;EAAA,IAb0B;IAC9BC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,KAAK;IACLC,iBAAiB;IACjBC,qBAAqB;IACrBC,OAAO;IACPC,QAAQ;IACRC,WAAW,GAAG,SAAS;IACvBC,sBAAsB,GAAG,IAAI;IAC7BC,sBAAsB,GAAG,KAAK;IAC9BC,IAAI,GAAG;EACT,CAAC,GAAAZ,IAAA;EACC,MAAMa,mBAAmB,GAAG1B,WAAW,CAAC,MAAM;IAC5C,IAAIe,MAAM,IAAIK,OAAO,EAAE;MACrB,OAAOA,OAAO,CAAC,CAAC;IAClB;IAEA,OAAOF,iBAAiB,IAAIA,iBAAiB,CAAC,CAAC;EACjD,CAAC,EAAE,CAACH,MAAM,EAAEK,OAAO,EAAEF,iBAAiB,CAAC,CAAC;EAExC,OAAO,CAACO,IAAI,gBACV1B,KAAA,CAAA4B,aAAA,CAAA5B,KAAA,CAAA6B,QAAA,qBACE7B,KAAA,CAAA4B,aAAA,CAACvB,gBAAgB,qBACfL,KAAA,CAAA4B,aAAA,CAACxB,oBAAoB,QAClBW,KAAK,IAAIA,KAAK,GAAG,CAAC,gBACjBf,KAAA,CAAA4B,aAAA,CAACpB,UAAU;IACTsB,OAAO,EAAEV,qBAAsB;IAC/BW,OAAO,EAAC,WAAW;IACnBC,SAAS,EAAC,kBAAkB;IAC5BC,QAAQ,EAAER;EAAuB,gBAEjCzB,KAAA,CAAA4B,aAAA,CAACnB,mBAAmB,MAAE,CACZ,CAAC,GACX,IAAI,eACRT,KAAA,CAAA4B,aAAA,CAACzB,eAAe,qBACdH,KAAA,CAAA4B,aAAA,CAACjB,QAAQ,QAAEO,KAAgB,CAAC,eAC5BlB,KAAA,CAAA4B,aAAA,CAAChB,OAAO,QAAEK,QAAkB,CACb,CACG,CAAC,eACvBjB,KAAA,CAAA4B,aAAA,CAACpB,UAAU;IACTsB,OAAO,EAAET,OAAQ;IACjBU,OAAO,EAAC,WAAW;IACnBE,QAAQ,EAAER;EAAuB,gBAEjCzB,KAAA,CAAA4B,aAAA,CAAClB,eAAe,MAAE,CACR,CACI,CAAC,eACnBV,KAAA,CAAA4B,aAAA,CAACrB,MAAM,CAAC2B,cAAc,MAAE,CAAC,EACxBV,sBAAsB,gBACrBxB,KAAA,CAAA4B,aAAA,CAAA5B,KAAA,CAAA6B,QAAA,qBACE7B,KAAA,CAAA4B,aAAA,CAACrB,MAAM,CAAC4B,OAAO,QAAEb,QAAyB,CAAC,eAC3CtB,KAAA,CAAA4B,aAAA,CAACrB,MAAM,CAAC2B,cAAc,MAAE,CAAC,eACzBlC,KAAA,CAAA4B,aAAA,CAACrB,MAAM,CAAC6B,OAAO,qBACbpC,KAAA,CAAA4B,aAAA,CAAC1B,gBAAgB;IACfc,MAAM,EAAEA,MAAO;IACfO,WAAW,EAAEA,WAAY;IACzBJ,iBAAiB,EAAEQ;EAAoB,CACxC,CACa,CAChB,CAAC,gBAEH3B,KAAA,CAAA4B,aAAA,CAACtB,gBAAgB,QAAEgB,QAA2B,CAEhD,CAAC,GACD,IAAI;AACV,CAAC;AAEDT,IAAI,CAACwB,WAAW,GAAG,MAAM"}
+{"version":3,"file":"Step.js","names":["React","useCallback","StepActionButton","StyledStepTitle","StyledStepHeaderLeft","StyledStepHeader","StyledCustomStep","Dialog","IconButton","ArrowBackMobileIcon","CancelCrossIcon","Caption2","Header3","Step","_ref","index","isLast","subtitle","title","onNextButtonClick","onPreviousButtonClick","onClose","children","actionLabel","shouldRenderNextButton","changingStepInProgress","disableBackButton","customRightHeader","skip","onActionButtonClick","createElement","Fragment","onClick","variant","className","disabled","ContentDivider","Content","Actions","displayName"],"sources":["../../../../src/components/Wizard/Step.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from \"react\";\n\nimport { StepActionButton } from \"./StepActionButton\";\nimport {\n  StyledStepTitle,\n  StyledStepHeaderLeft,\n  StyledStepHeader,\n  StyledCustomStep,\n} from \"./Styles\";\nimport { Dialog } from \"../Dialog\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowBackMobileIcon, CancelCrossIcon } from \"../Icons\";\nimport { Caption2, Header3 } from \"../Typography\";\n\nexport interface IStep {\n  index?: number;\n  isLast?: boolean;\n  subtitle: string;\n  title?: string;\n  onNextButtonClick?: () => void;\n  onPreviousButtonClick?: () => void;\n  onClose?: () => void;\n  children: ReactNode;\n  actionLabel?: string;\n  shouldRenderNextButton?: boolean;\n  changingStepInProgress?: boolean;\n  disableBackButton?: boolean;\n  customRightHeader?: ReactNode;\n  skip?: boolean;\n}\n\nexport const Step: FC<IStep> = ({\n  index,\n  isLast,\n  subtitle,\n  title,\n  onNextButtonClick,\n  onPreviousButtonClick,\n  onClose,\n  children,\n  actionLabel = \"Proceed\",\n  shouldRenderNextButton = true,\n  changingStepInProgress = false,\n  disableBackButton = false,\n  customRightHeader,\n  skip = false,\n}) => {\n  const onActionButtonClick = useCallback(() => {\n    if (isLast && onClose) {\n      return onClose();\n    }\n\n    return onNextButtonClick && onNextButtonClick();\n  }, [isLast, onClose, onNextButtonClick]);\n\n  return !skip ? (\n    <>\n      <StyledStepHeader>\n        <StyledStepHeaderLeft>\n          {!disableBackButton && index && index > 0 ? (\n            <IconButton\n              onClick={onPreviousButtonClick}\n              variant=\"text gray\"\n              className=\"tw--ml-3 tw-mr-2\"\n              disabled={changingStepInProgress}\n            >\n              <ArrowBackMobileIcon />\n            </IconButton>\n          ) : null}\n          <StyledStepTitle>\n            <Caption2>{title}</Caption2>\n            <Header3>{subtitle}</Header3>\n          </StyledStepTitle>\n        </StyledStepHeaderLeft>\n        {customRightHeader ? (\n          customRightHeader\n        ) : (\n          <IconButton\n            onClick={onClose}\n            variant=\"text gray\"\n            disabled={changingStepInProgress}\n          >\n            <CancelCrossIcon />\n          </IconButton>\n        )}\n      </StyledStepHeader>\n      <Dialog.ContentDivider />\n      {shouldRenderNextButton ? (\n        <>\n          <Dialog.Content>{children}</Dialog.Content>\n          <Dialog.ContentDivider />\n          <Dialog.Actions>\n            <StepActionButton\n              isLast={isLast}\n              actionLabel={actionLabel}\n              onNextButtonClick={onActionButtonClick}\n            />\n          </Dialog.Actions>\n        </>\n      ) : (\n        <StyledCustomStep>{children}</StyledCustomStep>\n      )}\n    </>\n  ) : null;\n};\n\nStep.displayName = \"Step\";\n"],"mappings":"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"}

package/dist/esm/components/Wizard/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,oEAI5B,CAAC;AAEF,eAAO,MAAM,eAAe,oEAG3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,oEAEhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,oEAE5B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,oEAI5B,CAAC;AAEF,eAAO,MAAM,eAAe,oEAI3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,oEAEhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,oEAE5B,CAAC"}

package/dist/esm/components/Wizard/Styles.js

@@ -6,7 +6,7 @@ export const StyledStepHeader = styled.div.withConfig({
 export const StyledStepTitle = styled.div.withConfig({
   displayName: "Styles__StyledStepTitle",
   componentId: "sc-88drbd-1"
-})(["display:flex;flex-direction:column;"]);
+})(["display:flex;flex-direction:column;justify-content:center;"]);
 export const StyledStepHeaderLeft = styled.div.withConfig({
   displayName: "Styles__StyledStepHeaderLeft",
   componentId: "sc-88drbd-2"

package/dist/esm/components/Wizard/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","StyledStepHeader","div","withConfig","displayName","componentId","StyledStepTitle","StyledStepHeaderLeft","StyledCustomStep"],"sources":["../../../../src/components/Wizard/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledStepHeader = styled.div`\n  display: flex;\n  padding: 12px 12px 12px 32px;\n  justify-content: space-between;\n`;\n\nexport const StyledStepTitle = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const StyledStepHeaderLeft = styled.div`\n  display: flex;\n`;\n\nexport const StyledCustomStep = styled.div`\n  overflow-y: auto;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,gBAAgB,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAIzC;AAED,OAAO,MAAMC,eAAe,GAAGN,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAGxC;AAED,OAAO,MAAME,oBAAoB,GAAGP,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAE7C;AAED,OAAO,MAAMG,gBAAgB,GAAGR,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wBAEzC"}
+{"version":3,"file":"Styles.js","names":["styled","StyledStepHeader","div","withConfig","displayName","componentId","StyledStepTitle","StyledStepHeaderLeft","StyledCustomStep"],"sources":["../../../../src/components/Wizard/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledStepHeader = styled.div`\n  display: flex;\n  padding: 12px 12px 12px 32px;\n  justify-content: space-between;\n`;\n\nexport const StyledStepTitle = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n`;\n\nexport const StyledStepHeaderLeft = styled.div`\n  display: flex;\n`;\n\nexport const StyledCustomStep = styled.div`\n  overflow-y: auto;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,gBAAgB,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAIzC;AAED,OAAO,MAAMC,eAAe,GAAGN,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEAIxC;AAED,OAAO,MAAME,oBAAoB,GAAGP,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAE7C;AAED,OAAO,MAAMG,gBAAgB,GAAGR,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wBAEzC"}

package/dist/index.js

@@ -5172,6 +5172,44 @@
   MinusIcon.displayName = "MinusIcon";
   var MinusIcon$1 = MinusIcon;
 
+  /**
+   * @component MoonIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   *
+   * @example
+   * return (
+   *   <MoonIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var MoonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 20,
+      height: 20,
+      viewBox: "0 0 20 20",
+      xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MoonIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M10.06.509a1 1 0 01-.067 1.085 6.015 6.015 0 008.413 8.413 1 1 0 011.59.896A10.02 10.02 0 119.097.004a1 1 0 01.963.505zm-2.765 1.93a8.019 8.019 0 1010.266 10.266A8.014 8.014 0 017.295 2.439z"
+    }));
+  });
+  MoonIcon.displayName = "MoonIcon";
+  var MoonIcon$1 = MoonIcon;
+
   /**
    * @component MoveTriggerIcon
    * @description
@@ -20477,7 +20515,7 @@
   var StyledStepTitle = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledStepTitle",
     componentId: "sc-88drbd-1"
-  })(["display:flex;flex-direction:column;"]);
+  })(["display:flex;flex-direction:column;justify-content:center;"]);
   var StyledStepHeaderLeft = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledStepHeaderLeft",
     componentId: "sc-88drbd-2"
@@ -20502,6 +20540,9 @@
       shouldRenderNextButton = _ref$shouldRenderNext === void 0 ? true : _ref$shouldRenderNext,
       _ref$changingStepInPr = _ref.changingStepInProgress,
       changingStepInProgress = _ref$changingStepInPr === void 0 ? false : _ref$changingStepInPr,
+      _ref$disableBackButto = _ref.disableBackButton,
+      disableBackButton = _ref$disableBackButto === void 0 ? false : _ref$disableBackButto,
+      customRightHeader = _ref.customRightHeader,
       _ref$skip = _ref.skip,
       skip = _ref$skip === void 0 ? false : _ref$skip;
     var onActionButtonClick = React.useCallback(function () {
@@ -20510,12 +20551,12 @@
       }
       return onNextButtonClick && onNextButtonClick();
     }, [isLast, onClose, onNextButtonClick]);
-    return !skip ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledStepHeader, null, /*#__PURE__*/React__default["default"].createElement(StyledStepHeaderLeft, null, index && index > 0 ? /*#__PURE__*/React__default["default"].createElement(IconButton, {
+    return !skip ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledStepHeader, null, /*#__PURE__*/React__default["default"].createElement(StyledStepHeaderLeft, null, !disableBackButton && index && index > 0 ? /*#__PURE__*/React__default["default"].createElement(IconButton, {
       onClick: onPreviousButtonClick,
       variant: "text gray",
       className: "tw--ml-3 tw-mr-2",
       disabled: changingStepInProgress
-    }, /*#__PURE__*/React__default["default"].createElement(ArrowBackMobileIcon$1, null)) : null, /*#__PURE__*/React__default["default"].createElement(StyledStepTitle, null, /*#__PURE__*/React__default["default"].createElement(Caption2, null, title), /*#__PURE__*/React__default["default"].createElement(Header3, null, subtitle))), /*#__PURE__*/React__default["default"].createElement(IconButton, {
+    }, /*#__PURE__*/React__default["default"].createElement(ArrowBackMobileIcon$1, null)) : null, /*#__PURE__*/React__default["default"].createElement(StyledStepTitle, null, /*#__PURE__*/React__default["default"].createElement(Caption2, null, title), /*#__PURE__*/React__default["default"].createElement(Header3, null, subtitle))), customRightHeader ? customRightHeader : /*#__PURE__*/React__default["default"].createElement(IconButton, {
       onClick: onClose,
       variant: "text gray",
       disabled: changingStepInProgress
@@ -21513,6 +21554,7 @@
   exports.MessageSolidIcon = MessageSolidIcon$1;
   exports.MinusIcon = MinusIcon$1;
   exports.Modal = Modal;
+  exports.MoonIcon = MoonIcon$1;
   exports.MoveIcon = MoveIcon$1;
   exports.MoveTriggerIcon = MoveTriggerIcon$1;
   exports.MultiAvatar = MultiAvatar;