@activecollab/components 1.0.344 → 1.0.346

package/dist/cjs/components/CompleteCheckbox/CompleteCheckbox.js

@@ -7,7 +7,11 @@ exports.CompleteCheckbox = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
+var _excluded = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var CompleteCheckbox = function CompleteCheckbox(_ref) {
   var _ref$completed = _ref.completed,
     completed = _ref$completed === void 0 ? false : _ref$completed,
@@ -19,8 +23,9 @@ var CompleteCheckbox = function CompleteCheckbox(_ref) {
     className = _ref.className,
     _ref$primary = _ref.primary,
     primary = _ref$primary === void 0 ? false : _ref$primary,
-    checkMarkClassName = _ref.checkMarkClassName;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledCompleteCheckbox, {
+    checkMarkClassName = _ref.checkMarkClassName,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledCompleteCheckbox, _extends({
     onClick: onClick,
     className: (0, _classnames.default)("c-complete-checkbox", className),
     $primary: primary,
@@ -28,7 +33,7 @@ var CompleteCheckbox = function CompleteCheckbox(_ref) {
     $disabled: disabled,
     $animation: !disabled && completed && animate,
     $checkMarkClassName: !!checkMarkClassName
-  }, /*#__PURE__*/_react.default.createElement("svg", {
+  }, rest), /*#__PURE__*/_react.default.createElement("svg", {
     viewBox: "0 0 48 48",
     className: checkMarkClassName
   }, /*#__PURE__*/_react.default.createElement("path", {

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

@@ -1 +1 @@
-{"version":3,"file":"CompleteCheckbox.js","names":["CompleteCheckbox","completed","disabled","animate","onClick","className","primary","checkMarkClassName","classnames","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps {\n  /** Change completed state of checkbox */\n  completed?: boolean;\n  /** Callback */\n  onClick?: (event: MouseEvent) => void;\n  /** Make component disabled for interaction */\n  disabled?: boolean;\n  /** Animation (works only when is completed and not disabled) */\n  animate?: boolean;\n  /** Class names */\n  className?: string | undefined;\n  /** Set green color for checkbox */\n  primary?: boolean;\n  /** Set checkmark height and width */\n  checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n  completed = false,\n  disabled = false,\n  animate = false,\n  onClick,\n  className,\n  primary = false,\n  checkMarkClassName,\n}) => {\n  return (\n    <StyledCompleteCheckbox\n      onClick={onClick}\n      className={classnames(\"c-complete-checkbox\", className)}\n      $primary={primary}\n      $completed={completed}\n      $disabled={disabled}\n      $animation={!disabled && completed && animate}\n      $checkMarkClassName={!!checkMarkClassName}\n    >\n      <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n        <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n        <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n      </svg>\n    </StyledCompleteCheckbox>\n  );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAkD;AAmB3C,IAAMA,gBAA4C,GAAG,SAA/CA,gBAA4C,OAQnD;EAAA,0BAPJC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,qBACjBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IAAA,oBACTC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,kBAAkB,QAAlBA,kBAAkB;EAElB,oBACE,6BAAC,8BAAsB;IACrB,OAAO,EAAEH,OAAQ;IACjB,SAAS,EAAE,IAAAI,mBAAU,EAAC,qBAAqB,EAAEH,SAAS,CAAE;IACxD,QAAQ,EAAEC,OAAQ;IAClB,UAAU,EAAEL,SAAU;IACtB,SAAS,EAAEC,QAAS;IACpB,UAAU,EAAE,CAACA,QAAQ,IAAID,SAAS,IAAIE,OAAQ;IAC9C,mBAAmB,EAAE,CAAC,CAACI;EAAmB,gBAE1C;IAAK,OAAO,EAAC,WAAW;IAAC,SAAS,EAAEA;EAAmB,gBACrD;IAAM,CAAC,EAAC;EAA+F,EAAG,eAC1G;IAAU,MAAM,EAAC;EAAyB,EAAG,CACzC,CACiB;AAE7B,CAAC;AAAC;AAEFP,gBAAgB,CAACS,WAAW,GAAG,kBAAkB"}
+{"version":3,"file":"CompleteCheckbox.js","names":["CompleteCheckbox","completed","disabled","animate","onClick","className","primary","checkMarkClassName","rest","classnames","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent, ButtonHTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Change completed state of checkbox */\n  completed?: boolean;\n  /** Callback */\n  onClick?: (event: MouseEvent) => void;\n  /** Make component disabled for interaction */\n  disabled?: boolean;\n  /** Animation (works only when is completed and not disabled) */\n  animate?: boolean;\n  /** Class names */\n  className?: string | undefined;\n  /** Set green color for checkbox */\n  primary?: boolean;\n  /** Set checkmark height and width */\n  checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n  completed = false,\n  disabled = false,\n  animate = false,\n  onClick,\n  className,\n  primary = false,\n  checkMarkClassName,\n  ...rest\n}) => {\n  return (\n    <StyledCompleteCheckbox\n      onClick={onClick}\n      className={classnames(\"c-complete-checkbox\", className)}\n      $primary={primary}\n      $completed={completed}\n      $disabled={disabled}\n      $animation={!disabled && completed && animate}\n      $checkMarkClassName={!!checkMarkClassName}\n      {...rest}\n    >\n      <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n        <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n        <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n      </svg>\n    </StyledCompleteCheckbox>\n  );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAkD;AAAA;AAAA;AAAA;AAAA;AAoB3C,IAAMA,gBAA4C,GAAG,SAA/CA,gBAA4C,OASnD;EAAA,0BARJC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,qBACjBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IAAA,oBACTC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,kBAAkB,QAAlBA,kBAAkB;IACfC,IAAI;EAEP,oBACE,6BAAC,8BAAsB;IACrB,OAAO,EAAEJ,OAAQ;IACjB,SAAS,EAAE,IAAAK,mBAAU,EAAC,qBAAqB,EAAEJ,SAAS,CAAE;IACxD,QAAQ,EAAEC,OAAQ;IAClB,UAAU,EAAEL,SAAU;IACtB,SAAS,EAAEC,QAAS;IACpB,UAAU,EAAE,CAACA,QAAQ,IAAID,SAAS,IAAIE,OAAQ;IAC9C,mBAAmB,EAAE,CAAC,CAACI;EAAmB,GACtCC,IAAI,gBAER;IAAK,OAAO,EAAC,WAAW;IAAC,SAAS,EAAED;EAAmB,gBACrD;IAAM,CAAC,EAAC;EAA+F,EAAG,eAC1G;IAAU,MAAM,EAAC;EAAyB,EAAG,CACzC,CACiB;AAE7B,CAAC;AAAC;AAEFP,gBAAgB,CAACU,WAAW,GAAG,kBAAkB"}

package/dist/cjs/components/EmptySlate/EmptySlate.styles.js

@@ -31,7 +31,7 @@ exports.Title = Title;
 var Description = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "EmptySlatestyles__Description",
   componentId: "sc-jfbqky-4"
-})(["text-align:center;", "{text-align:start;}"], _BreakPoints.screen.lg);
+})(["text-align:center;width:400px;", "{text-align:start;}"], _BreakPoints.screen.lg);
 exports.Description = Description;
 var FooterContainer = _styledComponents.default.div.withConfig({
   displayName: "EmptySlatestyles__FooterContainer",

package/dist/cjs/components/EmptySlate/EmptySlate.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.styles.js","names":["Container","styled","div","screen","lg","SubContainer","StyledImg","img","Title","Typography","Description","FooterContainer"],"sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Typography } from \"../Typography/Typography\";\nimport { screen } from \"../BreakPoints\";\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  gap: 24px;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n\nexport const SubContainer = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 400px;\n\n  ${screen.lg} {\n    align-items: flex-start;\n  }\n`;\n\nexport const StyledImg = styled.img`\n  width: 280px;\n  height: 280px;\n`;\n\nexport const Title = styled(Typography)`\n  margin-block-end: 8px;\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const Description = styled(Typography)`\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const FooterContainer = styled.div`\n  margin-block-start: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAwC;AAEjC,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,0IAQ/BC,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAMC,YAAY,GAAGJ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,mIAOlCC,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAME,SAAS,GAAGL,yBAAM,CAACM,GAAG;EAAA;EAAA;AAAA,iCAGlC;AAAC;AAEK,IAAMC,KAAK,GAAG,IAAAP,yBAAM,EAACQ,sBAAU,CAAC;EAAA;EAAA;AAAA,uEAInCN,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAMM,WAAW,GAAG,IAAAT,yBAAM,EAACQ,sBAAU,CAAC;EAAA;EAAA;AAAA,kDAGzCN,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAMO,eAAe,GAAGV,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,yHAOrCC,mBAAM,CAACC,EAAE,CAGZ;AAAC"}
+{"version":3,"file":"EmptySlate.styles.js","names":["Container","styled","div","screen","lg","SubContainer","StyledImg","img","Title","Typography","Description","FooterContainer"],"sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Typography } from \"../Typography/Typography\";\nimport { screen } from \"../BreakPoints\";\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  gap: 24px;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n\nexport const SubContainer = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 400px;\n\n  ${screen.lg} {\n    align-items: flex-start;\n  }\n`;\n\nexport const StyledImg = styled.img`\n  width: 280px;\n  height: 280px;\n`;\n\nexport const Title = styled(Typography)`\n  margin-block-end: 8px;\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const Description = styled(Typography)`\n  text-align: center;\n  width: 400px;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const FooterContainer = styled.div`\n  margin-block-start: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAwC;AAEjC,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,0IAQ/BC,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAMC,YAAY,GAAGJ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,mIAOlCC,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAME,SAAS,GAAGL,yBAAM,CAACM,GAAG;EAAA;EAAA;AAAA,iCAGlC;AAAC;AAEK,IAAMC,KAAK,GAAG,IAAAP,yBAAM,EAACQ,sBAAU,CAAC;EAAA;EAAA;AAAA,uEAInCN,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAMM,WAAW,GAAG,IAAAT,yBAAM,EAACQ,sBAAU,CAAC;EAAA;EAAA;AAAA,8DAIzCN,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAMO,eAAe,GAAGV,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,yHAOrCC,mBAAM,CAACC,EAAE,CAGZ;AAAC"}

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

@@ -1,5 +1,5 @@
-import { FC, MouseEvent } from "react";
-export interface ICompleteCheckboxProps {
+import { FC, MouseEvent, ButtonHTMLAttributes } from "react";
+export interface ICompleteCheckboxProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Change completed state of checkbox */
     completed?: boolean;
     /** Callback */

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

@@ -1 +1 @@
-{"version":3,"file":"CompleteCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,sBAAsB;IACrC,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,sBAAsB,CAyBvD,CAAC"}
+{"version":3,"file":"CompleteCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIpE,MAAM,WAAW,sBACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,sBAAsB,CA2BvD,CAAC"}

package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
 import React from "react";
 import classnames from "classnames";
 import { StyledCompleteCheckbox } from "./Styles";
@@ -12,8 +15,9 @@ export var CompleteCheckbox = function CompleteCheckbox(_ref) {
     className = _ref.className,
     _ref$primary = _ref.primary,
     primary = _ref$primary === void 0 ? false : _ref$primary,
-    checkMarkClassName = _ref.checkMarkClassName;
-  return /*#__PURE__*/React.createElement(StyledCompleteCheckbox, {
+    checkMarkClassName = _ref.checkMarkClassName,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledCompleteCheckbox, _extends({
     onClick: onClick,
     className: classnames("c-complete-checkbox", className),
     $primary: primary,
@@ -21,7 +25,7 @@ export var CompleteCheckbox = function CompleteCheckbox(_ref) {
     $disabled: disabled,
     $animation: !disabled && completed && animate,
     $checkMarkClassName: !!checkMarkClassName
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, rest), /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 48 48",
     className: checkMarkClassName
   }, /*#__PURE__*/React.createElement("path", {

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

@@ -1 +1 @@
-{"version":3,"file":"CompleteCheckbox.js","names":["React","classnames","StyledCompleteCheckbox","CompleteCheckbox","completed","disabled","animate","onClick","className","primary","checkMarkClassName","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps {\n  /** Change completed state of checkbox */\n  completed?: boolean;\n  /** Callback */\n  onClick?: (event: MouseEvent) => void;\n  /** Make component disabled for interaction */\n  disabled?: boolean;\n  /** Animation (works only when is completed and not disabled) */\n  animate?: boolean;\n  /** Class names */\n  className?: string | undefined;\n  /** Set green color for checkbox */\n  primary?: boolean;\n  /** Set checkmark height and width */\n  checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n  completed = false,\n  disabled = false,\n  animate = false,\n  onClick,\n  className,\n  primary = false,\n  checkMarkClassName,\n}) => {\n  return (\n    <StyledCompleteCheckbox\n      onClick={onClick}\n      className={classnames(\"c-complete-checkbox\", className)}\n      $primary={primary}\n      $completed={completed}\n      $disabled={disabled}\n      $animation={!disabled && completed && animate}\n      $checkMarkClassName={!!checkMarkClassName}\n    >\n      <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n        <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n        <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n      </svg>\n    </StyledCompleteCheckbox>\n  );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAA0B,OAAO;AAC7C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,sBAAsB,QAAQ,UAAU;AAmBjD,OAAO,IAAMC,gBAA4C,GAAG,SAA/CA,gBAA4C,OAQnD;EAAA,0BAPJC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,qBACjBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IAAA,oBACTC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,kBAAkB,QAAlBA,kBAAkB;EAElB,oBACE,oBAAC,sBAAsB;IACrB,OAAO,EAAEH,OAAQ;IACjB,SAAS,EAAEN,UAAU,CAAC,qBAAqB,EAAEO,SAAS,CAAE;IACxD,QAAQ,EAAEC,OAAQ;IAClB,UAAU,EAAEL,SAAU;IACtB,SAAS,EAAEC,QAAS;IACpB,UAAU,EAAE,CAACA,QAAQ,IAAID,SAAS,IAAIE,OAAQ;IAC9C,mBAAmB,EAAE,CAAC,CAACI;EAAmB,gBAE1C;IAAK,OAAO,EAAC,WAAW;IAAC,SAAS,EAAEA;EAAmB,gBACrD;IAAM,CAAC,EAAC;EAA+F,EAAG,eAC1G;IAAU,MAAM,EAAC;EAAyB,EAAG,CACzC,CACiB;AAE7B,CAAC;AAEDP,gBAAgB,CAACQ,WAAW,GAAG,kBAAkB"}
+{"version":3,"file":"CompleteCheckbox.js","names":["React","classnames","StyledCompleteCheckbox","CompleteCheckbox","completed","disabled","animate","onClick","className","primary","checkMarkClassName","rest","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent, ButtonHTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Change completed state of checkbox */\n  completed?: boolean;\n  /** Callback */\n  onClick?: (event: MouseEvent) => void;\n  /** Make component disabled for interaction */\n  disabled?: boolean;\n  /** Animation (works only when is completed and not disabled) */\n  animate?: boolean;\n  /** Class names */\n  className?: string | undefined;\n  /** Set green color for checkbox */\n  primary?: boolean;\n  /** Set checkmark height and width */\n  checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n  completed = false,\n  disabled = false,\n  animate = false,\n  onClick,\n  className,\n  primary = false,\n  checkMarkClassName,\n  ...rest\n}) => {\n  return (\n    <StyledCompleteCheckbox\n      onClick={onClick}\n      className={classnames(\"c-complete-checkbox\", className)}\n      $primary={primary}\n      $completed={completed}\n      $disabled={disabled}\n      $animation={!disabled && completed && animate}\n      $checkMarkClassName={!!checkMarkClassName}\n      {...rest}\n    >\n      <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n        <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n        <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n      </svg>\n    </StyledCompleteCheckbox>\n  );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAgD,OAAO;AACnE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,sBAAsB,QAAQ,UAAU;AAoBjD,OAAO,IAAMC,gBAA4C,GAAG,SAA/CA,gBAA4C,OASnD;EAAA,0BARJC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,qBACjBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IAAA,oBACTC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,kBAAkB,QAAlBA,kBAAkB;IACfC,IAAI;EAEP,oBACE,oBAAC,sBAAsB;IACrB,OAAO,EAAEJ,OAAQ;IACjB,SAAS,EAAEN,UAAU,CAAC,qBAAqB,EAAEO,SAAS,CAAE;IACxD,QAAQ,EAAEC,OAAQ;IAClB,UAAU,EAAEL,SAAU;IACtB,SAAS,EAAEC,QAAS;IACpB,UAAU,EAAE,CAACA,QAAQ,IAAID,SAAS,IAAIE,OAAQ;IAC9C,mBAAmB,EAAE,CAAC,CAACI;EAAmB,GACtCC,IAAI,gBAER;IAAK,OAAO,EAAC,WAAW;IAAC,SAAS,EAAED;EAAmB,gBACrD;IAAM,CAAC,EAAC;EAA+F,EAAG,eAC1G;IAAU,MAAM,EAAC;EAAyB,EAAG,CACzC,CACiB;AAE7B,CAAC;AAEDP,gBAAgB,CAACS,WAAW,GAAG,kBAAkB"}

package/dist/esm/components/EmptySlate/EmptySlate.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,oEAWrB,CAAC;AAEF,eAAO,MAAM,YAAY,oEAUxB,CAAC;AAEF,eAAO,MAAM,SAAS,oEAGrB,CAAC;AAEF,eAAO,MAAM,KAAK;;kBAOjB,CAAC;AAEF,eAAO,MAAM,WAAW;;kBAMvB,CAAC;AAEF,eAAO,MAAM,eAAe,oEAU3B,CAAC"}
+{"version":3,"file":"EmptySlate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,oEAWrB,CAAC;AAEF,eAAO,MAAM,YAAY,oEAUxB,CAAC;AAEF,eAAO,MAAM,SAAS,oEAGrB,CAAC;AAEF,eAAO,MAAM,KAAK;;kBAOjB,CAAC;AAEF,eAAO,MAAM,WAAW;;kBAOvB,CAAC;AAEF,eAAO,MAAM,eAAe,oEAU3B,CAAC"}

package/dist/esm/components/EmptySlate/EmptySlate.styles.js

@@ -20,7 +20,7 @@ export var Title = styled(Typography).withConfig({
 export var Description = styled(Typography).withConfig({
   displayName: "EmptySlatestyles__Description",
   componentId: "sc-jfbqky-4"
-})(["text-align:center;", "{text-align:start;}"], screen.lg);
+})(["text-align:center;width:400px;", "{text-align:start;}"], screen.lg);
 export var FooterContainer = styled.div.withConfig({
   displayName: "EmptySlatestyles__FooterContainer",
   componentId: "sc-jfbqky-5"

package/dist/esm/components/EmptySlate/EmptySlate.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.styles.js","names":["styled","Typography","screen","Container","div","lg","SubContainer","StyledImg","img","Title","Description","FooterContainer"],"sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Typography } from \"../Typography/Typography\";\nimport { screen } from \"../BreakPoints\";\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  gap: 24px;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n\nexport const SubContainer = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 400px;\n\n  ${screen.lg} {\n    align-items: flex-start;\n  }\n`;\n\nexport const StyledImg = styled.img`\n  width: 280px;\n  height: 280px;\n`;\n\nexport const Title = styled(Typography)`\n  margin-block-end: 8px;\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const Description = styled(Typography)`\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const FooterContainer = styled.div`\n  margin-block-start: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,IAAMC,SAAS,GAAGH,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,0IAQ/BF,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAMC,YAAY,GAAGN,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,mIAOlCF,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAME,SAAS,GAAGP,MAAM,CAACQ,GAAG;EAAA;EAAA;AAAA,iCAGlC;AAED,OAAO,IAAMC,KAAK,GAAGT,MAAM,CAACC,UAAU,CAAC;EAAA;EAAA;AAAA,uEAInCC,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAMK,WAAW,GAAGV,MAAM,CAACC,UAAU,CAAC;EAAA;EAAA;AAAA,kDAGzCC,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAMM,eAAe,GAAGX,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,yHAOrCF,MAAM,CAACG,EAAE,CAGZ"}
+{"version":3,"file":"EmptySlate.styles.js","names":["styled","Typography","screen","Container","div","lg","SubContainer","StyledImg","img","Title","Description","FooterContainer"],"sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Typography } from \"../Typography/Typography\";\nimport { screen } from \"../BreakPoints\";\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  gap: 24px;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n\nexport const SubContainer = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 400px;\n\n  ${screen.lg} {\n    align-items: flex-start;\n  }\n`;\n\nexport const StyledImg = styled.img`\n  width: 280px;\n  height: 280px;\n`;\n\nexport const Title = styled(Typography)`\n  margin-block-end: 8px;\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const Description = styled(Typography)`\n  text-align: center;\n  width: 400px;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const FooterContainer = styled.div`\n  margin-block-start: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,IAAMC,SAAS,GAAGH,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,0IAQ/BF,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAMC,YAAY,GAAGN,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,mIAOlCF,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAME,SAAS,GAAGP,MAAM,CAACQ,GAAG;EAAA;EAAA;AAAA,iCAGlC;AAED,OAAO,IAAMC,KAAK,GAAGT,MAAM,CAACC,UAAU,CAAC;EAAA;EAAA;AAAA,uEAInCC,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAMK,WAAW,GAAGV,MAAM,CAACC,UAAU,CAAC;EAAA;EAAA;AAAA,8DAIzCC,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAMM,eAAe,GAAGX,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,yHAOrCF,MAAM,CAACG,EAAE,CAGZ"}

package/dist/index.js

@@ -269,7 +269,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$1l = ["children", "active", "variant", "size", "className"];
+  var _excluded$1m = ["children", "active", "variant", "size", "className"];
   /**
    * @component Button
    * @description
@@ -299,7 +299,7 @@
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "medium" : _ref$size,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$1l);
+      args = _objectWithoutProperties(_ref, _excluded$1m);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
       className: classNames__default["default"]("c-btn", className, {
         "c-btn--contained": variant === "primary" || variant === "contained",
@@ -373,12 +373,12 @@
   })(["svg{fill:var(--color-theme-100);}&:hover svg{transform:rotate(90deg);transition:ease 0.3s;}"]);
   StyledGlobalAddButton.displayName = "StyledGlobalAddButton";
 
-  var _excluded$1k = ["className", "disabled"];
+  var _excluded$1l = ["className", "disabled"];
   var GlobalAddButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      rest = _objectWithoutProperties(_ref, _excluded$1k);
+      rest = _objectWithoutProperties(_ref, _excluded$1l);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -410,11 +410,11 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$1j = ["children", "className"];
+  var _excluded$1k = ["children", "className"];
   var ButtonGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$1j);
+      rest = _objectWithoutProperties(_ref, _excluded$1k);
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
       className: classNames__default["default"]("c-btn-group", className)
@@ -474,7 +474,7 @@
     return React.useContext(MenuContext);
   };
 
-  var _excluded$1i = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
+  var _excluded$1j = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       anchorEl = _ref.anchorEl,
@@ -488,7 +488,7 @@
       _ref$strategy = _ref.strategy,
       strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
       afterWrite = _ref.afterWrite,
-      rest = _objectWithoutProperties(_ref, _excluded$1i);
+      rest = _objectWithoutProperties(_ref, _excluded$1j);
     var _useState = React.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
       exited = _useState2[0],
@@ -587,12 +587,12 @@
   });
   StyledOverlay.displayName = "StyledOverlay";
 
-  var _excluded$1h = ["className", "disableBackgroundColor"];
+  var _excluded$1i = ["className", "disableBackgroundColor"];
   var Overlay = function Overlay(_ref) {
     var className = _ref.className,
       _ref$disableBackgroun = _ref.disableBackgroundColor,
       disableBackgroundColor = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
-      rest = _objectWithoutProperties(_ref, _excluded$1h);
+      rest = _objectWithoutProperties(_ref, _excluded$1i);
     return /*#__PURE__*/React__default["default"].createElement(StyledOverlay, _extends({
       className: classNames__default["default"]("c-overlay", className),
       $disableBackgroundColor: disableBackgroundColor
@@ -632,7 +632,7 @@
   })(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
   StyledWindow.displayName = "StyledWindow";
 
-  var _excluded$1g = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
+  var _excluded$1h = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
   var returnFocus = {
     preventScroll: true
   };
@@ -649,7 +649,7 @@
       _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
       disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
       onClick = _ref.onClick,
-      rest = _objectWithoutProperties(_ref, _excluded$1g);
+      rest = _objectWithoutProperties(_ref, _excluded$1h);
     var innerRef = React.useRef(null);
     var handleRef = useForkRef(innerRef, ref);
     var _useLayerContext = useLayerContext(),
@@ -709,7 +709,7 @@
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
 
-  var _excluded$1f = ["children", "className", "innerRef", "style"];
+  var _excluded$1g = ["children", "className", "innerRef", "style"];
   var Bubble = function Bubble(_ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -717,7 +717,7 @@
       innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
       _ref$style = _ref.style,
       style = _ref$style === void 0 ? {} : _ref$style,
-      rest = _objectWithoutProperties(_ref, _excluded$1f);
+      rest = _objectWithoutProperties(_ref, _excluded$1g);
     return /*#__PURE__*/React__default["default"].createElement(StyledBubble, _extends({}, rest, {
       ref: innerRef,
       className: classNames__default["default"]("c-bubble", className),
@@ -1037,7 +1037,7 @@
   });
   StyledTypography.displayName = "StyledTypography";
 
-  var _excluded$1e = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$1f = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
   var Typography = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
@@ -1068,7 +1068,7 @@
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1e);
+      props = _objectWithoutProperties(_ref, _excluded$1f);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
       as: Component,
@@ -1091,13 +1091,13 @@
   });
   Typography.displayName = "Typography";
 
-  var _excluded$1d = ["title", "className", "leftElement", "rightElement"];
+  var _excluded$1e = ["title", "className", "leftElement", "rightElement"];
   var MenuHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var title = _ref.title,
       className = _ref.className,
       leftElement = _ref.leftElement,
       rightElement = _ref.rightElement,
-      props = _objectWithoutProperties(_ref, _excluded$1d);
+      props = _objectWithoutProperties(_ref, _excluded$1e);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuHeader, _extends({}, props, {
       className: classNames__default["default"]("c-menu-header", className),
       ref: ref
@@ -1122,11 +1122,11 @@
   });
   MenuHeader.displayName = "MenuHeader";
 
-  var _excluded$1c = ["children", "className"];
+  var _excluded$1d = ["children", "className"];
   var MenuFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1c);
+      props = _objectWithoutProperties(_ref, _excluded$1d);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter$1, _extends({}, props, {
       className: classNames__default["default"]("c-menu-footer", className),
       ref: ref
@@ -1150,11 +1150,11 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator.displayName = "StyledListSeparator";
 
-  var _excluded$1b = ["children", "className"];
+  var _excluded$1c = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1b);
+      props = _objectWithoutProperties(_ref, _excluded$1c);
     return /*#__PURE__*/React__default["default"].createElement(StyledListItem, _extends({
       className: classNames__default["default"]("c-list-item", className),
       ref: ref,
@@ -1163,21 +1163,21 @@
   });
   ListItem.displayName = "ListItem";
 
-  var _excluded$1a = ["className"];
+  var _excluded$1b = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
     var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1a);
+      props = _objectWithoutProperties(_ref, _excluded$1b);
     return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator, _extends({
       className: classNames__default["default"]("c-list-separator", className)
     }, props));
   };
   ListSeparator.displayName = "ListSeparator";
 
-  var _excluded$19 = ["children", "className"];
+  var _excluded$1a = ["children", "className"];
   var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$19);
+      props = _objectWithoutProperties(_ref, _excluded$1a);
     return /*#__PURE__*/React__default["default"].createElement(StyledList, _extends({
       className: className,
       ref: ref,
@@ -1203,7 +1203,7 @@
     return size === "big" && styled.css(["width:40px;"]);
   });
 
-  var _excluded$18 = ["children", "className", "variant", "size", "active"];
+  var _excluded$19 = ["children", "className", "variant", "size", "active"];
 
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
@@ -1233,7 +1233,7 @@
       variant = _ref.variant,
       size = _ref.size,
       active = _ref.active,
-      args = _objectWithoutProperties(_ref, _excluded$18);
+      args = _objectWithoutProperties(_ref, _excluded$19);
     return /*#__PURE__*/React__default["default"].createElement(StyledIconButton, _extends({
       className: className,
       variant: variant,
@@ -7522,14 +7522,14 @@
   });
   StyledBreadcrumbListItem.displayName = "StyledBreadcrumbListItem";
 
-  var _excluded$17 = ["children", "className", "separator"];
+  var _excluded$18 = ["children", "className", "separator"];
   var Breadcrumbs = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _dimensions$width, _childDimensions$widt;
     var children = _ref.children,
       className = _ref.className,
       _ref$separator = _ref.separator,
       separator = _ref$separator === void 0 ? "/" : _ref$separator,
-      rest = _objectWithoutProperties(_ref, _excluded$17);
+      rest = _objectWithoutProperties(_ref, _excluded$18);
     var internalRef = React.useRef(null);
     var listWrapperRef = React.useRef(null);
     var olRef = React.useRef(null);
@@ -7696,10 +7696,10 @@
     return props.$isLight && styled.css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);color:var(--color-theme-700);"]);
   });
 
-  var _excluded$16 = ["children"];
+  var _excluded$17 = ["children"];
   var TooltipAnimation = function TooltipAnimation(_ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$16);
+      props = _objectWithoutProperties(_ref, _excluded$17);
     return /*#__PURE__*/React__default["default"].createElement(FromElement, _extends({
       timeout: 0
     }, props), children);
@@ -7774,12 +7774,12 @@
   });
   Tooltip.displayName = "Tooltip";
 
-  var _excluded$15 = ["weight", "children"];
+  var _excluded$16 = ["weight", "children"];
   var Body2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$15);
+      props = _objectWithoutProperties(_ref, _excluded$16);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 2",
       weight: weight,
@@ -7828,7 +7828,7 @@
   });
   StyledCounterButtonLabel.displayName = "StyledCounterButtonLabel";
 
-  var _excluded$14 = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "disabled"];
+  var _excluded$15 = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "disabled"];
   var CounterButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var label = _ref.label,
       icon = _ref.icon,
@@ -7840,7 +7840,7 @@
       className = _ref.className,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      args = _objectWithoutProperties(_ref, _excluded$14);
+      args = _objectWithoutProperties(_ref, _excluded$15);
     return /*#__PURE__*/React__default["default"].createElement(StyledCounterButtonWrapper, {
       ref: ref,
       className: className
@@ -8151,7 +8151,7 @@
   StyledDatePicker.displayName = "StyledDatePicker";
   StyledDayPicker.displayName = "StyledDayPicker";
 
-  var _excluded$13 = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
+  var _excluded$14 = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
   var DatePicker = function DatePicker(_ref) {
     var className = _ref.className,
       onChange = _ref.onChange,
@@ -8173,7 +8173,7 @@
       _ref$fixedWeeks = _ref.fixedWeeks,
       fixedWeeks = _ref$fixedWeeks === void 0 ? true : _ref$fixedWeeks,
       defaultModifiers = _ref.modifiers,
-      rest = _objectWithoutProperties(_ref, _excluded$13);
+      rest = _objectWithoutProperties(_ref, _excluded$14);
     var _useState = React.useState(),
       _useState2 = _slicedToArray(_useState, 2),
       enteredTo = _useState2[0],
@@ -9065,10 +9065,10 @@
     componentId: "sc-x4ge7a-0"
   })(["width:70%;background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.05) 50%,rgba(255,255,255,0) 60% );background-size:400%;height:16px;border-radius:8px;.neon &{background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0) 60% );background-size:500%;}animation-duration:1s;animation-iteration-count:infinite;animation-name:", ";animation-timing-function:linear;animation-direction:reverse;"], linearAnimation);
 
-  var _excluded$12 = ["className"];
+  var _excluded$13 = ["className"];
   var LinearLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$12);
+      rest = _objectWithoutProperties(_ref, _excluded$13);
     return /*#__PURE__*/React__default["default"].createElement(StyledLinearLoader, _extends({
       ref: ref,
       className: classNames__default["default"]("c-loader c-loader--linear", className)
@@ -9082,10 +9082,10 @@
     componentId: "sc-1f35d5h-0"
   })(["display:inline-block;text-align:center;& > span{display:inline-block;width:18px;height:18px;background-color:#777;border-radius:100%;animation:", " 1.4s infinite ease-in-out both;}span:nth-child(1){animation-delay:-0.32s;}span:nth-child(2){animation-delay:-0.16s;}"], dotAnimation);
 
-  var _excluded$11 = ["className"];
+  var _excluded$12 = ["className"];
   var DotsLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$11);
+      rest = _objectWithoutProperties(_ref, _excluded$12);
     return /*#__PURE__*/React__default["default"].createElement(StyledDotsLoader, _extends({
       ref: ref,
       className: classNames__default["default"]("c-loader c-loader--dots", className)
@@ -9107,7 +9107,7 @@
     return props.$activeColorPercentage === "75%" && styled.css(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$stroke, props.$activeStrokeColor, props.$stroke, props.$activeStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$activeStrokeColor);
   });
 
-  var _excluded$10 = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
+  var _excluded$11 = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
   var SpinnerLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$radius = _ref.radius,
       radius = _ref$radius === void 0 ? 10 : _ref$radius,
@@ -9122,7 +9122,7 @@
       _ref$rotateDurationIn = _ref.rotateDurationInSeconds,
       rotateDurationInSeconds = _ref$rotateDurationIn === void 0 ? 0.75 : _ref$rotateDurationIn,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$10);
+      rest = _objectWithoutProperties(_ref, _excluded$11);
     return /*#__PURE__*/React__default["default"].createElement(StyledSpinnerLoader$1, _extends({
       ref: ref,
       className: className,
@@ -9136,7 +9136,7 @@
   });
   SpinnerLoader.displayName = "SpinnerLoader";
 
-  var _excluded$$ = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue", "loading", "loadingRows"];
+  var _excluded$10 = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue", "loading", "loadingRows"];
   exports.SortDirection = void 0;
   (function (SortDirection) {
     SortDirection["None"] = "none";
@@ -9184,7 +9184,7 @@
       loading = _ref.loading,
       _ref$loadingRows = _ref.loadingRows,
       loadingRows = _ref$loadingRows === void 0 ? 7 : _ref$loadingRows,
-      args = _objectWithoutProperties(_ref, _excluded$$);
+      args = _objectWithoutProperties(_ref, _excluded$10);
     var _useState = React.useState(sortDirection),
       _useState2 = _slicedToArray(_useState, 2),
       columnDirection = _useState2[0],
@@ -9544,6 +9544,7 @@
   });
   StyledCompleteCheckbox.displayName = "StyledCompleteCheckbox";
 
+  var _excluded$$ = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
   var CompleteCheckbox = function CompleteCheckbox(_ref) {
     var _ref$completed = _ref.completed,
       completed = _ref$completed === void 0 ? false : _ref$completed,
@@ -9555,8 +9556,9 @@
       className = _ref.className,
       _ref$primary = _ref.primary,
       primary = _ref$primary === void 0 ? false : _ref$primary,
-      checkMarkClassName = _ref.checkMarkClassName;
-    return /*#__PURE__*/React__default["default"].createElement(StyledCompleteCheckbox, {
+      checkMarkClassName = _ref.checkMarkClassName,
+      rest = _objectWithoutProperties(_ref, _excluded$$);
+    return /*#__PURE__*/React__default["default"].createElement(StyledCompleteCheckbox, _extends({
       onClick: onClick,
       className: classNames__default["default"]("c-complete-checkbox", className),
       $primary: primary,
@@ -9564,7 +9566,7 @@
       $disabled: disabled,
       $animation: !disabled && completed && animate,
       $checkMarkClassName: !!checkMarkClassName
-    }, /*#__PURE__*/React__default["default"].createElement("svg", {
+    }, rest), /*#__PURE__*/React__default["default"].createElement("svg", {
       viewBox: "0 0 48 48",
       className: checkMarkClassName
     }, /*#__PURE__*/React__default["default"].createElement("path", {
@@ -17139,7 +17141,7 @@
   var Description = styled__default["default"](Typography).withConfig({
     displayName: "EmptySlatestyles__Description",
     componentId: "sc-jfbqky-4"
-  })(["text-align:center;", "{text-align:start;}"], screen.lg);
+  })(["text-align:center;width:400px;", "{text-align:start;}"], screen.lg);
   var FooterContainer = styled__default["default"].div.withConfig({
     displayName: "EmptySlatestyles__FooterContainer",
     componentId: "sc-jfbqky-5"