@activecollab/components 1.0.7 → 1.0.11

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

@@ -0,0 +1,54 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement } from "react";
+import { Transition } from "react-transition-group";
+
+var defaultStyle = function defaultStyle(duration) {
+  return {
+    transition: "all " + 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
+  }
+};
+export 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__*/React.createElement(Transition, {
+    appear: true,
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/cloneElement(children, {
+      style: _extends({}, defaultStyle(inProp ? timeout : 0), transitionStyles[state], style, children.props.style)
+    });
+  });
+};
+Reveal.displayName = "Reveal";
+//# sourceMappingURL=Reveal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"names":["React","cloneElement","Transition","defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","in","inProp","onEnter","onExited","children","style","timeout","state","props","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAAkCC,YAAlC,QAAsD,OAAtD;AACA,SAASC,UAAT,QAA2B,wBAA3B;;AASA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CACnBC,QADmB;AAAA,SAOd;AACLC,IAAAA,UAAU,WAASD,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;AAOA,OAAO,IAAMO,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,QAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,sBACE,oBAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEL,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOG,UAACI,KAAD,EAAyB;AACxB,wBAAOrB,YAAY,CAACkB,QAAD,EAAW;AAC5BC,MAAAA,KAAK,eACAjB,YAAY,CAACa,MAAM,GAAGK,OAAH,GAAa,CAApB,CADZ,EAEAZ,gBAAgB,CAACa,KAAD,CAFhB,EAGAF,KAHA,EAIAD,QAAQ,CAACI,KAAT,CAAeH,KAJf;AADuB,KAAX,CAAnB;AAQD,GAhBH,CADF;AAoBD,CA5BM;AA8BPN,MAAM,CAACU,WAAP,GAAqB,QAArB","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"],"file":"Reveal.js"}

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

@@ -0,0 +1,2 @@
+export * from "./Reveal";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/Reveal/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from \"./Reveal\";\n"],"file":"index.js"}

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

@@ -0,0 +1,40 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement, useMemo } from "react";
+import { Transition } from "react-transition-group";
+var transitionStyles = {
+  entered: {
+    transform: "scale(1)"
+  },
+  exiting: {
+    transform: "scale(0)"
+  }
+};
+export 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: timeout + "ms",
+      transform: "scale(0)"
+    };
+  }, [timeout]);
+  return /*#__PURE__*/React.createElement(Transition, {
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/cloneElement(children, {
+      style: _extends({}, defaultStyle, transitionStyles[state], style, children.props.style)
+    });
+  });
+};
+Scale.displayName = "Scale";
+//# sourceMappingURL=Scale.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"names":["React","cloneElement","useMemo","Transition","transitionStyles","entered","transform","exiting","Scale","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","state","props","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,YAAhB,EAAgDC,OAAhD,QAA+D,OAA/D;AACA,SAASC,UAAT,QAA2B,wBAA3B;AAOA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,OAAO,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAb,GADc;AAEvBC,EAAAA,OAAO,EAAE;AAAED,IAAAA,SAAS,EAAE;AAAb;AAFc,CAAzB;AAKA,OAAO,IAAME,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,QAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,MAAMC,YAAY,GAAGd,OAAO,CAAC,YAAM;AACjC,WAAO;AACLe,MAAAA,kBAAkB,EAAE,WADf;AAELC,MAAAA,kBAAkB,EAAKH,OAAL,OAFb;AAGLT,MAAAA,SAAS,EAAE;AAHN,KAAP;AAKD,GAN2B,EAMzB,CAACS,OAAD,CANyB,CAA5B;AAQA,sBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAEL,MADN;AAEE,IAAA,OAAO,EAAEK,OAFX;AAGE,IAAA,OAAO,EAAEJ,OAHX;AAIE,IAAA,QAAQ,EAAEC;AAJZ,KAMG,UAACO,KAAD,EAAyB;AACxB,wBAAOlB,YAAY,CAACY,QAAD,EAAW;AAC5BC,MAAAA,KAAK,eACAE,YADA,EAEAZ,gBAAgB,CAACe,KAAD,CAFhB,EAGAL,KAHA,EAIAD,QAAQ,CAACO,KAAT,CAAeN,KAJf;AADuB,KAAX,CAAnB;AAQD,GAfH,CADF;AAmBD,CAnCM;AAqCPN,KAAK,CAACa,WAAN,GAAoB,OAApB","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"],"file":"Scale.js"}

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

@@ -0,0 +1,2 @@
+export * from "./Scale";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/Scale/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from \"./Scale\";\n"],"file":"index.js"}

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

@@ -0,0 +1,69 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement } from "react";
+import { Transition } from "react-transition-group";
+export 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 " + timeout + "ms ease"
+    };
+  };
+
+  var transitionStyles = {
+    entering: {
+      transform: "translate(0,0)"
+    },
+    entered: {
+      transform: "translate(0,0)"
+    },
+    exiting: {
+      transform: "translate(" + directionSign + ")"
+    },
+    exited: {
+      transform: "translate(" + directionSign + ")"
+    }
+  };
+  return /*#__PURE__*/React.createElement(Transition, {
+    appear: true,
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/cloneElement(children, {
+      style: _extends({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle(timeout), transitionStyles[state], style, children.props.style)
+    });
+  });
+};
+Slide.displayName = "Slide";
+//# sourceMappingURL=Slide.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"names":["React","cloneElement","Transition","Slide","in","inProp","onEnter","onExited","children","style","timeout","initialDirection","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","state","visibility","undefined","props","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAAkCC,YAAlC,QAAsD,OAAtD;AACA,SAASC,UAAT,QAA2B,wBAA3B;AASA,OAAO,IAAMC,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,QAII,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,WAASJ,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,iBAAeL,aAAf;AADF,KAPc;AAUvBQ,IAAAA,MAAM,EAAE;AACNH,MAAAA,SAAS,iBAAeL,aAAf;AADH;AAVe,GAAzB;AAeA,sBACE,oBAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEP,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOG,UAACc,KAAD,EAAyB;AACxB,wBAAOpB,YAAY,CAACO,QAAD,EAAW;AAC5BC,MAAAA,KAAK;AACHa,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAAChB,MAAvB,GAAgC,QAAhC,GAA2CkB;AADpD,SAEAV,YAAY,CAACH,OAAD,CAFZ,EAGAK,gBAAgB,CAACM,KAAD,CAHhB,EAIAZ,KAJA,EAKAD,QAAQ,CAACgB,KAAT,CAAef,KALf;AADuB,KAAX,CAAnB;AASD,GAjBH,CADF;AAqBD,CAjEM;AAmEPN,KAAK,CAACsB,WAAN,GAAoB,OAApB","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"],"file":"Slide.js"}

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

@@ -0,0 +1,2 @@
+export * from "./Slide";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/Slide/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from \"./Slide\";\n"],"file":"index.js"}

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

@@ -0,0 +1,56 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { cloneElement } from "react";
+import { Transition } from "react-transition-group";
+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"
+  }
+};
+export 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__*/React.createElement(Transition, {
+    appear: true,
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/cloneElement(children, {
+      style: _extends({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle, transitionStyles[state], style, children.props.style)
+    });
+  });
+};
+SlideFromTop.displayName = "SlideFromTop";
+//# sourceMappingURL=SlideFromTop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/SlideFromTop/SlideFromTop.tsx"],"names":["React","cloneElement","Transition","defaultStyle","transitionProperty","transitionTimingFunction","transform","opacity","transitionStyles","entering","transitionDuration","entered","exiting","exited","SlideFromTop","in","inProp","onEnter","onExited","children","style","timeout","state","visibility","undefined","props","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAAkCC,YAAlC,QAAsD,OAAtD;AACA,SAASC,UAAT,QAA2B,wBAA3B;AAQA,IAAMC,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;AAuBA,OAAO,IAAMI,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,QAJ6C,QAI7CA,QAJ6C;AAAA,MAK7CC,KAL6C,QAK7CA,KAL6C;AAAA,0BAM7CC,OAN6C;AAAA,MAM7CA,OAN6C,6BAMnC,GANmC;AAAA,sBAQ7C,oBAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEL,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOG,UAACI,KAAD,EAAyB;AACxB,wBAAOrB,YAAY,CAACkB,QAAD,EAAW;AAC5BC,MAAAA,KAAK;AACHG,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACN,MAAvB,GAAgC,QAAhC,GAA2CQ;AADpD,SAEArB,YAFA,EAGAK,gBAAgB,CAACc,KAAD,CAHhB,EAIAF,KAJA,EAKAD,QAAQ,CAACM,KAAT,CAAeL,KALf;AADuB,KAAX,CAAnB;AASD,GAjBH,CAR6C;AAAA,CAAxC;AA6BPN,YAAY,CAACY,WAAb,GAA2B,cAA3B","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"],"file":"SlideFromTop.js"}

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

@@ -0,0 +1,2 @@
+export * from "./SlideFromTop";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/SlideFromTop/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAd","sourcesContent":["export * from \"./SlideFromTop\";\n"],"file":"index.js"}

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

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["children", "direction"];
+import React from "react";
+import { StyledSlideLeftRightTransition } from "./Styles";
+export var SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
+  var children = _ref.children,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? "left" : _ref$direction,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledSlideLeftRightTransition, _extends({
+    timeout: 200,
+    classNames: "c-slide",
+    unmountOnExit: true,
+    $direction: direction
+  }, props), children);
+};
+SlideLeftRightTransition.displayName = "SlideLeftRightTransition";
+//# sourceMappingURL=SlideLeftRightTransition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":["React","StyledSlideLeftRightTransition","SlideLeftRightTransition","children","direction","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAwC,OAAxC;AAEA,SAASC,8BAAT,QAA+C,UAA/C;AAOA,OAAO,IAAMC,wBAAuD,GAAG,SAA1DA,wBAA0D,OAIjE;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,MAER;AAAA,MADDC,KACC;;AACJ,sBACE,oBAAC,8BAAD;AACE,IAAA,OAAO,EAAE,GADX;AAEE,IAAA,UAAU,EAAC,SAFb;AAGE,IAAA,aAAa,MAHf;AAIE,IAAA,UAAU,EAAED;AAJd,KAKMC,KALN,GAOGF,QAPH,CADF;AAWD,CAhBM;AAkBPD,wBAAwB,CAACI,WAAzB,GAAuC,0BAAvC","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"],"file":"SlideLeftRightTransition.js"}

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

@@ -0,0 +1,12 @@
+import styled, { css } from "styled-components";
+import { CSSTransition } from "react-transition-group";
+export 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";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/Styles.ts"],"names":["styled","css","CSSTransition","StyledSlideLeftRightTransition","props","$direction","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,aAAT,QAA8B,wBAA9B;AAEA,OAAO,IAAMC,8BAA8B,GAAGH,MAAM,CAACE,aAAD,CAAT;AAAA;AAAA;AAAA,kBAGvC,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAJ,GADA,8PADA;AAAA,CAHuC,EAuBvC,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,OAArB,IACAJ,GADA,8PADA;AAAA,CAvBuC,CAApC;AA8CPE,8BAA8B,CAACG,WAA/B,GAA6C,gCAA7C","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"],"file":"Styles.js"}

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

@@ -0,0 +1,2 @@
+export * from "./SlideLeftRightTransition";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAAd","sourcesContent":["export * from \"./SlideLeftRightTransition\";\n"],"file":"index.js"}

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

@@ -0,0 +1,10 @@
+export * from "./Fade";
+export * from "./Slide";
+export * from "./FromElement";
+export * from "./SlideFromTop";
+export * from "./SlideLeftRightTransition";
+export * from "./ResizeTransition";
+export * from "./Reveal";
+export * from "./Scale";
+export * from "./types";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Transitions/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,SAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,4BAAd;AACA,cAAc,oBAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd","sourcesContent":["export * from \"./Fade\";\nexport * from \"./Slide\";\nexport * from \"./FromElement\";\nexport * from \"./SlideFromTop\";\nexport * from \"./SlideLeftRightTransition\";\nexport * from \"./ResizeTransition\";\nexport * from \"./Reveal\";\nexport * from \"./Scale\";\nexport * from \"./types\";\n"],"file":"index.js"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}

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

@@ -0,0 +1,121 @@
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+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)"
+  }
+};
+export 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";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Typography/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","colors","primary","secondary","tertiary","quaternary","success","alert","StyledTypography","div","props","$color","$variant","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight","displayName"],"mappings":"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","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"],"file":"Styles.js"}

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

@@ -0,0 +1,63 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["variant", "Tag", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+import React, { forwardRef, useRef } from "react";
+import classNames from "classnames";
+import useForkRef from "../../utils/useForkRef";
+import { StyledTypography } from "./Styles";
+export 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 = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var innerRef = useRef(null);
+  var handleRef = useForkRef(ref, innerRef);
+  return /*#__PURE__*/React.createElement(StyledTypography, _extends({
+    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);
+});
+Typography.displayName = "Typography";
+//# sourceMappingURL=Typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["React","forwardRef","useRef","classNames","useForkRef","StyledTypography","Typography","ref","variant","Tag","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","innerRef","handleRef","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgCC,UAAhC,EAA4CC,MAA5C,QAA0D,OAA1D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AAyDA,OAAO,IAAMC,UAAU,gBAAGL,UAAU,CAIlC,gBAoBEM,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,GAAGvB,MAAM,CAAqB,IAArB,CAAvB;AACA,MAAMwB,SAAS,GAAGtB,UAAU,CAACG,GAAD,EAAMkB,QAAN,CAA5B;AAEA,sBACE,oBAAC,gBAAD;AACE,IAAA,EAAE,EAAEhB,GADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,YAAD,EAAemB,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,EAAEK;AAhBP,KAiBMF,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CApDiC,CAA7B;AAuDPjB,UAAU,CAACqB,WAAX,GAAyB,YAAzB","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"],"file":"Typography.js"}

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

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["weight", "children"];
+import React, { forwardRef } from "react";
+import { Typography } from "../Typography";
+export var Body1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "regular" : _ref$weight,
+      children = _ref.children,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Typography, _extends({
+    variant: "Body 1",
+    weight: weight,
+    ref: ref
+  }, props), " ", children, " ");
+});
+Body1.displayName = "Body1";
+//# sourceMappingURL=Body1.js.map