@activecollab/components 1.0.62 → 1.0.65

package/dist/cjs/components/Button/Button.js

@@ -34,7 +34,8 @@ var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "contained" : _ref$variant,
-      size = _ref.size,
+      _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,

package/dist/cjs/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"names":["Button","ref","children","variant","size","disabled","className","args","Object","Array","map","value","index","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAKA;;;;;;;;;;;;;;;;AAyBA;AACA;AACA;AACO,IAAMA,MAAM,gBAAG,uBACpB,gBASEC,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,WAOT;AAAA,MANDC,IAMC,QANDA,IAMC;AAAA,2BALDC,QAKC;AAAA,MALDA,QAKC,8BALU,KAKV;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,oBAAD;AACE,IAAA,QAAQ,EAAEF,QADZ;AAEE,IAAA,SAAS,EAAE,yBAAW,OAAX,EAAoBC,SAApB,EAA+B;AACxC,0BAAoBH,OAAO,KAAK,SAAZ,IAAyBA,OAAO,KAAK,WADjB;AAExC,yBAAmBA,OAAO,KAAK,WAAZ,IAA2BA,OAAO,KAAK,UAFlB;AAGxC,6BACEA,OAAO,KAAK,UAAZ,IAA0BA,OAAO,KAAK,cAJA;AAKxC,0BAAoBA,OAAO,KAAK,QAAZ,IAAwBA,OAAO,KAAK,WALhB;AAMxC,iCAA2BA,OAAO,KAAK,kBANC;AAOxC,8BAAwBA,OAAO,KAAK,eAPI;AAQxC,oBAAcC,IAAI,KAAK,KARiB;AASxC,sBAAgBA,IAAI,KAAK,OATe;AAUxC,0BACEF,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB;AAXQ,KAA/B,CAFb;AAeE,IAAA,QAAQ,EAAEP,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB,CAf1C;AAgBE,IAAA,OAAO,EAAEN,OAhBX;AAiBE,IAAA,IAAI,EAAEC;AAjBR,KAkBMG,IAlBN;AAmBE,IAAA,GAAG,EAAEN;AAnBP,MAqBGC,QAAQ,YAAYO,KAApB,gBACC,6BAAC,4BAAD;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGP,QAAQ,CAACQ,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,WACZD,KAAK,gBACH,6BAAC,2BAAD;AACE,MAAA,SAAS,EAAC,0BADZ;AAEE,MAAA,GAAG,EAAEC;AAFP,OAIGD,KAJH,CADG,GAOD,IARQ;AAAA,GAAb,CADH,CADD,GAcCT,QAnCJ,CADF;AAwCD,CApDmB,CAAf;;AAuDPF,MAAM,CAACa,WAAP,GAAqB,QAArB","sourcesContent":["import React, { ReactNode, forwardRef } from \"react\";\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\nimport classnames from \"classnames\";\n\nexport interface IButtonProps extends React.ComponentPropsWithoutRef<\"button\"> {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\n/**\n * Button component\n */\nexport const Button = forwardRef<HTMLButtonElement, IButtonProps>(\n  (\n    {\n      children,\n      variant = \"contained\",\n      size,\n      disabled = false,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        disabled={disabled}\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        size={size}\n        {...args}\n        ref={ref}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"file":"Button.js"}
+{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"names":["Button","ref","children","variant","size","disabled","className","args","Object","Array","map","value","index","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAKA;;;;;;;;;;;;;;;;AAyBA;AACA;AACA;AACO,IAAMA,MAAM,gBAAG,uBACpB,gBASEC,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,WAOT;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,QAMN;AAAA,2BALDC,QAKC;AAAA,MALDA,QAKC,8BALU,KAKV;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,oBAAD;AACE,IAAA,QAAQ,EAAEF,QADZ;AAEE,IAAA,SAAS,EAAE,yBAAW,OAAX,EAAoBC,SAApB,EAA+B;AACxC,0BAAoBH,OAAO,KAAK,SAAZ,IAAyBA,OAAO,KAAK,WADjB;AAExC,yBAAmBA,OAAO,KAAK,WAAZ,IAA2BA,OAAO,KAAK,UAFlB;AAGxC,6BACEA,OAAO,KAAK,UAAZ,IAA0BA,OAAO,KAAK,cAJA;AAKxC,0BAAoBA,OAAO,KAAK,QAAZ,IAAwBA,OAAO,KAAK,WALhB;AAMxC,iCAA2BA,OAAO,KAAK,kBANC;AAOxC,8BAAwBA,OAAO,KAAK,eAPI;AAQxC,oBAAcC,IAAI,KAAK,KARiB;AASxC,sBAAgBA,IAAI,KAAK,OATe;AAUxC,0BACEF,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB;AAXQ,KAA/B,CAFb;AAeE,IAAA,QAAQ,EAAEP,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB,CAf1C;AAgBE,IAAA,OAAO,EAAEN,OAhBX;AAiBE,IAAA,IAAI,EAAEC;AAjBR,KAkBMG,IAlBN;AAmBE,IAAA,GAAG,EAAEN;AAnBP,MAqBGC,QAAQ,YAAYO,KAApB,gBACC,6BAAC,4BAAD;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGP,QAAQ,CAACQ,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,WACZD,KAAK,gBACH,6BAAC,2BAAD;AACE,MAAA,SAAS,EAAC,0BADZ;AAEE,MAAA,GAAG,EAAEC;AAFP,OAIGD,KAJH,CADG,GAOD,IARQ;AAAA,GAAb,CADH,CADD,GAcCT,QAnCJ,CADF;AAwCD,CApDmB,CAAf;;AAuDPF,MAAM,CAACa,WAAP,GAAqB,QAArB","sourcesContent":["import React, { ReactNode, forwardRef } from \"react\";\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\nimport classnames from \"classnames\";\n\nexport interface IButtonProps extends React.ComponentPropsWithoutRef<\"button\"> {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\" | \"medium\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\n/**\n * Button component\n */\nexport const Button = forwardRef<HTMLButtonElement, IButtonProps>(\n  (\n    {\n      children,\n      variant = \"contained\",\n      size = \"medium\",\n      disabled = false,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        disabled={disabled}\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        size={size}\n        {...args}\n        ref={ref}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"file":"Button.js"}

package/dist/cjs/components/ConfirmDialog/ConfirmDialog.js

@@ -46,7 +46,8 @@ var ConfirmDialog = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     className: (0, _classnames.default)("c-confirm-dialog", className)
   }, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, dialogTitle), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Body.Body2, {
     lineHeight: "loose",
-    color: "secondary"
+    color: "secondary",
+    whitespace: "pre-line"
   }, dialogContent)), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
     variant: "primary",
     style: {

package/dist/cjs/components/ConfirmDialog/ConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":["ConfirmDialog","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","marginRight","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;;;;;;;AAcO,IAAMA,aAAa,gBAAG,uBAC3B,gBAYEC,GAZF,EAaK;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,KAWN;AAAA,MAVDC,QAUC,QAVDA,QAUC;AAAA,MATDC,SASC,QATDA,SASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,8BAPDC,WAOC;AAAA,MAPDA,WAOC,iCAPa,kBAOb;AAAA,gCANDC,aAMC;AAAA,MANDA,aAMC,mCANe,mCAMf;AAAA,iCALDC,cAKC;AAAA,MALDA,cAKC,oCALgB,IAKhB;AAAA,gCAJDC,aAIC;AAAA,MAJDA,aAIC,mCAJe,QAIf;AAAA,mCAHDC,sBAGC;AAAA,MAHDA,sBAGC,sCAHwB,IAGxB;AACH,sBACE,6BAAC,cAAD;AACE,IAAA,GAAG,EAAET,GADP;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,OAAO,EAAEC,QAHX;AAIE,IAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+BE,SAA/B;AAJb,kBAME,6BAAC,mBAAD,QAAcC,WAAd,CANF,eAOE,6BAAC,4BAAD,OAPF,eAQE,6BAAC,qBAAD,qBACE,6BAAC,WAAD;AAAO,IAAA,UAAU,EAAC,OAAlB;AAA0B,IAAA,KAAK,EAAC;AAAhC,KACGC,aADH,CADF,CARF,eAaE,6BAAC,4BAAD,OAbF,eAcE,6BAAC,qBAAD,qBACE,6BAAC,cAAD;AACE,IAAA,OAAO,EAAC,SADV;AAEE,IAAA,KAAK,EAAE;AAAEI,MAAAA,WAAW,EAAE;AAAf,KAFT;AAGE,IAAA,OAAO,EAAEP;AAHX,KAKGI,cALH,CADF,EAQGE,sBAAsB,gBACrB,6BAAC,cAAD;AACE,IAAA,OAAO,EAAC,WADV;AAEE,mBAAY,QAFd;AAGE,IAAA,OAAO,EAAEP,QAHX;AAIE,IAAA,IAAI,EAAC;AAJP,KAMGM,aANH,CADqB,GASnB,IAjBN,CAdF,CADF;AAoCD,CAnD0B,CAAtB;;AAsDPT,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  DialogContentDivider,\n} from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface IConfirmDialog {\n  open?: boolean;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  className?: string;\n  dialogTitle?: string;\n  dialogContent?: string;\n  confirmBtnText?: string;\n  cancelBtnText?: string;\n  shouldShowCancelButton?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, IConfirmDialog>(\n  (\n    {\n      open = false,\n      onCancel,\n      onConfirm,\n      className,\n      dialogTitle = \"Discard changes?\",\n      dialogContent = \"All unsaved changes will be lost.\",\n      confirmBtnText = \"OK\",\n      cancelBtnText = \"Cancel\",\n      shouldShowCancelButton = true,\n    },\n    ref\n  ) => {\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={onCancel}\n        className={classnames(\"c-confirm-dialog\", className)}\n      >\n        <DialogTitle>{dialogTitle}</DialogTitle>\n        <DialogContentDivider />\n        <DialogContent>\n          <Body2 lineHeight=\"loose\" color=\"secondary\">\n            {dialogContent}\n          </Body2>\n        </DialogContent>\n        <DialogContentDivider />\n        <DialogActions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: \"12px\" }}\n            onClick={onConfirm}\n          >\n            {confirmBtnText}\n          </Button>\n          {shouldShowCancelButton ? (\n            <Button\n              variant=\"secondary\"\n              data-action=\"cancel\"\n              onClick={onCancel}\n              type=\"button\"\n            >\n              {cancelBtnText}\n            </Button>\n          ) : null}\n        </DialogActions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"file":"ConfirmDialog.js"}
+{"version":3,"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":["ConfirmDialog","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","marginRight","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;;;;;;;AAcO,IAAMA,aAAa,gBAAG,uBAC3B,gBAYEC,GAZF,EAaK;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,KAWN;AAAA,MAVDC,QAUC,QAVDA,QAUC;AAAA,MATDC,SASC,QATDA,SASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,8BAPDC,WAOC;AAAA,MAPDA,WAOC,iCAPa,kBAOb;AAAA,gCANDC,aAMC;AAAA,MANDA,aAMC,mCANe,mCAMf;AAAA,iCALDC,cAKC;AAAA,MALDA,cAKC,oCALgB,IAKhB;AAAA,gCAJDC,aAIC;AAAA,MAJDA,aAIC,mCAJe,QAIf;AAAA,mCAHDC,sBAGC;AAAA,MAHDA,sBAGC,sCAHwB,IAGxB;AACH,sBACE,6BAAC,cAAD;AACE,IAAA,GAAG,EAAET,GADP;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,OAAO,EAAEC,QAHX;AAIE,IAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+BE,SAA/B;AAJb,kBAME,6BAAC,mBAAD,QAAcC,WAAd,CANF,eAOE,6BAAC,4BAAD,OAPF,eAQE,6BAAC,qBAAD,qBACE,6BAAC,WAAD;AAAO,IAAA,UAAU,EAAC,OAAlB;AAA0B,IAAA,KAAK,EAAC,WAAhC;AAA4C,IAAA,UAAU,EAAC;AAAvD,KACGC,aADH,CADF,CARF,eAaE,6BAAC,4BAAD,OAbF,eAcE,6BAAC,qBAAD,qBACE,6BAAC,cAAD;AACE,IAAA,OAAO,EAAC,SADV;AAEE,IAAA,KAAK,EAAE;AAAEI,MAAAA,WAAW,EAAE;AAAf,KAFT;AAGE,IAAA,OAAO,EAAEP;AAHX,KAKGI,cALH,CADF,EAQGE,sBAAsB,gBACrB,6BAAC,cAAD;AACE,IAAA,OAAO,EAAC,WADV;AAEE,mBAAY,QAFd;AAGE,IAAA,OAAO,EAAEP,QAHX;AAIE,IAAA,IAAI,EAAC;AAJP,KAMGM,aANH,CADqB,GASnB,IAjBN,CAdF,CADF;AAoCD,CAnD0B,CAAtB;;AAsDPT,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  DialogContentDivider,\n} from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface IConfirmDialog {\n  open?: boolean;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  className?: string;\n  dialogTitle?: string;\n  dialogContent?: string;\n  confirmBtnText?: string;\n  cancelBtnText?: string;\n  shouldShowCancelButton?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, IConfirmDialog>(\n  (\n    {\n      open = false,\n      onCancel,\n      onConfirm,\n      className,\n      dialogTitle = \"Discard changes?\",\n      dialogContent = \"All unsaved changes will be lost.\",\n      confirmBtnText = \"OK\",\n      cancelBtnText = \"Cancel\",\n      shouldShowCancelButton = true,\n    },\n    ref\n  ) => {\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={onCancel}\n        className={classnames(\"c-confirm-dialog\", className)}\n      >\n        <DialogTitle>{dialogTitle}</DialogTitle>\n        <DialogContentDivider />\n        <DialogContent>\n          <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n            {dialogContent}\n          </Body2>\n        </DialogContent>\n        <DialogContentDivider />\n        <DialogActions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: \"12px\" }}\n            onClick={onConfirm}\n          >\n            {confirmBtnText}\n          </Button>\n          {shouldShowCancelButton ? (\n            <Button\n              variant=\"secondary\"\n              data-action=\"cancel\"\n              onClick={onCancel}\n              type=\"button\"\n            >\n              {cancelBtnText}\n            </Button>\n          ) : null}\n        </DialogActions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"file":"ConfirmDialog.js"}

package/dist/cjs/components/Input/Input.js

@@ -13,7 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Styles = require("./Styles");
 
-var _excluded = ["className", "type", "disabled"];
+var _excluded = ["className", "type", "disabled", "size"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -34,13 +34,16 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       type = _ref$type === void 0 ? "text" : _ref$type,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "regular" : _ref$size,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledInput, _extends({
     ref: ref,
     type: type,
     disabled: disabled,
-    className: (0, _classnames.default)("c-input", className)
+    className: (0, _classnames.default)("c-input", className),
+    $size: size
   }, rest));
 });
 exports.Input = Input;

package/dist/cjs/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"names":["Input","ref","className","type","disabled","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEO,IAAMA,KAAK,gBAAG,uBAGnB,gBAA+DC,GAA/D,EAAuE;AAAA,4BAApEC,SAAoE;AAAA,MAApEA,SAAoE,+BAAxD,EAAwD;AAAA,uBAApDC,IAAoD;AAAA,MAApDA,IAAoD,0BAA7C,MAA6C;AAAA,2BAArCC,QAAqC;AAAA,MAArCA,QAAqC,8BAA1B,KAA0B;AAAA,MAAhBC,IAAgB;;AACvE,sBACE,6BAAC,mBAAD;AACE,IAAA,GAAG,EAAEJ,GADP;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,QAAQ,EAAEC,QAHZ;AAIE,IAAA,SAAS,EAAE,yBAAW,SAAX,EAAsBF,SAAtB;AAJb,KAKMG,IALN,EADF;AASD,CAboB,CAAd;;AAePL,KAAK,CAACM,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledInput } from \"./Styles\";\n\nexport const Input = forwardRef<\n  HTMLInputElement,\n  React.ComponentPropsWithoutRef<\"input\">\n>(({ className = \"\", type = \"text\", disabled = false, ...rest }, ref) => {\n  return (\n    <StyledInput\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={classnames(\"c-input\", className)}\n      {...rest}\n    />\n  );\n});\n\nInput.displayName = \"Input\";\n"],"file":"Input.js"}
+{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"names":["Input","ref","className","type","disabled","size","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAQO,IAAMA,KAAK,gBAAG,uBAInB,gBAQEC,GARF,EASK;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,EAOX;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,MAMN;AAAA,2BALDC,QAKC;AAAA,MALDA,QAKC,8BALU,KAKV;AAAA,uBAJDC,IAIC;AAAA,MAJDA,IAIC,0BAJM,SAIN;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,mBAAD;AACE,IAAA,GAAG,EAAEL,GADP;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,QAAQ,EAAEC,QAHZ;AAIE,IAAA,SAAS,EAAE,yBAAW,SAAX,EAAsBF,SAAtB,CAJb;AAKE,IAAA,KAAK,EAAEG;AALT,KAMMC,IANN,EADF;AAUD,CAxBkB,CAAd;;AA2BPN,KAAK,CAACO,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledInput } from \"./Styles\";\n\nexport type InputSize = \"small\" | \"regular\" | \"big\";\nexport interface InputProps {\n  /** Velicina inputa koja definse font-size i border radius */\n  size?: InputSize;\n}\n\nexport const Input = forwardRef<\n  HTMLInputElement,\n  InputProps & Omit<React.ComponentPropsWithoutRef<\"input\">, keyof InputProps>\n>(\n  (\n    {\n      className = \"\",\n      type = \"text\",\n      disabled = false,\n      size = \"regular\",\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledInput\n        ref={ref}\n        type={type}\n        disabled={disabled}\n        className={classnames(\"c-input\", className)}\n        $size={size}\n        {...rest}\n      />\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n"],"file":"Input.js"}

package/dist/cjs/components/Input/Styles.js

@@ -20,7 +20,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var StyledInput = _styledComponents.default.input.withConfig({
   displayName: "Styles__StyledInput",
   componentId: "sc-ce8kcp-0"
-})(["border:1px solid var(--border-primary);border-radius:10px;color:var(--color-theme-900);font-size:14px;padding:4px 10px 6px 8px;height:32px;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;outline:none;", " ", " ", " &::placeholder{color:var(--color-theme-600);}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
+})(["border:1px solid var(--border-primary);border-radius:10px;color:var(--color-theme-900);font-size:14px;padding:4px 10px 6px 8px;height:32px;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;outline:none;", " ", " ", " ", " ", " &::placeholder{color:var(--color-theme-600);}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
+  return props.$size === "small" && (0, _styledComponents.css)(["border-radius:6px;height:24px;"]);
+}, function (props) {
+  return props.$size === "big" && (0, _styledComponents.css)(["height:40px;font-size:16px;"]);
+}, function (props) {
   return props.disabled ? (0, _styledComponents.css)(["", ""], {
     "cursor": "not-allowed",
     "opacity": "0.5",

package/dist/cjs/components/Input/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Input/Styles.ts"],"names":["StyledInput","styled","input","FontStyle","BoxSizingStyle","props","disabled","css","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;AAEO,IAAMA,WAAW,GAAGC,0BAAOC,KAAV;AAAA;AAAA;AAAA,iTAYpBC,oBAZoB,EAapBC,8BAboB,EAepB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,OACIC,qBADJ,YAEU;AAAA;AAAA;AAAA;AAAA,GAFV,QAIIA,qBAJJ,gDAMY;AAAA;AAAA,GANZ,EAUY;AAAA;AAAA,GAVZ,EAcY;AAAA;AAAA,GAdZ,CADA;AAAA,CAfoB,CAAjB;;;AAuCPP,WAAW,CAACQ,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledInput = styled.input`\n  border: 1px solid var(--border-primary);\n  border-radius: 10px;\n  color: var(--color-theme-900);\n  font-size: 14px;\n  padding: 4px 10px 6px 8px;\n  height: 32px;\n  background-color: var(--input-background-color);\n  transition: all 0.3s ease;\n  width: 360px;\n  outline: none;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.disabled\n      ? css`\n          ${tw`tw-cursor-not-allowed tw-opacity-50 tw-border-theme-400`}\n        `\n      : css`\n          &:hover {\n            ${tw`tw-border-primary`}\n          }\n\n          &:active {\n            ${tw`tw-border-primary`}\n          }\n\n          &:focus {\n            ${tw`tw-border-primary`}\n          }\n        `}\n\n  &::placeholder {\n    color: var(--color-theme-600);\n  }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Input/Styles.ts"],"names":["StyledInput","styled","input","FontStyle","BoxSizingStyle","props","$size","css","disabled","displayName"],"mappings":";;;;;;;;;AAAA;;AAGA;;AACA;;;;;;AAEO,IAAMA,WAAW,GAAGC,0BAAOC,KAAV;AAAA;AAAA;AAAA,2TAcpBC,oBAdoB,EAepBC,8BAfoB,EAiBpB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,OAAhB,QACAC,qBADA,qCADA;AAAA,CAjBoB,EAwBpB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,KAAhB,QACAC,qBADA,kCADA;AAAA,CAxBoB,EA+BpB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,QAAN,OACID,qBADJ,YAEU;AAAA;AAAA;AAAA;AAAA,GAFV,QAIIA,qBAJJ,gDAMY;AAAA;AAAA,GANZ,EAUY;AAAA;AAAA,GAVZ,EAcY;AAAA;AAAA,GAdZ,CADA;AAAA,CA/BoB,CAAjB;;;AAuDPP,WAAW,CAACS,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { InputSize } from \"./Input\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledInput = styled.input<{\n  $size?: InputSize;\n}>`\n  border: 1px solid var(--border-primary);\n  border-radius: 10px;\n  color: var(--color-theme-900);\n  font-size: 14px;\n  padding: 4px 10px 6px 8px;\n  height: 32px;\n  background-color: var(--input-background-color);\n  transition: all 0.3s ease;\n  width: 360px;\n  outline: none;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n      font-size: 16px;\n    `}\n\n  ${(props) =>\n    props.disabled\n      ? css`\n          ${tw`tw-cursor-not-allowed tw-opacity-50 tw-border-theme-400`}\n        `\n      : css`\n          &:hover {\n            ${tw`tw-border-primary`}\n          }\n\n          &:active {\n            ${tw`tw-border-primary`}\n          }\n\n          &:focus {\n            ${tw`tw-border-primary`}\n          }\n        `}\n\n  &::placeholder {\n    color: var(--color-theme-600);\n  }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Typography/Styles.js

@@ -57,7 +57,7 @@ var colors = {
 var StyledTypography = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledTypography",
   componentId: "sc-mskw5w-0"
-})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
+})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
   return colors[props.$color];
 }, function (props) {
   return props.$variant === "Title 1" && (0, _styledComponents.css)(["font-size:2rem;"]);
@@ -119,6 +119,14 @@ var StyledTypography = _styledComponents.default.div.withConfig({
   return props.$whitespace === "regular" && (0, _styledComponents.css)(["white-space:normal;"]);
 }, function (props) {
   return props.$whitespace === "no-wrap" && (0, _styledComponents.css)(["white-space:nowrap;"]);
+}, function (props) {
+  return props.$whitespace === "pre" && (0, _styledComponents.css)(["white-space:pre;"]);
+}, function (props) {
+  return props.$whitespace === "pre-wrap" && (0, _styledComponents.css)(["white-space:pre-wrap;"]);
+}, function (props) {
+  return props.$whitespace === "pre-line" && (0, _styledComponents.css)(["white-space:pre-line;"]);
+}, function (props) {
+  return props.$whitespace === "break-spaces" && (0, _styledComponents.css)(["white-space:break-spaces;"]);
 }, function (props) {
   return props.$wordBreak === "regular" && (0, _styledComponents.css)(["overflow-wrap:normal;word-break:normal;"]);
 }, function (props) {

package/dist/cjs/components/Typography/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Styles.ts"],"names":["colors","primary","secondary","tertiary","quaternary","success","alert","StyledTypography","styled","div","FontStyle","BoxSizingStyle","props","$color","$variant","css","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight","displayName"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n  $variant:\n    | \"Title 1\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  $italic: boolean;\n  $tabularNums: boolean;\n  $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n  $lineHeight: \"tight\" | \"regular\" | \"loose\";\n  $align: \"left\" | \"center\" | \"right\" | \"justify\";\n  $decoration: \"underline\" | \"line-through\" | \"none\";\n  $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n  $whitespace: \"regular\" | \"no-wrap\";\n  $wordBreak: \"regular\" | \"smart\" | \"all\";\n  $color:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  $weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n}\n\nconst colors = {\n  primary: tw`tw-text-theme-900`,\n  secondary: tw`tw-text-theme-700`,\n  tertiary: tw`tw-text-theme-600`,\n  quaternary: tw`tw-text-theme-600 tw-opacity-50`,\n  \"theme-primary\": tw`tw-text-primary`,\n  \"theme-secondary\": tw`tw-text-secondary`,\n  \"page-paper\": tw`tw-text-page-paper-main`,\n  \"only-white\": tw`tw-text-only-white`,\n  \"only-black\": tw`tw-text-only-black`,\n  success: tw`tw-text-success`,\n  alert: tw`tw-text-alert`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  //color\n  ${(props) => colors[props.$color]}\n\n  //variant - font size\n  ${(props) =>\n    props.$variant === \"Title 1\" &&\n    css`\n      font-size: 2rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Header 2\" &&\n    css`\n      font-size: 1.125rem;\n    `}\n  ${(props) =>\n    (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n    css`\n      font-size: 1rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Body 2\" &&\n    css`\n      font-size: 0.875rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Caption 1\" &&\n    css`\n      font-size: 0.75rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Caption 2\" &&\n    css`\n      font-size: 0.625rem;\n    `}\n\n  //italic\n  ${(props) =>\n    props.$italic\n      ? css`\n          font-style: italic;\n        `\n      : css`\n          font-style: normal;\n        `}\n\n  //tabularNums\n  ${(props) =>\n    props.$tabularNums\n      ? css`\n          font-variant-numeric: tabular-nums;\n        `\n      : css`\n          font-variant-numeric: normal;\n        `}\n\n  //letterSpacing\n  ${(props) =>\n    props.$letterSpacing === \"regular\" &&\n    css`\n      letter-spacing: 0.02em;\n    `}\n  ${(props) =>\n    props.$letterSpacing === \"tight\" &&\n    css`\n      letter-spacing: 0em;\n    `}\n  ${(props) =>\n    props.$letterSpacing === \"wide\" &&\n    css`\n      letter-spacing: 0.08em;\n    `}\n\n  //lineHeight\n  ${(props) =>\n    props.$lineHeight === \"regular\" &&\n    css`\n      line-height: 1.375;\n    `}\n  ${(props) =>\n    props.$lineHeight === \"tight\" &&\n    css`\n      line-height: 1;\n    `}\n  ${(props) =>\n    props.$lineHeight === \"loose\" &&\n    css`\n      line-height: 1.625;\n    `}\n\n  //align\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      text-align: left;\n    `}\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      text-align: right;\n    `}\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      text-align: center;\n    `}\n  ${(props) =>\n    props.$align === \"justify\" &&\n    css`\n      text-align: justify;\n    `}\n\n  //decoration\n  ${(props) =>\n    props.$decoration === \"none\" &&\n    css`\n      text-decoration: none;\n    `}\n  ${(props) =>\n    props.$decoration === \"underline\" &&\n    css`\n      text-decoration: underline;\n    `}\n  ${(props) =>\n    props.$decoration === \"line-through\" &&\n    css`\n      text-decoration: line-through;\n    `}\n\n  //transform\n  ${(props) =>\n    props.$transform === \"regular\" &&\n    css`\n      text-transform: none;\n    `}\n  ${(props) =>\n    props.$transform === \"uppercase\" &&\n    css`\n      text-transform: uppercase;\n    `}\n  ${(props) =>\n    props.$transform === \"lowercase\" &&\n    css`\n      text-transform: lowercase;\n    `}\n  ${(props) =>\n    props.$transform === \"capitalize\" &&\n    css`\n      text-transform: capitalize;\n    `}\n\n  //overflow\n  ${(props) =>\n    props.$overflow === \"visible\" &&\n    css`\n      overflow: visible;\n    `}\n  ${(props) =>\n    props.$overflow === \"ellipsis\" &&\n    css`\n      text-overflow: ellipsis;\n    `}\n  ${(props) =>\n    props.$overflow === \"truncate\" &&\n    css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `}\n\n  //whitespace\n  ${(props) =>\n    props.$whitespace === \"regular\" &&\n    css`\n      white-space: normal;\n    `}\n  ${(props) =>\n    props.$whitespace === \"no-wrap\" &&\n    css`\n      white-space: nowrap;\n    `}\n\n  //wordBreak\n  ${(props) =>\n    props.$wordBreak === \"regular\" &&\n    css`\n      overflow-wrap: normal;\n      word-break: normal;\n    `}\n  ${(props) =>\n    props.$wordBreak === \"smart\" &&\n    css`\n      overflow-wrap: break-word;\n    `}\n  ${(props) =>\n    props.$wordBreak === \"all\" &&\n    css`\n      word-break: break-all;\n    `}\n\n  //weight\n  ${(props) =>\n    props.$weight === \"regular\" &&\n    css`\n      font-weight: 400;\n    `}\n  ${(props) =>\n    props.$weight === \"light\" &&\n    css`\n      font-weight: 300;\n    `}\n  ${(props) =>\n    props.$weight === \"medium\" &&\n    css`\n      font-weight: 500;\n    `}\n  ${(props) =>\n    props.$weight === \"bold\" &&\n    css`\n      font-weight: 700;\n    `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Typography/Styles.ts"],"names":["colors","primary","secondary","tertiary","quaternary","success","alert","StyledTypography","styled","div","FontStyle","BoxSizingStyle","props","$color","$variant","css","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight","displayName"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n  $variant:\n    | \"Title 1\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  $italic: boolean;\n  $tabularNums: boolean;\n  $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n  $lineHeight: \"tight\" | \"regular\" | \"loose\";\n  $align: \"left\" | \"center\" | \"right\" | \"justify\";\n  $decoration: \"underline\" | \"line-through\" | \"none\";\n  $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n  $whitespace?:\n    | \"regular\"\n    | \"no-wrap\"\n    | \"pre\"\n    | \"pre-wrap\"\n    | \"pre-line\"\n    | \"break-spaces\";\n  $wordBreak: \"regular\" | \"smart\" | \"all\";\n  $color:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  $weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n}\n\nconst colors = {\n  primary: tw`tw-text-theme-900`,\n  secondary: tw`tw-text-theme-700`,\n  tertiary: tw`tw-text-theme-600`,\n  quaternary: tw`tw-text-theme-600 tw-opacity-50`,\n  \"theme-primary\": tw`tw-text-primary`,\n  \"theme-secondary\": tw`tw-text-secondary`,\n  \"page-paper\": tw`tw-text-page-paper-main`,\n  \"only-white\": tw`tw-text-only-white`,\n  \"only-black\": tw`tw-text-only-black`,\n  success: tw`tw-text-success`,\n  alert: tw`tw-text-alert`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  //color\n  ${(props) => colors[props.$color]}\n\n  //variant - font size\n  ${(props) =>\n    props.$variant === \"Title 1\" &&\n    css`\n      font-size: 2rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Header 2\" &&\n    css`\n      font-size: 1.125rem;\n    `}\n  ${(props) =>\n    (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n    css`\n      font-size: 1rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Body 2\" &&\n    css`\n      font-size: 0.875rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Caption 1\" &&\n    css`\n      font-size: 0.75rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Caption 2\" &&\n    css`\n      font-size: 0.625rem;\n    `}\n\n  //italic\n  ${(props) =>\n    props.$italic\n      ? css`\n          font-style: italic;\n        `\n      : css`\n          font-style: normal;\n        `}\n\n  //tabularNums\n  ${(props) =>\n    props.$tabularNums\n      ? css`\n          font-variant-numeric: tabular-nums;\n        `\n      : css`\n          font-variant-numeric: normal;\n        `}\n\n  //letterSpacing\n  ${(props) =>\n    props.$letterSpacing === \"regular\" &&\n    css`\n      letter-spacing: 0.02em;\n    `}\n  ${(props) =>\n    props.$letterSpacing === \"tight\" &&\n    css`\n      letter-spacing: 0em;\n    `}\n  ${(props) =>\n    props.$letterSpacing === \"wide\" &&\n    css`\n      letter-spacing: 0.08em;\n    `}\n\n  //lineHeight\n  ${(props) =>\n    props.$lineHeight === \"regular\" &&\n    css`\n      line-height: 1.375;\n    `}\n  ${(props) =>\n    props.$lineHeight === \"tight\" &&\n    css`\n      line-height: 1;\n    `}\n  ${(props) =>\n    props.$lineHeight === \"loose\" &&\n    css`\n      line-height: 1.625;\n    `}\n\n  //align\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      text-align: left;\n    `}\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      text-align: right;\n    `}\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      text-align: center;\n    `}\n  ${(props) =>\n    props.$align === \"justify\" &&\n    css`\n      text-align: justify;\n    `}\n\n  //decoration\n  ${(props) =>\n    props.$decoration === \"none\" &&\n    css`\n      text-decoration: none;\n    `}\n  ${(props) =>\n    props.$decoration === \"underline\" &&\n    css`\n      text-decoration: underline;\n    `}\n  ${(props) =>\n    props.$decoration === \"line-through\" &&\n    css`\n      text-decoration: line-through;\n    `}\n\n  //transform\n  ${(props) =>\n    props.$transform === \"regular\" &&\n    css`\n      text-transform: none;\n    `}\n  ${(props) =>\n    props.$transform === \"uppercase\" &&\n    css`\n      text-transform: uppercase;\n    `}\n  ${(props) =>\n    props.$transform === \"lowercase\" &&\n    css`\n      text-transform: lowercase;\n    `}\n  ${(props) =>\n    props.$transform === \"capitalize\" &&\n    css`\n      text-transform: capitalize;\n    `}\n\n  //overflow\n  ${(props) =>\n    props.$overflow === \"visible\" &&\n    css`\n      overflow: visible;\n    `}\n  ${(props) =>\n    props.$overflow === \"ellipsis\" &&\n    css`\n      text-overflow: ellipsis;\n    `}\n  ${(props) =>\n    props.$overflow === \"truncate\" &&\n    css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `}\n\n  //whitespace\n  ${(props) =>\n    props.$whitespace === \"regular\" &&\n    css`\n      white-space: normal;\n    `}\n  ${(props) =>\n    props.$whitespace === \"no-wrap\" &&\n    css`\n      white-space: nowrap;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre\" &&\n    css`\n      white-space: pre;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre-wrap\" &&\n    css`\n      white-space: pre-wrap;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre-line\" &&\n    css`\n      white-space: pre-line;\n    `}\n  ${(props) =>\n    props.$whitespace === \"break-spaces\" &&\n    css`\n      white-space: break-spaces;\n    `}\n\n  //wordBreak\n  ${(props) =>\n    props.$wordBreak === \"regular\" &&\n    css`\n      overflow-wrap: normal;\n      word-break: normal;\n    `}\n  ${(props) =>\n    props.$wordBreak === \"smart\" &&\n    css`\n      overflow-wrap: break-word;\n    `}\n  ${(props) =>\n    props.$wordBreak === \"all\" &&\n    css`\n      word-break: break-all;\n    `}\n\n  //weight\n  ${(props) =>\n    props.$weight === \"regular\" &&\n    css`\n      font-weight: 400;\n    `}\n  ${(props) =>\n    props.$weight === \"light\" &&\n    css`\n      font-weight: 300;\n    `}\n  ${(props) =>\n    props.$weight === \"medium\" &&\n    css`\n      font-weight: 500;\n    `}\n  ${(props) =>\n    props.$weight === \"bold\" &&\n    css`\n      font-weight: 700;\n    `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["Typography","ref","variant","as","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","Component","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AA+DO,IAAMA,UAA0D,gBACrE,uBACE,gBAoBEC,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,MAlBDC,EAkBC,QAlBDA,EAkBC;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,SAAS,GAAGhB,EAAE,IAAI,KAAxB;AACA,sBACE,6BAAC,wBAAD;AACE,IAAA,EAAE,EAAEgB,SADN;AAEE,IAAA,SAAS,EAAE,yBAAW,YAAX,EAAyBH,SAAzB,CAFb;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEd;AAhBP,KAiBMiB,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CA/CH,CADK;;AAmDPjB,UAAU,CAACoB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledTypography } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?: \"regular\" | \"no-wrap\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n  /** Element variant. */\n  variant?:\n    | \"Title 1\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n  props: TypographyProps<C>\n) => React.ReactElement | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = \"div\">(\n      {\n        variant = \"Title 1\",\n        as,\n        color = \"primary\",\n        italic = false,\n        tabularNums = false,\n        letterSpacing = \"regular\",\n        lineHeight = \"regular\",\n        align = \"left\",\n        decoration = \"none\",\n        transform = \"regular\",\n        overflow = \"visible\",\n        whitespace = \"regular\",\n        wordBreak = \"regular\",\n        weight = \"regular\",\n        className,\n        children,\n        ...props\n      }: TypographyProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const Component = as || \"div\";\n      return (\n        <StyledTypography\n          as={Component}\n          className={classNames(\"typography\", className)}\n          $italic={italic}\n          $tabularNums={tabularNums}\n          $letterSpacing={letterSpacing}\n          $lineHeight={lineHeight}\n          $align={align}\n          $decoration={decoration}\n          $transform={transform}\n          $overflow={overflow}\n          $whitespace={whitespace}\n          $wordBreak={wordBreak}\n          $variant={variant}\n          $color={color}\n          $weight={weight}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </StyledTypography>\n      );\n    }\n  );\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}
+{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["Typography","ref","variant","as","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","Component","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAqEO,IAAMA,UAA0D,gBACrE,uBACE,gBAoBEC,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,MAlBDC,EAkBC,QAlBDA,EAkBC;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,SAAS,GAAGhB,EAAE,IAAI,KAAxB;AACA,sBACE,6BAAC,wBAAD;AACE,IAAA,EAAE,EAAEgB,SADN;AAEE,IAAA,SAAS,EAAE,yBAAW,YAAX,EAAyBH,SAAzB,CAFb;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEd;AAhBP,KAiBMiB,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CA/CH,CADK;;AAmDPjB,UAAU,CAACoB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledTypography } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?:\n    | \"regular\"\n    | \"no-wrap\"\n    | \"pre\"\n    | \"pre-wrap\"\n    | \"pre-line\"\n    | \"break-spaces\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n  /** Element variant. */\n  variant?:\n    | \"Title 1\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n  props: TypographyProps<C>\n) => React.ReactElement | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = \"div\">(\n      {\n        variant = \"Title 1\",\n        as,\n        color = \"primary\",\n        italic = false,\n        tabularNums = false,\n        letterSpacing = \"regular\",\n        lineHeight = \"regular\",\n        align = \"left\",\n        decoration = \"none\",\n        transform = \"regular\",\n        overflow = \"visible\",\n        whitespace = \"regular\",\n        wordBreak = \"regular\",\n        weight = \"regular\",\n        className,\n        children,\n        ...props\n      }: TypographyProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const Component = as || \"div\";\n      return (\n        <StyledTypography\n          as={Component}\n          className={classNames(\"typography\", className)}\n          $italic={italic}\n          $tabularNums={tabularNums}\n          $letterSpacing={letterSpacing}\n          $lineHeight={lineHeight}\n          $align={align}\n          $decoration={decoration}\n          $transform={transform}\n          $overflow={overflow}\n          $whitespace={whitespace}\n          $wordBreak={wordBreak}\n          $variant={variant}\n          $color={color}\n          $weight={weight}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </StyledTypography>\n      );\n    }\n  );\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}

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

@@ -2,7 +2,7 @@ import React, { ReactNode } from "react";
 export interface IButtonProps extends React.ComponentPropsWithoutRef<"button"> {
     children: ReactNode;
     variant?: "primary" | "secondary" | "tertiary" | "option" | "contained" | "outlined" | "text colored" | "text gray" | "dark transparent" | "circle raised";
-    size?: "big" | "small";
+    size?: "big" | "small" | "medium";
     disabled?: boolean;
     className?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAQrD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAE5E,QAAQ,EAAE,SAAS,CAAC;IAEpB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,GAClB,eAAe,CAAC;IAEpB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAEvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,eAAO,MAAM,MAAM,wFAqDlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAQrD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAE5E,QAAQ,EAAE,SAAS,CAAC;IAEpB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,GAClB,eAAe,CAAC;IAEpB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IAElC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,eAAO,MAAM,MAAM,wFAqDlB,CAAC"}

package/dist/esm/components/Button/Button.js

@@ -12,7 +12,8 @@ export var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "contained" : _ref$variant,
-      size = _ref.size,
+      _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,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"names":["React","forwardRef","StyledButton","StyledButtonElement","StyledButtonElements","classnames","Button","ref","children","variant","size","disabled","className","args","Object","Array","map","value","index","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAA2BC,UAA3B,QAA6C,OAA7C;AACA,SACEC,YADF,EAEEC,mBAFF,EAGEC,oBAHF,QAIO,UAJP;AAKA,OAAOC,UAAP,MAAuB,YAAvB;;AAyBA;AACA;AACA;AACA,OAAO,IAAMC,MAAM,gBAAGL,UAAU,CAC9B,gBASEM,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,WAOT;AAAA,MANDC,IAMC,QANDA,IAMC;AAAA,2BALDC,QAKC;AAAA,MALDA,QAKC,8BALU,KAKV;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,YAAD;AACE,IAAA,QAAQ,EAAEF,QADZ;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,OAAD,EAAUO,SAAV,EAAqB;AACxC,0BAAoBH,OAAO,KAAK,SAAZ,IAAyBA,OAAO,KAAK,WADjB;AAExC,yBAAmBA,OAAO,KAAK,WAAZ,IAA2BA,OAAO,KAAK,UAFlB;AAGxC,6BACEA,OAAO,KAAK,UAAZ,IAA0BA,OAAO,KAAK,cAJA;AAKxC,0BAAoBA,OAAO,KAAK,QAAZ,IAAwBA,OAAO,KAAK,WALhB;AAMxC,iCAA2BA,OAAO,KAAK,kBANC;AAOxC,8BAAwBA,OAAO,KAAK,eAPI;AAQxC,oBAAcC,IAAI,KAAK,KARiB;AASxC,sBAAgBA,IAAI,KAAK,OATe;AAUxC,0BACEF,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB;AAXQ,KAArB,CAFvB;AAeE,IAAA,QAAQ,EAAEP,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB,CAf1C;AAgBE,IAAA,OAAO,EAAEN,OAhBX;AAiBE,IAAA,IAAI,EAAEC;AAjBR,KAkBMG,IAlBN;AAmBE,IAAA,GAAG,EAAEN;AAnBP,MAqBGC,QAAQ,YAAYO,KAApB,gBACC,oBAAC,oBAAD;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGP,QAAQ,CAACQ,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,WACZD,KAAK,gBACH,oBAAC,mBAAD;AACE,MAAA,SAAS,EAAC,0BADZ;AAEE,MAAA,GAAG,EAAEC;AAFP,OAIGD,KAJH,CADG,GAOD,IARQ;AAAA,GAAb,CADH,CADD,GAcCT,QAnCJ,CADF;AAwCD,CApD6B,CAAzB;AAuDPF,MAAM,CAACa,WAAP,GAAqB,QAArB","sourcesContent":["import React, { ReactNode, forwardRef } from \"react\";\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\nimport classnames from \"classnames\";\n\nexport interface IButtonProps extends React.ComponentPropsWithoutRef<\"button\"> {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\n/**\n * Button component\n */\nexport const Button = forwardRef<HTMLButtonElement, IButtonProps>(\n  (\n    {\n      children,\n      variant = \"contained\",\n      size,\n      disabled = false,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        disabled={disabled}\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        size={size}\n        {...args}\n        ref={ref}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"file":"Button.js"}
+{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"names":["React","forwardRef","StyledButton","StyledButtonElement","StyledButtonElements","classnames","Button","ref","children","variant","size","disabled","className","args","Object","Array","map","value","index","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAA2BC,UAA3B,QAA6C,OAA7C;AACA,SACEC,YADF,EAEEC,mBAFF,EAGEC,oBAHF,QAIO,UAJP;AAKA,OAAOC,UAAP,MAAuB,YAAvB;;AAyBA;AACA;AACA;AACA,OAAO,IAAMC,MAAM,gBAAGL,UAAU,CAC9B,gBASEM,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,WAOT;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,QAMN;AAAA,2BALDC,QAKC;AAAA,MALDA,QAKC,8BALU,KAKV;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,YAAD;AACE,IAAA,QAAQ,EAAEF,QADZ;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,OAAD,EAAUO,SAAV,EAAqB;AACxC,0BAAoBH,OAAO,KAAK,SAAZ,IAAyBA,OAAO,KAAK,WADjB;AAExC,yBAAmBA,OAAO,KAAK,WAAZ,IAA2BA,OAAO,KAAK,UAFlB;AAGxC,6BACEA,OAAO,KAAK,UAAZ,IAA0BA,OAAO,KAAK,cAJA;AAKxC,0BAAoBA,OAAO,KAAK,QAAZ,IAAwBA,OAAO,KAAK,WALhB;AAMxC,iCAA2BA,OAAO,KAAK,kBANC;AAOxC,8BAAwBA,OAAO,KAAK,eAPI;AAQxC,oBAAcC,IAAI,KAAK,KARiB;AASxC,sBAAgBA,IAAI,KAAK,OATe;AAUxC,0BACEF,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB;AAXQ,KAArB,CAFvB;AAeE,IAAA,QAAQ,EAAEP,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB,CAf1C;AAgBE,IAAA,OAAO,EAAEN,OAhBX;AAiBE,IAAA,IAAI,EAAEC;AAjBR,KAkBMG,IAlBN;AAmBE,IAAA,GAAG,EAAEN;AAnBP,MAqBGC,QAAQ,YAAYO,KAApB,gBACC,oBAAC,oBAAD;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGP,QAAQ,CAACQ,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,WACZD,KAAK,gBACH,oBAAC,mBAAD;AACE,MAAA,SAAS,EAAC,0BADZ;AAEE,MAAA,GAAG,EAAEC;AAFP,OAIGD,KAJH,CADG,GAOD,IARQ;AAAA,GAAb,CADH,CADD,GAcCT,QAnCJ,CADF;AAwCD,CApD6B,CAAzB;AAuDPF,MAAM,CAACa,WAAP,GAAqB,QAArB","sourcesContent":["import React, { ReactNode, forwardRef } from \"react\";\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\nimport classnames from \"classnames\";\n\nexport interface IButtonProps extends React.ComponentPropsWithoutRef<\"button\"> {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\" | \"medium\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\n/**\n * Button component\n */\nexport const Button = forwardRef<HTMLButtonElement, IButtonProps>(\n  (\n    {\n      children,\n      variant = \"contained\",\n      size = \"medium\",\n      disabled = false,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        disabled={disabled}\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        size={size}\n        {...args}\n        ref={ref}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"file":"Button.js"}

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

@@ -12,7 +12,7 @@ export declare const StyledComboBoxCloseSmallIcon: import("styled-components").S
 export declare const StyledComboBoxCollapseExpandSingleIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "key" | "name" | "type" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "height" | "max" | "media" | "method" | "min" | "target" | "width" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & import("react").RefAttributes<SVGSVGElement>>, any, {
     $open?: boolean | undefined;
 }, never>;
-export declare const StyledComboBoxInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
+export declare const StyledComboBoxInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Input/Input").InputProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "size"> & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
 export declare const StyledComboBoxList: import("styled-components").StyledComponent<"div", any, {
     $width?: number | undefined;
 }, never>;

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/Styles.ts"],"names":[],"mappings":";AAMA,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,qFAkC1B,CAAC;AAIF,eAAO,MAAM,qBAAqB;;SAWjC,CAAC;AASF,eAAO,MAAM,4BAA4B,wqPAWxC,CAAC;AAIF,eAAO,MAAM,sCAAsC;;SAalD,CAAC;AAKF,eAAO,MAAM,mBAAmB,iVAM/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;SAQ9B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/Styles.ts"],"names":[],"mappings":";AAMA,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,qFAkC1B,CAAC;AAIF,eAAO,MAAM,qBAAqB;;SAWjC,CAAC;AASF,eAAO,MAAM,4BAA4B,wqPAWxC,CAAC;AAIF,eAAO,MAAM,sCAAsC;;SAalD,CAAC;AAKF,eAAO,MAAM,mBAAmB,qYAM/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;SAQ9B,CAAC"}

package/dist/esm/components/ConfirmDialog/ConfirmDialog.js

@@ -26,7 +26,8 @@ export var ConfirmDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className: classnames("c-confirm-dialog", className)
   }, /*#__PURE__*/React.createElement(DialogTitle, null, dialogTitle), /*#__PURE__*/React.createElement(DialogContentDivider, null), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(Body2, {
     lineHeight: "loose",
-    color: "secondary"
+    color: "secondary",
+    whitespace: "pre-line"
   }, dialogContent)), /*#__PURE__*/React.createElement(DialogContentDivider, null), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
     variant: "primary",
     style: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":["React","forwardRef","classnames","Dialog","DialogTitle","DialogContent","DialogActions","DialogContentDivider","Button","Body2","ConfirmDialog","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","marginRight","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,MADF,EAEEC,WAFF,EAGEC,aAHF,EAIEC,aAJF,EAKEC,oBALF,QAMO,WANP;AAOA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,KAAT,QAAsB,8BAAtB;AAcA,OAAO,IAAMC,aAAa,gBAAGT,UAAU,CACrC,gBAYEU,GAZF,EAaK;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,KAWN;AAAA,MAVDC,QAUC,QAVDA,QAUC;AAAA,MATDC,SASC,QATDA,SASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,8BAPDC,WAOC;AAAA,MAPDA,WAOC,iCAPa,kBAOb;AAAA,gCANDC,aAMC;AAAA,MANDA,aAMC,mCANe,mCAMf;AAAA,iCALDC,cAKC;AAAA,MALDA,cAKC,oCALgB,IAKhB;AAAA,gCAJDC,aAIC;AAAA,MAJDA,aAIC,mCAJe,QAIf;AAAA,mCAHDC,sBAGC;AAAA,MAHDA,sBAGC,sCAHwB,IAGxB;AACH,sBACE,oBAAC,MAAD;AACE,IAAA,GAAG,EAAET,GADP;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,OAAO,EAAEC,QAHX;AAIE,IAAA,SAAS,EAAEX,UAAU,CAAC,kBAAD,EAAqBa,SAArB;AAJvB,kBAME,oBAAC,WAAD,QAAcC,WAAd,CANF,eAOE,oBAAC,oBAAD,OAPF,eAQE,oBAAC,aAAD,qBACE,oBAAC,KAAD;AAAO,IAAA,UAAU,EAAC,OAAlB;AAA0B,IAAA,KAAK,EAAC;AAAhC,KACGC,aADH,CADF,CARF,eAaE,oBAAC,oBAAD,OAbF,eAcE,oBAAC,aAAD,qBACE,oBAAC,MAAD;AACE,IAAA,OAAO,EAAC,SADV;AAEE,IAAA,KAAK,EAAE;AAAEI,MAAAA,WAAW,EAAE;AAAf,KAFT;AAGE,IAAA,OAAO,EAAEP;AAHX,KAKGI,cALH,CADF,EAQGE,sBAAsB,gBACrB,oBAAC,MAAD;AACE,IAAA,OAAO,EAAC,WADV;AAEE,mBAAY,QAFd;AAGE,IAAA,OAAO,EAAEP,QAHX;AAIE,IAAA,IAAI,EAAC;AAJP,KAMGM,aANH,CADqB,GASnB,IAjBN,CAdF,CADF;AAoCD,CAnDoC,CAAhC;AAsDPT,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  DialogContentDivider,\n} from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface IConfirmDialog {\n  open?: boolean;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  className?: string;\n  dialogTitle?: string;\n  dialogContent?: string;\n  confirmBtnText?: string;\n  cancelBtnText?: string;\n  shouldShowCancelButton?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, IConfirmDialog>(\n  (\n    {\n      open = false,\n      onCancel,\n      onConfirm,\n      className,\n      dialogTitle = \"Discard changes?\",\n      dialogContent = \"All unsaved changes will be lost.\",\n      confirmBtnText = \"OK\",\n      cancelBtnText = \"Cancel\",\n      shouldShowCancelButton = true,\n    },\n    ref\n  ) => {\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={onCancel}\n        className={classnames(\"c-confirm-dialog\", className)}\n      >\n        <DialogTitle>{dialogTitle}</DialogTitle>\n        <DialogContentDivider />\n        <DialogContent>\n          <Body2 lineHeight=\"loose\" color=\"secondary\">\n            {dialogContent}\n          </Body2>\n        </DialogContent>\n        <DialogContentDivider />\n        <DialogActions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: \"12px\" }}\n            onClick={onConfirm}\n          >\n            {confirmBtnText}\n          </Button>\n          {shouldShowCancelButton ? (\n            <Button\n              variant=\"secondary\"\n              data-action=\"cancel\"\n              onClick={onCancel}\n              type=\"button\"\n            >\n              {cancelBtnText}\n            </Button>\n          ) : null}\n        </DialogActions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"file":"ConfirmDialog.js"}
+{"version":3,"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":["React","forwardRef","classnames","Dialog","DialogTitle","DialogContent","DialogActions","DialogContentDivider","Button","Body2","ConfirmDialog","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","marginRight","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,MADF,EAEEC,WAFF,EAGEC,aAHF,EAIEC,aAJF,EAKEC,oBALF,QAMO,WANP;AAOA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,KAAT,QAAsB,8BAAtB;AAcA,OAAO,IAAMC,aAAa,gBAAGT,UAAU,CACrC,gBAYEU,GAZF,EAaK;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,KAWN;AAAA,MAVDC,QAUC,QAVDA,QAUC;AAAA,MATDC,SASC,QATDA,SASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,8BAPDC,WAOC;AAAA,MAPDA,WAOC,iCAPa,kBAOb;AAAA,gCANDC,aAMC;AAAA,MANDA,aAMC,mCANe,mCAMf;AAAA,iCALDC,cAKC;AAAA,MALDA,cAKC,oCALgB,IAKhB;AAAA,gCAJDC,aAIC;AAAA,MAJDA,aAIC,mCAJe,QAIf;AAAA,mCAHDC,sBAGC;AAAA,MAHDA,sBAGC,sCAHwB,IAGxB;AACH,sBACE,oBAAC,MAAD;AACE,IAAA,GAAG,EAAET,GADP;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,OAAO,EAAEC,QAHX;AAIE,IAAA,SAAS,EAAEX,UAAU,CAAC,kBAAD,EAAqBa,SAArB;AAJvB,kBAME,oBAAC,WAAD,QAAcC,WAAd,CANF,eAOE,oBAAC,oBAAD,OAPF,eAQE,oBAAC,aAAD,qBACE,oBAAC,KAAD;AAAO,IAAA,UAAU,EAAC,OAAlB;AAA0B,IAAA,KAAK,EAAC,WAAhC;AAA4C,IAAA,UAAU,EAAC;AAAvD,KACGC,aADH,CADF,CARF,eAaE,oBAAC,oBAAD,OAbF,eAcE,oBAAC,aAAD,qBACE,oBAAC,MAAD;AACE,IAAA,OAAO,EAAC,SADV;AAEE,IAAA,KAAK,EAAE;AAAEI,MAAAA,WAAW,EAAE;AAAf,KAFT;AAGE,IAAA,OAAO,EAAEP;AAHX,KAKGI,cALH,CADF,EAQGE,sBAAsB,gBACrB,oBAAC,MAAD;AACE,IAAA,OAAO,EAAC,WADV;AAEE,mBAAY,QAFd;AAGE,IAAA,OAAO,EAAEP,QAHX;AAIE,IAAA,IAAI,EAAC;AAJP,KAMGM,aANH,CADqB,GASnB,IAjBN,CAdF,CADF;AAoCD,CAnDoC,CAAhC;AAsDPT,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  DialogContentDivider,\n} from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface IConfirmDialog {\n  open?: boolean;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  className?: string;\n  dialogTitle?: string;\n  dialogContent?: string;\n  confirmBtnText?: string;\n  cancelBtnText?: string;\n  shouldShowCancelButton?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, IConfirmDialog>(\n  (\n    {\n      open = false,\n      onCancel,\n      onConfirm,\n      className,\n      dialogTitle = \"Discard changes?\",\n      dialogContent = \"All unsaved changes will be lost.\",\n      confirmBtnText = \"OK\",\n      cancelBtnText = \"Cancel\",\n      shouldShowCancelButton = true,\n    },\n    ref\n  ) => {\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={onCancel}\n        className={classnames(\"c-confirm-dialog\", className)}\n      >\n        <DialogTitle>{dialogTitle}</DialogTitle>\n        <DialogContentDivider />\n        <DialogContent>\n          <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n            {dialogContent}\n          </Body2>\n        </DialogContent>\n        <DialogContentDivider />\n        <DialogActions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: \"12px\" }}\n            onClick={onConfirm}\n          >\n            {confirmBtnText}\n          </Button>\n          {shouldShowCancelButton ? (\n            <Button\n              variant=\"secondary\"\n              data-action=\"cancel\"\n              onClick={onCancel}\n              type=\"button\"\n            >\n              {cancelBtnText}\n            </Button>\n          ) : null}\n        </DialogActions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"file":"ConfirmDialog.js"}

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

@@ -1,3 +1,7 @@
 import React from "react";
-export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+export declare type InputSize = "small" | "regular" | "big";
+export interface InputProps {
+    size?: InputSize;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "size"> & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,KAAK,kOAahB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,oBAAY,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,KAAK,CAAC;AACpD,MAAM,WAAW,UAAU;IAEzB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,KAAK,6PAyBjB,CAAC"}

package/dist/esm/components/Input/Input.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["className", "type", "disabled"];
+var _excluded = ["className", "type", "disabled", "size"];
 import React, { forwardRef } from "react";
 import classnames from "classnames";
 import { StyledInput } from "./Styles";
@@ -11,13 +11,16 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, ref) {
       type = _ref$type === void 0 ? "text" : _ref$type,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "regular" : _ref$size,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(StyledInput, _extends({
     ref: ref,
     type: type,
     disabled: disabled,
-    className: classnames("c-input", className)
+    className: classnames("c-input", className),
+    $size: size
   }, rest));
 });
 Input.displayName = "Input";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"names":["React","forwardRef","classnames","StyledInput","Input","ref","className","type","disabled","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,WAAT,QAA4B,UAA5B;AAEA,OAAO,IAAMC,KAAK,gBAAGH,UAAU,CAG7B,gBAA+DI,GAA/D,EAAuE;AAAA,4BAApEC,SAAoE;AAAA,MAApEA,SAAoE,+BAAxD,EAAwD;AAAA,uBAApDC,IAAoD;AAAA,MAApDA,IAAoD,0BAA7C,MAA6C;AAAA,2BAArCC,QAAqC;AAAA,MAArCA,QAAqC,8BAA1B,KAA0B;AAAA,MAAhBC,IAAgB;;AACvE,sBACE,oBAAC,WAAD;AACE,IAAA,GAAG,EAAEJ,GADP;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,QAAQ,EAAEC,QAHZ;AAIE,IAAA,SAAS,EAAEN,UAAU,CAAC,SAAD,EAAYI,SAAZ;AAJvB,KAKMG,IALN,EADF;AASD,CAb8B,CAAxB;AAePL,KAAK,CAACM,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledInput } from \"./Styles\";\n\nexport const Input = forwardRef<\n  HTMLInputElement,\n  React.ComponentPropsWithoutRef<\"input\">\n>(({ className = \"\", type = \"text\", disabled = false, ...rest }, ref) => {\n  return (\n    <StyledInput\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={classnames(\"c-input\", className)}\n      {...rest}\n    />\n  );\n});\n\nInput.displayName = \"Input\";\n"],"file":"Input.js"}
+{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"names":["React","forwardRef","classnames","StyledInput","Input","ref","className","type","disabled","size","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,WAAT,QAA4B,UAA5B;AAQA,OAAO,IAAMC,KAAK,gBAAGH,UAAU,CAI7B,gBAQEI,GARF,EASK;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,EAOX;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,MAMN;AAAA,2BALDC,QAKC;AAAA,MALDA,QAKC,8BALU,KAKV;AAAA,uBAJDC,IAIC;AAAA,MAJDA,IAIC,0BAJM,SAIN;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,WAAD;AACE,IAAA,GAAG,EAAEL,GADP;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,QAAQ,EAAEC,QAHZ;AAIE,IAAA,SAAS,EAAEN,UAAU,CAAC,SAAD,EAAYI,SAAZ,CAJvB;AAKE,IAAA,KAAK,EAAEG;AALT,KAMMC,IANN,EADF;AAUD,CAxB4B,CAAxB;AA2BPN,KAAK,CAACO,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledInput } from \"./Styles\";\n\nexport type InputSize = \"small\" | \"regular\" | \"big\";\nexport interface InputProps {\n  /** Velicina inputa koja definse font-size i border radius */\n  size?: InputSize;\n}\n\nexport const Input = forwardRef<\n  HTMLInputElement,\n  InputProps & Omit<React.ComponentPropsWithoutRef<\"input\">, keyof InputProps>\n>(\n  (\n    {\n      className = \"\",\n      type = \"text\",\n      disabled = false,\n      size = \"regular\",\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledInput\n        ref={ref}\n        type={type}\n        disabled={disabled}\n        className={classnames(\"c-input\", className)}\n        $size={size}\n        {...rest}\n      />\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n"],"file":"Input.js"}

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

@@ -1,2 +1,5 @@
-export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+import { InputSize } from "./Input";
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
+    $size?: InputSize | undefined;
+}, never>;
 //# sourceMappingURL=Styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,sEAqCvB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,eAAO,MAAM,WAAW;;SAqDvB,CAAC"}

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

@@ -4,7 +4,11 @@ import { FontStyle } from "../FontStyle";
 export var StyledInput = styled.input.withConfig({
   displayName: "Styles__StyledInput",
   componentId: "sc-ce8kcp-0"
-})(["border:1px solid var(--border-primary);border-radius:10px;color:var(--color-theme-900);font-size:14px;padding:4px 10px 6px 8px;height:32px;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;outline:none;", " ", " ", " &::placeholder{color:var(--color-theme-600);}"], FontStyle, BoxSizingStyle, function (props) {
+})(["border:1px solid var(--border-primary);border-radius:10px;color:var(--color-theme-900);font-size:14px;padding:4px 10px 6px 8px;height:32px;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;outline:none;", " ", " ", " ", " ", " &::placeholder{color:var(--color-theme-600);}"], FontStyle, BoxSizingStyle, function (props) {
+  return props.$size === "small" && css(["border-radius:6px;height:24px;"]);
+}, function (props) {
+  return props.$size === "big" && css(["height:40px;font-size:16px;"]);
+}, function (props) {
   return props.disabled ? css(["", ""], {
     "cursor": "not-allowed",
     "opacity": "0.5",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Input/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","StyledInput","input","props","disabled","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,WAAW,GAAGJ,MAAM,CAACK,KAAV;AAAA;AAAA;AAAA,iTAYpBF,SAZoB,EAapBD,cAboB,EAepB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,GACIN,GADJ,WAEU;AAAA;AAAA;AAAA;AAAA,GAFV,IAIIA,GAJJ,+CAMY;AAAA;AAAA,GANZ,EAUY;AAAA;AAAA,GAVZ,EAcY;AAAA;AAAA,GAdZ,CADA;AAAA,CAfoB,CAAjB;AAuCPG,WAAW,CAACI,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledInput = styled.input`\n  border: 1px solid var(--border-primary);\n  border-radius: 10px;\n  color: var(--color-theme-900);\n  font-size: 14px;\n  padding: 4px 10px 6px 8px;\n  height: 32px;\n  background-color: var(--input-background-color);\n  transition: all 0.3s ease;\n  width: 360px;\n  outline: none;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.disabled\n      ? css`\n          ${tw`tw-cursor-not-allowed tw-opacity-50 tw-border-theme-400`}\n        `\n      : css`\n          &:hover {\n            ${tw`tw-border-primary`}\n          }\n\n          &:active {\n            ${tw`tw-border-primary`}\n          }\n\n          &:focus {\n            ${tw`tw-border-primary`}\n          }\n        `}\n\n  &::placeholder {\n    color: var(--color-theme-600);\n  }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Input/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","StyledInput","input","props","$size","disabled","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAGA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,WAAW,GAAGJ,MAAM,CAACK,KAAV;AAAA;AAAA;AAAA,2TAcpBF,SAdoB,EAepBD,cAfoB,EAiBpB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,OAAhB,IACAN,GADA,oCADA;AAAA,CAjBoB,EAwBpB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,KAAhB,IACAN,GADA,iCADA;AAAA,CAxBoB,EA+BpB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACE,QAAN,GACIP,GADJ,WAEU;AAAA;AAAA;AAAA;AAAA,GAFV,IAIIA,GAJJ,+CAMY;AAAA;AAAA,GANZ,EAUY;AAAA;AAAA,GAVZ,EAcY;AAAA;AAAA,GAdZ,CADA;AAAA,CA/BoB,CAAjB;AAuDPG,WAAW,CAACK,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { InputSize } from \"./Input\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledInput = styled.input<{\n  $size?: InputSize;\n}>`\n  border: 1px solid var(--border-primary);\n  border-radius: 10px;\n  color: var(--color-theme-900);\n  font-size: 14px;\n  padding: 4px 10px 6px 8px;\n  height: 32px;\n  background-color: var(--input-background-color);\n  transition: all 0.3s ease;\n  width: 360px;\n  outline: none;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n      font-size: 16px;\n    `}\n\n  ${(props) =>\n    props.disabled\n      ? css`\n          ${tw`tw-cursor-not-allowed tw-opacity-50 tw-border-theme-400`}\n        `\n      : css`\n          &:hover {\n            ${tw`tw-border-primary`}\n          }\n\n          &:active {\n            ${tw`tw-border-primary`}\n          }\n\n          &:focus {\n            ${tw`tw-border-primary`}\n          }\n        `}\n\n  &::placeholder {\n    color: var(--color-theme-600);\n  }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"file":"Styles.js"}

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledSelectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
+export declare const StyledSelectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Input/Input").InputProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "size"> & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
 export declare const StyledSelectForm: import("styled-components").StyledComponent<"form", any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,iBAAiB,iVAAkB,CAAC;AAIjD,eAAO,MAAM,gBAAgB,qEAY5B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,iBAAiB,qYAAkB,CAAC;AAIjD,eAAO,MAAM,gBAAgB,qEAY5B,CAAC"}

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

@@ -8,7 +8,7 @@ interface IStyledTypographyProps {
     $decoration: "underline" | "line-through" | "none";
     $transform: "uppercase" | "lowercase" | "capitalize" | "regular";
     $overflow: "truncate" | "ellipsis" | "visible";
-    $whitespace: "regular" | "no-wrap";
+    $whitespace?: "regular" | "no-wrap" | "pre" | "pre-wrap" | "pre-line" | "break-spaces";
     $wordBreak: "regular" | "smart" | "all";
     $color: "primary" | "secondary" | "tertiary" | "quaternary" | "theme-primary" | "theme-secondary" | "only-white" | "only-black" | "page-paper" | "success" | "alert";
     $weight?: "light" | "regular" | "medium" | "bold";

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Styles.ts"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC9B,QAAQ,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,WAAW,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,WAAW,EAAE,SAAS,GAAG,SAAS,CAAC;IACnC,UAAU,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,MAAM,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CACnD;AAgBD,eAAO,MAAM,gBAAgB,wFAgO5B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Styles.ts"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC9B,QAAQ,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,WAAW,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EACR,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,UAAU,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,MAAM,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CACnD;AAgBD,eAAO,MAAM,gBAAgB,wFAoP5B,CAAC"}

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

@@ -40,7 +40,7 @@ var colors = {
 export var StyledTypography = styled.div.withConfig({
   displayName: "Styles__StyledTypography",
   componentId: "sc-mskw5w-0"
-})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
+})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
   return colors[props.$color];
 }, function (props) {
   return props.$variant === "Title 1" && css(["font-size:2rem;"]);
@@ -102,6 +102,14 @@ export var StyledTypography = styled.div.withConfig({
   return props.$whitespace === "regular" && css(["white-space:normal;"]);
 }, function (props) {
   return props.$whitespace === "no-wrap" && css(["white-space:nowrap;"]);
+}, function (props) {
+  return props.$whitespace === "pre" && css(["white-space:pre;"]);
+}, function (props) {
+  return props.$whitespace === "pre-wrap" && css(["white-space:pre-wrap;"]);
+}, function (props) {
+  return props.$whitespace === "pre-line" && css(["white-space:pre-line;"]);
+}, function (props) {
+  return props.$whitespace === "break-spaces" && css(["white-space:break-spaces;"]);
 }, function (props) {
   return props.$wordBreak === "regular" && css(["overflow-wrap:normal;word-break:normal;"]);
 }, function (props) {