@epignosis_llc/gnosis 2.1.8 → 2.2.0

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * 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 v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 
@@ -62,7 +62,10 @@ var Modal = function Modal(_ref4) {
       _ref4$size = _ref4.size,
       size = _ref4$size === void 0 ? "md" : _ref4$size,
       _ref4$rootElementSele = _ref4.rootElementSelector,
-      rootElementSelector = _ref4$rootElementSele === void 0 ? "#app" : _ref4$rootElementSele;
+      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, {
@@ -88,7 +91,9 @@ var Modal = function Modal(_ref4) {
       },
       closeTimeoutMS: 200,
       portalClassName: css(portalStyles(size)),
-      ariaHideApp: false
+      ariaHideApp: false,
+      shouldCloseOnOverlayClick: closeOnOutsideClick,
+      style: style
     }, clonedChildren);
   });
 };

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};\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":";;;;;;;;;;;;;;;;AAWA,IAAMA,MAAuB,GAAG,SAA1BA,MAA0B,CAA2B,IAAA,EAAA;AAAA,EAAxBC,IAAAA,QAAwB,QAAxBA,QAAwB;AAAA,MAAdC,OAAc,QAAdA,OAAc,CAAA;AACzD,EAAMC,IAAAA,KAAK,GAAG,OAAOF,QAAP,KAAoB,QAApB,GAA+BG,IAAC,OAAD,EAAA;AAAS,IAAA,IAAI,EAAC,IAAA;AAAd,GAAoBH,EAAAA,QAApB,CAA/B,GAAyEA,QAAvF,CAAA;AACA,EACE,OAAAG,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,GAAG,EAAEC,WAAb;AAA0B,IAAY,aAAA,EAAA,cAAA;AAAtC,GAAA,EACED,GAAMD,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,KAAN,CADF,EAEGD,OAAO,IACNE,GAAA,CAAA,GAAA,EAAA;AAAG,IAAA,IAAI,EAAC,QAAR;AAAiB,IAAA,SAAS,EAAC,WAA3B;AAAuC,IAAA,YAAA,EAAW,cAAlD;AAAiE,IAAA,OAAO,EAAEF,OAAAA;AAA1E,GAAA,EACEE,IAACE,eAAD,EAAA;AAAiB,IAAA,MAAM,EAAE,EAAA;AAAzB,GAAA,CADF,CAHJ,CADF,CAAA;AAUD,CAZD,CAAA;;AAkBA,IAAMC,IAAmB,GAAG,SAAtBA,IAAsB,CAAyB,KAAA,EAAA;AAAA,EAAtBN,IAAAA,QAAsB,SAAtBA,QAAsB;AAAA,MAAZO,KAAY,SAAZA,KAAY,CAAA;AACnD,EACE,OAAAJ,GAAA,CAAA,SAAA,EAAA;AAAS,IAAA,KAAK,EAAEI,KAAhB;AAAuB,IAAA,GAAG,EAAEC,YAAAA;AAA5B,GAAA,EACGR,QADH,CADF,CAAA;AAKD,CAND,CAAA;;AAYA,IAAMS,MAAuB,GAAG,SAA1BA,MAA0B,CAAyB,KAAA,EAAA;AAAA,EAAtBT,IAAAA,QAAsB,SAAtBA,QAAsB;AAAA,MAAZO,KAAY,SAAZA,KAAY,CAAA;AACvD,EACE,OAAAJ,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,KAAK,EAAEI,KAAf;AAAsB,IAAA,GAAG,EAAEG,WAA3B;AAAwC,IAAY,aAAA,EAAA,cAAA;AAApD,GAAA,EACGV,QADH,CADF,CAAA;AAKD,CAND,CAAA;;AAsBA,IAAMW,KAA+C,GAAG,SAAlDA,KAAkD,CAMlD,KAAA,EAAA;AAAA,EALJX,IAAAA,QAKI,SALJA,QAKI;AAAA,MAJJY,MAII,SAJJA,MAII;AAAA,MAAA,aAAA,GAAA,KAAA,CAHJX,OAGI;AAAA,MAHJA,OAGI,GAHM,aAAA,KAAA,KAAA,CAAA,GAAA,YAAA;AAAA,IAAA,OAAM,KAAK,CAAX,CAAA;AAAA,GAGN,GAAA,aAAA;AAAA,MAAA,UAAA,GAAA,KAAA,CAFJY,IAEI;AAAA,MAFJA,IAEI,2BAFG,IAEH,GAAA,UAAA;AAAA,MAAA,qBAAA,GAAA,KAAA,CADJC,mBACI;AAAA,MADJA,mBACI,sCADkB,MAClB,GAAA,qBAAA,CAAA;AACJ,EAAA,IAAMC,WAAW,GAAGC,QAAQ,CAACC,aAAT,CAAuBH,mBAAvB,CAApB,CAAA;AACA,EAAMI,IAAAA,cAAc,GAAGC,QAAQ,CAACC,GAAT,CAAapB,QAAb,EAAuB,UAACqB,KAAD,EAAA;AAAA,IAC5CC,oBAAAA,YAAY,CAACD,KAAD,EAAwB;AAClCpB,MAAAA,OAAO,EAAPA,OAAAA;AADkC,KAAxB,CADgC,CAAA;AAAA,GAAvB,CAAvB,CAAA;AAMA,EACE,OAAAE,GAAA,CAAC,UAAD,EACG,IAAA,EAAA,UAAA,KAAA,EAAA;AAAA,IAAGoB,IAAAA,GAAH,SAAGA,GAAH,CAAA;AAAA,IAAA,OACCpB,IAAC,UAAD,EAAA;AACE,MAAA,MAAM,EAAES,MADV;AAEE,MAAA,UAAU,EAAEG,WAFd;AAGE,MAAA,cAAc,EAAEd,OAHlB;AAIE,MAAA,YAAY,EAAC,OAJf;AAKE,MAAA,gBAAgB,EAAE;AAChBuB,QAAAA,IAAI,EAAE,cADU;AAEhBC,QAAAA,SAAS,EAAE,eAFK;AAGhBC,QAAAA,WAAW,EAAE,gBAAA;AAHG,OALpB;AAUE,MAAA,SAAS,EAAE;AACTF,QAAAA,IAAI,EAAE,cADG;AAETC,QAAAA,SAAS,EAAE,eAFF;AAGTC,QAAAA,WAAW,EAAE,gBAAA;AAHJ,OAVb;AAeE,MAAA,cAAc,EAAE,GAflB;AAgBE,MAAA,eAAe,EAAEH,GAAG,CAACI,YAAY,CAACd,IAAD,CAAb,CAhBtB;AAiBE,MAAA,WAAW,EAAE,KAAA;AAjBf,KAAA,EAmBGK,cAnBH,CADD,CAAA;AAAA,GADH,CADF,CAAA;AA2BD,EAzCD;;AA2CAP,KAAK,CAACZ,MAAN,GAAeA,MAAf,CAAA;AACAY,KAAK,CAACL,IAAN,GAAaA,IAAb,CAAA;AACAK,KAAK,CAACF,MAAN,GAAeA,MAAf;;;;"}
+{"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 v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 
@@ -14,13 +14,15 @@ import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/
 
 var NavHandle = function NavHandle(_ref) {
   var isExpanded = _ref.isExpanded,
-      toggleMainNav = _ref.toggleMainNav;
+      toggleMainNav = _ref.toggleMainNav,
+      _ref$navItemLabel = _ref.navItemLabel,
+      navItemLabel = _ref$navItemLabel === void 0 ? "" : _ref$navItemLabel;
   return jsx("button", {
     className: "nav-handle",
     css: navHandleContainer,
     onClick: toggleMainNav
   }, jsx(NavItem, {
-    label: "Menu",
+    label: navItemLabel,
     isExpanded: isExpanded,
     icon: jsx(SvgHamburger, {
       height: 32

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 { 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":";;;;;;;;;;;;;;AAUA,IAAMA,SAA6B,GAAG,SAAhCA,SAAgC,CAAmC,IAAA,EAAA;AAAA,EAAhCC,IAAAA,UAAgC,QAAhCA,UAAgC;AAAA,MAApBC,aAAoB,QAApBA,aAAoB,CAAA;AACvE,EACE,OAAAC,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,SAAS,EAAC,YAAlB;AAA+B,IAAA,GAAG,EAAEC,kBAApC;AAAwD,IAAA,OAAO,EAAEF,aAAAA;AAAjE,GAAA,EACEC,IAAC,OAAD,EAAA;AAAS,IAAA,KAAK,EAAC,MAAf;AAAsB,IAAA,UAAU,EAAEF,UAAlC;AAA8C,IAAA,IAAI,EAAEE,GAAA,CAACE,YAAD,EAAA;AAAc,MAAA,MAAM,EAAE,EAAA;AAAtB,KAAA,CAAA;AAApD,GAAA,CADF,CADF,CAAA;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  navItemLabel?: string;\n  toggleMainNav: () => void;\n};\n\nconst NavHandle: FC<NavHandleProps> = ({ isExpanded, toggleMainNav, navItemLabel = \"\" }) => {\n  return (\n    <button className=\"nav-handle\" css={navHandleContainer} onClick={toggleMainNav}>\n      <NavItem label={navItemLabel} isExpanded={isExpanded} icon={<HamburgerSVG height={32} />} />\n    </button>\n  );\n};\n\nexport default NavHandle;\n"],"names":["NavHandle","isExpanded","toggleMainNav","navItemLabel","___EmotionJSX","navHandleContainer","HamburgerSVG"],"mappings":";;;;;;;;;;;;;;AAWA,IAAMA,SAA6B,GAAG,SAAhCA,SAAgC,CAAsD,IAAA,EAAA;AAAA,EAAnDC,IAAAA,UAAmD,QAAnDA,UAAmD;AAAA,MAAvCC,aAAuC,QAAvCA,aAAuC;AAAA,MAAA,iBAAA,GAAA,IAAA,CAAxBC,YAAwB;AAAA,MAAxBA,YAAwB,kCAAT,EAAS,GAAA,iBAAA,CAAA;AAC1F,EACE,OAAAC,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,SAAS,EAAC,YAAlB;AAA+B,IAAA,GAAG,EAAEC,kBAApC;AAAwD,IAAA,OAAO,EAAEH,aAAAA;AAAjE,GAAA,EACEE,IAAC,OAAD,EAAA;AAAS,IAAA,KAAK,EAAED,YAAhB;AAA8B,IAAA,UAAU,EAAEF,UAA1C;AAAsD,IAAA,IAAI,EAAEG,GAAA,CAACE,YAAD,EAAA;AAAc,MAAA,MAAM,EAAE,EAAA;AAAtB,KAAA,CAAA;AAA5D,GAAA,CADF,CADF,CAAA;AAKD;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * 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 v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 
@@ -17,7 +17,7 @@ import { LazyMotion } from '../../../node_modules/framer-motion/dist/es/componen
 import { domAnimation } from '../../../node_modules/framer-motion/dist/es/render/dom/features-animation.mjs.js';
 import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.mjs.js';
 
-var _excluded = ["isCollapsed", "onToggle", "children"];
+var _excluded = ["isCollapsed", "navHandleLabel", "onToggle", "children"];
 var navVariants = {
   expanded: {
     minWidth: "15rem",
@@ -51,6 +51,8 @@ var navVariants = {
 var Sidebar = function Sidebar(_ref) {
   var _ref$isCollapsed = _ref.isCollapsed,
       isCollapsed = _ref$isCollapsed === void 0 ? false : _ref$isCollapsed,
+      _ref$navHandleLabel = _ref.navHandleLabel,
+      navHandleLabel = _ref$navHandleLabel === void 0 ? "Menu" : _ref$navHandleLabel,
       _ref$onToggle = _ref.onToggle,
       onToggle = _ref$onToggle === void 0 ? function () {
     return void 0;
@@ -79,6 +81,7 @@ var Sidebar = function Sidebar(_ref) {
     className: "nav-items-wrapper"
   }, jsx(NavHandle, {
     isExpanded: !isCollapsed,
+    navItemLabel: navHandleLabel,
     toggleMainNav: onToggle
   }), children)));
 };

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        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,GAAA;AAFA,KAAA;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,GAAA;AAHG,KAAA;AAFH,GARiB;AAgB5BC,EAAAA,YAAY,EAAE;AACZN,IAAAA,QAAQ,EAAE,OADE;AAEZC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE,CAAA;AADA,KAAA;AAFA,GAhBc;AAsB5BI,EAAAA,aAAa,EAAE;AACbP,IAAAA,QAAQ,EAAE,SADG;AAEbC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE,CAAA;AADA,KAAA;AAFC,GAAA;AAtBa,CAA9B,CAAA;;AA8BA,IAAMK,OAAgD,GAAG,SAAnDA,OAAmD,CAKnD,IAAA,EAAA;AAAA,EAAA,IAAA,gBAAA,GAAA,IAAA,CAJJC,WAII;AAAA,MAJJA,WAII,iCAJU,KAIV,GAAA,gBAAA;AAAA,MAAA,aAAA,GAAA,IAAA,CAHJC,QAGI;AAAA,MAHJA,QAGI,GAHO,aAAA,KAAA,KAAA,CAAA,GAAA,YAAA;AAAA,IAAA,OAAM,KAAK,CAAX,CAAA;AAAA,GAGP,GAAA,aAAA;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,IACC,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AACJ,EAAMC,IAAAA,eAAe,GAAGC,gBAAgB,EAAxC,CAAA;AACA,EAAA,IAAIC,OAAJ,CAAA;;AAEA,EAAA,IAAIF,eAAJ,EAAqB;AACnBE,IAAAA,OAAO,GAAGN,WAAW,GAAG,eAAH,GAAqB,cAA1C,CAAA;AACD,GAFD,MAEO;AACLM,IAAAA,OAAO,GAAGN,WAAW,GAAG,WAAH,GAAiB,UAAtC,CAAA;AACD,GAAA;;AAED,EAAA,OACEO,IAAC,UAAD,EAAA;AAAY,IAAA,QAAQ,EAAEC,YAAAA;AAAtB,GACE,EAAAD,GAAA,CAAC,CAAD,CAAG,GAAH,EAAA,QAAA,CAAA;AACE,IAAA,GAAG,EAAEE,gBADP;AAEE,IAAA,OAAO,EAAE,KAFX;AAGE,IAAA,OAAO,EAAEH,OAHX;AAIE,IAAA,QAAQ,EAAEjB,WAJZ;AAKE,IAAA,EAAE,EAAC,SAAA;AALL,GAAA,EAMMc,IANN,CAQE,EAAAI,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,mBAAA;AAAf,GAAA,EACEA,IAAC,SAAD,EAAA;AAAW,IAAA,UAAU,EAAE,CAACP,WAAxB;AAAqC,IAAA,aAAa,EAAEC,QAAAA;AAApD,GAAA,CADF,EAEGC,QAFH,CARF,CADF,CADF,CAAA;AAiBD,EAhCD;;AAkCAH,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  navHandleLabel?: string;\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  navHandleLabel = \"Menu\",\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\n            isExpanded={!isCollapsed}\n            navItemLabel={navHandleLabel}\n            toggleMainNav={onToggle}\n          />\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","navHandleLabel","onToggle","children","rest","isReducedMotion","useReducedMotion","animate","___EmotionJSX","domAnimation","mainNavContainer","Item","NavItem"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,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,GAAA;AAFA,KAAA;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,GAAA;AAHG,KAAA;AAFH,GARiB;AAgB5BC,EAAAA,YAAY,EAAE;AACZN,IAAAA,QAAQ,EAAE,OADE;AAEZC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE,CAAA;AADA,KAAA;AAFA,GAhBc;AAsB5BI,EAAAA,aAAa,EAAE;AACbP,IAAAA,QAAQ,EAAE,SADG;AAEbC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE,CAAA;AADA,KAAA;AAFC,GAAA;AAtBa,CAA9B,CAAA;;AA8BA,IAAMK,OAAgD,GAAG,SAAnDA,OAAmD,CAMnD,IAAA,EAAA;AAAA,EAAA,IAAA,gBAAA,GAAA,IAAA,CALJC,WAKI;AAAA,MALJA,WAKI,iCALU,KAKV,GAAA,gBAAA;AAAA,MAAA,mBAAA,GAAA,IAAA,CAJJC,cAII;AAAA,MAJJA,cAII,oCAJa,MAIb,GAAA,mBAAA;AAAA,MAAA,aAAA,GAAA,IAAA,CAHJC,QAGI;AAAA,MAHJA,QAGI,GAHO,aAAA,KAAA,KAAA,CAAA,GAAA,YAAA;AAAA,IAAA,OAAM,KAAK,CAAX,CAAA;AAAA,GAGP,GAAA,aAAA;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,IACC,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AACJ,EAAMC,IAAAA,eAAe,GAAGC,gBAAgB,EAAxC,CAAA;AACA,EAAA,IAAIC,OAAJ,CAAA;;AAEA,EAAA,IAAIF,eAAJ,EAAqB;AACnBE,IAAAA,OAAO,GAAGP,WAAW,GAAG,eAAH,GAAqB,cAA1C,CAAA;AACD,GAFD,MAEO;AACLO,IAAAA,OAAO,GAAGP,WAAW,GAAG,WAAH,GAAiB,UAAtC,CAAA;AACD,GAAA;;AAED,EAAA,OACEQ,IAAC,UAAD,EAAA;AAAY,IAAA,QAAQ,EAAEC,YAAAA;AAAtB,GACE,EAAAD,GAAA,CAAC,CAAD,CAAG,GAAH,EAAA,QAAA,CAAA;AACE,IAAA,GAAG,EAAEE,gBADP;AAEE,IAAA,OAAO,EAAE,KAFX;AAGE,IAAA,OAAO,EAAEH,OAHX;AAIE,IAAA,QAAQ,EAAElB,WAJZ;AAKE,IAAA,EAAE,EAAC,SAAA;AALL,GAAA,EAMMe,IANN,CAQE,EAAAI,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,mBAAA;AAAf,GAAA,EACEA,IAAC,SAAD,EAAA;AACE,IAAA,UAAU,EAAE,CAACR,WADf;AAEE,IAAA,YAAY,EAAEC,cAFhB;AAGE,IAAA,aAAa,EAAEC,QAAAA;AAHjB,GAAA,CADF,EAMGC,QANH,CARF,CADF,CADF,CAAA;AAqBD,EArCD;;AAuCAJ,OAAO,CAACY,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 v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 
@@ -16,7 +16,7 @@ import TabsContent from './TabsContent.js';
 import { container, tabsHeader } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["children", "stickyHeader", "responsiveHeader"];
+var _excluded = ["children", "stickyHeader", "responsiveHeader", "initialSelectedTab", "onChangeTab"];
 
 var TabPane = function TabPane() {
   return null;
@@ -28,9 +28,12 @@ var Tabs = function Tabs(_ref) {
       stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
       _ref$responsiveHeader = _ref.responsiveHeader,
       responsiveHeader = _ref$responsiveHeader === void 0 ? false : _ref$responsiveHeader,
+      _ref$initialSelectedT = _ref.initialSelectedTab,
+      initialSelectedTab = _ref$initialSelectedT === void 0 ? 0 : _ref$initialSelectedT,
+      onChangeTab = _ref.onChangeTab,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  var _useState = useState(0),
+  var _useState = useState(initialSelectedTab),
       _useState2 = _slicedToArray(_useState, 2),
       activeTab = _useState2[0],
       setActiveTab = _useState2[1];
@@ -51,6 +54,7 @@ var Tabs = function Tabs(_ref) {
 
   var onSelectTab = function onSelectTab(index) {
     setActiveTab(index);
+    onChangeTab && onChangeTab(index);
   };
 
   var displayResponsiveHeader = (tabTitles === null || tabTitles === void 0 ? void 0 : tabTitles.length) && responsiveHeader;

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { FC, useState, ReactElement, Children } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Select from \"../FormElements/Select/Select\";\nimport TabsNavItem from \"./TabsNavItem\";\nimport TabsContent from \"./TabsContent\";\nimport { container, tabsHeader } from \"./styles\";\n\ntype TabsProps = React.HTMLAttributes<HTMLElement> & {\n  stickyHeader?: boolean;\n  responsiveHeader?: boolean;\n};\n\ntype TabPaneProps = {\n  title: JSX.Element | string;\n  fallbackTitle?: string;\n};\n\nconst TabPane: FC<TabPaneProps> = () => null;\n\ntype TabsCompoundProps = {\n  TabPane: FC<TabPaneProps>;\n};\n\nconst Tabs: FC<TabsProps> & TabsCompoundProps = ({\n  children,\n  stickyHeader = false,\n  responsiveHeader = false,\n  ...rest\n}) => {\n  const [activeTab, setActiveTab] = useState(0);\n  const tabTitles = Children.map(children, (child, i) => ({\n    index: i,\n    title: (child as ReactElement).props.title,\n    fallbackTitle:\n      typeof (child as ReactElement).props.title === \"string\"\n        ? (child as ReactElement).props.title\n        : (child as ReactElement).props.fallbackTitle,\n  }));\n  const tabPanes = Children.map(children, (child, i) => ({\n    index: i,\n    content: (child as ReactElement).props.children,\n  }));\n  const onSelectTab = (index: number): void => {\n    setActiveTab(index);\n  };\n  const displayResponsiveHeader = tabTitles?.length && responsiveHeader;\n\n  return (\n    <section css={container} {...rest}>\n      <nav css={(theme): SerializedStyles => tabsHeader(theme, { stickyHeader })} role=\"tablist\">\n        {!displayResponsiveHeader &&\n          tabTitles?.map(({ index, title }) => (\n            <TabsNavItem\n              key={index}\n              index={index}\n              title={title}\n              isActive={activeTab === index}\n              onSelectTab={onSelectTab}\n            />\n          ))}\n\n        {displayResponsiveHeader && (\n          <Select aria-label=\"select tab\" onChange={(index): void => onSelectTab(parseInt(index))}>\n            {tabTitles?.map(({ index, fallbackTitle }) => (\n              <option key={index} value={index}>\n                {fallbackTitle}\n              </option>\n            ))}\n          </Select>\n        )}\n      </nav>\n\n      <section id=\"content\" aria-live=\"polite\" role=\"region\">\n        {tabPanes?.length &&\n          tabPanes.map(({ index, content }) => (\n            <TabsContent\n              key={index}\n              index={index}\n              content={content}\n              isVisible={activeTab === index}\n            />\n          ))}\n      </section>\n    </section>\n  );\n};\n\nTabs.TabPane = TabPane;\n\nexport default Tabs;\n"],"names":["TabPane","Tabs","children","stickyHeader","responsiveHeader","rest","useState","activeTab","setActiveTab","tabTitles","Children","map","child","i","index","title","props","fallbackTitle","tabPanes","content","onSelectTab","displayResponsiveHeader","length","___EmotionJSX","container","theme","tabsHeader","parseInt"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { FC, useState, ReactElement, Children } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Select from \"../FormElements/Select/Select\";\nimport TabsNavItem from \"./TabsNavItem\";\nimport TabsContent from \"./TabsContent\";\nimport { container, tabsHeader } from \"./styles\";\n\ntype TabsProps = React.HTMLAttributes<HTMLElement> & {\n  stickyHeader?: boolean;\n  responsiveHeader?: boolean;\n  initialSelectedTab?: number;\n  onChangeTab?: (index: number) => void;\n};\n\ntype TabPaneProps = {\n  title: JSX.Element | string;\n  fallbackTitle?: string;\n};\n\nconst TabPane: FC<TabPaneProps> = () => null;\n\ntype TabsCompoundProps = {\n  TabPane: FC<TabPaneProps>;\n};\n\nconst Tabs: FC<TabsProps> & TabsCompoundProps = ({\n  children,\n  stickyHeader = false,\n  responsiveHeader = false,\n  initialSelectedTab = 0,\n  onChangeTab,\n  ...rest\n}) => {\n  const [activeTab, setActiveTab] = useState(initialSelectedTab);\n  const tabTitles = Children.map(children, (child, i) => ({\n    index: i,\n    title: (child as ReactElement).props.title,\n    fallbackTitle:\n      typeof (child as ReactElement).props.title === \"string\"\n        ? (child as ReactElement).props.title\n        : (child as ReactElement).props.fallbackTitle,\n  }));\n  const tabPanes = Children.map(children, (child, i) => ({\n    index: i,\n    content: (child as ReactElement).props.children,\n  }));\n  const onSelectTab = (index: number): void => {\n    setActiveTab(index);\n    onChangeTab && onChangeTab(index);\n  };\n  const displayResponsiveHeader = tabTitles?.length && responsiveHeader;\n\n  return (\n    <section css={container} {...rest}>\n      <nav css={(theme): SerializedStyles => tabsHeader(theme, { stickyHeader })} role=\"tablist\">\n        {!displayResponsiveHeader &&\n          tabTitles?.map(({ index, title }) => (\n            <TabsNavItem\n              key={index}\n              index={index}\n              title={title}\n              isActive={activeTab === index}\n              onSelectTab={onSelectTab}\n            />\n          ))}\n\n        {displayResponsiveHeader && (\n          <Select aria-label=\"select tab\" onChange={(index): void => onSelectTab(parseInt(index))}>\n            {tabTitles?.map(({ index, fallbackTitle }) => (\n              <option key={index} value={index}>\n                {fallbackTitle}\n              </option>\n            ))}\n          </Select>\n        )}\n      </nav>\n\n      <section id=\"content\" aria-live=\"polite\" role=\"region\">\n        {tabPanes?.length &&\n          tabPanes.map(({ index, content }) => (\n            <TabsContent\n              key={index}\n              index={index}\n              content={content}\n              isVisible={activeTab === index}\n            />\n          ))}\n      </section>\n    </section>\n  );\n};\n\nTabs.TabPane = TabPane;\n\nexport default Tabs;\n"],"names":["TabPane","Tabs","children","stickyHeader","responsiveHeader","initialSelectedTab","onChangeTab","rest","useState","activeTab","setActiveTab","tabTitles","Children","map","child","i","index","title","props","fallbackTitle","tabPanes","content","onSelectTab","displayResponsiveHeader","length","___EmotionJSX","container","theme","tabsHeader","parseInt"],"mappings":"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"}

package/dist/esm/src/components/Tabs/TabsContent.js

@@ -2,12 +2,11 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 
 import 'react';
-import { tabsContent } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var TabsContent = function TabsContent(_ref) {
@@ -15,12 +14,11 @@ var TabsContent = function TabsContent(_ref) {
       content = _ref.content,
       isVisible = _ref.isVisible,
       style = _ref.style;
-  return jsx("article", {
+  return isVisible ? jsx("article", {
     id: "content-".concat(index),
-    css: tabsContent(isVisible),
     role: "tabpanel",
     style: style
-  }, content);
+  }, content) : null;
 };
 
 export { TabsContent as default };

package/dist/esm/src/components/Tabs/TabsContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsContent.js","sources":["../../../../../src/components/Tabs/TabsContent.tsx"],"sourcesContent":["import React, { FC, ReactNode, CSSProperties } from \"react\";\nimport { tabsContent } from \"./styles\";\n\ntype TabsContentProps = {\n  index: number;\n  content: ReactNode;\n  isVisible: boolean;\n  style?: CSSProperties;\n};\n\nconst TabsContent: FC<TabsContentProps> = ({ index, content, isVisible, style }) => {\n  return (\n    <article id={`content-${index}`} css={tabsContent(isVisible)} role=\"tabpanel\" style={style}>\n      {content}\n    </article>\n  );\n};\n\nexport default TabsContent;\n"],"names":["TabsContent","index","content","isVisible","style","___EmotionJSX","tabsContent"],"mappings":";;;;;;;;;;;;AAUA,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAA0C,IAAA,EAAA;AAAA,EAAvCC,IAAAA,KAAuC,QAAvCA,KAAuC;AAAA,MAAhCC,OAAgC,QAAhCA,OAAgC;AAAA,MAAvBC,SAAuB,QAAvBA,SAAuB;AAAA,MAAZC,KAAY,QAAZA,KAAY,CAAA;AAClF,EACE,OAAAC,GAAA,CAAA,SAAA,EAAA;AAAS,IAAA,EAAE,EAAaJ,UAAAA,CAAAA,MAAAA,CAAAA,KAAb,CAAX;AAAiC,IAAA,GAAG,EAAEK,WAAW,CAACH,SAAD,CAAjD;AAA8D,IAAA,IAAI,EAAC,UAAnE;AAA8E,IAAA,KAAK,EAAEC,KAAAA;AAArF,GAAA,EACGF,OADH,CADF,CAAA;AAKD;;;;"}
+{"version":3,"file":"TabsContent.js","sources":["../../../../../src/components/Tabs/TabsContent.tsx"],"sourcesContent":["import React, { FC, ReactNode, CSSProperties } from \"react\";\n\ntype TabsContentProps = {\n  index: number;\n  content: ReactNode;\n  isVisible: boolean;\n  style?: CSSProperties;\n};\n\nconst TabsContent: FC<TabsContentProps> = ({ index, content, isVisible, style }) => {\n  return isVisible ? (\n    <article id={`content-${index}`} role=\"tabpanel\" style={style}>\n      {content}\n    </article>\n  ) : null;\n};\n\nexport default TabsContent;\n"],"names":["TabsContent","index","content","isVisible","style","___EmotionJSX"],"mappings":";;;;;;;;;;;AASA,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAA0C,IAAA,EAAA;AAAA,EAAvCC,IAAAA,KAAuC,QAAvCA,KAAuC;AAAA,MAAhCC,OAAgC,QAAhCA,OAAgC;AAAA,MAAvBC,SAAuB,QAAvBA,SAAuB;AAAA,MAAZC,KAAY,QAAZA,KAAY,CAAA;AAClF,EAAA,OAAOD,SAAS,GACdE,GAAA,CAAA,SAAA,EAAA;AAAS,IAAA,EAAE,EAAaJ,UAAAA,CAAAA,MAAAA,CAAAA,KAAb,CAAX;AAAiC,IAAA,IAAI,EAAC,UAAtC;AAAiD,IAAA,KAAK,EAAEG,KAAAA;AAAxD,GACGF,EAAAA,OADH,CADc,GAIZ,IAJJ,CAAA;AAKD;;;;"}

package/dist/esm/src/components/Tabs/TabsNavItem.js

@@ -2,11 +2,12 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 
 import 'react';
+import classNames from '../../../node_modules/classnames/index.js';
 import { tabNavItem } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
@@ -15,6 +16,10 @@ var TabsNavItem = function TabsNavItem(_ref) {
       title = _ref.title,
       isActive = _ref.isActive,
       onSelectTab = _ref.onSelectTab;
+  var HtmlClasses = classNames({
+    "tab-link": true,
+    selected: isActive
+  });
 
   var onClick = function onClick(e) {
     e.preventDefault();
@@ -31,6 +36,7 @@ var TabsNavItem = function TabsNavItem(_ref) {
     id: "tab-".concat(index),
     "aria-controls": "content-".concat(index),
     role: "tab",
+    className: HtmlClasses,
     onClick: onClick
   }, title);
 };

package/dist/esm/src/components/Tabs/TabsNavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsNavItem.js","sources":["../../../../../src/components/Tabs/TabsNavItem.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { tabNavItem } from \"./styles\";\n\ntype TabsNavItemProps = {\n  index: number;\n  title: string;\n  isActive: boolean;\n  onSelectTab: (i: number) => void;\n};\n\nconst TabsNavItem: FC<TabsNavItemProps> = ({ index, title, isActive, onSelectTab }) => {\n  const onClick = (e: MouseEvent): void => {\n    e.preventDefault();\n    onSelectTab(index);\n  };\n\n  return (\n    <a\n      css={(theme): SerializedStyles => tabNavItem(theme, { isActive })}\n      href={`#tab-${index}`}\n      id={`tab-${index}`}\n      aria-controls={`content-${index}`}\n      role=\"tab\"\n      onClick={onClick}\n    >\n      {title}\n    </a>\n  );\n};\n\nexport default TabsNavItem;\n"],"names":["TabsNavItem","index","title","isActive","onSelectTab","onClick","e","preventDefault","___EmotionJSX","theme","tabNavItem"],"mappings":";;;;;;;;;;;;AAWA,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAA6C,IAAA,EAAA;AAAA,EAA1CC,IAAAA,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,KAAmC,QAAnCA,KAAmC;AAAA,MAA5BC,QAA4B,QAA5BA,QAA4B;AAAA,MAAlBC,WAAkB,QAAlBA,WAAkB,CAAA;;AACrF,EAAA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,CAAD,EAAyB;AACvCA,IAAAA,CAAC,CAACC,cAAF,EAAA,CAAA;AACAH,IAAAA,WAAW,CAACH,KAAD,CAAX,CAAA;AACD,GAHD,CAAA;;AAKA,EACE,OAAAO,GAAA,CAAA,GAAA,EAAA;AACE,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAA6BC,OAAAA,UAAU,CAACD,KAAD,EAAQ;AAAEN,QAAAA,QAAQ,EAARA,QAAAA;AAAF,OAAR,CAAvC,CAAA;AAAA,KADP;AAEE,IAAA,IAAI,EAAUF,OAAAA,CAAAA,MAAAA,CAAAA,KAAV,CAFN;AAGE,IAAA,EAAE,EAASA,MAAAA,CAAAA,MAAAA,CAAAA,KAAT,CAHJ;AAIE,IAAA,eAAA,EAAA,UAAA,CAAA,MAAA,CAA0BA,KAA1B,CAJF;AAKE,IAAA,IAAI,EAAC,KALP;AAME,IAAA,OAAO,EAAEI,OAAAA;AANX,GAAA,EAQGH,KARH,CADF,CAAA;AAYD;;;;"}
+{"version":3,"file":"TabsNavItem.js","sources":["../../../../../src/components/Tabs/TabsNavItem.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport classNames from \"classnames\";\nimport { tabNavItem } from \"./styles\";\n\ntype TabsNavItemProps = {\n  index: number;\n  title: string;\n  isActive: boolean;\n  onSelectTab: (i: number) => void;\n};\n\nconst TabsNavItem: FC<TabsNavItemProps> = ({ index, title, isActive, onSelectTab }) => {\n  const HtmlClasses = classNames({\n    \"tab-link\": true,\n    selected: isActive,\n  });\n  const onClick = (e: MouseEvent): void => {\n    e.preventDefault();\n    onSelectTab(index);\n  };\n\n  return (\n    <a\n      css={(theme): SerializedStyles => tabNavItem(theme, { isActive })}\n      href={`#tab-${index}`}\n      id={`tab-${index}`}\n      aria-controls={`content-${index}`}\n      role=\"tab\"\n      className={HtmlClasses}\n      onClick={onClick}\n    >\n      {title}\n    </a>\n  );\n};\n\nexport default TabsNavItem;\n"],"names":["TabsNavItem","index","title","isActive","onSelectTab","HtmlClasses","classNames","selected","onClick","e","preventDefault","___EmotionJSX","theme","tabNavItem"],"mappings":";;;;;;;;;;;;;AAYA,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAA6C,IAAA,EAAA;AAAA,EAA1CC,IAAAA,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,KAAmC,QAAnCA,KAAmC;AAAA,MAA5BC,QAA4B,QAA5BA,QAA4B;AAAA,MAAlBC,WAAkB,QAAlBA,WAAkB,CAAA;AACrF,EAAMC,IAAAA,WAAW,GAAGC,UAAU,CAAC;AAC7B,IAAA,UAAA,EAAY,IADiB;AAE7BC,IAAAA,QAAQ,EAAEJ,QAAAA;AAFmB,GAAD,CAA9B,CAAA;;AAIA,EAAA,IAAMK,OAAO,GAAG,SAAVA,OAAU,CAACC,CAAD,EAAyB;AACvCA,IAAAA,CAAC,CAACC,cAAF,EAAA,CAAA;AACAN,IAAAA,WAAW,CAACH,KAAD,CAAX,CAAA;AACD,GAHD,CAAA;;AAKA,EACE,OAAAU,GAAA,CAAA,GAAA,EAAA;AACE,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAA6BC,OAAAA,UAAU,CAACD,KAAD,EAAQ;AAAET,QAAAA,QAAQ,EAARA,QAAAA;AAAF,OAAR,CAAvC,CAAA;AAAA,KADP;AAEE,IAAA,IAAI,EAAUF,OAAAA,CAAAA,MAAAA,CAAAA,KAAV,CAFN;AAGE,IAAA,EAAE,EAASA,MAAAA,CAAAA,MAAAA,CAAAA,KAAT,CAHJ;AAIE,IAAA,eAAA,EAAA,UAAA,CAAA,MAAA,CAA0BA,KAA1B,CAJF;AAKE,IAAA,IAAI,EAAC,KALP;AAME,IAAA,SAAS,EAAEI,WANb;AAOE,IAAA,OAAO,EAAEG,OAAAA;AAPX,GAAA,EASGN,KATH,CADF,CAAA;AAaD;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 
@@ -16,7 +16,7 @@ var container = process.env.NODE_ENV === "production" ? {
 } : {
   name: "a5ycro-container",
   styles: "position:relative;display:flex;flex-direction:column;flex:1;#content{flex:1;z-index:0;};label:container;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleDogMTtcblxuICAjY29udGVudCB7XG4gICAgZmxleDogMTtcbiAgICB6LWluZGV4OiAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgdGFic0hlYWRlciA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IHN0aWNreUhlYWRlciB9OiB7IHN0aWNreUhlYWRlcj86IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIHBhZGRpbmc6IDAgMXJlbTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJhY2tncm91bmQ6ICR7dGFicy5oZWFkZXJCYWNrZ3JvdW5kfTtcbiAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgPyBcInN0aWNreVwiIDogXCJzdGF0aWNcIn07XG4gICAgdG9wOiAke3N0aWNreUhlYWRlciA/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICAke21xW1wic21cIl19IHtcbiAgICAgIHBhZGRpbmc6IDAgMnJlbTtcbiAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGFicy5oZWFkZXJCb3JkZXJ9O1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCB0YWJOYXZJdGVtID0gKFxuICB7IHRhYnMgfTogVGhlbWUsXG4gIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZm9udC13ZWlnaHQ6ICR7aXNBY3RpdmUgPyBcIjcwMFwiIDogXCI0MDBcIn07XG4gICAgbWFyZ2luOiAwIDFyZW0gMCAwO1xuICAgIHBhZGRpbmc6IDAuNnJlbTtcbiAgICBjb2xvcjogJHt0YWJzLmxpbmtOb3JtYWx9O1xuICAgIGJvcmRlci1ib3R0b206IDRweCBzb2xpZCAke2lzQWN0aXZlID8gdGFicy5saW5rQm9yZGVyIDogXCJ0cmFuc3BhcmVudFwifTtcbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCB0YWJzQ29udGVudCA9IChpc0FjdGl2ZTogYm9vbGVhbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6ICR7aXNBY3RpdmUgPyBcImJsb2NrXCIgOiBcIm5vbmVcIn07XG4gIG92ZXJmbG93LXk6IGF1dG87XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleDogMTtcblxuICAjY29udGVudCB7XG4gICAgZmxleDogMTtcbiAgICB6LWluZGV4OiAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgdGFic0hlYWRlciA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IHN0aWNreUhlYWRlciB9OiB7IHN0aWNreUhlYWRlcj86IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIHBhZGRpbmc6IDAgMXJlbTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJhY2tncm91bmQ6ICR7dGFicy5oZWFkZXJCYWNrZ3JvdW5kfTtcbiAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgPyBcInN0aWNreVwiIDogXCJzdGF0aWNcIn07XG4gICAgdG9wOiAke3N0aWNreUhlYWRlciA/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICAke21xW1wic21cIl19IHtcbiAgICAgIHBhZGRpbmc6IDAgMnJlbTtcbiAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGFicy5oZWFkZXJCb3JkZXJ9O1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCB0YWJOYXZJdGVtID0gKFxuICB7IHRhYnMgfTogVGhlbWUsXG4gIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZm9udC13ZWlnaHQ6ICR7aXNBY3RpdmUgPyBcIjcwMFwiIDogXCI0MDBcIn07XG4gICAgbWFyZ2luOiAwIDFyZW0gMCAwO1xuICAgIHBhZGRpbmc6IDAuNnJlbTtcbiAgICBjb2xvcjogJHt0YWJzLmxpbmtOb3JtYWx9O1xuICAgIGJvcmRlci1ib3R0b206IDRweCBzb2xpZCAke2lzQWN0aXZlID8gdGFicy5saW5rQm9yZGVyIDogXCJ0cmFuc3BhcmVudFwifTtcbiAgYDtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var tabsHeader = function tabsHeader(_ref, _ref2) {
@@ -26,7 +26,7 @@ var tabsHeader = function tabsHeader(_ref, _ref2) {
     /*#__PURE__*/
 
     /*#__PURE__*/
-    css("display:flex;flex-wrap:wrap;padding:0 1rem;white-space:nowrap;background:", tabs.headerBackground, ";position:", stickyHeader ? "sticky" : "static", ";top:", stickyHeader ? 0 : "auto", ";z-index:", stickyHeader ? 1 : 0, ";", mq["sm"], "{padding:0 2rem;flex-wrap:nowrap;border-bottom:1px solid ", tabs.headerBorder, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:tabsHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQlkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleDogMTtcblxuICAjY29udGVudCB7XG4gICAgZmxleDogMTtcbiAgICB6LWluZGV4OiAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgdGFic0hlYWRlciA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IHN0aWNreUhlYWRlciB9OiB7IHN0aWNreUhlYWRlcj86IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIHBhZGRpbmc6IDAgMXJlbTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJhY2tncm91bmQ6ICR7dGFicy5oZWFkZXJCYWNrZ3JvdW5kfTtcbiAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgPyBcInN0aWNreVwiIDogXCJzdGF0aWNcIn07XG4gICAgdG9wOiAke3N0aWNreUhlYWRlciA/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICAke21xW1wic21cIl19IHtcbiAgICAgIHBhZGRpbmc6IDAgMnJlbTtcbiAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGFicy5oZWFkZXJCb3JkZXJ9O1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCB0YWJOYXZJdGVtID0gKFxuICB7IHRhYnMgfTogVGhlbWUsXG4gIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZm9udC13ZWlnaHQ6ICR7aXNBY3RpdmUgPyBcIjcwMFwiIDogXCI0MDBcIn07XG4gICAgbWFyZ2luOiAwIDFyZW0gMCAwO1xuICAgIHBhZGRpbmc6IDAuNnJlbTtcbiAgICBjb2xvcjogJHt0YWJzLmxpbmtOb3JtYWx9O1xuICAgIGJvcmRlci1ib3R0b206IDRweCBzb2xpZCAke2lzQWN0aXZlID8gdGFicy5saW5rQm9yZGVyIDogXCJ0cmFuc3BhcmVudFwifTtcbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCB0YWJzQ29udGVudCA9IChpc0FjdGl2ZTogYm9vbGVhbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6ICR7aXNBY3RpdmUgPyBcImJsb2NrXCIgOiBcIm5vbmVcIn07XG4gIG92ZXJmbG93LXk6IGF1dG87XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:tabsHeader;")
+    css("display:flex;flex-wrap:wrap;padding:0 1rem;white-space:nowrap;background:", tabs.headerBackground, ";position:", stickyHeader ? "sticky" : "static", ";top:", stickyHeader ? 0 : "auto", ";z-index:", stickyHeader ? 1 : 0, ";", mq["sm"], "{padding:0 2rem;flex-wrap:nowrap;border-bottom:1px solid ", tabs.headerBorder, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:tabsHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQlkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleDogMTtcblxuICAjY29udGVudCB7XG4gICAgZmxleDogMTtcbiAgICB6LWluZGV4OiAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgdGFic0hlYWRlciA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IHN0aWNreUhlYWRlciB9OiB7IHN0aWNreUhlYWRlcj86IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIHBhZGRpbmc6IDAgMXJlbTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJhY2tncm91bmQ6ICR7dGFicy5oZWFkZXJCYWNrZ3JvdW5kfTtcbiAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgPyBcInN0aWNreVwiIDogXCJzdGF0aWNcIn07XG4gICAgdG9wOiAke3N0aWNreUhlYWRlciA/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICAke21xW1wic21cIl19IHtcbiAgICAgIHBhZGRpbmc6IDAgMnJlbTtcbiAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGFicy5oZWFkZXJCb3JkZXJ9O1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCB0YWJOYXZJdGVtID0gKFxuICB7IHRhYnMgfTogVGhlbWUsXG4gIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZm9udC13ZWlnaHQ6ICR7aXNBY3RpdmUgPyBcIjcwMFwiIDogXCI0MDBcIn07XG4gICAgbWFyZ2luOiAwIDFyZW0gMCAwO1xuICAgIHBhZGRpbmc6IDAuNnJlbTtcbiAgICBjb2xvcjogJHt0YWJzLmxpbmtOb3JtYWx9O1xuICAgIGJvcmRlci1ib3R0b206IDRweCBzb2xpZCAke2lzQWN0aXZlID8gdGFicy5saW5rQm9yZGVyIDogXCJ0cmFuc3BhcmVudFwifTtcbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:tabsHeader;")
   );
 };
 var tabNavItem = function tabNavItem(_ref3, _ref4) {
@@ -36,17 +36,9 @@ var tabNavItem = function tabNavItem(_ref3, _ref4) {
     /*#__PURE__*/
 
     /*#__PURE__*/
-    css("font-weight:", isActive ? "700" : "400", ";margin:0 1rem 0 0;padding:0.6rem;color:", tabs.linkNormal, ";border-bottom:4px solid ", isActive ? tabs.linkBorder : "transparent", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tabNavItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q1kiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleDogMTtcblxuICAjY29udGVudCB7XG4gICAgZmxleDogMTtcbiAgICB6LWluZGV4OiAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgdGFic0hlYWRlciA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IHN0aWNreUhlYWRlciB9OiB7IHN0aWNreUhlYWRlcj86IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIHBhZGRpbmc6IDAgMXJlbTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJhY2tncm91bmQ6ICR7dGFicy5oZWFkZXJCYWNrZ3JvdW5kfTtcbiAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgPyBcInN0aWNreVwiIDogXCJzdGF0aWNcIn07XG4gICAgdG9wOiAke3N0aWNreUhlYWRlciA/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICAke21xW1wic21cIl19IHtcbiAgICAgIHBhZGRpbmc6IDAgMnJlbTtcbiAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGFicy5oZWFkZXJCb3JkZXJ9O1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCB0YWJOYXZJdGVtID0gKFxuICB7IHRhYnMgfTogVGhlbWUsXG4gIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZm9udC13ZWlnaHQ6ICR7aXNBY3RpdmUgPyBcIjcwMFwiIDogXCI0MDBcIn07XG4gICAgbWFyZ2luOiAwIDFyZW0gMCAwO1xuICAgIHBhZGRpbmc6IDAuNnJlbTtcbiAgICBjb2xvcjogJHt0YWJzLmxpbmtOb3JtYWx9O1xuICAgIGJvcmRlci1ib3R0b206IDRweCBzb2xpZCAke2lzQWN0aXZlID8gdGFicy5saW5rQm9yZGVyIDogXCJ0cmFuc3BhcmVudFwifTtcbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCB0YWJzQ29udGVudCA9IChpc0FjdGl2ZTogYm9vbGVhbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6ICR7aXNBY3RpdmUgPyBcImJsb2NrXCIgOiBcIm5vbmVcIn07XG4gIG92ZXJmbG93LXk6IGF1dG87XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:tabNavItem;")
-  );
-};
-var tabsContent = function tabsContent(isActive) {
-  return (
-    /*#__PURE__*/
-
-    /*#__PURE__*/
-    css("height:100%;display:", isActive ? "block" : "none", ";overflow-y:auto;" + (process.env.NODE_ENV === "production" ? "" : ";label:tabsContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRHVFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIkB0aGVtZS91dGlscy9icmVha3BvaW50c1wiO1xuXG5leHBvcnQgY29uc3QgY29udGFpbmVyID0gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZsZXg6IDE7XG5cbiAgI2NvbnRlbnQge1xuICAgIGZsZXg6IDE7XG4gICAgei1pbmRleDogMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IHRhYnNIZWFkZXIgPSAoXG4gIHsgdGFicyB9OiBUaGVtZSxcbiAgeyBzdGlja3lIZWFkZXIgfTogeyBzdGlja3lIZWFkZXI/OiBib29sZWFuIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBwYWRkaW5nOiAwIDFyZW07XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBiYWNrZ3JvdW5kOiAke3RhYnMuaGVhZGVyQmFja2dyb3VuZH07XG4gICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyID8gXCJzdGlja3lcIiA6IFwic3RhdGljXCJ9O1xuICAgIHRvcDogJHtzdGlja3lIZWFkZXIgPyAwIDogXCJhdXRvXCJ9O1xuICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyID8gMSA6IDB9O1xuXG4gICAgJHttcVtcInNtXCJdfSB7XG4gICAgICBwYWRkaW5nOiAwIDJyZW07XG4gICAgICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RhYnMuaGVhZGVyQm9yZGVyfTtcbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgdGFiTmF2SXRlbSA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2lzQWN0aXZlID8gXCI3MDBcIiA6IFwiNDAwXCJ9O1xuICAgIG1hcmdpbjogMCAxcmVtIDAgMDtcbiAgICBwYWRkaW5nOiAwLjZyZW07XG4gICAgY29sb3I6ICR7dGFicy5saW5rTm9ybWFsfTtcbiAgICBib3JkZXItYm90dG9tOiA0cHggc29saWQgJHtpc0FjdGl2ZSA/IHRhYnMubGlua0JvcmRlciA6IFwidHJhbnNwYXJlbnRcIn07XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgdGFic0NvbnRlbnQgPSAoaXNBY3RpdmU6IGJvb2xlYW4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiAke2lzQWN0aXZlID8gXCJibG9ja1wiIDogXCJub25lXCJ9O1xuICBvdmVyZmxvdy15OiBhdXRvO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:tabsContent;")
+    css("font-weight:", isActive ? "700" : "400", ";margin:0 1rem 0 0;padding:0.6rem;color:", tabs.linkNormal, ";border-bottom:4px solid ", isActive ? tabs.linkBorder : "transparent", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tabNavItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q1kiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleDogMTtcblxuICAjY29udGVudCB7XG4gICAgZmxleDogMTtcbiAgICB6LWluZGV4OiAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgdGFic0hlYWRlciA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IHN0aWNreUhlYWRlciB9OiB7IHN0aWNreUhlYWRlcj86IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIHBhZGRpbmc6IDAgMXJlbTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJhY2tncm91bmQ6ICR7dGFicy5oZWFkZXJCYWNrZ3JvdW5kfTtcbiAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgPyBcInN0aWNreVwiIDogXCJzdGF0aWNcIn07XG4gICAgdG9wOiAke3N0aWNreUhlYWRlciA/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICAke21xW1wic21cIl19IHtcbiAgICAgIHBhZGRpbmc6IDAgMnJlbTtcbiAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGFicy5oZWFkZXJCb3JkZXJ9O1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCB0YWJOYXZJdGVtID0gKFxuICB7IHRhYnMgfTogVGhlbWUsXG4gIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZm9udC13ZWlnaHQ6ICR7aXNBY3RpdmUgPyBcIjcwMFwiIDogXCI0MDBcIn07XG4gICAgbWFyZ2luOiAwIDFyZW0gMCAwO1xuICAgIHBhZGRpbmc6IDAuNnJlbTtcbiAgICBjb2xvcjogJHt0YWJzLmxpbmtOb3JtYWx9O1xuICAgIGJvcmRlci1ib3R0b206IDRweCBzb2xpZCAke2lzQWN0aXZlID8gdGFicy5saW5rQm9yZGVyIDogXCJ0cmFuc3BhcmVudFwifTtcbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:tabNavItem;")
   );
 };
 
-export { container, tabNavItem, tabsContent, tabsHeader };
+export { container, tabNavItem, tabsHeader };
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Tabs/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const container = css`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n\n  #content {\n    flex: 1;\n    z-index: 0;\n  }\n`;\n\nexport const tabsHeader = (\n  { tabs }: Theme,\n  { stickyHeader }: { stickyHeader?: boolean },\n): SerializedStyles => {\n  return css`\n    display: flex;\n    flex-wrap: wrap;\n    padding: 0 1rem;\n    white-space: nowrap;\n    background: ${tabs.headerBackground};\n    position: ${stickyHeader ? \"sticky\" : \"static\"};\n    top: ${stickyHeader ? 0 : \"auto\"};\n    z-index: ${stickyHeader ? 1 : 0};\n\n    ${mq[\"sm\"]} {\n      padding: 0 2rem;\n      flex-wrap: nowrap;\n      border-bottom: 1px solid ${tabs.headerBorder};\n    }\n  `;\n};\n\nexport const tabNavItem = (\n  { tabs }: Theme,\n  { isActive }: { isActive: boolean },\n): SerializedStyles => {\n  return css`\n    font-weight: ${isActive ? \"700\" : \"400\"};\n    margin: 0 1rem 0 0;\n    padding: 0.6rem;\n    color: ${tabs.linkNormal};\n    border-bottom: 4px solid ${isActive ? tabs.linkBorder : \"transparent\"};\n  `;\n};\n\nexport const tabsContent = (isActive: boolean): SerializedStyles => css`\n  height: 100%;\n  display: ${isActive ? \"block\" : \"none\"};\n  overflow-y: auto;\n`;\n"],"names":["container","tabsHeader","tabs","stickyHeader","css","headerBackground","mq","headerBorder","tabNavItem","isActive","linkNormal","linkBorder","tabsContent"],"mappings":";;;;;;;;;;;;IAGaA,SAAS,GAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,IAAA,EAAA,QAAA;AAAA,EAAA,MAAA,EAAA,yFAAA;AAAA,CAAA,GAAA;AAAA,EAAA,IAAA,EAAA,kBAAA;AAAA,EAAA,MAAA,EAAA,0GAAA;AAAA,EAAA,GAAA,EAAA,y+DAAA;AAAA,EAAA,QAAA,EAAA,gCAAA;AAAA,EAAf;AAYMC,IAAAA,UAAU,GAAG,SAAbA,UAAa,CAGH,IAAA,EAAA,KAAA,EAAA;AAAA,EAFnBC,IAAAA,IAEmB,QAFnBA,IAEmB,CAAA;AAAA,EADnBC,IAAAA,YACmB,SADnBA,YACmB,CAAA;AACrB,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAAA,2EAAA,EAKgBF,IAAI,CAACG,gBALrB,EAAA,YAAA,EAMcF,YAAY,GAAG,QAAH,GAAc,QANxC,EAAA,OAAA,EAOSA,YAAY,GAAG,CAAH,GAAO,MAP5B,EAQaA,WAAAA,EAAAA,YAAY,GAAG,CAAH,GAAO,CARhC,EAAA,GAAA,EAUIG,EAAE,CAAC,IAAD,CAVN,EAa+BJ,2DAAAA,EAAAA,IAAI,CAACK,YAbpC,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,y+DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA;AAAA,IAAA;AAgBD,EApBM;AAsBMC,IAAAA,UAAU,GAAG,SAAbA,UAAa,CAGH,KAAA,EAAA,KAAA,EAAA;AAAA,EAFnBN,IAAAA,IAEmB,SAFnBA,IAEmB,CAAA;AAAA,EADnBO,IAAAA,QACmB,SADnBA,QACmB,CAAA;AACrB,EAAA;AAAA;;AAAA;AAAOL,IAAAA,GAAP,CACiBK,cAAAA,EAAAA,QAAQ,GAAG,KAAH,GAAW,KADpC,EAIWP,0CAAAA,EAAAA,IAAI,CAACQ,UAJhB,+BAK6BD,QAAQ,GAAGP,IAAI,CAACS,UAAR,GAAqB,aAL1D,EAAA,GAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,y+DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA;AAAA,IAAA;AAOD,EAXM;IAaMC,WAAW,GAAG,SAAdA,WAAc,CAACH,QAAD,EAAA;AAAA,EAAA;AAAA;;AAAA;AAAyCL,IAAAA,GAAzC,CAEdK,sBAAAA,EAAAA,QAAQ,GAAG,OAAH,GAAa,MAFP,EAAA,mBAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6+DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Tabs/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const container = css`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n\n  #content {\n    flex: 1;\n    z-index: 0;\n  }\n`;\n\nexport const tabsHeader = (\n  { tabs }: Theme,\n  { stickyHeader }: { stickyHeader?: boolean },\n): SerializedStyles => {\n  return css`\n    display: flex;\n    flex-wrap: wrap;\n    padding: 0 1rem;\n    white-space: nowrap;\n    background: ${tabs.headerBackground};\n    position: ${stickyHeader ? \"sticky\" : \"static\"};\n    top: ${stickyHeader ? 0 : \"auto\"};\n    z-index: ${stickyHeader ? 1 : 0};\n\n    ${mq[\"sm\"]} {\n      padding: 0 2rem;\n      flex-wrap: nowrap;\n      border-bottom: 1px solid ${tabs.headerBorder};\n    }\n  `;\n};\n\nexport const tabNavItem = (\n  { tabs }: Theme,\n  { isActive }: { isActive: boolean },\n): SerializedStyles => {\n  return css`\n    font-weight: ${isActive ? \"700\" : \"400\"};\n    margin: 0 1rem 0 0;\n    padding: 0.6rem;\n    color: ${tabs.linkNormal};\n    border-bottom: 4px solid ${isActive ? tabs.linkBorder : \"transparent\"};\n  `;\n};\n"],"names":["container","tabsHeader","tabs","stickyHeader","css","headerBackground","mq","headerBorder","tabNavItem","isActive","linkNormal","linkBorder"],"mappings":";;;;;;;;;;;;IAGaA,SAAS,GAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,IAAA,EAAA,QAAA;AAAA,EAAA,MAAA,EAAA,yFAAA;AAAA,CAAA,GAAA;AAAA,EAAA,IAAA,EAAA,kBAAA;AAAA,EAAA,MAAA,EAAA,0GAAA;AAAA,EAAA,GAAA,EAAA,6wDAAA;AAAA,EAAA,QAAA,EAAA,gCAAA;AAAA,EAAf;AAYMC,IAAAA,UAAU,GAAG,SAAbA,UAAa,CAGH,IAAA,EAAA,KAAA,EAAA;AAAA,EAFnBC,IAAAA,IAEmB,QAFnBA,IAEmB,CAAA;AAAA,EADnBC,IAAAA,YACmB,SADnBA,YACmB,CAAA;AACrB,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAAA,2EAAA,EAKgBF,IAAI,CAACG,gBALrB,EAAA,YAAA,EAMcF,YAAY,GAAG,QAAH,GAAc,QANxC,EAAA,OAAA,EAOSA,YAAY,GAAG,CAAH,GAAO,MAP5B,EAQaA,WAAAA,EAAAA,YAAY,GAAG,CAAH,GAAO,CARhC,EAAA,GAAA,EAUIG,EAAE,CAAC,IAAD,CAVN,EAa+BJ,2DAAAA,EAAAA,IAAI,CAACK,YAbpC,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6wDAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA;AAAA,IAAA;AAgBD,EApBM;AAsBMC,IAAAA,UAAU,GAAG,SAAbA,UAAa,CAGH,KAAA,EAAA,KAAA,EAAA;AAAA,EAFnBN,IAAAA,IAEmB,SAFnBA,IAEmB,CAAA;AAAA,EADnBO,IAAAA,QACmB,SADnBA,QACmB,CAAA;AACrB,EAAA;AAAA;;AAAA;AAAOL,IAAAA,GAAP,CACiBK,cAAAA,EAAAA,QAAQ,GAAG,KAAH,GAAW,KADpC,EAIWP,0CAAAA,EAAAA,IAAI,CAACQ,UAJhB,+BAK6BD,QAAQ,GAAGP,IAAI,CAACS,UAAR,GAAqB,aAL1D,EAAA,GAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6wDAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA;AAAA,IAAA;AAOD;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.7
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */