@activecollab/components 1.0.3 → 1.0.7

package/dist/esm/components/Transitions/Reveal/Reveal.js

@@ -1,62 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { cloneElement } from 'react';
-import { Transition } from 'react-transition-group';
-import { jsx } from 'react/jsx-runtime';
-
-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; }
-
-var defaultStyle = function defaultStyle(duration) {
-  return {
-    transition: "all ".concat(duration, "ms ease-in"),
-    transform: "scaleX(0)",
-    opacity: 0,
-    transformOrigin: "left"
-  };
-};
-
-var transitionStyles = {
-  entering: {
-    transform: "scaleX(1)",
-    opacity: 1
-  },
-  entered: {
-    transform: "scaleX(1)",
-    opacity: 1
-  },
-  exiting: {
-    transform: "scaleX(0)",
-    opacity: 0
-  },
-  exited: {
-    transform: "scaleX(0)",
-    opacity: 0
-  }
-};
-var Reveal = function Reveal(_ref) {
-  var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      onEnter = _ref.onEnter,
-      onExited = _ref.onExited,
-      _children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
-  return /*#__PURE__*/jsx(Transition, {
-    appear: true,
-    in: inProp,
-    timeout: timeout,
-    onEnter: onEnter,
-    onExited: onExited,
-    children: function children(state) {
-      return /*#__PURE__*/cloneElement(_children, {
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultStyle(inProp ? timeout : 0)), transitionStyles[state]), style), _children.props.style)
-      });
-    }
-  });
-};
-Reveal.displayName = "Reveal";
-
-export { Reveal };
-//# sourceMappingURL=Reveal.js.map

package/dist/esm/components/Transitions/Reveal/Reveal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Reveal.js","sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IRevealProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  oppositeDirection?: boolean;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{\n  transition: string;\n  transform: string;\n  transformOrigin: string;\n  opacity: number;\n}> => ({\n  transition: `all ${duration}ms ease-in`,\n  transform: `scaleX(0)`,\n  opacity: 0,\n  transformOrigin: \"left\",\n});\n\nconst transitionStyles = {\n  entering: { transform: `scaleX(1)`, opacity: 1 },\n  entered: { transform: `scaleX(1)`, opacity: 1 },\n  exiting: { transform: `scaleX(0)`, opacity: 0 },\n  exited: { transform: `scaleX(0)`, opacity: 0 },\n};\n\nexport const Reveal: FC<IRevealProps> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  return (\n    <Transition\n      appear\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            ...defaultStyle(inProp ? timeout : 0),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nReveal.displayName = \"Reveal\";\n"],"names":["defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","in","inProp","onEnter","onExited","children","style","timeout","_jsx","state","cloneElement","props","displayName"],"mappings":";;;;;;;;;AAUA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CACnBC,QADmB;AAAA,SAOd;AACLC,IAAAA,UAAU,gBAASD,QAAT,eADL;AAELE,IAAAA,SAAS,aAFJ;AAGLC,IAAAA,OAAO,EAAE,CAHJ;AAILC,IAAAA,eAAe,EAAE;AAJZ,GAPc;AAAA,CAArB;;AAcA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEJ,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GADa;AAEvBI,EAAAA,OAAO,EAAE;AAAEL,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GAFc;AAGvBK,EAAAA,OAAO,EAAE;AAAEN,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GAHc;AAIvBM,EAAAA,MAAM,EAAE;AAAEP,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC;AAJe,CAAzB;IAOaO,MAAwB,GAAG,SAA3BA,MAA2B,OAOlC;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,SAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,sBACEC,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEN,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACK,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACL,SAAD,EAAW;AAC5BC,QAAAA,KAAK,8DACAjB,YAAY,CAACa,MAAM,GAAGK,OAAH,GAAa,CAApB,CADZ,GAEAZ,gBAAgB,CAACc,KAAD,CAFhB,GAGAH,KAHA,GAIAD,SAAQ,CAACM,KAAT,CAAeL,KAJf;AADuB,OAAX,CAAnB;AAQD;AAhBH,IADF;AAoBD;AAEDN,MAAM,CAACY,WAAP,GAAqB,QAArB;;;;"}

package/dist/esm/components/Transitions/Scale/Scale.js

@@ -1,48 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { useMemo, cloneElement } from 'react';
-import { Transition } from 'react-transition-group';
-import { jsx } from 'react/jsx-runtime';
-
-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; }
-var transitionStyles = {
-  entered: {
-    transform: "scale(1)"
-  },
-  exiting: {
-    transform: "scale(0)"
-  }
-};
-var Scale = function Scale(_ref) {
-  var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      onEnter = _ref.onEnter,
-      onExited = _ref.onExited,
-      _children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
-  var defaultStyle = useMemo(function () {
-    return {
-      transitionProperty: "transform",
-      transitionDuration: "".concat(timeout, "ms"),
-      transform: "scale(0)"
-    };
-  }, [timeout]);
-  return /*#__PURE__*/jsx(Transition, {
-    in: inProp,
-    timeout: timeout,
-    onEnter: onEnter,
-    onExited: onExited,
-    children: function children(state) {
-      return /*#__PURE__*/cloneElement(_children, {
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state]), style), _children.props.style)
-      });
-    }
-  });
-};
-Scale.displayName = "Scale";
-
-export { Scale };
-//# sourceMappingURL=Scale.js.map

package/dist/esm/components/Transitions/Scale/Scale.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Scale.js","sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IScale extends TransitionProps {\n  children: ReactElement;\n}\n\nconst transitionStyles = {\n  entered: { transform: \"scale(1)\" },\n  exiting: { transform: \"scale(0)\" },\n};\n\nexport const Scale: FC<IScale> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"transform\",\n      transitionDuration: `${timeout}ms`,\n      transform: \"scale(0)\",\n    };\n  }, [timeout]);\n\n  return (\n    <Transition\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            ...defaultStyle,\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nScale.displayName = \"Scale\";\n"],"names":["transitionStyles","entered","transform","exiting","Scale","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","useMemo","transitionProperty","transitionDuration","_jsx","state","cloneElement","props","displayName"],"mappings":";;;;;;;;AAQA,IAAMA,gBAAgB,GAAG;AACvBC,EAAAA,OAAO,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAb,GADc;AAEvBC,EAAAA,OAAO,EAAE;AAAED,IAAAA,SAAS,EAAE;AAAb;AAFc,CAAzB;IAKaE,KAAiB,GAAG,SAApBA,KAAoB,OAO3B;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,SAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,MAAMC,YAAY,GAAGC,OAAO,CAAC,YAAM;AACjC,WAAO;AACLC,MAAAA,kBAAkB,EAAE,WADf;AAELC,MAAAA,kBAAkB,YAAKJ,OAAL,OAFb;AAGLT,MAAAA,SAAS,EAAE;AAHN,KAAP;AAKD,GAN2B,EAMzB,CAACS,OAAD,CANyB,CAA5B;AAQA,sBACEK,IAAC,UAAD;AACE,IAAA,EAAE,EAAEV,MADN;AAEE,IAAA,OAAO,EAAEK,OAFX;AAGE,IAAA,OAAO,EAAEJ,OAHX;AAIE,IAAA,QAAQ,EAAEC,QAJZ;AAAA,cAMG,kBAACS,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACT,SAAD,EAAW;AAC5BC,QAAAA,KAAK,8DACAE,YADA,GAEAZ,gBAAgB,CAACiB,KAAD,CAFhB,GAGAP,KAHA,GAIAD,SAAQ,CAACU,KAAT,CAAeT,KAJf;AADuB,OAAX,CAAnB;AAQD;AAfH,IADF;AAmBD;AAEDN,KAAK,CAACgB,WAAN,GAAoB,OAApB;;;;"}

package/dist/esm/components/Transitions/Slide/Slide.js

@@ -1,77 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { cloneElement } from 'react';
-import { Transition } from 'react-transition-group';
-import { jsx } from 'react/jsx-runtime';
-
-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; }
-var Slide = function Slide(_ref) {
-  var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      onEnter = _ref.onEnter,
-      onExited = _ref.onExited,
-      _children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
-      _ref$initialDirection = _ref.initialDirection,
-      initialDirection = _ref$initialDirection === void 0 ? "left" : _ref$initialDirection;
-  var directionSign;
-
-  switch (initialDirection) {
-    case "right":
-      directionSign = "100%, 0";
-      break;
-
-    case "top":
-      directionSign = "0, -100%";
-      break;
-
-    case "bottom":
-      directionSign = "0, 100%";
-      break;
-
-    default:
-      directionSign = "-100%, 0";
-  }
-
-  var defaultStyle = function defaultStyle(timeout) {
-    return {
-      transition: "all ".concat(timeout, "ms ease")
-    };
-  };
-
-  var transitionStyles = {
-    entering: {
-      transform: "translate(0,0)"
-    },
-    entered: {
-      transform: "translate(0,0)"
-    },
-    exiting: {
-      transform: "translate(".concat(directionSign, ")")
-    },
-    exited: {
-      transform: "translate(".concat(directionSign, ")")
-    }
-  };
-  return /*#__PURE__*/jsx(Transition, {
-    appear: true,
-    in: inProp,
-    timeout: timeout,
-    onEnter: onEnter,
-    onExited: onExited,
-    children: function children(state) {
-      return /*#__PURE__*/cloneElement(_children, {
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-          visibility: state === "exited" && !inProp ? "hidden" : undefined
-        }, defaultStyle(timeout)), transitionStyles[state]), style), _children.props.style)
-      });
-    }
-  });
-};
-Slide.displayName = "Slide";
-
-export { Slide };
-//# sourceMappingURL=Slide.js.map

package/dist/esm/components/Transitions/Slide/Slide.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slide.js","sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface ISlide extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  initialDirection?: string;\n}\n\nexport const Slide: FC<ISlide> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 300,\n  initialDirection = \"left\",\n}) => {\n  let directionSign: string;\n\n  switch (initialDirection) {\n    case \"right\":\n      directionSign = \"100%, 0\";\n      break;\n    case \"top\":\n      directionSign = \"0, -100%\";\n      break;\n    case \"bottom\":\n      directionSign = \"0, 100%\";\n      break;\n    default:\n      directionSign = \"-100%, 0\";\n  }\n\n  const defaultStyle = (timeout: number): Partial<{ transition: string }> => ({\n    transition: `all ${timeout}ms ease`,\n  });\n\n  const transitionStyles = {\n    entering: {\n      transform: `translate(0,0)`,\n    },\n    entered: {\n      transform: `translate(0,0)`,\n    },\n    exiting: {\n      transform: `translate(${directionSign})`,\n    },\n    exited: {\n      transform: `translate(${directionSign})`,\n    },\n  };\n\n  return (\n    <Transition\n      appear\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle(timeout),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nSlide.displayName = \"Slide\";\n"],"names":["Slide","in","inProp","onEnter","onExited","children","style","timeout","initialDirection","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","_jsx","state","cloneElement","visibility","undefined","props","displayName"],"mappings":";;;;;;;;IAUaA,KAAiB,GAAG,SAApBA,KAAoB,OAQ3B;AAAA,qBAPJC,EAOI;AAAA,MAPAC,MAOA,wBAPS,KAOT;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,SAII,QAJJA,QAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,GAEN;AAAA,mCADJC,gBACI;AAAA,MADJA,gBACI,sCADe,MACf;AACJ,MAAIC,aAAJ;;AAEA,UAAQD,gBAAR;AACE,SAAK,OAAL;AACEC,MAAAA,aAAa,GAAG,SAAhB;AACA;;AACF,SAAK,KAAL;AACEA,MAAAA,aAAa,GAAG,UAAhB;AACA;;AACF,SAAK,QAAL;AACEA,MAAAA,aAAa,GAAG,SAAhB;AACA;;AACF;AACEA,MAAAA,aAAa,GAAG,UAAhB;AAXJ;;AAcA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACH,OAAD;AAAA,WAAuD;AAC1EI,MAAAA,UAAU,gBAASJ,OAAT;AADgE,KAAvD;AAAA,GAArB;;AAIA,MAAMK,gBAAgB,GAAG;AACvBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,SAAS;AADD,KADa;AAIvBC,IAAAA,OAAO,EAAE;AACPD,MAAAA,SAAS;AADF,KAJc;AAOvBE,IAAAA,OAAO,EAAE;AACPF,MAAAA,SAAS,sBAAeL,aAAf;AADF,KAPc;AAUvBQ,IAAAA,MAAM,EAAE;AACNH,MAAAA,SAAS,sBAAeL,aAAf;AADH;AAVe,GAAzB;AAeA,sBACES,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEhB,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACe,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACf,SAAD,EAAW;AAC5BC,QAAAA,KAAK;AACHe,UAAAA,UAAU,EAAEF,KAAK,KAAK,QAAV,IAAsB,CAACjB,MAAvB,GAAgC,QAAhC,GAA2CoB;AADpD,WAEAZ,YAAY,CAACH,OAAD,CAFZ,GAGAK,gBAAgB,CAACO,KAAD,CAHhB,GAIAb,KAJA,GAKAD,SAAQ,CAACkB,KAAT,CAAejB,KALf;AADuB,OAAX,CAAnB;AASD;AAjBH,IADF;AAqBD;AAEDN,KAAK,CAACwB,WAAN,GAAoB,OAApB;;;;"}

package/dist/esm/components/Transitions/SlideFromTop/SlideFromTop.js

@@ -1,64 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { cloneElement } from 'react';
-import { Transition } from 'react-transition-group';
-import { jsx } from 'react/jsx-runtime';
-
-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; }
-var defaultStyle = {
-  transitionProperty: "opacity, transform",
-  transitionTimingFunction: "linear ease-out",
-  transform: "translateY(-100%)",
-  opacity: 0
-};
-var transitionStyles = {
-  entering: {
-    opacity: 1,
-    transform: "translateY(0)",
-    transitionDuration: ".3s"
-  },
-  entered: {
-    opacity: 1,
-    transform: "translateY(0)",
-    transitionDuration: ".3s"
-  },
-  exiting: {
-    opacity: 0,
-    transform: "translateY(-100%)",
-    transitionDuration: ".2s"
-  },
-  exited: {
-    opacity: 0,
-    transform: "translateY(-100%)",
-    transitionDuration: ".2s"
-  }
-};
-var SlideFromTop = function SlideFromTop(_ref) {
-  var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      onEnter = _ref.onEnter,
-      onExited = _ref.onExited,
-      _children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 400 : _ref$timeout;
-  return /*#__PURE__*/jsx(Transition, {
-    appear: true,
-    in: inProp,
-    timeout: timeout,
-    onEnter: onEnter,
-    onExited: onExited,
-    children: function children(state) {
-      return /*#__PURE__*/cloneElement(_children, {
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-          visibility: state === "exited" && !inProp ? "hidden" : undefined
-        }, defaultStyle), transitionStyles[state]), style), _children.props.style)
-      });
-    }
-  });
-};
-SlideFromTop.displayName = "SlideFromTop";
-
-export { SlideFromTop };
-//# sourceMappingURL=SlideFromTop.js.map

package/dist/esm/components/Transitions/SlideFromTop/SlideFromTop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlideFromTop.js","sources":["../../../../../src/components/Transitions/SlideFromTop/SlideFromTop.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface ISlideFromTop extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n}\n\nconst defaultStyle = {\n  transitionProperty: \"opacity, transform\",\n  transitionTimingFunction: \"linear ease-out\",\n  transform: \"translateY(-100%)\",\n  opacity: 0,\n};\n\nconst transitionStyles = {\n  entering: {\n    opacity: 1,\n    transform: \"translateY(0)\",\n    transitionDuration: \".3s\",\n  },\n  entered: {\n    opacity: 1,\n    transform: \"translateY(0)\",\n    transitionDuration: \".3s\",\n  },\n  exiting: {\n    opacity: 0,\n    transform: \"translateY(-100%)\",\n    transitionDuration: \".2s\",\n  },\n  exited: {\n    opacity: 0,\n    transform: \"translateY(-100%)\",\n    transitionDuration: \".2s\",\n  },\n};\n\nexport const SlideFromTop: FC<ISlideFromTop> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 400,\n}) => (\n  <Transition\n    appear\n    in={inProp}\n    timeout={timeout}\n    onEnter={onEnter}\n    onExited={onExited}\n  >\n    {(state): ReactElement => {\n      return cloneElement(children, {\n        style: {\n          visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n          ...defaultStyle,\n          ...transitionStyles[state],\n          ...style,\n          ...children.props.style,\n        },\n      });\n    }}\n  </Transition>\n);\n\nSlideFromTop.displayName = \"SlideFromTop\";\n"],"names":["defaultStyle","transitionProperty","transitionTimingFunction","transform","opacity","transitionStyles","entering","transitionDuration","entered","exiting","exited","SlideFromTop","in","inProp","onEnter","onExited","children","style","timeout","_jsx","state","cloneElement","visibility","undefined","props","displayName"],"mappings":";;;;;;;;AASA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,kBAAkB,EAAE,oBADD;AAEnBC,EAAAA,wBAAwB,EAAE,iBAFP;AAGnBC,EAAAA,SAAS,EAAE,mBAHQ;AAInBC,EAAAA,OAAO,EAAE;AAJU,CAArB;AAOA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AACRF,IAAAA,OAAO,EAAE,CADD;AAERD,IAAAA,SAAS,EAAE,eAFH;AAGRI,IAAAA,kBAAkB,EAAE;AAHZ,GADa;AAMvBC,EAAAA,OAAO,EAAE;AACPJ,IAAAA,OAAO,EAAE,CADF;AAEPD,IAAAA,SAAS,EAAE,eAFJ;AAGPI,IAAAA,kBAAkB,EAAE;AAHb,GANc;AAWvBE,EAAAA,OAAO,EAAE;AACPL,IAAAA,OAAO,EAAE,CADF;AAEPD,IAAAA,SAAS,EAAE,mBAFJ;AAGPI,IAAAA,kBAAkB,EAAE;AAHb,GAXc;AAgBvBG,EAAAA,MAAM,EAAE;AACNN,IAAAA,OAAO,EAAE,CADH;AAEND,IAAAA,SAAS,EAAE,mBAFL;AAGNI,IAAAA,kBAAkB,EAAE;AAHd;AAhBe,CAAzB;IAuBaI,YAA+B,GAAG,SAAlCA,YAAkC;AAAA,qBAC7CC,EAD6C;AAAA,MACzCC,MADyC,wBAChC,KADgC;AAAA,MAE7CC,OAF6C,QAE7CA,OAF6C;AAAA,MAG7CC,QAH6C,QAG7CA,QAH6C;AAAA,MAI7CC,SAJ6C,QAI7CA,QAJ6C;AAAA,MAK7CC,KAL6C,QAK7CA,KAL6C;AAAA,0BAM7CC,OAN6C;AAAA,MAM7CA,OAN6C,6BAMnC,GANmC;AAAA,sBAQ7CC,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEN,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACK,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACL,SAAD,EAAW;AAC5BC,QAAAA,KAAK;AACHK,UAAAA,UAAU,EAAEF,KAAK,KAAK,QAAV,IAAsB,CAACP,MAAvB,GAAgC,QAAhC,GAA2CU;AADpD,WAEAvB,YAFA,GAGAK,gBAAgB,CAACe,KAAD,CAHhB,GAIAH,KAJA,GAKAD,SAAQ,CAACQ,KAAT,CAAeP,KALf;AADuB,OAAX,CAAnB;AASD;AAjBH,IAR6C;AAAA;AA6B/CN,YAAY,CAACc,WAAb,GAA2B,cAA3B;;;;"}

package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.js

@@ -1,30 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { StyledSlideLeftRightTransition } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["children", "direction"];
-
-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; }
-var SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
-  var children = _ref.children,
-      _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? "left" : _ref$direction,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(StyledSlideLeftRightTransition, _objectSpread(_objectSpread({
-    timeout: 200,
-    classNames: "c-slide",
-    unmountOnExit: true,
-    $direction: direction
-  }, props), {}, {
-    children: children
-  }));
-};
-SlideLeftRightTransition.displayName = "SlideLeftRightTransition";
-
-export { SlideLeftRightTransition };
-//# sourceMappingURL=SlideLeftRightTransition.js.map

package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlideLeftRightTransition.js","sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { TransitionProps } from \"../types\";\nimport { StyledSlideLeftRightTransition } from \"./Styles\";\n\ninterface ISlideLeftRightTransition extends TransitionProps {\n  children: ReactElement;\n  direction?: \"left\" | \"right\";\n}\n\nexport const SlideLeftRightTransition: FC<ISlideLeftRightTransition> = ({\n  children,\n  direction = \"left\",\n  ...props\n}) => {\n  return (\n    <StyledSlideLeftRightTransition\n      timeout={200}\n      classNames=\"c-slide\"\n      unmountOnExit\n      $direction={direction}\n      {...props}\n    >\n      {children}\n    </StyledSlideLeftRightTransition>\n  );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"names":["SlideLeftRightTransition","children","direction","props","_jsx","displayName"],"mappings":";;;;;;;;;;;IASaA,wBAAuD,GAAG,SAA1DA,wBAA0D,OAIjE;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,MAER;AAAA,MADDC,KACC;;AACJ,sBACEC,IAAC,8BAAD;AACE,IAAA,OAAO,EAAE,GADX;AAEE,IAAA,UAAU,EAAC,SAFb;AAGE,IAAA,aAAa,MAHf;AAIE,IAAA,UAAU,EAAEF;AAJd,KAKMC,KALN;AAAA,cAOGF;AAPH,KADF;AAWD;AAEDD,wBAAwB,CAACK,WAAzB,GAAuC,0BAAvC;;;;"}

package/dist/esm/components/Transitions/SlideLeftRightTransition/Styles.js

@@ -1,15 +0,0 @@
-import styled, { css } from 'styled-components';
-import { CSSTransition } from 'react-transition-group';
-
-var StyledSlideLeftRightTransition = styled(CSSTransition).withConfig({
-  displayName: "Styles__StyledSlideLeftRightTransition",
-  componentId: "sc-ewkpq8-0"
-})(["", " ", ""], function (props) {
-  return props.$direction === "left" && css(["&.c-slide-enter{position:absolute;transform:translateX(100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(-100%);transition:all 200ms ease;}"]);
-}, function (props) {
-  return props.$direction === "right" && css(["&.c-slide-enter{position:absolute;transform:translateX(-100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(100%);transition:all 200ms ease;}"]);
-});
-StyledSlideLeftRightTransition.displayName = "StyledSlideLeftRightTransition";
-
-export { StyledSlideLeftRightTransition };
-//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Transitions/SlideLeftRightTransition/Styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Styles.js","sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport const StyledSlideLeftRightTransition = styled(CSSTransition)<{\n  $direction: \"left\" | \"right\";\n}>`\n  ${(props) =>\n    props.$direction === \"left\" &&\n    css`\n      &.c-slide-enter {\n        position: absolute;\n        transform: translateX(100%);\n      }\n      &.c-slide-enter-active {\n        transform: translateX(0%);\n        transition: all 200ms ease;\n      }\n      &.c-slide-exit {\n        position: absolute;\n      }\n      &.c-slide-exit-active {\n        transform: translateX(-100%);\n        transition: all 200ms ease;\n      }\n    `}\n\n  ${(props) =>\n    props.$direction === \"right\" &&\n    css`\n      &.c-slide-enter {\n        position: absolute;\n        transform: translateX(-100%);\n      }\n      &.c-slide-enter-active {\n        transform: translateX(0%);\n        transition: all 200ms ease;\n      }\n\n      &.c-slide-exit {\n        position: absolute;\n      }\n\n      &.c-slide-exit-active {\n        transform: translateX(100%);\n        transition: all 200ms ease;\n      }\n    `}\n`;\n\nStyledSlideLeftRightTransition.displayName = \"StyledSlideLeftRightTransition\";\n"],"names":["StyledSlideLeftRightTransition","styled","CSSTransition","props","$direction","css","displayName"],"mappings":";;;IAGaA,8BAA8B,GAAGC,MAAM,CAACC,aAAD,CAAT;AAAA;AAAA;AAAA,kBAGvC,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAC,GADA,8PADA;AAAA,CAHuC,EAuBvC,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,OAArB,IACAC,GADA,8PADA;AAAA,CAvBuC;AA8C3CL,8BAA8B,CAACM,WAA/B,GAA6C,gCAA7C;;;;"}

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

@@ -1,124 +0,0 @@
-import styled, { css } from 'styled-components';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-import { FontStyle } from '../FontStyle.js';
-
-var colors = {
-  primary: {
-    "color": "var(--color-theme-900)"
-  },
-  secondary: {
-    "color": "var(--color-theme-700)"
-  },
-  tertiary: {
-    "color": "var(--color-theme-600)"
-  },
-  quaternary: {
-    "color": "var(--color-theme-600)",
-    "opacity": "0.5"
-  },
-  "theme-primary": {
-    "color": "var(--color-primary)"
-  },
-  "theme-secondary": {
-    "color": "var(--color-secondary)"
-  },
-  "page-paper": {
-    "color": "var(--page-paper-main)"
-  },
-  "only-white": {
-    "color": "var(--only-white)"
-  },
-  "only-black": {
-    "color": "var(--only-black)"
-  },
-  success: {
-    "color": "var(--color-sucess-green)"
-  },
-  alert: {
-    "color": "var(--red-alert)"
-  }
-};
-var StyledTypography = styled.div.withConfig({
-  displayName: "Styles__StyledTypography",
-  componentId: "sc-mskw5w-0"
-})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
-  return colors[props.$color];
-}, function (props) {
-  return props.$variant === "Title 1" && css(["font-size:2rem;"]);
-}, function (props) {
-  return props.$variant === "Header 2" && css(["font-size:1.125rem;"]);
-}, function (props) {
-  return (props.$variant === "Header 3" || props.$variant === "Body 1") && css(["font-size:1rem;"]);
-}, function (props) {
-  return props.$variant === "Body 2" && css(["font-size:0.875rem;"]);
-}, function (props) {
-  return props.$variant === "Caption 1" && css(["font-size:0.75rem;"]);
-}, function (props) {
-  return props.$variant === "Caption 2" && css(["font-size:0.625rem;"]);
-}, function (props) {
-  return props.$italic ? css(["font-style:italic;"]) : css(["font-style:normal;"]);
-}, function (props) {
-  return props.$tabularNums ? css(["font-variant-numeric:tabular-nums;"]) : css(["font-variant-numeric:normal;"]);
-}, function (props) {
-  return props.$letterSpacing === "regular" && css(["letter-spacing:0.02em;"]);
-}, function (props) {
-  return props.$letterSpacing === "tight" && css(["letter-spacing:0em;"]);
-}, function (props) {
-  return props.$letterSpacing === "wide" && css(["letter-spacing:0.08em;"]);
-}, function (props) {
-  return props.$lineHeight === "regular" && css(["line-height:1.375;"]);
-}, function (props) {
-  return props.$lineHeight === "tight" && css(["line-height:1;"]);
-}, function (props) {
-  return props.$lineHeight === "loose" && css(["line-height:1.625;"]);
-}, function (props) {
-  return props.$align === "left" && css(["text-align:left;"]);
-}, function (props) {
-  return props.$align === "right" && css(["text-align:right;"]);
-}, function (props) {
-  return props.$align === "center" && css(["text-align:center;"]);
-}, function (props) {
-  return props.$align === "justify" && css(["text-align:justify;"]);
-}, function (props) {
-  return props.$decoration === "none" && css(["text-decoration:none;"]);
-}, function (props) {
-  return props.$decoration === "underline" && css(["text-decoration:underline;"]);
-}, function (props) {
-  return props.$decoration === "line-through" && css(["text-decoration:line-through;"]);
-}, function (props) {
-  return props.$transform === "regular" && css(["text-transform:none;"]);
-}, function (props) {
-  return props.$transform === "uppercase" && css(["text-transform:uppercase;"]);
-}, function (props) {
-  return props.$transform === "lowercase" && css(["text-transform:lowercase;"]);
-}, function (props) {
-  return props.$transform === "capitalize" && css(["text-transform:capitalize;"]);
-}, function (props) {
-  return props.$overflow === "visible" && css(["overflow:visible;"]);
-}, function (props) {
-  return props.$overflow === "ellipsis" && css(["text-overflow:ellipsis;"]);
-}, function (props) {
-  return props.$overflow === "truncate" && css(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
-}, function (props) {
-  return props.$whitespace === "regular" && css(["white-space:normal;"]);
-}, function (props) {
-  return props.$whitespace === "no-wrap" && css(["white-space:nowrap;"]);
-}, function (props) {
-  return props.$wordBreak === "regular" && css(["overflow-wrap:normal;word-break:normal;"]);
-}, function (props) {
-  return props.$wordBreak === "smart" && css(["overflow-wrap:break-word;"]);
-}, function (props) {
-  return props.$wordBreak === "all" && css(["word-break:break-all;"]);
-}, function (props) {
-  return props.$weight === "regular" && css(["font-weight:400;"]);
-}, function (props) {
-  return props.$weight === "light" && css(["font-weight:300;"]);
-}, function (props) {
-  return props.$weight === "medium" && css(["font-weight:500;"]);
-}, function (props) {
-  return props.$weight === "bold" && css(["font-weight:700;"]);
-});
-StyledTypography.displayName = "StyledTypography";
-
-export { StyledTypography };
-//# sourceMappingURL=Styles.js.map

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

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

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

@@ -1,73 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef, useRef } from 'react';
-import classnames from 'classnames';
-import useForkRef from '../../utils/useForkRef.js';
-import { StyledTypography } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["variant", "Tag", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
-
-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; }
-var Typography = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
-      _ref$Tag = _ref.Tag,
-      Tag = _ref$Tag === void 0 ? "div" : _ref$Tag,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "primary" : _ref$color,
-      _ref$italic = _ref.italic,
-      italic = _ref$italic === void 0 ? false : _ref$italic,
-      _ref$tabularNums = _ref.tabularNums,
-      tabularNums = _ref$tabularNums === void 0 ? false : _ref$tabularNums,
-      _ref$letterSpacing = _ref.letterSpacing,
-      letterSpacing = _ref$letterSpacing === void 0 ? "regular" : _ref$letterSpacing,
-      _ref$lineHeight = _ref.lineHeight,
-      lineHeight = _ref$lineHeight === void 0 ? "regular" : _ref$lineHeight,
-      _ref$align = _ref.align,
-      align = _ref$align === void 0 ? "left" : _ref$align,
-      _ref$decoration = _ref.decoration,
-      decoration = _ref$decoration === void 0 ? "none" : _ref$decoration,
-      _ref$transform = _ref.transform,
-      transform = _ref$transform === void 0 ? "regular" : _ref$transform,
-      _ref$overflow = _ref.overflow,
-      overflow = _ref$overflow === void 0 ? "visible" : _ref$overflow,
-      _ref$whitespace = _ref.whitespace,
-      whitespace = _ref$whitespace === void 0 ? "regular" : _ref$whitespace,
-      _ref$wordBreak = _ref.wordBreak,
-      wordBreak = _ref$wordBreak === void 0 ? "regular" : _ref$wordBreak,
-      _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
-      className = _ref.className,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var innerRef = useRef(null);
-  var handleRef = useForkRef(ref, innerRef);
-  return /*#__PURE__*/jsx(StyledTypography, _objectSpread(_objectSpread({
-    as: Tag,
-    className: classnames("typography", className),
-    $italic: italic,
-    $tabularNums: tabularNums,
-    $letterSpacing: letterSpacing,
-    $lineHeight: lineHeight,
-    $align: align,
-    $decoration: decoration,
-    $transform: transform,
-    $overflow: overflow,
-    $whitespace: whitespace,
-    $wordBreak: wordBreak,
-    $variant: variant,
-    $color: color,
-    $weight: weight,
-    ref: handleRef
-  }, props), {}, {
-    children: children
-  }));
-});
-Typography.displayName = "Typography";
-
-export { Typography };
-//# sourceMappingURL=Typography.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledTypography } from \"./Styles\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?: \"regular\" | \"no-wrap\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n}\n\ninterface ITypographyAdditionalProps {\n  /** Element variant. */\n  variant?:\n    | \"Title 1\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  /** Element tag. */\n  Tag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"span\" | \"div\";\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport const Typography = forwardRef<\n  HTMLElement,\n  ITypographyProps & ITypographyAdditionalProps\n>(\n  (\n    {\n      variant = \"Title 1\",\n      Tag = \"div\",\n      color = \"primary\",\n      italic = false,\n      tabularNums = false,\n      letterSpacing = \"regular\",\n      lineHeight = \"regular\",\n      align = \"left\",\n      decoration = \"none\",\n      transform = \"regular\",\n      overflow = \"visible\",\n      whitespace = \"regular\",\n      wordBreak = \"regular\",\n      weight = \"regular\",\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLElement | null>(null);\n    const handleRef = useForkRef(ref, innerRef);\n\n    return (\n      <StyledTypography\n        as={Tag}\n        className={classNames(\"typography\", className)}\n        $italic={italic}\n        $tabularNums={tabularNums}\n        $letterSpacing={letterSpacing}\n        $lineHeight={lineHeight}\n        $align={align}\n        $decoration={decoration}\n        $transform={transform}\n        $overflow={overflow}\n        $whitespace={whitespace}\n        $wordBreak={wordBreak}\n        $variant={variant}\n        $color={color}\n        $weight={weight}\n        ref={handleRef}\n        {...props}\n      >\n        {children}\n      </StyledTypography>\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n"],"names":["Typography","forwardRef","ref","variant","Tag","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","innerRef","useRef","handleRef","useForkRef","_jsx","classNames","displayName"],"mappings":";;;;;;;;;;;;;IA4DaA,UAAU,gBAAGC,UAAU,CAIlC,gBAoBEC,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,sBAlBDC,GAkBC;AAAA,MAlBDA,GAkBC,yBAlBK,KAkBL;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,QAAQ,GAAGC,MAAM,CAAqB,IAArB,CAAvB;AACA,MAAMC,SAAS,GAAGC,UAAU,CAACrB,GAAD,EAAMkB,QAAN,CAA5B;AAEA,sBACEI,IAAC,gBAAD;AACE,IAAA,EAAE,EAAEpB,GADN;AAEE,IAAA,SAAS,EAAEqB,UAAU,CAAC,YAAD,EAAeR,SAAf,CAFvB;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEM;AAhBP,KAiBMH,KAjBN;AAAA,cAmBGD;AAnBH,KADF;AAuBD,CApDiC;AAuDpClB,UAAU,CAAC0B,WAAX,GAAyB,YAAzB;;;;"}

package/dist/esm/components/Typography/Variants/Body1.js

@@ -1,29 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import { Typography } from '../Typography.js';
-import { jsxs } from 'react/jsx-runtime';
-
-var _excluded = ["weight", "children"];
-
-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; }
-var Body1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
-    variant: "Body 1",
-    weight: weight,
-    ref: ref
-  }, props), {}, {
-    children: [" ", children, " "]
-  }));
-});
-Body1.displayName = "Body1";
-
-export { Body1 };
-//# sourceMappingURL=Body1.js.map

package/dist/esm/components/Typography/Variants/Body1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Body1.js","sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body1: FC<ITypographyProps & IBodyProps> = forwardRef(\n  ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nBody1.displayName = \"Body1\";\n"],"names":["Body1","forwardRef","ref","weight","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAQaA,KAAwC,gBAAGC,UAAU,CAChE,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACEC,KAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEH,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CAR+D;AAWlEJ,KAAK,CAACO,WAAN,GAAoB,OAApB;;;;"}