@activecollab/components 1.0.219 → 1.0.221

package/dist/esm/components/IconButton/IconButton.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["children", "className", "variant", "size"];
+import classNames from "classnames";
+import React, { Children, forwardRef, isValidElement } from "react";
+import { StyledIconButton } from "./Styles";
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
+export var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    variant = _ref.variant,
+    size = _ref.size,
+    args = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledIconButton, _extends({
+    className: classNames("c-btn--icon-only", className),
+    variant: variant,
+    size: size,
+    ref: ref
+  }, args), Children.map(children, function (child) {
+    if (! /*#__PURE__*/isValidElement(child)) {
+      return null;
+    }
+    return child;
+  }));
+});
+IconButton.displayName = "IconButton";
+//# sourceMappingURL=IconButton.js.map

package/dist/esm/components/IconButton/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","names":["classNames","React","Children","forwardRef","isValidElement","StyledIconButton","IconButton","ref","children","className","variant","size","args","map","child","displayName"],"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, {\n  Children,\n  forwardRef,\n  isValidElement,\n  PropsWithChildren,\n} from \"react\";\nimport { ButtonProps } from \"../Button\";\nimport { StyledIconButton } from \"./Styles\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IconButtonProps extends ButtonProps {}\n\nexport const IconButton = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<IconButtonProps>\n>(({ children, className, variant, size, ...args }, ref) => {\n  return (\n    <StyledIconButton\n      className={classNames(\"c-btn--icon-only\", className)}\n      variant={variant}\n      size={size}\n      ref={ref}\n      {...args}\n    >\n      {Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n          return null;\n        }\n\n        return child;\n      })}\n    </StyledIconButton>\n  );\n});\n\nIconButton.displayName = \"IconButton\";\n"],"mappings":";;;AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IACVC,QAAQ,EACRC,UAAU,EACVC,cAAc,QAET,OAAO;AAEd,SAASC,gBAAgB,QAAQ,UAAU;;AAE3C;;AAGA,OAAO,IAAMC,UAAU,gBAAGH,UAAU,CAGlC,gBAAkDI,GAAG,EAAK;EAAA,IAAvDC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;IAAKC,IAAI;EAC9C,oBACE,oBAAC,gBAAgB;IACf,SAAS,EAAEZ,UAAU,CAAC,kBAAkB,EAAES,SAAS,CAAE;IACrD,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEC,IAAK;IACX,GAAG,EAAEJ;EAAI,GACLK,IAAI,GAEPV,QAAQ,CAACW,GAAG,CAACL,QAAQ,EAAE,UAACM,KAAK,EAAK;IACjC,IAAI,eAACV,cAAc,CAACU,KAAK,CAAC,EAAE;MAC1B,OAAO,IAAI;IACb;IAEA,OAAOA,KAAK;EACd,CAAC,CAAC,CACe;AAEvB,CAAC,CAAC;AAEFR,UAAU,CAACS,WAAW,GAAG,YAAY"}

package/dist/esm/components/IconButton/Styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+//# sourceMappingURL=Styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/Styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,gBAAgB;;sEAkB5B,CAAC"}

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

@@ -0,0 +1,13 @@
+import styled, { css } from "styled-components";
+import { Button } from "../Button";
+export var StyledIconButton = styled(Button).withConfig({
+  displayName: "Styles__StyledIconButton",
+  componentId: "sc-1teza2f-0"
+})(["display:flex;justify-content:center;align-items:center;padding:0;width:32px;", " ", ""], function (_ref) {
+  var size = _ref.size;
+  return size === "small" && css(["width:24px;"]);
+}, function (_ref2) {
+  var size = _ref2.size;
+  return size === "big" && css(["width:40px;"]);
+});
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["styled","css","Button","StyledIconButton","size"],"sources":["../../../../src/components/IconButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button\";\n\nexport const StyledIconButton = styled(Button)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 32px;\n\n  ${({ size }) =>\n    size === \"small\" &&\n    css`\n      width: 24px;\n    `}\n\n  ${({ size }) =>\n    size === \"big\" &&\n    css`\n      width: 40px;\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,WAAW;AAElC,OAAO,IAAMC,gBAAgB,GAAGH,MAAM,CAACE,MAAM,CAAC;EAAA;EAAA;AAAA,8FAO1C;EAAA,IAAGE,IAAI,QAAJA,IAAI;EAAA,OACPA,IAAI,KAAK,OAAO,IAChBH,GAAG,iBAEF;AAAA,GAED;EAAA,IAAGG,IAAI,SAAJA,IAAI;EAAA,OACPA,IAAI,KAAK,KAAK,IACdH,GAAG,iBAEF;AAAA,EACJ"}

package/dist/esm/components/Pickers/Styles.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-export declare const StyledNavBarButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
+export declare const StyledNavBarButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {
     $direction: "next" | "previous";
 }, never>;
 interface StyledMonthInterface {

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/Styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,kBAAkB;gBACjB,MAAM,GAAG,UAAU;SAoBhC,CAAC;AAEF,UAAU,oBAAoB;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,oEAaxB,CAAC;AACF,eAAO,MAAM,WAAW,sFA2CvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,oEAWjC,CAAC;AAEF,eAAO,MAAM,2BAA2B,oEAGvC,CAAC;AAEF,eAAO,MAAM,+BAA+B,qEAS3C,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/Styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,kBAAkB;;;gBACjB,MAAM,GAAG,UAAU;SAoBhC,CAAC;AAEF,UAAU,oBAAoB;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,oEAaxB,CAAC;AACF,eAAO,MAAM,WAAW,sFA2CvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,oEAWjC,CAAC;AAEF,eAAO,MAAM,2BAA2B,oEAGvC,CAAC;AAEF,eAAO,MAAM,+BAA+B,qEAS3C,CAAC"}

package/dist/esm/components/Pressed/Pressed.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { IButtonProps } from "../Button/Button";
-export interface IPressedProps extends IButtonProps {
+import { ButtonProps } from "../Button";
+export interface PressedProps extends ButtonProps {
     active?: boolean;
 }
-export declare const Pressed: React.ForwardRefExoticComponent<IPressedProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Pressed: React.ForwardRefExoticComponent<PressedProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Pressed.d.ts.map

package/dist/esm/components/Pressed/Pressed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pressed.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressed/Pressed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,MAAM,WAAW,aAAc,SAAQ,YAAY;IAEjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAKD,eAAO,MAAM,OAAO,yFAanB,CAAC"}
+{"version":3,"file":"Pressed.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressed/Pressed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC,MAAM,WAAW,YAAa,SAAQ,WAAW;IAE/C,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAKD,eAAO,MAAM,OAAO,wFAanB,CAAC"}

package/dist/esm/components/Pressed/Pressed.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pressed.js","names":["React","forwardRef","classNames","StyledPressed","Pressed","ref","children","active","className","args","displayName"],"sources":["../../../../src/components/Pressed/Pressed.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { IButtonProps } from \"../Button/Button\";\nimport { StyledPressed } from \"./Styles\";\n\nexport interface IPressedProps extends IButtonProps {\n  /** Set active state */\n  active?: boolean;\n}\n\n/**\n * Pressed wrapper for button component\n */\nexport const Pressed = forwardRef<HTMLButtonElement, IPressedProps>(\n  ({ children, active = false, className, ...args }, ref) => {\n    return (\n      <StyledPressed\n        active={active}\n        ref={ref}\n        className={classNames({ \"c-pressed__active\": active }, className)}\n        {...args}\n      >\n        {children}\n      </StyledPressed>\n    );\n  }\n);\n\nPressed.displayName = \"Pressed\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,aAAa,QAAQ,UAAU;AAOxC;AACA;AACA;AACA,OAAO,IAAMC,OAAO,gBAAGH,UAAU,CAC/B,gBAAmDI,GAAG,EAAK;EAAA,IAAxDC,QAAQ,QAARA,QAAQ;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EAC7C,oBACE,oBAAC,aAAa;IACZ,MAAM,EAAEF,MAAO;IACf,GAAG,EAAEF,GAAI;IACT,SAAS,EAAEH,UAAU,CAAC;MAAE,mBAAmB,EAAEK;IAAO,CAAC,EAAEC,SAAS;EAAE,GAC9DC,IAAI,GAEPH,QAAQ,CACK;AAEpB,CAAC,CACF;AAEDF,OAAO,CAACM,WAAW,GAAG,SAAS"}
+{"version":3,"file":"Pressed.js","names":["React","forwardRef","classNames","StyledPressed","Pressed","ref","children","active","className","args","displayName"],"sources":["../../../../src/components/Pressed/Pressed.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { ButtonProps } from \"../Button\";\nimport { StyledPressed } from \"./Styles\";\n\nexport interface PressedProps extends ButtonProps {\n  /** Set active state */\n  active?: boolean;\n}\n\n/**\n * Pressed wrapper for button component\n */\nexport const Pressed = forwardRef<HTMLButtonElement, PressedProps>(\n  ({ children, active = false, className, ...args }, ref) => {\n    return (\n      <StyledPressed\n        active={active}\n        ref={ref}\n        className={classNames({ \"c-pressed__active\": active }, className)}\n        {...args}\n      >\n        {children}\n      </StyledPressed>\n    );\n  }\n);\n\nPressed.displayName = \"Pressed\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,aAAa,QAAQ,UAAU;AAOxC;AACA;AACA;AACA,OAAO,IAAMC,OAAO,gBAAGH,UAAU,CAC/B,gBAAmDI,GAAG,EAAK;EAAA,IAAxDC,QAAQ,QAARA,QAAQ;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EAC7C,oBACE,oBAAC,aAAa;IACZ,MAAM,EAAEF,MAAO;IACf,GAAG,EAAEF,GAAI;IACT,SAAS,EAAEH,UAAU,CAAC;MAAE,mBAAmB,EAAEK;IAAO,CAAC,EAAEC,SAAS;EAAE,GAC9DC,IAAI,GAEPH,QAAQ,CACK;AAEpB,CAAC,CACF;AAEDF,OAAO,CAACM,WAAW,GAAG,SAAS"}

package/dist/esm/components/Pressed/Styles.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
-import { IPressedProps } from "./Pressed";
-export declare const StyledPressed: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, IPressedProps, never>;
+import { PressedProps } from "./Pressed";
+export declare const StyledPressed: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, PressedProps, never>;
 //# sourceMappingURL=Styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressed/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAI1C,eAAO,MAAM,aAAa,+MA0CzB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressed/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAIzC,eAAO,MAAM,aAAa;;gFA0CzB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Button","StyledPressed","props","active","variant","children","Array","displayName"],"sources":["../../../../src/components/Pressed/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { IPressedProps } from \"./Pressed\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledPressed = styled(Button)<IPressedProps>`\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n      ${props.variant === \"circle raised\" &&\n      css`\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n`;\n\nStyledPressed.displayName = \"StyledPressed\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,kBAAkB;AAGzC,OAAO,IAAMC,aAAa,GAAGH,MAAM,CAACE,MAAM,CAAC;EAAA;EAAA;AAAA,aACvC,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,IACZJ,GAAG,yCACG;IAAA;EAAuB,CAAC,EAE1B,CAACG,KAAK,CAACE,OAAO,KAAK,SAAS,IAAIF,KAAK,CAACE,OAAO,KAAK,WAAW,KAC/DL,GAAG,gDAEF,EAEC,CAACG,KAAK,CAACE,OAAO,KAAK,WAAW,IAAIF,KAAK,CAACE,OAAO,KAAK,UAAU,KAChEL,GAAG,mEAGF,EAECG,KAAK,CAACE,OAAO,KAAK,kBAAkB,IACtCL,GAAG,yCAEF,EAECG,KAAK,CAACE,OAAO,KAAK,eAAe,IACnCL,GAAG,sFAGF,EAED,CAACG,KAAK,CAACE,OAAO,KAAK,UAAU,IAAIF,KAAK,CAACE,OAAO,KAAK,cAAc,KACjEL,GAAG,gDAEF,EAED,CAACG,KAAK,CAACE,OAAO,KAAK,QAAQ,IAAIF,KAAK,CAACE,OAAO,KAAK,WAAW,KAC5DL,GAAG,sCAECG,KAAK,CAACG,QAAQ,YAAYC,KAAK,IACjCP,GAAG,8CAEF,CACF,CACF;AAAA,EACJ;AAEDE,aAAa,CAACM,WAAW,GAAG,eAAe"}
+{"version":3,"file":"Styles.js","names":["styled","css","Button","StyledPressed","props","active","variant","children","Array","displayName"],"sources":["../../../../src/components/Pressed/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { PressedProps } from \"./Pressed\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledPressed = styled(Button)<PressedProps>`\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n      ${props.variant === \"circle raised\" &&\n      css`\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n`;\n\nStyledPressed.displayName = \"StyledPressed\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,kBAAkB;AAGzC,OAAO,IAAMC,aAAa,GAAGH,MAAM,CAACE,MAAM,CAAC;EAAA;EAAA;AAAA,aACvC,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,IACZJ,GAAG,yCACG;IAAA;EAAuB,CAAC,EAE1B,CAACG,KAAK,CAACE,OAAO,KAAK,SAAS,IAAIF,KAAK,CAACE,OAAO,KAAK,WAAW,KAC/DL,GAAG,gDAEF,EAEC,CAACG,KAAK,CAACE,OAAO,KAAK,WAAW,IAAIF,KAAK,CAACE,OAAO,KAAK,UAAU,KAChEL,GAAG,mEAGF,EAECG,KAAK,CAACE,OAAO,KAAK,kBAAkB,IACtCL,GAAG,yCAEF,EAECG,KAAK,CAACE,OAAO,KAAK,eAAe,IACnCL,GAAG,sFAGF,EAED,CAACG,KAAK,CAACE,OAAO,KAAK,UAAU,IAAIF,KAAK,CAACE,OAAO,KAAK,cAAc,KACjEL,GAAG,gDAEF,EAED,CAACG,KAAK,CAACE,OAAO,KAAK,QAAQ,IAAIF,KAAK,CAACE,OAAO,KAAK,WAAW,KAC5DL,GAAG,sCAECG,KAAK,CAACG,QAAQ,YAAYC,KAAK,IACjCP,GAAG,8CAEF,CACF,CACF;AAAA,EACJ;AAEDE,aAAa,CAACM,WAAW,GAAG,eAAe"}

package/dist/esm/components/SelectDate/Styles.d.ts

@@ -7,8 +7,14 @@ export declare const StyledSelectDateFooter: import("styled-components").StyledC
     $mode?: "atomic" | "instant" | undefined;
 }, never>;
 export declare const StyledSelectDateButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledButtonSave: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledButtonClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledButtonCloseColored: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledButtonSave: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledButtonClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledButtonCloseColored: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const StyledIconComponent: import("styled-components").StyledComponent<"svg", any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/Styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,gBAAgB,oEAG5B,CAAC;AAIF,eAAO,MAAM,sBAAsB,uEAmBlC,CAAC;AAIF,eAAO,MAAM,mBAAmB,uMAkB/B,CAAC;AAIF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAIF,eAAO,MAAM,sBAAsB;;SAWlC,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAEnC,CAAC;AAIF,eAAO,MAAM,gBAAgB,oMAE5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oMAE7B,CAAC;AAIF,eAAO,MAAM,wBAAwB,oMAEpC,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAW/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/Styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,gBAAgB,oEAG5B,CAAC;AAIF,eAAO,MAAM,sBAAsB,uEAmBlC,CAAC;AAIF,eAAO,MAAM,mBAAmB,uMAkB/B,CAAC;AAIF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAIF,eAAO,MAAM,sBAAsB;;SAWlC,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAEnC,CAAC;AAIF,eAAO,MAAM,gBAAgB;;sEAE5B,CAAC;AAIF,eAAO,MAAM,iBAAiB;;sEAE7B,CAAC;AAIF,eAAO,MAAM,wBAAwB;;sEAEpC,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAW/B,CAAC"}

package/dist/esm/components/Steppers/DateStepper/Styles.d.ts

@@ -8,6 +8,8 @@ interface StyledDiv {
     $isRounded: boolean;
 }
 export declare const StyledDiv: import("styled-components").StyledComponent<"div", any, StyledDiv, never>;
-export declare const StyledControl: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledControl: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Button").ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export {};
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Steppers/DateStepper/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY,uEAmDxB,CAAC;AAEF,eAAO,MAAM,UAAU,6GAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6wJAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,2EAwErB,CAAC;AAEF,eAAO,MAAM,aAAa,gMAEzB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY,uEAmDxB,CAAC;AAEF,eAAO,MAAM,UAAU,6GAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6wJAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,2EAwErB,CAAC;AAEF,eAAO,MAAM,aAAa;;sEAEzB,CAAC"}

package/dist/esm/components/ValueButton/Styles.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
-import { IButtonProps } from "../Button/Button";
+import { ButtonProps } from "../Button";
 export declare const StyledValueButtonLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").IBodyProps & Omit<import("../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledValueButtonValue: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").IBodyProps & Omit<import("../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-interface IStyledValueButton extends IButtonProps {
+interface IStyledValueButton extends ButtonProps {
     $active?: boolean;
 }
-export declare const StyledValueButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, IStyledValueButton, never>;
+export declare const StyledValueButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, IStyledValueButton, never>;
 export {};
 //# sourceMappingURL=Styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ValueButton/Styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAU,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,sBAAsB,8QAGlC,CAAC;AAIF,eAAO,MAAM,sBAAsB,8QAAkB,CAAC;AAItD,UAAU,kBAAmB,SAAQ,YAAY;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,yLA0B7B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ValueButton/Styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,sBAAsB,8QAGlC,CAAC;AAIF,eAAO,MAAM,sBAAsB,8QAAkB,CAAC;AAItD,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB;;sFA0B7B,CAAC"}

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

@@ -1,6 +1,6 @@
 import styled, { css } from "styled-components";
 import { Body2 } from "../Typography";
-import { Button } from "../Button/Button";
+import { Button } from "../Button";
 export var StyledValueButtonLabel = styled(Body2).withConfig({
   displayName: "Styles__StyledValueButtonLabel",
   componentId: "sc-7n59oz-0"

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Body2","Button","StyledValueButtonLabel","displayName","StyledValueButtonValue","StyledValueButton","props","$active"],"sources":["../../../../src/components/ValueButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography\";\nimport { Button, IButtonProps } from \"../Button/Button\";\n\nexport const StyledValueButtonLabel = styled(Body2)`\n  opacity: 60%;\n  margin-right: 2px;\n`;\n\nStyledValueButtonLabel.displayName = \"StyledValueButtonLabel\";\n\nexport const StyledValueButtonValue = styled(Body2)``;\n\nStyledValueButtonValue.displayName = \"StyledValueButtonValue\";\n\ninterface IStyledValueButton extends IButtonProps {\n  $active?: boolean;\n}\n\nexport const StyledValueButton = styled(Button)<IStyledValueButton>`\n  ${(props) =>\n    props.$active &&\n    css`\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n\n      svg {\n        fill: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    props.$active !== true &&\n    css`{\n    &:hover {\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n    }\n  `}\n`;\n\nStyledValueButton.displayName = \"StyledValueButton\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,KAAK,QAAQ,eAAe;AACrC,SAASC,MAAM,QAAsB,kBAAkB;AAEvD,OAAO,IAAMC,sBAAsB,GAAGJ,MAAM,CAACE,KAAK,CAAC;EAAA;EAAA;AAAA,qCAGlD;AAEDE,sBAAsB,CAACC,WAAW,GAAG,wBAAwB;AAE7D,OAAO,IAAMC,sBAAsB,GAAGN,MAAM,CAACE,KAAK,CAAC;EAAA;EAAA;AAAA,QAAE;AAErDI,sBAAsB,CAACD,WAAW,GAAG,wBAAwB;AAM7D,OAAO,IAAME,iBAAiB,GAAGP,MAAM,CAACG,MAAM,CAAC;EAAA;EAAA;AAAA,kBAC3C,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,IACbR,GAAG,8FACCG,sBAAsB,EACtBE,sBAAsB,EAClB;IAAA;EAAuB,CAAC,CAO/B;AAAA,GAED,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,KAAK,IAAI,IACtBR,GAAG,yEAECG,sBAAsB,EACtBE,sBAAsB,EAClB;IAAA;EAAuB,CAAC,CAIjC;AAAA,EACF;AAEDC,iBAAiB,CAACF,WAAW,GAAG,mBAAmB"}
+{"version":3,"file":"Styles.js","names":["styled","css","Body2","Button","StyledValueButtonLabel","displayName","StyledValueButtonValue","StyledValueButton","props","$active"],"sources":["../../../../src/components/ValueButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography\";\nimport { Button, ButtonProps } from \"../Button\";\n\nexport const StyledValueButtonLabel = styled(Body2)`\n  opacity: 60%;\n  margin-right: 2px;\n`;\n\nStyledValueButtonLabel.displayName = \"StyledValueButtonLabel\";\n\nexport const StyledValueButtonValue = styled(Body2)``;\n\nStyledValueButtonValue.displayName = \"StyledValueButtonValue\";\n\ninterface IStyledValueButton extends ButtonProps {\n  $active?: boolean;\n}\n\nexport const StyledValueButton = styled(Button)<IStyledValueButton>`\n  ${(props) =>\n    props.$active &&\n    css`\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n\n      svg {\n        fill: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    props.$active !== true &&\n    css`{\n    &:hover {\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n    }\n  `}\n`;\n\nStyledValueButton.displayName = \"StyledValueButton\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,KAAK,QAAQ,eAAe;AACrC,SAASC,MAAM,QAAqB,WAAW;AAE/C,OAAO,IAAMC,sBAAsB,GAAGJ,MAAM,CAACE,KAAK,CAAC;EAAA;EAAA;AAAA,qCAGlD;AAEDE,sBAAsB,CAACC,WAAW,GAAG,wBAAwB;AAE7D,OAAO,IAAMC,sBAAsB,GAAGN,MAAM,CAACE,KAAK,CAAC;EAAA;EAAA;AAAA,QAAE;AAErDI,sBAAsB,CAACD,WAAW,GAAG,wBAAwB;AAM7D,OAAO,IAAME,iBAAiB,GAAGP,MAAM,CAACG,MAAM,CAAC;EAAA;EAAA;AAAA,kBAC3C,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,IACbR,GAAG,8FACCG,sBAAsB,EACtBE,sBAAsB,EAClB;IAAA;EAAuB,CAAC,CAO/B;AAAA,GAED,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,KAAK,IAAI,IACtBR,GAAG,yEAECG,sBAAsB,EACtBE,sBAAsB,EAClB;IAAA;EAAuB,CAAC,CAIjC;AAAA,EACF;AAEDC,iBAAiB,CAACF,WAAW,GAAG,mBAAmB"}

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

@@ -2,7 +2,7 @@ import React, { useCallback } from "react";
 import { Button } from "../Button";
 import { ArrowBackMobileIcon, CancelCrossIcon } from "../Icons";
 import { StepActionButton } from "./StepActionButton";
-import { DialogActions, DialogContent, DialogContentDivider } from "../Dialog";
+import { Dialog } from "../Dialog";
 import { Caption2, Header3 } from "../Typography";
 import { StyledStepTitle, StyledStepHeaderLeft, StyledStepHeader, StyledCustomStep } from "./Styles";
 export var Step = function Step(_ref) {
@@ -37,7 +37,7 @@ export var Step = function Step(_ref) {
     onClick: onClose,
     variant: "text gray",
     disabled: changingStepInProgress
-  }, /*#__PURE__*/React.createElement(CancelCrossIcon, null))), /*#__PURE__*/React.createElement(DialogContentDivider, null), shouldRenderNextButton ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DialogContent, null, children), /*#__PURE__*/React.createElement(DialogContentDivider, null), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(StepActionButton, {
+  }, /*#__PURE__*/React.createElement(CancelCrossIcon, null))), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), shouldRenderNextButton ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.Content, null, children), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Actions, null, /*#__PURE__*/React.createElement(StepActionButton, {
     isLast: isLast,
     actionLabel: actionLabel,
     onNextButtonClick: onActionButtonClick

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

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["React","useCallback","Button","ArrowBackMobileIcon","CancelCrossIcon","StepActionButton","DialogActions","DialogContent","DialogContentDivider","Caption2","Header3","StyledStepTitle","StyledStepHeaderLeft","StyledStepHeader","StyledCustomStep","Step","index","isLast","subtitle","title","onNextButtonClick","onPreviousButtonClick","onClose","children","actionLabel","shouldRenderNextButton","changingStepInProgress","skip","onActionButtonClick","displayName"],"sources":["../../../../src/components/Wizard/Step.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from \"react\";\nimport { Button } from \"../Button\";\nimport { ArrowBackMobileIcon, CancelCrossIcon } from \"../Icons\";\nimport { StepActionButton } from \"./StepActionButton\";\nimport { DialogActions, DialogContent, DialogContentDivider } from \"../Dialog\";\nimport { Caption2, Header3 } from \"../Typography\";\nimport {\n  StyledStepTitle,\n  StyledStepHeaderLeft,\n  StyledStepHeader,\n  StyledCustomStep,\n} from \"./Styles\";\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            <Button\n              onClick={onPreviousButtonClick}\n              variant=\"text gray\"\n              className=\"tw--ml-3 tw-mr-2\"\n              disabled={changingStepInProgress}\n            >\n              <ArrowBackMobileIcon />\n            </Button>\n          ) : null}\n          <StyledStepTitle>\n            <Caption2>{title}</Caption2>\n            <Header3>{subtitle}</Header3>\n          </StyledStepTitle>\n        </StyledStepHeaderLeft>\n        <Button\n          onClick={onClose}\n          variant=\"text gray\"\n          disabled={changingStepInProgress}\n        >\n          <CancelCrossIcon />\n        </Button>\n      </StyledStepHeader>\n      <DialogContentDivider />\n      {shouldRenderNextButton ? (\n        <>\n          <DialogContent>{children}</DialogContent>\n          <DialogContentDivider />\n          <DialogActions>\n            <StepActionButton\n              isLast={isLast}\n              actionLabel={actionLabel}\n              onNextButtonClick={onActionButtonClick}\n            />\n          </DialogActions>\n        </>\n      ) : (\n        <StyledCustomStep>{children}</StyledCustomStep>\n      )}\n    </>\n  ) : null;\n};\n\nStep.displayName = \"Step\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAmBC,WAAW,QAAQ,OAAO;AACzD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,UAAU;AAC/D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,aAAa,EAAEC,aAAa,EAAEC,oBAAoB,QAAQ,WAAW;AAC9E,SAASC,QAAQ,EAAEC,OAAO,QAAQ,eAAe;AACjD,SACEC,eAAe,EACfC,oBAAoB,EACpBC,gBAAgB,EAChBC,gBAAgB,QACX,UAAU;AAiBjB,OAAO,IAAMC,IAAe,GAAG,SAAlBA,IAAe,OAatB;EAAA,IAZJC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,iBAAiB,QAAjBA,iBAAiB;IACjBC,qBAAqB,QAArBA,qBAAqB;IACrBC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IAAA,wBACRC,WAAW;IAAXA,WAAW,iCAAG,SAAS;IAAA,6BACvBC,sBAAsB;IAAtBA,sBAAsB,sCAAG,IAAI;IAAA,6BAC7BC,sBAAsB;IAAtBA,sBAAsB,sCAAG,KAAK;IAAA,iBAC9BC,IAAI;IAAJA,IAAI,0BAAG,KAAK;EAEZ,IAAMC,mBAAmB,GAAG3B,WAAW,CAAC,YAAM;IAC5C,IAAIgB,MAAM,IAAIK,OAAO,EAAE;MACrB,OAAOA,OAAO,EAAE;IAClB;IAEA,OAAOF,iBAAiB,IAAIA,iBAAiB,EAAE;EACjD,CAAC,EAAE,CAACH,MAAM,EAAEK,OAAO,EAAEF,iBAAiB,CAAC,CAAC;EAExC,OAAO,CAACO,IAAI,gBACV,uDACE,oBAAC,gBAAgB,qBACf,oBAAC,oBAAoB,QAClBX,KAAK,IAAIA,KAAK,GAAG,CAAC,gBACjB,oBAAC,MAAM;IACL,OAAO,EAAEK,qBAAsB;IAC/B,OAAO,EAAC,WAAW;IACnB,SAAS,EAAC,kBAAkB;IAC5B,QAAQ,EAAEK;EAAuB,gBAEjC,oBAAC,mBAAmB,OAAG,CAChB,GACP,IAAI,eACR,oBAAC,eAAe,qBACd,oBAAC,QAAQ,QAAEP,KAAK,CAAY,eAC5B,oBAAC,OAAO,QAAED,QAAQ,CAAW,CACb,CACG,eACvB,oBAAC,MAAM;IACL,OAAO,EAAEI,OAAQ;IACjB,OAAO,EAAC,WAAW;IACnB,QAAQ,EAAEI;EAAuB,gBAEjC,oBAAC,eAAe,OAAG,CACZ,CACQ,eACnB,oBAAC,oBAAoB,OAAG,EACvBD,sBAAsB,gBACrB,uDACE,oBAAC,aAAa,QAAEF,QAAQ,CAAiB,eACzC,oBAAC,oBAAoB,OAAG,eACxB,oBAAC,aAAa,qBACZ,oBAAC,gBAAgB;IACf,MAAM,EAAEN,MAAO;IACf,WAAW,EAAEO,WAAY;IACzB,iBAAiB,EAAEI;EAAoB,EACvC,CACY,CACf,gBAEH,oBAAC,gBAAgB,QAAEL,QAAQ,CAC5B,CACA,GACD,IAAI;AACV,CAAC;AAEDR,IAAI,CAACc,WAAW,GAAG,MAAM"}
+{"version":3,"file":"Step.js","names":["React","useCallback","Button","ArrowBackMobileIcon","CancelCrossIcon","StepActionButton","Dialog","Caption2","Header3","StyledStepTitle","StyledStepHeaderLeft","StyledStepHeader","StyledCustomStep","Step","index","isLast","subtitle","title","onNextButtonClick","onPreviousButtonClick","onClose","children","actionLabel","shouldRenderNextButton","changingStepInProgress","skip","onActionButtonClick","displayName"],"sources":["../../../../src/components/Wizard/Step.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from \"react\";\nimport { Button } from \"../Button\";\nimport { ArrowBackMobileIcon, CancelCrossIcon } from \"../Icons\";\nimport { StepActionButton } from \"./StepActionButton\";\nimport { Dialog } from \"../Dialog\";\nimport { Caption2, Header3 } from \"../Typography\";\nimport {\n  StyledStepTitle,\n  StyledStepHeaderLeft,\n  StyledStepHeader,\n  StyledCustomStep,\n} from \"./Styles\";\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            <Button\n              onClick={onPreviousButtonClick}\n              variant=\"text gray\"\n              className=\"tw--ml-3 tw-mr-2\"\n              disabled={changingStepInProgress}\n            >\n              <ArrowBackMobileIcon />\n            </Button>\n          ) : null}\n          <StyledStepTitle>\n            <Caption2>{title}</Caption2>\n            <Header3>{subtitle}</Header3>\n          </StyledStepTitle>\n        </StyledStepHeaderLeft>\n        <Button\n          onClick={onClose}\n          variant=\"text gray\"\n          disabled={changingStepInProgress}\n        >\n          <CancelCrossIcon />\n        </Button>\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;AACzD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,UAAU;AAC/D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,QAAQ,EAAEC,OAAO,QAAQ,eAAe;AACjD,SACEC,eAAe,EACfC,oBAAoB,EACpBC,gBAAgB,EAChBC,gBAAgB,QACX,UAAU;AAiBjB,OAAO,IAAMC,IAAe,GAAG,SAAlBA,IAAe,OAatB;EAAA,IAZJC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,iBAAiB,QAAjBA,iBAAiB;IACjBC,qBAAqB,QAArBA,qBAAqB;IACrBC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IAAA,wBACRC,WAAW;IAAXA,WAAW,iCAAG,SAAS;IAAA,6BACvBC,sBAAsB;IAAtBA,sBAAsB,sCAAG,IAAI;IAAA,6BAC7BC,sBAAsB;IAAtBA,sBAAsB,sCAAG,KAAK;IAAA,iBAC9BC,IAAI;IAAJA,IAAI,0BAAG,KAAK;EAEZ,IAAMC,mBAAmB,GAAGzB,WAAW,CAAC,YAAM;IAC5C,IAAIc,MAAM,IAAIK,OAAO,EAAE;MACrB,OAAOA,OAAO,EAAE;IAClB;IAEA,OAAOF,iBAAiB,IAAIA,iBAAiB,EAAE;EACjD,CAAC,EAAE,CAACH,MAAM,EAAEK,OAAO,EAAEF,iBAAiB,CAAC,CAAC;EAExC,OAAO,CAACO,IAAI,gBACV,uDACE,oBAAC,gBAAgB,qBACf,oBAAC,oBAAoB,QAClBX,KAAK,IAAIA,KAAK,GAAG,CAAC,gBACjB,oBAAC,MAAM;IACL,OAAO,EAAEK,qBAAsB;IAC/B,OAAO,EAAC,WAAW;IACnB,SAAS,EAAC,kBAAkB;IAC5B,QAAQ,EAAEK;EAAuB,gBAEjC,oBAAC,mBAAmB,OAAG,CAChB,GACP,IAAI,eACR,oBAAC,eAAe,qBACd,oBAAC,QAAQ,QAAEP,KAAK,CAAY,eAC5B,oBAAC,OAAO,QAAED,QAAQ,CAAW,CACb,CACG,eACvB,oBAAC,MAAM;IACL,OAAO,EAAEI,OAAQ;IACjB,OAAO,EAAC,WAAW;IACnB,QAAQ,EAAEI;EAAuB,gBAEjC,oBAAC,eAAe,OAAG,CACZ,CACQ,eACnB,oBAAC,MAAM,CAAC,cAAc,OAAG,EACxBD,sBAAsB,gBACrB,uDACE,oBAAC,MAAM,CAAC,OAAO,QAAEF,QAAQ,CAAkB,eAC3C,oBAAC,MAAM,CAAC,cAAc,OAAG,eACzB,oBAAC,MAAM,CAAC,OAAO,qBACb,oBAAC,gBAAgB;IACf,MAAM,EAAEN,MAAO;IACf,WAAW,EAAEO,WAAY;IACzB,iBAAiB,EAAEI;EAAoB,EACvC,CACa,CAChB,gBAEH,oBAAC,gBAAgB,QAAEL,QAAQ,CAC5B,CACA,GACD,IAAI;AACV,CAAC;AAEDR,IAAI,CAACc,WAAW,GAAG,MAAM"}

package/dist/index.js

@@ -267,7 +267,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$1a = ["children", "variant", "size", "disabled", "className"];
+  var _excluded$1a = ["children", "variant", "size", "className"];
   /**
    * Button component
    */
@@ -277,12 +277,9 @@
       variant = _ref$variant === void 0 ? "contained" : _ref$variant,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "medium" : _ref$size,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
       args = _objectWithoutProperties(_ref, _excluded$1a);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
-      disabled: disabled,
       className: classNames__default["default"]("c-btn", className, {
         "c-btn--contained": variant === "primary" || variant === "contained",
         "c-btn--outlined": variant === "secondary" || variant === "outlined",
@@ -296,10 +293,9 @@
       }),
       iconOnly: children instanceof Object && !(children instanceof Array),
       variant: variant,
-      size: size
-    }, args, {
+      size: size,
       ref: ref
-    }), children instanceof Array ? /*#__PURE__*/React__default["default"].createElement(StyledButtonElements, {
+    }, args), children instanceof Array ? /*#__PURE__*/React__default["default"].createElement(StyledButtonElements, {
       className: "c-btn__elements"
     }, children.map(function (value, index) {
       return value ? /*#__PURE__*/React__default["default"].createElement(StyledButtonElement, {
@@ -12297,7 +12293,7 @@
       onClick: onClose,
       variant: "text gray",
       disabled: changingStepInProgress
-    }, /*#__PURE__*/React__default["default"].createElement(CancelCrossIcon$1, null))), /*#__PURE__*/React__default["default"].createElement(DialogContentDivider, null), shouldRenderNextButton ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(DialogContent, null, children), /*#__PURE__*/React__default["default"].createElement(DialogContentDivider, null), /*#__PURE__*/React__default["default"].createElement(DialogActions, null, /*#__PURE__*/React__default["default"].createElement(StepActionButton, {
+    }, /*#__PURE__*/React__default["default"].createElement(CancelCrossIcon$1, null))), /*#__PURE__*/React__default["default"].createElement(Dialog.ContentDivider, null), shouldRenderNextButton ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Dialog.Content, null, children), /*#__PURE__*/React__default["default"].createElement(Dialog.ContentDivider, null), /*#__PURE__*/React__default["default"].createElement(Dialog.Actions, null, /*#__PURE__*/React__default["default"].createElement(StepActionButton, {
       isLast: isLast,
       actionLabel: actionLabel,
       onNextButtonClick: onActionButtonClick
@@ -12457,10 +12453,6 @@
   exports.DependencyIcon = DependencyIcon$1;
   exports.DependencySmallIcon = DependencySmallIcon$1;
   exports.Dialog = Dialog;
-  exports.DialogActions = DialogActions;
-  exports.DialogContent = DialogContent;
-  exports.DialogContentDivider = DialogContentDivider;
-  exports.DialogTitle = DialogTitle;
   exports.DiscussionAddIcon = DiscussionAddIcon$1;
   exports.DollarCheckmarkIcon = DollarCheckmarkIcon$1;
   exports.DollarCheckmarkSmallIcon = DollarCheckmarkSmallIcon$1;