@activecollab/components 2.0.90 → 2.0.92

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

@@ -1,16 +1,7 @@
-"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) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef, useEffect, useCallback } from "react";
+import { StyledToastMessage, StyledToastMessageText, StyledCloseSmallIcon } from "./Styles";
+export const ToastMessage = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     text,
     type,
@@ -20,22 +11,22 @@ const ToastMessage = exports.ToastMessage = /*#__PURE__*/(0, _react.forwardRef)(
     timeout = 0,
     ...rest
   } = _ref;
-  const handleOnClose = (0, _react.useCallback)(() => {
+  const handleOnClose = useCallback(() => {
     if (typeof onClose === "function") {
       onClose();
     }
   }, [onClose]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (timeout > 0) {
       const timer = setTimeout(handleOnClose, timeout);
       return () => clearTimeout(timer);
     }
   }, [dismissible, timeout, handleOnClose]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledToastMessage, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(StyledToastMessage, _extends({
     ref: ref,
     $type: type,
     $dropShadow: dropShadow
-  }, rest), /*#__PURE__*/_react.default.createElement(_Styles.StyledToastMessageText, null, text), dismissible ? /*#__PURE__*/_react.default.createElement(_Styles.StyledCloseSmallIcon, {
+  }, rest), /*#__PURE__*/React.createElement(StyledToastMessageText, null, text), dismissible ? /*#__PURE__*/React.createElement(StyledCloseSmallIcon, {
     onClick: handleOnClose
   }) : null);
 });

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

@@ -1 +1 @@
-{"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\";\n\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;AAQA,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"}
+{"version":3,"file":"ToastMessage.js","names":["React","forwardRef","useEffect","useCallback","StyledToastMessage","StyledToastMessageText","StyledCloseSmallIcon","ToastMessage","_ref","ref","text","type","onClose","dismissible","dropShadow","timeout","rest","handleOnClose","timer","setTimeout","clearTimeout","createElement","_extends","$type","$dropShadow","onClick","displayName"],"sources":["../../../../src/components/ToastMessage/ToastMessage.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  useEffect,\n  useCallback,\n} from \"react\";\n\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;AAEd,SACEC,kBAAkB,EAClBC,sBAAsB,EACtBC,oBAAoB,QACf,UAAU;AAWjB,OAAO,MAAMC,YAAY,gBAAGN,UAAU,CACpC,CAAAO,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,GAAGd,WAAW,CAAC,MAAM;IACtC,IAAI,OAAOS,OAAO,KAAK,UAAU,EAAE;MACjCA,OAAO,CAAC,CAAC;IACX;EACF,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEbV,SAAS,CAAC,MAAM;IACd,IAAIa,OAAO,GAAG,CAAC,EAAE;MACf,MAAMG,KAAK,GAAGC,UAAU,CAACF,aAAa,EAAEF,OAAO,CAAC;MAEhD,OAAO,MAAMK,YAAY,CAACF,KAAK,CAAC;IAClC;EACF,CAAC,EAAE,CAACL,WAAW,EAAEE,OAAO,EAAEE,aAAa,CAAC,CAAC;EAEzC,oBACEjB,KAAA,CAAAqB,aAAA,CAACjB,kBAAkB,EAAAkB,QAAA;IACjBb,GAAG,EAAEA,GAAI;IACTc,KAAK,EAAEZ,IAAK;IACZa,WAAW,EAAEV;EAAW,GACpBE,IAAI,gBAERhB,KAAA,CAAAqB,aAAA,CAAChB,sBAAsB,QAAEK,IAA6B,CAAC,EACtDG,WAAW,gBAAGb,KAAA,CAAAqB,aAAA,CAACf,oBAAoB;IAACmB,OAAO,EAAER;EAAc,CAAE,CAAC,GAAG,IAChD,CAAC;AAEzB,CACF,CAAC;AAEDV,YAAY,CAACmB,WAAW,GAAG,cAAc"}

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

@@ -1,17 +1,2 @@
-"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];
-    }
-  });
-});
+export * from "./ToastMessage";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ToastMessage/index.ts"],"sourcesContent":["export * from \"./ToastMessage\";\n"],"mappings":"AAAA,cAAc,gBAAgB"}

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

@@ -1,38 +1,30 @@
-"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 _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 StyledToggleSlider = exports.StyledToggleSlider = _styledComponents.default.div.withConfig({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+export const StyledToggleSlider = styled.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";
-const StyledToggleSliderOff = exports.StyledToggleSliderOff = _styledComponents.default.div.withConfig({
+export const StyledToggleSliderOff = styled.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";
-const StyledToggleSliderOn = exports.StyledToggleSliderOn = _styledComponents.default.div.withConfig({
+export const StyledToggleSliderOn = styled.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";
-const StyledToggleCheckbox = exports.StyledToggleCheckbox = _styledComponents.default.input.withConfig({
+export const StyledToggleCheckbox = styled.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";
-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({
+const StyledHelper = css(["", "{transform:translateX(0);}", " + ", ":before{transform:translateX(3px);}", ":checked + ", "{&::before{transform:translateX(23px);}", "{transform:translateX(-2px);}}"], StyledToggleSliderOff, StyledToggleCheckbox, StyledToggleSlider, StyledToggleCheckbox, StyledToggleSlider, StyledToggleSliderOn);
+export const StyledToggle = styled.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.FontStyle, _BoxSizingStyle.BoxSizingStyle, StyledHelper, props => props.$isHovered && (0, _styledComponents.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, BoxSizingStyle, StyledHelper, props => props.$isHovered && 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":["_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","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\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\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":"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"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledToggleSlider","div","withConfig","displayName","componentId","StyledToggleSliderOff","StyledToggleSliderOn","StyledToggleCheckbox","input","StyledHelper","StyledToggle","label","props","$isHovered"],"sources":["../../../../src/components/Toggle/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\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;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,kBAAkB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8cA8B3C;AAEDJ,kBAAkB,CAACG,WAAW,GAAG,oBAAoB;AAErD,OAAO,MAAME,qBAAqB,GAAGT,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uIAO9C;AAEDC,qBAAqB,CAACF,WAAW,GAAG,uBAAuB;AAE3D,OAAO,MAAMG,oBAAoB,GAAGV,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wIAO7C;AAEDE,oBAAoB,CAACH,WAAW,GAAG,sBAAsB;AAEzD,OAAO,MAAMI,oBAAoB,GAAGX,MAAM,CAACY,KAAK,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qYAKhCJ,kBAAkB,EAKlBA,kBAAkB,EAK5BK,qBAAqB,EAKrBC,oBAAoB,EAMTN,kBAAkB,CAIlC;AAEDO,oBAAoB,CAACJ,WAAW,GAAG,sBAAsB;AAEzD,MAAMM,YAAY,GAAGZ,GAAG,+KACpBQ,qBAAqB,EAIrBE,oBAAoB,EAAMP,kBAAkB,EAI5CO,oBAAoB,EAAcP,kBAAkB,EAKlDM,oBAAoB,CAIzB;AAED,OAAO,MAAMI,YAAY,GAAGd,MAAM,CAACe,KAAK,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gPACpCL,SAAS,EACTD,cAAc,EAYZW,YAAY,EAQbG,KAAK,IACNA,KAAK,CAACC,UAAU,IAChBhB,GAAG,WACCY,YAAY,CACf,CACJ;AAEDC,YAAY,CAACP,WAAW,GAAG,cAAc"}

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

@@ -1,30 +1,21 @@
-"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) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import { StyledToggle, StyledToggleCheckbox, StyledToggleSlider, StyledToggleSliderOff, StyledToggleSliderOn } from "./Styles";
+export const Toggle = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     hovered,
     className,
     ...args
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledToggle, {
-    className: (0, _classnames.default)("c-toggle", className),
+  return /*#__PURE__*/React.createElement(StyledToggle, {
+    className: classNames("c-toggle", className),
     $isHovered: hovered,
     tabIndex: 0
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledToggleCheckbox, (0, _extends2.default)({
+  }, /*#__PURE__*/React.createElement(StyledToggleCheckbox, _extends({
     ref: ref,
     type: "checkbox"
-  }, args)), /*#__PURE__*/_react.default.createElement(_Styles.StyledToggleSlider, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledToggleSliderOn, null, "ON"), /*#__PURE__*/_react.default.createElement(_Styles.StyledToggleSliderOff, null, "OFF")));
+  }, args)), /*#__PURE__*/React.createElement(StyledToggleSlider, null, /*#__PURE__*/React.createElement(StyledToggleSliderOn, null, "ON"), /*#__PURE__*/React.createElement(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","_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\";\n\nimport classNames from \"classnames\";\n\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;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,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"}
+{"version":3,"file":"Toggle.js","names":["React","forwardRef","classNames","StyledToggle","StyledToggleCheckbox","StyledToggleSlider","StyledToggleSliderOff","StyledToggleSliderOn","Toggle","_ref","ref","hovered","className","args","createElement","$isHovered","tabIndex","_extends","type","displayName"],"sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\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;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,YAAY,EACZC,oBAAoB,EACpBC,kBAAkB,EAClBC,qBAAqB,EACrBC,oBAAoB,QACf,UAAU;AASjB,OAAO,MAAMC,MAAM,gBAAGP,UAAU,CAG9B,CAAAQ,IAAA,EAAkCC,GAAG,KAAK;EAAA,IAAzC;IAAEC,OAAO;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAJ,IAAA;EAChC,oBACET,KAAA,CAAAc,aAAA,CAACX,YAAY;IACXS,SAAS,EAAEV,UAAU,CAAC,UAAU,EAAEU,SAAS,CAAE;IAC7CG,UAAU,EAAEJ,OAAQ;IACpBK,QAAQ,EAAE;EAAE,gBAEZhB,KAAA,CAAAc,aAAA,CAACV,oBAAoB,EAAAa,QAAA;IAACP,GAAG,EAAEA,GAAI;IAACQ,IAAI,EAAC;EAAU,GAAKL,IAAI,CAAG,CAAC,eAC5Db,KAAA,CAAAc,aAAA,CAACT,kBAAkB,qBACjBL,KAAA,CAAAc,aAAA,CAACP,oBAAoB,QAAC,IAAwB,CAAC,eAC/CP,KAAA,CAAAc,aAAA,CAACR,qBAAqB,QAAC,KAA0B,CAC/B,CACR,CAAC;AAEnB,CAAC,CAAC;AAEFE,MAAM,CAACW,WAAW,GAAG,QAAQ"}

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

@@ -1,17 +1,2 @@
-"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];
-    }
-  });
-});
+export * from "./Toggle";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Toggle/index.ts"],"sourcesContent":["export * from \"./Toggle\";\n"],"mappings":"AAAA,cAAc,UAAU"}

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

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Toolbar = Toolbar;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Toolbar = require("./Toolbar.styles");
-var _helpers = require("../../helpers");
-function Toolbar(_ref) {
+import React from "react";
+import classNames from "classnames";
+import { StyledToolbar } from "./Toolbar.styles";
+import { Portal } from "../../helpers";
+export function Toolbar(_ref) {
   let {
     open = false,
     renderInPortal = true,
@@ -18,8 +11,8 @@ function Toolbar(_ref) {
     style
   } = _ref;
   // Abstract content with default values.
-  const TOOLBAR_CONTENT = /*#__PURE__*/_react.default.createElement(_Toolbar.StyledToolbar, {
-    className: (0, _classnames.default)("c-toolbar", className),
+  const TOOLBAR_CONTENT = /*#__PURE__*/React.createElement(StyledToolbar, {
+    className: classNames("c-toolbar", className),
     role: "toolbar",
     tabIndex: -1,
     "aria-orientation": "horizontal",
@@ -29,7 +22,7 @@ function Toolbar(_ref) {
 
   // If `renderInPortal` prop is present, render toolbar content in Portal.
   // default: true
-  if (renderInPortal) open ? /*#__PURE__*/_react.default.createElement(_helpers.Portal, null, TOOLBAR_CONTENT) : null;
+  if (renderInPortal) open ? /*#__PURE__*/React.createElement(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","_interopRequireDefault","require","_classnames","_Toolbar","_helpers","Toolbar","_ref","open","renderInPortal","children","className","style","TOOLBAR_CONTENT","default","createElement","StyledToolbar","classNames","role","tabIndex","Portal","displayName"],"sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithoutRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledToolbar } from \"./Toolbar.styles\";\nimport { Portal } from \"../../helpers\";\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  style,\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      style={style}\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;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAOO,SAASI,OAAOA,CAAAC,IAAA,EAMW;EAAA,IANV;IACtBC,IAAI,GAAG,KAAK;IACZC,cAAc,GAAG,IAAI;IACrBC,QAAQ;IACRC,SAAS;IACTC;EAC6B,CAAC,GAAAL,IAAA;EAC9B;EACA,MAAMM,eAAe,gBACnBb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,QAAA,CAAAY,aAAa;IACZL,SAAS,EAAE,IAAAM,mBAAU,EAAC,WAAW,EAAEN,SAAS,CAAE;IAC9CO,IAAI,EAAC,SAAS;IACdC,QAAQ,EAAE,CAAC,CAAE;IACb,oBAAiB,YAAY;IAC7B,cAAW,MAAM;IACjBP,KAAK,EAAEA;EAAM,GAEZF,QACY,CAChB;;EAED;EACA;EACA,IAAID,cAAc,EAAED,IAAI,gBAAGR,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,QAAA,CAAAe,MAAM,QAAEP,eAAwB,CAAC,GAAG,IAAI;EAEpE,OAAOL,IAAI,GAAGK,eAAe,GAAG,IAAI;AACtC;AAEAP,OAAO,CAACe,WAAW,GAAG,SAAS"}
+{"version":3,"file":"Toolbar.js","names":["React","classNames","StyledToolbar","Portal","Toolbar","_ref","open","renderInPortal","children","className","style","TOOLBAR_CONTENT","createElement","role","tabIndex","displayName"],"sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithoutRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledToolbar } from \"./Toolbar.styles\";\nimport { Portal } from \"../../helpers\";\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  style,\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      style={style}\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;AAE9D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,MAAM,QAAQ,eAAe;AAOtC,OAAO,SAASC,OAAOA,CAAAC,IAAA,EAMW;EAAA,IANV;IACtBC,IAAI,GAAG,KAAK;IACZC,cAAc,GAAG,IAAI;IACrBC,QAAQ;IACRC,SAAS;IACTC;EAC6B,CAAC,GAAAL,IAAA;EAC9B;EACA,MAAMM,eAAe,gBACnBX,KAAA,CAAAY,aAAA,CAACV,aAAa;IACZO,SAAS,EAAER,UAAU,CAAC,WAAW,EAAEQ,SAAS,CAAE;IAC9CI,IAAI,EAAC,SAAS;IACdC,QAAQ,EAAE,CAAC,CAAE;IACb,oBAAiB,YAAY;IAC7B,cAAW,MAAM;IACjBJ,KAAK,EAAEA;EAAM,GAEZF,QACY,CAChB;;EAED;EACA;EACA,IAAID,cAAc,EAAED,IAAI,gBAAGN,KAAA,CAAAY,aAAA,CAACT,MAAM,QAAEQ,eAAwB,CAAC,GAAG,IAAI;EAEpE,OAAOL,IAAI,GAAGK,eAAe,GAAG,IAAI;AACtC;AAEAP,OAAO,CAACW,WAAW,GAAG,SAAS"}

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

@@ -1,12 +1,5 @@
-"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({
+import styled from "styled-components";
+export const StyledToolbar = styled.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":["_styledComponents","_interopRequireDefault","require","StyledToolbar","exports","styled","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\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;AAIO,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2ZAgBtC"}
+{"version":3,"file":"Toolbar.styles.js","names":["styled","StyledToolbar","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\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;AAItC,OAAO,MAAMC,aAAa,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2ZAgBtC"}

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

@@ -1,17 +1,2 @@
-"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];
-    }
-  });
-});
+export * from "./Toolbar";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Toolbar/index.ts"],"sourcesContent":["export * from \"./Toolbar\";\n"],"mappings":"AAAA,cAAc,WAAW"}

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

@@ -1,16 +1,8 @@
-"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({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+export const StyledTooltip = styled.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.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);"]));
+})(["", " ", " 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, props => props.$isLight && 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":["_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\";\n\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;AAEA,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"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledTooltip","div","withConfig","displayName","componentId","props","$isLight"],"sources":["../../../../src/components/Tooltip/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\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;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,aAAa,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qMACnCN,cAAc,EACdC,SAAS,EAaRM,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdT,GAAG,8GAIF,CACJ"}

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

@@ -1,31 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tooltip = 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");
-var _helpers = require("../../helpers");
-var _utils = require("../../utils");
-var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-var _Popper = require("../Popper");
-var _FromElement = require("../Transitions/FromElement");
-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; }
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useState, forwardRef } from "react";
+import classnames from "classnames";
+import { StyledTooltip } from "./Styles";
+import { Portal, useLayerContext } from "../../helpers";
+import { layers } from "../../utils";
+import useForkRef from "../../utils/useForkRef";
+import { Popper } from "../Popper";
+import { FromElement } from "../Transitions/FromElement";
 const TooltipAnimation = _ref => {
   let {
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_FromElement.FromElement, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(FromElement, _extends({
     timeout: 0
   }, props), children);
 };
-const Tooltip = exports.Tooltip = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
+export const Tooltip = /*#__PURE__*/forwardRef((_ref2, ref) => {
   let {
     children,
     title,
@@ -39,10 +30,10 @@ const Tooltip = exports.Tooltip = /*#__PURE__*/(0, _react.forwardRef)((_ref2, re
     disable
   } = _ref2;
   const {
-    zIndex = _utils.layers.skyscraper
-  } = (0, _helpers.useLayerContext)();
-  const [open, setOpen] = (0, _react.useState)(false);
-  const [childNode, setChildNode] = (0, _react.useState)();
+    zIndex = layers.skyscraper
+  } = useLayerContext();
+  const [open, setOpen] = useState(false);
+  const [childNode, setChildNode] = useState();
   const handleEnter = event => {
     const childrenProps = children.props;
     if (event.type === "mouseover" && childrenProps.onMouseOver) {
@@ -58,14 +49,14 @@ const Tooltip = exports.Tooltip = /*#__PURE__*/(0, _react.forwardRef)((_ref2, re
     }
     setOpen(false);
   };
-  const handleOwnRef = (0, _useForkRef.default)(children.ref, ref);
-  const handleRef = (0, _useForkRef.default)(setChildNode, handleOwnRef);
+  const handleOwnRef = useForkRef(children.ref, ref);
+  const handleRef = useForkRef(setChildNode, handleOwnRef);
   const childrenProps = {
     onMouseOver: handleEnter,
     onMouseLeave: handleLeave,
     ref: handleRef
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.cloneElement(children, childrenProps), !disable && /*#__PURE__*/_react.default.createElement(_helpers.Portal, null, /*#__PURE__*/_react.default.createElement(_Popper.Popper, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(children, childrenProps), !disable && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Popper, {
     anchorEl: childNode,
     open: childNode ? open : false,
     placement: placement,
@@ -80,10 +71,10 @@ const Tooltip = exports.Tooltip = /*#__PURE__*/(0, _react.forwardRef)((_ref2, re
     let {
       transitionProps = {}
     } = _ref3;
-    return /*#__PURE__*/_react.default.createElement(TransitionComponent, (0, _extends2.default)({}, transitionProps, {
+    return /*#__PURE__*/React.createElement(TransitionComponent, _extends({}, transitionProps, {
       style: style
-    }), /*#__PURE__*/_react.default.createElement(_Styles.StyledTooltip, {
-      className: (0, _classnames.default)("c-tooltip-ds", className),
+    }), /*#__PURE__*/React.createElement(StyledTooltip, {
+      className: classnames("c-tooltip-ds", className),
       $isLight: isLight
     }, title));
   })));

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_helpers","_utils","_useForkRef","_Popper","_FromElement","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","TooltipAnimation","_ref","children","props","createElement","FromElement","_extends2","timeout","Tooltip","exports","forwardRef","_ref2","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","layers","skyscraper","useLayerContext","open","setOpen","useState","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","useForkRef","handleRef","Fragment","React","cloneElement","Portal","Popper","anchorEl","transition","role","_ref3","transitionProps","StyledTooltip","classnames","$isLight","displayName"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  forwardRef,\n  Ref,\n  FC,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledTooltip } from \"./Styles\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { layers } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper, Placement } from \"../Popper\";\nimport { TransitionProps } from \"../Transitions\";\nimport { FromElement } from \"../Transitions/FromElement\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n  /** Children element. */\n  children: ElementWithRef<HTMLElement>;\n  /** Title element. */\n  title: ReactElement | string;\n  /** Applies passed styles */\n  style?: CSSProperties;\n  /** Applies passed classes */\n  className?: string;\n  /** Open */\n  open?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Transition component */\n  TransitionComponent?: React.FC<TransitionProps>;\n  /** Light tooltip */\n  isLight?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Remove tooltip */\n  disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n  children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n  return (\n    <FromElement timeout={0} {...props}>\n      {children}\n    </FromElement>\n  );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      children,\n      title,\n      className,\n      style,\n      isLight = false,\n      placement = \"top\",\n      TransitionComponent = TooltipAnimation,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      disable,\n    },\n    ref\n  ) => {\n    const { zIndex = layers.skyscraper } = useLayerContext();\n    const [open, setOpen] = useState(false);\n    const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n    const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n        childrenProps.onMouseOver(event);\n      }\n\n      childNode && childNode.removeAttribute(\"title\");\n\n      setOpen(true);\n    };\n\n    const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (\n        event.type === \"mouseleave\" &&\n        childrenProps.onMouseLeave &&\n        event.currentTarget === childNode\n      ) {\n        childrenProps.onMouseLeave(event);\n      }\n\n      setOpen(false);\n    };\n\n    const handleOwnRef = useForkRef(children.ref, ref);\n    const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n    const childrenProps = {\n      onMouseOver: handleEnter,\n      onMouseLeave: handleLeave,\n      ref: handleRef,\n    };\n\n    return (\n      <>\n        {React.cloneElement(children, childrenProps)}\n        {!disable && (\n          <Portal>\n            <Popper\n              anchorEl={childNode}\n              open={childNode ? open : false}\n              placement={placement}\n              transition\n              className={popperTooltipClassName}\n              style={{ zIndex, ...popperTooltipStyle }}\n              role=\"tooltip\"\n            >\n              {({ transitionProps = {} }) => (\n                <TransitionComponent {...transitionProps} style={style}>\n                  <StyledTooltip\n                    className={classnames(\"c-tooltip-ds\", className)}\n                    $isLight={isLight}\n                  >\n                    {title}\n                  </StyledTooltip>\n                </TransitionComponent>\n              )}\n            </Popper>\n          </Portal>\n        )}\n      </>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["React","useState","forwardRef","classnames","StyledTooltip","Portal","useLayerContext","layers","useForkRef","Popper","FromElement","TooltipAnimation","_ref","children","props","createElement","_extends","timeout","Tooltip","_ref2","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","skyscraper","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","Fragment","cloneElement","anchorEl","transition","role","_ref3","transitionProps","$isLight","displayName"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  forwardRef,\n  Ref,\n  FC,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledTooltip } from \"./Styles\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { layers } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper, Placement } from \"../Popper\";\nimport { TransitionProps } from \"../Transitions\";\nimport { FromElement } from \"../Transitions/FromElement\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n  /** Children element. */\n  children: ElementWithRef<HTMLElement>;\n  /** Title element. */\n  title: ReactElement | string;\n  /** Applies passed styles */\n  style?: CSSProperties;\n  /** Applies passed classes */\n  className?: string;\n  /** Open */\n  open?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Transition component */\n  TransitionComponent?: React.FC<TransitionProps>;\n  /** Light tooltip */\n  isLight?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Remove tooltip */\n  disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n  children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n  return (\n    <FromElement timeout={0} {...props}>\n      {children}\n    </FromElement>\n  );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      children,\n      title,\n      className,\n      style,\n      isLight = false,\n      placement = \"top\",\n      TransitionComponent = TooltipAnimation,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      disable,\n    },\n    ref\n  ) => {\n    const { zIndex = layers.skyscraper } = useLayerContext();\n    const [open, setOpen] = useState(false);\n    const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n    const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n        childrenProps.onMouseOver(event);\n      }\n\n      childNode && childNode.removeAttribute(\"title\");\n\n      setOpen(true);\n    };\n\n    const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (\n        event.type === \"mouseleave\" &&\n        childrenProps.onMouseLeave &&\n        event.currentTarget === childNode\n      ) {\n        childrenProps.onMouseLeave(event);\n      }\n\n      setOpen(false);\n    };\n\n    const handleOwnRef = useForkRef(children.ref, ref);\n    const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n    const childrenProps = {\n      onMouseOver: handleEnter,\n      onMouseLeave: handleLeave,\n      ref: handleRef,\n    };\n\n    return (\n      <>\n        {React.cloneElement(children, childrenProps)}\n        {!disable && (\n          <Portal>\n            <Popper\n              anchorEl={childNode}\n              open={childNode ? open : false}\n              placement={placement}\n              transition\n              className={popperTooltipClassName}\n              style={{ zIndex, ...popperTooltipStyle }}\n              role=\"tooltip\"\n            >\n              {({ transitionProps = {} }) => (\n                <TransitionComponent {...transitionProps} style={style}>\n                  <StyledTooltip\n                    className={classnames(\"c-tooltip-ds\", className)}\n                    $isLight={isLight}\n                  >\n                    {title}\n                  </StyledTooltip>\n                </TransitionComponent>\n              )}\n            </Popper>\n          </Portal>\n        )}\n      </>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Tooltip","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Tooltip/index.ts"],"sourcesContent":["export * from \"./Tooltip\";\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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Tooltip/index.ts"],"sourcesContent":["export * from \"./Tooltip\";\n"],"mappings":"AAAA,cAAc,WAAW"}