@activecollab/components 1.0.415 → 2.0.1

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

@@ -1,20 +1,20 @@
-import styled, { css } from "styled-components";
-import { CloseSmallIcon } from "../Icons";
-import { BoxSizingStyle } from "../BoxSizingStyle";
-import { FontStyle } from "../FontStyle";
-export var StyledToastMessage = styled.div.withConfig({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledToastMessageText = exports.StyledToastMessage = exports.StyledCloseSmallIcon = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _Icons = require("../Icons");
+var _BoxSizingStyle = require("../BoxSizingStyle");
+var _FontStyle = require("../FontStyle");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledToastMessage = exports.StyledToastMessage = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledToastMessage",
   componentId: "sc-7wr5ky-0"
-})(["display:flex;flex-direction:row;align-items:center;height:36px;width:fit-content;max-width:100%;padding:10px 8px 10px 16px;border-radius:18px;", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
-  return props.$type === "error" && css(["background-color:#f1a5a5;", ""], props.$dropShadow && css(["box-shadow:0px 7px 12px -4px rgba(234,179,179,0.7);"]));
-}, function (props) {
-  return props.$type === "success" && css(["background-color:#afdfdb;", ""], props.$dropShadow && css(["box-shadow:0px 7px 12px -4px rgba(182,218,215,0.7);"]));
-}, function (props) {
-  return props.$type === "general" && css(["background-color:#bddff6;", ""], props.$dropShadow && css(["box-shadow:0px 7px 12px -4px rgba(166,199,220,0.7);"]));
-}, function (props) {
-  return props.$type === "warning" && css(["background-color:#ffffd1;", ""], props.$dropShadow && css(["box-shadow:0px 7px 12px -4px rgba(242,242,208,0.7);"]));
-});
-export var StyledToastMessageText = styled.div.withConfig({
+})(["display:flex;flex-direction:row;align-items:center;height:36px;width:fit-content;max-width:100%;padding:10px 8px 10px 16px;border-radius:18px;", " ", " ", " ", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, props => props.$type === "error" && (0, _styledComponents.css)(["background-color:#f1a5a5;", ""], props.$dropShadow && (0, _styledComponents.css)(["box-shadow:0px 7px 12px -4px rgba(234,179,179,0.7);"])), props => props.$type === "success" && (0, _styledComponents.css)(["background-color:#afdfdb;", ""], props.$dropShadow && (0, _styledComponents.css)(["box-shadow:0px 7px 12px -4px rgba(182,218,215,0.7);"])), props => props.$type === "general" && (0, _styledComponents.css)(["background-color:#bddff6;", ""], props.$dropShadow && (0, _styledComponents.css)(["box-shadow:0px 7px 12px -4px rgba(166,199,220,0.7);"])), props => props.$type === "warning" && (0, _styledComponents.css)(["background-color:#ffffd1;", ""], props.$dropShadow && (0, _styledComponents.css)(["box-shadow:0px 7px 12px -4px rgba(242,242,208,0.7);"])));
+const StyledToastMessageText = exports.StyledToastMessageText = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledToastMessageText",
   componentId: "sc-7wr5ky-1"
 })(["", " ", " ", " ", " color:rgba(48,48,55,0.65);"], {
@@ -28,7 +28,7 @@ export var StyledToastMessageText = styled.div.withConfig({
 }, {
   "marginRight": "0.5rem"
 });
-export var StyledCloseSmallIcon = styled(CloseSmallIcon).withConfig({
+const StyledCloseSmallIcon = exports.StyledCloseSmallIcon = (0, _styledComponents.default)(_Icons.CloseSmallIcon).withConfig({
   displayName: "Styles__StyledCloseSmallIcon",
   componentId: "sc-7wr5ky-2"
 })(["fill:rgba(48,48,55,0.3);flex-shrink:0;cursor:pointer;&:hover{fill:rgba(48,48,55,0.65);}"]);

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","CloseSmallIcon","BoxSizingStyle","FontStyle","StyledToastMessage","div","props","$type","$dropShadow","StyledToastMessageText","StyledCloseSmallIcon","displayName"],"sources":["../../../../src/components/ToastMessage/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CloseSmallIcon } from \"../Icons\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledToastMessageProps {\n  $type: \"error\" | \"success\" | \"general\" | \"warning\";\n  $dropShadow?: boolean;\n}\n\nexport const StyledToastMessage = styled.div<StyledToastMessageProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 36px;\n  width: fit-content;\n  max-width: 100%;\n  padding: 10px 8px 10px 16px;\n  border-radius: 18px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$type === \"error\" &&\n    css`\n      background-color: #f1a5a5;\n      ${props.$dropShadow &&\n      css`\n        box-shadow: 0px 7px 12px -4px rgba(234, 179, 179, 0.7);\n      `}\n    `}\n\n  ${(props) =>\n    props.$type === \"success\" &&\n    css`\n      background-color: #afdfdb;\n      ${props.$dropShadow &&\n      css`\n        box-shadow: 0px 7px 12px -4px rgba(182, 218, 215, 0.7);\n      `}\n    `}\n\n  ${(props) =>\n    props.$type === \"general\" &&\n    css`\n      background-color: #bddff6;\n      ${props.$dropShadow &&\n      css`\n        box-shadow: 0px 7px 12px -4px rgba(166, 199, 220, 0.7);\n      `}\n    `}\n\n  ${(props) =>\n    props.$type === \"warning\" &&\n    css`\n      background-color: #ffffd1;\n      ${props.$dropShadow &&\n      css`\n        box-shadow: 0px 7px 12px -4px rgba(242, 242, 208, 0.7);\n      `}\n    `}\n`;\n\nexport const StyledToastMessageText = styled.div`\n  ${tw`tw-text-caption-1`}\n  ${tw`tw-font-bold`}\n  ${tw`tw-truncate`}\n  ${tw`tw-mr-2`}\n  color: rgba(48, 48, 55, 0.65);\n`;\n\nexport const StyledCloseSmallIcon = styled(CloseSmallIcon)`\n  fill: rgba(48, 48, 55, 0.3);\n  flex-shrink: 0;\n  cursor: pointer;\n\n  &:hover {\n    fill: rgba(48, 48, 55, 0.65);\n  }\n`;\n\nStyledToastMessage.displayName = \"StyledToastMessage\";\nStyledCloseSmallIcon.displayName = \"StyledCloseSmallIcon\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAOxC,OAAO,IAAMC,kBAAkB,GAAGL,MAAM,CAACM,GAAG;EAAA;EAAA;AAAA,oLAUxCF,SAAS,EACTD,cAAc,EAEd,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,OAAO,IACvBP,GAAG,oCAECM,KAAK,CAACE,WAAW,IACnBR,GAAG,yDAEF,CACF;AAAA,GAED,UAACM,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBP,GAAG,oCAECM,KAAK,CAACE,WAAW,IACnBR,GAAG,yDAEF,CACF;AAAA,GAED,UAACM,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBP,GAAG,oCAECM,KAAK,CAACE,WAAW,IACnBR,GAAG,yDAEF,CACF;AAAA,GAED,UAACM,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBP,GAAG,oCAECM,KAAK,CAACE,WAAW,IACnBR,GAAG,yDAEF,CACF;AAAA,EACJ;AAED,OAAO,IAAMS,sBAAsB,GAAGV,MAAM,CAACM,GAAG;EAAA;EAAA;AAAA,uDAC1C;EAAA;AAAkB,CAAC,EACnB;EAAA;AAAa,CAAC,EACd;EAAA;EAAA;EAAA;AAAY,CAAC,EACb;EAAA;AAAQ,CAAC,CAEd;AAED,OAAO,IAAMK,oBAAoB,GAAGX,MAAM,CAACE,cAAc,CAAC;EAAA;EAAA;AAAA,+FAQzD;AAEDG,kBAAkB,CAACO,WAAW,GAAG,oBAAoB;AACrDD,oBAAoB,CAACC,WAAW,GAAG,sBAAsB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Icons","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledToastMessage","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$type","css","$dropShadow","StyledToastMessageText","StyledCloseSmallIcon","CloseSmallIcon"],"sources":["../../../../src/components/ToastMessage/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CloseSmallIcon } from \"../Icons\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledToastMessageProps {\n  $type: \"error\" | \"success\" | \"general\" | \"warning\";\n  $dropShadow?: boolean;\n}\n\nexport const StyledToastMessage = styled.div<StyledToastMessageProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 36px;\n  width: fit-content;\n  max-width: 100%;\n  padding: 10px 8px 10px 16px;\n  border-radius: 18px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$type === \"error\" &&\n    css`\n      background-color: #f1a5a5;\n      ${props.$dropShadow &&\n      css`\n        box-shadow: 0px 7px 12px -4px rgba(234, 179, 179, 0.7);\n      `}\n    `}\n\n  ${(props) =>\n    props.$type === \"success\" &&\n    css`\n      background-color: #afdfdb;\n      ${props.$dropShadow &&\n      css`\n        box-shadow: 0px 7px 12px -4px rgba(182, 218, 215, 0.7);\n      `}\n    `}\n\n  ${(props) =>\n    props.$type === \"general\" &&\n    css`\n      background-color: #bddff6;\n      ${props.$dropShadow &&\n      css`\n        box-shadow: 0px 7px 12px -4px rgba(166, 199, 220, 0.7);\n      `}\n    `}\n\n  ${(props) =>\n    props.$type === \"warning\" &&\n    css`\n      background-color: #ffffd1;\n      ${props.$dropShadow &&\n      css`\n        box-shadow: 0px 7px 12px -4px rgba(242, 242, 208, 0.7);\n      `}\n    `}\n`;\n\nexport const StyledToastMessageText = styled.div`\n  ${tw`tw-text-caption-1`}\n  ${tw`tw-font-bold`}\n  ${tw`tw-truncate`}\n  ${tw`tw-mr-2`}\n  color: rgba(48, 48, 55, 0.65);\n`;\n\nexport const StyledCloseSmallIcon = styled(CloseSmallIcon)`\n  fill: rgba(48, 48, 55, 0.3);\n  flex-shrink: 0;\n  cursor: pointer;\n\n  &:hover {\n    fill: rgba(48, 48, 55, 0.65);\n  }\n`;\n\nStyledToastMessage.displayName = \"StyledToastMessage\";\nStyledCloseSmallIcon.displayName = \"StyledCloseSmallIcon\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOlC,MAAMY,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oLAUxCC,oBAAS,EACTC,8BAAc,EAEbC,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,OAAO,QACvBC,qBAAG,qCAECF,KAAK,CAACG,WAAW,QACnBD,qBAAG,0DAEF,CACF,EAEAF,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,SAAS,QACzBC,qBAAG,qCAECF,KAAK,CAACG,WAAW,QACnBD,qBAAG,0DAEF,CACF,EAEAF,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,SAAS,QACzBC,qBAAG,qCAECF,KAAK,CAACG,WAAW,QACnBD,qBAAG,0DAEF,CACF,EAEAF,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,SAAS,QACzBC,qBAAG,qCAECF,KAAK,CAACG,WAAW,QACnBD,qBAAG,0DAEF,CACF,CACJ;AAEM,MAAME,sBAAsB,GAAAZ,OAAA,CAAAY,sBAAA,GAAGX,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uDAC1C;EAAA;AAAkB,CAAC,EACnB;EAAA;AAAa,CAAC,EACd;EAAA;EAAA;EAAA;AAAY,CAAC,EACb;EAAA;AAAQ,CAAC,CAEd;AAEM,MAAMQ,oBAAoB,GAAAb,OAAA,CAAAa,oBAAA,GAAG,IAAAZ,yBAAM,EAACa,qBAAc,CAAC,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+FAQzD;AAEDN,kBAAkB,CAACK,WAAW,GAAG,oBAAoB;AACrDS,oBAAoB,CAACT,WAAW,GAAG,sBAAsB"}

package/dist/esm/components/ToastMessage/ToastMessage.js

@@ -1,37 +1,41 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
-import React, { forwardRef, useEffect, useCallback } from "react";
-import { StyledToastMessage, StyledToastMessageText, StyledCloseSmallIcon } from "./Styles";
-export var ToastMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var text = _ref.text,
-    type = _ref.type,
-    onClose = _ref.onClose,
-    _ref$dismissible = _ref.dismissible,
-    dismissible = _ref$dismissible === void 0 ? false : _ref$dismissible,
-    _ref$dropShadow = _ref.dropShadow,
-    dropShadow = _ref$dropShadow === void 0 ? false : _ref$dropShadow,
-    _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var handleOnClose = useCallback(function () {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToastMessage = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _Styles = require("./Styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ToastMessage = exports.ToastMessage = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    text,
+    type,
+    onClose,
+    dismissible = false,
+    dropShadow = false,
+    timeout = 0,
+    ...rest
+  } = _ref;
+  const handleOnClose = (0, _react.useCallback)(() => {
     if (typeof onClose === "function") {
       onClose();
     }
   }, [onClose]);
-  useEffect(function () {
+  (0, _react.useEffect)(() => {
     if (timeout > 0) {
-      var timer = setTimeout(handleOnClose, timeout);
-      return function () {
-        return clearTimeout(timer);
-      };
+      const timer = setTimeout(handleOnClose, timeout);
+      return () => clearTimeout(timer);
     }
   }, [dismissible, timeout, handleOnClose]);
-  return /*#__PURE__*/React.createElement(StyledToastMessage, _extends({
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledToastMessage, (0, _extends2.default)({
     ref: ref,
     $type: type,
     $dropShadow: dropShadow
-  }, rest), /*#__PURE__*/React.createElement(StyledToastMessageText, null, text), dismissible ? /*#__PURE__*/React.createElement(StyledCloseSmallIcon, {
+  }, rest), /*#__PURE__*/_react.default.createElement(_Styles.StyledToastMessageText, null, text), dismissible ? /*#__PURE__*/_react.default.createElement(_Styles.StyledCloseSmallIcon, {
     onClick: handleOnClose
   }) : null);
 });

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

@@ -1 +1 @@
-{"version":3,"file":"ToastMessage.js","names":["React","forwardRef","useEffect","useCallback","StyledToastMessage","StyledToastMessageText","StyledCloseSmallIcon","ToastMessage","ref","text","type","onClose","dismissible","dropShadow","timeout","rest","handleOnClose","timer","setTimeout","clearTimeout","displayName"],"sources":["../../../../src/components/ToastMessage/ToastMessage.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  useEffect,\n  useCallback,\n} from \"react\";\nimport {\n  StyledToastMessage,\n  StyledToastMessageText,\n  StyledCloseSmallIcon,\n} from \"./Styles\";\n\nexport interface ToastMessageProps {\n  text: string;\n  type: \"error\" | \"success\" | \"general\" | \"warning\";\n  onClose?: () => void;\n  dismissible?: boolean;\n  dropShadow?: boolean;\n  timeout?: number;\n}\n\nexport const ToastMessage = forwardRef(\n  (\n    {\n      text,\n      type,\n      onClose,\n      dismissible = false,\n      dropShadow = false,\n      timeout = 0,\n      ...rest\n    }: ToastMessageProps & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const handleOnClose = useCallback(() => {\n      if (typeof onClose === \"function\") {\n        onClose();\n      }\n    }, [onClose]);\n\n    useEffect(() => {\n      if (timeout > 0) {\n        const timer = setTimeout(handleOnClose, timeout);\n\n        return () => clearTimeout(timer);\n      }\n    }, [dismissible, timeout, handleOnClose]);\n\n    return (\n      <StyledToastMessage\n        ref={ref}\n        $type={type}\n        $dropShadow={dropShadow}\n        {...rest}\n      >\n        <StyledToastMessageText>{text}</StyledToastMessageText>\n        {dismissible ? <StyledCloseSmallIcon onClick={handleOnClose} /> : null}\n      </StyledToastMessage>\n    );\n  }\n);\n\nToastMessage.displayName = \"ToastMessage\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,EAGVC,SAAS,EACTC,WAAW,QACN,OAAO;AACd,SACEC,kBAAkB,EAClBC,sBAAsB,EACtBC,oBAAoB,QACf,UAAU;AAWjB,OAAO,IAAMC,YAAY,gBAAGN,UAAU,CACpC,gBAUEO,GAA2C,EACxC;EAAA,IATDC,IAAI,QAAJA,IAAI;IACJC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;IAAA,wBACPC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAAA,uBACnBC,UAAU;IAAVA,UAAU,gCAAG,KAAK;IAAA,oBAClBC,OAAO;IAAPA,OAAO,6BAAG,CAAC;IACRC,IAAI;EAIT,IAAMC,aAAa,GAAGb,WAAW,CAAC,YAAM;IACtC,IAAI,OAAOQ,OAAO,KAAK,UAAU,EAAE;MACjCA,OAAO,EAAE;IACX;EACF,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEbT,SAAS,CAAC,YAAM;IACd,IAAIY,OAAO,GAAG,CAAC,EAAE;MACf,IAAMG,KAAK,GAAGC,UAAU,CAACF,aAAa,EAAEF,OAAO,CAAC;MAEhD,OAAO;QAAA,OAAMK,YAAY,CAACF,KAAK,CAAC;MAAA;IAClC;EACF,CAAC,EAAE,CAACL,WAAW,EAAEE,OAAO,EAAEE,aAAa,CAAC,CAAC;EAEzC,oBACE,oBAAC,kBAAkB;IACjB,GAAG,EAAER,GAAI;IACT,KAAK,EAAEE,IAAK;IACZ,WAAW,EAAEG;EAAW,GACpBE,IAAI,gBAER,oBAAC,sBAAsB,QAAEN,IAAI,CAA0B,EACtDG,WAAW,gBAAG,oBAAC,oBAAoB;IAAC,OAAO,EAAEI;EAAc,EAAG,GAAG,IAAI,CACnD;AAEzB,CAAC,CACF;AAEDT,YAAY,CAACa,WAAW,GAAG,cAAc"}
+{"version":3,"file":"ToastMessage.js","names":["_react","_interopRequireWildcard","require","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ToastMessage","exports","forwardRef","_ref","ref","text","type","onClose","dismissible","dropShadow","timeout","rest","handleOnClose","useCallback","useEffect","timer","setTimeout","clearTimeout","createElement","StyledToastMessage","_extends2","$type","$dropShadow","StyledToastMessageText","StyledCloseSmallIcon","onClick","displayName"],"sources":["../../../../src/components/ToastMessage/ToastMessage.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  useEffect,\n  useCallback,\n} from \"react\";\nimport {\n  StyledToastMessage,\n  StyledToastMessageText,\n  StyledCloseSmallIcon,\n} from \"./Styles\";\n\nexport interface ToastMessageProps {\n  text: string;\n  type: \"error\" | \"success\" | \"general\" | \"warning\";\n  onClose?: () => void;\n  dismissible?: boolean;\n  dropShadow?: boolean;\n  timeout?: number;\n}\n\nexport const ToastMessage = forwardRef(\n  (\n    {\n      text,\n      type,\n      onClose,\n      dismissible = false,\n      dropShadow = false,\n      timeout = 0,\n      ...rest\n    }: ToastMessageProps & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const handleOnClose = useCallback(() => {\n      if (typeof onClose === \"function\") {\n        onClose();\n      }\n    }, [onClose]);\n\n    useEffect(() => {\n      if (timeout > 0) {\n        const timer = setTimeout(handleOnClose, timeout);\n\n        return () => clearTimeout(timer);\n      }\n    }, [dismissible, timeout, handleOnClose]);\n\n    return (\n      <StyledToastMessage\n        ref={ref}\n        $type={type}\n        $dropShadow={dropShadow}\n        {...rest}\n      >\n        <StyledToastMessageText>{text}</StyledToastMessageText>\n        {dismissible ? <StyledCloseSmallIcon onClick={handleOnClose} /> : null}\n      </StyledToastMessage>\n    );\n  }\n);\n\nToastMessage.displayName = \"ToastMessage\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,OAAA,GAAAD,OAAA;AAIkB,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAWX,MAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,iBAAU,EACpC,CAAAC,IAAA,EAUEC,GAA2C,KACxC;EAAA,IAVH;IACEC,IAAI;IACJC,IAAI;IACJC,OAAO;IACPC,WAAW,GAAG,KAAK;IACnBC,UAAU,GAAG,KAAK;IAClBC,OAAO,GAAG,CAAC;IACX,GAAGC;EAC+C,CAAC,GAAAR,IAAA;EAGrD,MAAMS,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACtC,IAAI,OAAON,OAAO,KAAK,UAAU,EAAE;MACjCA,OAAO,CAAC,CAAC;IACX;EACF,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAAO,gBAAS,EAAC,MAAM;IACd,IAAIJ,OAAO,GAAG,CAAC,EAAE;MACf,MAAMK,KAAK,GAAGC,UAAU,CAACJ,aAAa,EAAEF,OAAO,CAAC;MAEhD,OAAO,MAAMO,YAAY,CAACF,KAAK,CAAC;IAClC;EACF,CAAC,EAAE,CAACP,WAAW,EAAEE,OAAO,EAAEE,aAAa,CAAC,CAAC;EAEzC,oBACErC,MAAA,CAAAU,OAAA,CAAAiC,aAAA,CAACxC,OAAA,CAAAyC,kBAAkB,MAAAC,SAAA,CAAAnC,OAAA;IACjBmB,GAAG,EAAEA,GAAI;IACTiB,KAAK,EAAEf,IAAK;IACZgB,WAAW,EAAEb;EAAW,GACpBE,IAAI,gBAERpC,MAAA,CAAAU,OAAA,CAAAiC,aAAA,CAACxC,OAAA,CAAA6C,sBAAsB,QAAElB,IAA6B,CAAC,EACtDG,WAAW,gBAAGjC,MAAA,CAAAU,OAAA,CAAAiC,aAAA,CAACxC,OAAA,CAAA8C,oBAAoB;IAACC,OAAO,EAAEb;EAAc,CAAE,CAAC,GAAG,IAChD,CAAC;AAEzB,CACF,CAAC;AAEDZ,YAAY,CAAC0B,WAAW,GAAG,cAAc"}

package/dist/esm/components/ToastMessage/index.js

@@ -1,2 +1,17 @@
-export * from "./ToastMessage";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ToastMessage = require("./ToastMessage");
+Object.keys(_ToastMessage).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ToastMessage[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ToastMessage[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ToastMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ToastMessage/index.ts"],"sourcesContent":["export * from \"./ToastMessage\";\n"],"mappings":"AAAA,cAAc,gBAAgB"}
+{"version":3,"file":"index.js","names":["_ToastMessage","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/ToastMessage/index.ts"],"sourcesContent":["export * from \"./ToastMessage\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

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

@@ -1,32 +1,38 @@
-import styled, { css } from "styled-components";
-import { FontStyle } from "../FontStyle";
-import { BoxSizingStyle } from "../BoxSizingStyle";
-export var StyledToggleSlider = styled.div.withConfig({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledToggleSliderOn = exports.StyledToggleSliderOff = exports.StyledToggleSlider = exports.StyledToggleCheckbox = exports.StyledToggle = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _FontStyle = require("../FontStyle");
+var _BoxSizingStyle = require("../BoxSizingStyle");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledToggleSlider = exports.StyledToggleSlider = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledToggleSlider",
   componentId: "sc-4n6vdf-0"
 })(["padding-left:6px;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-evenly;background-color:transparent;border:1px solid var(--color-theme-600);overflow:hidden;border-radius:12.5px;font-size:11px;transition:0.3s;&::before{position:absolute;content:\"\";user-select:none;height:16px;width:16px;left:4px;bottom:3px;background-color:var(--color-theme-600);border-radius:50%;transition:0.3s;}"]);
 StyledToggleSlider.displayName = "StyledToggleSlider";
-export var StyledToggleSliderOff = styled.div.withConfig({
+const StyledToggleSliderOff = exports.StyledToggleSliderOff = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledToggleSliderOff",
   componentId: "sc-4n6vdf-1"
 })(["user-select:none;transform:translateX(-3px);opacity:1;transition-duration:0.3s;white-space:nowrap;color:var(--color-theme-600);"]);
 StyledToggleSliderOff.displayName = "StyledToggleSliderOff";
-export var StyledToggleSliderOn = styled.div.withConfig({
+const StyledToggleSliderOn = exports.StyledToggleSliderOn = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledToggleSliderOn",
   componentId: "sc-4n6vdf-2"
 })(["user-select:none;transform:translateX(-30px);opacity:0;transition-duration:0.3s;white-space:nowrap;color:var(--page-paper-main);"]);
 StyledToggleSliderOn.displayName = "StyledToggleSliderOn";
-export var StyledToggleCheckbox = styled.input.withConfig({
+const StyledToggleCheckbox = exports.StyledToggleCheckbox = _styledComponents.default.input.withConfig({
   displayName: "Styles__StyledToggleCheckbox",
   componentId: "sc-4n6vdf-3"
 })(["opacity:0;width:0;height:0;&:checked + ", ":before{background-color:var(--page-paper-main);transform:translateX(25px);}&:checked + ", "{border-color:var(--color-sucess-green);background-color:var(--color-sucess-green);color:var(--color-sucess-green);", "{transform:translateX(30px);opacity:0;}", "{transform:translateX(0);opacity:1;}}&:disabled + ", "{opacity:0.5;cursor:default;}"], StyledToggleSlider, StyledToggleSlider, StyledToggleSliderOff, StyledToggleSliderOn, StyledToggleSlider);
 StyledToggleCheckbox.displayName = "StyledToggleCheckbox";
-var StyledHelper = css(["", "{transform:translateX(0);}", " + ", ":before{transform:translateX(3px);}", ":checked + ", "{&::before{transform:translateX(23px);}", "{transform:translateX(-2px);}}"], StyledToggleSliderOff, StyledToggleCheckbox, StyledToggleSlider, StyledToggleCheckbox, StyledToggleSlider, StyledToggleSliderOn);
-export var StyledToggle = styled.label.withConfig({
+const StyledHelper = (0, _styledComponents.css)(["", "{transform:translateX(0);}", " + ", ":before{transform:translateX(3px);}", ":checked + ", "{&::before{transform:translateX(23px);}", "{transform:translateX(-2px);}}"], StyledToggleSliderOff, StyledToggleCheckbox, StyledToggleSlider, StyledToggleCheckbox, StyledToggleSlider, StyledToggleSliderOn);
+const StyledToggle = exports.StyledToggle = _styledComponents.default.label.withConfig({
   displayName: "Styles__StyledToggle",
   componentId: "sc-4n6vdf-4"
-})(["", " ", " position:relative;display:inline-block;width:50px;height:24px;font-size:13px;font-weight:bold;line-height:13px;border-radius:12.5px;&:hover{", "}&:focus{outline:1px solid var(--color-sucess-green);outline-offset:4px;}", ""], FontStyle, BoxSizingStyle, StyledHelper, function (props) {
-  return props.$isHovered && css(["", ""], StyledHelper);
-});
+})(["", " ", " position:relative;display:inline-block;width:50px;height:24px;font-size:13px;font-weight:bold;line-height:13px;border-radius:12.5px;&:hover{", "}&:focus{outline:1px solid var(--color-sucess-green);outline-offset:4px;}", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, StyledHelper, props => props.$isHovered && (0, _styledComponents.css)(["", ""], StyledHelper));
 StyledToggle.displayName = "StyledToggle";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","FontStyle","BoxSizingStyle","StyledToggleSlider","div","displayName","StyledToggleSliderOff","StyledToggleSliderOn","StyledToggleCheckbox","input","StyledHelper","StyledToggle","label","props","$isHovered"],"sources":["../../../../src/components/Toggle/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledToggleSlider = styled.div`\n  padding-left: 6px;\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  background-color: transparent;\n  border: 1px solid var(--color-theme-600);\n  overflow: hidden;\n  border-radius: 12.5px;\n  font-size: 11px;\n  transition: 0.3s;\n\n  &::before {\n    position: absolute;\n    content: \"\";\n    user-select: none;\n    height: 16px;\n    width: 16px;\n    left: 4px;\n    bottom: 3px;\n    background-color: var(--color-theme-600);\n    border-radius: 50%;\n    transition: 0.3s;\n  }\n`;\n\nStyledToggleSlider.displayName = \"StyledToggleSlider\";\n\nexport const StyledToggleSliderOff = styled.div`\n  user-select: none;\n  transform: translateX(-3px);\n  opacity: 1;\n  transition-duration: 0.3s;\n  white-space: nowrap;\n  color: var(--color-theme-600);\n`;\n\nStyledToggleSliderOff.displayName = \"StyledToggleSliderOff\";\n\nexport const StyledToggleSliderOn = styled.div`\n  user-select: none;\n  transform: translateX(-30px);\n  opacity: 0;\n  transition-duration: 0.3s;\n  white-space: nowrap;\n  color: var(--page-paper-main);\n`;\n\nStyledToggleSliderOn.displayName = \"StyledToggleSliderOn\";\n\nexport const StyledToggleCheckbox = styled.input`\n  opacity: 0;\n  width: 0;\n  height: 0;\n\n  &:checked + ${StyledToggleSlider}:before {\n    background-color: var(--page-paper-main);\n    transform: translateX(25px);\n  }\n\n  &:checked + ${StyledToggleSlider} {\n    border-color: var(--color-sucess-green);\n    background-color: var(--color-sucess-green);\n    color: var(--color-sucess-green);\n\n    ${StyledToggleSliderOff} {\n      transform: translateX(30px);\n      opacity: 0;\n    }\n\n    ${StyledToggleSliderOn} {\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  &:disabled + ${StyledToggleSlider} {\n    opacity: 0.5;\n    cursor: default;\n  }\n`;\n\nStyledToggleCheckbox.displayName = \"StyledToggleCheckbox\";\n\nconst StyledHelper = css`\n  ${StyledToggleSliderOff} {\n    transform: translateX(0);\n  }\n\n  ${StyledToggleCheckbox} + ${StyledToggleSlider}:before {\n    transform: translateX(3px);\n  }\n\n  ${StyledToggleCheckbox}:checked + ${StyledToggleSlider} {\n    &::before {\n      transform: translateX(23px);\n    }\n\n    ${StyledToggleSliderOn} {\n      transform: translateX(-2px);\n    }\n  }\n`;\n\nexport const StyledToggle = styled.label<{ $isHovered?: boolean }>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  position: relative;\n  display: inline-block;\n  width: 50px;\n  height: 24px;\n  font-size: 13px;\n  font-weight: bold;\n  line-height: 13px;\n  border-radius: 12.5px;\n\n  &:hover {\n    ${StyledHelper}\n  }\n\n  &:focus {\n    outline: 1px solid var(--color-sucess-green);\n    outline-offset: 4px;\n  }\n\n  ${(props) =>\n    props.$isHovered &&\n    css`\n      ${StyledHelper}\n    `}\n`;\n\nStyledToggle.displayName = \"StyledToggle\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAElD,OAAO,IAAMC,kBAAkB,GAAGJ,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,8cA8B3C;AAEDD,kBAAkB,CAACE,WAAW,GAAG,oBAAoB;AAErD,OAAO,IAAMC,qBAAqB,GAAGP,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,uIAO9C;AAEDE,qBAAqB,CAACD,WAAW,GAAG,uBAAuB;AAE3D,OAAO,IAAME,oBAAoB,GAAGR,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,wIAO7C;AAEDG,oBAAoB,CAACF,WAAW,GAAG,sBAAsB;AAEzD,OAAO,IAAMG,oBAAoB,GAAGT,MAAM,CAACU,KAAK;EAAA;EAAA;AAAA,qYAKhCN,kBAAkB,EAKlBA,kBAAkB,EAK5BG,qBAAqB,EAKrBC,oBAAoB,EAMTJ,kBAAkB,CAIlC;AAEDK,oBAAoB,CAACH,WAAW,GAAG,sBAAsB;AAEzD,IAAMK,YAAY,GAAGV,GAAG,+KACpBM,qBAAqB,EAIrBE,oBAAoB,EAAML,kBAAkB,EAI5CK,oBAAoB,EAAcL,kBAAkB,EAKlDI,oBAAoB,CAIzB;AAED,OAAO,IAAMI,YAAY,GAAGZ,MAAM,CAACa,KAAK;EAAA;EAAA;AAAA,gPACpCX,SAAS,EACTC,cAAc,EAYZQ,YAAY,EAQd,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,UAAU,IAChBd,GAAG,WACCU,YAAY,CACf;AAAA,EACJ;AAEDC,YAAY,CAACN,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_FontStyle","_BoxSizingStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledToggleSlider","exports","styled","div","withConfig","displayName","componentId","StyledToggleSliderOff","StyledToggleSliderOn","StyledToggleCheckbox","input","StyledHelper","css","StyledToggle","label","FontStyle","BoxSizingStyle","props","$isHovered"],"sources":["../../../../src/components/Toggle/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledToggleSlider = styled.div`\n  padding-left: 6px;\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  background-color: transparent;\n  border: 1px solid var(--color-theme-600);\n  overflow: hidden;\n  border-radius: 12.5px;\n  font-size: 11px;\n  transition: 0.3s;\n\n  &::before {\n    position: absolute;\n    content: \"\";\n    user-select: none;\n    height: 16px;\n    width: 16px;\n    left: 4px;\n    bottom: 3px;\n    background-color: var(--color-theme-600);\n    border-radius: 50%;\n    transition: 0.3s;\n  }\n`;\n\nStyledToggleSlider.displayName = \"StyledToggleSlider\";\n\nexport const StyledToggleSliderOff = styled.div`\n  user-select: none;\n  transform: translateX(-3px);\n  opacity: 1;\n  transition-duration: 0.3s;\n  white-space: nowrap;\n  color: var(--color-theme-600);\n`;\n\nStyledToggleSliderOff.displayName = \"StyledToggleSliderOff\";\n\nexport const StyledToggleSliderOn = styled.div`\n  user-select: none;\n  transform: translateX(-30px);\n  opacity: 0;\n  transition-duration: 0.3s;\n  white-space: nowrap;\n  color: var(--page-paper-main);\n`;\n\nStyledToggleSliderOn.displayName = \"StyledToggleSliderOn\";\n\nexport const StyledToggleCheckbox = styled.input`\n  opacity: 0;\n  width: 0;\n  height: 0;\n\n  &:checked + ${StyledToggleSlider}:before {\n    background-color: var(--page-paper-main);\n    transform: translateX(25px);\n  }\n\n  &:checked + ${StyledToggleSlider} {\n    border-color: var(--color-sucess-green);\n    background-color: var(--color-sucess-green);\n    color: var(--color-sucess-green);\n\n    ${StyledToggleSliderOff} {\n      transform: translateX(30px);\n      opacity: 0;\n    }\n\n    ${StyledToggleSliderOn} {\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  &:disabled + ${StyledToggleSlider} {\n    opacity: 0.5;\n    cursor: default;\n  }\n`;\n\nStyledToggleCheckbox.displayName = \"StyledToggleCheckbox\";\n\nconst StyledHelper = css`\n  ${StyledToggleSliderOff} {\n    transform: translateX(0);\n  }\n\n  ${StyledToggleCheckbox} + ${StyledToggleSlider}:before {\n    transform: translateX(3px);\n  }\n\n  ${StyledToggleCheckbox}:checked + ${StyledToggleSlider} {\n    &::before {\n      transform: translateX(23px);\n    }\n\n    ${StyledToggleSliderOn} {\n      transform: translateX(-2px);\n    }\n  }\n`;\n\nexport const StyledToggle = styled.label<{ $isHovered?: boolean }>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  position: relative;\n  display: inline-block;\n  width: 50px;\n  height: 24px;\n  font-size: 13px;\n  font-weight: bold;\n  line-height: 13px;\n  border-radius: 12.5px;\n\n  &:hover {\n    ${StyledHelper}\n  }\n\n  &:focus {\n    outline: 1px solid var(--color-sucess-green);\n    outline-offset: 4px;\n  }\n\n  ${(props) =>\n    props.$isHovered &&\n    css`\n      ${StyledHelper}\n    `}\n`;\n\nStyledToggle.displayName = \"StyledToggle\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAAmD,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE5C,MAAMY,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8cA8B3C;AAEDN,kBAAkB,CAACK,WAAW,GAAG,oBAAoB;AAE9C,MAAME,qBAAqB,GAAAN,OAAA,CAAAM,qBAAA,GAAGL,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uIAO9C;AAEDC,qBAAqB,CAACF,WAAW,GAAG,uBAAuB;AAEpD,MAAMG,oBAAoB,GAAAP,OAAA,CAAAO,oBAAA,GAAGN,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wIAO7C;AAEDE,oBAAoB,CAACH,WAAW,GAAG,sBAAsB;AAElD,MAAMI,oBAAoB,GAAAR,OAAA,CAAAQ,oBAAA,GAAGP,yBAAM,CAACQ,KAAK,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qYAKhCN,kBAAkB,EAKlBA,kBAAkB,EAK5BO,qBAAqB,EAKrBC,oBAAoB,EAMTR,kBAAkB,CAIlC;AAEDS,oBAAoB,CAACJ,WAAW,GAAG,sBAAsB;AAEzD,MAAMM,YAAY,OAAGC,qBAAG,gLACpBL,qBAAqB,EAIrBE,oBAAoB,EAAMT,kBAAkB,EAI5CS,oBAAoB,EAAcT,kBAAkB,EAKlDQ,oBAAoB,CAIzB;AAEM,MAAMK,YAAY,GAAAZ,OAAA,CAAAY,YAAA,GAAGX,yBAAM,CAACY,KAAK,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gPACpCS,oBAAS,EACTC,8BAAc,EAYZL,YAAY,EAQbM,KAAK,IACNA,KAAK,CAACC,UAAU,QAChBN,qBAAG,YACCD,YAAY,CACf,CACJ;AAEDE,YAAY,CAACR,WAAW,GAAG,cAAc"}

package/dist/esm/components/Toggle/Toggle.js

@@ -1,21 +1,30 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["hovered", "className"];
-import React, { forwardRef } from "react";
-import classNames from "classnames";
-import { StyledToggle, StyledToggleCheckbox, StyledToggleSlider, StyledToggleSliderOff, StyledToggleSliderOn } from "./Styles";
-export var Toggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var hovered = _ref.hovered,
-    className = _ref.className,
-    args = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledToggle, {
-    className: classNames("c-toggle", className),
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toggle = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Toggle = exports.Toggle = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    hovered,
+    className,
+    ...args
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledToggle, {
+    className: (0, _classnames.default)("c-toggle", className),
     $isHovered: hovered,
     tabIndex: 0
-  }, /*#__PURE__*/React.createElement(StyledToggleCheckbox, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledToggleCheckbox, (0, _extends2.default)({
     ref: ref,
     type: "checkbox"
-  }, args)), /*#__PURE__*/React.createElement(StyledToggleSlider, null, /*#__PURE__*/React.createElement(StyledToggleSliderOn, null, "ON"), /*#__PURE__*/React.createElement(StyledToggleSliderOff, null, "OFF")));
+  }, args)), /*#__PURE__*/_react.default.createElement(_Styles.StyledToggleSlider, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledToggleSliderOn, null, "ON"), /*#__PURE__*/_react.default.createElement(_Styles.StyledToggleSliderOff, null, "OFF")));
 });
 Toggle.displayName = "Toggle";
 //# sourceMappingURL=Toggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","names":["React","forwardRef","classNames","StyledToggle","StyledToggleCheckbox","StyledToggleSlider","StyledToggleSliderOff","StyledToggleSliderOn","Toggle","ref","hovered","className","args","displayName"],"sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport {\n  StyledToggle,\n  StyledToggleCheckbox,\n  StyledToggleSlider,\n  StyledToggleSliderOff,\n  StyledToggleSliderOn,\n} from \"./Styles\";\n\nexport interface IToggleProps {\n  /** Set hovered state. */\n  hovered?: boolean;\n  /** Custom classname for styling. */\n  className?: string;\n}\n\nexport const Toggle = forwardRef<\n  HTMLInputElement,\n  IToggleProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IToggleProps>\n>(({ hovered, className, ...args }, ref) => {\n  return (\n    <StyledToggle\n      className={classNames(\"c-toggle\", className)}\n      $isHovered={hovered}\n      tabIndex={0}\n    >\n      <StyledToggleCheckbox ref={ref} type=\"checkbox\" {...args} />\n      <StyledToggleSlider>\n        <StyledToggleSliderOn>ON</StyledToggleSliderOn>\n        <StyledToggleSliderOff>OFF</StyledToggleSliderOff>\n      </StyledToggleSlider>\n    </StyledToggle>\n  );\n});\n\nToggle.displayName = \"Toggle\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,YAAY,EACZC,oBAAoB,EACpBC,kBAAkB,EAClBC,qBAAqB,EACrBC,oBAAoB,QACf,UAAU;AASjB,OAAO,IAAMC,MAAM,gBAAGP,UAAU,CAG9B,gBAAkCQ,GAAG,EAAK;EAAA,IAAvCC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EAC9B,oBACE,oBAAC,YAAY;IACX,SAAS,EAAEV,UAAU,CAAC,UAAU,EAAES,SAAS,CAAE;IAC7C,UAAU,EAAED,OAAQ;IACpB,QAAQ,EAAE;EAAE,gBAEZ,oBAAC,oBAAoB;IAAC,GAAG,EAAED,GAAI;IAAC,IAAI,EAAC;EAAU,GAAKG,IAAI,EAAI,eAC5D,oBAAC,kBAAkB,qBACjB,oBAAC,oBAAoB,QAAC,IAAE,CAAuB,eAC/C,oBAAC,qBAAqB,QAAC,KAAG,CAAwB,CAC/B,CACR;AAEnB,CAAC,CAAC;AAEFJ,MAAM,CAACK,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Toggle.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Toggle","exports","forwardRef","_ref","ref","hovered","className","args","createElement","StyledToggle","classNames","$isHovered","tabIndex","StyledToggleCheckbox","_extends2","type","StyledToggleSlider","StyledToggleSliderOn","StyledToggleSliderOff","displayName"],"sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport {\n  StyledToggle,\n  StyledToggleCheckbox,\n  StyledToggleSlider,\n  StyledToggleSliderOff,\n  StyledToggleSliderOn,\n} from \"./Styles\";\n\nexport interface IToggleProps {\n  /** Set hovered state. */\n  hovered?: boolean;\n  /** Custom classname for styling. */\n  className?: string;\n}\n\nexport const Toggle = forwardRef<\n  HTMLInputElement,\n  IToggleProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IToggleProps>\n>(({ hovered, className, ...args }, ref) => {\n  return (\n    <StyledToggle\n      className={classNames(\"c-toggle\", className)}\n      $isHovered={hovered}\n      tabIndex={0}\n    >\n      <StyledToggleCheckbox ref={ref} type=\"checkbox\" {...args} />\n      <StyledToggleSlider>\n        <StyledToggleSliderOn>ON</StyledToggleSliderOn>\n        <StyledToggleSliderOff>OFF</StyledToggleSliderOff>\n      </StyledToggleSlider>\n    </StyledToggle>\n  );\n});\n\nToggle.displayName = \"Toggle\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAMkB,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AASX,MAAMY,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAG9B,CAAAC,IAAA,EAAkCC,GAAG,KAAK;EAAA,IAAzC;IAAEC,OAAO;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAJ,IAAA;EAChC,oBACE9B,MAAA,CAAAY,OAAA,CAAAuB,aAAA,CAAC9B,OAAA,CAAA+B,YAAY;IACXH,SAAS,EAAE,IAAAI,mBAAU,EAAC,UAAU,EAAEJ,SAAS,CAAE;IAC7CK,UAAU,EAAEN,OAAQ;IACpBO,QAAQ,EAAE;EAAE,gBAEZvC,MAAA,CAAAY,OAAA,CAAAuB,aAAA,CAAC9B,OAAA,CAAAmC,oBAAoB,MAAAC,SAAA,CAAA7B,OAAA;IAACmB,GAAG,EAAEA,GAAI;IAACW,IAAI,EAAC;EAAU,GAAKR,IAAI,CAAG,CAAC,eAC5DlC,MAAA,CAAAY,OAAA,CAAAuB,aAAA,CAAC9B,OAAA,CAAAsC,kBAAkB,qBACjB3C,MAAA,CAAAY,OAAA,CAAAuB,aAAA,CAAC9B,OAAA,CAAAuC,oBAAoB,QAAC,IAAwB,CAAC,eAC/C5C,MAAA,CAAAY,OAAA,CAAAuB,aAAA,CAAC9B,OAAA,CAAAwC,qBAAqB,QAAC,KAA0B,CAC/B,CACR,CAAC;AAEnB,CAAC,CAAC;AAEFlB,MAAM,CAACmB,WAAW,GAAG,QAAQ"}

package/dist/esm/components/Toggle/index.js

@@ -1,2 +1,17 @@
-export * from "./Toggle";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Toggle = require("./Toggle");
+Object.keys(_Toggle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Toggle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Toggle[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Toggle/index.ts"],"sourcesContent":["export * from \"./Toggle\";\n"],"mappings":"AAAA,cAAc,UAAU"}
+{"version":3,"file":"index.js","names":["_Toggle","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Toggle/index.ts"],"sourcesContent":["export * from \"./Toggle\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/Toolbar/Toolbar.js

@@ -1,17 +1,24 @@
-import React from "react";
-import { Portal } from "../../helpers";
-import { StyledToolbar } from "./Toolbar.styles";
-import classNames from "classnames";
-export function Toolbar(_ref) {
-  var _ref$open = _ref.open,
-    open = _ref$open === void 0 ? false : _ref$open,
-    _ref$renderInPortal = _ref.renderInPortal,
-    renderInPortal = _ref$renderInPortal === void 0 ? true : _ref$renderInPortal,
-    children = _ref.children,
-    className = _ref.className;
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toolbar = Toolbar;
+var _react = _interopRequireDefault(require("react"));
+var _helpers = require("../../helpers");
+var _Toolbar = require("./Toolbar.styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+function Toolbar(_ref) {
+  let {
+    open = false,
+    renderInPortal = true,
+    children,
+    className
+  } = _ref;
   // Abstract content with default values.
-  var TOOLBAR_CONTENT = /*#__PURE__*/React.createElement(StyledToolbar, {
-    className: classNames("c-toolbar", className),
+  const TOOLBAR_CONTENT = /*#__PURE__*/_react.default.createElement(_Toolbar.StyledToolbar, {
+    className: (0, _classnames.default)("c-toolbar", className),
     role: "toolbar",
     tabIndex: -1,
     "aria-orientation": "horizontal",
@@ -20,7 +27,7 @@ export function Toolbar(_ref) {
 
   // If `renderInPortal` prop is present, render toolbar content in Portal.
   // default: true
-  if (renderInPortal) open ? /*#__PURE__*/React.createElement(Portal, null, TOOLBAR_CONTENT) : null;
+  if (renderInPortal) open ? /*#__PURE__*/_react.default.createElement(_helpers.Portal, null, TOOLBAR_CONTENT) : null;
   return open ? TOOLBAR_CONTENT : null;
 }
 Toolbar.displayName = "Toolbar";

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","names":["React","Portal","StyledToolbar","classNames","Toolbar","open","renderInPortal","children","className","TOOLBAR_CONTENT","displayName"],"sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithoutRef } from \"react\";\nimport { Portal } from \"../../helpers\";\nimport { StyledToolbar } from \"./Toolbar.styles\";\nimport classNames from \"classnames\";\n\nexport interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  renderInPortal?: boolean;\n}\n\nexport function Toolbar({\n  open = false,\n  renderInPortal = true,\n  children,\n  className,\n}: PropsWithoutRef<ToolbarProps>) {\n  // Abstract content with default values.\n  const TOOLBAR_CONTENT = (\n    <StyledToolbar\n      className={classNames(\"c-toolbar\", className)}\n      role=\"toolbar\"\n      tabIndex={-1}\n      aria-orientation=\"horizontal\"\n      aria-modal=\"true\"\n    >\n      {children}\n    </StyledToolbar>\n  );\n\n  // If `renderInPortal` prop is present, render toolbar content in Portal.\n  // default: true\n  if (renderInPortal) open ? <Portal>{TOOLBAR_CONTENT}</Portal> : null;\n\n  return open ? TOOLBAR_CONTENT : null;\n}\n\nToolbar.displayName = \"Toolbar\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAA2C,OAAO;AAC9D,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,OAAOC,UAAU,MAAM,YAAY;AAOnC,OAAO,SAASC,OAAO,OAKW;EAAA,qBAJhCC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IAAA,2BACZC,cAAc;IAAdA,cAAc,oCAAG,IAAI;IACrBC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;EAET;EACA,IAAMC,eAAe,gBACnB,oBAAC,aAAa;IACZ,SAAS,EAAEN,UAAU,CAAC,WAAW,EAAEK,SAAS,CAAE;IAC9C,IAAI,EAAC,SAAS;IACd,QAAQ,EAAE,CAAC,CAAE;IACb,oBAAiB,YAAY;IAC7B,cAAW;EAAM,GAEhBD,QAAQ,CAEZ;;EAED;EACA;EACA,IAAID,cAAc,EAAED,IAAI,gBAAG,oBAAC,MAAM,QAAEI,eAAe,CAAU,GAAG,IAAI;EAEpE,OAAOJ,IAAI,GAAGI,eAAe,GAAG,IAAI;AACtC;AAEAL,OAAO,CAACM,WAAW,GAAG,SAAS"}
+{"version":3,"file":"Toolbar.js","names":["_react","_interopRequireDefault","require","_helpers","_Toolbar","_classnames","Toolbar","_ref","open","renderInPortal","children","className","TOOLBAR_CONTENT","default","createElement","StyledToolbar","classNames","role","tabIndex","Portal","displayName"],"sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithoutRef } from \"react\";\nimport { Portal } from \"../../helpers\";\nimport { StyledToolbar } from \"./Toolbar.styles\";\nimport classNames from \"classnames\";\n\nexport interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  renderInPortal?: boolean;\n}\n\nexport function Toolbar({\n  open = false,\n  renderInPortal = true,\n  children,\n  className,\n}: PropsWithoutRef<ToolbarProps>) {\n  // Abstract content with default values.\n  const TOOLBAR_CONTENT = (\n    <StyledToolbar\n      className={classNames(\"c-toolbar\", className)}\n      role=\"toolbar\"\n      tabIndex={-1}\n      aria-orientation=\"horizontal\"\n      aria-modal=\"true\"\n    >\n      {children}\n    </StyledToolbar>\n  );\n\n  // If `renderInPortal` prop is present, render toolbar content in Portal.\n  // default: true\n  if (renderInPortal) open ? <Portal>{TOOLBAR_CONTENT}</Portal> : null;\n\n  return open ? TOOLBAR_CONTENT : null;\n}\n\nToolbar.displayName = \"Toolbar\";\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAOO,SAASI,OAAOA,CAAAC,IAAA,EAKW;EAAA,IALV;IACtBC,IAAI,GAAG,KAAK;IACZC,cAAc,GAAG,IAAI;IACrBC,QAAQ;IACRC;EAC6B,CAAC,GAAAJ,IAAA;EAC9B;EACA,MAAMK,eAAe,gBACnBZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,QAAA,CAAAW,aAAa;IACZJ,SAAS,EAAE,IAAAK,mBAAU,EAAC,WAAW,EAAEL,SAAS,CAAE;IAC9CM,IAAI,EAAC,SAAS;IACdC,QAAQ,EAAE,CAAC,CAAE;IACb,oBAAiB,YAAY;IAC7B,cAAW;EAAM,GAEhBR,QACY,CAChB;;EAED;EACA;EACA,IAAID,cAAc,EAAED,IAAI,gBAAGR,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,QAAA,CAAAgB,MAAM,QAAEP,eAAwB,CAAC,GAAG,IAAI;EAEpE,OAAOJ,IAAI,GAAGI,eAAe,GAAG,IAAI;AACtC;AAEAN,OAAO,CAACc,WAAW,GAAG,SAAS"}

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

@@ -1,5 +1,12 @@
-import styled from "styled-components";
-export var StyledToolbar = styled.div.withConfig({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledToolbar = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+const StyledToolbar = exports.StyledToolbar = _styledComponents.default.div.withConfig({
   displayName: "Toolbarstyles__StyledToolbar",
   componentId: "sc-n5xxbc-0"
 })(["box-sizing:border-box;background-color:var(--page-paper-main);border-radius:8px;border:1px solid var(--color-theme-300);box-shadow:0px 64px 64px rgba(0,0,0,0.06),0px 32px 32px rgba(0,0,0,0.03),0px 16px 16px rgba(0,0,0,0.02),0px 4px 4px rgba(0,0,0,0.02),0px 2px 2px rgba(0,0,0,0.02);bottom:24px;display:flex;left:50%;padding:12px 16px;position:fixed;transform:translateX(-50%);width:100%;max-width:800px;"]);

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.styles.js","names":["styled","StyledToolbar","div"],"sources":["../../../../src/components/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport type { ToolbarProps } from \"./Toolbar\";\n\nexport const StyledToolbar = styled.div<Partial<ToolbarProps>>`\n  box-sizing: border-box;\n  background-color: var(--page-paper-main);\n  border-radius: 8px;\n  border: 1px solid var(--color-theme-300);\n  box-shadow: 0px 64px 64px rgba(0, 0, 0, 0.06),\n    0px 32px 32px rgba(0, 0, 0, 0.03), 0px 16px 16px rgba(0, 0, 0, 0.02),\n    0px 4px 4px rgba(0, 0, 0, 0.02), 0px 2px 2px rgba(0, 0, 0, 0.02);\n  bottom: 24px;\n  display: flex;\n  left: 50%;\n  padding: 12px 16px;\n  position: fixed;\n  transform: translateX(-50%);\n  width: 100%;\n  max-width: 800px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAACE,GAAG;EAAA;EAAA;AAAA,2ZAgBtC"}
+{"version":3,"file":"Toolbar.styles.js","names":["_styledComponents","_interopRequireDefault","require","StyledToolbar","exports","styled","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport type { ToolbarProps } from \"./Toolbar\";\n\nexport const StyledToolbar = styled.div<Partial<ToolbarProps>>`\n  box-sizing: border-box;\n  background-color: var(--page-paper-main);\n  border-radius: 8px;\n  border: 1px solid var(--color-theme-300);\n  box-shadow: 0px 64px 64px rgba(0, 0, 0, 0.06),\n    0px 32px 32px rgba(0, 0, 0, 0.03), 0px 16px 16px rgba(0, 0, 0, 0.02),\n    0px 4px 4px rgba(0, 0, 0, 0.02), 0px 2px 2px rgba(0, 0, 0, 0.02);\n  bottom: 24px;\n  display: flex;\n  left: 50%;\n  padding: 12px 16px;\n  position: fixed;\n  transform: translateX(-50%);\n  width: 100%;\n  max-width: 800px;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGO,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2ZAgBtC"}

package/dist/esm/components/Toolbar/index.js

@@ -1,2 +1,17 @@
-export * from "./Toolbar";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Toolbar = require("./Toolbar");
+Object.keys(_Toolbar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Toolbar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Toolbar[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Toolbar/index.ts"],"sourcesContent":["export * from \"./Toolbar\";\n"],"mappings":"AAAA,cAAc,WAAW"}
+{"version":3,"file":"index.js","names":["_Toolbar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Toolbar/index.ts"],"sourcesContent":["export * from \"./Toolbar\";\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

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

@@ -1,10 +1,16 @@
-import styled, { css } from "styled-components";
-import { BoxSizingStyle } from "../BoxSizingStyle";
-import { FontStyle } from "../FontStyle";
-export var StyledTooltip = styled.div.withConfig({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTooltip = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _BoxSizingStyle = require("../BoxSizingStyle");
+var _FontStyle = require("../FontStyle");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledTooltip = exports.StyledTooltip = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledTooltip",
   componentId: "sc-rur9b5-0"
-})(["", " ", " max-width:200px;border-radius:8px;padding:4px 10px;text-align:center;background-color:rgba(0,0,0,0.9);font-size:12px;font-weight:500;line-height:normal;color:#fff;margin:4px;", ""], BoxSizingStyle, FontStyle, function (props) {
-  return props.$isLight && css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);color:var(--color-theme-700);"]);
-});
+})(["", " ", " max-width:200px;border-radius:8px;padding:4px 10px;text-align:center;background-color:rgba(0,0,0,0.9);font-size:12px;font-weight:500;line-height:normal;color:#fff;margin:4px;", ""], _BoxSizingStyle.BoxSizingStyle, _FontStyle.FontStyle, props => props.$isLight && (0, _styledComponents.css)(["background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);color:var(--color-theme-700);"]));
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledTooltip","div","props","$isLight"],"sources":["../../../../src/components/Tooltip/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledTooltip = styled.div<{ $isLight: boolean }>`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  max-width: 200px;\n  border-radius: 8px;\n  padding: 4px 10px;\n  text-align: center;\n  background-color: rgba(0, 0, 0, 0.9);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: normal;\n  color: #fff;\n  margin: 4px;\n\n  ${(props) =>\n    props.$isLight &&\n    css`\n      background-color: var(--page-paper-main);\n      box-shadow: var(--shadow-secondary);\n      color: var(--color-theme-700);\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,IAAMC,aAAa,GAAGJ,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,qMACnCH,cAAc,EACdC,SAAS,EAaT,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,IACdN,GAAG,8GAIF;AAAA,EACJ"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledTooltip","exports","styled","div","withConfig","displayName","componentId","BoxSizingStyle","FontStyle","props","$isLight","css"],"sources":["../../../../src/components/Tooltip/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledTooltip = styled.div<{ $isLight: boolean }>`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  max-width: 200px;\n  border-radius: 8px;\n  padding: 4px 10px;\n  text-align: center;\n  background-color: rgba(0, 0, 0, 0.9);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: normal;\n  color: #fff;\n  margin: 4px;\n\n  ${(props) =>\n    props.$isLight &&\n    css`\n      background-color: var(--page-paper-main);\n      box-shadow: var(--shadow-secondary);\n      color: var(--color-theme-700);\n    `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAElC,MAAMY,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qMACnCC,8BAAc,EACdC,oBAAS,EAaRC,KAAK,IACNA,KAAK,CAACC,QAAQ,QACdC,qBAAG,+GAIF,CACJ"}