@epignosis_llc/gnosis 3.0.1 → 3.0.3

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -14,44 +14,36 @@ import SvgArrowLeft from '../../icons/arrow_left.svg.js';
 import Button from '../Button/Button.js';
 import TabsNavItem from './TabsNavItem.js';
 import TabsContent from './TabsContent.js';
-import { container, tabsHeader } from './styles.js';
+import { tabsHeader, container } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var _excluded = ["children", "stickyHeader", "selectedTab", "onChangeTab"];
-
 var TabPane = function TabPane() {
   return null;
 };
-
 var scrollToTab = function scrollToTab(tabIndex) {
   var _document$querySelect;
-
   var tabOffset = (_document$querySelect = document.querySelector("#tab-".concat(tabIndex))) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getBoundingClientRect().x;
   var tablist = document.getElementsByTagName("nav")[0];
   tabOffset && tablist.scrollTo(tabOffset > 0 ? tabOffset - 16 : 0, 0);
 };
-
 var Tabs = function Tabs(_ref) {
   var children = _ref.children,
-      _ref$stickyHeader = _ref.stickyHeader,
-      stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
-      _ref$selectedTab = _ref.selectedTab,
-      selectedTab = _ref$selectedTab === void 0 ? 0 : _ref$selectedTab,
-      onChangeTab = _ref.onChangeTab,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$stickyHeader = _ref.stickyHeader,
+    stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
+    _ref$selectedTab = _ref.selectedTab,
+    selectedTab = _ref$selectedTab === void 0 ? 0 : _ref$selectedTab,
+    onChangeTab = _ref.onChangeTab,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(selectedTab),
-      _useState2 = _slicedToArray(_useState, 2),
-      activeTab = _useState2[0],
-      setActiveTab = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    activeTab = _useState2[0],
+    setActiveTab = _useState2[1];
   var tabsNavEl = useRef(null);
-
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isOverflowActive = _useState4[0],
-      setIsOverflowActive = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOverflowActive = _useState4[0],
+    setIsOverflowActive = _useState4[1];
   var tabTitles = Children.map(children, function (child, i) {
     return {
       index: i,
@@ -65,18 +57,15 @@ var Tabs = function Tabs(_ref) {
       content: child.props.children
     };
   });
-
   var onSelectTab = function onSelectTab(index) {
     scrollToTab(index);
     setActiveTab(index);
     onChangeTab && onChangeTab(index);
   };
-
   var showLeftArrow = function showLeftArrow() {
     if (!isOverflowActive) return false;
     return activeTab > 0;
   };
-
   var handLeftArrowClick = function handLeftArrowClick() {
     if (activeTab > 0) {
       scrollToTab(activeTab - 1);
@@ -85,13 +74,11 @@ var Tabs = function Tabs(_ref) {
       });
     }
   };
-
   var showRightArrow = function showRightArrow() {
     if (!isOverflowActive) return false;
     if (!tabTitles) return false;
     return activeTab < tabTitles.length - 1;
   };
-
   var handRightArrowClick = function handRightArrowClick() {
     if (tabTitles && activeTab < tabTitles.length - 1) {
       scrollToTab(activeTab + 1);
@@ -100,35 +87,29 @@ var Tabs = function Tabs(_ref) {
       });
     }
   };
-
   useEffect(function () {
     if (tabTitles) {
       var newSelectedTab = selectedTab;
-
       if (selectedTab < 0) {
         newSelectedTab = 0;
       }
-
       if (selectedTab > tabTitles.length - 1) {
         newSelectedTab = tabTitles.length - 1;
       }
-
       setActiveTab(newSelectedTab);
     }
   }, [selectedTab]);
   useEffect(function () {
     toggleTabsArrow();
   }, [tabsNavEl]);
-
   var toggleTabsArrow = function toggleTabsArrow() {
     var el = tabsNavEl.current;
-
     if (el) {
       setIsOverflowActive(el.offsetWidth < el.scrollWidth);
     }
-  }; // add listener on window resize to toggle tabs arrow visibility
-
+  };
 
+  // add listener on window resize to toggle tabs arrow visibility
   useEffect(function () {
     window.addEventListener("resize", toggleTabsArrow);
     return function () {
@@ -157,7 +138,7 @@ var Tabs = function Tabs(_ref) {
     ref: tabsNavEl
   }, tabTitles === null || tabTitles === void 0 ? void 0 : tabTitles.map(function (_ref2) {
     var index = _ref2.index,
-        title = _ref2.title;
+      title = _ref2.title;
     return jsx(TabsNavItem, {
       key: index,
       index: index,
@@ -179,7 +160,7 @@ var Tabs = function Tabs(_ref) {
     role: "region"
   }, (tabPanes === null || tabPanes === void 0 ? void 0 : tabPanes.length) && tabPanes.map(function (_ref3) {
     var index = _ref3.index,
-        content = _ref3.content;
+      content = _ref3.content;
     return jsx(TabsContent, {
       key: index,
       index: index,
@@ -188,7 +169,6 @@ var Tabs = function Tabs(_ref) {
     });
   })));
 };
-
 Tabs.TabPane = TabPane;
 
 export { Tabs as default };

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, useEffect, useRef } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { ArrowLeftSVG, ArrowRightSVG } from \"../../icons/\";\nimport Button from \"../Button/Button\";\nimport TabsNavItem from \"./TabsNavItem\";\nimport TabsContent from \"./TabsContent\";\nimport { container, tabsHeader } from \"./styles\";\n\ntype TabsProps = React.HTMLAttributes<HTMLElement> & {\n  stickyHeader?: boolean;\n  selectedTab?: 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 scrollToTab = (tabIndex: number) => {\n  const tabOffset = document.querySelector(`#tab-${tabIndex}`)?.getBoundingClientRect().x;\n\n  const tablist = document.getElementsByTagName(\"nav\")[0];\n  tabOffset && tablist.scrollTo(tabOffset > 0 ? tabOffset - 16 : 0, 0);\n};\n\nconst Tabs: FC<TabsProps> & TabsCompoundProps = ({\n  children,\n  stickyHeader = false,\n  selectedTab = 0,\n  onChangeTab,\n  ...rest\n}) => {\n  const [activeTab, setActiveTab] = useState(selectedTab);\n  const tabsNavEl = useRef<HTMLElement>(null);\n  const [isOverflowActive, setIsOverflowActive] = useState(false);\n\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\n  const tabPanes = Children.map(children, (child, i) => ({\n    index: i,\n    content: (child as ReactElement).props.children,\n  }));\n\n  const onSelectTab = (index: number): void => {\n    scrollToTab(index);\n    setActiveTab(index);\n    onChangeTab && onChangeTab(index);\n  };\n\n  const showLeftArrow = () => {\n    if (!isOverflowActive) return false;\n    return activeTab > 0;\n  };\n\n  const handLeftArrowClick = () => {\n    if (activeTab > 0) {\n      scrollToTab(activeTab - 1);\n      setActiveTab((currentTab) => currentTab - 1);\n    }\n  };\n\n  const showRightArrow = () => {\n    if (!isOverflowActive) return false;\n    if (!tabTitles) return false;\n    return activeTab < tabTitles.length - 1;\n  };\n\n  const handRightArrowClick = () => {\n    if (tabTitles && activeTab < tabTitles.length - 1) {\n      scrollToTab(activeTab + 1);\n      setActiveTab((currentTab) => currentTab + 1);\n    }\n  };\n\n  useEffect(() => {\n    if (tabTitles) {\n      let newSelectedTab = selectedTab;\n\n      if (selectedTab < 0) {\n        newSelectedTab = 0;\n      }\n\n      if (selectedTab > tabTitles.length - 1) {\n        newSelectedTab = tabTitles.length - 1;\n      }\n\n      setActiveTab(newSelectedTab);\n    }\n  }, [selectedTab]);\n\n  useEffect(() => {\n    toggleTabsArrow();\n  }, [tabsNavEl]);\n\n  const toggleTabsArrow = () => {\n    const el = tabsNavEl.current;\n    if (el) {\n      setIsOverflowActive(el.offsetWidth < el.scrollWidth);\n    }\n  };\n\n  // add listener on window resize to toggle tabs arrow visibility\n  useEffect(() => {\n    window.addEventListener(\"resize\", toggleTabsArrow);\n\n    return () => {\n      window.removeEventListener(\"resize\", toggleTabsArrow);\n    };\n  }, []);\n\n  return (\n    <section css={container} {...rest}>\n      <div className=\"nav-wrapper\">\n        {showLeftArrow() && (\n          <Button\n            data-testid=\"left-arrow\"\n            variant=\"link\"\n            color=\"secondary\"\n            noGutters\n            onClick={handLeftArrowClick}\n          >\n            <ArrowLeftSVG height={22} />\n          </Button>\n        )}\n\n        <nav\n          css={(theme): SerializedStyles => tabsHeader(theme, { stickyHeader })}\n          role=\"tablist\"\n          ref={tabsNavEl}\n        >\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        </nav>\n\n        {showRightArrow() && (\n          <Button\n            data-testid=\"right-arrow\"\n            variant=\"link\"\n            color=\"secondary\"\n            noGutters\n            onClick={handRightArrowClick}\n          >\n            <ArrowRightSVG height={22} />\n          </Button>\n        )}\n      </div>\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","scrollToTab","tabIndex","tabOffset","document","querySelector","getBoundingClientRect","x","tablist","getElementsByTagName","scrollTo","Tabs","children","stickyHeader","selectedTab","onChangeTab","rest","useState","activeTab","setActiveTab","tabsNavEl","useRef","isOverflowActive","setIsOverflowActive","tabTitles","Children","map","child","i","index","title","props","fallbackTitle","tabPanes","content","onSelectTab","showLeftArrow","handLeftArrowClick","currentTab","showRightArrow","length","handRightArrowClick","useEffect","newSelectedTab","toggleTabsArrow","el","current","offsetWidth","scrollWidth","window","addEventListener","removeEventListener","___EmotionJSX","container","ArrowLeftSVG","theme","tabsHeader","ArrowRightSVG"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { FC, useState, ReactElement, Children, useEffect, useRef } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { ArrowLeftSVG, ArrowRightSVG } from \"../../icons/\";\nimport Button from \"../Button/Button\";\nimport TabsNavItem from \"./TabsNavItem\";\nimport TabsContent from \"./TabsContent\";\nimport { container, tabsHeader } from \"./styles\";\n\ntype TabsProps = React.HTMLAttributes<HTMLElement> & {\n  stickyHeader?: boolean;\n  selectedTab?: 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 scrollToTab = (tabIndex: number) => {\n  const tabOffset = document.querySelector(`#tab-${tabIndex}`)?.getBoundingClientRect().x;\n\n  const tablist = document.getElementsByTagName(\"nav\")[0];\n  tabOffset && tablist.scrollTo(tabOffset > 0 ? tabOffset - 16 : 0, 0);\n};\n\nconst Tabs: FC<TabsProps> & TabsCompoundProps = ({\n  children,\n  stickyHeader = false,\n  selectedTab = 0,\n  onChangeTab,\n  ...rest\n}) => {\n  const [activeTab, setActiveTab] = useState(selectedTab);\n  const tabsNavEl = useRef<HTMLElement>(null);\n  const [isOverflowActive, setIsOverflowActive] = useState(false);\n\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\n  const tabPanes = Children.map(children, (child, i) => ({\n    index: i,\n    content: (child as ReactElement).props.children,\n  }));\n\n  const onSelectTab = (index: number): void => {\n    scrollToTab(index);\n    setActiveTab(index);\n    onChangeTab && onChangeTab(index);\n  };\n\n  const showLeftArrow = () => {\n    if (!isOverflowActive) return false;\n    return activeTab > 0;\n  };\n\n  const handLeftArrowClick = () => {\n    if (activeTab > 0) {\n      scrollToTab(activeTab - 1);\n      setActiveTab((currentTab) => currentTab - 1);\n    }\n  };\n\n  const showRightArrow = () => {\n    if (!isOverflowActive) return false;\n    if (!tabTitles) return false;\n    return activeTab < tabTitles.length - 1;\n  };\n\n  const handRightArrowClick = () => {\n    if (tabTitles && activeTab < tabTitles.length - 1) {\n      scrollToTab(activeTab + 1);\n      setActiveTab((currentTab) => currentTab + 1);\n    }\n  };\n\n  useEffect(() => {\n    if (tabTitles) {\n      let newSelectedTab = selectedTab;\n\n      if (selectedTab < 0) {\n        newSelectedTab = 0;\n      }\n\n      if (selectedTab > tabTitles.length - 1) {\n        newSelectedTab = tabTitles.length - 1;\n      }\n\n      setActiveTab(newSelectedTab);\n    }\n  }, [selectedTab]);\n\n  useEffect(() => {\n    toggleTabsArrow();\n  }, [tabsNavEl]);\n\n  const toggleTabsArrow = () => {\n    const el = tabsNavEl.current;\n    if (el) {\n      setIsOverflowActive(el.offsetWidth < el.scrollWidth);\n    }\n  };\n\n  // add listener on window resize to toggle tabs arrow visibility\n  useEffect(() => {\n    window.addEventListener(\"resize\", toggleTabsArrow);\n\n    return () => {\n      window.removeEventListener(\"resize\", toggleTabsArrow);\n    };\n  }, []);\n\n  return (\n    <section css={container} {...rest}>\n      <div className=\"nav-wrapper\">\n        {showLeftArrow() && (\n          <Button\n            data-testid=\"left-arrow\"\n            variant=\"link\"\n            color=\"secondary\"\n            noGutters\n            onClick={handLeftArrowClick}\n          >\n            <ArrowLeftSVG height={22} />\n          </Button>\n        )}\n\n        <nav\n          css={(theme): SerializedStyles => tabsHeader(theme, { stickyHeader })}\n          role=\"tablist\"\n          ref={tabsNavEl}\n        >\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        </nav>\n\n        {showRightArrow() && (\n          <Button\n            data-testid=\"right-arrow\"\n            variant=\"link\"\n            color=\"secondary\"\n            noGutters\n            onClick={handRightArrowClick}\n          >\n            <ArrowRightSVG height={22} />\n          </Button>\n        )}\n      </div>\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","scrollToTab","tabIndex","tabOffset","document","querySelector","getBoundingClientRect","x","tablist","getElementsByTagName","scrollTo","Tabs","children","stickyHeader","selectedTab","onChangeTab","rest","useState","activeTab","setActiveTab","tabsNavEl","useRef","isOverflowActive","setIsOverflowActive","tabTitles","Children","map","child","i","index","title","props","fallbackTitle","tabPanes","content","onSelectTab","showLeftArrow","handLeftArrowClick","currentTab","showRightArrow","length","handRightArrowClick","useEffect","newSelectedTab","toggleTabsArrow","el","current","offsetWidth","scrollWidth","window","addEventListener","removeEventListener","___EmotionJSX","container","ArrowLeftSVG","theme","tabsHeader","ArrowRightSVG"],"mappings":"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"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -11,9 +11,9 @@ import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/
 
 var TabsContent = function TabsContent(_ref) {
   var index = _ref.index,
-      content = _ref.content,
-      isVisible = _ref.isVisible,
-      style = _ref.style;
+    content = _ref.content,
+    isVisible = _ref.isVisible,
+    style = _ref.style;
   return isVisible ? jsx("article", {
     id: "content-".concat(index),
     role: "tabpanel",

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\";\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;;;;"}
+{"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,WAAiC,CAA6C,IAAA,EAAA;EAAA,IAAvCC,KAAK,QAALA,KAAK;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,SAAS,QAATA,SAAS;AAAEC,IAAAA,KAAK,QAALA,KAAK,CAAA;AAC3E,EAAA,OAAOD,SAAS,GACdE,GAAA,CAAA,SAAA,EAAA;IAAS,EAAE,EAAA,UAAA,CAAA,MAAA,CAAaJ,KAAK,CAAG;AAAC,IAAA,IAAI,EAAC,UAAU;AAAC,IAAA,KAAK,EAAEG,KAAAA;GACrDF,EAAAA,OAAO,CACA,GACR,IAAI,CAAA;AACV;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -13,19 +13,17 @@ import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/
 
 var TabsNavItem = function TabsNavItem(_ref) {
   var index = _ref.index,
-      title = _ref.title,
-      isActive = _ref.isActive,
-      onSelectTab = _ref.onSelectTab;
+    title = _ref.title,
+    isActive = _ref.isActive,
+    onSelectTab = _ref.onSelectTab;
   var HtmlClasses = classNames({
     "tab-link": true,
     selected: isActive
   });
-
   var onClick = function onClick(e) {
     e.preventDefault();
     onSelectTab(index);
   };
-
   return jsx("a", {
     css: function css(theme) {
       return tabNavItem(theme, {

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 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;;;;"}
+{"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,WAAiC,CAAgD,IAAA,EAAA;EAAA,IAA1CC,KAAK,QAALA,KAAK;AAAEC,IAAAA,KAAK,QAALA,KAAK;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,WAAW,QAAXA,WAAW,CAAA;EAC9E,IAAMC,WAAW,GAAGC,UAAU,CAAC;AAC7B,IAAA,UAAU,EAAE,IAAI;AAChBC,IAAAA,QAAQ,EAAEJ,QAAAA;AACZ,GAAC,CAAC,CAAA;AACF,EAAA,IAAMK,OAAO,GAAG,SAAVA,OAAO,CAAIC,CAAa,EAAW;IACvCA,CAAC,CAACC,cAAc,EAAE,CAAA;IAClBN,WAAW,CAACH,KAAK,CAAC,CAAA;GACnB,CAAA;EAED,OACEU,GAAA,CAAA,GAAA,EAAA;IACE,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAuBC,UAAU,CAACD,KAAK,EAAE;AAAET,QAAAA,QAAQ,EAARA,QAAAA;AAAS,OAAC,CAAC,CAAA;KAAC;IAClE,IAAI,EAAA,OAAA,CAAA,MAAA,CAAUF,KAAK,CAAG;IACtB,EAAE,EAAA,MAAA,CAAA,MAAA,CAASA,KAAK,CAAG;AACnB,IAAA,eAAA,EAAA,UAAA,CAAA,MAAA,CAA0BA,KAAK,CAAG;AAClC,IAAA,IAAI,EAAC,KAAK;AACV,IAAA,SAAS,EAAEI,WAAY;AACvB,IAAA,OAAO,EAAEG,OAAAA;AAAQ,GAAA,EAEhBN,KAAK,CACJ,CAAA;AAER;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -24,18 +24,16 @@ var tabsHeader = function tabsHeader(_ref, _ref2) {
   var stickyHeader = _ref2.stickyHeader;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("display:flex;flex-wrap:nowrap;padding:0;white-space:nowrap;background:", tabs.headerBackground, ";position:", stickyHeader ? "sticky" : "static", ";top:", stickyHeader ? 0 : "auto", ";z-index:", stickyHeader ? 1 : 0, ";width:100%;overflow-x:auto;", mq["sm"], "{border-bottom:1px solid ", tabs.headerBorder, ";}&::-webkit-scrollbar{display:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tabsHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleDogMTtcblxuICAjY29udGVudCB7XG4gICAgZmxleDogMTtcbiAgICB6LWluZGV4OiAwO1xuICB9XG5cbiAgLm5hdi13cmFwcGVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgdGFic0hlYWRlciA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IHN0aWNreUhlYWRlciB9OiB7IHN0aWNreUhlYWRlcj86IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiBub3dyYXA7XG4gICAgcGFkZGluZzogMDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJhY2tncm91bmQ6ICR7dGFicy5oZWFkZXJCYWNrZ3JvdW5kfTtcbiAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgPyBcInN0aWNreVwiIDogXCJzdGF0aWNcIn07XG4gICAgdG9wOiAke3N0aWNreUhlYWRlciA/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuXG4gICAgJHttcVtcInNtXCJdfSB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0YWJzLmhlYWRlckJvcmRlcn07XG4gICAgfVxuXG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgdGFiTmF2SXRlbSA9IChcbiAgeyB0YWJzLCBib2R5IH06IFRoZW1lLFxuICB7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2lzQWN0aXZlID8gXCI3MDBcIiA6IFwiNDAwXCJ9O1xuICAgIG1hcmdpbjogMCAxcmVtIDAgMDtcbiAgICBwYWRkaW5nOiAwLjZyZW07XG4gICAgY29sb3I6ICR7Ym9keS5jb2xvcn07XG4gICAgYm9yZGVyLWJvdHRvbTogNHB4IHNvbGlkICR7aXNBY3RpdmUgPyB0YWJzLmxpbmtCb3JkZXIgOiBcInRyYW5zcGFyZW50XCJ9O1xuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:tabsHeader;")
   );
 };
 var tabNavItem = function tabNavItem(_ref3, _ref4) {
   var tabs = _ref3.tabs,
-      body = _ref3.body;
+    body = _ref3.body;
   var isActive = _ref4.isActive;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("font-weight:", isActive ? "700" : "400", ";margin:0 1rem 0 0;padding:0.6rem;color:", body.color, ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleDogMTtcblxuICAjY29udGVudCB7XG4gICAgZmxleDogMTtcbiAgICB6LWluZGV4OiAwO1xuICB9XG5cbiAgLm5hdi13cmFwcGVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgdGFic0hlYWRlciA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IHN0aWNreUhlYWRlciB9OiB7IHN0aWNreUhlYWRlcj86IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiBub3dyYXA7XG4gICAgcGFkZGluZzogMDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJhY2tncm91bmQ6ICR7dGFicy5oZWFkZXJCYWNrZ3JvdW5kfTtcbiAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgPyBcInN0aWNreVwiIDogXCJzdGF0aWNcIn07XG4gICAgdG9wOiAke3N0aWNreUhlYWRlciA/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuXG4gICAgJHttcVtcInNtXCJdfSB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0YWJzLmhlYWRlckJvcmRlcn07XG4gICAgfVxuXG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgdGFiTmF2SXRlbSA9IChcbiAgeyB0YWJzLCBib2R5IH06IFRoZW1lLFxuICB7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2lzQWN0aXZlID8gXCI3MDBcIiA6IFwiNDAwXCJ9O1xuICAgIG1hcmdpbjogMCAxcmVtIDAgMDtcbiAgICBwYWRkaW5nOiAwLjZyZW07XG4gICAgY29sb3I6ICR7Ym9keS5jb2xvcn07XG4gICAgYm9yZGVyLWJvdHRvbTogNHB4IHNvbGlkICR7aXNBY3RpdmUgPyB0YWJzLmxpbmtCb3JkZXIgOiBcInRyYW5zcGFyZW50XCJ9O1xuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:tabNavItem;")
   );

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  .nav-wrapper {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n`;\n\nexport const tabsHeader = (\n  { tabs }: Theme,\n  { stickyHeader }: { stickyHeader?: boolean },\n): SerializedStyles => {\n  return css`\n    display: flex;\n    flex-wrap: nowrap;\n    padding: 0;\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    width: 100%;\n    overflow-x: auto;\n\n    ${mq[\"sm\"]} {\n      border-bottom: 1px solid ${tabs.headerBorder};\n    }\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  `;\n};\n\nexport const tabNavItem = (\n  { tabs, body }: 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: ${body.color};\n    border-bottom: 4px solid ${isActive ? tabs.linkBorder : \"transparent\"};\n  `;\n};\n"],"names":["container","tabsHeader","tabs","stickyHeader","css","headerBackground","mq","headerBorder","tabNavItem","body","isActive","color","linkBorder"],"mappings":";;;;;;;;;;;;IAGaA,SAAS,GAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,IAAA,EAAA,SAAA;AAAA,EAAA,MAAA,EAAA,qKAAA;AAAA,CAAA,GAAA;AAAA,EAAA,IAAA,EAAA,kBAAA;AAAA,EAAA,MAAA,EAAA,sLAAA;AAAA,EAAA,GAAA,EAAA,i+DAAA;AAAA,EAAA,QAAA,EAAA,gCAAA;AAAA,EAAf;AAkBMC,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,wEAAA,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,8BAAA,EAaIG,EAAE,CAAC,IAAD,CAbN,EAc+BJ,2BAAAA,EAAAA,IAAI,CAACK,YAdpC,EAAA,uCAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,i+DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA;AAAA,IAAA;AAqBD,EAzBM;AA2BMC,IAAAA,UAAU,GAAG,SAAbA,UAAa,CAGH,KAAA,EAAA,KAAA,EAAA;AAAA,EAFnBN,IAAAA,IAEmB,SAFnBA,IAEmB;AAAA,MAFbO,IAEa,SAFbA,IAEa,CAAA;AAAA,EADnBC,IAAAA,QACmB,SADnBA,QACmB,CAAA;AACrB,EAAA;AAAA;;AAAA;AAAON,IAAAA,GAAP,CACiBM,cAAAA,EAAAA,QAAQ,GAAG,KAAH,GAAW,KADpC,EAIWD,0CAAAA,EAAAA,IAAI,CAACE,KAJhB,+BAK6BD,QAAQ,GAAGR,IAAI,CAACU,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,i+DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA;AAAA,IAAA;AAOD;;;;"}
+{"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  .nav-wrapper {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n`;\n\nexport const tabsHeader = (\n  { tabs }: Theme,\n  { stickyHeader }: { stickyHeader?: boolean },\n): SerializedStyles => {\n  return css`\n    display: flex;\n    flex-wrap: nowrap;\n    padding: 0;\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    width: 100%;\n    overflow-x: auto;\n\n    ${mq[\"sm\"]} {\n      border-bottom: 1px solid ${tabs.headerBorder};\n    }\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  `;\n};\n\nexport const tabNavItem = (\n  { tabs, body }: 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: ${body.color};\n    border-bottom: 4px solid ${isActive ? tabs.linkBorder : \"transparent\"};\n  `;\n};\n"],"names":["container","tabsHeader","tabs","stickyHeader","css","headerBackground","mq","headerBorder","tabNavItem","body","isActive","color","linkBorder"],"mappings":";;;;;;;;;;;;IAGaA,SAAS,GAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,IAAA,EAAA,SAAA;AAAA,EAAA,MAAA,EAAA,qKAAA;AAAA,CAAA,GAAA;AAAA,EAAA,IAAA,EAAA,kBAAA;AAAA,EAAA,MAAA,EAAA,sLAAA;AAAA,EAAA,GAAA,EAAA,i+DAAA;AAAA,EAAA,QAAA,EAAA,gCAAA;AAAA,EAgBrB;AAEYC,IAAAA,UAAU,GAAG,SAAbA,UAAU,CAGA,IAAA,EAAA,KAAA,EAAA;EAAA,IAFnBC,IAAI,QAAJA,IAAI,CAAA;EAAA,IACJC,YAAY,SAAZA,YAAY,CAAA;AAEd,EAAA;AAAA;AAAA;AAAOC,IAAAA,GAAG,CAKMF,wEAAAA,EAAAA,IAAI,CAACG,gBAAgB,EACvBF,YAAAA,EAAAA,YAAY,GAAG,QAAQ,GAAG,QAAQ,EACvCA,OAAAA,EAAAA,YAAY,GAAG,CAAC,GAAG,MAAM,EAAA,WAAA,EACrBA,YAAY,GAAG,CAAC,GAAG,CAAC,EAAA,8BAAA,EAK7BG,EAAE,CAAC,IAAI,CAAC,EACmBJ,2BAAAA,EAAAA,IAAI,CAACK,YAAY,EAAA,uCAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,i+DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA;AAAA,IAAA;AAOlD,EAAC;AAEYC,IAAAA,UAAU,GAAG,SAAbA,UAAU,CAGA,KAAA,EAAA,KAAA,EAAA;EAAA,IAFnBN,IAAI,SAAJA,IAAI;AAAEO,IAAAA,IAAI,SAAJA,IAAI,CAAA;EAAA,IACVC,QAAQ,SAARA,QAAQ,CAAA;AAEV,EAAA;AAAA;AAAA;AAAON,IAAAA,GAAG,iBACOM,QAAQ,GAAG,KAAK,GAAG,KAAK,EAG9BD,0CAAAA,EAAAA,IAAI,CAACE,KAAK,+BACQD,QAAQ,GAAGR,IAAI,CAACU,UAAU,GAAG,aAAa,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,i+DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA;AAAA,IAAA;AAEzE;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -12,16 +12,14 @@ import { tag } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var _excluded = ["children", "style"];
-
 var Tag = function Tag(_ref) {
   var children = _ref.children,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {
-    backgroundColor: "#a3dfe3",
-    color: "#5c5c5c"
-  } : _ref$style,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {
+      backgroundColor: "#a3dfe3",
+      color: "#5c5c5c"
+    } : _ref$style,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return jsx("span", _extends({
     css: tag,
     style: style

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { tag } from \"./styles\";\n\nexport type TagProps = React.HTMLAttributes<HTMLSpanElement>;\n\nconst Tag: FC<TagProps> = ({\n  children,\n  style = { backgroundColor: \"#a3dfe3\", color: \"#5c5c5c\" },\n  ...rest\n}) => (\n  <span css={tag} style={style} {...rest}>\n    {children}\n  </span>\n);\n\nexport default Tag;\n"],"names":["Tag","children","style","backgroundColor","color","rest","___EmotionJSX","tag"],"mappings":";;;;;;;;;;;;;;;AAKMA,IAAAA,GAAiB,GAAG,SAApBA,GAAoB,CAAA,IAAA,EAAA;AAAA,EACxBC,IAAAA,QADwB,QACxBA,QADwB;AAAA,MAAA,UAAA,GAAA,IAAA,CAExBC,KAFwB;AAAA,MAExBA,KAFwB,GAEhB,UAAA,KAAA,KAAA,CAAA,GAAA;AAAEC,IAAAA,eAAe,EAAE,SAAnB;AAA8BC,IAAAA,KAAK,EAAE,SAAA;AAArC,GAFgB,GAAA,UAAA;AAAA,MAGrBC,IAHqB,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAAA,EAKxB,OAAAC,GAAA,CAAA,MAAA,EAAA,QAAA,CAAA;AAAM,IAAA,GAAG,EAAEC,GAAX;AAAgB,IAAA,KAAK,EAAEL,KAAAA;AAAvB,GAAkCG,EAAAA,IAAlC,CACGJ,EAAAA,QADH,CALwB,CAAA;AAAA;;;;"}
+{"version":3,"file":"Tag.js","sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { tag } from \"./styles\";\n\nexport type TagProps = React.HTMLAttributes<HTMLSpanElement>;\n\nconst Tag: FC<TagProps> = ({\n  children,\n  style = { backgroundColor: \"#a3dfe3\", color: \"#5c5c5c\" },\n  ...rest\n}) => (\n  <span css={tag} style={style} {...rest}>\n    {children}\n  </span>\n);\n\nexport default Tag;\n"],"names":["Tag","children","style","backgroundColor","color","rest","___EmotionJSX","tag"],"mappings":";;;;;;;;;;;;;;AAKMA,IAAAA,GAAiB,GAAG,SAApBA,GAAiB,CAAA,IAAA,EAAA;EAAA,IACrBC,QAAQ,QAARA,QAAQ;AAAA,IAAA,UAAA,GAAA,IAAA,CACRC,KAAK;AAALA,IAAAA,KAAK,GAAG,UAAA,KAAA,KAAA,CAAA,GAAA;AAAEC,MAAAA,eAAe,EAAE,SAAS;AAAEC,MAAAA,KAAK,EAAE,SAAA;KAAW,GAAA,UAAA;IACrDC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAAA,OAEPC,GAAA,CAAA,MAAA,EAAA,QAAA,CAAA;AAAM,IAAA,GAAG,EAAEC,GAAI;AAAC,IAAA,KAAK,EAAEL,KAAAA;GAAWG,EAAAA,IAAI,CACnCJ,EAAAA,QAAQ,CACJ,CAAA;AAAA;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -12,7 +12,6 @@ var tag = function tag(_ref) {
   var typeScaleSizes = _ref.typeScaleSizes;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("display:inline-flex;align-items:center;font-size:", typeScaleSizes.xs, ";padding:0.4rem 0.75rem;" + (process.env.NODE_ENV === "production" ? "" : ";label:tag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUUiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgdGFnID0gKHsgdHlwZVNjYWxlU2l6ZXMgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogJHt0eXBlU2NhbGVTaXplcy54c307XG4gIHBhZGRpbmc6IDAuNHJlbSAwLjc1cmVtO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:tag;")
   );

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Tag/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\n\nexport const tag = ({ typeScaleSizes }: Theme): SerializedStyles => css`\n  display: inline-flex;\n  align-items: center;\n  font-size: ${typeScaleSizes.xs};\n  padding: 0.4rem 0.75rem;\n`;\n"],"names":["tag","typeScaleSizes","css","xs"],"mappings":";;;;;;;;;;AAEaA,IAAAA,GAAG,GAAG,SAANA,GAAM,CAAA,IAAA,EAAA;AAAA,EAAGC,IAAAA,cAAH,QAAGA,cAAH,CAAA;AAAA,EAAA;AAAA;;AAAA;AAAiDC,IAAAA,GAAjD,CAAA,mDAAA,EAGJD,cAAc,CAACE,EAHX,EAAA,0BAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,aAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ijBAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,aAAA,CAAA;AAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Tag/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\n\nexport const tag = ({ typeScaleSizes }: Theme): SerializedStyles => css`\n  display: inline-flex;\n  align-items: center;\n  font-size: ${typeScaleSizes.xs};\n  padding: 0.4rem 0.75rem;\n`;\n"],"names":["tag","typeScaleSizes","css","xs"],"mappings":";;;;;;;;;;AAEaA,IAAAA,GAAG,GAAG,SAANA,GAAG,CAAA,IAAA,EAAA;EAAA,IAAMC,cAAc,QAAdA,cAAc,CAAA;AAAA,EAAA;AAAA;AAAA;IAAgCC,GAAG,CAAA,mDAAA,EAGxDD,cAAc,CAACE,EAAE,EAAA,0BAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,aAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ijBAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,aAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -12,16 +12,14 @@ import { textContainer } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var _excluded = ["children", "weight", "fontSize", "as"];
-
 var Text = function Text(_ref) {
   var children = _ref.children,
-      _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? "400" : _ref$weight,
-      fontSize = _ref.fontSize,
-      _ref$as = _ref.as,
-      as = _ref$as === void 0 ? "span" : _ref$as,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? "400" : _ref$weight,
+    fontSize = _ref.fontSize,
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? "span" : _ref$as,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var Tag = as;
   return jsx(Tag, _extends({
     "data-testid": "text-component",

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { textContainer } from \"./styles\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type TextWeight = \"400\" | \"700\";\n\ntype BaseProps =\n  | ({ as?: \"div\" } & React.HTMLAttributes<HTMLDivElement>)\n  | ({ as?: \"span\" } & React.HTMLAttributes<HTMLSpanElement>)\n  | ({ as?: \"p\" } & React.HTMLAttributes<HTMLParagraphElement>);\n\nexport type TextProps = BaseProps & {\n  fontSize: TypographyLevels;\n  weight?: TextWeight;\n};\n\nconst Text: FC<TextProps> = ({ children, weight = \"400\", fontSize, as = \"span\", ...rest }) => {\n  const Tag = as;\n\n  return (\n    <Tag\n      data-testid=\"text-component\"\n      css={(theme) => textContainer(theme, weight, fontSize)}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nexport default Text;\n"],"names":["Text","children","weight","fontSize","as","rest","Tag","___EmotionJSX","theme","textContainer"],"mappings":";;;;;;;;;;;;;;;AAgBA,IAAMA,IAAmB,GAAG,SAAtBA,IAAsB,CAAkE,IAAA,EAAA;AAAA,EAA/DC,IAAAA,QAA+D,QAA/DA,QAA+D;AAAA,MAAA,WAAA,GAAA,IAAA,CAArDC,MAAqD;AAAA,MAArDA,MAAqD,4BAA5C,KAA4C,GAAA,WAAA;AAAA,MAArCC,QAAqC,QAArCA,QAAqC;AAAA,MAAA,OAAA,GAAA,IAAA,CAA3BC,EAA2B;AAAA,MAA3BA,EAA2B,wBAAtB,MAAsB,GAAA,OAAA;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC5F,EAAMC,IAAAA,GAAG,GAAGF,EAAZ,CAAA;AAEA,EAAA,OACEG,IAAC,GAAD,EAAA,QAAA,CAAA;AACE,IAAA,aAAA,EAAY,gBADd;AAEE,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAAA,OAAWC,aAAa,CAACD,KAAD,EAAQN,MAAR,EAAgBC,QAAhB,CAAxB,CAAA;AAAA,KAAA;AAFP,GAGME,EAAAA,IAHN,CAKGJ,EAAAA,QALH,CADF,CAAA;AASD;;;;"}
+{"version":3,"file":"Text.js","sources":["../../../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { textContainer } from \"./styles\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type TextWeight = \"400\" | \"700\";\n\ntype BaseProps =\n  | ({ as?: \"div\" } & React.HTMLAttributes<HTMLDivElement>)\n  | ({ as?: \"span\" } & React.HTMLAttributes<HTMLSpanElement>)\n  | ({ as?: \"p\" } & React.HTMLAttributes<HTMLParagraphElement>);\n\nexport type TextProps = BaseProps & {\n  fontSize: TypographyLevels;\n  weight?: TextWeight;\n};\n\nconst Text: FC<TextProps> = ({ children, weight = \"400\", fontSize, as = \"span\", ...rest }) => {\n  const Tag = as;\n\n  return (\n    <Tag\n      data-testid=\"text-component\"\n      css={(theme) => textContainer(theme, weight, fontSize)}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nexport default Text;\n"],"names":["Text","children","weight","fontSize","as","rest","Tag","___EmotionJSX","theme","textContainer"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAMA,IAAmB,GAAG,SAAtBA,IAAmB,CAAqE,IAAA,EAAA;EAAA,IAA/DC,QAAQ,QAARA,QAAQ;AAAA,IAAA,WAAA,GAAA,IAAA,CAAEC,MAAM;AAANA,IAAAA,MAAM,4BAAG,KAAK,GAAA,WAAA;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;AAAA,IAAA,OAAA,GAAA,IAAA,CAAEC,EAAE;AAAFA,IAAAA,EAAE,wBAAG,MAAM,GAAA,OAAA;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EACrF,IAAMC,GAAG,GAAGF,EAAE,CAAA;AAEd,EAAA,OACEG,IAAC,GAAG,EAAA,QAAA,CAAA;AACF,IAAA,aAAA,EAAY,gBAAgB;IAC5B,GAAG,EAAE,aAACC,KAAK,EAAA;AAAA,MAAA,OAAKC,aAAa,CAACD,KAAK,EAAEN,MAAM,EAAEC,QAAQ,CAAC,CAAA;AAAA,KAAA;GAClDE,EAAAA,IAAI,CAEPJ,EAAAA,QAAQ,CACL,CAAA;AAEV;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -12,7 +12,6 @@ var textContainer = function textContainer(_ref, weight, size) {
   var typeScaleSizes = _ref.typeScaleSizes;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("font-size:", typeScaleSizes[size], ";font-weight:", weight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:textContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgVGV4dFdlaWdodCB9IGZyb20gXCIuL1RleHRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlMZXZlbHMgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL3R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IHRleHRDb250YWluZXIgPSAoXG4gIHsgdHlwZVNjYWxlU2l6ZXMgfTogVGhlbWUsXG4gIHdlaWdodDogVGV4dFdlaWdodCxcbiAgc2l6ZTogVHlwb2dyYXBoeUxldmVscyxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmb250LXNpemU6ICR7dHlwZVNjYWxlU2l6ZXNbc2l6ZV19O1xuICBmb250LXdlaWdodDogJHt3ZWlnaHR9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:textContainer;")
   );

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Text/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { TextWeight } from \"./Text\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport const textContainer = (\n  { typeScaleSizes }: Theme,\n  weight: TextWeight,\n  size: TypographyLevels,\n): SerializedStyles => css`\n  font-size: ${typeScaleSizes[size]};\n  font-weight: ${weight};\n`;\n"],"names":["textContainer","weight","size","typeScaleSizes","css"],"mappings":";;;;;;;;;;AAIO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAE3BC,IAAAA,EAAAA,MAF2B,EAG3BC,IAH2B,EAAA;AAAA,EACzBC,IAAAA,cADyB,QACzBA,cADyB,CAAA;AAAA,EAAA;AAAA;;AAAA;AAINC,IAAAA,GAJM,CAKdD,YAAAA,EAAAA,cAAc,CAACD,IAAD,CALA,mBAMZD,MANY,EAAA,GAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,uBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qtBAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,uBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Text/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { TextWeight } from \"./Text\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport const textContainer = (\n  { typeScaleSizes }: Theme,\n  weight: TextWeight,\n  size: TypographyLevels,\n): SerializedStyles => css`\n  font-size: ${typeScaleSizes[size]};\n  font-weight: ${weight};\n`;\n"],"names":["textContainer","weight","size","typeScaleSizes","css"],"mappings":";;;;;;;;;;AAIO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAExBC,IAAAA,EAAAA,MAAkB,EAClBC,IAAsB,EAAA;EAAA,IAFpBC,cAAc,QAAdA,cAAc,CAAA;AAAA,EAAA;AAAA;AAAA;AAGKC,IAAAA,GAAG,eACXD,cAAc,CAACD,IAAI,CAAC,mBAClBD,MAAM,EAAA,GAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,uBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qtBAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,uBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -13,16 +13,16 @@ import defaultTheme from '../../theme/default/defaultTheme.js';
 import defaultGlobals from '../../theme/utils/global.js';
 import { generateTypeScaleSizes, DEFAULT_TYPESCALE_CONFIG } from '../../theme/utils/typography.js';
 import '../../../node_modules/modern-normalize/modern-normalize.css.js';
-import { b as ThemeProvider$1 } from '../../../node_modules/@emotion/react/dist/emotion-element-cbed451f.browser.esm.js';
+import { a as ThemeProvider$1 } from '../../../node_modules/@emotion/react/dist/emotion-element-6a883da9.browser.esm.js';
 
 var ThemeProvider = function ThemeProvider(_ref) {
   var _ref$typeScaleConfig = _ref.typeScaleConfig,
-      typeScaleConfig = _ref$typeScaleConfig === void 0 ? {} : _ref$typeScaleConfig,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? {} : _ref$theme,
-      _ref$globalStyles = _ref.globalStyles,
-      globalStyles = _ref$globalStyles === void 0 ? {} : _ref$globalStyles,
-      children = _ref.children;
+    typeScaleConfig = _ref$typeScaleConfig === void 0 ? {} : _ref$typeScaleConfig,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? {} : _ref$theme,
+    _ref$globalStyles = _ref.globalStyles,
+    globalStyles = _ref$globalStyles === void 0 ? {} : _ref$globalStyles,
+    children = _ref.children;
   var mergedTypeScaleConfig = cjs(DEFAULT_TYPESCALE_CONFIG, typeScaleConfig);
   var typeScaleSizes = generateTypeScaleSizes(mergedTypeScaleConfig);
   var mergedTheme = cjs.all([defaultTheme, theme, {

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport {\n  ThemeProvider as EmotionThemeProvider,\n  Global,\n  Theme,\n  SerializedStyles,\n} from \"@emotion/react\";\nimport merge from \"deepmerge\";\nimport defaultTheme from \"@theme/default/defaultTheme\";\nimport defaultGlobals from \"@theme/utils/global\";\nimport {\n  DEFAULT_TYPESCALE_CONFIG,\n  generateTypeScaleSizes,\n  TypeScaleConfig,\n} from \"@theme/utils/typography\";\nimport \"modern-normalize/modern-normalize.css\";\n\ntype ThemeProviderProps = {\n  typeScaleConfig?: TypeScaleConfig;\n  theme?: Theme;\n  globalStyles?: SerializedStyles;\n  children: ReactNode;\n};\n\nconst ThemeProvider: FC<ThemeProviderProps> = ({\n  typeScaleConfig = {},\n  theme = {},\n  globalStyles = {},\n  children,\n}) => {\n  const mergedTypeScaleConfig: TypeScaleConfig = merge(DEFAULT_TYPESCALE_CONFIG, typeScaleConfig);\n  const typeScaleSizes = generateTypeScaleSizes(mergedTypeScaleConfig);\n  const mergedTheme = merge.all([\n    defaultTheme,\n    theme,\n    { typeScaleSizes },\n    {\n      body: {\n        lineHeight: mergedTypeScaleConfig.lineHeight,\n      },\n    },\n  ]);\n\n  return (\n    <EmotionThemeProvider theme={mergedTheme}>\n      <Global styles={defaultGlobals} />\n      {globalStyles && <Global styles={globalStyles} />}\n      {children}\n    </EmotionThemeProvider>\n  );\n};\n\nexport default ThemeProvider;\n"],"names":["ThemeProvider","typeScaleConfig","theme","globalStyles","children","mergedTypeScaleConfig","merge","DEFAULT_TYPESCALE_CONFIG","typeScaleSizes","generateTypeScaleSizes","mergedTheme","all","defaultTheme","body","lineHeight","___EmotionJSX","EmotionThemeProvider","defaultGlobals"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,IAAMA,aAAqC,GAAG,SAAxCA,aAAwC,CAKxC,IAAA,EAAA;AAAA,EAAA,IAAA,oBAAA,GAAA,IAAA,CAJJC,eAII;AAAA,MAJJA,eAII,qCAJc,EAId,GAAA,oBAAA;AAAA,MAAA,UAAA,GAAA,IAAA,CAHJC,KAGI;AAAA,MAHJA,KAGI,2BAHI,EAGJ,GAAA,UAAA;AAAA,MAAA,iBAAA,GAAA,IAAA,CAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,EAEX,GAAA,iBAAA;AAAA,MADJC,QACI,QADJA,QACI,CAAA;AACJ,EAAA,IAAMC,qBAAsC,GAAGC,GAAK,CAACC,wBAAD,EAA2BN,eAA3B,CAApD,CAAA;AACA,EAAA,IAAMO,cAAc,GAAGC,sBAAsB,CAACJ,qBAAD,CAA7C,CAAA;AACA,EAAMK,IAAAA,WAAW,GAAGJ,GAAK,CAACK,GAAN,CAAU,CAC5BC,YAD4B,EAE5BV,KAF4B,EAG5B;AAAEM,IAAAA,cAAc,EAAdA,cAAAA;AAAF,GAH4B,EAI5B;AACEK,IAAAA,IAAI,EAAE;AACJC,MAAAA,UAAU,EAAET,qBAAqB,CAACS,UAAAA;AAD9B,KAAA;AADR,GAJ4B,CAAV,CAApB,CAAA;AAWA,EAAA,OACEC,IAACC,eAAD,EAAA;AAAsB,IAAA,KAAK,EAAEN,WAAAA;AAA7B,GAAA,EACEK,IAAC,MAAD,EAAA;AAAQ,IAAA,MAAM,EAAEE,cAAAA;AAAhB,GAAA,CADF,EAEGd,YAAY,IAAIY,GAAA,CAAC,MAAD,EAAA;AAAQ,IAAA,MAAM,EAAEZ,YAAAA;AAAhB,GAFnB,CAAA,EAGGC,QAHH,CADF,CAAA;AAOD;;;;"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport {\n  ThemeProvider as EmotionThemeProvider,\n  Global,\n  Theme,\n  SerializedStyles,\n} from \"@emotion/react\";\nimport merge from \"deepmerge\";\nimport defaultTheme from \"@theme/default/defaultTheme\";\nimport defaultGlobals from \"@theme/utils/global\";\nimport {\n  DEFAULT_TYPESCALE_CONFIG,\n  generateTypeScaleSizes,\n  TypeScaleConfig,\n} from \"@theme/utils/typography\";\nimport \"modern-normalize/modern-normalize.css\";\n\ntype ThemeProviderProps = {\n  typeScaleConfig?: TypeScaleConfig;\n  theme?: Theme;\n  globalStyles?: SerializedStyles;\n  children: ReactNode;\n};\n\nconst ThemeProvider: FC<ThemeProviderProps> = ({\n  typeScaleConfig = {},\n  theme = {},\n  globalStyles = {},\n  children,\n}) => {\n  const mergedTypeScaleConfig: TypeScaleConfig = merge(DEFAULT_TYPESCALE_CONFIG, typeScaleConfig);\n  const typeScaleSizes = generateTypeScaleSizes(mergedTypeScaleConfig);\n  const mergedTheme = merge.all([\n    defaultTheme,\n    theme,\n    { typeScaleSizes },\n    {\n      body: {\n        lineHeight: mergedTypeScaleConfig.lineHeight,\n      },\n    },\n  ]);\n\n  return (\n    <EmotionThemeProvider theme={mergedTheme}>\n      <Global styles={defaultGlobals} />\n      {globalStyles && <Global styles={globalStyles} />}\n      {children}\n    </EmotionThemeProvider>\n  );\n};\n\nexport default ThemeProvider;\n"],"names":["ThemeProvider","typeScaleConfig","theme","globalStyles","children","mergedTypeScaleConfig","merge","DEFAULT_TYPESCALE_CONFIG","typeScaleSizes","generateTypeScaleSizes","mergedTheme","all","defaultTheme","body","lineHeight","___EmotionJSX","EmotionThemeProvider","defaultGlobals"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,IAAMA,aAAqC,GAAG,SAAxCA,aAAqC,CAKrC,IAAA,EAAA;AAAA,EAAA,IAAA,oBAAA,GAAA,IAAA,CAJJC,eAAe;IAAfA,eAAe,GAAA,oBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,oBAAA;AAAA,IAAA,UAAA,GAAA,IAAA,CACpBC,KAAK;IAALA,KAAK,GAAA,UAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,UAAA;AAAA,IAAA,iBAAA,GAAA,IAAA,CACVC,YAAY;IAAZA,YAAY,GAAA,iBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,iBAAA;AACjBC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;AAER,EAAA,IAAMC,qBAAsC,GAAGC,GAAK,CAACC,wBAAwB,EAAEN,eAAe,CAAC,CAAA;AAC/F,EAAA,IAAMO,cAAc,GAAGC,sBAAsB,CAACJ,qBAAqB,CAAC,CAAA;EACpE,IAAMK,WAAW,GAAGJ,GAAK,CAACK,GAAG,CAAC,CAC5BC,YAAY,EACZV,KAAK,EACL;AAAEM,IAAAA,cAAc,EAAdA,cAAAA;AAAe,GAAC,EAClB;AACEK,IAAAA,IAAI,EAAE;MACJC,UAAU,EAAET,qBAAqB,CAACS,UAAAA;AACpC,KAAA;AACF,GAAC,CACF,CAAC,CAAA;AAEF,EAAA,OACEC,IAACC,eAAoB,EAAA;AAAC,IAAA,KAAK,EAAEN,WAAAA;AAAY,GAAA,EACvCK,IAAC,MAAM,EAAA;AAAC,IAAA,MAAM,EAAEE,cAAAA;AAAe,GAAA,CAAG,EACjCd,YAAY,IAAIY,GAAA,CAAC,MAAM,EAAA;AAAC,IAAA,MAAM,EAAEZ,YAAAA;GAAgB,CAAA,EAChDC,QAAQ,CACY,CAAA;AAE3B;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -13,16 +13,14 @@ import { tooltipContainer } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var _excluded = ["children", "content", "as", "placement"];
-
 var Tooltip = function Tooltip(_ref) {
   var children = _ref.children,
-      content = _ref.content,
-      _ref$as = _ref.as,
-      as = _ref$as === void 0 ? "div" : _ref$as,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? "top" : _ref$placement,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    content = _ref.content,
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? "div" : _ref$as,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? "top" : _ref$placement,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var Tag = as;
   return jsx(Tippy, _extends({
     interactive: true,

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport Tippy, { TippyProps } from \"@tippyjs/react/headless\";\nimport { tooltipContainer } from \"./styles\";\n\nexport type TooltipProps = TippyProps & {\n  as?: \"div\" | \"span\";\n  content: TippyProps[\"content\"];\n};\n\nconst Tooltip: FC<TooltipProps> = ({\n  children,\n  content,\n  as = \"div\",\n  placement = \"top\",\n  ...rest\n}) => {\n  const Tag = as;\n\n  return (\n    <Tippy\n      interactive\n      placement={placement}\n      render={(attrs): ReactNode => (\n        <div className=\"tooltip\" css={tooltipContainer} {...attrs}>\n          {content}\n          <div id=\"arrow\" data-testid=\"tooltip-arrow\" data-popper-arrow />\n        </div>\n      )}\n      {...rest}\n    >\n      <Tag>{children}</Tag>\n    </Tippy>\n  );\n};\n\nexport default Tooltip;\n"],"names":["Tooltip","children","content","as","placement","rest","Tag","___EmotionJSX","attrs","tooltipContainer"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAMA,OAAyB,GAAG,SAA5BA,OAA4B,CAM5B,IAAA,EAAA;AAAA,EALJC,IAAAA,QAKI,QALJA,QAKI;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAAA,OAAA,GAAA,IAAA,CAHJC,EAGI;AAAA,MAHJA,EAGI,wBAHC,KAGD,GAAA,OAAA;AAAA,MAAA,cAAA,GAAA,IAAA,CAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,KAER,GAAA,cAAA;AAAA,MADDC,IACC,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AACJ,EAAMC,IAAAA,GAAG,GAAGH,EAAZ,CAAA;AAEA,EAAA,OACEI,IAAC,KAAD,EAAA,QAAA,CAAA;AACE,IAAA,WAAW,EADb,IAAA;AAEE,IAAA,SAAS,EAAEH,SAFb;AAGE,IAAA,MAAM,EAAE,SAAA,MAAA,CAACI,KAAD,EAAA;AAAA,MACN,OAAAD,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,QAAA,SAAS,EAAC,SAAf;AAAyB,QAAA,GAAG,EAAEE,gBAAAA;AAA9B,OAAoDD,EAAAA,KAApD,CACGN,EAAAA,OADH,EAEEK,GAAA,CAAA,KAAA,EAAA;AAAK,QAAA,EAAE,EAAC,OAAR;AAAgB,QAAA,aAAA,EAAY,eAA5B;AAA4C,QAAA,mBAAA,EAAA,IAAA;AAA5C,OAAA,CAFF,CADM,CAAA;AAAA,KAAA;AAHV,GAAA,EASMF,IATN,CAWE,EAAAE,GAAA,CAAC,GAAD,EAAMN,IAAAA,EAAAA,QAAN,CAXF,CADF,CAAA;AAeD;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport Tippy, { TippyProps } from \"@tippyjs/react/headless\";\nimport { tooltipContainer } from \"./styles\";\n\nexport type TooltipProps = TippyProps & {\n  as?: \"div\" | \"span\";\n  content: TippyProps[\"content\"];\n};\n\nconst Tooltip: FC<TooltipProps> = ({\n  children,\n  content,\n  as = \"div\",\n  placement = \"top\",\n  ...rest\n}) => {\n  const Tag = as;\n\n  return (\n    <Tippy\n      interactive\n      placement={placement}\n      render={(attrs): ReactNode => (\n        <div className=\"tooltip\" css={tooltipContainer} {...attrs}>\n          {content}\n          <div id=\"arrow\" data-testid=\"tooltip-arrow\" data-popper-arrow />\n        </div>\n      )}\n      {...rest}\n    >\n      <Tag>{children}</Tag>\n    </Tippy>\n  );\n};\n\nexport default Tooltip;\n"],"names":["Tooltip","children","content","as","placement","rest","Tag","___EmotionJSX","attrs","tooltipContainer"],"mappings":";;;;;;;;;;;;;;;AASA,IAAMA,OAAyB,GAAG,SAA5BA,OAAyB,CAMzB,IAAA,EAAA;EAAA,IALJC,QAAQ,QAARA,QAAQ;AACRC,IAAAA,OAAO,QAAPA,OAAO;AAAA,IAAA,OAAA,GAAA,IAAA,CACPC,EAAE;AAAFA,IAAAA,EAAE,wBAAG,KAAK,GAAA,OAAA;AAAA,IAAA,cAAA,GAAA,IAAA,CACVC,SAAS;AAATA,IAAAA,SAAS,+BAAG,KAAK,GAAA,cAAA;IACdC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAEP,IAAMC,GAAG,GAAGH,EAAE,CAAA;AAEd,EAAA,OACEI,IAAC,KAAK,EAAA,QAAA,CAAA;IACJ,WAAW,EAAA,IAAA;AACX,IAAA,SAAS,EAAEH,SAAU;IACrB,MAAM,EAAE,gBAACI,KAAK,EAAA;MAAA,OACZD,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,QAAA,SAAS,EAAC,SAAS;AAAC,QAAA,GAAG,EAAEE,gBAAAA;OAAsBD,EAAAA,KAAK,CACtDN,EAAAA,OAAO,EACRK,GAAA,CAAA,KAAA,EAAA;AAAK,QAAA,EAAE,EAAC,OAAO;AAAC,QAAA,aAAA,EAAY,eAAe;AAAC,QAAA,mBAAA,EAAA,IAAA;AAAiB,OAAA,CAAG,CAC5D,CAAA;AAAA,KAAA;AACN,GAAA,EACEF,IAAI,CAER,EAAAE,GAAA,CAAC,GAAG,EAAEN,IAAAA,EAAAA,QAAQ,CAAO,CACf,CAAA;AAEZ;;;;"}