@activecollab/components 2.0.304 → 2.0.307

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["React","useState","forwardRef","classnames","StyledTooltip","Portal","useLayerContext","layers","useForkRef","Popper","FromElement","TooltipAnimation","_ref","children","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","timeout","Tooltip","_ref2","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","skyscraper","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","Fragment","cloneElement","anchorEl","transition","role","_ref3","transitionProps","$isLight","displayName"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  forwardRef,\n  Ref,\n  FC,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledTooltip } from \"./Styles\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { layers } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper, Placement } from \"../Popper\";\nimport { TransitionProps } from \"../Transitions\";\nimport { FromElement } from \"../Transitions/FromElement\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n  /** Children element. */\n  children: ElementWithRef<HTMLElement>;\n  /** Title element. */\n  title: ReactElement | string;\n  /** Applies passed styles */\n  style?: CSSProperties;\n  /** Applies passed classes */\n  className?: string;\n  /** Open */\n  open?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Transition component */\n  TransitionComponent?: React.FC<TransitionProps>;\n  /** Light tooltip */\n  isLight?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Remove tooltip */\n  disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n  children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n  return (\n    <FromElement timeout={0} {...props}>\n      {children}\n    </FromElement>\n  );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      children,\n      title,\n      className,\n      style,\n      isLight = false,\n      placement = \"top\",\n      TransitionComponent = TooltipAnimation,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      disable,\n    },\n    ref\n  ) => {\n    const { zIndex = layers.skyscraper } = useLayerContext();\n    const [open, setOpen] = useState(false);\n    const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n    const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n        childrenProps.onMouseOver(event);\n      }\n\n      childNode && childNode.removeAttribute(\"title\");\n\n      setOpen(true);\n    };\n\n    const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (\n        event.type === \"mouseleave\" &&\n        childrenProps.onMouseLeave &&\n        event.currentTarget === childNode\n      ) {\n        childrenProps.onMouseLeave(event);\n      }\n\n      setOpen(false);\n    };\n\n    const handleOwnRef = useForkRef(children.ref, ref);\n    const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n    const childrenProps = {\n      onMouseOver: handleEnter,\n      onMouseLeave: handleLeave,\n      ref: handleRef,\n    };\n\n    return (\n      <>\n        {React.cloneElement(children, childrenProps)}\n        {!disable && (\n          <Portal>\n            <Popper\n              anchorEl={childNode}\n              open={childNode ? open : false}\n              placement={placement}\n              transition\n              className={popperTooltipClassName}\n              style={{ zIndex, ...popperTooltipStyle }}\n              role=\"tooltip\"\n            >\n              {({ transitionProps = {} }) => (\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore - due to @node/types making ts more strict\n                <TransitionComponent {...transitionProps} style={style}>\n                  <StyledTooltip\n                    className={classnames(\"c-tooltip-ds\", className)}\n                    $isLight={isLight}\n                  >\n                    {title}\n                  </StyledTooltip>\n                </TransitionComponent>\n              )}\n            </Popper>\n          </Portal>\n        )}\n      </>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tooltip.js","names":["React","useState","forwardRef","classnames","StyledTooltip","Portal","useLayerContext","layers","useForkRef","Popper","FromElement","TooltipAnimation","_ref","children","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","timeout","Tooltip","_ref2","ref","title","className","style","_ref2$isLight","isLight","_ref2$placement","placement","_ref2$TransitionCompo","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","_useLayerContext","_useLayerContext$zInd","zIndex","skyscraper","_useState","open","setOpen","_useState2","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","Fragment","cloneElement","anchorEl","transition","role","_ref3","_ref3$transitionProps","transitionProps","$isLight","displayName"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  forwardRef,\n  Ref,\n  FC,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledTooltip } from \"./Styles\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { layers } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper, Placement } from \"../Popper\";\nimport { TransitionProps } from \"../Transitions\";\nimport { FromElement } from \"../Transitions/FromElement\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n  /** Children element. */\n  children: ElementWithRef<HTMLElement>;\n  /** Title element. */\n  title: ReactElement | string;\n  /** Applies passed styles */\n  style?: CSSProperties;\n  /** Applies passed classes */\n  className?: string;\n  /** Open */\n  open?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Transition component */\n  TransitionComponent?: React.FC<TransitionProps>;\n  /** Light tooltip */\n  isLight?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Remove tooltip */\n  disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n  children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n  return (\n    <FromElement timeout={0} {...props}>\n      {children}\n    </FromElement>\n  );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      children,\n      title,\n      className,\n      style,\n      isLight = false,\n      placement = \"top\",\n      TransitionComponent = TooltipAnimation,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      disable,\n    },\n    ref\n  ) => {\n    const { zIndex = layers.skyscraper } = useLayerContext();\n    const [open, setOpen] = useState(false);\n    const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n    const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n        childrenProps.onMouseOver(event);\n      }\n\n      childNode && childNode.removeAttribute(\"title\");\n\n      setOpen(true);\n    };\n\n    const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (\n        event.type === \"mouseleave\" &&\n        childrenProps.onMouseLeave &&\n        event.currentTarget === childNode\n      ) {\n        childrenProps.onMouseLeave(event);\n      }\n\n      setOpen(false);\n    };\n\n    const handleOwnRef = useForkRef(children.ref, ref);\n    const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n    const childrenProps = {\n      onMouseOver: handleEnter,\n      onMouseLeave: handleLeave,\n      ref: handleRef,\n    };\n\n    return (\n      <>\n        {React.cloneElement(children, childrenProps)}\n        {!disable && (\n          <Portal>\n            <Popper\n              anchorEl={childNode}\n              open={childNode ? open : false}\n              placement={placement}\n              transition\n              className={popperTooltipClassName}\n              style={{ zIndex, ...popperTooltipStyle }}\n              role=\"tooltip\"\n            >\n              {({ transitionProps = {} }) => (\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore - due to @node/types making ts more strict\n                <TransitionComponent {...transitionProps} style={style}>\n                  <StyledTooltip\n                    className={classnames(\"c-tooltip-ds\", className)}\n                    $isLight={isLight}\n                  >\n                    {title}\n                  </StyledTooltip>\n                </TransitionComponent>\n              )}\n            </Popper>\n          </Portal>\n        )}\n      </>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -22,12 +22,12 @@ const transitionStyles = {
   }
 };
 export const Fade = _ref => {
-  let {
-      in: inProp = false,
-      children,
-      style,
-      timeout = 500
-    } = _ref,
+  let _ref$in = _ref.in,
+    inProp = _ref$in === void 0 ? false : _ref$in,
+    children = _ref.children,
+    style = _ref.style,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Transition, _extends({
     appear: true,

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

@@ -1 +1 @@
-{"version":3,"file":"Fade.js","names":["React","cloneElement","Transition","defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","_ref","in","inProp","children","style","timeout","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","appear","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IFadeProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{ transition: string; opacity: number }> => ({\n  transition: `all ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n  exited: { opacity: 0 },\n};\n\nexport const Fade: FC<IFadeProps> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 500,\n  ...rest\n}) => (\n  <Transition appear in={inProp} timeout={timeout} {...rest}>\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\nFade.displayName = \"Fade\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AASnD,MAAMC,YAAY,GAChBC,QAAgB,KACsC;EACtDC,UAAU,WAASD,QAAQ,mBAAgB;EAC3CE,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEF,OAAO,EAAE;EAAE,CAAC;EACxBG,OAAO,EAAE;IAAEH,OAAO,EAAE;EAAE,CAAC;EACvBI,OAAO,EAAE;IAAEJ,OAAO,EAAE;EAAE,CAAC;EACvBK,MAAM,EAAE;IAAEL,OAAO,EAAE;EAAE;AACvB,CAAC;AAED,OAAO,MAAMM,IAAoB,GAAGC,IAAA;EAAA,IAAC;MACnCC,EAAE,EAAEC,MAAM,GAAG,KAAK;MAClBC,QAAQ;MACRC,KAAK;MACLC,OAAO,GAAG;IAEZ,CAAC,GAAAL,IAAA;IADIM,IAAI,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAAA,oBAEPrB,KAAA,CAAAsB,aAAA,CAACpB,UAAU,EAAAqB,QAAA;IAACC,MAAM;IAACV,EAAE,EAAEC,MAAO;IAACG,OAAO,EAAEA;EAAQ,GAAKC,IAAI,GACrDM,KAAK,IAAmB;IACxB,oBAAOxB,YAAY,CAACe,QAAQ,EAAE;MAC5BC,KAAK,EAAAM,QAAA;QACHG,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACV,MAAM,GAAG,QAAQ,GAAGY;MAAS,GAC7DxB,YAAY,CAACe,OAAO,CAAC,EACrBX,gBAAgB,CAACkB,KAAK,CAAC,EACvBR,KAAK,EACLD,QAAQ,CAACY,KAAK,CAACX,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAAA,CACd;AAEDL,IAAI,CAACiB,WAAW,GAAG,MAAM","ignoreList":[]}
+{"version":3,"file":"Fade.js","names":["React","cloneElement","Transition","defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","_ref","_ref$in","in","inProp","children","style","_ref$timeout","timeout","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","appear","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IFadeProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{ transition: string; opacity: number }> => ({\n  transition: `all ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n  exited: { opacity: 0 },\n};\n\nexport const Fade: FC<IFadeProps> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 500,\n  ...rest\n}) => (\n  <Transition appear in={inProp} timeout={timeout} {...rest}>\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\nFade.displayName = \"Fade\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AASnD,MAAMC,YAAY,GAChBC,QAAgB,KACsC;EACtDC,UAAU,WAASD,QAAQ,mBAAgB;EAC3CE,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEF,OAAO,EAAE;EAAE,CAAC;EACxBG,OAAO,EAAE;IAAEH,OAAO,EAAE;EAAE,CAAC;EACvBI,OAAO,EAAE;IAAEJ,OAAO,EAAE;EAAE,CAAC;EACvBK,MAAM,EAAE;IAAEL,OAAO,EAAE;EAAE;AACvB,CAAC;AAED,OAAO,MAAMM,IAAoB,GAAGC,IAAA;EAAA,IAAAC,OAAA,GAAAD,IAAA,CAClCE,EAAE;IAAEC,MAAM,GAAAF,OAAA,cAAG,KAAK,GAAAA,OAAA;IAClBG,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAAC,YAAA,GAAAN,IAAA,CACLO,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,GAAG,GAAAA,YAAA;IACVE,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EAAA,oBAEPvB,KAAA,CAAAwB,aAAA,CAACtB,UAAU,EAAAuB,QAAA;IAACC,MAAM;IAACX,EAAE,EAAEC,MAAO;IAACI,OAAO,EAAEA;EAAQ,GAAKC,IAAI,GACrDM,KAAK,IAAmB;IACxB,oBAAO1B,YAAY,CAACgB,QAAQ,EAAE;MAC5BC,KAAK,EAAAO,QAAA;QACHG,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACX,MAAM,GAAG,QAAQ,GAAGa;MAAS,GAC7D1B,YAAY,CAACiB,OAAO,CAAC,EACrBb,gBAAgB,CAACoB,KAAK,CAAC,EACvBT,KAAK,EACLD,QAAQ,CAACa,KAAK,CAACZ,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAAA,CACd;AAEDN,IAAI,CAACmB,WAAW,GAAG,MAAM","ignoreList":[]}

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

@@ -29,14 +29,14 @@ const transitionStyles = {
   }
 };
 export const FromElement = _ref => {
-  let {
-    in: inProp = false,
-    onEnter,
-    onExited,
-    children,
-    style,
-    timeout = 1000
-  } = _ref;
+  let _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 ? 1000 : _ref$timeout;
   return /*#__PURE__*/React.createElement(Transition, {
     appear: true,
     in: inProp,

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

@@ -1 +1 @@
-{"version":3,"file":"FromElement.js","names":["React","cloneElement","Transition","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","transformOrigin","transform","opacity","transitionStyles","entering","transitionDelay","entered","exiting","exited","FromElement","_ref","in","inProp","onEnter","onExited","children","style","timeout","createElement","appear","state","_extends","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/FromElement/FromElement.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IFromElementProps extends TransitionProps {\n  children: ReactElement;\n}\n\nconst defaultStyle = {\n  transitionProperty: \"opacity, transform\",\n  transitionDuration: \".15s, .10s, .15s\",\n  transitionTimingFunction: \"ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1)\",\n  transformOrigin: \"50% 0\",\n  transform: \"scale(.85)\",\n  opacity: 0,\n};\n\nconst transitionStyles = {\n  entering: { opacity: 1, transform: \"scale(1)\", transitionDelay: \".6s\" },\n  entered: { opacity: 1, transform: \"scale(1)\" },\n  exiting: { opacity: 0, transform: \"scale(.85)\" },\n  exited: { opacity: 0, transform: \"scale(.85)\" },\n};\n\nexport const FromElement: FC<IFromElementProps> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 1000,\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,\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nFromElement.displayName = \"FromElement\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAQnD,MAAMC,YAAY,GAAG;EACnBC,kBAAkB,EAAE,oBAAoB;EACxCC,kBAAkB,EAAE,kBAAkB;EACtCC,wBAAwB,EAAE,iDAAiD;EAC3EC,eAAe,EAAE,OAAO;EACxBC,SAAS,EAAE,YAAY;EACvBC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEF,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE,UAAU;IAAEI,eAAe,EAAE;EAAM,CAAC;EACvEC,OAAO,EAAE;IAAEJ,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAW,CAAC;EAC9CM,OAAO,EAAE;IAAEL,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAa,CAAC;EAChDO,MAAM,EAAE;IAAEN,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAa;AAChD,CAAC;AAED,OAAO,MAAMQ,WAAkC,GAAGC,IAAA,IAO5C;EAAA,IAP6C;IACjDC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EACC,oBACEjB,KAAA,CAAAyB,aAAA,CAACvB,UAAU;IACTwB,MAAM;IACNR,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBM,KAAK,IAAmB;IACxB,oBAAO1B,YAAY,CAACqB,QAAQ,EAAE;MAC5BC,KAAK,EAAAK,QAAA;QACHC,UAAU,EAAEF,KAAK,KAAK,QAAQ,IAAI,CAACR,MAAM,GAAG,QAAQ,GAAGW;MAAS,GAC7D3B,YAAY,EACZO,gBAAgB,CAACiB,KAAK,CAAC,EACvBJ,KAAK,EACLD,QAAQ,CAACS,KAAK,CAACR,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDP,WAAW,CAACgB,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"file":"FromElement.js","names":["React","cloneElement","Transition","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","transformOrigin","transform","opacity","transitionStyles","entering","transitionDelay","entered","exiting","exited","FromElement","_ref","_ref$in","in","inProp","onEnter","onExited","children","style","_ref$timeout","timeout","createElement","appear","state","_extends","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/FromElement/FromElement.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IFromElementProps extends TransitionProps {\n  children: ReactElement;\n}\n\nconst defaultStyle = {\n  transitionProperty: \"opacity, transform\",\n  transitionDuration: \".15s, .10s, .15s\",\n  transitionTimingFunction: \"ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1)\",\n  transformOrigin: \"50% 0\",\n  transform: \"scale(.85)\",\n  opacity: 0,\n};\n\nconst transitionStyles = {\n  entering: { opacity: 1, transform: \"scale(1)\", transitionDelay: \".6s\" },\n  entered: { opacity: 1, transform: \"scale(1)\" },\n  exiting: { opacity: 0, transform: \"scale(.85)\" },\n  exited: { opacity: 0, transform: \"scale(.85)\" },\n};\n\nexport const FromElement: FC<IFromElementProps> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 1000,\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,\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nFromElement.displayName = \"FromElement\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAQnD,MAAMC,YAAY,GAAG;EACnBC,kBAAkB,EAAE,oBAAoB;EACxCC,kBAAkB,EAAE,kBAAkB;EACtCC,wBAAwB,EAAE,iDAAiD;EAC3EC,eAAe,EAAE,OAAO;EACxBC,SAAS,EAAE,YAAY;EACvBC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEF,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE,UAAU;IAAEI,eAAe,EAAE;EAAM,CAAC;EACvEC,OAAO,EAAE;IAAEJ,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAW,CAAC;EAC9CM,OAAO,EAAE;IAAEL,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAa,CAAC;EAChDO,MAAM,EAAE;IAAEN,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAa;AAChD,CAAC;AAED,OAAO,MAAMQ,WAAkC,GAAGC,IAAA,IAO5C;EAAA,IAAAC,OAAA,GAAAD,IAAA,CANJE,EAAE;IAAEC,MAAM,GAAAF,OAAA,cAAG,KAAK,GAAAA,OAAA;IAClBG,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,KAAK,GAAAP,IAAA,CAALO,KAAK;IAAAC,YAAA,GAAAR,IAAA,CACLS,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,IAAI,GAAAA,YAAA;EAEd,oBACEzB,KAAA,CAAA2B,aAAA,CAACzB,UAAU;IACT0B,MAAM;IACNT,EAAE,EAAEC,MAAO;IACXM,OAAO,EAAEA,OAAQ;IACjBL,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBO,KAAK,IAAmB;IACxB,oBAAO5B,YAAY,CAACsB,QAAQ,EAAE;MAC5BC,KAAK,EAAAM,QAAA;QACHC,UAAU,EAAEF,KAAK,KAAK,QAAQ,IAAI,CAACT,MAAM,GAAG,QAAQ,GAAGY;MAAS,GAC7D7B,YAAY,EACZO,gBAAgB,CAACmB,KAAK,CAAC,EACvBL,KAAK,EACLD,QAAQ,CAACU,KAAK,CAACT,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDR,WAAW,CAACkB,WAAW,GAAG,aAAa","ignoreList":[]}

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

@@ -2,14 +2,14 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { cloneElement, useMemo } from "react";
 import { Transition } from "react-transition-group";
 export const ResizeTransition = _ref => {
-  let {
-    in: inProp = false,
-    onEnter,
-    onExited,
-    children,
-    style,
-    timeout = 200
-  } = _ref;
+  let _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;
   const defaultStyle = useMemo(() => {
     return {
       transitionProperty: "width, height",

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

@@ -1 +1 @@
-{"version":3,"file":"ResizeTransition.js","names":["React","cloneElement","useMemo","Transition","ResizeTransition","_ref","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","createElement","appear","state","_extends","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/ResizeTransition/ResizeTransition.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IResizeTransition extends TransitionProps {\n  children: ReactElement;\n}\n\nexport const ResizeTransition: FC<IResizeTransition> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"width, height\",\n      transitionDuration: `${timeout}ms`,\n      transitionTimingFunction: \"ease\",\n    };\n  }, [timeout]);\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,\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nResizeTransition.displayName = \"ResizeTransition\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,EAAEC,OAAO,QAAQ,OAAO;AACtE,SAASC,UAAU,QAAQ,wBAAwB;AAQnD,OAAO,MAAMC,gBAAuC,GAAGC,IAAA,IAOjD;EAAA,IAPkD;IACtDC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EACC,MAAMQ,YAAY,GAAGX,OAAO,CAAC,MAAM;IACjC,OAAO;MACLY,kBAAkB,EAAE,eAAe;MACnCC,kBAAkB,EAAKH,OAAO,OAAI;MAClCI,wBAAwB,EAAE;IAC5B,CAAC;EACH,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAEb,oBACEZ,KAAA,CAAAiB,aAAA,CAACd,UAAU;IACTe,MAAM;IACNZ,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBU,KAAK,IAAmB;IACxB,oBAAOlB,YAAY,CAACS,QAAQ,EAAE;MAC5BC,KAAK,EAAAS,QAAA;QACHC,UAAU,EAAEF,KAAK,KAAK,QAAQ,IAAI,CAACZ,MAAM,GAAG,QAAQ,GAAGe;MAAS,GAC7DT,YAAY,EACZF,KAAK,EACLD,QAAQ,CAACa,KAAK,CAACZ,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDP,gBAAgB,CAACoB,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"file":"ResizeTransition.js","names":["React","cloneElement","useMemo","Transition","ResizeTransition","_ref","_ref$in","in","inProp","onEnter","onExited","children","style","_ref$timeout","timeout","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","createElement","appear","state","_extends","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/ResizeTransition/ResizeTransition.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IResizeTransition extends TransitionProps {\n  children: ReactElement;\n}\n\nexport const ResizeTransition: FC<IResizeTransition> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"width, height\",\n      transitionDuration: `${timeout}ms`,\n      transitionTimingFunction: \"ease\",\n    };\n  }, [timeout]);\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,\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nResizeTransition.displayName = \"ResizeTransition\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,EAAEC,OAAO,QAAQ,OAAO;AACtE,SAASC,UAAU,QAAQ,wBAAwB;AAQnD,OAAO,MAAMC,gBAAuC,GAAGC,IAAA,IAOjD;EAAA,IAAAC,OAAA,GAAAD,IAAA,CANJE,EAAE;IAAEC,MAAM,GAAAF,OAAA,cAAG,KAAK,GAAAA,OAAA;IAClBG,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,KAAK,GAAAP,IAAA,CAALO,KAAK;IAAAC,YAAA,GAAAR,IAAA,CACLS,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,GAAG,GAAAA,YAAA;EAEb,MAAME,YAAY,GAAGb,OAAO,CAAC,MAAM;IACjC,OAAO;MACLc,kBAAkB,EAAE,eAAe;MACnCC,kBAAkB,EAAKH,OAAO,OAAI;MAClCI,wBAAwB,EAAE;IAC5B,CAAC;EACH,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAEb,oBACEd,KAAA,CAAAmB,aAAA,CAAChB,UAAU;IACTiB,MAAM;IACNb,EAAE,EAAEC,MAAO;IACXM,OAAO,EAAEA,OAAQ;IACjBL,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBW,KAAK,IAAmB;IACxB,oBAAOpB,YAAY,CAACU,QAAQ,EAAE;MAC5BC,KAAK,EAAAU,QAAA;QACHC,UAAU,EAAEF,KAAK,KAAK,QAAQ,IAAI,CAACb,MAAM,GAAG,QAAQ,GAAGgB;MAAS,GAC7DT,YAAY,EACZH,KAAK,EACLD,QAAQ,CAACc,KAAK,CAACb,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDR,gBAAgB,CAACsB,WAAW,GAAG,kBAAkB","ignoreList":[]}

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

@@ -28,12 +28,12 @@ const transitionStyles = {
   }
 };
 export const Reveal = _ref => {
-  let {
-      in: inProp = false,
-      children,
-      style,
-      timeout = 200
-    } = _ref,
+  let _ref$in = _ref.in,
+    inProp = _ref$in === void 0 ? false : _ref$in,
+    children = _ref.children,
+    style = _ref.style,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Transition, _extends({
     appear: true,

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

@@ -1 +1 @@
-{"version":3,"file":"Reveal.js","names":["React","cloneElement","Transition","defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","_ref","in","inProp","children","style","timeout","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","appear","state","props","displayName"],"sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\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  children,\n  style,\n  timeout = 200,\n  ...rest\n}) => {\n  return (\n    <Transition appear in={inProp} timeout={timeout} {...rest}>\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"],"mappings":";;;AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAUnD,MAAMC,YAAY,GAChBC,QAAgB,KAMX;EACLC,UAAU,WAASD,QAAQ,eAAY;EACvCE,SAAS,aAAa;EACtBC,OAAO,EAAE,CAAC;EACVC,eAAe,EAAE;AACnB,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEJ,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAChDI,OAAO,EAAE;IAAEL,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC/CK,OAAO,EAAE;IAAEN,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC/CM,MAAM,EAAE;IAAEP,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE;AAC/C,CAAC;AAED,OAAO,MAAMO,MAAwB,GAAGC,IAAA,IAMlC;EAAA,IANmC;MACvCC,EAAE,EAAEC,MAAM,GAAG,KAAK;MAClBC,QAAQ;MACRC,KAAK;MACLC,OAAO,GAAG;IAEZ,CAAC,GAAAL,IAAA;IADIM,IAAI,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEP,oBACEvB,KAAA,CAAAwB,aAAA,CAACtB,UAAU,EAAAuB,QAAA;IAACC,MAAM;IAACV,EAAE,EAAEC,MAAO;IAACG,OAAO,EAAEA;EAAQ,GAAKC,IAAI,GACrDM,KAAK,IAAmB;IACxB,oBAAO1B,YAAY,CAACiB,QAAQ,EAAE;MAC5BC,KAAK,EAAAM,QAAA,KACAtB,YAAY,CAACc,MAAM,GAAGG,OAAO,GAAG,CAAC,CAAC,EAClCX,gBAAgB,CAACkB,KAAK,CAAC,EACvBR,KAAK,EACLD,QAAQ,CAACU,KAAK,CAACT,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDL,MAAM,CAACe,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"file":"Reveal.js","names":["React","cloneElement","Transition","defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","_ref","_ref$in","in","inProp","children","style","_ref$timeout","timeout","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","appear","state","props","displayName"],"sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\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  children,\n  style,\n  timeout = 200,\n  ...rest\n}) => {\n  return (\n    <Transition appear in={inProp} timeout={timeout} {...rest}>\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"],"mappings":";;;AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAUnD,MAAMC,YAAY,GAChBC,QAAgB,KAMX;EACLC,UAAU,WAASD,QAAQ,eAAY;EACvCE,SAAS,aAAa;EACtBC,OAAO,EAAE,CAAC;EACVC,eAAe,EAAE;AACnB,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEJ,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAChDI,OAAO,EAAE;IAAEL,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC/CK,OAAO,EAAE;IAAEN,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC/CM,MAAM,EAAE;IAAEP,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE;AAC/C,CAAC;AAED,OAAO,MAAMO,MAAwB,GAAGC,IAAA,IAMlC;EAAA,IAAAC,OAAA,GAAAD,IAAA,CALJE,EAAE;IAAEC,MAAM,GAAAF,OAAA,cAAG,KAAK,GAAAA,OAAA;IAClBG,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAAC,YAAA,GAAAN,IAAA,CACLO,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,GAAG,GAAAA,YAAA;IACVE,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EAEP,oBACEzB,KAAA,CAAA0B,aAAA,CAACxB,UAAU,EAAAyB,QAAA;IAACC,MAAM;IAACX,EAAE,EAAEC,MAAO;IAACI,OAAO,EAAEA;EAAQ,GAAKC,IAAI,GACrDM,KAAK,IAAmB;IACxB,oBAAO5B,YAAY,CAACkB,QAAQ,EAAE;MAC5BC,KAAK,EAAAO,QAAA,KACAxB,YAAY,CAACe,MAAM,GAAGI,OAAO,GAAG,CAAC,CAAC,EAClCb,gBAAgB,CAACoB,KAAK,CAAC,EACvBT,KAAK,EACLD,QAAQ,CAACW,KAAK,CAACV,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDN,MAAM,CAACiB,WAAW,GAAG,QAAQ","ignoreList":[]}

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

@@ -10,14 +10,14 @@ const transitionStyles = {
   }
 };
 export const Scale = _ref => {
-  let {
-    in: inProp = false,
-    onEnter,
-    onExited,
-    children,
-    style,
-    timeout = 200
-  } = _ref;
+  let _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;
   const defaultStyle = useMemo(() => {
     return {
       transitionProperty: "transform",

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

@@ -1 +1 @@
-{"version":3,"file":"Scale.js","names":["React","cloneElement","useMemo","Transition","transitionStyles","entered","transform","exiting","Scale","_ref","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","createElement","state","_extends","props","displayName"],"sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\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"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,YAAY,EAAoBC,OAAO,QAAQ,OAAO;AACtE,SAASC,UAAU,QAAQ,wBAAwB;AAQnD,MAAMC,gBAAgB,GAAG;EACvBC,OAAO,EAAE;IAAEC,SAAS,EAAE;EAAW,CAAC;EAClCC,OAAO,EAAE;IAAED,SAAS,EAAE;EAAW;AACnC,CAAC;AAED,OAAO,MAAME,KAAiB,GAAGC,IAAA,IAO3B;EAAA,IAP4B;IAChCC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EACC,MAAMQ,YAAY,GAAGf,OAAO,CAAC,MAAM;IACjC,OAAO;MACLgB,kBAAkB,EAAE,WAAW;MAC/BC,kBAAkB,EAAKH,OAAO,OAAI;MAClCV,SAAS,EAAE;IACb,CAAC;EACH,CAAC,EAAE,CAACU,OAAO,CAAC,CAAC;EAEb,oBACEhB,KAAA,CAAAoB,aAAA,CAACjB,UAAU;IACTO,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBQ,KAAK,IAAmB;IACxB,oBAAOpB,YAAY,CAACa,QAAQ,EAAE;MAC5BC,KAAK,EAAAO,QAAA,KACAL,YAAY,EACZb,gBAAgB,CAACiB,KAAK,CAAC,EACvBN,KAAK,EACLD,QAAQ,CAACS,KAAK,CAACR,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDP,KAAK,CAACgB,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"file":"Scale.js","names":["React","cloneElement","useMemo","Transition","transitionStyles","entered","transform","exiting","Scale","_ref","_ref$in","in","inProp","onEnter","onExited","children","style","_ref$timeout","timeout","defaultStyle","transitionProperty","transitionDuration","createElement","state","_extends","props","displayName"],"sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\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"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,YAAY,EAAoBC,OAAO,QAAQ,OAAO;AACtE,SAASC,UAAU,QAAQ,wBAAwB;AAQnD,MAAMC,gBAAgB,GAAG;EACvBC,OAAO,EAAE;IAAEC,SAAS,EAAE;EAAW,CAAC;EAClCC,OAAO,EAAE;IAAED,SAAS,EAAE;EAAW;AACnC,CAAC;AAED,OAAO,MAAME,KAAiB,GAAGC,IAAA,IAO3B;EAAA,IAAAC,OAAA,GAAAD,IAAA,CANJE,EAAE;IAAEC,MAAM,GAAAF,OAAA,cAAG,KAAK,GAAAA,OAAA;IAClBG,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,KAAK,GAAAP,IAAA,CAALO,KAAK;IAAAC,YAAA,GAAAR,IAAA,CACLS,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,GAAG,GAAAA,YAAA;EAEb,MAAME,YAAY,GAAGjB,OAAO,CAAC,MAAM;IACjC,OAAO;MACLkB,kBAAkB,EAAE,WAAW;MAC/BC,kBAAkB,EAAKH,OAAO,OAAI;MAClCZ,SAAS,EAAE;IACb,CAAC;EACH,CAAC,EAAE,CAACY,OAAO,CAAC,CAAC;EAEb,oBACElB,KAAA,CAAAsB,aAAA,CAACnB,UAAU;IACTQ,EAAE,EAAEC,MAAO;IACXM,OAAO,EAAEA,OAAQ;IACjBL,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBS,KAAK,IAAmB;IACxB,oBAAOtB,YAAY,CAACc,QAAQ,EAAE;MAC5BC,KAAK,EAAAQ,QAAA,KACAL,YAAY,EACZf,gBAAgB,CAACmB,KAAK,CAAC,EACvBP,KAAK,EACLD,QAAQ,CAACU,KAAK,CAACT,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDR,KAAK,CAACkB,WAAW,GAAG,OAAO","ignoreList":[]}

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

@@ -4,13 +4,14 @@ const _excluded = ["in", "children", "style", "timeout", "initialDirection"];
 import React, { cloneElement } from "react";
 import { Transition } from "react-transition-group";
 export const Slide = _ref => {
-  let {
-      in: inProp = false,
-      children,
-      style,
-      timeout = 300,
-      initialDirection = "left"
-    } = _ref,
+  let _ref$in = _ref.in,
+    inProp = _ref$in === void 0 ? false : _ref$in,
+    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,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   let directionSign;
   switch (initialDirection) {

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

@@ -1 +1 @@
-{"version":3,"file":"Slide.js","names":["React","cloneElement","Transition","Slide","_ref","in","inProp","children","style","timeout","initialDirection","rest","_objectWithoutPropertiesLoose","_excluded","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","createElement","_extends","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\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  children,\n  style,\n  timeout = 300,\n  initialDirection = \"left\",\n  ...rest\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 in={inProp} timeout={timeout} {...rest}>\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"],"mappings":";;;AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAUnD,OAAO,MAAMC,KAAiB,GAAGC,IAAA,IAO3B;EAAA,IAP4B;MAChCC,EAAE,EAAEC,MAAM,GAAG,KAAK;MAClBC,QAAQ;MACRC,KAAK;MACLC,OAAO,GAAG,GAAG;MACbC,gBAAgB,GAAG;IAErB,CAAC,GAAAN,IAAA;IADIO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAEP,IAAIC,aAAqB;EAEzB,QAAQJ,gBAAgB;IACtB,KAAK,OAAO;MACVI,aAAa,GAAG,SAAS;MACzB;IACF,KAAK,KAAK;MACRA,aAAa,GAAG,UAAU;MAC1B;IACF,KAAK,QAAQ;MACXA,aAAa,GAAG,SAAS;MACzB;IACF;MACEA,aAAa,GAAG,UAAU;EAC9B;EAEA,MAAMC,YAAY,GAAIN,OAAe,KAAuC;IAC1EO,UAAU,WAASP,OAAO;EAC5B,CAAC,CAAC;EAEF,MAAMQ,gBAAgB,GAAG;IACvBC,QAAQ,EAAE;MACRC,SAAS;IACX,CAAC;IACDC,OAAO,EAAE;MACPD,SAAS;IACX,CAAC;IACDE,OAAO,EAAE;MACPF,SAAS,iBAAeL,aAAa;IACvC,CAAC;IACDQ,MAAM,EAAE;MACNH,SAAS,iBAAeL,aAAa;IACvC;EACF,CAAC;EAED,oBACEd,KAAA,CAAAuB,aAAA,CAACrB,UAAU,EAAAsB,QAAA;IAACnB,EAAE,EAAEC,MAAO;IAACG,OAAO,EAAEA;EAAQ,GAAKE,IAAI,GAC9Cc,KAAK,IAAmB;IACxB,oBAAOxB,YAAY,CAACM,QAAQ,EAAE;MAC5BC,KAAK,EAAAgB,QAAA;QACHE,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACnB,MAAM,GAAG,QAAQ,GAAGqB;MAAS,GAC7DZ,YAAY,CAACN,OAAO,CAAC,EACrBQ,gBAAgB,CAACQ,KAAK,CAAC,EACvBjB,KAAK,EACLD,QAAQ,CAACqB,KAAK,CAACpB,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDL,KAAK,CAAC0B,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"file":"Slide.js","names":["React","cloneElement","Transition","Slide","_ref","_ref$in","in","inProp","children","style","_ref$timeout","timeout","_ref$initialDirection","initialDirection","rest","_objectWithoutPropertiesLoose","_excluded","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","createElement","_extends","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\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  children,\n  style,\n  timeout = 300,\n  initialDirection = \"left\",\n  ...rest\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 in={inProp} timeout={timeout} {...rest}>\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"],"mappings":";;;AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAUnD,OAAO,MAAMC,KAAiB,GAAGC,IAAA,IAO3B;EAAA,IAAAC,OAAA,GAAAD,IAAA,CANJE,EAAE;IAAEC,MAAM,GAAAF,OAAA,cAAG,KAAK,GAAAA,OAAA;IAClBG,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAAC,YAAA,GAAAN,IAAA,CACLO,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,GAAG,GAAAA,YAAA;IAAAE,qBAAA,GAAAR,IAAA,CACbS,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,MAAM,GAAAA,qBAAA;IACtBE,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;EAEP,IAAIC,aAAqB;EAEzB,QAAQJ,gBAAgB;IACtB,KAAK,OAAO;MACVI,aAAa,GAAG,SAAS;MACzB;IACF,KAAK,KAAK;MACRA,aAAa,GAAG,UAAU;MAC1B;IACF,KAAK,QAAQ;MACXA,aAAa,GAAG,SAAS;MACzB;IACF;MACEA,aAAa,GAAG,UAAU;EAC9B;EAEA,MAAMC,YAAY,GAAIP,OAAe,KAAuC;IAC1EQ,UAAU,WAASR,OAAO;EAC5B,CAAC,CAAC;EAEF,MAAMS,gBAAgB,GAAG;IACvBC,QAAQ,EAAE;MACRC,SAAS;IACX,CAAC;IACDC,OAAO,EAAE;MACPD,SAAS;IACX,CAAC;IACDE,OAAO,EAAE;MACPF,SAAS,iBAAeL,aAAa;IACvC,CAAC;IACDQ,MAAM,EAAE;MACNH,SAAS,iBAAeL,aAAa;IACvC;EACF,CAAC;EAED,oBACEjB,KAAA,CAAA0B,aAAA,CAACxB,UAAU,EAAAyB,QAAA;IAACrB,EAAE,EAAEC,MAAO;IAACI,OAAO,EAAEA;EAAQ,GAAKG,IAAI,GAC9Cc,KAAK,IAAmB;IACxB,oBAAO3B,YAAY,CAACO,QAAQ,EAAE;MAC5BC,KAAK,EAAAkB,QAAA;QACHE,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACrB,MAAM,GAAG,QAAQ,GAAGuB;MAAS,GAC7DZ,YAAY,CAACP,OAAO,CAAC,EACrBS,gBAAgB,CAACQ,KAAK,CAAC,EACvBnB,KAAK,EACLD,QAAQ,CAACuB,KAAK,CAACtB,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAEjB,CAAC;AAEDN,KAAK,CAAC6B,WAAW,GAAG,OAAO","ignoreList":[]}

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

@@ -30,14 +30,14 @@ const transitionStyles = {
   }
 };
 export const SlideFromTop = _ref => {
-  let {
-    in: inProp = false,
-    onEnter,
-    onExited,
-    children,
-    style,
-    timeout = 400
-  } = _ref;
+  let _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,

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

@@ -1 +1 @@
-{"version":3,"file":"SlideFromTop.js","names":["React","cloneElement","Transition","defaultStyle","transitionProperty","transitionTimingFunction","transform","opacity","transitionStyles","entering","transitionDuration","entered","exiting","exited","SlideFromTop","_ref","in","inProp","onEnter","onExited","children","style","timeout","createElement","appear","state","_extends","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/SlideFromTop/SlideFromTop.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\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"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AASnD,MAAMC,YAAY,GAAG;EACnBC,kBAAkB,EAAE,oBAAoB;EACxCC,wBAAwB,EAAE,iBAAiB;EAC3CC,SAAS,EAAE,mBAAmB;EAC9BC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IACRF,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,eAAe;IAC1BI,kBAAkB,EAAE;EACtB,CAAC;EACDC,OAAO,EAAE;IACPJ,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,eAAe;IAC1BI,kBAAkB,EAAE;EACtB,CAAC;EACDE,OAAO,EAAE;IACPL,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,mBAAmB;IAC9BI,kBAAkB,EAAE;EACtB,CAAC;EACDG,MAAM,EAAE;IACNN,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,mBAAmB;IAC9BI,kBAAkB,EAAE;EACtB;AACF,CAAC;AAED,OAAO,MAAMI,YAA+B,GAAGC,IAAA;EAAA,IAAC;IAC9CC,EAAE,EAAEC,MAAM,GAAG,KAAK;IAClBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACLC,OAAO,GAAG;EACZ,CAAC,GAAAP,IAAA;EAAA,oBACCf,KAAA,CAAAuB,aAAA,CAACrB,UAAU;IACTsB,MAAM;IACNR,EAAE,EAAEC,MAAO;IACXK,OAAO,EAAEA,OAAQ;IACjBJ,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBM,KAAK,IAAmB;IACxB,oBAAOxB,YAAY,CAACmB,QAAQ,EAAE;MAC5BC,KAAK,EAAAK,QAAA;QACHC,UAAU,EAAEF,KAAK,KAAK,QAAQ,IAAI,CAACR,MAAM,GAAG,QAAQ,GAAGW;MAAS,GAC7DzB,YAAY,EACZK,gBAAgB,CAACiB,KAAK,CAAC,EACvBJ,KAAK,EACLD,QAAQ,CAACS,KAAK,CAACR,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAAA,CACd;AAEDP,YAAY,CAACgB,WAAW,GAAG,cAAc","ignoreList":[]}
+{"version":3,"file":"SlideFromTop.js","names":["React","cloneElement","Transition","defaultStyle","transitionProperty","transitionTimingFunction","transform","opacity","transitionStyles","entering","transitionDuration","entered","exiting","exited","SlideFromTop","_ref","_ref$in","in","inProp","onEnter","onExited","children","style","_ref$timeout","timeout","createElement","appear","state","_extends","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/SlideFromTop/SlideFromTop.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\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"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AASnD,MAAMC,YAAY,GAAG;EACnBC,kBAAkB,EAAE,oBAAoB;EACxCC,wBAAwB,EAAE,iBAAiB;EAC3CC,SAAS,EAAE,mBAAmB;EAC9BC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IACRF,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,eAAe;IAC1BI,kBAAkB,EAAE;EACtB,CAAC;EACDC,OAAO,EAAE;IACPJ,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,eAAe;IAC1BI,kBAAkB,EAAE;EACtB,CAAC;EACDE,OAAO,EAAE;IACPL,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,mBAAmB;IAC9BI,kBAAkB,EAAE;EACtB,CAAC;EACDG,MAAM,EAAE;IACNN,OAAO,EAAE,CAAC;IACVD,SAAS,EAAE,mBAAmB;IAC9BI,kBAAkB,EAAE;EACtB;AACF,CAAC;AAED,OAAO,MAAMI,YAA+B,GAAGC,IAAA;EAAA,IAAAC,OAAA,GAAAD,IAAA,CAC7CE,EAAE;IAAEC,MAAM,GAAAF,OAAA,cAAG,KAAK,GAAAA,OAAA;IAClBG,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,KAAK,GAAAP,IAAA,CAALO,KAAK;IAAAC,YAAA,GAAAR,IAAA,CACLS,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,GAAG,GAAAA,YAAA;EAAA,oBAEbvB,KAAA,CAAAyB,aAAA,CAACvB,UAAU;IACTwB,MAAM;IACNT,EAAE,EAAEC,MAAO;IACXM,OAAO,EAAEA,OAAQ;IACjBL,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA;EAAS,GAEjBO,KAAK,IAAmB;IACxB,oBAAO1B,YAAY,CAACoB,QAAQ,EAAE;MAC5BC,KAAK,EAAAM,QAAA;QACHC,UAAU,EAAEF,KAAK,KAAK,QAAQ,IAAI,CAACT,MAAM,GAAG,QAAQ,GAAGY;MAAS,GAC7D3B,YAAY,EACZK,gBAAgB,CAACmB,KAAK,CAAC,EACvBL,KAAK,EACLD,QAAQ,CAACU,KAAK,CAACT,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAAA,CACd;AAEDR,YAAY,CAACkB,WAAW,GAAG,cAAc","ignoreList":[]}

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

@@ -5,10 +5,9 @@ import React from "react";
 import { CSSTransition } from "react-transition-group";
 import { StyledSlideLeftRight } from "./Styles";
 export const SlideLeftRightTransition = _ref => {
-  let {
-      children,
-      direction = "left"
-    } = _ref,
+  let children = _ref.children,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? "left" : _ref$direction,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(CSSTransition, _extends({
     timeout: 200,

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

@@ -1 +1 @@
-{"version":3,"file":"SlideLeftRightTransition.js","names":["React","CSSTransition","StyledSlideLeftRight","SlideLeftRightTransition","_ref","children","direction","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","timeout","classNames","unmountOnExit","Fragment","$direction","displayName"],"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport { StyledSlideLeftRight } from \"./Styles\";\nimport { TransitionProps } from \"../types\";\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    <CSSTransition timeout={200} classNames=\"c-slide\" unmountOnExit {...props}>\n      <>\n        {children}\n        <StyledSlideLeftRight $direction={direction} />\n      </>\n    </CSSTransition>\n  );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA4B,OAAO;AAC/C,SAASC,aAAa,QAAQ,wBAAwB;AAEtD,SAASC,oBAAoB,QAAQ,UAAU;AAQ/C,OAAO,MAAMC,wBAAuD,GAAGC,IAAA,IAIjE;EAAA,IAJkE;MACtEC,QAAQ;MACRC,SAAS,GAAG;IAEd,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBACET,KAAA,CAAAU,aAAA,CAACT,aAAa,EAAAU,QAAA;IAACC,OAAO,EAAE,GAAI;IAACC,UAAU,EAAC,SAAS;IAACC,aAAa;EAAA,GAAKP,KAAK,gBACvEP,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAe,QAAA,QACGV,QAAQ,eACTL,KAAA,CAAAU,aAAA,CAACR,oBAAoB;IAACc,UAAU,EAAEV;EAAU,CAAE,CAC9C,CACW,CAAC;AAEpB,CAAC;AAEDH,wBAAwB,CAACc,WAAW,GAAG,0BAA0B","ignoreList":[]}
+{"version":3,"file":"SlideLeftRightTransition.js","names":["React","CSSTransition","StyledSlideLeftRight","SlideLeftRightTransition","_ref","children","_ref$direction","direction","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","timeout","classNames","unmountOnExit","Fragment","$direction","displayName"],"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport { StyledSlideLeftRight } from \"./Styles\";\nimport { TransitionProps } from \"../types\";\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    <CSSTransition timeout={200} classNames=\"c-slide\" unmountOnExit {...props}>\n      <>\n        {children}\n        <StyledSlideLeftRight $direction={direction} />\n      </>\n    </CSSTransition>\n  );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA4B,OAAO;AAC/C,SAASC,aAAa,QAAQ,wBAAwB;AAEtD,SAASC,oBAAoB,QAAQ,UAAU;AAQ/C,OAAO,MAAMC,wBAAuD,GAAGC,IAAA,IAIjE;EAAA,IAHJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,cAAA,GAAAF,IAAA,CACRG,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,MAAM,GAAAA,cAAA;IACfE,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,oBACEV,KAAA,CAAAW,aAAA,CAACV,aAAa,EAAAW,QAAA;IAACC,OAAO,EAAE,GAAI;IAACC,UAAU,EAAC,SAAS;IAACC,aAAa;EAAA,GAAKP,KAAK,gBACvER,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAgB,QAAA,QACGX,QAAQ,eACTL,KAAA,CAAAW,aAAA,CAACT,oBAAoB;IAACe,UAAU,EAAEV;EAAU,CAAE,CAC9C,CACW,CAAC;AAEpB,CAAC;AAEDJ,wBAAwB,CAACe,WAAW,GAAG,0BAA0B","ignoreList":[]}

package/dist/esm/components/Trigger/Trigger.js

@@ -4,10 +4,9 @@ const _excluded = ["children", "type"];
 import React, { forwardRef } from "react";
 import { StyledButton } from "./Styles";
 export const Trigger = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      type = "button"
-    } = _ref,
+  let children = _ref.children,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "button" : _ref$type,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledButton, _extends({
     ref: ref,

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

@@ -1 +1 @@
-{"version":3,"file":"Trigger.js","names":["React","forwardRef","StyledButton","Trigger","_ref","ref","children","type","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","role","displayName"],"sources":["../../../../src/components/Trigger/Trigger.tsx"],"sourcesContent":["import React, { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport { StyledButton } from \"./Styles\";\n\nexport const Trigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<\"button\">\n>(({ children, type = \"button\", ...rest }, ref) => {\n  return (\n    <StyledButton ref={ref} role=\"button\" type={type} {...rest}>\n      {children}\n    </StyledButton>\n  );\n});\n\nTrigger.displayName = \"Trigger\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAkC,OAAO;AAEnE,SAASC,YAAY,QAAQ,UAAU;AAEvC,OAAO,MAAMC,OAAO,gBAAGF,UAAU,CAG/B,CAAAG,IAAA,EAAyCC,GAAG,KAAK;EAAA,IAAhD;MAAEC,QAAQ;MAAEC,IAAI,GAAG;IAAkB,CAAC,GAAAH,IAAA;IAANI,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EACrC,oBACEV,KAAA,CAAAW,aAAA,CAACT,YAAY,EAAAU,QAAA;IAACP,GAAG,EAAEA,GAAI;IAACQ,IAAI,EAAC,QAAQ;IAACN,IAAI,EAAEA;EAAK,GAAKC,IAAI,GACvDF,QACW,CAAC;AAEnB,CAAC,CAAC;AAEFH,OAAO,CAACW,WAAW,GAAG,SAAS","ignoreList":[]}
+{"version":3,"file":"Trigger.js","names":["React","forwardRef","StyledButton","Trigger","_ref","ref","children","_ref$type","type","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","role","displayName"],"sources":["../../../../src/components/Trigger/Trigger.tsx"],"sourcesContent":["import React, { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport { StyledButton } from \"./Styles\";\n\nexport const Trigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<\"button\">\n>(({ children, type = \"button\", ...rest }, ref) => {\n  return (\n    <StyledButton ref={ref} role=\"button\" type={type} {...rest}>\n      {children}\n    </StyledButton>\n  );\n});\n\nTrigger.displayName = \"Trigger\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAkC,OAAO;AAEnE,SAASC,YAAY,QAAQ,UAAU;AAEvC,OAAO,MAAMC,OAAO,gBAAGF,UAAU,CAG/B,CAAAG,IAAA,EAAyCC,GAAG,KAAK;EAAA,IAA9CC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,SAAA,GAAAH,IAAA,CAAEI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IAAKE,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EACrC,oBACEX,KAAA,CAAAY,aAAA,CAACV,YAAY,EAAAW,QAAA;IAACR,GAAG,EAAEA,GAAI;IAACS,IAAI,EAAC,QAAQ;IAACN,IAAI,EAAEA;EAAK,GAAKC,IAAI,GACvDH,QACW,CAAC;AAEnB,CAAC,CAAC;AAEFH,OAAO,CAACY,WAAW,GAAG,SAAS","ignoreList":[]}

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

@@ -5,24 +5,35 @@ import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledTypography } from "./Styles";
 export const Typography = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      variant = "Title 1",
-      as,
-      color = "primary",
-      italic = false,
-      tabularNums = false,
-      letterSpacing = "tight",
-      lineHeight = "regular",
-      align = "left",
-      decoration = "none",
-      transform = "regular",
-      overflow = "visible",
-      whitespace = "regular",
-      wordBreak = "regular",
-      weight = "regular",
-      className,
-      children
-    } = _ref,
+  let _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
+    as = _ref.as,
+    _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 ? "tight" : _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);
   const Component = as || "div";
   return /*#__PURE__*/React.createElement(StyledTypography, _extends({

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","names":["React","forwardRef","classNames","StyledTypography","Typography","_ref","ref","variant","as","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$variant","$color","$weight","displayName"],"sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledTypography } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\nexport type Variant =\n  | \"Title 1\"\n  | \"Title 2\"\n  | \"Header 2\"\n  | \"Header 3\"\n  | \"Body 1\"\n  | \"Body 2\"\n  | \"Caption 1\"\n  | \"Caption 2\";\n\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    | \"warning\";\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?:\n    | \"regular\"\n    | \"no-wrap\"\n    | \"pre\"\n    | \"pre-wrap\"\n    | \"pre-line\"\n    | \"break-spaces\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n  /** Element variant. */\n  variant?: Variant;\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n  props: TypographyProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n  forwardRef(\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore - due to @node/types making ts more strict\n    <C extends React.ElementType = \"div\">(\n      {\n        variant = \"Title 1\",\n        as,\n        color = \"primary\",\n        italic = false,\n        tabularNums = false,\n        letterSpacing = \"tight\",\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      }: TypographyProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const Component = as || \"div\";\n      return (\n        <StyledTypography\n          as={Component}\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={ref}\n          {...props}\n        >\n          {children}\n        </StyledTypography>\n      );\n    }\n  );\n\nTypography.displayName = \"Typography\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAA+BC,UAAU,QAAQ,OAAO;AAEpE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AA0E3C,OAAO,MAAMC,UAA0D,gBACrEH,UAAU,CAGR,CAAAI,IAAA,EAoBEC,GAAuB,KACpB;EAAA,IApBH;MACEC,OAAO,GAAG,SAAS;MACnBC,EAAE;MACFC,KAAK,GAAG,SAAS;MACjBC,MAAM,GAAG,KAAK;MACdC,WAAW,GAAG,KAAK;MACnBC,aAAa,GAAG,OAAO;MACvBC,UAAU,GAAG,SAAS;MACtBC,KAAK,GAAG,MAAM;MACdC,UAAU,GAAG,MAAM;MACnBC,SAAS,GAAG,SAAS;MACrBC,QAAQ,GAAG,SAAS;MACpBC,UAAU,GAAG,SAAS;MACtBC,SAAS,GAAG,SAAS;MACrBC,MAAM,GAAG,SAAS;MAClBC,SAAS;MACTC;IAEkB,CAAC,GAAAjB,IAAA;IADhBkB,KAAK,GAAAC,6BAAA,CAAAnB,IAAA,EAAAoB,SAAA;EAIV,MAAMC,SAAS,GAAGlB,EAAE,IAAI,KAAK;EAC7B,oBACER,KAAA,CAAA2B,aAAA,CAACxB,gBAAgB,EAAAyB,QAAA;IACfpB,EAAE,EAAEkB,SAAU;IACdL,SAAS,EAAEnB,UAAU,CAAC,YAAY,EAAEmB,SAAS,CAAE;IAC/CQ,OAAO,EAAEnB,MAAO;IAChBoB,YAAY,EAAEnB,WAAY;IAC1BoB,cAAc,EAAEnB,aAAc;IAC9BoB,WAAW,EAAEnB,UAAW;IACxBoB,MAAM,EAAEnB,KAAM;IACdoB,WAAW,EAAEnB,UAAW;IACxBoB,UAAU,EAAEnB,SAAU;IACtBoB,SAAS,EAAEnB,QAAS;IACpBoB,WAAW,EAAEnB,UAAW;IACxBoB,UAAU,EAAEnB,SAAU;IACtBoB,QAAQ,EAAEhC,OAAQ;IAClBiC,MAAM,EAAE/B,KAAM;IACdgC,OAAO,EAAErB,MAAO;IAChBd,GAAG,EAAEA;EAAI,GACLiB,KAAK,GAERD,QACe,CAAC;AAEvB,CACF,CAAC;AAEHlB,UAAU,CAACsC,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"Typography.js","names":["React","forwardRef","classNames","StyledTypography","Typography","_ref","ref","_ref$variant","variant","as","_ref$color","color","_ref$italic","italic","_ref$tabularNums","tabularNums","_ref$letterSpacing","letterSpacing","_ref$lineHeight","lineHeight","_ref$align","align","_ref$decoration","decoration","_ref$transform","transform","_ref$overflow","overflow","_ref$whitespace","whitespace","_ref$wordBreak","wordBreak","_ref$weight","weight","className","children","props","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$variant","$color","$weight","displayName"],"sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledTypography } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\nexport type Variant =\n  | \"Title 1\"\n  | \"Title 2\"\n  | \"Header 2\"\n  | \"Header 3\"\n  | \"Body 1\"\n  | \"Body 2\"\n  | \"Caption 1\"\n  | \"Caption 2\";\n\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    | \"warning\";\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?:\n    | \"regular\"\n    | \"no-wrap\"\n    | \"pre\"\n    | \"pre-wrap\"\n    | \"pre-line\"\n    | \"break-spaces\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n  /** Element variant. */\n  variant?: Variant;\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n  props: TypographyProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n  forwardRef(\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore - due to @node/types making ts more strict\n    <C extends React.ElementType = \"div\">(\n      {\n        variant = \"Title 1\",\n        as,\n        color = \"primary\",\n        italic = false,\n        tabularNums = false,\n        letterSpacing = \"tight\",\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      }: TypographyProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const Component = as || \"div\";\n      return (\n        <StyledTypography\n          as={Component}\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={ref}\n          {...props}\n        >\n          {children}\n        </StyledTypography>\n      );\n    }\n  );\n\nTypography.displayName = \"Typography\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAA+BC,UAAU,QAAQ,OAAO;AAEpE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AA0E3C,OAAO,MAAMC,UAA0D,gBACrEH,UAAU,CAGR,CAAAI,IAAA,EAoBEC,GAAuB,KACpB;EAAA,IAAAC,YAAA,GAAAF,IAAA,CAnBDG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,SAAS,GAAAA,YAAA;IACnBE,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IAAAC,UAAA,GAAAL,IAAA,CACFM,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,SAAS,GAAAA,UAAA;IAAAE,WAAA,GAAAP,IAAA,CACjBQ,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,gBAAA,GAAAT,IAAA,CACdU,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,KAAK,GAAAA,gBAAA;IAAAE,kBAAA,GAAAX,IAAA,CACnBY,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,OAAO,GAAAA,kBAAA;IAAAE,eAAA,GAAAb,IAAA,CACvBc,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,SAAS,GAAAA,eAAA;IAAAE,UAAA,GAAAf,IAAA,CACtBgB,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAAE,eAAA,GAAAjB,IAAA,CACdkB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,MAAM,GAAAA,eAAA;IAAAE,cAAA,GAAAnB,IAAA,CACnBoB,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,SAAS,GAAAA,cAAA;IAAAE,aAAA,GAAArB,IAAA,CACrBsB,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,SAAS,GAAAA,aAAA;IAAAE,eAAA,GAAAvB,IAAA,CACpBwB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,SAAS,GAAAA,eAAA;IAAAE,cAAA,GAAAzB,IAAA,CACtB0B,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,SAAS,GAAAA,cAAA;IAAAE,WAAA,GAAA3B,IAAA,CACrB4B,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,SAAS,GAAAA,WAAA;IAClBE,SAAS,GAAA7B,IAAA,CAAT6B,SAAS;IACTC,QAAQ,GAAA9B,IAAA,CAAR8B,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAhC,IAAA,EAAAiC,SAAA;EAIV,MAAMC,SAAS,GAAG9B,EAAE,IAAI,KAAK;EAC7B,oBACET,KAAA,CAAAwC,aAAA,CAACrC,gBAAgB,EAAAsC,QAAA;IACfhC,EAAE,EAAE8B,SAAU;IACdL,SAAS,EAAEhC,UAAU,CAAC,YAAY,EAAEgC,SAAS,CAAE;IAC/CQ,OAAO,EAAE7B,MAAO;IAChB8B,YAAY,EAAE5B,WAAY;IAC1B6B,cAAc,EAAE3B,aAAc;IAC9B4B,WAAW,EAAE1B,UAAW;IACxB2B,MAAM,EAAEzB,KAAM;IACd0B,WAAW,EAAExB,UAAW;IACxByB,UAAU,EAAEvB,SAAU;IACtBwB,SAAS,EAAEtB,QAAS;IACpBuB,WAAW,EAAErB,UAAW;IACxBsB,UAAU,EAAEpB,SAAU;IACtBqB,QAAQ,EAAE5C,OAAQ;IAClB6C,MAAM,EAAE1C,KAAM;IACd2C,OAAO,EAAErB,MAAO;IAChB3B,GAAG,EAAEA;EAAI,GACL8B,KAAK,GAERD,QACe,CAAC;AAEvB,CACF,CAAC;AAEH/B,UAAU,CAACmD,WAAW,GAAG,YAAY","ignoreList":[]}

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

@@ -4,10 +4,9 @@ const _excluded = ["weight", "children"];
 import React, { forwardRef } from "react";
 import { Typography } from "../Typography";
 export const Body1 = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      weight = "regular",
-      children
-    } = _ref,
+  let _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",

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

@@ -1 +1 @@
-{"version":3,"file":"Body1.js","names":["React","forwardRef","Typography","Body1","_ref","ref","weight","children","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","variant","displayName"],"sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport interface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body1 = forwardRef<\n  HTMLDivElement,\n  IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nBody1.displayName = \"Body1\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAA2BC,UAAU,QAAQ,eAAe;AAO5D,OAAO,MAAMC,KAAK,gBAAGF,UAAU,CAG7B,CAAAG,IAAA,EAA6CC,GAAG,KAAK;EAAA,IAApD;MAAEC,MAAM,GAAG,SAAS;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAAPI,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EACzC,oBACEV,KAAA,CAAAW,aAAA,CAACT,UAAU,EAAAU,QAAA;IAACC,OAAO,EAAC,QAAQ;IAACP,MAAM,EAAEA,MAAO;IAACD,GAAG,EAAEA;EAAI,GAAKG,KAAK,GAC7DD,QACS,CAAC;AAEjB,CAAC,CAAC;AAEFJ,KAAK,CAACW,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"file":"Body1.js","names":["React","forwardRef","Typography","Body1","_ref","ref","_ref$weight","weight","children","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","variant","displayName"],"sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport interface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body1 = forwardRef<\n  HTMLDivElement,\n  IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nBody1.displayName = \"Body1\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAA2BC,UAAU,QAAQ,eAAe;AAO5D,OAAO,MAAMC,KAAK,gBAAGF,UAAU,CAG7B,CAAAG,IAAA,EAA6CC,GAAG,KAAK;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAAlDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,SAAS,GAAAA,WAAA;IAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAKC,KAAK,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EACzC,oBACEX,KAAA,CAAAY,aAAA,CAACV,UAAU,EAAAW,QAAA;IAACC,OAAO,EAAC,QAAQ;IAACP,MAAM,EAAEA,MAAO;IAACF,GAAG,EAAEA;EAAI,GAAKI,KAAK,GAC7DD,QACS,CAAC;AAEjB,CAAC,CAAC;AAEFL,KAAK,CAACY,WAAW,GAAG,OAAO","ignoreList":[]}

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

@@ -4,10 +4,9 @@ const _excluded = ["weight", "children"];
 import React, { forwardRef } from "react";
 import { Typography } from "../Typography";
 export const Body2 = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      weight = "regular",
-      children
-    } = _ref,
+  let _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 2",

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

@@ -1 +1 @@
-{"version":3,"file":"Body2.js","names":["React","forwardRef","Typography","Body2","_ref","ref","weight","children","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","variant","displayName"],"sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { IBodyProps } from \"./Body1\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Body2 = forwardRef<\n  HTMLDivElement,\n  IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nBody2.displayName = \"Body2\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,SAA2BC,UAAU,QAAQ,eAAe;AAE5D,OAAO,MAAMC,KAAK,gBAAGF,UAAU,CAG7B,CAAAG,IAAA,EAA6CC,GAAG,KAAK;EAAA,IAApD;MAAEC,MAAM,GAAG,SAAS;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAAPI,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EACzC,oBACEV,KAAA,CAAAW,aAAA,CAACT,UAAU,EAAAU,QAAA;IAACC,OAAO,EAAC,QAAQ;IAACP,MAAM,EAAEA,MAAO;IAACD,GAAG,EAAEA;EAAI,GAAKG,KAAK,GAC7DD,QACS,CAAC;AAEjB,CAAC,CAAC;AAEFJ,KAAK,CAACW,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"file":"Body2.js","names":["React","forwardRef","Typography","Body2","_ref","ref","_ref$weight","weight","children","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","variant","displayName"],"sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { IBodyProps } from \"./Body1\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Body2 = forwardRef<\n  HTMLDivElement,\n  IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nBody2.displayName = \"Body2\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,SAA2BC,UAAU,QAAQ,eAAe;AAE5D,OAAO,MAAMC,KAAK,gBAAGF,UAAU,CAG7B,CAAAG,IAAA,EAA6CC,GAAG,KAAK;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAAlDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,SAAS,GAAAA,WAAA;IAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAKC,KAAK,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EACzC,oBACEX,KAAA,CAAAY,aAAA,CAACV,UAAU,EAAAW,QAAA;IAACC,OAAO,EAAC,QAAQ;IAACP,MAAM,EAAEA,MAAO;IAACF,GAAG,EAAEA;EAAI,GAAKI,KAAK,GAC7DD,QACS,CAAC;AAEjB,CAAC,CAAC;AAEFL,KAAK,CAACY,WAAW,GAAG,OAAO","ignoreList":[]}

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

@@ -4,10 +4,9 @@ const _excluded = ["weight", "children"];
 import React, { forwardRef } from "react";
 import { Typography } from "../Typography";
 export const Caption1 = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      weight = "regular",
-      children
-    } = _ref,
+  let _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: "Caption 1",

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

@@ -1 +1 @@
-{"version":3,"file":"Caption1.js","names":["React","forwardRef","Typography","Caption1","_ref","ref","weight","children","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","variant","displayName"],"sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport interface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption1 = forwardRef<\n  HTMLDivElement,\n  ICaptionProps & Omit<ITypographyProps, keyof ICaptionProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nCaption1.displayName = \"Caption1\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAA2BC,UAAU,QAAQ,eAAe;AAO5D,OAAO,MAAMC,QAAQ,gBAAGF,UAAU,CAGhC,CAAAG,IAAA,EAA6CC,GAAG,KAAK;EAAA,IAApD;MAAEC,MAAM,GAAG,SAAS;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAAPI,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EACzC,oBACEV,KAAA,CAAAW,aAAA,CAACT,UAAU,EAAAU,QAAA;IAACC,OAAO,EAAC,WAAW;IAACP,MAAM,EAAEA,MAAO;IAACD,GAAG,EAAEA;EAAI,GAAKG,KAAK,GAChED,QACS,CAAC;AAEjB,CAAC,CAAC;AAEFJ,QAAQ,CAACW,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"file":"Caption1.js","names":["React","forwardRef","Typography","Caption1","_ref","ref","_ref$weight","weight","children","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","variant","displayName"],"sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport interface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption1 = forwardRef<\n  HTMLDivElement,\n  ICaptionProps & Omit<ITypographyProps, keyof ICaptionProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nCaption1.displayName = \"Caption1\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAA2BC,UAAU,QAAQ,eAAe;AAO5D,OAAO,MAAMC,QAAQ,gBAAGF,UAAU,CAGhC,CAAAG,IAAA,EAA6CC,GAAG,KAAK;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAAlDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,SAAS,GAAAA,WAAA;IAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAKC,KAAK,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EACzC,oBACEX,KAAA,CAAAY,aAAA,CAACV,UAAU,EAAAW,QAAA;IAACC,OAAO,EAAC,WAAW;IAACP,MAAM,EAAEA,MAAO;IAACF,GAAG,EAAEA;EAAI,GAAKI,KAAK,GAChED,QACS,CAAC;AAEjB,CAAC,CAAC;AAEFL,QAAQ,CAACY,WAAW,GAAG,UAAU","ignoreList":[]}