@epignosis_llc/gnosis 2.2.3 → 2.3.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * 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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * 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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * 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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * 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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * 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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * 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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * 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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * 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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * 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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * 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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * 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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * Released under the MIT license.
    */
 

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

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

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

@@ -2,42 +2,54 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * Released under the MIT license.
    */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../../node_modules/core-js/modules/es.array.map.js';
-import '../../../node_modules/core-js/modules/es.parse-int.js';
-import { useState, Children } from 'react';
-import Select from '../FormElements/Select/Select.js';
+import { useState, useRef, Children, useEffect } from 'react';
+import SvgArrowRight from '../../icons/arrow_right.svg.js';
+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 { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["children", "stickyHeader", "responsiveHeader", "initialSelectedTab", "onChangeTab"];
+var _excluded = ["children", "stickyHeader", "selectedTab", "onChangeTab"];
 
 var TabPane = function TabPane() {
   return null;
 };
 
+var scrollToTab = function scrollToTab(tabIndex) {
+  var _document$querySelect;
+
+  return (_document$querySelect = document.querySelector("#tab-".concat(tabIndex))) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.scrollIntoView();
+};
+
 var Tabs = function Tabs(_ref) {
   var children = _ref.children,
       _ref$stickyHeader = _ref.stickyHeader,
       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,
+      _ref$selectedTab = _ref.selectedTab,
+      selectedTab = _ref$selectedTab === void 0 ? 0 : _ref$selectedTab,
       onChangeTab = _ref.onChangeTab,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  var _useState = useState(initialSelectedTab),
+  var _useState = useState(selectedTab),
       _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];
+
   var tabTitles = Children.map(children, function (child, i) {
     return {
       index: i,
@@ -53,21 +65,95 @@ var Tabs = function Tabs(_ref) {
   });
 
   var onSelectTab = function onSelectTab(index) {
+    scrollToTab(index);
     setActiveTab(index);
     onChangeTab && onChangeTab(index);
   };
 
-  var displayResponsiveHeader = (tabTitles === null || tabTitles === void 0 ? void 0 : tabTitles.length) && responsiveHeader;
+  var showLeftArrow = function showLeftArrow() {
+    if (!isOverflowActive) return false;
+    return activeTab > 0;
+  };
+
+  var handLeftArrowClick = function handLeftArrowClick() {
+    if (activeTab > 0) {
+      scrollToTab(activeTab - 1);
+      setActiveTab(function (currentTab) {
+        return currentTab - 1;
+      });
+    }
+  };
+
+  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);
+      setActiveTab(function (currentTab) {
+        return currentTab + 1;
+      });
+    }
+  };
+
+  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
+
+
+  useEffect(function () {
+    window.addEventListener("resize", toggleTabsArrow);
+    return function () {
+      window.removeEventListener("resize", toggleTabsArrow);
+    };
+  }, []);
   return jsx("section", _extends({
     css: container
-  }, rest), jsx("nav", {
+  }, rest), jsx("div", {
+    className: "nav-wrapper"
+  }, showLeftArrow() && jsx(Button, {
+    "data-testid": "left-arrow",
+    variant: "link",
+    color: "secondary",
+    noGutters: true,
+    onClick: handLeftArrowClick
+  }, jsx(SvgArrowLeft, {
+    height: 22
+  })), jsx("nav", {
     css: function css(theme) {
       return tabsHeader(theme, {
         stickyHeader: stickyHeader
       });
     },
-    role: "tablist"
-  }, !displayResponsiveHeader && (tabTitles === null || tabTitles === void 0 ? void 0 : tabTitles.map(function (_ref2) {
+    role: "tablist",
+    ref: tabsNavEl
+  }, tabTitles === null || tabTitles === void 0 ? void 0 : tabTitles.map(function (_ref2) {
     var index = _ref2.index,
         title = _ref2.title;
     return jsx(TabsNavItem, {
@@ -77,25 +163,21 @@ var Tabs = function Tabs(_ref) {
       isActive: activeTab === index,
       onSelectTab: onSelectTab
     });
-  })), displayResponsiveHeader && jsx(Select, {
-    "aria-label": "select tab",
-    onChange: function onChange(index) {
-      return onSelectTab(parseInt(index));
-    }
-  }, tabTitles === null || tabTitles === void 0 ? void 0 : tabTitles.map(function (_ref3) {
-    var index = _ref3.index,
-        fallbackTitle = _ref3.fallbackTitle;
-    return jsx("option", {
-      key: index,
-      value: index
-    }, fallbackTitle);
+  })), showRightArrow() && jsx(Button, {
+    "data-testid": "right-arrow",
+    variant: "link",
+    color: "secondary",
+    noGutters: true,
+    onClick: handRightArrowClick
+  }, jsx(SvgArrowRight, {
+    height: 22
   }))), jsx("section", {
     id: "content",
     "aria-live": "polite",
     role: "region"
-  }, (tabPanes === null || tabPanes === void 0 ? void 0 : tabPanes.length) && tabPanes.map(function (_ref4) {
-    var index = _ref4.index,
-        content = _ref4.content;
+  }, (tabPanes === null || tabPanes === void 0 ? void 0 : tabPanes.length) && tabPanes.map(function (_ref3) {
+    var index = _ref3.index,
+        content = _ref3.content;
     return jsx(TabsContent, {
       key: index,
       index: index,

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  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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"}
+{"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  document.querySelector(`#tab-${tabIndex}`)?.scrollIntoView();\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","document","querySelector","scrollIntoView","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 v2.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * Released under the MIT license.
    */
 

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

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

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * Released under the MIT license.
    */
 
@@ -11,12 +11,12 @@ import { mq } from '../../theme/utils/breakpoints.js';
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var container = process.env.NODE_ENV === "production" ? {
-  name: "ruzdvw",
-  styles: "position:relative;display:flex;flex-direction:column;flex:1;#content{flex:1;z-index:0;}"
+  name: "10nz8tc",
+  styles: "position:relative;display:flex;flex-direction:column;flex:1;#content{flex:1;z-index:0;}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;}"
 } : {
-  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/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICAke21xW1wic21cIl19IHtcbiAgICAgIHBhZGRpbmc6IDAgMnJlbTtcbiAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGFicy5oZWFkZXJCb3JkZXJ9O1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCB0YWJOYXZJdGVtID0gKFxuICB7IHRhYnMgfTogVGhlbWUsXG4gIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZm9udC13ZWlnaHQ6ICR7aXNBY3RpdmUgPyBcIjcwMFwiIDogXCI0MDBcIn07XG4gICAgbWFyZ2luOiAwIDFyZW0gMCAwO1xuICAgIHBhZGRpbmc6IDAuNnJlbTtcbiAgICBjb2xvcjogJHt0YWJzLmxpbmtOb3JtYWx9O1xuICAgIGJvcmRlci1ib3R0b206IDRweCBzb2xpZCAke2lzQWN0aXZlID8gdGFicy5saW5rQm9yZGVyIDogXCJ0cmFuc3BhcmVudFwifTtcbiAgYDtcbn07XG4iXX0= */",
+  name: "3ghqkg-container",
+  styles: "position:relative;display:flex;flex-direction:column;flex:1;#content{flex:1;z-index:0;}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;};label:container;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleDogMTtcblxuICAjY29udGVudCB7XG4gICAgZmxleDogMTtcbiAgICB6LWluZGV4OiAwO1xuICB9XG5cbiAgLm5hdi13cmFwcGVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgdGFic0hlYWRlciA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IHN0aWNreUhlYWRlciB9OiB7IHN0aWNreUhlYWRlcj86IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiBub3dyYXA7XG4gICAgcGFkZGluZzogMDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJhY2tncm91bmQ6ICR7dGFicy5oZWFkZXJCYWNrZ3JvdW5kfTtcbiAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgPyBcInN0aWNreVwiIDogXCJzdGF0aWNcIn07XG4gICAgdG9wOiAke3N0aWNreUhlYWRlciA/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuXG4gICAgJHttcVtcInNtXCJdfSB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0YWJzLmhlYWRlckJvcmRlcn07XG4gICAgfVxuXG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgdGFiTmF2SXRlbSA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2lzQWN0aXZlID8gXCI3MDBcIiA6IFwiNDAwXCJ9O1xuICAgIG1hcmdpbjogMCAxcmVtIDAgMDtcbiAgICBwYWRkaW5nOiAwLjZyZW07XG4gICAgY29sb3I6ICR7dGFicy5saW5rTm9ybWFsfTtcbiAgICBib3JkZXItYm90dG9tOiA0cHggc29saWQgJHtpc0FjdGl2ZSA/IHRhYnMubGlua0JvcmRlciA6IFwidHJhbnNwYXJlbnRcIn07XG4gIGA7XG59O1xuIl19 */",
   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/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICAke21xW1wic21cIl19IHtcbiAgICAgIHBhZGRpbmc6IDAgMnJlbTtcbiAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGFicy5oZWFkZXJCb3JkZXJ9O1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCB0YWJOYXZJdGVtID0gKFxuICB7IHRhYnMgfTogVGhlbWUsXG4gIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZm9udC13ZWlnaHQ6ICR7aXNBY3RpdmUgPyBcIjcwMFwiIDogXCI0MDBcIn07XG4gICAgbWFyZ2luOiAwIDFyZW0gMCAwO1xuICAgIHBhZGRpbmc6IDAuNnJlbTtcbiAgICBjb2xvcjogJHt0YWJzLmxpbmtOb3JtYWx9O1xuICAgIGJvcmRlci1ib3R0b206IDRweCBzb2xpZCAke2lzQWN0aXZlID8gdGFicy5saW5rQm9yZGVyIDogXCJ0cmFuc3BhcmVudFwifTtcbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:tabsHeader;")
+    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/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuXG4gICAgJHttcVtcInNtXCJdfSB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0YWJzLmhlYWRlckJvcmRlcn07XG4gICAgfVxuXG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgdGFiTmF2SXRlbSA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2lzQWN0aXZlID8gXCI3MDBcIiA6IFwiNDAwXCJ9O1xuICAgIG1hcmdpbjogMCAxcmVtIDAgMDtcbiAgICBwYWRkaW5nOiAwLjZyZW07XG4gICAgY29sb3I6ICR7dGFicy5saW5rTm9ybWFsfTtcbiAgICBib3JkZXItYm90dG9tOiA0cHggc29saWQgJHtpc0FjdGl2ZSA/IHRhYnMubGlua0JvcmRlciA6IFwidHJhbnNwYXJlbnRcIn07XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:tabsHeader;")
   );
 };
 var tabNavItem = function tabNavItem(_ref3, _ref4) {
@@ -36,7 +36,7 @@ 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/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICAke21xW1wic21cIl19IHtcbiAgICAgIHBhZGRpbmc6IDAgMnJlbTtcbiAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGFicy5oZWFkZXJCb3JkZXJ9O1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCB0YWJOYXZJdGVtID0gKFxuICB7IHRhYnMgfTogVGhlbWUsXG4gIHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZTogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZm9udC13ZWlnaHQ6ICR7aXNBY3RpdmUgPyBcIjcwMFwiIDogXCI0MDBcIn07XG4gICAgbWFyZ2luOiAwIDFyZW0gMCAwO1xuICAgIHBhZGRpbmc6IDAuNnJlbTtcbiAgICBjb2xvcjogJHt0YWJzLmxpbmtOb3JtYWx9O1xuICAgIGJvcmRlci1ib3R0b206IDRweCBzb2xpZCAke2lzQWN0aXZlID8gdGFicy5saW5rQm9yZGVyIDogXCJ0cmFuc3BhcmVudFwifTtcbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:tabNavItem;")
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleDogMTtcblxuICAjY29udGVudCB7XG4gICAgZmxleDogMTtcbiAgICB6LWluZGV4OiAwO1xuICB9XG5cbiAgLm5hdi13cmFwcGVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgdGFic0hlYWRlciA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IHN0aWNreUhlYWRlciB9OiB7IHN0aWNreUhlYWRlcj86IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiBub3dyYXA7XG4gICAgcGFkZGluZzogMDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJhY2tncm91bmQ6ICR7dGFicy5oZWFkZXJCYWNrZ3JvdW5kfTtcbiAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgPyBcInN0aWNreVwiIDogXCJzdGF0aWNcIn07XG4gICAgdG9wOiAke3N0aWNreUhlYWRlciA/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuXG4gICAgJHttcVtcInNtXCJdfSB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0YWJzLmhlYWRlckJvcmRlcn07XG4gICAgfVxuXG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgdGFiTmF2SXRlbSA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2lzQWN0aXZlID8gXCI3MDBcIiA6IFwiNDAwXCJ9O1xuICAgIG1hcmdpbjogMCAxcmVtIDAgMDtcbiAgICBwYWRkaW5nOiAwLjZyZW07XG4gICAgY29sb3I6ICR7dGFicy5saW5rTm9ybWFsfTtcbiAgICBib3JkZXItYm90dG9tOiA0cHggc29saWQgJHtpc0FjdGl2ZSA/IHRhYnMubGlua0JvcmRlciA6IFwidHJhbnNwYXJlbnRcIn07XG4gIGA7XG59O1xuIl19 */", 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\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;;;;"}
+{"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 }: 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,SAAA;AAAA,EAAA,MAAA,EAAA,qKAAA;AAAA,CAAA,GAAA;AAAA,EAAA,IAAA,EAAA,kBAAA;AAAA,EAAA,MAAA,EAAA,sLAAA;AAAA,EAAA,GAAA,EAAA,69DAAA;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,69DAAA,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,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,69DAAA,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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * 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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * 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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * 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.2.2
+   * @epignosis_llc/gnosis.js v2.2.5
    * Released under the MIT license.
    */