@epignosis_llc/gnosis 1.0.2 → 1.3.1

package/dist/esm/src/components/Loaders/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../../../src/components/Loaders/Loader.tsx"],"sourcesContent":["import { SerializedStyles } from \"@emotion/react\";\nimport React, { FC } from \"react\";\nimport { PulseLoader } from \"react-spinners\";\nimport { container } from \"./styles\";\n\nexport type LoaderSize = \"md\" | \"lg\";\n\nexport type LoaderProps = {\n  fullScreen?: boolean;\n  size?: \"md\" | \"lg\";\n};\n\nconst Loader: FC<LoaderProps> = ({ fullScreen = false, size = \"lg\" }) => (\n  <div\n    css={(theme): SerializedStyles => container(theme, { fullScreen, size })}\n    data-testid=\"loader\"\n    className=\"loading-container\"\n  >\n    <PulseLoader />\n  </div>\n);\n\nexport default Loader;\n"],"names":["Loader","fullScreen","size","___EmotionJSX","theme","container","PulseLoader"],"mappings":";;;;;;;;;;;;;;IAYMA,MAAuB,GAAG,SAA1BA,MAA0B;AAAA,6BAAGC,UAAH;AAAA,MAAGA,UAAH,gCAAgB,KAAhB;AAAA,uBAAuBC,IAAvB;AAAA,MAAuBA,IAAvB,0BAA8B,IAA9B;AAAA,SAC9BC;AACE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,SAAS,CAACD,KAAD,EAAQ;AAAEH,QAAAA,UAAU,EAAVA,UAAF;AAAcC,QAAAA,IAAI,EAAJA;AAAd,OAAR,CAAtC;AAAA,KADP;AAEE,mBAAY,QAFd;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKEC,IAACG,yBAAD,OALF,CAD8B;AAAA;;;;"}
+{"version":3,"file":"Loader.js","sources":["../../../../../src/components/Loaders/Loader.tsx"],"sourcesContent":["import { SerializedStyles } from \"@emotion/react\";\nimport React, { FC } from \"react\";\nimport { PulseLoader } from \"react-spinners\";\nimport { container } from \"./styles\";\n\nexport type LoaderSize = \"md\" | \"lg\";\n\nexport type LoaderProps = React.HTMLAttributes<HTMLDivElement> & {\n  fullScreen?: boolean;\n  size?: \"md\" | \"lg\";\n};\n\nconst Loader: FC<LoaderProps> = ({ fullScreen = false, size = \"lg\", ...rest }) => (\n  <div\n    css={(theme): SerializedStyles => container(theme, { fullScreen, size })}\n    data-testid=\"loader\"\n    {...rest}\n    className={`loading-container${rest?.className ? ` ${rest?.className}` : \"\"}`}\n  >\n    <PulseLoader />\n  </div>\n);\n\nexport default Loader;\n"],"names":["Loader","fullScreen","size","rest","___EmotionJSX","theme","container","className","PulseLoader"],"mappings":";;;;;;;;;;;;;;;;;IAYMA,MAAuB,GAAG,SAA1BA,MAA0B;AAAA,6BAAGC,UAAH;AAAA,MAAGA,UAAH,gCAAgB,KAAhB;AAAA,uBAAuBC,IAAvB;AAAA,MAAuBA,IAAvB,0BAA8B,IAA9B;AAAA,MAAuCC,IAAvC;;AAAA,SAC9BC;AACE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,SAAS,CAACD,KAAD,EAAQ;AAAEJ,QAAAA,UAAU,EAAVA,UAAF;AAAcC,QAAAA,IAAI,EAAJA;AAAd,OAAR,CAAtC;AAAA,KADP;AAEE,mBAAY;AAFd,KAGMC,IAHN;AAIE,IAAA,SAAS,6BAAsBA,IAAI,SAAJ,IAAAA,IAAI,WAAJ,IAAAA,IAAI,CAAEI,SAAN,cAAsBJ,IAAtB,aAAsBA,IAAtB,uBAAsBA,IAAI,CAAEI,SAA5B,IAA0C,EAAhE;AAJX,MAMEH,IAACI,yBAAD,OANF,CAD8B;AAAA;;;;"}

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

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

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
@@ -11,21 +11,22 @@ import 'react';
 import ReactPlayer from '../../../../node_modules/react-player/lazy/index.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["src", "controls"];
+var _excluded = ["src", "controls", "containerAttrs"];
 
 var AudioPlayer = function AudioPlayer(_ref) {
   var src = _ref.src,
       _ref$controls = _ref.controls,
       controls = _ref$controls === void 0 ? true : _ref$controls,
+      containerAttrs = _ref.containerAttrs,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return jsx(ReactPlayer, _extends({
+  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends({
     url: src,
     controls: controls,
     className: "react-player",
     height: "3.5rem",
     width: "100%"
-  }, rest));
+  }, rest)));
 };
 
 export { AudioPlayer as default };

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, ...rest }) => {\n  return (\n    <ReactPlayer\n      url={src}\n      controls={controls}\n      className=\"react-player\"\n      height=\"3.5rem\"\n      width=\"100%\"\n      {...rest}\n    />\n  );\n};\n\nexport default AudioPlayer;\n"],"names":["AudioPlayer","src","controls","rest","___EmotionJSX"],"mappings":";;;;;;;;;;;;;;;IAMMA,WAAiC,GAAG,SAApCA,WAAoC,OAAuC;AAAA,MAApCC,GAAoC,QAApCA,GAAoC;AAAA,2BAA/BC,QAA+B;AAAA,MAA/BA,QAA+B,8BAApB,IAAoB;AAAA,MAAXC,IAAW;;AAC/E,SACEC,IAAC,WAAD;AACE,IAAA,GAAG,EAAEH,GADP;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,SAAS,EAAC,cAHZ;AAIE,IAAA,MAAM,EAAC,QAJT;AAKE,IAAA,KAAK,EAAC;AALR,KAMMC,IANN,EADF;AAUD;;;;"}
+{"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":";;;;;;;;;;;;;;;IAMMA,WAAiC,GAAG,SAApCA,WAAoC,OAAuD;AAAA,MAApDC,GAAoD,QAApDA,GAAoD;AAAA,2BAA/CC,QAA+C;AAAA,MAA/CA,QAA+C,8BAApC,IAAoC;AAAA,MAA9BC,cAA8B,QAA9BA,cAA8B;AAAA,MAAXC,IAAW;;AAC/F,SACEC,WAASF,cAAT,EACEE,IAAC,WAAD;AACE,IAAA,GAAG,EAAEJ,GADP;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,SAAS,EAAC,cAHZ;AAIE,IAAA,MAAM,EAAC,QAJT;AAKE,IAAA,KAAK,EAAC;AALR,KAMME,IANN,EADF,CADF;AAYD;;;;"}

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

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

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};\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":";;;;;;;;;;;;;;;;IAcMA,WAAiC,GAAG,SAApCA,WAAoC,OAAuB;AAAA,MAApBC,IAAoB,QAApBA,IAAoB;AAAA,MAAXC,IAAW;;AAC/D,UAAQD,IAAR;AACE,SAAK,OAAL;AACE,aAAOE,IAAC,WAAD,EAAiBD,IAAjB,CAAP;;AACF,SAAK,OAAL;AACE,aAAOC,IAAC,WAAD,EAAiBD,IAAjB,CAAP;AAJJ;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":";;;;;;;;;;;;;;;;IAeMA,WAAiC,GAAG,SAApCA,WAAoC,OAAuB;AAAA,MAApBC,IAAoB,QAApBA,IAAoB;AAAA,MAAXC,IAAW;;AAC/D,UAAQD,IAAR;AACE,SAAK,OAAL;AACE,aAAOE,IAAC,WAAD,EAAiBD,IAAjB,CAAP;;AACF,SAAK,OAAL;AACE,aAAOC,IAAC,WAAD,EAAiBD,IAAjB,CAAP;AAJJ;AAMD;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
@@ -12,17 +12,18 @@ import ReactPlayer from '../../../../node_modules/react-player/lazy/index.js';
 import { videoPlayerContainer } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["src", "controls"];
+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);
 
-  return jsx("div", {
+  return jsx("div", _extends({
     css: videoPlayerContainer
-  }, jsx(ReactPlayer, _extends({
+  }, containerAttrs), jsx(ReactPlayer, _extends({
     className: "react-player",
     url: src,
     controls: controls,

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, ...rest }) => {\n  return (\n    <div css={videoPlayerContainer}>\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","rest","___EmotionJSX","videoPlayerContainer"],"mappings":";;;;;;;;;;;;;;;;IAOMA,WAAiC,GAAG,SAApCA,WAAoC,OAAuC;AAAA,MAApCC,GAAoC,QAApCA,GAAoC;AAAA,2BAA/BC,QAA+B;AAAA,MAA/BA,QAA+B,8BAApB,IAAoB;AAAA,MAAXC,IAAW;;AAC/E,SACEC;AAAK,IAAA,GAAG,EAAEC;AAAV,KACED,IAAC,WAAD;AACE,IAAA,SAAS,EAAC,cADZ;AAEE,IAAA,GAAG,EAAEH,GAFP;AAGE,IAAA,QAAQ,EAAEC,QAHZ;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC;AALT,KAMMC,IANN,EADF,CADF;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":";;;;;;;;;;;;;;;;IAOMA,WAAiC,GAAG,SAApCA,WAAoC,OAAuD;AAAA,MAApDC,GAAoD,QAApDA,GAAoD;AAAA,2BAA/CC,QAA+C;AAAA,MAA/CA,QAA+C,8BAApC,IAAoC;AAAA,MAA9BC,cAA8B,QAA9BA,cAA8B;AAAA,MAAXC,IAAW;;AAC/F,SACEC;AAAK,IAAA,GAAG,EAAEC;AAAV,KAAoCH,cAApC,GACEE,IAAC,WAAD;AACE,IAAA,SAAS,EAAC,cADZ;AAEE,IAAA,GAAG,EAAEJ,GAFP;AAGE,IAAA,QAAQ,EAAEC,QAHZ;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC;AALT,KAMME,IANN,EADF,CADF;AAYD;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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 v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
@@ -11,8 +11,8 @@ import { Children, cloneElement } from 'react';
 import { createElement as jsx, ClassNames } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 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 SvgCloseCircled from '../../icons/core/close_circled.svg.js';
 
 var Header = function Header(_ref) {
   var children = _ref.children,

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 { modalContent, modalFooter, modalHeader, portalStyles } from \"./styles\";\nimport { CloseCircledSVG } from \"@icons/core\";\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};\n\nconst Modal: FC<ReactModalProps> & ModalCompoundProps = ({\n  children,\n  isOpen,\n  onClose = () => void 0,\n  size = \"md\",\n  rootElementSelector = \"#app\",\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        >\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","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};\n\nconst Modal: FC<ReactModalProps> & ModalCompoundProps = ({\n  children,\n  isOpen,\n  onClose = () => void 0,\n  size = \"md\",\n  rootElementSelector = \"#app\",\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        >\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","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 v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 

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

@@ -2,19 +2,19 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
-import { toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends, toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../../node_modules/core-js/modules/es.parse-int.js';
 import '../../../node_modules/core-js/modules/es.array.map.js';
 import React__default from 'react';
 import Button from '../Button/Button.js';
 import Select from '../FormElements/Select/Select.js';
+import SvgArrowRight from '../../icons/arrow_right.svg.js';
+import SvgArrowLeft from '../../icons/arrow_left.svg.js';
 import { container } from './styles.js';
-import SvgArrowRight from '../../icons/core/arrow_right.svg.js';
-import SvgArrowLeft from '../../icons/core/arrow_left.svg.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var Pagination = function Pagination(_ref) {
@@ -22,18 +22,19 @@ var Pagination = function Pagination(_ref) {
       _onChange = _ref.onChange,
       totalPages = _ref.totalPages,
       _ref$responsiveView = _ref.responsiveView,
-      responsiveView = _ref$responsiveView === void 0 ? false : _ref$responsiveView;
-  return jsx("div", {
+      responsiveView = _ref$responsiveView === void 0 ? false : _ref$responsiveView,
+      containerAttrs = _ref.containerAttrs;
+  return jsx("div", _extends({
     css: container
-  }, current > 1 && jsx(React__default.Fragment, null, !responsiveView ? jsx(Button, {
-    "data-testid": "previous-page-btn",
+  }, containerAttrs), current > 1 && jsx(React__default.Fragment, null, !responsiveView ? jsx(Button, {
     className: "previous-page-btn",
+    "data-testid": "previous-page-btn",
     name: "Previous page",
     onClick: function onClick() {
       return _onChange(current - 1);
     }
   }, "Previous") : jsx(Button, {
-    id: "mobile-pagination",
+    className: "mobile-pagination mobile-previous-page-btn",
     noGutters: true,
     name: "Previous page",
     onClick: function onClick() {
@@ -45,7 +46,7 @@ var Pagination = function Pagination(_ref) {
   }))), jsx("div", null, "Page"), jsx("div", {
     className: "current-page"
   }, jsx(Select, {
-    id: "pagination-page",
+    id: "page-selection",
     "data-testid": "pagination-page",
     value: current,
     onChange: function onChange(value) {
@@ -59,13 +60,14 @@ var Pagination = function Pagination(_ref) {
   }))), jsx("div", {
     className: "total-pages"
   }, "of ", totalPages), current < totalPages && jsx(React__default.Fragment, null, !responsiveView ? jsx(Button, {
+    className: "next-page-btn",
     "data-testid": "next-page-btn",
     name: "Next page",
     onClick: function onClick() {
       return _onChange(current + 1);
     }
   }, "Next") : jsx(Button, {
-    id: "mobile-pagination",
+    className: "mobile-pagination mobile-next-page-btn",
     noGutters: true,
     name: "Next page",
     onClick: function onClick() {

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 Button from \"../Button/Button\";\nimport Select from \"../FormElements/Select/Select\";\nimport { container } from \"./styles\";\nimport { ArrowLeftSVG, ArrowRightSVG } from \"@icons/core\";\n\nexport type PaginationProps = {\n  current: number;\n  totalPages: number;\n  onChange: (page: number) => void;\n  responsiveView?: boolean;\n};\n\nconst Pagination: FC<PaginationProps> = ({\n  current,\n  onChange,\n  totalPages,\n  responsiveView = false,\n}) => {\n  return (\n    <div css={container}>\n      {current > 1 && (\n        <>\n          {!responsiveView ? (\n            <Button\n              data-testid=\"previous-page-btn\"\n              className=\"previous-page-btn\"\n              name=\"Previous page\"\n              onClick={(): void => onChange(current - 1)}\n            >\n              Previous\n            </Button>\n          ) : (\n            <Button\n              id=\"mobile-pagination\"\n              noGutters\n              name=\"Previous page\"\n              onClick={(): void => onChange(current - 1)}\n            >\n              <ArrowLeftSVG height={24} data-testid=\"arrow-left\" />\n            </Button>\n          )}\n        </>\n      )}\n      <div>Page</div>\n      <div className=\"current-page\">\n        <Select\n          id=\"pagination-page\"\n          data-testid=\"pagination-page\"\n          value={current}\n          onChange={(value): void => onChange(parseInt(value))}\n        >\n          {[...Array(totalPages)].map((_, index) => (\n            <option key={index + 1} value={index + 1}>\n              {index + 1}\n            </option>\n          ))}\n        </Select>\n      </div>\n      <div className=\"total-pages\">of {totalPages}</div>\n      {current < totalPages && (\n        <>\n          {!responsiveView ? (\n            <Button\n              data-testid=\"next-page-btn\"\n              name=\"Next page\"\n              onClick={(): void => onChange(current + 1)}\n            >\n              Next\n            </Button>\n          ) : (\n            <Button\n              id=\"mobile-pagination\"\n              noGutters\n              name=\"Next page\"\n              onClick={(): void => onChange(current + 1)}\n            >\n              <ArrowRightSVG height={24} data-testid=\"arrow-right\" />\n            </Button>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","current","onChange","totalPages","responsiveView","___EmotionJSX","container","ArrowLeftSVG","value","parseInt","Array","map","_","index","ArrowRightSVG"],"mappings":";;;;;;;;;;;;;;;;;;;IAaMA,UAA+B,GAAG,SAAlCA,UAAkC,OAKlC;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,SAGI,QAHJA,QAGI;AAAA,MAFJC,UAEI,QAFJA,UAEI;AAAA,iCADJC,cACI;AAAA,MADJA,cACI,oCADa,KACb;AACJ,SACEC;AAAK,IAAA,GAAG,EAAEC;AAAV,KACGL,OAAO,GAAG,CAAV,IACCI,mCACG,CAACD,cAAD,GACCC,IAAC,MAAD;AACE,mBAAY,mBADd;AAEE,IAAA,SAAS,EAAC,mBAFZ;AAGE,IAAA,IAAI,EAAC,eAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYH,SAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA;AAJX,gBADD,GAUCI,IAAC,MAAD;AACE,IAAA,EAAE,EAAC,mBADL;AAEE,IAAA,SAAS,MAFX;AAGE,IAAA,IAAI,EAAC,eAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYH,SAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA;AAJX,KAMEI,IAACE,YAAD;AAAc,IAAA,MAAM,EAAE,EAAtB;AAA0B,mBAAY;AAAtC,IANF,CAXJ,CAFJ,EAwBEF,wBAxBF,EAyBEA;AAAK,IAAA,SAAS,EAAC;AAAf,KACEA,IAAC,MAAD;AACE,IAAA,EAAE,EAAC,iBADL;AAEE,mBAAY,iBAFd;AAGE,IAAA,KAAK,EAAEJ,OAHT;AAIE,IAAA,QAAQ,EAAE,kBAACO,KAAD;AAAA,aAAiBN,SAAQ,CAACO,QAAQ,CAACD,KAAD,CAAT,CAAzB;AAAA;AAJZ,KAMG,mBAAIE,KAAK,CAACP,UAAD,CAAT,EAAuBQ,GAAvB,CAA2B,UAACC,CAAD,EAAIC,KAAJ;AAAA,WAC1BR;AAAQ,MAAA,GAAG,EAAEQ,KAAK,GAAG,CAArB;AAAwB,MAAA,KAAK,EAAEA,KAAK,GAAG;AAAvC,OACGA,KAAK,GAAG,CADX,CAD0B;AAAA,GAA3B,CANH,CADF,CAzBF,EAuCER;AAAK,IAAA,SAAS,EAAC;AAAf,YAAiCF,UAAjC,CAvCF,EAwCGF,OAAO,GAAGE,UAAV,IACCE,mCACG,CAACD,cAAD,GACCC,IAAC,MAAD;AACE,mBAAY,eADd;AAEE,IAAA,IAAI,EAAC,WAFP;AAGE,IAAA,OAAO,EAAE;AAAA,aAAYH,SAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA;AAHX,YADD,GASCI,IAAC,MAAD;AACE,IAAA,EAAE,EAAC,mBADL;AAEE,IAAA,SAAS,MAFX;AAGE,IAAA,IAAI,EAAC,WAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYH,SAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA;AAJX,KAMEI,IAACS,aAAD;AAAe,IAAA,MAAM,EAAE,EAAvB;AAA2B,mBAAY;AAAvC,IANF,CAVJ,CAzCJ,CADF;AAiED;;;;"}
+{"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport Button from \"../Button/Button\";\nimport Select from \"../FormElements/Select/Select\";\nimport { ArrowLeftSVG, ArrowRightSVG } from \"../../icons/\";\nimport { container } from \"./styles\";\n\nexport type PaginationProps = {\n  current: number;\n  totalPages: number;\n  onChange: (page: number) => void;\n  responsiveView?: boolean;\n  containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n};\n\nconst Pagination: FC<PaginationProps> = ({\n  current,\n  onChange,\n  totalPages,\n  responsiveView = false,\n  containerAttrs,\n}) => {\n  return (\n    <div css={container} {...containerAttrs}>\n      {current > 1 && (\n        <>\n          {!responsiveView ? (\n            <Button\n              className=\"previous-page-btn\"\n              data-testid=\"previous-page-btn\"\n              name=\"Previous page\"\n              onClick={(): void => onChange(current - 1)}\n            >\n              Previous\n            </Button>\n          ) : (\n            <Button\n              className=\"mobile-pagination mobile-previous-page-btn\"\n              noGutters\n              name=\"Previous page\"\n              onClick={(): void => onChange(current - 1)}\n            >\n              <ArrowLeftSVG height={24} data-testid=\"arrow-left\" />\n            </Button>\n          )}\n        </>\n      )}\n      <div>Page</div>\n      <div className=\"current-page\">\n        <Select\n          id=\"page-selection\"\n          data-testid=\"pagination-page\"\n          value={current}\n          onChange={(value): void => onChange(parseInt(value))}\n        >\n          {[...Array(totalPages)].map((_, index) => (\n            <option key={index + 1} value={index + 1}>\n              {index + 1}\n            </option>\n          ))}\n        </Select>\n      </div>\n      <div className=\"total-pages\">of {totalPages}</div>\n      {current < totalPages && (\n        <>\n          {!responsiveView ? (\n            <Button\n              className=\"next-page-btn\"\n              data-testid=\"next-page-btn\"\n              name=\"Next page\"\n              onClick={(): void => onChange(current + 1)}\n            >\n              Next\n            </Button>\n          ) : (\n            <Button\n              className=\"mobile-pagination mobile-next-page-btn\"\n              noGutters\n              name=\"Next page\"\n              onClick={(): void => onChange(current + 1)}\n            >\n              <ArrowRightSVG height={24} data-testid=\"arrow-right\" />\n            </Button>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","current","onChange","totalPages","responsiveView","containerAttrs","___EmotionJSX","container","ArrowLeftSVG","value","parseInt","Array","map","_","index","ArrowRightSVG"],"mappings":";;;;;;;;;;;;;;;;;;;IAcMA,UAA+B,GAAG,SAAlCA,UAAkC,OAMlC;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,SAII,QAJJA,QAII;AAAA,MAHJC,UAGI,QAHJA,UAGI;AAAA,iCAFJC,cAEI;AAAA,MAFJA,cAEI,oCAFa,KAEb;AAAA,MADJC,cACI,QADJA,cACI;AACJ,SACEC;AAAK,IAAA,GAAG,EAAEC;AAAV,KAAyBF,cAAzB,GACGJ,OAAO,GAAG,CAAV,IACCK,mCACG,CAACF,cAAD,GACCE,IAAC,MAAD;AACE,IAAA,SAAS,EAAC,mBADZ;AAEE,mBAAY,mBAFd;AAGE,IAAA,IAAI,EAAC,eAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYJ,SAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA;AAJX,gBADD,GAUCK,IAAC,MAAD;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,SAAS,MAFX;AAGE,IAAA,IAAI,EAAC,eAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYJ,SAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA;AAJX,KAMEK,IAACE,YAAD;AAAc,IAAA,MAAM,EAAE,EAAtB;AAA0B,mBAAY;AAAtC,IANF,CAXJ,CAFJ,EAwBEF,wBAxBF,EAyBEA;AAAK,IAAA,SAAS,EAAC;AAAf,KACEA,IAAC,MAAD;AACE,IAAA,EAAE,EAAC,gBADL;AAEE,mBAAY,iBAFd;AAGE,IAAA,KAAK,EAAEL,OAHT;AAIE,IAAA,QAAQ,EAAE,kBAACQ,KAAD;AAAA,aAAiBP,SAAQ,CAACQ,QAAQ,CAACD,KAAD,CAAT,CAAzB;AAAA;AAJZ,KAMG,mBAAIE,KAAK,CAACR,UAAD,CAAT,EAAuBS,GAAvB,CAA2B,UAACC,CAAD,EAAIC,KAAJ;AAAA,WAC1BR;AAAQ,MAAA,GAAG,EAAEQ,KAAK,GAAG,CAArB;AAAwB,MAAA,KAAK,EAAEA,KAAK,GAAG;AAAvC,OACGA,KAAK,GAAG,CADX,CAD0B;AAAA,GAA3B,CANH,CADF,CAzBF,EAuCER;AAAK,IAAA,SAAS,EAAC;AAAf,YAAiCH,UAAjC,CAvCF,EAwCGF,OAAO,GAAGE,UAAV,IACCG,mCACG,CAACF,cAAD,GACCE,IAAC,MAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,mBAAY,eAFd;AAGE,IAAA,IAAI,EAAC,WAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYJ,SAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA;AAJX,YADD,GAUCK,IAAC,MAAD;AACE,IAAA,SAAS,EAAC,wCADZ;AAEE,IAAA,SAAS,MAFX;AAGE,IAAA,IAAI,EAAC,WAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYJ,SAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA;AAJX,KAMEK,IAACS,aAAD;AAAe,IAAA,MAAM,EAAE,EAAvB;AAA2B,mBAAY;AAAvC,IANF,CAXJ,CAzCJ,CADF;AAkED;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
@@ -13,7 +13,7 @@ var container =
 /*#__PURE__*/
 
 /*#__PURE__*/
-css("display:flex;justify-content:center;align-items:center;>div{display:inline-block;}#mobile-pagination{margin:0 1rem;}.previous-page-btn{margin-right:2rem;}.current-page{margin:0 1rem;}.total-pages{", mq["md"], "{margin-right:2rem;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCJAdGhlbWUvdXRpbHMvYnJlYWtwb2ludHNcIjtcblxuZXhwb3J0IGNvbnN0IGNvbnRhaW5lciA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgPiBkaXYge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgfVxuXG4gICNtb2JpbGUtcGFnaW5hdGlvbiB7XG4gICAgbWFyZ2luOiAwIDFyZW07XG4gIH1cblxuICAucHJldmlvdXMtcGFnZS1idG4ge1xuICAgIG1hcmdpbi1yaWdodDogMnJlbTtcbiAgfVxuXG4gIC5jdXJyZW50LXBhZ2Uge1xuICAgIG1hcmdpbjogMCAxcmVtO1xuICB9XG5cbiAgLnRvdGFsLXBhZ2VzIHtcbiAgICAke21xW1wibWRcIl19IHtcbiAgICAgIG1hcmdpbi1yaWdodDogMnJlbTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:container;");
+css("display:flex;justify-content:center;align-items:center;>div{display:inline-block;}.mobile-pagination{margin:0 1rem;}.previous-page-btn{margin-right:2rem;}.current-page{margin:0 1rem;}.total-pages{", mq["md"], "{margin-right:2rem;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCJAdGhlbWUvdXRpbHMvYnJlYWtwb2ludHNcIjtcblxuZXhwb3J0IGNvbnN0IGNvbnRhaW5lciA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgPiBkaXYge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgfVxuXG4gIC5tb2JpbGUtcGFnaW5hdGlvbiB7XG4gICAgbWFyZ2luOiAwIDFyZW07XG4gIH1cblxuICAucHJldmlvdXMtcGFnZS1idG4ge1xuICAgIG1hcmdpbi1yaWdodDogMnJlbTtcbiAgfVxuXG4gIC5jdXJyZW50LXBhZ2Uge1xuICAgIG1hcmdpbjogMCAxcmVtO1xuICB9XG5cbiAgLnRvdGFsLXBhZ2VzIHtcbiAgICAke21xW1wibWRcIl19IHtcbiAgICAgIG1hcmdpbi1yaWdodDogMnJlbTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:container;");
 
 export { container };
 //# sourceMappingURL=styles.js.map

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 } from \"@emotion/react\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const container = css`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  > div {\n    display: inline-block;\n  }\n\n  #mobile-pagination {\n    margin: 0 1rem;\n  }\n\n  .previous-page-btn {\n    margin-right: 2rem;\n  }\n\n  .current-page {\n    margin: 0 1rem;\n  }\n\n  .total-pages {\n    ${mq[\"md\"]} {\n      margin-right: 2rem;\n    }\n  }\n`;\n"],"names":["container","css","mq"],"mappings":";;;;;;;;;;;IAGaA,SAAS;AAAA;;AAAA;AAAGC,GAAH,yMAsBhBC,EAAE,CAAC,IAAD,CAtBc;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pagination/styles.ts"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const container = css`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  > div {\n    display: inline-block;\n  }\n\n  .mobile-pagination {\n    margin: 0 1rem;\n  }\n\n  .previous-page-btn {\n    margin-right: 2rem;\n  }\n\n  .current-page {\n    margin: 0 1rem;\n  }\n\n  .total-pages {\n    ${mq[\"md\"]} {\n      margin-right: 2rem;\n    }\n  }\n`;\n"],"names":["container","css","mq"],"mappings":";;;;;;;;;;;IAGaA,SAAS;AAAA;;AAAA;AAAGC,GAAH,yMAsBhBC,EAAE,CAAC,IAAD,CAtBc;;;;"}

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

@@ -2,22 +2,27 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
 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;
+      rounded = _ref$rounded === void 0 ? true : _ref$rounded,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   var showPercentage = percent >= 0 && percent <= 100;
-  return jsx("div", {
+  return jsx("div", _extends({
     css: function css(theme) {
       return container(theme, {
         percent: percent,
@@ -25,7 +30,7 @@ var ProgressBar = function ProgressBar(_ref) {
         rounded: rounded
       });
     }
-  }, showPercentage && jsx("div", null, percent, "%"));
+  }, rest), showPercentage && jsx("div", null, percent, "%"));
 };
 
 export { ProgressBar as default };

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 = {\n  percent: number;\n  size?: Size;\n  rounded?: boolean;\n};\n\nconst ProgressBar: FC<ProgressBarProps> = ({ percent, size = \"md\", rounded = true }) => {\n  const showPercentage = percent >= 0 && percent <= 100;\n\n  return (\n    <div css={(theme): SerializedStyles => container(theme, { percent, size, rounded })}>\n      {showPercentage && <div>{percent}%</div>}\n    </div>\n  );\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","percent","size","rounded","showPercentage","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;IAYMA,WAAiC,GAAG,SAApCA,WAAoC,OAA8C;AAAA,MAA3CC,OAA2C,QAA3CA,OAA2C;AAAA,uBAAlCC,IAAkC;AAAA,MAAlCA,IAAkC,0BAA3B,IAA2B;AAAA,0BAArBC,OAAqB;AAAA,MAArBA,OAAqB,6BAAX,IAAW;AACtF,MAAMC,cAAc,GAAGH,OAAO,IAAI,CAAX,IAAgBA,OAAO,IAAI,GAAlD;AAEA,SACEI;AAAK,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,SAAS,CAACD,KAAD,EAAQ;AAAEL,QAAAA,OAAO,EAAPA,OAAF;AAAWC,QAAAA,IAAI,EAAJA,IAAX;AAAiBC,QAAAA,OAAO,EAAPA;AAAjB,OAAR,CAAtC;AAAA;AAAV,KACGC,cAAc,IAAIC,iBAAMJ,OAAN,MADrB,CADF;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":";;;;;;;;;;;;;;;IAYMA,WAAiC,GAAG,SAApCA,WAAoC,OAAuD;AAAA,MAApDC,OAAoD,QAApDA,OAAoD;AAAA,uBAA3CC,IAA2C;AAAA,MAA3CA,IAA2C,0BAApC,IAAoC;AAAA,0BAA9BC,OAA8B;AAAA,MAA9BA,OAA8B,6BAApB,IAAoB;AAAA,MAAXC,IAAW;;AAC/F,MAAMC,cAAc,GAAGJ,OAAO,IAAI,CAAX,IAAgBA,OAAO,IAAI,GAAlD;AAEA,SACEK;AAAK,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,SAAS,CAACD,KAAD,EAAQ;AAAEN,QAAAA,OAAO,EAAPA,OAAF;AAAWC,QAAAA,IAAI,EAAJA,IAAX;AAAiBC,QAAAA,OAAO,EAAPA;AAAjB,OAAR,CAAtC;AAAA;AAAV,KAAyFC,IAAzF,GACGC,cAAc,IAAIC,iBAAML,OAAN,MADrB,CADF;AAKD;;;;"}

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

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

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

@@ -2,10 +2,11 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
 import '../../../node_modules/@umijs/use-request/es/index.js';
 import '../../../node_modules/lodash.isequal/index.js';
@@ -19,6 +20,8 @@ import Text from '../Text/Text.js';
 import { container } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["icon", "title", "info", "footer", "size"];
+
 var getIconSize = function getIconSize(isMd) {
   return {
     md: isMd ? 100 : 75,
@@ -32,21 +35,22 @@ var Result = function Result(_ref) {
       info = _ref.info,
       footer = _ref.footer,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "lg" : _ref$size;
+      size = _ref$size === void 0 ? "lg" : _ref$size,
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useResponsive = useResponsive(),
       md = _useResponsive.md;
 
   var Icon = icon;
   var iconSize = getIconSize(md);
-  return jsx("article", {
+  return jsx("article", _extends({
     "data-testid": "empty-state-container",
     css: function css(theme) {
       return container(theme, {
         size: size
       });
     }
-  }, Icon && jsx(Icon, {
+  }, rest), Icon && jsx(Icon, {
     height: iconSize[size],
     "data-testid": "result-icon"
   }), jsx("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"Result.js","sources":["../../../../../src/components/Result/Result.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { useResponsive } from \"@umijs/hooks\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Heading from \"../Heading/Heading\";\nimport Text from \"../Text/Text\";\nimport { container } from \"./styles\";\nimport { IconType } from \"types/common\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ResultProps = {\n  icon?: IconType;\n  title: string;\n  info?: string;\n  size?: Size;\n  footer?: ReactNode;\n};\n\ntype IconSize = {\n  md: number;\n  lg: number;\n};\n\nconst getIconSize = (isMd: boolean): IconSize => ({\n  md: isMd ? 100 : 75,\n  lg: isMd ? 180 : 135,\n});\n\nconst Result: FC<ResultProps> = ({ icon, title, info, footer, size = \"lg\" }) => {\n  const { md } = useResponsive();\n  const Icon = icon;\n  const iconSize = getIconSize(md);\n\n  return (\n    <article\n      data-testid=\"empty-state-container\"\n      css={(theme): SerializedStyles => container(theme, { size })}\n    >\n      {Icon && <Icon height={iconSize[size]} data-testid=\"result-icon\" />}\n      <div className=\"body\">\n        <Heading as=\"h3\">{title}</Heading>\n        {info && (\n          <Text fontSize={size as TypographyLevels} as=\"p\">\n            {info}\n          </Text>\n        )}\n      </div>\n      {footer && <footer>{footer}</footer>}\n    </article>\n  );\n};\n\nexport default Result;\n"],"names":["getIconSize","isMd","md","lg","Result","icon","title","info","footer","size","useResponsive","Icon","iconSize","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD;AAAA,SAA8B;AAChDC,IAAAA,EAAE,EAAED,IAAI,GAAG,GAAH,GAAS,EAD+B;AAEhDE,IAAAA,EAAE,EAAEF,IAAI,GAAG,GAAH,GAAS;AAF+B,GAA9B;AAAA,CAApB;;IAKMG,MAAuB,GAAG,SAA1BA,MAA0B,OAAgD;AAAA,MAA7CC,IAA6C,QAA7CA,IAA6C;AAAA,MAAvCC,KAAuC,QAAvCA,KAAuC;AAAA,MAAhCC,IAAgC,QAAhCA,IAAgC;AAAA,MAA1BC,MAA0B,QAA1BA,MAA0B;AAAA,uBAAlBC,IAAkB;AAAA,MAAlBA,IAAkB,0BAAX,IAAW;;AAC9E,uBAAeC,aAAa,EAA5B;AAAA,MAAQR,EAAR,kBAAQA,EAAR;;AACA,MAAMS,IAAI,GAAGN,IAAb;AACA,MAAMO,QAAQ,GAAGZ,WAAW,CAACE,EAAD,CAA5B;AAEA,SACEW;AACE,mBAAY,uBADd;AAEE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,SAAS,CAACD,KAAD,EAAQ;AAAEL,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAAtC;AAAA;AAFP,KAIGE,IAAI,IAAIE,IAAC,IAAD;AAAM,IAAA,MAAM,EAAED,QAAQ,CAACH,IAAD,CAAtB;AAA8B,mBAAY;AAA1C,IAJX,EAKEI;AAAK,IAAA,SAAS,EAAC;AAAf,KACEA,IAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,KAAkBP,KAAlB,CADF,EAEGC,IAAI,IACHM,IAAC,IAAD;AAAM,IAAA,QAAQ,EAAEJ,IAAhB;AAA0C,IAAA,EAAE,EAAC;AAA7C,KACGF,IADH,CAHJ,CALF,EAaGC,MAAM,IAAIK,oBAASL,MAAT,CAbb,CADF;AAiBD;;;;"}
+{"version":3,"file":"Result.js","sources":["../../../../../src/components/Result/Result.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { useResponsive } from \"@umijs/hooks\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Heading from \"../Heading/Heading\";\nimport Text from \"../Text/Text\";\nimport { container } from \"./styles\";\nimport { IconType } from \"types/common\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ResultProps = React.HTMLAttributes<HTMLElement> & {\n  icon?: IconType;\n  title: string;\n  info?: string;\n  size?: Size;\n  footer?: ReactNode;\n};\n\ntype IconSize = {\n  md: number;\n  lg: number;\n};\n\nconst getIconSize = (isMd: boolean): IconSize => ({\n  md: isMd ? 100 : 75,\n  lg: isMd ? 180 : 135,\n});\n\nconst Result: FC<ResultProps> = ({ icon, title, info, footer, size = \"lg\", ...rest }) => {\n  const { md } = useResponsive();\n  const Icon = icon;\n  const iconSize = getIconSize(md);\n\n  return (\n    <article\n      data-testid=\"empty-state-container\"\n      css={(theme): SerializedStyles => container(theme, { size })}\n      {...rest}\n    >\n      {Icon && <Icon height={iconSize[size]} data-testid=\"result-icon\" />}\n      <div className=\"body\">\n        <Heading as=\"h3\">{title}</Heading>\n        {info && (\n          <Text fontSize={size as TypographyLevels} as=\"p\">\n            {info}\n          </Text>\n        )}\n      </div>\n      {footer && <footer>{footer}</footer>}\n    </article>\n  );\n};\n\nexport default Result;\n"],"names":["getIconSize","isMd","md","lg","Result","icon","title","info","footer","size","rest","useResponsive","Icon","iconSize","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD;AAAA,SAA8B;AAChDC,IAAAA,EAAE,EAAED,IAAI,GAAG,GAAH,GAAS,EAD+B;AAEhDE,IAAAA,EAAE,EAAEF,IAAI,GAAG,GAAH,GAAS;AAF+B,GAA9B;AAAA,CAApB;;IAKMG,MAAuB,GAAG,SAA1BA,MAA0B,OAAyD;AAAA,MAAtDC,IAAsD,QAAtDA,IAAsD;AAAA,MAAhDC,KAAgD,QAAhDA,KAAgD;AAAA,MAAzCC,IAAyC,QAAzCA,IAAyC;AAAA,MAAnCC,MAAmC,QAAnCA,MAAmC;AAAA,uBAA3BC,IAA2B;AAAA,MAA3BA,IAA2B,0BAApB,IAAoB;AAAA,MAAXC,IAAW;;AACvF,uBAAeC,aAAa,EAA5B;AAAA,MAAQT,EAAR,kBAAQA,EAAR;;AACA,MAAMU,IAAI,GAAGP,IAAb;AACA,MAAMQ,QAAQ,GAAGb,WAAW,CAACE,EAAD,CAA5B;AAEA,SACEY;AACE,mBAAY,uBADd;AAEE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,SAAS,CAACD,KAAD,EAAQ;AAAEN,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAAtC;AAAA;AAFP,KAGMC,IAHN,GAKGE,IAAI,IAAIE,IAAC,IAAD;AAAM,IAAA,MAAM,EAAED,QAAQ,CAACJ,IAAD,CAAtB;AAA8B,mBAAY;AAA1C,IALX,EAMEK;AAAK,IAAA,SAAS,EAAC;AAAf,KACEA,IAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,KAAkBR,KAAlB,CADF,EAEGC,IAAI,IACHO,IAAC,IAAD;AAAM,IAAA,QAAQ,EAAEL,IAAhB;AAA0C,IAAA,EAAE,EAAC;AAA7C,KACGF,IADH,CAHJ,CANF,EAcGC,MAAM,IAAIM,oBAASN,MAAT,CAdb,CADF;AAkBD;;;;"}

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

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

package/dist/esm/src/components/Sidebar/NavHandle.js

@@ -2,20 +2,21 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
 import 'react';
+import SvgHamburger from '../../icons/hamburger.svg.js';
 import NavItem from './NavItem.js';
 import { navHandleContainer } from './styles.js';
-import SvgHamburger from '../../icons/core/hamburger.svg.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var NavHandle = function NavHandle(_ref) {
   var isExpanded = _ref.isExpanded,
       toggleMainNav = _ref.toggleMainNav;
   return jsx("button", {
+    className: "nav-handle",
     css: navHandleContainer,
     onClick: toggleMainNav
   }, jsx(NavItem, {

package/dist/esm/src/components/Sidebar/NavHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavHandle.js","sources":["../../../../../src/components/Sidebar/NavHandle.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport NavItem from \"./NavItem\";\nimport { navHandleContainer } from \"./styles\";\nimport { HamburgerSVG } from \"@icons/core\";\n\nexport type NavHandleProps = {\n  isExpanded: boolean;\n  toggleMainNav: () => void;\n};\n\nconst NavHandle: FC<NavHandleProps> = ({ isExpanded, toggleMainNav }) => {\n  return (\n    <button css={navHandleContainer} onClick={toggleMainNav}>\n      <NavItem label=\"Menu\" isExpanded={isExpanded} icon={<HamburgerSVG height={32} />} />\n    </button>\n  );\n};\n\nexport default NavHandle;\n"],"names":["NavHandle","isExpanded","toggleMainNav","___EmotionJSX","navHandleContainer","HamburgerSVG"],"mappings":";;;;;;;;;;;;;;IAUMA,SAA6B,GAAG,SAAhCA,SAAgC,OAAmC;AAAA,MAAhCC,UAAgC,QAAhCA,UAAgC;AAAA,MAApBC,aAAoB,QAApBA,aAAoB;AACvE,SACEC;AAAQ,IAAA,GAAG,EAAEC,kBAAb;AAAiC,IAAA,OAAO,EAAEF;AAA1C,KACEC,IAAC,OAAD;AAAS,IAAA,KAAK,EAAC,MAAf;AAAsB,IAAA,UAAU,EAAEF,UAAlC;AAA8C,IAAA,IAAI,EAAEE,IAACE,YAAD;AAAc,MAAA,MAAM,EAAE;AAAtB;AAApD,IADF,CADF;AAKD;;;;"}
+{"version":3,"file":"NavHandle.js","sources":["../../../../../src/components/Sidebar/NavHandle.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { HamburgerSVG } from \"../../icons/\";\nimport NavItem from \"./NavItem\";\nimport { navHandleContainer } from \"./styles\";\n\nexport type NavHandleProps = {\n  isExpanded: boolean;\n  toggleMainNav: () => void;\n};\n\nconst NavHandle: FC<NavHandleProps> = ({ isExpanded, toggleMainNav }) => {\n  return (\n    <button className=\"nav-handle\" css={navHandleContainer} onClick={toggleMainNav}>\n      <NavItem label=\"Menu\" isExpanded={isExpanded} icon={<HamburgerSVG height={32} />} />\n    </button>\n  );\n};\n\nexport default NavHandle;\n"],"names":["NavHandle","isExpanded","toggleMainNav","___EmotionJSX","navHandleContainer","HamburgerSVG"],"mappings":";;;;;;;;;;;;;;IAUMA,SAA6B,GAAG,SAAhCA,SAAgC,OAAmC;AAAA,MAAhCC,UAAgC,QAAhCA,UAAgC;AAAA,MAApBC,aAAoB,QAApBA,aAAoB;AACvE,SACEC;AAAQ,IAAA,SAAS,EAAC,YAAlB;AAA+B,IAAA,GAAG,EAAEC,kBAApC;AAAwD,IAAA,OAAO,EAAEF;AAAjE,KACEC,IAAC,OAAD;AAAS,IAAA,KAAK,EAAC,MAAf;AAAsB,IAAA,UAAU,EAAEF,UAAlC;AAA8C,IAAA,IAAI,EAAEE,IAACE,YAAD;AAAc,MAAA,MAAM,EAAE;AAAtB;AAApD,IADF,CADF;AAKD;;;;"}

package/dist/esm/src/components/Sidebar/NavItem.js

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

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
@@ -70,11 +70,11 @@ var Sidebar = function Sidebar(_ref) {
   return jsx(LazyMotion, {
     features: domAnimation
   }, jsx(m.nav, _extends({
-    id: "sidebar",
     css: mainNavContainer,
     initial: false,
     animate: animate,
-    variants: navVariants
+    variants: navVariants,
+    id: "sidebar"
   }, rest), jsx("div", {
     className: "nav-items-wrapper"
   }, jsx(NavHandle, {

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport {\n  LazyMotion,\n  m,\n  useReducedMotion,\n  Variants,\n  domAnimation,\n  HTMLMotionProps,\n} from \"framer-motion\";\nimport { mainNavContainer } from \"./styles\";\nimport NavItem, { NavItemProps } from \"./NavItem\";\nimport NavHandle from \"./NavHandle\";\n\nexport type SidebarProps = HTMLMotionProps<\"nav\"> & {\n  isCollapsed?: boolean;\n  onToggle?: () => void;\n};\n\ntype SidebarCompoundProps = {\n  Item: NavItemProps;\n};\n\nconst navVariants: Variants = {\n  expanded: {\n    minWidth: \"15rem\",\n    transition: {\n      ease: \"easeInOut\",\n      duration: 0.2,\n    },\n  },\n  collapsed: {\n    minWidth: \"4.75rem\",\n    transition: {\n      ease: \"easeInOut\",\n      duration: 0.2,\n      delay: 0.1,\n    },\n  },\n  a11yExpanded: {\n    minWidth: \"15rem\",\n    transition: {\n      duration: 0,\n    },\n  },\n  a11yCollapsed: {\n    minWidth: \"4.75rem\",\n    transition: {\n      duration: 0,\n    },\n  },\n};\n\nconst Sidebar: FC<SidebarProps> & SidebarCompoundProps = ({\n  isCollapsed = false,\n  onToggle = () => void 0,\n  children,\n  ...rest\n}) => {\n  const isReducedMotion = useReducedMotion();\n  let animate: string;\n\n  if (isReducedMotion) {\n    animate = isCollapsed ? \"a11yCollapsed\" : \"a11yExpanded\";\n  } else {\n    animate = isCollapsed ? \"collapsed\" : \"expanded\";\n  }\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <m.nav\n        id=\"sidebar\"\n        css={mainNavContainer}\n        initial={false}\n        animate={animate}\n        variants={navVariants}\n        {...rest}\n      >\n        <div className=\"nav-items-wrapper\">\n          <NavHandle isExpanded={!isCollapsed} toggleMainNav={onToggle} />\n          {children}\n        </div>\n      </m.nav>\n    </LazyMotion>\n  );\n};\n\nSidebar.Item = NavItem;\n\nexport default Sidebar;\n"],"names":["navVariants","expanded","minWidth","transition","ease","duration","collapsed","delay","a11yExpanded","a11yCollapsed","Sidebar","isCollapsed","onToggle","children","rest","isReducedMotion","useReducedMotion","animate","___EmotionJSX","domAnimation","mainNavContainer","Item","NavItem"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBA,IAAMA,WAAqB,GAAG;AAC5BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,QAAQ,EAAE,OADF;AAERC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,WADI;AAEVC,MAAAA,QAAQ,EAAE;AAFA;AAFJ,GADkB;AAQ5BC,EAAAA,SAAS,EAAE;AACTJ,IAAAA,QAAQ,EAAE,SADD;AAETC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,WADI;AAEVC,MAAAA,QAAQ,EAAE,GAFA;AAGVE,MAAAA,KAAK,EAAE;AAHG;AAFH,GARiB;AAgB5BC,EAAAA,YAAY,EAAE;AACZN,IAAAA,QAAQ,EAAE,OADE;AAEZC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE;AADA;AAFA,GAhBc;AAsB5BI,EAAAA,aAAa,EAAE;AACbP,IAAAA,QAAQ,EAAE,SADG;AAEbC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE;AADA;AAFC;AAtBa,CAA9B;;IA8BMK,OAAgD,GAAG,SAAnDA,OAAmD,OAKnD;AAAA,8BAJJC,WAII;AAAA,MAJJA,WAII,iCAJU,KAIV;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO;AAAA,WAAM,KAAK,CAAX;AAAA,GAGP;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,IACC;;AACJ,MAAMC,eAAe,GAAGC,gBAAgB,EAAxC;AACA,MAAIC,OAAJ;;AAEA,MAAIF,eAAJ,EAAqB;AACnBE,IAAAA,OAAO,GAAGN,WAAW,GAAG,eAAH,GAAqB,cAA1C;AACD,GAFD,MAEO;AACLM,IAAAA,OAAO,GAAGN,WAAW,GAAG,WAAH,GAAiB,UAAtC;AACD;;AAED,SACEO,IAAC,UAAD;AAAY,IAAA,QAAQ,EAAEC;AAAtB,KACED,IAAC,CAAD,CAAG,GAAH;AACE,IAAA,EAAE,EAAC,SADL;AAEE,IAAA,GAAG,EAAEE,gBAFP;AAGE,IAAA,OAAO,EAAE,KAHX;AAIE,IAAA,OAAO,EAAEH,OAJX;AAKE,IAAA,QAAQ,EAAEjB;AALZ,KAMMc,IANN,GAQEI;AAAK,IAAA,SAAS,EAAC;AAAf,KACEA,IAAC,SAAD;AAAW,IAAA,UAAU,EAAE,CAACP,WAAxB;AAAqC,IAAA,aAAa,EAAEC;AAApD,IADF,EAEGC,QAFH,CARF,CADF,CADF;AAiBD;;AAEDH,OAAO,CAACW,IAAR,GAAeC,OAAf;;;;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport {\n  LazyMotion,\n  m,\n  useReducedMotion,\n  Variants,\n  domAnimation,\n  HTMLMotionProps,\n} from \"framer-motion\";\nimport { mainNavContainer } from \"./styles\";\nimport NavItem, { NavItemProps } from \"./NavItem\";\nimport NavHandle from \"./NavHandle\";\n\nexport type SidebarProps = HTMLMotionProps<\"nav\"> & {\n  isCollapsed?: boolean;\n  onToggle?: () => void;\n};\n\ntype SidebarCompoundProps = {\n  Item: NavItemProps;\n};\n\nconst navVariants: Variants = {\n  expanded: {\n    minWidth: \"15rem\",\n    transition: {\n      ease: \"easeInOut\",\n      duration: 0.2,\n    },\n  },\n  collapsed: {\n    minWidth: \"4.75rem\",\n    transition: {\n      ease: \"easeInOut\",\n      duration: 0.2,\n      delay: 0.1,\n    },\n  },\n  a11yExpanded: {\n    minWidth: \"15rem\",\n    transition: {\n      duration: 0,\n    },\n  },\n  a11yCollapsed: {\n    minWidth: \"4.75rem\",\n    transition: {\n      duration: 0,\n    },\n  },\n};\n\nconst Sidebar: FC<SidebarProps> & SidebarCompoundProps = ({\n  isCollapsed = false,\n  onToggle = () => void 0,\n  children,\n  ...rest\n}) => {\n  const isReducedMotion = useReducedMotion();\n  let animate: string;\n\n  if (isReducedMotion) {\n    animate = isCollapsed ? \"a11yCollapsed\" : \"a11yExpanded\";\n  } else {\n    animate = isCollapsed ? \"collapsed\" : \"expanded\";\n  }\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <m.nav\n        css={mainNavContainer}\n        initial={false}\n        animate={animate}\n        variants={navVariants}\n        id=\"sidebar\"\n        {...rest}\n      >\n        <div className=\"nav-items-wrapper\">\n          <NavHandle isExpanded={!isCollapsed} toggleMainNav={onToggle} />\n          {children}\n        </div>\n      </m.nav>\n    </LazyMotion>\n  );\n};\n\nSidebar.Item = NavItem;\n\nexport default Sidebar;\n"],"names":["navVariants","expanded","minWidth","transition","ease","duration","collapsed","delay","a11yExpanded","a11yCollapsed","Sidebar","isCollapsed","onToggle","children","rest","isReducedMotion","useReducedMotion","animate","___EmotionJSX","domAnimation","mainNavContainer","Item","NavItem"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBA,IAAMA,WAAqB,GAAG;AAC5BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,QAAQ,EAAE,OADF;AAERC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,WADI;AAEVC,MAAAA,QAAQ,EAAE;AAFA;AAFJ,GADkB;AAQ5BC,EAAAA,SAAS,EAAE;AACTJ,IAAAA,QAAQ,EAAE,SADD;AAETC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,WADI;AAEVC,MAAAA,QAAQ,EAAE,GAFA;AAGVE,MAAAA,KAAK,EAAE;AAHG;AAFH,GARiB;AAgB5BC,EAAAA,YAAY,EAAE;AACZN,IAAAA,QAAQ,EAAE,OADE;AAEZC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE;AADA;AAFA,GAhBc;AAsB5BI,EAAAA,aAAa,EAAE;AACbP,IAAAA,QAAQ,EAAE,SADG;AAEbC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE;AADA;AAFC;AAtBa,CAA9B;;IA8BMK,OAAgD,GAAG,SAAnDA,OAAmD,OAKnD;AAAA,8BAJJC,WAII;AAAA,MAJJA,WAII,iCAJU,KAIV;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO;AAAA,WAAM,KAAK,CAAX;AAAA,GAGP;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,IACC;;AACJ,MAAMC,eAAe,GAAGC,gBAAgB,EAAxC;AACA,MAAIC,OAAJ;;AAEA,MAAIF,eAAJ,EAAqB;AACnBE,IAAAA,OAAO,GAAGN,WAAW,GAAG,eAAH,GAAqB,cAA1C;AACD,GAFD,MAEO;AACLM,IAAAA,OAAO,GAAGN,WAAW,GAAG,WAAH,GAAiB,UAAtC;AACD;;AAED,SACEO,IAAC,UAAD;AAAY,IAAA,QAAQ,EAAEC;AAAtB,KACED,IAAC,CAAD,CAAG,GAAH;AACE,IAAA,GAAG,EAAEE,gBADP;AAEE,IAAA,OAAO,EAAE,KAFX;AAGE,IAAA,OAAO,EAAEH,OAHX;AAIE,IAAA,QAAQ,EAAEjB,WAJZ;AAKE,IAAA,EAAE,EAAC;AALL,KAMMc,IANN,GAQEI;AAAK,IAAA,SAAS,EAAC;AAAf,KACEA,IAAC,SAAD;AAAW,IAAA,UAAU,EAAE,CAACP,WAAxB;AAAqC,IAAA,aAAa,EAAEC;AAApD,IADF,EAEGC,QAFH,CARF,CADF,CADF;AAiBD;;AAEDH,OAAO,CAACW,IAAR,GAAeC,OAAf;;;;"}

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

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