@epignosis_llc/gnosis 3.0.1 → 3.0.2

package/dist/esm/src/components/MediaPlayer/AudioPlayer/AudioPlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AudioPlayer.js","sources":["../../../../../../src/components/MediaPlayer/AudioPlayer/AudioPlayer.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport ReactPlayer from \"react-player/lazy\";\nimport { PlayerProps } from \"../MediaPlayer\";\n\nexport type AudioPlayerProps = PlayerProps;\n\nconst AudioPlayer: FC<AudioPlayerProps> = ({ src, controls = true, containerAttrs, ...rest }) => {\n  return (\n    <div {...containerAttrs}>\n      <ReactPlayer\n        url={src}\n        controls={controls}\n        className=\"react-player\"\n        height=\"3.5rem\"\n        width=\"100%\"\n        {...rest}\n      />\n    </div>\n  );\n};\n\nexport default AudioPlayer;\n"],"names":["AudioPlayer","src","controls","containerAttrs","rest","___EmotionJSX"],"mappings":";;;;;;;;;;;;;;;AAMA,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAAuD,IAAA,EAAA;AAAA,EAApDC,IAAAA,GAAoD,QAApDA,GAAoD;AAAA,MAAA,aAAA,GAAA,IAAA,CAA/CC,QAA+C;AAAA,MAA/CA,QAA+C,8BAApC,IAAoC,GAAA,aAAA;AAAA,MAA9BC,cAA8B,QAA9BA,cAA8B;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC/F,EAAA,OACEC,GAASF,CAAAA,KAAAA,EAAAA,cAAT,EACEE,GAAA,CAAC,WAAD,EAAA,QAAA,CAAA;AACE,IAAA,GAAG,EAAEJ,GADP;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,SAAS,EAAC,cAHZ;AAIE,IAAA,MAAM,EAAC,QAJT;AAKE,IAAA,KAAK,EAAC,MAAA;AALR,GAMME,EAAAA,IANN,EADF,CADF,CAAA;AAYD;;;;"}
+{"version":3,"file":"AudioPlayer.js","sources":["../../../../../../src/components/MediaPlayer/AudioPlayer/AudioPlayer.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport ReactPlayer from \"react-player/lazy\";\nimport { PlayerProps } from \"../MediaPlayer\";\n\nexport type AudioPlayerProps = PlayerProps;\n\nconst AudioPlayer: FC<AudioPlayerProps> = ({ src, controls = true, containerAttrs, ...rest }) => {\n  return (\n    <div {...containerAttrs}>\n      <ReactPlayer\n        url={src}\n        controls={controls}\n        className=\"react-player\"\n        height=\"3.5rem\"\n        width=\"100%\"\n        {...rest}\n      />\n    </div>\n  );\n};\n\nexport default AudioPlayer;\n"],"names":["AudioPlayer","src","controls","containerAttrs","rest","___EmotionJSX"],"mappings":";;;;;;;;;;;;;;AAMA,IAAMA,WAAiC,GAAG,SAApCA,WAAiC,CAA0D,IAAA,EAAA;EAAA,IAApDC,GAAG,QAAHA,GAAG;AAAA,IAAA,aAAA,GAAA,IAAA,CAAEC,QAAQ;AAARA,IAAAA,QAAQ,8BAAG,IAAI,GAAA,aAAA;AAAEC,IAAAA,cAAc,QAAdA,cAAc;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AACxF,EAAA,OACEC,GAASF,CAAAA,KAAAA,EAAAA,cAAc,EACrBE,GAAA,CAAC,WAAW,EAAA,QAAA,CAAA;AACV,IAAA,GAAG,EAAEJ,GAAI;AACT,IAAA,QAAQ,EAAEC,QAAS;AACnB,IAAA,SAAS,EAAC,cAAc;AACxB,IAAA,MAAM,EAAC,QAAQ;AACf,IAAA,KAAK,EAAC,MAAA;GACFE,EAAAA,IAAI,EACR,CACE,CAAA;AAEV;;;;"}

package/dist/esm/src/components/MediaPlayer/MediaPlayer.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -13,15 +13,12 @@ import AudioPlayer from './AudioPlayer/AudioPlayer.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var _excluded = ["type"];
-
 var MediaPlayer = function MediaPlayer(_ref) {
   var type = _ref.type,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    rest = _objectWithoutProperties(_ref, _excluded);
   switch (type) {
     case "video":
       return jsx(VideoPlayer, rest);
-
     case "audio":
       return jsx(AudioPlayer, rest);
   }

package/dist/esm/src/components/MediaPlayer/MediaPlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaPlayer.js","sources":["../../../../../src/components/MediaPlayer/MediaPlayer.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { ReactPlayerProps } from \"react-player/lazy\";\nimport VideoPlayer from \"./VideoPlayer/VideoPlayer\";\nimport AudioPlayer from \"./AudioPlayer/AudioPlayer\";\n\nexport type PlayerProps = Omit<ReactPlayerProps, \"url\"> & {\n  src: ReactPlayerProps[\"url\"];\n  containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n};\n\nexport type MediaPlayerProps = PlayerProps & {\n  type: \"video\" | \"audio\";\n  children?: never;\n};\n\nconst MediaPlayer: FC<MediaPlayerProps> = ({ type, ...rest }) => {\n  switch (type) {\n    case \"video\":\n      return <VideoPlayer {...rest} />;\n    case \"audio\":\n      return <AudioPlayer {...rest} />;\n  }\n};\n\nexport default MediaPlayer;\n"],"names":["MediaPlayer","type","rest","___EmotionJSX"],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAAuB,IAAA,EAAA;AAAA,EAApBC,IAAAA,IAAoB,QAApBA,IAAoB;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC/D,EAAA,QAAQD,IAAR;AACE,IAAA,KAAK,OAAL;AACE,MAAA,OAAOE,GAAC,CAAA,WAAD,EAAiBD,IAAjB,CAAP,CAAA;;AACF,IAAA,KAAK,OAAL;AACE,MAAA,OAAOC,GAAC,CAAA,WAAD,EAAiBD,IAAjB,CAAP,CAAA;AAJJ,GAAA;AAMD;;;;"}
+{"version":3,"file":"MediaPlayer.js","sources":["../../../../../src/components/MediaPlayer/MediaPlayer.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { ReactPlayerProps } from \"react-player/lazy\";\nimport VideoPlayer from \"./VideoPlayer/VideoPlayer\";\nimport AudioPlayer from \"./AudioPlayer/AudioPlayer\";\n\nexport type PlayerProps = Omit<ReactPlayerProps, \"url\"> & {\n  src: ReactPlayerProps[\"url\"];\n  containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n};\n\nexport type MediaPlayerProps = PlayerProps & {\n  type: \"video\" | \"audio\";\n  children?: never;\n};\n\nconst MediaPlayer: FC<MediaPlayerProps> = ({ type, ...rest }) => {\n  switch (type) {\n    case \"video\":\n      return <VideoPlayer {...rest} />;\n    case \"audio\":\n      return <AudioPlayer {...rest} />;\n  }\n};\n\nexport default MediaPlayer;\n"],"names":["MediaPlayer","type","rest","___EmotionJSX"],"mappings":";;;;;;;;;;;;;;;AAeA,IAAMA,WAAiC,GAAG,SAApCA,WAAiC,CAA0B,IAAA,EAAA;EAAA,IAApBC,IAAI,QAAJA,IAAI;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AACxD,EAAA,QAAQD,IAAI;AACV,IAAA,KAAK,OAAO;AACV,MAAA,OAAOE,GAAC,CAAA,WAAW,EAAKD,IAAI,CAAI,CAAA;AAClC,IAAA,KAAK,OAAO;AACV,MAAA,OAAOC,GAAC,CAAA,WAAW,EAAKD,IAAI,CAAI,CAAA;AAAC,GAAA;AAEvC;;;;"}

package/dist/esm/src/components/MediaPlayer/VideoPlayer/VideoPlayer.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -13,14 +13,12 @@ import { videoPlayerContainer } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var _excluded = ["src", "controls", "containerAttrs"];
-
 var VideoPlayer = function VideoPlayer(_ref) {
   var src = _ref.src,
-      _ref$controls = _ref.controls,
-      controls = _ref$controls === void 0 ? true : _ref$controls,
-      containerAttrs = _ref.containerAttrs,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$controls = _ref.controls,
+    controls = _ref$controls === void 0 ? true : _ref$controls,
+    containerAttrs = _ref.containerAttrs,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return jsx("div", _extends({
     css: videoPlayerContainer
   }, containerAttrs), jsx(ReactPlayer, _extends({

package/dist/esm/src/components/MediaPlayer/VideoPlayer/VideoPlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayer.js","sources":["../../../../../../src/components/MediaPlayer/VideoPlayer/VideoPlayer.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport ReactPlayer from \"react-player/lazy\";\nimport { PlayerProps } from \"../MediaPlayer\";\nimport { videoPlayerContainer } from \"./styles\";\n\nexport type VideoPlayerProps = PlayerProps;\n\nconst VideoPlayer: FC<VideoPlayerProps> = ({ src, controls = true, containerAttrs, ...rest }) => {\n  return (\n    <div css={videoPlayerContainer} {...containerAttrs}>\n      <ReactPlayer\n        className=\"react-player\"\n        url={src}\n        controls={controls}\n        width=\"100%\"\n        height=\"100%\"\n        {...rest}\n      />\n    </div>\n  );\n};\n\nexport default VideoPlayer;\n"],"names":["VideoPlayer","src","controls","containerAttrs","rest","___EmotionJSX","videoPlayerContainer"],"mappings":";;;;;;;;;;;;;;;;AAOA,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAAuD,IAAA,EAAA;AAAA,EAApDC,IAAAA,GAAoD,QAApDA,GAAoD;AAAA,MAAA,aAAA,GAAA,IAAA,CAA/CC,QAA+C;AAAA,MAA/CA,QAA+C,8BAApC,IAAoC,GAAA,aAAA;AAAA,MAA9BC,cAA8B,QAA9BA,cAA8B;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC/F,EACE,OAAAC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAEC,oBAAAA;AAAV,GAAoCH,EAAAA,cAApC,CACE,EAAAE,GAAA,CAAC,WAAD,EAAA,QAAA,CAAA;AACE,IAAA,SAAS,EAAC,cADZ;AAEE,IAAA,GAAG,EAAEJ,GAFP;AAGE,IAAA,QAAQ,EAAEC,QAHZ;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC,MAAA;AALT,GAMME,EAAAA,IANN,EADF,CADF,CAAA;AAYD;;;;"}
+{"version":3,"file":"VideoPlayer.js","sources":["../../../../../../src/components/MediaPlayer/VideoPlayer/VideoPlayer.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport ReactPlayer from \"react-player/lazy\";\nimport { PlayerProps } from \"../MediaPlayer\";\nimport { videoPlayerContainer } from \"./styles\";\n\nexport type VideoPlayerProps = PlayerProps;\n\nconst VideoPlayer: FC<VideoPlayerProps> = ({ src, controls = true, containerAttrs, ...rest }) => {\n  return (\n    <div css={videoPlayerContainer} {...containerAttrs}>\n      <ReactPlayer\n        className=\"react-player\"\n        url={src}\n        controls={controls}\n        width=\"100%\"\n        height=\"100%\"\n        {...rest}\n      />\n    </div>\n  );\n};\n\nexport default VideoPlayer;\n"],"names":["VideoPlayer","src","controls","containerAttrs","rest","___EmotionJSX","videoPlayerContainer"],"mappings":";;;;;;;;;;;;;;;AAOA,IAAMA,WAAiC,GAAG,SAApCA,WAAiC,CAA0D,IAAA,EAAA;EAAA,IAApDC,GAAG,QAAHA,GAAG;AAAA,IAAA,aAAA,GAAA,IAAA,CAAEC,QAAQ;AAARA,IAAAA,QAAQ,8BAAG,IAAI,GAAA,aAAA;AAAEC,IAAAA,cAAc,QAAdA,cAAc;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EACxF,OACEC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAEC,oBAAAA;GAA0BH,EAAAA,cAAc,CAChD,EAAAE,GAAA,CAAC,WAAW,EAAA,QAAA,CAAA;AACV,IAAA,SAAS,EAAC,cAAc;AACxB,IAAA,GAAG,EAAEJ,GAAI;AACT,IAAA,QAAQ,EAAEC,QAAS;AACnB,IAAA,KAAK,EAAC,MAAM;AACZ,IAAA,MAAM,EAAC,MAAA;GACHE,EAAAA,IAAI,EACR,CACE,CAAA;AAEV;;;;"}

package/dist/esm/src/components/MediaPlayer/VideoPlayer/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Modal/Modal.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -12,11 +12,11 @@ import { createElement as jsx, ClassNames } from '../../../node_modules/@emotion
 import ReactModal from '../../../node_modules/react-modal/lib/index.js';
 import Heading from '../Heading/Heading.js';
 import SvgCloseCircled from '../../icons/close_circled.svg.js';
-import { portalStyles, modalHeader, modalContent, modalFooter } from './styles.js';
+import { modalHeader, modalContent, modalFooter, portalStyles } from './styles.js';
 
 var Header = function Header(_ref) {
   var children = _ref.children,
-      onClose = _ref.onClose;
+    onClose = _ref.onClose;
   var title = typeof children === "string" ? jsx(Heading, {
     size: "md"
   }, children) : children;
@@ -32,40 +32,37 @@ var Header = function Header(_ref) {
     height: 28
   })));
 };
-
 var Body = function Body(_ref2) {
   var children = _ref2.children,
-      style = _ref2.style;
+    style = _ref2.style;
   return jsx("article", {
     style: style,
     css: modalContent
   }, children);
 };
-
 var Footer = function Footer(_ref3) {
   var children = _ref3.children,
-      style = _ref3.style;
+    style = _ref3.style;
   return jsx("footer", {
     style: style,
     css: modalFooter,
     "data-testid": "modal-footer"
   }, children);
 };
-
 var Modal = function Modal(_ref4) {
   var children = _ref4.children,
-      isOpen = _ref4.isOpen,
-      _ref4$onClose = _ref4.onClose,
-      onClose = _ref4$onClose === void 0 ? function () {
-    return void 0;
-  } : _ref4$onClose,
-      _ref4$size = _ref4.size,
-      size = _ref4$size === void 0 ? "md" : _ref4$size,
-      _ref4$rootElementSele = _ref4.rootElementSelector,
-      rootElementSelector = _ref4$rootElementSele === void 0 ? "#app" : _ref4$rootElementSele,
-      _ref4$closeOnOutsideC = _ref4.closeOnOutsideClick,
-      closeOnOutsideClick = _ref4$closeOnOutsideC === void 0 ? true : _ref4$closeOnOutsideC,
-      style = _ref4.style;
+    isOpen = _ref4.isOpen,
+    _ref4$onClose = _ref4.onClose,
+    onClose = _ref4$onClose === void 0 ? function () {
+      return void 0;
+    } : _ref4$onClose,
+    _ref4$size = _ref4.size,
+    size = _ref4$size === void 0 ? "md" : _ref4$size,
+    _ref4$rootElementSele = _ref4.rootElementSelector,
+    rootElementSelector = _ref4$rootElementSele === void 0 ? "#app" : _ref4$rootElementSele,
+    _ref4$closeOnOutsideC = _ref4.closeOnOutsideClick,
+    closeOnOutsideClick = _ref4$closeOnOutsideC === void 0 ? true : _ref4$closeOnOutsideC,
+    style = _ref4.style;
   var rootElement = document.querySelector(rootElementSelector);
   var clonedChildren = Children.map(children, function (child) {
     return /*#__PURE__*/cloneElement(child, {
@@ -97,7 +94,6 @@ var Modal = function Modal(_ref4) {
     }, clonedChildren);
   });
 };
-
 Modal.Header = Header;
 Modal.Body = Body;
 Modal.Footer = Footer;

package/dist/esm/src/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { CSSProperties, FC, ReactElement, cloneElement, Children } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport ReactModal, { Props } from \"react-modal\";\nimport Heading from \"../Heading/Heading\";\nimport { CloseCircledSVG } from \"../../icons/\";\nimport { modalContent, modalFooter, modalHeader, portalStyles } from \"./styles\";\n\nexport type HeaderProps = {\n  onClose?: () => void;\n};\n\nconst Header: FC<HeaderProps> = ({ children, onClose }) => {\n  const title = typeof children === \"string\" ? <Heading size=\"md\">{children}</Heading> : children;\n  return (\n    <header css={modalHeader} data-testid=\"modal-header\">\n      <div>{title}</div>\n      {onClose && (\n        <a role=\"button\" className=\"close-btn\" aria-label=\"Close button\" onClick={onClose}>\n          <CloseCircledSVG height={28} />\n        </a>\n      )}\n    </header>\n  );\n};\n\ntype BodyProps = {\n  style?: CSSProperties;\n};\n\nconst Body: FC<BodyProps> = ({ children, style }) => {\n  return (\n    <article style={style} css={modalContent}>\n      {children}\n    </article>\n  );\n};\n\ntype FooterProps = {\n  style?: CSSProperties;\n};\n\nconst Footer: FC<FooterProps> = ({ children, style }) => {\n  return (\n    <footer style={style} css={modalFooter} data-testid=\"modal-footer\">\n      {children}\n    </footer>\n  );\n};\n\ntype ModalCompoundProps = {\n  Header: FC<Omit<HeaderProps, \"onClose\">>;\n  Body: FC<BodyProps>;\n  Footer: FC<FooterProps>;\n};\n\nexport type Size = \"md\" | \"lg\" | \"fullscreen\";\n\nexport type ReactModalProps = Pick<Props, \"isOpen\"> & {\n  onClose?: () => void;\n  size?: Size;\n  rootElementSelector?: string;\n  closeOnOutsideClick?: boolean;\n  style?: ReactModal.Styles;\n};\n\nconst Modal: FC<ReactModalProps> & ModalCompoundProps = ({\n  children,\n  isOpen,\n  onClose = () => void 0,\n  size = \"md\",\n  rootElementSelector = \"#app\",\n  closeOnOutsideClick = true,\n  style,\n}) => {\n  const rootElement = document.querySelector(rootElementSelector) as HTMLElement;\n  const clonedChildren = Children.map(children, (child) =>\n    cloneElement(child as ReactElement, {\n      onClose,\n    }),\n  );\n\n  return (\n    <ClassNames>\n      {({ css }): JSX.Element => (\n        <ReactModal\n          isOpen={isOpen}\n          appElement={rootElement}\n          onRequestClose={onClose}\n          contentLabel=\"modal\"\n          overlayClassName={{\n            base: \"overlay-base\",\n            afterOpen: \"overlay-after\",\n            beforeClose: \"overlay-before\",\n          }}\n          className={{\n            base: \"content-base\",\n            afterOpen: \"content-after\",\n            beforeClose: \"content-before\",\n          }}\n          closeTimeoutMS={200}\n          portalClassName={css(portalStyles(size))}\n          ariaHideApp={false}\n          shouldCloseOnOverlayClick={closeOnOutsideClick}\n          style={style}\n        >\n          {clonedChildren}\n        </ReactModal>\n      )}\n    </ClassNames>\n  );\n};\n\nModal.Header = Header;\nModal.Body = Body;\nModal.Footer = Footer;\n\nexport default Modal;\n"],"names":["Header","children","onClose","title","___EmotionJSX","modalHeader","CloseCircledSVG","Body","style","modalContent","Footer","modalFooter","Modal","isOpen","size","rootElementSelector","closeOnOutsideClick","rootElement","document","querySelector","clonedChildren","Children","map","child","cloneElement","css","base","afterOpen","beforeClose","portalStyles"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { CSSProperties, FC, ReactElement, cloneElement, Children } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport ReactModal, { Props } from \"react-modal\";\nimport Heading from \"../Heading/Heading\";\nimport { CloseCircledSVG } from \"../../icons/\";\nimport { modalContent, modalFooter, modalHeader, portalStyles } from \"./styles\";\n\nexport type HeaderProps = {\n  onClose?: () => void;\n};\n\nconst Header: FC<HeaderProps> = ({ children, onClose }) => {\n  const title = typeof children === \"string\" ? <Heading size=\"md\">{children}</Heading> : children;\n  return (\n    <header css={modalHeader} data-testid=\"modal-header\">\n      <div>{title}</div>\n      {onClose && (\n        <a role=\"button\" className=\"close-btn\" aria-label=\"Close button\" onClick={onClose}>\n          <CloseCircledSVG height={28} />\n        </a>\n      )}\n    </header>\n  );\n};\n\ntype BodyProps = {\n  style?: CSSProperties;\n};\n\nconst Body: FC<BodyProps> = ({ children, style }) => {\n  return (\n    <article style={style} css={modalContent}>\n      {children}\n    </article>\n  );\n};\n\ntype FooterProps = {\n  style?: CSSProperties;\n};\n\nconst Footer: FC<FooterProps> = ({ children, style }) => {\n  return (\n    <footer style={style} css={modalFooter} data-testid=\"modal-footer\">\n      {children}\n    </footer>\n  );\n};\n\ntype ModalCompoundProps = {\n  Header: FC<Omit<HeaderProps, \"onClose\">>;\n  Body: FC<BodyProps>;\n  Footer: FC<FooterProps>;\n};\n\nexport type Size = \"md\" | \"lg\" | \"fullscreen\";\n\nexport type ReactModalProps = Pick<Props, \"isOpen\"> & {\n  onClose?: () => void;\n  size?: Size;\n  rootElementSelector?: string;\n  closeOnOutsideClick?: boolean;\n  style?: ReactModal.Styles;\n};\n\nconst Modal: FC<ReactModalProps> & ModalCompoundProps = ({\n  children,\n  isOpen,\n  onClose = () => void 0,\n  size = \"md\",\n  rootElementSelector = \"#app\",\n  closeOnOutsideClick = true,\n  style,\n}) => {\n  const rootElement = document.querySelector(rootElementSelector) as HTMLElement;\n  const clonedChildren = Children.map(children, (child) =>\n    cloneElement(child as ReactElement, {\n      onClose,\n    }),\n  );\n\n  return (\n    <ClassNames>\n      {({ css }): JSX.Element => (\n        <ReactModal\n          isOpen={isOpen}\n          appElement={rootElement}\n          onRequestClose={onClose}\n          contentLabel=\"modal\"\n          overlayClassName={{\n            base: \"overlay-base\",\n            afterOpen: \"overlay-after\",\n            beforeClose: \"overlay-before\",\n          }}\n          className={{\n            base: \"content-base\",\n            afterOpen: \"content-after\",\n            beforeClose: \"content-before\",\n          }}\n          closeTimeoutMS={200}\n          portalClassName={css(portalStyles(size))}\n          ariaHideApp={false}\n          shouldCloseOnOverlayClick={closeOnOutsideClick}\n          style={style}\n        >\n          {clonedChildren}\n        </ReactModal>\n      )}\n    </ClassNames>\n  );\n};\n\nModal.Header = Header;\nModal.Body = Body;\nModal.Footer = Footer;\n\nexport default Modal;\n"],"names":["Header","children","onClose","title","___EmotionJSX","modalHeader","CloseCircledSVG","Body","style","modalContent","Footer","modalFooter","Modal","isOpen","size","rootElementSelector","closeOnOutsideClick","rootElement","document","querySelector","clonedChildren","Children","map","child","cloneElement","css","base","afterOpen","beforeClose","portalStyles"],"mappings":"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"}

package/dist/esm/src/components/Modal/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -28,7 +28,6 @@ var modalHeader = function modalHeader(_ref) {
   var modal = _ref.modal;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid ", modal.border, ";.close-btn{svg{color:", modal.color, ";&:hover{color:", modal.iconHover, ";}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:modalHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBTaXplIH0gZnJvbSBcIi4vTW9kYWxcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIkB0aGVtZS91dGlscy9icmVha3BvaW50c1wiO1xuXG5jb25zdCB3aWR0aERpbWVuc2lvbnMgPSB7XG4gIG1kOiBcIjMycmVtXCIsXG4gIGxnOiBcIjY0cmVtXCIsXG4gIGZ1bGxzY3JlZW46IFwiMTAwJVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IG1vZGFsQ29udGVudCA9IGNzc2BcbiAgcGFkZGluZzogMS41cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IG1vZGFsSGVhZGVyID0gKHsgbW9kYWwgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6IDEuMjVyZW07XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7bW9kYWwuYm9yZGVyfTtcblxuICAgIC5jbG9zZS1idG4ge1xuICAgICAgc3ZnIHtcbiAgICAgICAgY29sb3I6ICR7bW9kYWwuY29sb3J9O1xuXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke21vZGFsLmljb25Ib3Zlcn07XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgbW9kYWxGb290ZXIgPSAoeyBtb2RhbCB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmc6IDEuMjVyZW07XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7bW9kYWwuYm9yZGVyfTtcbiAgYDtcbn07XG5cbi8vIHBsYWluIHN0eWxlcyBhcyBzdHJpbmdcbmV4cG9ydCBjb25zdCBwb3J0YWxTdHlsZXMgPSAoc2l6ZTogU2l6ZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIC5vdmVybGF5LWJhc2Uge1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgdG9wOiAwO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40NSk7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgei1pbmRleDogOTk5OTtcbiAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMC4ycyBlYXNlLWluLW91dDtcblxuICAgICAgJi5vdmVybGF5LWJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLm92ZXJsYXktYWZ0ZXIge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG5cbiAgICAuY29udGVudC1hZnRlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBib3JkZXItcmFkaXVzOiAwO1xuXG4gICAgICAke21xW1wibWRcIl19IHtcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIHdpZHRoOiAke3dpZHRoRGltZW5zaW9uc1tzaXplXX07XG4gICAgICAgIG1heC13aWR0aDogOTAlO1xuICAgICAgfVxuXG4gICAgICAke3NpemUgPT09IFwiZnVsbHNjcmVlblwiICYmXG4gICAgICBgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBgfVxuICAgIH1cbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:modalHeader;")
   );
@@ -37,16 +36,15 @@ var modalFooter = function modalFooter(_ref2) {
   var modal = _ref2.modal;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("padding:1.25rem;border-top:1px solid ", modal.border, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:modalFooter;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ1kiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgU2l6ZSB9IGZyb20gXCIuL01vZGFsXCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCJAdGhlbWUvdXRpbHMvYnJlYWtwb2ludHNcIjtcblxuY29uc3Qgd2lkdGhEaW1lbnNpb25zID0ge1xuICBtZDogXCIzMnJlbVwiLFxuICBsZzogXCI2NHJlbVwiLFxuICBmdWxsc2NyZWVuOiBcIjEwMCVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBtb2RhbENvbnRlbnQgPSBjc3NgXG4gIHBhZGRpbmc6IDEuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBtb2RhbEhlYWRlciA9ICh7IG1vZGFsIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAxLjI1cmVtO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke21vZGFsLmJvcmRlcn07XG5cbiAgICAuY2xvc2UtYnRuIHtcbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke21vZGFsLmNvbG9yfTtcblxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHttb2RhbC5pY29uSG92ZXJ9O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IG1vZGFsRm9vdGVyID0gKHsgbW9kYWwgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nOiAxLjI1cmVtO1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAke21vZGFsLmJvcmRlcn07XG4gIGA7XG59O1xuXG4vLyBwbGFpbiBzdHlsZXMgYXMgc3RyaW5nXG5leHBvcnQgY29uc3QgcG9ydGFsU3R5bGVzID0gKHNpemU6IFNpemUpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICAub3ZlcmxheS1iYXNlIHtcbiAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNDUpO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHotaW5kZXg6IDk5OTk7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMnMgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICYub3ZlcmxheS1iZWZvcmUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgIH1cblxuICAgIC5vdmVybGF5LWFmdGVyIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuXG4gICAgLmNvbnRlbnQtYWZ0ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgYm9yZGVyLXJhZGl1czogMDtcblxuICAgICAgJHttcVtcIm1kXCJdfSB7XG4gICAgICAgIGhlaWdodDogYXV0bztcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICB3aWR0aDogJHt3aWR0aERpbWVuc2lvbnNbc2l6ZV19O1xuICAgICAgICBtYXgtd2lkdGg6IDkwJTtcbiAgICAgIH1cblxuICAgICAgJHtzaXplID09PSBcImZ1bGxzY3JlZW5cIiAmJlxuICAgICAgYFxuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYH1cbiAgICB9XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:modalFooter;")
   );
-}; // plain styles as string
+};
 
+// plain styles as string
 var portalStyles = function portalStyles(size) {
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css(".overlay-base{position:fixed;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.45);opacity:0;z-index:9999;transition:opacity 0.2s ease-in-out;&.overlay-before{opacity:0;}}.overlay-after{opacity:1;}.content-after{background-color:#fff;height:100%;width:100%;border-radius:0;", size === "fullscreen" && "\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    ", ";", mq["md"], "{height:auto;border-radius:5px;width:", widthDimensions[size], ";max-width:90%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:portalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ1kiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgU2l6ZSB9IGZyb20gXCIuL01vZGFsXCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCJAdGhlbWUvdXRpbHMvYnJlYWtwb2ludHNcIjtcblxuY29uc3Qgd2lkdGhEaW1lbnNpb25zID0ge1xuICBtZDogXCIzMnJlbVwiLFxuICBsZzogXCI2NHJlbVwiLFxuICBmdWxsc2NyZWVuOiBcIjEwMCVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBtb2RhbENvbnRlbnQgPSBjc3NgXG4gIHBhZGRpbmc6IDEuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBtb2RhbEhlYWRlciA9ICh7IG1vZGFsIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAxLjI1cmVtO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke21vZGFsLmJvcmRlcn07XG5cbiAgICAuY2xvc2UtYnRuIHtcbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke21vZGFsLmNvbG9yfTtcblxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHttb2RhbC5pY29uSG92ZXJ9O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IG1vZGFsRm9vdGVyID0gKHsgbW9kYWwgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nOiAxLjI1cmVtO1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAke21vZGFsLmJvcmRlcn07XG4gIGA7XG59O1xuXG4vLyBwbGFpbiBzdHlsZXMgYXMgc3RyaW5nXG5leHBvcnQgY29uc3QgcG9ydGFsU3R5bGVzID0gKHNpemU6IFNpemUpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICAub3ZlcmxheS1iYXNlIHtcbiAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNDUpO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHotaW5kZXg6IDk5OTk7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMnMgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICYub3ZlcmxheS1iZWZvcmUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgIH1cblxuICAgIC5vdmVybGF5LWFmdGVyIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuXG4gICAgLmNvbnRlbnQtYWZ0ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgYm9yZGVyLXJhZGl1czogMDtcblxuICAgICAgJHttcVtcIm1kXCJdfSB7XG4gICAgICAgIGhlaWdodDogYXV0bztcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICB3aWR0aDogJHt3aWR0aERpbWVuc2lvbnNbc2l6ZV19O1xuICAgICAgICBtYXgtd2lkdGg6IDkwJTtcbiAgICAgIH1cblxuICAgICAgJHtzaXplID09PSBcImZ1bGxzY3JlZW5cIiAmJlxuICAgICAgYFxuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYH1cbiAgICB9XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:portalStyles;")
   );

package/dist/esm/src/components/Modal/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Modal/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./Modal\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nconst widthDimensions = {\n  md: \"32rem\",\n  lg: \"64rem\",\n  fullscreen: \"100%\",\n};\n\nexport const modalContent = css`\n  padding: 1.5rem;\n`;\n\nexport const modalHeader = ({ modal }: Theme): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.25rem;\n    border-bottom: 1px solid ${modal.border};\n\n    .close-btn {\n      svg {\n        color: ${modal.color};\n\n        &:hover {\n          color: ${modal.iconHover};\n        }\n      }\n    }\n  `;\n};\n\nexport const modalFooter = ({ modal }: Theme): SerializedStyles => {\n  return css`\n    padding: 1.25rem;\n    border-top: 1px solid ${modal.border};\n  `;\n};\n\n// plain styles as string\nexport const portalStyles = (size: Size): SerializedStyles => {\n  return css`\n    .overlay-base {\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: rgba(0, 0, 0, 0.45);\n      opacity: 0;\n      z-index: 9999;\n      transition: opacity 0.2s ease-in-out;\n\n      &.overlay-before {\n        opacity: 0;\n      }\n    }\n\n    .overlay-after {\n      opacity: 1;\n    }\n\n    .content-after {\n      background-color: #fff;\n      height: 100%;\n      width: 100%;\n      border-radius: 0;\n\n      ${mq[\"md\"]} {\n        height: auto;\n        border-radius: 5px;\n        width: ${widthDimensions[size]};\n        max-width: 90%;\n      }\n\n      ${size === \"fullscreen\" &&\n      `\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    `}\n    }\n  `;\n};\n"],"names":["widthDimensions","md","lg","fullscreen","modalContent","modalHeader","modal","css","border","color","iconHover","modalFooter","portalStyles","size","mq"],"mappings":";;;;;;;;;;;;AAIA,IAAMA,eAAe,GAAG;AACtBC,EAAAA,EAAE,EAAE,OADkB;AAEtBC,EAAAA,EAAE,EAAE,OAFkB;AAGtBC,EAAAA,UAAU,EAAE,MAAA;AAHU,CAAxB,CAAA;IAMaC,YAAY,GAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,IAAA,EAAA,SAAA;AAAA,EAAA,MAAA,EAAA,gBAAA;AAAA,CAAA,GAAA;AAAA,EAAA,IAAA,EAAA,sBAAA;AAAA,EAAA,MAAA,EAAA,oCAAA;AAAA,EAAA,GAAA,EAAA,ioFAAA;AAAA,EAAA,QAAA,EAAA,gCAAA;AAAA,EAAlB;AAIMC,IAAAA,WAAW,GAAG,SAAdA,WAAc,CAAwC,IAAA,EAAA;AAAA,EAArCC,IAAAA,KAAqC,QAArCA,KAAqC,CAAA;AACjE,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAAA,wGAAA,EAK6BD,KAAK,CAACE,MALnC,EAAA,wBAAA,EASeF,KAAK,CAACG,KATrB,EAAA,iBAAA,EAYiBH,KAAK,CAACI,SAZvB,EAAA,MAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ioFAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qBAAA,CAAA;AAAA,IAAA;AAiBD,EAlBM;AAoBMC,IAAAA,WAAW,GAAG,SAAdA,WAAc,CAAwC,KAAA,EAAA;AAAA,EAArCL,IAAAA,KAAqC,SAArCA,KAAqC,CAAA;AACjE,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAAA,uCAAA,EAE0BD,KAAK,CAACE,MAFhC,EAAA,GAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ioFAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qBAAA,CAAA;AAAA,IAAA;AAID;;IAGYI,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAkC;AAC5D,EAAA;AAAA;;AAAA;AAAON,IAAAA,GAAP,CAAA,uVAAA,EAqCMM,IAAI,KAAK,YAAT,IArCN,oGAAA,EAAA,GAAA,EA8BMC,EAAE,CAAC,IAAD,CA9BR,EAAA,uCAAA,EAiCed,eAAe,CAACa,IAAD,CAjC9B,EAAA,mBAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,sBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ioFAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,sBAAA,CAAA;AAAA,IAAA;AA6CD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Modal/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./Modal\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nconst widthDimensions = {\n  md: \"32rem\",\n  lg: \"64rem\",\n  fullscreen: \"100%\",\n};\n\nexport const modalContent = css`\n  padding: 1.5rem;\n`;\n\nexport const modalHeader = ({ modal }: Theme): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.25rem;\n    border-bottom: 1px solid ${modal.border};\n\n    .close-btn {\n      svg {\n        color: ${modal.color};\n\n        &:hover {\n          color: ${modal.iconHover};\n        }\n      }\n    }\n  `;\n};\n\nexport const modalFooter = ({ modal }: Theme): SerializedStyles => {\n  return css`\n    padding: 1.25rem;\n    border-top: 1px solid ${modal.border};\n  `;\n};\n\n// plain styles as string\nexport const portalStyles = (size: Size): SerializedStyles => {\n  return css`\n    .overlay-base {\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: rgba(0, 0, 0, 0.45);\n      opacity: 0;\n      z-index: 9999;\n      transition: opacity 0.2s ease-in-out;\n\n      &.overlay-before {\n        opacity: 0;\n      }\n    }\n\n    .overlay-after {\n      opacity: 1;\n    }\n\n    .content-after {\n      background-color: #fff;\n      height: 100%;\n      width: 100%;\n      border-radius: 0;\n\n      ${mq[\"md\"]} {\n        height: auto;\n        border-radius: 5px;\n        width: ${widthDimensions[size]};\n        max-width: 90%;\n      }\n\n      ${size === \"fullscreen\" &&\n      `\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    `}\n    }\n  `;\n};\n"],"names":["widthDimensions","md","lg","fullscreen","modalContent","modalHeader","modal","css","border","color","iconHover","modalFooter","portalStyles","size","mq"],"mappings":";;;;;;;;;;;;AAIA,IAAMA,eAAe,GAAG;AACtBC,EAAAA,EAAE,EAAE,OAAO;AACXC,EAAAA,EAAE,EAAE,OAAO;AACXC,EAAAA,UAAU,EAAE,MAAA;AACd,CAAC,CAAA;IAEYC,YAAY,GAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,IAAA,EAAA,SAAA;AAAA,EAAA,MAAA,EAAA,gBAAA;AAAA,CAAA,GAAA;AAAA,EAAA,IAAA,EAAA,sBAAA;AAAA,EAAA,MAAA,EAAA,oCAAA;AAAA,EAAA,GAAA,EAAA,ioFAAA;AAAA,EAAA,QAAA,EAAA,gCAAA;AAAA,EAExB;AAEYC,IAAAA,WAAW,GAAG,SAAdA,WAAW,CAA2C,IAAA,EAAA;EAAA,IAArCC,KAAK,QAALA,KAAK,CAAA;AACjC,EAAA;AAAA;AAAA;IAAOC,GAAG,CAAA,wGAAA,EAKmBD,KAAK,CAACE,MAAM,EAAA,wBAAA,EAI1BF,KAAK,CAACG,KAAK,EAAA,iBAAA,EAGTH,KAAK,CAACI,SAAS,EAAA,MAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ioFAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qBAAA,CAAA;AAAA,IAAA;AAKlC,EAAC;AAEYC,IAAAA,WAAW,GAAG,SAAdA,WAAW,CAA2C,KAAA,EAAA;EAAA,IAArCL,KAAK,SAALA,KAAK,CAAA;AACjC,EAAA;AAAA;AAAA;IAAOC,GAAG,CAAA,uCAAA,EAEgBD,KAAK,CAACE,MAAM,EAAA,GAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ioFAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qBAAA,CAAA;AAAA,IAAA;AAExC,EAAC;;AAED;IACaI,YAAY,GAAG,SAAfA,YAAY,CAAIC,IAAU,EAAuB;AAC5D,EAAA;AAAA;AAAA;AAAON,IAAAA,GAAG,CAqCJM,uVAAAA,EAAAA,IAAI,KAAK,YAAY,wGAKxB,EAZGC,GAAAA,EAAAA,EAAE,CAAC,IAAI,CAAC,EAAA,uCAAA,EAGCd,eAAe,CAACa,IAAI,CAAC,EAAA,mBAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,sBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ioFAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,sBAAA,CAAA;AAAA,IAAA;AAYtC;;;;"}

package/dist/esm/src/components/Pagination/Pagination.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -22,17 +22,15 @@ import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/
 
 var Pagination = function Pagination(_ref) {
   var current = _ref.current,
-      onChange = _ref.onChange,
-      totalPages = _ref.totalPages,
-      containerAttrs = _ref.containerAttrs;
+    onChange = _ref.onChange,
+    totalPages = _ref.totalPages,
+    containerAttrs = _ref.containerAttrs;
   var paginationRange = usePagination(current, totalPages);
-
   var classNamesContainer = function classNamesContainer(pageNumber) {
     return classNames({
       isActive: pageNumber === current
     });
   };
-
   return jsx("div", _extends({
     css: container
   }, containerAttrs), jsx(Button, {
@@ -53,7 +51,6 @@ var Pagination = function Pagination(_ref) {
     if (pageNumber === ellipsis) {
       return ellipsis;
     }
-
     return jsx(Button, {
       type: "button",
       key: pageNumber,

package/dist/esm/src/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\nimport Button from \"../Button/Button\";\nimport { ArrowLeftSVG, ArrowRightSVG } from \"../../icons/\";\nimport { container } from \"./styles\";\nimport { usePagination, ellipsis } from \"./usePagination\";\n\nexport type PaginationProps = {\n  current: number;\n  totalPages: number;\n  onChange: (page: number) => void;\n  containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n};\n\nconst Pagination: FC<PaginationProps> = ({ current, onChange, totalPages, containerAttrs }) => {\n  const paginationRange = usePagination(current, totalPages);\n\n  const classNamesContainer = (pageNumber: number) =>\n    classNames({\n      isActive: pageNumber === current,\n    });\n\n  return (\n    <div css={container} {...containerAttrs}>\n      <Button\n        className=\"previous-page-btn\"\n        data-testid=\"previous-page-btn\"\n        name=\"Previous page\"\n        onClick={(): void => onChange(current - 1)}\n        color=\"secondary\"\n        noGutters\n        disabled={current === 1}\n      >\n        <ArrowLeftSVG height={22} />\n      </Button>\n\n      <div className=\"pagination-options\">\n        {paginationRange.map((pageNumber) => {\n          if (pageNumber === ellipsis) {\n            return ellipsis;\n          }\n\n          return (\n            <Button\n              type=\"button\"\n              key={pageNumber}\n              id={pageNumber.toString()}\n              data-testid=\"pagination-page\"\n              onClick={(): void => onChange(pageNumber as number)}\n              variant=\"ghost\"\n              noGutters\n              className={classNamesContainer(pageNumber as number)}\n            >\n              {pageNumber}\n            </Button>\n          );\n        })}\n      </div>\n\n      <Button\n        className=\"next-page-btn\"\n        data-testid=\"next-page-btn\"\n        name=\"Next page\"\n        onClick={(): void => onChange(current + 1)}\n        color=\"secondary\"\n        noGutters\n        disabled={current === totalPages}\n      >\n        <ArrowRightSVG height={22} />\n      </Button>\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","current","onChange","totalPages","containerAttrs","paginationRange","usePagination","classNamesContainer","pageNumber","classNames","isActive","___EmotionJSX","container","ArrowLeftSVG","map","ellipsis","toString","ArrowRightSVG"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA,IAAMA,UAA+B,GAAG,SAAlCA,UAAkC,CAAuD,IAAA,EAAA;AAAA,EAApDC,IAAAA,OAAoD,QAApDA,OAAoD;AAAA,MAA3CC,QAA2C,QAA3CA,QAA2C;AAAA,MAAjCC,UAAiC,QAAjCA,UAAiC;AAAA,MAArBC,cAAqB,QAArBA,cAAqB,CAAA;AAC7F,EAAA,IAAMC,eAAe,GAAGC,aAAa,CAACL,OAAD,EAAUE,UAAV,CAArC,CAAA;;AAEA,EAAA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,UAAD,EAAA;AAAA,IAAA,OAC1BC,UAAU,CAAC;AACTC,MAAAA,QAAQ,EAAEF,UAAU,KAAKP,OAAAA;AADhB,KAAD,CADgB,CAAA;AAAA,GAA5B,CAAA;;AAKA,EACE,OAAAU,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAEC,SAAAA;AAAV,GAAyBR,EAAAA,cAAzB,CACE,EAAAO,GAAA,CAAC,MAAD,EAAA;AACE,IAAA,SAAS,EAAC,mBADZ;AAEE,IAAA,aAAA,EAAY,mBAFd;AAGE,IAAA,IAAI,EAAC,eAHP;AAIE,IAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,MAAA,OAAYT,QAAQ,CAACD,OAAO,GAAG,CAAX,CAApB,CAAA;AAAA,KAJX;AAKE,IAAA,KAAK,EAAC,WALR;AAME,IAAA,SAAS,EANX,IAAA;AAOE,IAAA,QAAQ,EAAEA,OAAO,KAAK,CAAA;AAPxB,GAAA,EASEU,IAACE,YAAD,EAAA;AAAc,IAAA,MAAM,EAAE,EAAA;AAAtB,GAAA,CATF,CADF,EAaEF,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,oBAAA;AAAf,GAAA,EACGN,eAAe,CAACS,GAAhB,CAAoB,UAACN,UAAD,EAAgB;AACnC,IAAIA,IAAAA,UAAU,KAAKO,QAAnB,EAA6B;AAC3B,MAAA,OAAOA,QAAP,CAAA;AACD,KAAA;;AAED,IAAA,OACEJ,IAAC,MAAD,EAAA;AACE,MAAA,IAAI,EAAC,QADP;AAEE,MAAA,GAAG,EAAEH,UAFP;AAGE,MAAA,EAAE,EAAEA,UAAU,CAACQ,QAAX,EAHN;AAIE,MAAA,aAAA,EAAY,iBAJd;AAKE,MAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,QAAYd,OAAAA,QAAQ,CAACM,UAAD,CAApB,CAAA;AAAA,OALX;AAME,MAAA,OAAO,EAAC,OANV;AAOE,MAAA,SAAS,EAPX,IAAA;AAQE,MAAA,SAAS,EAAED,mBAAmB,CAACC,UAAD,CAAA;AARhC,KAAA,EAUGA,UAVH,CADF,CAAA;AAcD,GAnBA,CADH,CAbF,EAoCEG,GAAA,CAAC,MAAD,EAAA;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,aAAA,EAAY,eAFd;AAGE,IAAA,IAAI,EAAC,WAHP;AAIE,IAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,MAAA,OAAYT,QAAQ,CAACD,OAAO,GAAG,CAAX,CAApB,CAAA;AAAA,KAJX;AAKE,IAAA,KAAK,EAAC,WALR;AAME,IAAA,SAAS,EANX,IAAA;AAOE,IAAA,QAAQ,EAAEA,OAAO,KAAKE,UAAAA;AAPxB,GAAA,EASEQ,IAACM,aAAD,EAAA;AAAe,IAAA,MAAM,EAAE,EAAA;AAAvB,GAAA,CATF,CApCF,CADF,CAAA;AAkDD;;;;"}
+{"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\nimport Button from \"../Button/Button\";\nimport { ArrowLeftSVG, ArrowRightSVG } from \"../../icons/\";\nimport { container } from \"./styles\";\nimport { usePagination, ellipsis } from \"./usePagination\";\n\nexport type PaginationProps = {\n  current: number;\n  totalPages: number;\n  onChange: (page: number) => void;\n  containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n};\n\nconst Pagination: FC<PaginationProps> = ({ current, onChange, totalPages, containerAttrs }) => {\n  const paginationRange = usePagination(current, totalPages);\n\n  const classNamesContainer = (pageNumber: number) =>\n    classNames({\n      isActive: pageNumber === current,\n    });\n\n  return (\n    <div css={container} {...containerAttrs}>\n      <Button\n        className=\"previous-page-btn\"\n        data-testid=\"previous-page-btn\"\n        name=\"Previous page\"\n        onClick={(): void => onChange(current - 1)}\n        color=\"secondary\"\n        noGutters\n        disabled={current === 1}\n      >\n        <ArrowLeftSVG height={22} />\n      </Button>\n\n      <div className=\"pagination-options\">\n        {paginationRange.map((pageNumber) => {\n          if (pageNumber === ellipsis) {\n            return ellipsis;\n          }\n\n          return (\n            <Button\n              type=\"button\"\n              key={pageNumber}\n              id={pageNumber.toString()}\n              data-testid=\"pagination-page\"\n              onClick={(): void => onChange(pageNumber as number)}\n              variant=\"ghost\"\n              noGutters\n              className={classNamesContainer(pageNumber as number)}\n            >\n              {pageNumber}\n            </Button>\n          );\n        })}\n      </div>\n\n      <Button\n        className=\"next-page-btn\"\n        data-testid=\"next-page-btn\"\n        name=\"Next page\"\n        onClick={(): void => onChange(current + 1)}\n        color=\"secondary\"\n        noGutters\n        disabled={current === totalPages}\n      >\n        <ArrowRightSVG height={22} />\n      </Button>\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","current","onChange","totalPages","containerAttrs","paginationRange","usePagination","classNamesContainer","pageNumber","classNames","isActive","___EmotionJSX","container","ArrowLeftSVG","map","ellipsis","toString","ArrowRightSVG"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA,IAAMA,UAA+B,GAAG,SAAlCA,UAA+B,CAA0D,IAAA,EAAA;EAAA,IAApDC,OAAO,QAAPA,OAAO;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,UAAU,QAAVA,UAAU;AAAEC,IAAAA,cAAc,QAAdA,cAAc,CAAA;AACtF,EAAA,IAAMC,eAAe,GAAGC,aAAa,CAACL,OAAO,EAAEE,UAAU,CAAC,CAAA;AAE1D,EAAA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,UAAkB,EAAA;AAAA,IAAA,OAC7CC,UAAU,CAAC;MACTC,QAAQ,EAAEF,UAAU,KAAKP,OAAAA;AAC3B,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;EAEJ,OACEU,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAEC,SAAAA;GAAeR,EAAAA,cAAc,CACrC,EAAAO,GAAA,CAAC,MAAM,EAAA;AACL,IAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,aAAA,EAAY,mBAAmB;AAC/B,IAAA,IAAI,EAAC,eAAe;AACpB,IAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,MAAA,OAAYT,QAAQ,CAACD,OAAO,GAAG,CAAC,CAAC,CAAA;KAAC;AAC3C,IAAA,KAAK,EAAC,WAAW;IACjB,SAAS,EAAA,IAAA;IACT,QAAQ,EAAEA,OAAO,KAAK,CAAA;AAAE,GAAA,EAExBU,IAACE,YAAY,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;AAAG,GAAA,CAAG,CACrB,EAETF,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,oBAAA;AAAoB,GAAA,EAChCN,eAAe,CAACS,GAAG,CAAC,UAACN,UAAU,EAAK;IACnC,IAAIA,UAAU,KAAKO,QAAQ,EAAE;AAC3B,MAAA,OAAOA,QAAQ,CAAA;AACjB,KAAA;AAEA,IAAA,OACEJ,IAAC,MAAM,EAAA;AACL,MAAA,IAAI,EAAC,QAAQ;AACb,MAAA,GAAG,EAAEH,UAAW;AAChB,MAAA,EAAE,EAAEA,UAAU,CAACQ,QAAQ,EAAG;AAC1B,MAAA,aAAA,EAAY,iBAAiB;AAC7B,MAAA,OAAO,EAAE,SAAA,OAAA,GAAA;QAAA,OAAYd,QAAQ,CAACM,UAAU,CAAW,CAAA;OAAC;AACpD,MAAA,OAAO,EAAC,OAAO;MACf,SAAS,EAAA,IAAA;MACT,SAAS,EAAED,mBAAmB,CAACC,UAAU,CAAA;AAAY,KAAA,EAEpDA,UAAU,CACJ,CAAA;AAEb,GAAC,CAAC,CACE,EAENG,GAAA,CAAC,MAAM,EAAA;AACL,IAAA,SAAS,EAAC,eAAe;AACzB,IAAA,aAAA,EAAY,eAAe;AAC3B,IAAA,IAAI,EAAC,WAAW;AAChB,IAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,MAAA,OAAYT,QAAQ,CAACD,OAAO,GAAG,CAAC,CAAC,CAAA;KAAC;AAC3C,IAAA,KAAK,EAAC,WAAW;IACjB,SAAS,EAAA,IAAA;IACT,QAAQ,EAAEA,OAAO,KAAKE,UAAAA;AAAW,GAAA,EAEjCQ,IAACM,aAAa,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;AAAG,GAAA,CAAG,CACtB,CACL,CAAA;AAEV;;;;"}

package/dist/esm/src/components/Pagination/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -13,7 +13,6 @@ var container = function container(_ref) {
   var pagination = _ref.pagination;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("display:flex;justify-content:center;align-items:center;.pagination-options{margin:0 1rem;button{margin-right:0.5rem;&:last-of-type{margin:0;}}.isActive{background:", hexToRGBA(pagination.background, 0.16), ";color:", pagination.color, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMsIFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JHQkEgfSBmcm9tIFwiQHRoZW1lL2RlZmF1bHQvY29sb3JzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoeyBwYWdpbmF0aW9uIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgLnBhZ2luYXRpb24tb3B0aW9ucyB7XG4gICAgICBtYXJnaW46IDAgMXJlbTtcblxuICAgICAgYnV0dG9uIHtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG5cbiAgICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAuaXNBY3RpdmUge1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2hleFRvUkdCQShwYWdpbmF0aW9uLmJhY2tncm91bmQsIDAuMTYpfTtcbiAgICAgICAgY29sb3I6ICR7cGFnaW5hdGlvbi5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
   );

package/dist/esm/src/components/Pagination/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pagination/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { hexToRGBA } from \"@theme/default/colors\";\n\nexport const container = ({ pagination }: Theme): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .pagination-options {\n      margin: 0 1rem;\n\n      button {\n        margin-right: 0.5rem;\n\n        &:last-of-type {\n          margin: 0;\n        }\n      }\n\n      .isActive {\n        background: ${hexToRGBA(pagination.background, 0.16)};\n        color: ${pagination.color};\n      }\n    }\n  `;\n};\n"],"names":["container","pagination","css","hexToRGBA","background","color"],"mappings":";;;;;;;;;;;AAGaA,IAAAA,SAAS,GAAG,SAAZA,SAAY,CAA6C,IAAA,EAAA;AAAA,EAA1CC,IAAAA,UAA0C,QAA1CA,UAA0C,CAAA;AACpE,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAAA,qKAAA,EAiBoBC,SAAS,CAACF,UAAU,CAACG,UAAZ,EAAwB,IAAxB,CAjB7B,EAkBeH,SAAAA,EAAAA,UAAU,CAACI,KAlB1B,EAAA,KAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6/BAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAsBD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pagination/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { hexToRGBA } from \"@theme/default/colors\";\n\nexport const container = ({ pagination }: Theme): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .pagination-options {\n      margin: 0 1rem;\n\n      button {\n        margin-right: 0.5rem;\n\n        &:last-of-type {\n          margin: 0;\n        }\n      }\n\n      .isActive {\n        background: ${hexToRGBA(pagination.background, 0.16)};\n        color: ${pagination.color};\n      }\n    }\n  `;\n};\n"],"names":["container","pagination","css","hexToRGBA","background","color"],"mappings":";;;;;;;;;;;AAGaA,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAAgD,IAAA,EAAA;EAAA,IAA1CC,UAAU,QAAVA,UAAU,CAAA;AACpC,EAAA;AAAA;AAAA;AAAOC,IAAAA,GAAG,CAiBUC,qKAAAA,EAAAA,SAAS,CAACF,UAAU,CAACG,UAAU,EAAE,IAAI,CAAC,EAAA,SAAA,EAC3CH,UAAU,CAACI,KAAK,EAAA,KAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6/BAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAIjC;;;;"}

package/dist/esm/src/components/Pagination/usePagination.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -13,76 +13,70 @@ import '../../../node_modules/core-js/modules/es.array.concat.js';
 import { useMemo } from 'react';
 
 var ellipsis = "...";
-
 var range = function range(start, end) {
   var length = end - start + 1;
   /*
   	Create an array of certain length and set the elements within it from
     start value to end value.
   */
-
   return Array.from({
     length: length
   }, function (_, idx) {
     return idx + start;
   });
 };
-
 var FIRST_PAGE_INDEX = 1; // first page index
-
 var NO_DISPLAYING_BOXES_WITHOUT_ELLIPSIS = 5; // NO_DISPLAYING_BOXES is determined as siblingCount + firstPage + lastPage + currentPage + 2*DOTS
 
 var usePagination = function usePagination(currentPage, totalPages) {
   var siblingCount = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   return useMemo(function () {
     var totalDisplyedBoxes = siblingCount + NO_DISPLAYING_BOXES_WITHOUT_ELLIPSIS;
+
     /*
       Case 1:
       If the number of pages is less than the page numbers we want to show in our
       paginationComponent, we return the range [1..totalPages]
     */
-
     if (totalDisplyedBoxes >= totalPages) {
       return range(FIRST_PAGE_INDEX, totalPages);
-    } // Calculate left and right sibling index and make sure they are within range 1 and totalPages
-
+    }
 
+    // Calculate left and right sibling index and make sure they are within range 1 and totalPages
     var leftSiblingIndex = Math.max(currentPage - siblingCount, FIRST_PAGE_INDEX);
-    var rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages); // We do not show dots just when there is just one page number to be inserted between
+    var rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);
+
+    // We do not show dots just when there is just one page number to be inserted between
     // the extremes of sibling and the page limits i.e 1 and totalPages.
     // Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPages - 2
-
     var shouldShowLeftDots = leftSiblingIndex > 2;
     var shouldShowRightDots = rightSiblingIndex < totalPages - 2;
+
     /*
     	Case 2: No left dots to show, but rights dots to be shown
     */
-
     if (!shouldShowLeftDots && shouldShowRightDots) {
       var leftItemCount = 3 + 2 * siblingCount;
       var leftRange = range(1, leftItemCount);
       return [].concat(_toConsumableArray(leftRange), [ellipsis, totalPages]);
     }
+
     /*
     	Case 3: No right dots to show, but left dots to be shown
     */
-
-
     if (shouldShowLeftDots && !shouldShowRightDots) {
       var rightItemCount = 3 + 2 * siblingCount;
       var rightRange = range(totalPages - rightItemCount + 1, totalPages);
       return [FIRST_PAGE_INDEX, ellipsis].concat(_toConsumableArray(rightRange));
     }
+
     /*
     	Case 4: Both left and right dots to be shown
     */
-
-
     if (shouldShowLeftDots && shouldShowRightDots) {
       var middleRange = range(leftSiblingIndex, rightSiblingIndex);
       return [FIRST_PAGE_INDEX, ellipsis].concat(_toConsumableArray(middleRange), [ellipsis, totalPages]);
     }
-
     return [];
   }, [currentPage, totalPages]);
 };

package/dist/esm/src/components/Pagination/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","sources":["../../../../../src/components/Pagination/usePagination.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nexport const ellipsis = \"...\";\n\nconst range = (start: number, end: number) => {\n  const length = end - start + 1;\n  /*\n  \tCreate an array of certain length and set the elements within it from\n    start value to end value.\n  */\n  return Array.from({ length }, (_, idx) => idx + start);\n};\n\nconst FIRST_PAGE_INDEX = 1; // first page index\nconst NO_DISPLAYING_BOXES_WITHOUT_ELLIPSIS = 5; // NO_DISPLAYING_BOXES is determined as siblingCount + firstPage + lastPage + currentPage + 2*DOTS\n\nexport const usePagination = (\n  currentPage: number,\n  totalPages: number,\n  siblingCount = 1,\n): (string | number)[] => {\n  return useMemo(() => {\n    const totalDisplyedBoxes = siblingCount + NO_DISPLAYING_BOXES_WITHOUT_ELLIPSIS;\n\n    /*\n      Case 1:\n      If the number of pages is less than the page numbers we want to show in our\n      paginationComponent, we return the range [1..totalPages]\n    */\n    if (totalDisplyedBoxes >= totalPages) {\n      return range(FIRST_PAGE_INDEX, totalPages);\n    }\n\n    // Calculate left and right sibling index and make sure they are within range 1 and totalPages\n    const leftSiblingIndex = Math.max(currentPage - siblingCount, FIRST_PAGE_INDEX);\n    const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n\n    // We do not show dots just when there is just one page number to be inserted between\n    // the extremes of sibling and the page limits i.e 1 and totalPages.\n    // Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPages - 2\n    const shouldShowLeftDots = leftSiblingIndex > 2;\n    const shouldShowRightDots = rightSiblingIndex < totalPages - 2;\n\n    /*\n    \tCase 2: No left dots to show, but rights dots to be shown\n    */\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftItemCount = 3 + 2 * siblingCount;\n      const leftRange = range(1, leftItemCount);\n\n      return [...leftRange, ellipsis, totalPages];\n    }\n\n    /*\n    \tCase 3: No right dots to show, but left dots to be shown\n    */\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightItemCount = 3 + 2 * siblingCount;\n      const rightRange = range(totalPages - rightItemCount + 1, totalPages);\n      return [FIRST_PAGE_INDEX, ellipsis, ...rightRange];\n    }\n\n    /*\n    \tCase 4: Both left and right dots to be shown\n    */\n    if (shouldShowLeftDots && shouldShowRightDots) {\n      const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n      return [FIRST_PAGE_INDEX, ellipsis, ...middleRange, ellipsis, totalPages];\n    }\n\n    return [];\n  }, [currentPage, totalPages]);\n};\n"],"names":["ellipsis","range","start","end","length","Array","from","_","idx","FIRST_PAGE_INDEX","NO_DISPLAYING_BOXES_WITHOUT_ELLIPSIS","usePagination","currentPage","totalPages","siblingCount","useMemo","totalDisplyedBoxes","leftSiblingIndex","Math","max","rightSiblingIndex","min","shouldShowLeftDots","shouldShowRightDots","leftItemCount","leftRange","rightItemCount","rightRange","middleRange"],"mappings":"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"}
+{"version":3,"file":"usePagination.js","sources":["../../../../../src/components/Pagination/usePagination.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nexport const ellipsis = \"...\";\n\nconst range = (start: number, end: number) => {\n  const length = end - start + 1;\n  /*\n  \tCreate an array of certain length and set the elements within it from\n    start value to end value.\n  */\n  return Array.from({ length }, (_, idx) => idx + start);\n};\n\nconst FIRST_PAGE_INDEX = 1; // first page index\nconst NO_DISPLAYING_BOXES_WITHOUT_ELLIPSIS = 5; // NO_DISPLAYING_BOXES is determined as siblingCount + firstPage + lastPage + currentPage + 2*DOTS\n\nexport const usePagination = (\n  currentPage: number,\n  totalPages: number,\n  siblingCount = 1,\n): (string | number)[] => {\n  return useMemo(() => {\n    const totalDisplyedBoxes = siblingCount + NO_DISPLAYING_BOXES_WITHOUT_ELLIPSIS;\n\n    /*\n      Case 1:\n      If the number of pages is less than the page numbers we want to show in our\n      paginationComponent, we return the range [1..totalPages]\n    */\n    if (totalDisplyedBoxes >= totalPages) {\n      return range(FIRST_PAGE_INDEX, totalPages);\n    }\n\n    // Calculate left and right sibling index and make sure they are within range 1 and totalPages\n    const leftSiblingIndex = Math.max(currentPage - siblingCount, FIRST_PAGE_INDEX);\n    const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n\n    // We do not show dots just when there is just one page number to be inserted between\n    // the extremes of sibling and the page limits i.e 1 and totalPages.\n    // Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPages - 2\n    const shouldShowLeftDots = leftSiblingIndex > 2;\n    const shouldShowRightDots = rightSiblingIndex < totalPages - 2;\n\n    /*\n    \tCase 2: No left dots to show, but rights dots to be shown\n    */\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftItemCount = 3 + 2 * siblingCount;\n      const leftRange = range(1, leftItemCount);\n\n      return [...leftRange, ellipsis, totalPages];\n    }\n\n    /*\n    \tCase 3: No right dots to show, but left dots to be shown\n    */\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightItemCount = 3 + 2 * siblingCount;\n      const rightRange = range(totalPages - rightItemCount + 1, totalPages);\n      return [FIRST_PAGE_INDEX, ellipsis, ...rightRange];\n    }\n\n    /*\n    \tCase 4: Both left and right dots to be shown\n    */\n    if (shouldShowLeftDots && shouldShowRightDots) {\n      const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n      return [FIRST_PAGE_INDEX, ellipsis, ...middleRange, ellipsis, totalPages];\n    }\n\n    return [];\n  }, [currentPage, totalPages]);\n};\n"],"names":["ellipsis","range","start","end","length","Array","from","_","idx","FIRST_PAGE_INDEX","NO_DISPLAYING_BOXES_WITHOUT_ELLIPSIS","usePagination","currentPage","totalPages","siblingCount","useMemo","totalDisplyedBoxes","leftSiblingIndex","Math","max","rightSiblingIndex","min","shouldShowLeftDots","shouldShowRightDots","leftItemCount","leftRange","rightItemCount","rightRange","middleRange"],"mappings":";;;;;;;;;;;;;;AAEO,IAAMA,QAAQ,GAAG,MAAK;AAE7B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAa,EAAEC,GAAW,EAAK;AAC5C,EAAA,IAAMC,MAAM,GAAGD,GAAG,GAAGD,KAAK,GAAG,CAAC,CAAA;AAC9B;AACF;AACA;AACA;EACE,OAAOG,KAAK,CAACC,IAAI,CAAC;AAAEF,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,EAAE,UAACG,CAAC,EAAEC,GAAG,EAAA;IAAA,OAAKA,GAAG,GAAGN,KAAK,CAAA;GAAC,CAAA,CAAA;AACxD,CAAC,CAAA;AAED,IAAMO,gBAAgB,GAAG,CAAC,CAAC;AAC3B,IAAMC,oCAAoC,GAAG,CAAC,CAAC;;AAExC,IAAMC,aAAa,GAAG,SAAhBA,aAAa,CACxBC,WAAmB,EACnBC,UAAkB,EAEM;EAAA,IADxBC,YAAY,uEAAG,CAAC,CAAA;EAEhB,OAAOC,OAAO,CAAC,YAAM;AACnB,IAAA,IAAMC,kBAAkB,GAAGF,YAAY,GAAGJ,oCAAoC,CAAA;;AAE9E;AACJ;AACA;AACA;AACA;IACI,IAAIM,kBAAkB,IAAIH,UAAU,EAAE;AACpC,MAAA,OAAOZ,KAAK,CAACQ,gBAAgB,EAAEI,UAAU,CAAC,CAAA;AAC5C,KAAA;;AAEA;IACA,IAAMI,gBAAgB,GAAGC,IAAI,CAACC,GAAG,CAACP,WAAW,GAAGE,YAAY,EAAEL,gBAAgB,CAAC,CAAA;IAC/E,IAAMW,iBAAiB,GAAGF,IAAI,CAACG,GAAG,CAACT,WAAW,GAAGE,YAAY,EAAED,UAAU,CAAC,CAAA;;AAE1E;AACA;AACA;AACA,IAAA,IAAMS,kBAAkB,GAAGL,gBAAgB,GAAG,CAAC,CAAA;AAC/C,IAAA,IAAMM,mBAAmB,GAAGH,iBAAiB,GAAGP,UAAU,GAAG,CAAC,CAAA;;AAE9D;AACJ;AACA;AACI,IAAA,IAAI,CAACS,kBAAkB,IAAIC,mBAAmB,EAAE;AAC9C,MAAA,IAAMC,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGV,YAAY,CAAA;AAC1C,MAAA,IAAMW,SAAS,GAAGxB,KAAK,CAAC,CAAC,EAAEuB,aAAa,CAAC,CAAA;AAEzC,MAAA,OAAA,EAAA,CAAA,MAAA,CAAA,kBAAA,CAAWC,SAAS,CAAA,EAAA,CAAEzB,QAAQ,EAAEa,UAAU,CAAA,CAAA,CAAA;AAC5C,KAAA;;AAEA;AACJ;AACA;AACI,IAAA,IAAIS,kBAAkB,IAAI,CAACC,mBAAmB,EAAE;AAC9C,MAAA,IAAMG,cAAc,GAAG,CAAC,GAAG,CAAC,GAAGZ,YAAY,CAAA;MAC3C,IAAMa,UAAU,GAAG1B,KAAK,CAACY,UAAU,GAAGa,cAAc,GAAG,CAAC,EAAEb,UAAU,CAAC,CAAA;AACrE,MAAA,OAAA,CAAQJ,gBAAgB,EAAET,QAAQ,CAAA,CAAA,MAAA,CAAA,kBAAA,CAAK2B,UAAU,CAAA,CAAA,CAAA;AACnD,KAAA;;AAEA;AACJ;AACA;IACI,IAAIL,kBAAkB,IAAIC,mBAAmB,EAAE;AAC7C,MAAA,IAAMK,WAAW,GAAG3B,KAAK,CAACgB,gBAAgB,EAAEG,iBAAiB,CAAC,CAAA;MAC9D,OAAQX,CAAAA,gBAAgB,EAAET,QAAQ,CAAA,CAAA,MAAA,CAAA,kBAAA,CAAK4B,WAAW,CAAE5B,EAAAA,CAAAA,QAAQ,EAAEa,UAAU,CAAA,CAAA,CAAA;AAC1E,KAAA;AAEA,IAAA,OAAO,EAAE,CAAA;AACX,GAAC,EAAE,CAACD,WAAW,EAAEC,UAAU,CAAC,CAAC,CAAA;AAC/B;;;;"}

package/dist/esm/src/components/ProgressBar/ProgressBar.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -12,15 +12,13 @@ import { container } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var _excluded = ["percent", "size", "rounded"];
-
 var ProgressBar = function ProgressBar(_ref) {
   var percent = _ref.percent,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "md" : _ref$size,
-      _ref$rounded = _ref.rounded,
-      rounded = _ref$rounded === void 0 ? true : _ref$rounded,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "md" : _ref$size,
+    _ref$rounded = _ref.rounded,
+    rounded = _ref$rounded === void 0 ? true : _ref$rounded,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var showPercentage = percent >= 0 && percent <= 100;
   return jsx("div", _extends({
     css: function css(theme) {

package/dist/esm/src/components/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { container } from \"./styles\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ProgressBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  percent: number;\n  size?: Size;\n  rounded?: boolean;\n};\n\nconst ProgressBar: FC<ProgressBarProps> = ({ percent, size = \"md\", rounded = true, ...rest }) => {\n  const showPercentage = percent >= 0 && percent <= 100;\n\n  return (\n    <div css={(theme): SerializedStyles => container(theme, { percent, size, rounded })} {...rest}>\n      {showPercentage && <div>{percent}%</div>}\n    </div>\n  );\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","percent","size","rounded","rest","showPercentage","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;;AAYA,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAAuD,IAAA,EAAA;AAAA,EAApDC,IAAAA,OAAoD,QAApDA,OAAoD;AAAA,MAAA,SAAA,GAAA,IAAA,CAA3CC,IAA2C;AAAA,MAA3CA,IAA2C,0BAApC,IAAoC,GAAA,SAAA;AAAA,MAAA,YAAA,GAAA,IAAA,CAA9BC,OAA8B;AAAA,MAA9BA,OAA8B,6BAApB,IAAoB,GAAA,YAAA;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC/F,EAAMC,IAAAA,cAAc,GAAGJ,OAAO,IAAI,CAAX,IAAgBA,OAAO,IAAI,GAAlD,CAAA;AAEA,EACE,OAAAK,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAA6BC,OAAAA,SAAS,CAACD,KAAD,EAAQ;AAAEN,QAAAA,OAAO,EAAPA,OAAF;AAAWC,QAAAA,IAAI,EAAJA,IAAX;AAAiBC,QAAAA,OAAO,EAAPA,OAAAA;AAAjB,OAAR,CAAtC,CAAA;AAAA,KAAA;AAAV,GAAA,EAAyFC,IAAzF,CACGC,EAAAA,cAAc,IAAIC,GAAML,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,OAAN,MADrB,CADF,CAAA;AAKD;;;;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { container } from \"./styles\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ProgressBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  percent: number;\n  size?: Size;\n  rounded?: boolean;\n};\n\nconst ProgressBar: FC<ProgressBarProps> = ({ percent, size = \"md\", rounded = true, ...rest }) => {\n  const showPercentage = percent >= 0 && percent <= 100;\n\n  return (\n    <div css={(theme): SerializedStyles => container(theme, { percent, size, rounded })} {...rest}>\n      {showPercentage && <div>{percent}%</div>}\n    </div>\n  );\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","percent","size","rounded","rest","showPercentage","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;AAYA,IAAMA,WAAiC,GAAG,SAApCA,WAAiC,CAA0D,IAAA,EAAA;EAAA,IAApDC,OAAO,QAAPA,OAAO;AAAA,IAAA,SAAA,GAAA,IAAA,CAAEC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,IAAI,GAAA,SAAA;AAAA,IAAA,YAAA,GAAA,IAAA,CAAEC,OAAO;AAAPA,IAAAA,OAAO,6BAAG,IAAI,GAAA,YAAA;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EACxF,IAAMC,cAAc,GAAGJ,OAAO,IAAI,CAAC,IAAIA,OAAO,IAAI,GAAG,CAAA;EAErD,OACEK,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;IAAK,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAuBC,SAAS,CAACD,KAAK,EAAE;AAAEN,QAAAA,OAAO,EAAPA,OAAO;AAAEC,QAAAA,IAAI,EAAJA,IAAI;AAAEC,QAAAA,OAAO,EAAPA,OAAAA;AAAQ,OAAC,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAAKC,IAAI,CAC1FC,EAAAA,cAAc,IAAIC,GAAML,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,OAAO,MAAQ,CACpC,CAAA;AAEV;;;;"}

package/dist/esm/src/components/ProgressBar/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -15,11 +15,10 @@ var progressBarSize = {
 var container = function container(_ref, _ref2) {
   var progressBar = _ref.progressBar;
   var percent = _ref2.percent,
-      size = _ref2.size,
-      rounded = _ref2.rounded;
+    size = _ref2.size,
+    rounded = _ref2.rounded;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("position:relative;height:", progressBarSize[size], ";width:100%;background-color:", progressBar.background, ";", rounded && "border-radius: 5px", ";overflow:hidden;&::after{content:\" \";position:absolute;top:0;left:0;height:100%;min-width:", percent ? "20%" : "0%", ";width:", percent, "%;background-color:", progressBar.progressBackground, ";}div{position:absolute;z-index:1;height:100%;width:", percent - 5, "%;max-width:95%;min-width:", percent ? "13%" : "0%", ";display:flex;padding-left:1rem;justify-content:flex-end;align-items:center;color:", progressBar.percentColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBTaXplIH0gZnJvbSBcIi4vUHJvZ3Jlc3NCYXJcIjtcblxuY29uc3QgcHJvZ3Jlc3NCYXJTaXplID0ge1xuICBtZDogXCIyOHB4XCIsXG4gIGxnOiBcIjQwcHhcIixcbn07XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoXG4gIHsgcHJvZ3Jlc3NCYXIgfTogVGhlbWUsXG4gIHsgcGVyY2VudCwgc2l6ZSwgcm91bmRlZCB9OiB7IHBlcmNlbnQ6IG51bWJlcjsgc2l6ZTogU2l6ZTsgcm91bmRlZDogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogJHtwcm9ncmVzc0JhclNpemVbc2l6ZV19O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvZ3Jlc3NCYXIuYmFja2dyb3VuZH07XG4gICAgJHtyb3VuZGVkICYmIFwiYm9yZGVyLXJhZGl1czogNXB4XCJ9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAmOjphZnRlciB7XG4gICAgICBjb250ZW50OiBcIiBcIjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBtaW4td2lkdGg6ICR7cGVyY2VudCA/IFwiMjAlXCIgOiBcIjAlXCJ9O1xuICAgICAgd2lkdGg6ICR7cGVyY2VudH0lO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9ncmVzc0Jhci5wcm9ncmVzc0JhY2tncm91bmR9O1xuICAgIH1cblxuICAgIGRpdiB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB6LWluZGV4OiAxO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6ICR7cGVyY2VudCAtIDV9JTtcbiAgICAgIG1heC13aWR0aDogOTUlO1xuICAgICAgbWluLXdpZHRoOiAke3BlcmNlbnQgPyBcIjEzJVwiIDogXCIwJVwifTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBwYWRkaW5nLWxlZnQ6IDFyZW07XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke3Byb2dyZXNzQmFyLnBlcmNlbnRDb2xvcn07XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
   );