@epignosis_llc/gnosis 3.0.2 → 3.1.0

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

@@ -2,12 +2,13 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.1
+   * @epignosis_llc/gnosis.js v3.0.3
    * Released under the MIT license.
    */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
+import SvgHamburger from '../../icons/hamburger.svg.js';
 import { mainNavContainer } from './styles.js';
 import NavItem from './NavItem.js';
 import NavHandle from './NavHandle.js';
@@ -17,41 +18,18 @@ import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion
 import { domAnimation } from '../../../node_modules/framer-motion/dist/es/render/dom/features-animation.mjs.js';
 import { LazyMotion } from '../../../node_modules/framer-motion/dist/es/components/LazyMotion/index.mjs.js';
 
-var _excluded = ["isCollapsed", "navHandleLabel", "onToggle", "children"];
-var navVariants = {
-  expanded: {
-    minWidth: "15rem",
-    transition: {
-      ease: "easeInOut",
-      duration: 0.2
-    }
-  },
-  collapsed: {
-    minWidth: "4.75rem",
-    transition: {
-      ease: "easeInOut",
-      duration: 0.2,
-      delay: 0.1
-    }
-  },
-  a11yExpanded: {
-    minWidth: "15rem",
-    transition: {
-      duration: 0
-    }
-  },
-  a11yCollapsed: {
-    minWidth: "4.75rem",
-    transition: {
-      duration: 0
-    }
-  }
-};
+var _excluded = ["isCollapsed", "navHandleLabel", "fontSize", "expandedWidth", "collapsedWidth", "onToggle", "children"];
 var Sidebar = function Sidebar(_ref) {
   var _ref$isCollapsed = _ref.isCollapsed,
     isCollapsed = _ref$isCollapsed === void 0 ? false : _ref$isCollapsed,
     _ref$navHandleLabel = _ref.navHandleLabel,
     navHandleLabel = _ref$navHandleLabel === void 0 ? "Menu" : _ref$navHandleLabel,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? "md" : _ref$fontSize,
+    _ref$expandedWidth = _ref.expandedWidth,
+    expandedWidth = _ref$expandedWidth === void 0 ? "16rem" : _ref$expandedWidth,
+    _ref$collapsedWidth = _ref.collapsedWidth,
+    collapsedWidth = _ref$collapsedWidth === void 0 ? "5rem" : _ref$collapsedWidth,
     _ref$onToggle = _ref.onToggle,
     onToggle = _ref$onToggle === void 0 ? function () {
       return void 0;
@@ -60,6 +38,35 @@ var Sidebar = function Sidebar(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   var isReducedMotion = useReducedMotion();
   var animate;
+  var navVariants = {
+    expanded: {
+      minWidth: expandedWidth,
+      transition: {
+        ease: "easeInOut",
+        duration: 0.2
+      }
+    },
+    collapsed: {
+      minWidth: collapsedWidth,
+      transition: {
+        ease: "easeInOut",
+        duration: 0.2,
+        delay: 0.1
+      }
+    },
+    a11yExpanded: {
+      minWidth: expandedWidth,
+      transition: {
+        duration: 0
+      }
+    },
+    a11yCollapsed: {
+      minWidth: collapsedWidth,
+      transition: {
+        duration: 0
+      }
+    }
+  };
   if (isReducedMotion) {
     animate = isCollapsed ? "a11yCollapsed" : "a11yExpanded";
   } else {
@@ -68,7 +75,9 @@ var Sidebar = function Sidebar(_ref) {
   return jsx(LazyMotion, {
     features: domAnimation
   }, jsx(m.nav, _extends({
-    css: mainNavContainer,
+    css: function css(theme) {
+      return mainNavContainer(theme, expandedWidth);
+    },
     initial: false,
     animate: animate,
     variants: navVariants,
@@ -76,10 +85,15 @@ var Sidebar = function Sidebar(_ref) {
   }, rest), jsx("div", {
     className: "nav-items-wrapper"
   }, jsx(NavHandle, {
-    isExpanded: !isCollapsed,
-    navItemLabel: navHandleLabel,
     toggleMainNav: onToggle
-  }), children)));
+  }, jsx(NavItem, {
+    label: navHandleLabel,
+    isExpanded: !isCollapsed,
+    icon: jsx(SvgHamburger, {
+      height: 32
+    }),
+    fontSize: fontSize
+  })), children)));
 };
 Sidebar.Item = NavItem;
 

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport {\n  LazyMotion,\n  m,\n  useReducedMotion,\n  Variants,\n  domAnimation,\n  HTMLMotionProps,\n} from \"framer-motion\";\nimport { mainNavContainer } from \"./styles\";\nimport NavItem, { NavItemProps } from \"./NavItem\";\nimport NavHandle from \"./NavHandle\";\n\nexport type SidebarProps = HTMLMotionProps<\"nav\"> & {\n  isCollapsed?: boolean;\n  navHandleLabel?: string;\n  onToggle?: () => void;\n};\n\ntype SidebarCompoundProps = {\n  Item: NavItemProps;\n};\n\nconst navVariants: Variants = {\n  expanded: {\n    minWidth: \"15rem\",\n    transition: {\n      ease: \"easeInOut\",\n      duration: 0.2,\n    },\n  },\n  collapsed: {\n    minWidth: \"4.75rem\",\n    transition: {\n      ease: \"easeInOut\",\n      duration: 0.2,\n      delay: 0.1,\n    },\n  },\n  a11yExpanded: {\n    minWidth: \"15rem\",\n    transition: {\n      duration: 0,\n    },\n  },\n  a11yCollapsed: {\n    minWidth: \"4.75rem\",\n    transition: {\n      duration: 0,\n    },\n  },\n};\n\nconst Sidebar: FC<SidebarProps> & SidebarCompoundProps = ({\n  isCollapsed = false,\n  navHandleLabel = \"Menu\",\n  onToggle = () => void 0,\n  children,\n  ...rest\n}) => {\n  const isReducedMotion = useReducedMotion();\n  let animate: string;\n\n  if (isReducedMotion) {\n    animate = isCollapsed ? \"a11yCollapsed\" : \"a11yExpanded\";\n  } else {\n    animate = isCollapsed ? \"collapsed\" : \"expanded\";\n  }\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <m.nav\n        css={mainNavContainer}\n        initial={false}\n        animate={animate}\n        variants={navVariants}\n        id=\"sidebar\"\n        {...rest}\n      >\n        <div className=\"nav-items-wrapper\">\n          <NavHandle\n            isExpanded={!isCollapsed}\n            navItemLabel={navHandleLabel}\n            toggleMainNav={onToggle}\n          />\n          {children}\n        </div>\n      </m.nav>\n    </LazyMotion>\n  );\n};\n\nSidebar.Item = NavItem;\n\nexport default Sidebar;\n"],"names":["navVariants","expanded","minWidth","transition","ease","duration","collapsed","delay","a11yExpanded","a11yCollapsed","Sidebar","isCollapsed","navHandleLabel","onToggle","children","rest","isReducedMotion","useReducedMotion","animate","___EmotionJSX","domAnimation","mainNavContainer","Item","NavItem"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,IAAMA,WAAqB,GAAG;AAC5BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,WAAW;AACjBC,MAAAA,QAAQ,EAAE,GAAA;AACZ,KAAA;GACD;AACDC,EAAAA,SAAS,EAAE;AACTJ,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,WAAW;AACjBC,MAAAA,QAAQ,EAAE,GAAG;AACbE,MAAAA,KAAK,EAAE,GAAA;AACT,KAAA;GACD;AACDC,EAAAA,YAAY,EAAE;AACZN,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE,CAAA;AACZ,KAAA;GACD;AACDI,EAAAA,aAAa,EAAE;AACbP,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE,CAAA;AACZ,KAAA;AACF,GAAA;AACF,CAAC,CAAA;AAED,IAAMK,OAAgD,GAAG,SAAnDA,OAAgD,CAMhD,IAAA,EAAA;AAAA,EAAA,IAAA,gBAAA,GAAA,IAAA,CALJC,WAAW;AAAXA,IAAAA,WAAW,iCAAG,KAAK,GAAA,gBAAA;AAAA,IAAA,mBAAA,GAAA,IAAA,CACnBC,cAAc;AAAdA,IAAAA,cAAc,oCAAG,MAAM,GAAA,mBAAA;AAAA,IAAA,aAAA,GAAA,IAAA,CACvBC,QAAQ;AAARA,IAAAA,QAAQ,GAAG,aAAA,KAAA,KAAA,CAAA,GAAA,YAAA;AAAA,MAAA,OAAM,KAAK,CAAC,CAAA;AAAA,KAAA,GAAA,aAAA;AACvBC,IAAAA,QAAQ,QAARA,QAAQ;IACLC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAEP,IAAMC,eAAe,GAAGC,gBAAgB,EAAE,CAAA;AAC1C,EAAA,IAAIC,OAAe,CAAA;AAEnB,EAAA,IAAIF,eAAe,EAAE;AACnBE,IAAAA,OAAO,GAAGP,WAAW,GAAG,eAAe,GAAG,cAAc,CAAA;AAC1D,GAAC,MAAM;AACLO,IAAAA,OAAO,GAAGP,WAAW,GAAG,WAAW,GAAG,UAAU,CAAA;AAClD,GAAA;AAEA,EAAA,OACEQ,IAAC,UAAU,EAAA;AAAC,IAAA,QAAQ,EAAEC,YAAAA;GACpB,EAAAD,GAAA,CAAC,CAAC,CAAC,GAAG,EAAA,QAAA,CAAA;AACJ,IAAA,GAAG,EAAEE,gBAAiB;AACtB,IAAA,OAAO,EAAE,KAAM;AACf,IAAA,OAAO,EAAEH,OAAQ;AACjB,IAAA,QAAQ,EAAElB,WAAY;AACtB,IAAA,EAAE,EAAC,SAAA;AAAS,GAAA,EACRe,IAAI,CAER,EAAAI,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,mBAAA;AAAmB,GAAA,EAChCA,IAAC,SAAS,EAAA;IACR,UAAU,EAAE,CAACR,WAAY;AACzB,IAAA,YAAY,EAAEC,cAAe;AAC7B,IAAA,aAAa,EAAEC,QAAAA;AAAS,GAAA,CACxB,EACDC,QAAQ,CACL,CACA,CACG,CAAA;AAEjB,EAAC;AAEDJ,OAAO,CAACY,IAAI,GAAGC,OAAO;;;;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport {\n  LazyMotion,\n  m,\n  useReducedMotion,\n  Variants,\n  domAnimation,\n  HTMLMotionProps,\n} from \"framer-motion\";\nimport { HamburgerSVG } from \"../../icons\";\nimport { mainNavContainer } from \"./styles\";\nimport NavItem, { NavItemProps } from \"./NavItem\";\nimport NavHandle from \"./NavHandle\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type SidebarProps = HTMLMotionProps<\"nav\"> & {\n  isCollapsed?: boolean;\n  navHandleLabel?: string;\n  fontSize?: TypographyLevels;\n  expandedWidth?: string;\n  collapsedWidth?: string;\n  onToggle?: () => void;\n};\n\ntype SidebarCompoundProps = {\n  Item: NavItemProps;\n};\n\nconst Sidebar: FC<SidebarProps> & SidebarCompoundProps = ({\n  isCollapsed = false,\n  navHandleLabel = \"Menu\",\n  fontSize = \"md\",\n  expandedWidth = \"16rem\",\n  collapsedWidth = \"5rem\",\n  onToggle = () => void 0,\n  children,\n  ...rest\n}) => {\n  const isReducedMotion = useReducedMotion();\n  let animate: string;\n\n  const navVariants: Variants = {\n    expanded: {\n      minWidth: expandedWidth,\n      transition: {\n        ease: \"easeInOut\",\n        duration: 0.2,\n      },\n    },\n    collapsed: {\n      minWidth: collapsedWidth,\n      transition: {\n        ease: \"easeInOut\",\n        duration: 0.2,\n        delay: 0.1,\n      },\n    },\n    a11yExpanded: {\n      minWidth: expandedWidth,\n      transition: {\n        duration: 0,\n      },\n    },\n    a11yCollapsed: {\n      minWidth: collapsedWidth,\n      transition: {\n        duration: 0,\n      },\n    },\n  };\n\n  if (isReducedMotion) {\n    animate = isCollapsed ? \"a11yCollapsed\" : \"a11yExpanded\";\n  } else {\n    animate = isCollapsed ? \"collapsed\" : \"expanded\";\n  }\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <m.nav\n        css={(theme) => mainNavContainer(theme, expandedWidth)}\n        initial={false}\n        animate={animate}\n        variants={navVariants}\n        id=\"sidebar\"\n        {...rest}\n      >\n        <div className=\"nav-items-wrapper\">\n          <NavHandle toggleMainNav={onToggle}>\n            <NavItem\n              label={navHandleLabel}\n              isExpanded={!isCollapsed}\n              icon={<HamburgerSVG height={32} />}\n              fontSize={fontSize}\n            />\n          </NavHandle>\n          {children}\n        </div>\n      </m.nav>\n    </LazyMotion>\n  );\n};\n\nSidebar.Item = NavItem;\n\nexport default Sidebar;\n"],"names":["Sidebar","isCollapsed","navHandleLabel","fontSize","expandedWidth","collapsedWidth","onToggle","children","rest","isReducedMotion","useReducedMotion","animate","navVariants","expanded","minWidth","transition","ease","duration","collapsed","delay","a11yExpanded","a11yCollapsed","___EmotionJSX","domAnimation","theme","mainNavContainer","HamburgerSVG","Item","NavItem"],"mappings":"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"}

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

@@ -2,18 +2,18 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.1
+   * @epignosis_llc/gnosis.js v3.0.3
    * Released under the MIT license.
    */
 
 import { css } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var mainNavContainer = function mainNavContainer(_ref) {
+var mainNavContainer = function mainNavContainer(_ref, width) {
   var sidebar = _ref.sidebar;
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("position:sticky;top:0;display:flex;flex-direction:column;height:100vh;background:", sidebar.background, ";color:", sidebar.color, ";z-index:1001;.nav-items-wrapper{display:flex;flex-direction:column;flex:1;margin:0 0 1.75rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkUiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgbWFpbk5hdkNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgdG9wOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBoZWlnaHQ6IDEwMHZoO1xuICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZH07XG4gIGNvbG9yOiAke3NpZGViYXIuY29sb3J9O1xuICB6LWluZGV4OiAxMDAxO1xuXG4gIC5uYXYtaXRlbXMtd3JhcHBlciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgbWFyZ2luOiAwIDAgMS43NXJlbTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IG5hdkhhbmRsZUNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgbWluLWhlaWdodDogNC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlcjogMDtcblxuICAubmF2LWl0ZW0ge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtzaWRlYmFyLmJvcmRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZJdGVtQ29udGFpbmVyID0gKHsgc2lkZWJhciB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgcGFkZGluZzogMC42MjVyZW0gMS41cmVtO1xuXG4gICY6aG92ZXIsXG4gICYuc2VsZWN0ZWQsXG4gICYuZm9jdXMtdmlzaWJsZSB7XG4gICAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmRIb3Zlcn07XG4gICAgY29sb3I6ICR7c2lkZWJhci5jb2xvckhvdmVyfTtcbiAgfVxuXG4gICYucHJvZmlsZS1pdGVtIHtcbiAgICBwYWRkaW5nOiAwLjVyZW0gMS4xMjVyZW07XG5cbiAgICBpbWcge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cblxuICAgIC50aXRsZSB7XG4gICAgICBtYXJnaW4tbGVmdDogMC4yNXJlbTtcbiAgICB9XG4gIH1cblxuICAudGl0bGUge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;")
+    css("position:sticky;top:0;display:flex;flex-direction:column;height:100vh;background:", sidebar.background, ";color:", sidebar.color, ";z-index:1001;max-width:", width, ";.nav-items-wrapper{display:flex;flex-direction:column;flex:1;margin:1.5rem 0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEYiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeUxldmVscyB9IGZyb20gXCJAdGhlbWUvdXRpbHMvdHlwb2dyYXBoeVwiO1xuXG5leHBvcnQgY29uc3QgbWFpbk5hdkNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUsIHdpZHRoOiBzdHJpbmcpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgdG9wOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBoZWlnaHQ6IDEwMHZoO1xuICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZH07XG4gIGNvbG9yOiAke3NpZGViYXIuY29sb3J9O1xuICB6LWluZGV4OiAxMDAxO1xuICBtYXgtd2lkdGg6ICR7d2lkdGh9O1xuXG4gIC5uYXYtaXRlbXMtd3JhcHBlciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgbWFyZ2luOiAxLjVyZW0gMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IG5hdkhhbmRsZUNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlcjogMDtcblxuICAubmF2LWl0ZW0ge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtzaWRlYmFyLmJvcmRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZJdGVtQ29udGFpbmVyID0gKFxuICB7IHNpZGViYXIsIHR5cGVTY2FsZVNpemVzIH06IFRoZW1lLFxuICBmb250U2l6ZTogVHlwb2dyYXBoeUxldmVscyxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgcGFkZGluZzogMC4yNXJlbSAxLjVyZW07XG5cbiAgLmljb24tY29udGFpbmVyIHtcbiAgICBoZWlnaHQ6IDJyZW07XG4gIH1cblxuICAmOmhvdmVyLFxuICAmLnNlbGVjdGVkLFxuICAmLmZvY3VzLXZpc2libGUge1xuICAgIGJhY2tncm91bmQ6ICR7c2lkZWJhci5iYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGNvbG9yOiAke3NpZGViYXIuY29sb3JIb3Zlcn07XG4gIH1cblxuICAudGl0bGUge1xuICAgIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IDAuNXJlbTtcbiAgICBmb250LXNpemU6ICR7dHlwZVNjYWxlU2l6ZXNbZm9udFNpemVdfTtcbiAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;")
   );
 };
 var navHandleContainer = function navHandleContainer(_ref2) {
@@ -21,15 +21,16 @@ var navHandleContainer = function navHandleContainer(_ref2) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("min-height:4.5rem;width:100%;background-color:transparent;padding:0;border:0;.nav-item{height:100%;border-bottom:1px solid ", sidebar.border, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQitFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMCAwIDEuNzVyZW07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6IDQuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuNjI1cmVtIDEuNXJlbTtcblxuICAmOmhvdmVyLFxuICAmLnNlbGVjdGVkLFxuICAmLmZvY3VzLXZpc2libGUge1xuICAgIGJhY2tncm91bmQ6ICR7c2lkZWJhci5iYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGNvbG9yOiAke3NpZGViYXIuY29sb3JIb3Zlcn07XG4gIH1cblxuICAmLnByb2ZpbGUtaXRlbSB7XG4gICAgcGFkZGluZzogMC41cmVtIDEuMTI1cmVtO1xuXG4gICAgaW1nIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG5cbiAgICAudGl0bGUge1xuICAgICAgbWFyZ2luLWxlZnQ6IDAuMjVyZW07XG4gICAgfVxuICB9XG5cbiAgLnRpdGxlIHtcbiAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;")
+    css("background-color:transparent;padding:0;border:0;.nav-item{height:100%;border-bottom:1px solid ", sidebar.border, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQitFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlMZXZlbHMgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL3R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lLCB3aWR0aDogc3RyaW5nKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcbiAgbWF4LXdpZHRoOiAke3dpZHRofTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMS41cmVtIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9IChcbiAgeyBzaWRlYmFyLCB0eXBlU2NhbGVTaXplcyB9OiBUaGVtZSxcbiAgZm9udFNpemU6IFR5cG9ncmFwaHlMZXZlbHMsXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMS41cmVtO1xuXG4gIC5pY29uLWNvbnRhaW5lciB7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJi5zZWxlY3RlZCxcbiAgJi5mb2N1cy12aXNpYmxlIHtcbiAgICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZEhvdmVyfTtcbiAgICBjb2xvcjogJHtzaWRlYmFyLmNvbG9ySG92ZXJ9O1xuICB9XG5cbiAgLnRpdGxlIHtcbiAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiAwLjVyZW07XG4gICAgZm9udC1zaXplOiAke3R5cGVTY2FsZVNpemVzW2ZvbnRTaXplXX07XG4gICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgLXdlYmtpdC1saW5lLWNsYW1wOiAyO1xuICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;")
   );
 };
-var navItemContainer = function navItemContainer(_ref3) {
-  var sidebar = _ref3.sidebar;
+var navItemContainer = function navItemContainer(_ref3, fontSize) {
+  var sidebar = _ref3.sidebar,
+    typeScaleSizes = _ref3.typeScaleSizes;
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("display:flex;align-items:center;color:", sidebar.color, ";padding:0.625rem 1.5rem;&:hover,&.selected,&.focus-visible{background:", sidebar.backgroundHover, ";color:", sidebar.colorHover, ";}&.profile-item{padding:0.5rem 1.125rem;img{border:none;}.title{margin-left:0.25rem;}}.title{margin-left:0.5rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzZFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMCAwIDEuNzVyZW07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6IDQuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuNjI1cmVtIDEuNXJlbTtcblxuICAmOmhvdmVyLFxuICAmLnNlbGVjdGVkLFxuICAmLmZvY3VzLXZpc2libGUge1xuICAgIGJhY2tncm91bmQ6ICR7c2lkZWJhci5iYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGNvbG9yOiAke3NpZGViYXIuY29sb3JIb3Zlcn07XG4gIH1cblxuICAmLnByb2ZpbGUtaXRlbSB7XG4gICAgcGFkZGluZzogMC41cmVtIDEuMTI1cmVtO1xuXG4gICAgaW1nIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG5cbiAgICAudGl0bGUge1xuICAgICAgbWFyZ2luLWxlZnQ6IDAuMjVyZW07XG4gICAgfVxuICB9XG5cbiAgLnRpdGxlIHtcbiAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;")
+    css("display:flex;align-items:center;color:", sidebar.color, ";padding:0.25rem 1.5rem;.icon-container{height:2rem;}&:hover,&.selected,&.focus-visible{background:", sidebar.backgroundHover, ";color:", sidebar.colorHover, ";}.title{margin-inline-start:0.5rem;font-size:", typeScaleSizes[fontSize], ";display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQzBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlMZXZlbHMgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL3R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lLCB3aWR0aDogc3RyaW5nKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcbiAgbWF4LXdpZHRoOiAke3dpZHRofTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMS41cmVtIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9IChcbiAgeyBzaWRlYmFyLCB0eXBlU2NhbGVTaXplcyB9OiBUaGVtZSxcbiAgZm9udFNpemU6IFR5cG9ncmFwaHlMZXZlbHMsXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMS41cmVtO1xuXG4gIC5pY29uLWNvbnRhaW5lciB7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJi5zZWxlY3RlZCxcbiAgJi5mb2N1cy12aXNpYmxlIHtcbiAgICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZEhvdmVyfTtcbiAgICBjb2xvcjogJHtzaWRlYmFyLmNvbG9ySG92ZXJ9O1xuICB9XG5cbiAgLnRpdGxlIHtcbiAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiAwLjVyZW07XG4gICAgZm9udC1zaXplOiAke3R5cGVTY2FsZVNpemVzW2ZvbnRTaXplXX07XG4gICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgLXdlYmtpdC1saW5lLWNsYW1wOiAyO1xuICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;")
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Sidebar/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\n\nexport const mainNavContainer = ({ sidebar }: Theme): SerializedStyles => css`\n  position: sticky;\n  top: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  background: ${sidebar.background};\n  color: ${sidebar.color};\n  z-index: 1001;\n\n  .nav-items-wrapper {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    margin: 0 0 1.75rem;\n  }\n`;\n\nexport const navHandleContainer = ({ sidebar }: Theme): SerializedStyles => css`\n  min-height: 4.5rem;\n  width: 100%;\n  background-color: transparent;\n  padding: 0;\n  border: 0;\n\n  .nav-item {\n    height: 100%;\n    border-bottom: 1px solid ${sidebar.border};\n  }\n`;\n\nexport const navItemContainer = ({ sidebar }: Theme): SerializedStyles => css`\n  display: flex;\n  align-items: center;\n  color: ${sidebar.color};\n  padding: 0.625rem 1.5rem;\n\n  &:hover,\n  &.selected,\n  &.focus-visible {\n    background: ${sidebar.backgroundHover};\n    color: ${sidebar.colorHover};\n  }\n\n  &.profile-item {\n    padding: 0.5rem 1.125rem;\n\n    img {\n      border: none;\n    }\n\n    .title {\n      margin-left: 0.25rem;\n    }\n  }\n\n  .title {\n    margin-left: 0.5rem;\n  }\n`;\n"],"names":["mainNavContainer","sidebar","css","background","color","navHandleContainer","border","navItemContainer","backgroundHover","colorHover"],"mappings":";;;;;;;;;;AAEaA,IAAAA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAA,IAAA,EAAA;EAAA,IAAMC,OAAO,QAAPA,OAAO,CAAA;AAAA,EAAA;AAAA;AAAA;AAAgCC,IAAAA,GAAG,sFAM7DD,OAAO,CAACE,UAAU,EACvBF,SAAAA,EAAAA,OAAO,CAACG,KAAK,EAAA,iGAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q1DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA;AAAA,IAAA;AAAA,EASvB;AAEYC,IAAAA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAA,KAAA,EAAA;EAAA,IAAMJ,OAAO,SAAPA,OAAO,CAAA;AAAA,EAAA;AAAA;AAAA;IAAgCC,GAAG,CAAA,6HAAA,EAShDD,OAAO,CAACK,MAAM,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,4BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q1DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,4BAAA,CAAA;AAAA,IAAA;AAAA,EAE5C;AAEYC,IAAAA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAA,KAAA,EAAA;EAAA,IAAMN,OAAO,SAAPA,OAAO,CAAA;AAAA,EAAA;AAAA;AAAA;IAAgCC,GAAG,CAAA,wCAAA,EAGlED,OAAO,CAACG,KAAK,EAAA,yEAAA,EAMNH,OAAO,CAACO,eAAe,EAAA,SAAA,EAC5BP,OAAO,CAACQ,UAAU,EAAA,oHAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q1DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA;AAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Sidebar/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport const mainNavContainer = ({ sidebar }: Theme, width: string): SerializedStyles => css`\n  position: sticky;\n  top: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  background: ${sidebar.background};\n  color: ${sidebar.color};\n  z-index: 1001;\n  max-width: ${width};\n\n  .nav-items-wrapper {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    margin: 1.5rem 0;\n  }\n`;\n\nexport const navHandleContainer = ({ sidebar }: Theme): SerializedStyles => css`\n  background-color: transparent;\n  padding: 0;\n  border: 0;\n\n  .nav-item {\n    height: 100%;\n    border-bottom: 1px solid ${sidebar.border};\n  }\n`;\n\nexport const navItemContainer = (\n  { sidebar, typeScaleSizes }: Theme,\n  fontSize: TypographyLevels,\n): SerializedStyles => css`\n  display: flex;\n  align-items: center;\n  color: ${sidebar.color};\n  padding: 0.25rem 1.5rem;\n\n  .icon-container {\n    height: 2rem;\n  }\n\n  &:hover,\n  &.selected,\n  &.focus-visible {\n    background: ${sidebar.backgroundHover};\n    color: ${sidebar.colorHover};\n  }\n\n  .title {\n    margin-inline-start: 0.5rem;\n    font-size: ${typeScaleSizes[fontSize]};\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-break: break-word;\n  }\n`;\n"],"names":["mainNavContainer","width","sidebar","css","background","color","navHandleContainer","border","navItemContainer","fontSize","typeScaleSizes","backgroundHover","colorHover"],"mappings":";;;;;;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAgB,OAAwBC,KAAa,EAAA;EAAA,IAA/BC,OAAO,QAAPA,OAAO,CAAA;AAAA,EAAA;AAAA;AAAA;IAA+CC,GAAG,CAAA,mFAAA,EAM5ED,OAAO,CAACE,UAAU,aACvBF,OAAO,CAACG,KAAK,EAAA,0BAAA,EAETJ,KAAK,EAAA,iFAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6oEAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA;AAAA,IAAA;AAAA,EAQnB;AAEYK,IAAAA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAA,KAAA,EAAA;EAAA,IAAMJ,OAAO,SAAPA,OAAO,CAAA;AAAA,EAAA;AAAA;AAAA;IAAgCC,GAAG,CAAA,gGAAA,EAOhDD,OAAO,CAACK,MAAM,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,4BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6oEAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,4BAAA,CAAA;AAAA,IAAA;AAAA,EAE5C;IAEYC,gBAAgB,GAAG,SAAnBA,gBAAgB,QAE3BC,QAA0B,EAAA;EAAA,IADxBP,OAAO,SAAPA,OAAO;AAAEQ,IAAAA,cAAc,SAAdA,cAAc,CAAA;AAAA,EAAA;AAAA;AAAA;AAEJP,IAAAA,GAAG,2CAGfD,OAAO,CAACG,KAAK,EAAA,qGAAA,EAUNH,OAAO,CAACS,eAAe,EAC5BT,SAAAA,EAAAA,OAAO,CAACU,UAAU,EAAA,gDAAA,EAKdF,cAAc,CAACD,QAAQ,CAAC,EAAA,sIAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6oEAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.1
+   * @epignosis_llc/gnosis.js v3.0.3
    * Released under the MIT license.
    */
 
@@ -23,9 +23,7 @@ var TabPane = function TabPane() {
 };
 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);
+  (_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,
@@ -44,6 +42,7 @@ var Tabs = function Tabs(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     isOverflowActive = _useState4[0],
     setIsOverflowActive = _useState4[1];
+  var dir = document.dir;
   var tabTitles = Children.map(children, function (child, i) {
     return {
       index: i,
@@ -126,7 +125,9 @@ var Tabs = function Tabs(_ref) {
     color: "secondary",
     noGutters: true,
     onClick: handLeftArrowClick
-  }, jsx(SvgArrowLeft, {
+  }, dir === "rtl" ? jsx(SvgArrowRight, {
+    height: 22
+  }) : jsx(SvgArrowLeft, {
     height: 22
   })), jsx("nav", {
     css: function css(theme) {
@@ -152,7 +153,9 @@ var Tabs = function Tabs(_ref) {
     color: "secondary",
     noGutters: true,
     onClick: handRightArrowClick
-  }, jsx(SvgArrowRight, {
+  }, dir === "rtl" ? jsx(SvgArrowLeft, {
+    height: 22
+  }) : jsx(SvgArrowRight, {
     height: 22
   }))), jsx("section", {
     id: "content",

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":";;;;;;;;;;;;;;;;;;;;AAmBA,IAAMA,OAAyB,GAAG,SAA5BA,OAAyB,GAAA;AAAA,EAAA,OAAS,IAAI,CAAA;AAAA,CAAA,CAAA;AAM5C,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,QAAgB,EAAK;AAAA,EAAA,IAAA,qBAAA,CAAA;AACxC,EAAA,IAAMC,SAAS,GAAA,CAAA,qBAAA,GAAGC,QAAQ,CAACC,aAAa,CAAA,OAAA,CAAA,MAAA,CAASH,QAAQ,CAAA,CAAG,MAA1C,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAA4CI,qBAAqB,EAAE,CAACC,CAAC,CAAA;EAEvF,IAAMC,OAAO,GAAGJ,QAAQ,CAACK,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AACvDN,EAAAA,SAAS,IAAIK,OAAO,CAACE,QAAQ,CAACP,SAAS,GAAG,CAAC,GAAGA,SAAS,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;AACtE,CAAC,CAAA;AAED,IAAMQ,IAAuC,GAAG,SAA1CA,IAAuC,CAMvC,IAAA,EAAA;EAAA,IALJC,QAAQ,QAARA,QAAQ;AAAA,IAAA,iBAAA,GAAA,IAAA,CACRC,YAAY;AAAZA,IAAAA,YAAY,kCAAG,KAAK,GAAA,iBAAA;AAAA,IAAA,gBAAA,GAAA,IAAA,CACpBC,WAAW;AAAXA,IAAAA,WAAW,iCAAG,CAAC,GAAA,gBAAA;AACfC,IAAAA,WAAW,QAAXA,WAAW;IACRC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAEP,IAAkCC,SAAAA,GAAAA,QAAQ,CAACH,WAAW,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAhDI,SAAS,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,YAAY,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,IAAMC,SAAS,GAAGC,MAAM,CAAc,IAAI,CAAC,CAAA;EAC3C,IAAgDJ,UAAAA,GAAAA,QAAQ,CAAC,KAAK,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAAxDK,gBAAgB,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,mBAAmB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EAE5C,IAAMC,SAAS,GAAGC,QAAQ,CAACC,GAAG,CAACd,QAAQ,EAAE,UAACe,KAAK,EAAEC,CAAC,EAAA;IAAA,OAAM;AACtDC,MAAAA,KAAK,EAAED,CAAC;AACRE,MAAAA,KAAK,EAAGH,KAAK,CAAkBI,KAAK,CAACD,KAAK;AAC1CE,MAAAA,aAAa,EACX,OAAQL,KAAK,CAAkBI,KAAK,CAACD,KAAK,KAAK,QAAQ,GAClDH,KAAK,CAAkBI,KAAK,CAACD,KAAK,GAClCH,KAAK,CAAkBI,KAAK,CAACC,aAAAA;KACrC,CAAA;AAAA,GAAC,CAAC,CAAA;EAEH,IAAMC,QAAQ,GAAGR,QAAQ,CAACC,GAAG,CAACd,QAAQ,EAAE,UAACe,KAAK,EAAEC,CAAC,EAAA;IAAA,OAAM;AACrDC,MAAAA,KAAK,EAAED,CAAC;AACRM,MAAAA,OAAO,EAAGP,KAAK,CAAkBI,KAAK,CAACnB,QAAAA;KACxC,CAAA;AAAA,GAAC,CAAC,CAAA;AAEH,EAAA,IAAMuB,WAAW,GAAG,SAAdA,WAAW,CAAIN,KAAa,EAAW;IAC3C5B,WAAW,CAAC4B,KAAK,CAAC,CAAA;IAClBV,YAAY,CAACU,KAAK,CAAC,CAAA;AACnBd,IAAAA,WAAW,IAAIA,WAAW,CAACc,KAAK,CAAC,CAAA;GAClC,CAAA;AAED,EAAA,IAAMO,aAAa,GAAG,SAAhBA,aAAa,GAAS;AAC1B,IAAA,IAAI,CAACd,gBAAgB,EAAE,OAAO,KAAK,CAAA;IACnC,OAAOJ,SAAS,GAAG,CAAC,CAAA;GACrB,CAAA;AAED,EAAA,IAAMmB,kBAAkB,GAAG,SAArBA,kBAAkB,GAAS;IAC/B,IAAInB,SAAS,GAAG,CAAC,EAAE;AACjBjB,MAAAA,WAAW,CAACiB,SAAS,GAAG,CAAC,CAAC,CAAA;MAC1BC,YAAY,CAAC,UAACmB,UAAU,EAAA;QAAA,OAAKA,UAAU,GAAG,CAAC,CAAA;OAAC,CAAA,CAAA;AAC9C,KAAA;GACD,CAAA;AAED,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAc,GAAS;AAC3B,IAAA,IAAI,CAACjB,gBAAgB,EAAE,OAAO,KAAK,CAAA;AACnC,IAAA,IAAI,CAACE,SAAS,EAAE,OAAO,KAAK,CAAA;AAC5B,IAAA,OAAON,SAAS,GAAGM,SAAS,CAACgB,MAAM,GAAG,CAAC,CAAA;GACxC,CAAA;AAED,EAAA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,GAAS;IAChC,IAAIjB,SAAS,IAAIN,SAAS,GAAGM,SAAS,CAACgB,MAAM,GAAG,CAAC,EAAE;AACjDvC,MAAAA,WAAW,CAACiB,SAAS,GAAG,CAAC,CAAC,CAAA;MAC1BC,YAAY,CAAC,UAACmB,UAAU,EAAA;QAAA,OAAKA,UAAU,GAAG,CAAC,CAAA;OAAC,CAAA,CAAA;AAC9C,KAAA;GACD,CAAA;AAEDI,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAIlB,SAAS,EAAE;MACb,IAAImB,cAAc,GAAG7B,WAAW,CAAA;MAEhC,IAAIA,WAAW,GAAG,CAAC,EAAE;AACnB6B,QAAAA,cAAc,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,MAAA,IAAI7B,WAAW,GAAGU,SAAS,CAACgB,MAAM,GAAG,CAAC,EAAE;AACtCG,QAAAA,cAAc,GAAGnB,SAAS,CAACgB,MAAM,GAAG,CAAC,CAAA;AACvC,OAAA;MAEArB,YAAY,CAACwB,cAAc,CAAC,CAAA;AAC9B,KAAA;AACF,GAAC,EAAE,CAAC7B,WAAW,CAAC,CAAC,CAAA;AAEjB4B,EAAAA,SAAS,CAAC,YAAM;AACdE,IAAAA,eAAe,EAAE,CAAA;AACnB,GAAC,EAAE,CAACxB,SAAS,CAAC,CAAC,CAAA;AAEf,EAAA,IAAMwB,eAAe,GAAG,SAAlBA,eAAe,GAAS;AAC5B,IAAA,IAAMC,EAAE,GAAGzB,SAAS,CAAC0B,OAAO,CAAA;AAC5B,IAAA,IAAID,EAAE,EAAE;MACNtB,mBAAmB,CAACsB,EAAE,CAACE,WAAW,GAAGF,EAAE,CAACG,WAAW,CAAC,CAAA;AACtD,KAAA;GACD,CAAA;;AAED;AACAN,EAAAA,SAAS,CAAC,YAAM;AACdO,IAAAA,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEN,eAAe,CAAC,CAAA;AAElD,IAAA,OAAO,YAAM;AACXK,MAAAA,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEP,eAAe,CAAC,CAAA;KACtD,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;EAEN,OACEQ,GAAA,CAAA,SAAA,EAAA,QAAA,CAAA;AAAS,IAAA,GAAG,EAAEC,SAAAA;AAAU,GAAA,EAAKrC,IAAI,CAC/B,EAAAoC,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,aAAA;AAAa,GAAA,EACzBhB,aAAa,EAAE,IACdgB,GAAA,CAAC,MAAM,EAAA;AACL,IAAA,aAAA,EAAY,YAAY;AACxB,IAAA,OAAO,EAAC,MAAM;AACd,IAAA,KAAK,EAAC,WAAW;IACjB,SAAS,EAAA,IAAA;AACT,IAAA,OAAO,EAAEf,kBAAAA;AAAmB,GAAA,EAE5Be,IAACE,YAAY,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;AAAG,GAAA,CAAG,CAE/B,EAEDF,GAAA,CAAA,KAAA,EAAA;IACE,GAAG,EAAE,aAACG,KAAK,EAAA;MAAA,OAAuBC,UAAU,CAACD,KAAK,EAAE;AAAE1C,QAAAA,YAAY,EAAZA,YAAAA;AAAa,OAAC,CAAC,CAAA;KAAC;AACtE,IAAA,IAAI,EAAC,SAAS;AACd,IAAA,GAAG,EAAEO,SAAAA;AAAU,GAAA,EAEdI,SAAS,KAATA,IAAAA,IAAAA,SAAS,uBAATA,SAAS,CAAEE,GAAG,CAAC,UAAA,KAAA,EAAA;IAAA,IAAGG,KAAK,SAALA,KAAK;AAAEC,MAAAA,KAAK,SAALA,KAAK,CAAA;AAAA,IAAA,OAC7BsB,IAAC,WAAW,EAAA;AACV,MAAA,GAAG,EAAEvB,KAAM;AACX,MAAA,KAAK,EAAEA,KAAM;AACb,MAAA,KAAK,EAAEC,KAAM;MACb,QAAQ,EAAEZ,SAAS,KAAKW,KAAM;AAC9B,MAAA,WAAW,EAAEM,WAAAA;KACb,CAAA,CAAA;AAAA,GACH,CAAC,CACE,EAELI,cAAc,EAAE,IACfa,IAAC,MAAM,EAAA;AACL,IAAA,aAAA,EAAY,aAAa;AACzB,IAAA,OAAO,EAAC,MAAM;AACd,IAAA,KAAK,EAAC,WAAW;IACjB,SAAS,EAAA,IAAA;AACT,IAAA,OAAO,EAAEX,mBAAAA;AAAoB,GAAA,EAE7BW,IAACK,aAAa,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;GAAM,CAAA,CAEhC,CACG,EAENL,GAAA,CAAA,SAAA,EAAA;AAAS,IAAA,EAAE,EAAC,SAAS;AAAC,IAAA,WAAA,EAAU,QAAQ;AAAC,IAAA,IAAI,EAAC,QAAA;AAAQ,GAAA,EACnD,CAAAnB,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAEO,MAAM,KACfP,QAAQ,CAACP,GAAG,CAAC,UAAA,KAAA,EAAA;IAAA,IAAGG,KAAK,SAALA,KAAK;AAAEK,MAAAA,OAAO,SAAPA,OAAO,CAAA;AAAA,IAAA,OAC5BkB,IAAC,WAAW,EAAA;AACV,MAAA,GAAG,EAAEvB,KAAM;AACX,MAAA,KAAK,EAAEA,KAAM;AACb,MAAA,OAAO,EAAEK,OAAQ;MACjB,SAAS,EAAEhB,SAAS,KAAKW,KAAAA;KACzB,CAAA,CAAA;GACH,CAAC,CACI,CACF,CAAA;AAEd,EAAC;AAEDlB,IAAI,CAACX,OAAO,GAAGA,OAAO;;;;"}
+{"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};\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  const dir = document.dir;\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            {dir === \"rtl\" ? <ArrowRightSVG height={22} /> : <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            {dir === \"rtl\" ? <ArrowLeftSVG height={22} /> : <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","dir","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","ArrowRightSVG","ArrowLeftSVG","theme","tabsHeader"],"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.1
+   * @epignosis_llc/gnosis.js v3.0.3
    * 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 v3.0.1
+   * @epignosis_llc/gnosis.js v3.0.3
    * 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 v3.0.1
+   * @epignosis_llc/gnosis.js v3.0.3
    * Released under the MIT license.
    */
 
@@ -16,7 +16,7 @@ var container = process.env.NODE_ENV === "production" ? {
 } : {
   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/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuXG4gICAgJHttcVtcInNtXCJdfSB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0YWJzLmhlYWRlckJvcmRlcn07XG4gICAgfVxuXG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgdGFiTmF2SXRlbSA9IChcbiAgeyB0YWJzLCBib2R5IH06IFRoZW1lLFxuICB7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2lzQWN0aXZlID8gXCI3MDBcIiA6IFwiNDAwXCJ9O1xuICAgIG1hcmdpbjogMCAxcmVtIDAgMDtcbiAgICBwYWRkaW5nOiAwLjZyZW07XG4gICAgY29sb3I6ICR7Ym9keS5jb2xvcn07XG4gICAgYm9yZGVyLWJvdHRvbTogNHB4IHNvbGlkICR7aXNBY3RpdmUgPyB0YWJzLmxpbmtCb3JkZXIgOiBcInRyYW5zcGFyZW50XCJ9O1xuICBgO1xufTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleDogMTtcblxuICAjY29udGVudCB7XG4gICAgZmxleDogMTtcbiAgICB6LWluZGV4OiAwO1xuICB9XG5cbiAgLm5hdi13cmFwcGVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgdGFic0hlYWRlciA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IHN0aWNreUhlYWRlciB9OiB7IHN0aWNreUhlYWRlcj86IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiBub3dyYXA7XG4gICAgcGFkZGluZzogMDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJhY2tncm91bmQ6ICR7dGFicy5oZWFkZXJCYWNrZ3JvdW5kfTtcbiAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgPyBcInN0aWNreVwiIDogXCJzdGF0aWNcIn07XG4gICAgdG9wOiAke3N0aWNreUhlYWRlciA/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuXG4gICAgJHttcVtcInNtXCJdfSB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0YWJzLmhlYWRlckJvcmRlcn07XG4gICAgfVxuXG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgdGFiTmF2SXRlbSA9IChcbiAgeyB0YWJzLCBib2R5IH06IFRoZW1lLFxuICB7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2lzQWN0aXZlID8gXCI3MDBcIiA6IFwiNDAwXCJ9O1xuICAgIG1hcmdpbi1pbmxpbmU6IDAgMXJlbTtcbiAgICBtYXJnaW4tYmxvY2s6IDA7XG4gICAgcGFkZGluZzogMC42cmVtO1xuICAgIGNvbG9yOiAke2JvZHkuY29sb3J9O1xuICAgIGJvcmRlci1ib3R0b206IDRweCBzb2xpZCAke2lzQWN0aXZlID8gdGFicy5saW5rQm9yZGVyIDogXCJ0cmFuc3BhcmVudFwifTtcbiAgYDtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var tabsHeader = function tabsHeader(_ref, _ref2) {
@@ -25,7 +25,7 @@ var tabsHeader = function tabsHeader(_ref, _ref2) {
   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;")
+    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/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuXG4gICAgJHttcVtcInNtXCJdfSB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0YWJzLmhlYWRlckJvcmRlcn07XG4gICAgfVxuXG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgdGFiTmF2SXRlbSA9IChcbiAgeyB0YWJzLCBib2R5IH06IFRoZW1lLFxuICB7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2lzQWN0aXZlID8gXCI3MDBcIiA6IFwiNDAwXCJ9O1xuICAgIG1hcmdpbi1pbmxpbmU6IDAgMXJlbTtcbiAgICBtYXJnaW4tYmxvY2s6IDA7XG4gICAgcGFkZGluZzogMC42cmVtO1xuICAgIGNvbG9yOiAke2JvZHkuY29sb3J9O1xuICAgIGJvcmRlci1ib3R0b206IDRweCBzb2xpZCAke2lzQWN0aXZlID8gdGFicy5saW5rQm9yZGVyIDogXCJ0cmFuc3BhcmVudFwifTtcbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:tabsHeader;")
   );
 };
 var tabNavItem = function tabNavItem(_ref3, _ref4) {
@@ -35,7 +35,7 @@ var tabNavItem = function tabNavItem(_ref3, _ref4) {
   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;")
+    css("font-weight:", isActive ? "700" : "400", ";margin-inline:0 1rem;margin-block: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/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuXG4gICAgJHttcVtcInNtXCJdfSB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0YWJzLmhlYWRlckJvcmRlcn07XG4gICAgfVxuXG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgdGFiTmF2SXRlbSA9IChcbiAgeyB0YWJzLCBib2R5IH06IFRoZW1lLFxuICB7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2lzQWN0aXZlID8gXCI3MDBcIiA6IFwiNDAwXCJ9O1xuICAgIG1hcmdpbi1pbmxpbmU6IDAgMXJlbTtcbiAgICBtYXJnaW4tYmxvY2s6IDA7XG4gICAgcGFkZGluZzogMC42cmVtO1xuICAgIGNvbG9yOiAke2JvZHkuY29sb3J9O1xuICAgIGJvcmRlci1ib3R0b206IDRweCBzb2xpZCAke2lzQWN0aXZlID8gdGFicy5saW5rQm9yZGVyIDogXCJ0cmFuc3BhcmVudFwifTtcbiAgYDtcbn07XG4iXX0= */", 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,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;;;;"}
+{"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-inline: 0 1rem;\n    margin-block: 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,igEAAA;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,igEAAA,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,EAI9BD,4DAAAA,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,igEAAA,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.1
+   * @epignosis_llc/gnosis.js v3.0.3
    * 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 v3.0.1
+   * @epignosis_llc/gnosis.js v3.0.3
    * Released under the MIT license.
    */
 
@@ -13,7 +13,7 @@ var tag = function tag(_ref) {
   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;")
+    css("display:inline-flex;align-items:center;font-size:", typeScaleSizes.xs, ";padding:0.5rem 0.75rem 0.4rem;" + (process.env.NODE_ENV === "production" ? "" : ";label:tag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUUiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgdGFnID0gKHsgdHlwZVNjYWxlU2l6ZXMgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogJHt0eXBlU2NhbGVTaXplcy54c307XG4gIHBhZGRpbmc6IDAuNXJlbSAwLjc1cmVtIDAuNHJlbTtcbmA7XG4iXX0= */", 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,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;;;;"}
+{"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.5rem 0.75rem 0.4rem;\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,iCAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,aAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yjBAAA,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.1
+   * @epignosis_llc/gnosis.js v3.0.3
    * 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 v3.0.1
+   * @epignosis_llc/gnosis.js v3.0.3
    * Released under the MIT license.
    */
 

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

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

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

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

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

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

package/dist/esm/src/icons/arrow_left.svg.js

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

package/dist/esm/src/icons/arrow_right.svg.js

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

package/dist/esm/src/icons/close.svg.js

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

package/dist/esm/src/icons/close_circled.svg.js

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

package/dist/esm/src/icons/danger.svg.js

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