@activecollab/components 1.0.206 → 1.0.208

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Textarea/Styles.ts"],"names":["StyledTextarea","styled","textarea","FontStyle","BoxSizingStyle","props","disabled","css","$invalid","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAQO,IAAMA,cAAc,GAAGC,0BAAOC,QAAV;AAAA;AAAA;AAAA,8RACrB;AAAA;AAAA,CADqB,EAErB;AAAA;AAAA,CAFqB,EAGrB;AAAA;AAAA,CAHqB,EAIrB;AAAA;AAAA,CAJqB,EAKrB;AAAA;AAAA,CALqB,EAQrB;AAAA;AAAA,CARqB,EAiBvBC,oBAjBuB,EAkBvBC,8BAlBuB,EAoBvB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,QACAC,qBADA,YAEM;AAAA;AAAA;AAAA,GAFN,CADA;AAAA,CApBuB,EA0BvB,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,QAAP,IACA,CAACD,KAAK,CAACG,QADP,QAEAD,qBAFA,sCAMQ;AAAA;AAAA,GANR,CADA;AAAA,CA1BuB,EAsCnB;AAAA;AAAA,CAtCmB,EAyCvB,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,QAAP,IACAD,KAAK,CAACG,QADN,QAEAD,qBAFA,YAGM;AAAA;AAAA,GAHN,CADA;AAAA,CAzCuB,CAApB;;;AAiDPP,cAAc,CAACS,WAAf,GAA6B,gBAA7B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport tw from \"twin.macro\";\n\ninterface StyledTextareaProps {\n  disabled: boolean;\n  $invalid: boolean;\n}\n\nexport const StyledTextarea = styled.textarea<StyledTextareaProps>`\n  ${tw`tw-text-body-2`}\n  ${tw`tw-text-theme-900`}\n  ${tw`tw-leading-regular`}\n  ${tw`tw-tracking-regular`}\n  ${tw`tw-font-regular`}\n  border-width: 1px;\n  border-style: solid;\n  ${tw`tw-border-theme-500`}\n  border-radius: 8px;\n  padding: 4px 8px 6px 8px;\n  height: auto;\n  background-color: var(--input-background-color);\n  transition: all 0.3s ease;\n  width: 360px;\n  min-height: 90px;\n  outline: none;\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      ${tw`tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    !props.disabled &&\n    !props.$invalid &&\n    css`\n      &:active,\n      &:focus,\n      &:hover {\n        ${tw`tw-border-primary`}\n      }\n    `}\n\n  &::placeholder {\n    ${tw`tw-text-theme-transparent-500`}\n  }\n\n  ${(props) =>\n    !props.disabled &&\n    props.$invalid &&\n    css`\n      ${tw`tw-border-alert`}\n    `}\n`;\n\nStyledTextarea.displayName = \"StyledTextarea\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["StyledTextarea","styled","textarea","FontStyle","BoxSizingStyle","props","disabled","css","$invalid","displayName"],"sources":["../../../../src/components/Textarea/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport tw from \"twin.macro\";\n\ninterface StyledTextareaProps {\n  disabled: boolean;\n  $invalid: boolean;\n}\n\nexport const StyledTextarea = styled.textarea<StyledTextareaProps>`\n  ${tw`tw-text-body-2`}\n  ${tw`tw-text-theme-900`}\n  ${tw`tw-leading-regular`}\n  ${tw`tw-tracking-regular`}\n  ${tw`tw-font-regular`}\n  border-width: 1px;\n  border-style: solid;\n  ${tw`tw-border-theme-500`}\n  border-radius: 8px;\n  padding: 4px 8px 6px 8px;\n  height: auto;\n  background-color: var(--input-background-color);\n  transition: all 0.3s ease;\n  width: 360px;\n  min-height: 90px;\n  outline: none;\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      ${tw`tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    !props.disabled &&\n    !props.$invalid &&\n    css`\n      &:active,\n      &:focus,\n      &:hover {\n        ${tw`tw-border-primary`}\n      }\n    `}\n\n  &::placeholder {\n    ${tw`tw-text-theme-transparent-500`}\n  }\n\n  ${(props) =>\n    !props.disabled &&\n    props.$invalid &&\n    css`\n      ${tw`tw-border-alert`}\n    `}\n`;\n\nStyledTextarea.displayName = \"StyledTextarea\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAAyC;AAAA;AAQlC,IAAMA,cAAc,GAAGC,yBAAM,CAACC,QAAQ;EAAA;EAAA;AAAA,8RACvC;EAAA;AAAe,CAAC,EAChB;EAAA;AAAkB,CAAC,EACnB;EAAA;AAAmB,CAAC,EACpB;EAAA;AAAoB,CAAC,EACrB;EAAA;AAAgB,CAAC,EAGjB;EAAA;AAAoB,CAAC,EASvBC,oBAAS,EACTC,8BAAc,EAEd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,QACdC,qBAAG,YACG;IAAA;IAAA;EAAoC,CAAC,CAC1C;AAAA,GAED,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,QAAQ,IACf,CAACD,KAAK,CAACG,QAAQ,QACfD,qBAAG,sCAIK;IAAA;EAAkB,CAAC,CAE1B;AAAA,GAGG;EAAA;AAA8B,CAAC,EAGnC,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,QAAQ,IACfD,KAAK,CAACG,QAAQ,QACdD,qBAAG,YACG;IAAA;EAAgB,CAAC,CACtB;AAAA,EACJ;AAAC;AAEFP,cAAc,CAACS,WAAW,GAAG,gBAAgB"}

package/dist/cjs/components/Textarea/Textarea.js

@@ -1,40 +1,27 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Textarea = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Styles = require("./Styles");
-
 var _excluded = ["className", "disabled", "invalid"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var Textarea = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$invalid = _ref.invalid,
-      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$invalid = _ref.invalid,
+    invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledTextarea, _extends({}, rest, {
     $invalid: invalid,
     ref: ref,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":["Textarea","ref","className","disabled","invalid","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAMO,IAAMA,QAAQ,gBAAG,uBACtB,gBAQEC,GARF,EASK;AAAA,MAPDC,SAOC,QAPDA,SAOC;AAAA,2BANDC,QAMC;AAAA,MANDA,QAMC,8BANU,KAMV;AAAA,0BALDC,OAKC;AAAA,MALDA,OAKC,6BALS,KAKT;AAAA,MAJEC,IAIF;;AACH,sBACE,6BAAC,sBAAD,eACMA,IADN;AAEE,IAAA,QAAQ,EAAED,OAFZ;AAGE,IAAA,GAAG,EAAEH,GAHP;AAIE,IAAA,QAAQ,EAAEE,QAJZ;AAKE,IAAA,SAAS,EAAE,yBACT,YADS,EAET;AAAE,8BAAwBA;AAA1B,KAFS,EAGTD,SAHS;AALb,KADF;AAaD,CAxBqB,CAAjB;;AA2BPF,QAAQ,CAACM,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledTextarea } from \"./Styles\";\n\nexport interface TextareaProps {\n  invalid?: boolean;\n}\n\nexport const Textarea = forwardRef(\n  (\n    {\n      className,\n      disabled = false,\n      invalid = false,\n      ...rest\n    }: TextareaProps &\n      Omit<React.ComponentPropsWithoutRef<\"textarea\">, keyof TextareaProps>,\n    ref: Ref<HTMLTextAreaElement> | null | undefined\n  ) => {\n    return (\n      <StyledTextarea\n        {...rest}\n        $invalid={invalid}\n        ref={ref}\n        disabled={disabled}\n        className={classnames(\n          \"c-textarea\",\n          { \"c-textarea__disabled\": disabled },\n          className\n        )}\n      />\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\n"],"file":"Textarea.js"}
+{"version":3,"file":"Textarea.js","names":["Textarea","forwardRef","ref","className","disabled","invalid","rest","classnames","displayName"],"sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledTextarea } from \"./Styles\";\n\nexport interface TextareaProps {\n  invalid?: boolean;\n}\n\nexport const Textarea = forwardRef(\n  (\n    {\n      className,\n      disabled = false,\n      invalid = false,\n      ...rest\n    }: TextareaProps &\n      Omit<React.ComponentPropsWithoutRef<\"textarea\">, keyof TextareaProps>,\n    ref: Ref<HTMLTextAreaElement> | null | undefined\n  ) => {\n    return (\n      <StyledTextarea\n        {...rest}\n        $invalid={invalid}\n        ref={ref}\n        disabled={disabled}\n        className={classnames(\n          \"c-textarea\",\n          { \"c-textarea__disabled\": disabled },\n          className\n        )}\n      />\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAA0C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMnC,IAAMA,QAAQ,gBAAG,IAAAC,iBAAU,EAChC,gBAQEC,GAAgD,EAC7C;EAAA,IAPDC,SAAS,QAATA,SAAS;IAAA,qBACTC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACZC,IAAI;EAKT,oBACE,6BAAC,sBAAc,eACTA,IAAI;IACR,QAAQ,EAAED,OAAQ;IAClB,GAAG,EAAEH,GAAI;IACT,QAAQ,EAAEE,QAAS;IACnB,SAAS,EAAE,IAAAG,mBAAU,EACnB,YAAY,EACZ;MAAE,sBAAsB,EAAEH;IAAS,CAAC,EACpCD,SAAS;EACT,GACF;AAEN,CAAC,CACF;AAAC;AAEFH,QAAQ,CAACQ,WAAW,GAAG,UAAU"}

package/dist/cjs/components/Textarea/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Textarea = require("./Textarea");
-
 Object.keys(_Textarea).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Textarea[key]) return;

package/dist/cjs/components/Textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Textarea/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Textarea\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Textarea/index.ts"],"sourcesContent":["export * from \"./Textarea\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -1,24 +1,16 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var StyledToastMessage = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledToastMessage",
   componentId: "sc-7wr5ky-0"
@@ -31,9 +23,7 @@ var StyledToastMessage = _styledComponents.default.div.withConfig({
 }, function (props) {
   return 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);"]));
 });
-
 exports.StyledToastMessage = StyledToastMessage;
-
 var StyledToastMessageText = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledToastMessageText",
   componentId: "sc-7wr5ky-1"
@@ -48,7 +38,6 @@ var StyledToastMessageText = _styledComponents.default.div.withConfig({
 }, {
   "marginRight": "0.5rem"
 });
-
 exports.StyledToastMessageText = StyledToastMessageText;
 var StyledCloseSmallIcon = (0, _styledComponents.default)(_Icons.CloseSmallIcon).withConfig({
   displayName: "Styles__StyledCloseSmallIcon",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ToastMessage/Styles.ts"],"names":["StyledToastMessage","styled","div","FontStyle","BoxSizingStyle","props","$type","css","$dropShadow","StyledToastMessageText","StyledCloseSmallIcon","CloseSmallIcon","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;AAOO,IAAMA,kBAAkB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,oLAU3BC,oBAV2B,EAW3BC,8BAX2B,EAa3B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,OAAhB,QACAC,qBADA,qCAGIF,KAAK,CAACG,WAAN,QACFD,qBADE,0DAHJ,CADA;AAAA,CAb2B,EAuB3B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,SAAhB,QACAC,qBADA,qCAGIF,KAAK,CAACG,WAAN,QACFD,qBADE,0DAHJ,CADA;AAAA,CAvB2B,EAiC3B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,SAAhB,QACAC,qBADA,qCAGIF,KAAK,CAACG,WAAN,QACFD,qBADE,0DAHJ,CADA;AAAA,CAjC2B,EA2C3B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,SAAhB,QACAC,qBADA,qCAGIF,KAAK,CAACG,WAAN,QACFD,qBADE,0DAHJ,CADA;AAAA,CA3C2B,CAAxB;;;;AAsDA,IAAME,sBAAsB,GAAGR,0BAAOC,GAAV;AAAA;AAAA;AAAA,uDAC7B;AAAA;AAAA,CAD6B,EAE7B;AAAA;AAAA,CAF6B,EAG7B;AAAA;AAAA;AAAA;AAAA,CAH6B,EAI7B;AAAA;AAAA,CAJ6B,CAA5B;;;AAQA,IAAMQ,oBAAoB,GAAG,+BAAOC,qBAAP,CAAH;AAAA;AAAA;AAAA,+FAA1B;;AAUPX,kBAAkB,CAACY,WAAnB,GAAiC,oBAAjC;AACAF,oBAAoB,CAACE,WAArB,GAAmC,sBAAnC","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"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["StyledToastMessage","styled","div","FontStyle","BoxSizingStyle","props","$type","css","$dropShadow","StyledToastMessageText","StyledCloseSmallIcon","CloseSmallIcon","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;AAEA;AACA;AACA;AAAyC;AAAA;AAOlC,IAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oLAUxCC,oBAAS,EACTC,8BAAc,EAEd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,OAAO,QACvBC,qBAAG,qCAECF,KAAK,CAACG,WAAW,QACnBD,qBAAG,0DAEF,CACF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,SAAS,QACzBC,qBAAG,qCAECF,KAAK,CAACG,WAAW,QACnBD,qBAAG,0DAEF,CACF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,SAAS,QACzBC,qBAAG,qCAECF,KAAK,CAACG,WAAW,QACnBD,qBAAG,0DAEF,CACF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,SAAS,QACzBC,qBAAG,qCAECF,KAAK,CAACG,WAAW,QACnBD,qBAAG,0DAEF,CACF;AAAA,EACJ;AAAC;AAEK,IAAME,sBAAsB,GAAGR,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,uDAC1C;EAAA;AAAkB,CAAC,EACnB;EAAA;AAAa,CAAC,EACd;EAAA;EAAA;EAAA;AAAY,CAAC,EACb;EAAA;AAAQ,CAAC,CAEd;AAAC;AAEK,IAAMQ,oBAAoB,GAAG,IAAAT,yBAAM,EAACU,qBAAc,CAAC;EAAA;EAAA;AAAA,+FAQzD;AAAC;AAEFX,kBAAkB,CAACY,WAAW,GAAG,oBAAoB;AACrDF,oBAAoB,CAACE,WAAW,GAAG,sBAAsB"}

package/dist/cjs/components/ToastMessage/ToastMessage.js

@@ -1,40 +1,29 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ToastMessage = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Styles = require("./Styles");
-
 var _excluded = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var ToastMessage = /*#__PURE__*/(0, _react.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 = _objectWithoutProperties(_ref, _excluded);
-
+    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 = _objectWithoutProperties(_ref, _excluded);
   var handleOnClose = (0, _react.useCallback)(function () {
     if (typeof onClose === "function") {
       onClose();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ToastMessage/ToastMessage.tsx"],"names":["ToastMessage","ref","text","type","onClose","dismissible","dropShadow","timeout","rest","handleOnClose","timer","setTimeout","clearTimeout","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;;;;;;;;;;;;;AAeO,IAAMA,YAAY,gBAAG,uBAC1B,gBAUEC,GAVF,EAWK;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,IAQC,QARDA,IAQC;AAAA,MAPDC,OAOC,QAPDA,OAOC;AAAA,8BANDC,WAMC;AAAA,MANDA,WAMC,iCANa,KAMb;AAAA,6BALDC,UAKC;AAAA,MALDA,UAKC,gCALY,KAKZ;AAAA,0BAJDC,OAIC;AAAA,MAJDA,OAIC,6BAJS,CAIT;AAAA,MAHEC,IAGF;;AACH,MAAMC,aAAa,GAAG,wBAAY,YAAM;AACtC,QAAI,OAAOL,OAAP,KAAmB,UAAvB,EAAmC;AACjCA,MAAAA,OAAO;AACR;AACF,GAJqB,EAInB,CAACA,OAAD,CAJmB,CAAtB;AAMA,wBAAU,YAAM;AACd,QAAIG,OAAO,GAAG,CAAd,EAAiB;AACf,UAAMG,KAAK,GAAGC,UAAU,CAACF,aAAD,EAAgBF,OAAhB,CAAxB;AAEA,aAAO;AAAA,eAAMK,YAAY,CAACF,KAAD,CAAlB;AAAA,OAAP;AACD;AACF,GAND,EAMG,CAACL,WAAD,EAAcE,OAAd,EAAuBE,aAAvB,CANH;AAQA,sBACE,6BAAC,0BAAD;AACE,IAAA,GAAG,EAAER,GADP;AAEE,IAAA,KAAK,EAAEE,IAFT;AAGE,IAAA,WAAW,EAAEG;AAHf,KAIME,IAJN,gBAME,6BAAC,8BAAD,QAAyBN,IAAzB,CANF,EAOGG,WAAW,gBAAG,6BAAC,4BAAD;AAAsB,IAAA,OAAO,EAAEI;AAA/B,IAAH,GAAsD,IAPpE,CADF;AAWD,CAtCyB,CAArB;;AAyCPT,YAAY,CAACa,WAAb,GAA2B,cAA3B","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"],"file":"ToastMessage.js"}
+{"version":3,"file":"ToastMessage.js","names":["ToastMessage","forwardRef","ref","text","type","onClose","dismissible","dropShadow","timeout","rest","handleOnClose","useCallback","useEffect","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;AAOA;AAIkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAWX,IAAMA,YAAY,gBAAG,IAAAC,iBAAU,EACpC,gBAUEC,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,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACtC,IAAI,OAAON,OAAO,KAAK,UAAU,EAAE;MACjCA,OAAO,EAAE;IACX;EACF,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAAO,gBAAS,EAAC,YAAM;IACd,IAAIJ,OAAO,GAAG,CAAC,EAAE;MACf,IAAMK,KAAK,GAAGC,UAAU,CAACJ,aAAa,EAAEF,OAAO,CAAC;MAEhD,OAAO;QAAA,OAAMO,YAAY,CAACF,KAAK,CAAC;MAAA;IAClC;EACF,CAAC,EAAE,CAACP,WAAW,EAAEE,OAAO,EAAEE,aAAa,CAAC,CAAC;EAEzC,oBACE,6BAAC,0BAAkB;IACjB,GAAG,EAAER,GAAI;IACT,KAAK,EAAEE,IAAK;IACZ,WAAW,EAAEG;EAAW,GACpBE,IAAI,gBAER,6BAAC,8BAAsB,QAAEN,IAAI,CAA0B,EACtDG,WAAW,gBAAG,6BAAC,4BAAoB;IAAC,OAAO,EAAEI;EAAc,EAAG,GAAG,IAAI,CACnD;AAEzB,CAAC,CACF;AAAC;AAEFV,YAAY,CAACgB,WAAW,GAAG,cAAc"}

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

@@ -3,9 +3,7 @@
 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;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ToastMessage/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./ToastMessage\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ToastMessage/index.ts"],"sourcesContent":["export * from \"./ToastMessage\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -1,62 +1,46 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var 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;}"]);
-
 exports.StyledToggleSlider = StyledToggleSlider;
 StyledToggleSlider.displayName = "StyledToggleSlider";
-
 var 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);"]);
-
 exports.StyledToggleSliderOff = StyledToggleSliderOff;
 StyledToggleSliderOff.displayName = "StyledToggleSliderOff";
-
 var 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);"]);
-
 exports.StyledToggleSliderOn = StyledToggleSliderOn;
 StyledToggleSliderOn.displayName = "StyledToggleSliderOn";
-
 var 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);
-
 exports.StyledToggleCheckbox = StyledToggleCheckbox;
 StyledToggleCheckbox.displayName = "StyledToggleCheckbox";
 var 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);
-
 var 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.FontStyle, _BoxSizingStyle.BoxSizingStyle, StyledHelper, function (props) {
   return props.$isHovered && (0, _styledComponents.css)(["", ""], StyledHelper);
 });
-
 exports.StyledToggle = StyledToggle;
 StyledToggle.displayName = "StyledToggle";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Toggle/Styles.ts"],"names":["StyledToggleSlider","styled","div","displayName","StyledToggleSliderOff","StyledToggleSliderOn","StyledToggleCheckbox","input","StyledHelper","css","StyledToggle","label","FontStyle","BoxSizingStyle","props","$isHovered"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEO,IAAMA,kBAAkB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,8cAAxB;;;AAgCPF,kBAAkB,CAACG,WAAnB,GAAiC,oBAAjC;;AAEO,IAAMC,qBAAqB,GAAGH,0BAAOC,GAAV;AAAA;AAAA;AAAA,uIAA3B;;;AASPE,qBAAqB,CAACD,WAAtB,GAAoC,uBAApC;;AAEO,IAAME,oBAAoB,GAAGJ,0BAAOC,GAAV;AAAA;AAAA;AAAA,wIAA1B;;;AASPG,oBAAoB,CAACF,WAArB,GAAmC,sBAAnC;;AAEO,IAAMG,oBAAoB,GAAGL,0BAAOM,KAAV;AAAA;AAAA;AAAA,qYAKjBP,kBALiB,EAUjBA,kBAViB,EAe3BI,qBAf2B,EAoB3BC,oBApB2B,EA0BhBL,kBA1BgB,CAA1B;;;AAgCPM,oBAAoB,CAACH,WAArB,GAAmC,sBAAnC;AAEA,IAAMK,YAAY,OAAGC,qBAAH,gLACdL,qBADc,EAKdE,oBALc,EAKYN,kBALZ,EASdM,oBATc,EASoBN,kBATpB,EAcZK,oBAdY,CAAlB;;AAoBO,IAAMK,YAAY,GAAGT,0BAAOU,KAAV;AAAA;AAAA;AAAA,gPACrBC,oBADqB,EAErBC,8BAFqB,EAcnBL,YAdmB,EAsBrB,UAACM,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,QACAN,qBADA,YAEID,YAFJ,CADA;AAAA,CAtBqB,CAAlB;;;AA6BPE,YAAY,CAACP,WAAb,GAA2B,cAA3B","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"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["StyledToggleSlider","styled","div","displayName","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;AACA;AACA;AAAmD;AAAA;AAE5C,IAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,8cA8B3C;AAAC;AAEFF,kBAAkB,CAACG,WAAW,GAAG,oBAAoB;AAE9C,IAAMC,qBAAqB,GAAGH,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,uIAO9C;AAAC;AAEFE,qBAAqB,CAACD,WAAW,GAAG,uBAAuB;AAEpD,IAAME,oBAAoB,GAAGJ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,wIAO7C;AAAC;AAEFG,oBAAoB,CAACF,WAAW,GAAG,sBAAsB;AAElD,IAAMG,oBAAoB,GAAGL,yBAAM,CAACM,KAAK;EAAA;EAAA;AAAA,qYAKhCP,kBAAkB,EAKlBA,kBAAkB,EAK5BI,qBAAqB,EAKrBC,oBAAoB,EAMTL,kBAAkB,CAIlC;AAAC;AAEFM,oBAAoB,CAACH,WAAW,GAAG,sBAAsB;AAEzD,IAAMK,YAAY,OAAGC,qBAAG,gLACpBL,qBAAqB,EAIrBE,oBAAoB,EAAMN,kBAAkB,EAI5CM,oBAAoB,EAAcN,kBAAkB,EAKlDK,oBAAoB,CAIzB;AAEM,IAAMK,YAAY,GAAGT,yBAAM,CAACU,KAAK;EAAA;EAAA;AAAA,gPACpCC,oBAAS,EACTC,8BAAc,EAYZL,YAAY,EAQd,UAACM,KAAK;EAAA,OACNA,KAAK,CAACC,UAAU,QAChBN,qBAAG,YACCD,YAAY,CACf;AAAA,EACJ;AAAC;AAEFE,YAAY,CAACP,WAAW,GAAG,cAAc"}

package/dist/cjs/components/Toggle/Toggle.js

@@ -1,37 +1,24 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Toggle = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Styles = require("./Styles");
-
 var _excluded = ["hovered", "className"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var hovered = _ref.hovered,
-      className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    args = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledToggle, {
     className: (0, _classnames.default)("c-toggle", className),
     $isHovered: hovered,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Toggle/Toggle.tsx"],"names":["Toggle","ref","hovered","className","args","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAeO,IAAMA,MAAM,gBAAG,uBAGpB,gBAAkCC,GAAlC,EAA0C;AAAA,MAAvCC,OAAuC,QAAvCA,OAAuC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AAC1C,sBACE,6BAAC,oBAAD;AACE,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBD,SAAvB,CADb;AAEE,IAAA,UAAU,EAAED,OAFd;AAGE,IAAA,QAAQ,EAAE;AAHZ,kBAKE,6BAAC,4BAAD;AAAsB,IAAA,GAAG,EAAED,GAA3B;AAAgC,IAAA,IAAI,EAAC;AAArC,KAAoDG,IAApD,EALF,eAME,6BAAC,0BAAD,qBACE,6BAAC,4BAAD,aADF,eAEE,6BAAC,6BAAD,cAFF,CANF,CADF;AAaD,CAjBqB,CAAf;;AAmBPJ,MAAM,CAACK,WAAP,GAAqB,QAArB","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"],"file":"Toggle.js"}
+{"version":3,"file":"Toggle.js","names":["Toggle","forwardRef","ref","hovered","className","args","classNames","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;AACA;AACA;AAMkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASX,IAAMA,MAAM,gBAAG,IAAAC,iBAAU,EAG9B,gBAAkCC,GAAG,EAAK;EAAA,IAAvCC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EAC9B,oBACE,6BAAC,oBAAY;IACX,SAAS,EAAE,IAAAC,mBAAU,EAAC,UAAU,EAAEF,SAAS,CAAE;IAC7C,UAAU,EAAED,OAAQ;IACpB,QAAQ,EAAE;EAAE,gBAEZ,6BAAC,4BAAoB;IAAC,GAAG,EAAED,GAAI;IAAC,IAAI,EAAC;EAAU,GAAKG,IAAI,EAAI,eAC5D,6BAAC,0BAAkB,qBACjB,6BAAC,4BAAoB,aAA0B,eAC/C,6BAAC,6BAAqB,cAA4B,CAC/B,CACR;AAEnB,CAAC,CAAC;AAAC;AAEHL,MAAM,CAACO,WAAW,GAAG,QAAQ"}

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

@@ -3,9 +3,7 @@
 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;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Toggle/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Toggle\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Toggle/index.ts"],"sourcesContent":["export * from \"./Toggle\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -1,28 +1,20 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var 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.BoxSizingStyle, _FontStyle.FontStyle, function (props) {
   return props.$isLight && (0, _styledComponents.css)(["background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);color:var(--color-theme-700);"]);
 });
-
 exports.StyledTooltip = StyledTooltip;
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tooltip/Styles.ts"],"names":["StyledTooltip","styled","div","BoxSizingStyle","FontStyle","props","$isLight","css"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEO,IAAMA,aAAa,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,qMACtBC,8BADsB,EAEtBC,oBAFsB,EAetB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,QACAC,qBADA,+GADA;AAAA,CAfsB,CAAnB","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"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["StyledTooltip","styled","div","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;AACA;AACA;AAAyC;AAAA;AAElC,IAAMA,aAAa,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,qMACnCC,8BAAc,EACdC,oBAAS,EAaT,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,QACdC,qBAAG,+GAIF;AAAA,EACJ;AAAC"}

package/dist/cjs/components/Tooltip/Tooltip.js

@@ -1,119 +1,81 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Tooltip = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Popper = require("../Popper");
-
 var _FromElement = require("../Transitions/FromElement");
-
 var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-
 var _helpers = require("../../helpers");
-
 var _Styles = require("./Styles");
-
 var _utils = require("../../utils");
-
 var _excluded = ["children"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var TooltipAnimation = function TooltipAnimation(_ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_FromElement.FromElement, _extends({
     timeout: 0
   }, props), children);
 };
-
 var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var children = _ref2.children,
-      title = _ref2.title,
-      className = _ref2.className,
-      style = _ref2.style,
-      _ref2$isLight = _ref2.isLight,
-      isLight = _ref2$isLight === void 0 ? false : _ref2$isLight,
-      _ref2$placement = _ref2.placement,
-      placement = _ref2$placement === void 0 ? "top" : _ref2$placement,
-      _ref2$TransitionCompo = _ref2.TransitionComponent,
-      TransitionComponent = _ref2$TransitionCompo === void 0 ? TooltipAnimation : _ref2$TransitionCompo,
-      popperTooltipStyle = _ref2.popperTooltipStyle,
-      popperTooltipClassName = _ref2.popperTooltipClassName,
-      disable = _ref2.disable;
-
+    title = _ref2.title,
+    className = _ref2.className,
+    style = _ref2.style,
+    _ref2$isLight = _ref2.isLight,
+    isLight = _ref2$isLight === void 0 ? false : _ref2$isLight,
+    _ref2$placement = _ref2.placement,
+    placement = _ref2$placement === void 0 ? "top" : _ref2$placement,
+    _ref2$TransitionCompo = _ref2.TransitionComponent,
+    TransitionComponent = _ref2$TransitionCompo === void 0 ? TooltipAnimation : _ref2$TransitionCompo,
+    popperTooltipStyle = _ref2.popperTooltipStyle,
+    popperTooltipClassName = _ref2.popperTooltipClassName,
+    disable = _ref2.disable;
   var _useLayerContext = (0, _helpers.useLayerContext)(),
-      _useLayerContext$zInd = _useLayerContext.zIndex,
-      zIndex = _useLayerContext$zInd === void 0 ? _utils.layers.skyscraper : _useLayerContext$zInd;
-
+    _useLayerContext$zInd = _useLayerContext.zIndex,
+    zIndex = _useLayerContext$zInd === void 0 ? _utils.layers.skyscraper : _useLayerContext$zInd;
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
   var _useState3 = (0, _react.useState)(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      childNode = _useState4[0],
-      setChildNode = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    childNode = _useState4[0],
+    setChildNode = _useState4[1];
   var handleEnter = function handleEnter(event) {
     var childrenProps = children.props;
-
     if (event.type === "mouseover" && childrenProps.onMouseOver) {
       childrenProps.onMouseOver(event);
     }
-
     childNode && childNode.removeAttribute("title");
     setOpen(true);
   };
-
   var handleLeave = function handleLeave(event) {
     var childrenProps = children.props;
-
     if (event.type === "mouseleave" && childrenProps.onMouseLeave && event.currentTarget === childNode) {
       childrenProps.onMouseLeave(event);
     }
-
     setOpen(false);
   };
-
   var handleOwnRef = (0, _useForkRef.default)(children.ref, ref);
   var handleRef = (0, _useForkRef.default)(setChildNode, handleOwnRef);
   var childrenProps = {
@@ -133,7 +95,7 @@ var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     role: "tooltip"
   }, function (_ref3) {
     var _ref3$transitionProps = _ref3.transitionProps,
-        transitionProps = _ref3$transitionProps === void 0 ? {} : _ref3$transitionProps;
+      transitionProps = _ref3$transitionProps === void 0 ? {} : _ref3$transitionProps;
     return /*#__PURE__*/_react.default.createElement(TransitionComponent, _extends({}, transitionProps, {
       style: style
     }), /*#__PURE__*/_react.default.createElement(_Styles.StyledTooltip, {