@epignosis_llc/gnosis 3.0.1 → 3.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/ProgressBar/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./ProgressBar\";\n\nconst progressBarSize = {\n  md: \"28px\",\n  lg: \"40px\",\n};\n\nexport const container = (\n  { progressBar }: Theme,\n  { percent, size, rounded }: { percent: number; size: Size; rounded: boolean },\n): SerializedStyles => {\n  return css`\n    position: relative;\n    height: ${progressBarSize[size]};\n    width: 100%;\n    background-color: ${progressBar.background};\n    ${rounded && \"border-radius: 5px\"};\n    overflow: hidden;\n\n    &::after {\n      content: \" \";\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      min-width: ${percent ? \"20%\" : \"0%\"};\n      width: ${percent}%;\n      background-color: ${progressBar.progressBackground};\n    }\n\n    div {\n      position: absolute;\n      z-index: 1;\n      height: 100%;\n      width: ${percent - 5}%;\n      max-width: 95%;\n      min-width: ${percent ? \"13%\" : \"0%\"};\n      display: flex;\n      padding-left: 1rem;\n      justify-content: flex-end;\n      align-items: center;\n      color: ${progressBar.percentColor};\n    }\n  `;\n};\n"],"names":["progressBarSize","md","lg","container","progressBar","percent","size","rounded","css","background","progressBackground","percentColor"],"mappings":";;;;;;;;;;AAGA,IAAMA,eAAe,GAAG;AACtBC,EAAAA,EAAE,EAAE,MADkB;AAEtBC,EAAAA,EAAE,EAAE,MAAA;AAFkB,CAAxB,CAAA;AAKaC,IAAAA,SAAS,GAAG,SAAZA,SAAY,CAGF,IAAA,EAAA,KAAA,EAAA;AAAA,EAFnBC,IAAAA,WAEmB,QAFnBA,WAEmB,CAAA;AAAA,EADnBC,IAAAA,OACmB,SADnBA,OACmB;AAAA,MADVC,IACU,SADVA,IACU;AAAA,MADJC,OACI,SADJA,OACI,CAAA;AACrB,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAEYR,2BAAAA,EAAAA,eAAe,CAACM,IAAD,CAF3B,EAIsBF,+BAAAA,EAAAA,WAAW,CAACK,UAJlC,OAKIF,OAAO,IAAI,oBALf,EAciBF,+FAAAA,EAAAA,OAAO,GAAG,KAAH,GAAW,IAdnC,EAAA,SAAA,EAeaA,OAfb,EAgBwBD,qBAAAA,EAAAA,WAAW,CAACM,kBAhBpC,EAAA,sDAAA,EAuBaL,OAAO,GAAG,CAvBvB,EAyBiBA,4BAAAA,EAAAA,OAAO,GAAG,KAAH,GAAW,IAzBnC,EA8BaD,oFAAAA,EAAAA,WAAW,CAACO,YA9BzB,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6uDAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAiCD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/ProgressBar/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./ProgressBar\";\n\nconst progressBarSize = {\n  md: \"28px\",\n  lg: \"40px\",\n};\n\nexport const container = (\n  { progressBar }: Theme,\n  { percent, size, rounded }: { percent: number; size: Size; rounded: boolean },\n): SerializedStyles => {\n  return css`\n    position: relative;\n    height: ${progressBarSize[size]};\n    width: 100%;\n    background-color: ${progressBar.background};\n    ${rounded && \"border-radius: 5px\"};\n    overflow: hidden;\n\n    &::after {\n      content: \" \";\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      min-width: ${percent ? \"20%\" : \"0%\"};\n      width: ${percent}%;\n      background-color: ${progressBar.progressBackground};\n    }\n\n    div {\n      position: absolute;\n      z-index: 1;\n      height: 100%;\n      width: ${percent - 5}%;\n      max-width: 95%;\n      min-width: ${percent ? \"13%\" : \"0%\"};\n      display: flex;\n      padding-left: 1rem;\n      justify-content: flex-end;\n      align-items: center;\n      color: ${progressBar.percentColor};\n    }\n  `;\n};\n"],"names":["progressBarSize","md","lg","container","progressBar","percent","size","rounded","css","background","progressBackground","percentColor"],"mappings":";;;;;;;;;;AAGA,IAAMA,eAAe,GAAG;AACtBC,EAAAA,EAAE,EAAE,MAAM;AACVC,EAAAA,EAAE,EAAE,MAAA;AACN,CAAC,CAAA;AAEYC,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAGC,IAAA,EAAA,KAAA,EAAA;EAAA,IAFnBC,WAAW,QAAXA,WAAW,CAAA;EAAA,IACXC,OAAO,SAAPA,OAAO;AAAEC,IAAAA,IAAI,SAAJA,IAAI;AAAEC,IAAAA,OAAO,SAAPA,OAAO,CAAA;AAExB,EAAA;AAAA;AAAA;AAAOC,IAAAA,GAAG,8BAEER,eAAe,CAACM,IAAI,CAAC,mCAEXF,WAAW,CAACK,UAAU,EAAA,GAAA,EACxCF,OAAO,IAAI,oBAAoB,mGASlBF,OAAO,GAAG,KAAK,GAAG,IAAI,EAC1BA,SAAAA,EAAAA,OAAO,yBACID,WAAW,CAACM,kBAAkB,EAAA,sDAAA,EAOzCL,OAAO,GAAG,CAAC,EAEPA,4BAAAA,EAAAA,OAAO,GAAG,KAAK,GAAG,IAAI,EAK1BD,oFAAAA,EAAAA,WAAW,CAACO,YAAY,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6uDAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAGvC;;;;"}

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

@@ -2,45 +2,35 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
-import '../../../node_modules/@umijs/use-request/es/index.js';
-import '../../../node_modules/lodash.isequal/index.js';
-import '../../../node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js';
-import { useResponsive } from '../../../node_modules/@umijs/hooks/es/useResponsive/index.js';
-import '../../../node_modules/screenfull/dist/screenfull.js';
-import '../../../node_modules/intersection-observer/intersection-observer.js';
-import '../../../node_modules/@umijs/hooks/es/useTextSelection/index.js';
+import { useResponsive } from '../../../node_modules/ahooks/es/useResponsive/index.js';
 import Heading from '../Heading/Heading.js';
 import Text from '../Text/Text.js';
 import { container } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var _excluded = ["icon", "title", "info", "footer", "size"];
-
 var getIconSize = function getIconSize(isMd) {
   return {
     md: isMd ? 100 : 75,
     lg: isMd ? 180 : 135
   };
 };
-
 var Result = function Result(_ref) {
   var icon = _ref.icon,
-      title = _ref.title,
-      info = _ref.info,
-      footer = _ref.footer,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "lg" : _ref$size,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    title = _ref.title,
+    info = _ref.info,
+    footer = _ref.footer,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "lg" : _ref$size,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useResponsive = useResponsive(),
-      md = _useResponsive.md;
-
+    md = _useResponsive.md;
   var Icon = icon;
   var iconSize = getIconSize(md);
   return jsx("article", _extends({

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

@@ -1 +1 @@
-{"version":3,"file":"Result.js","sources":["../../../../../src/components/Result/Result.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { useResponsive } from \"@umijs/hooks\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Heading from \"../Heading/Heading\";\nimport Text from \"../Text/Text\";\nimport { container } from \"./styles\";\nimport { IconType } from \"types/common\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ResultProps = React.HTMLAttributes<HTMLElement> & {\n  icon?: IconType;\n  title: string;\n  info?: string;\n  size?: Size;\n  footer?: ReactNode;\n};\n\ntype IconSize = {\n  md: number;\n  lg: number;\n};\n\nconst getIconSize = (isMd: boolean): IconSize => ({\n  md: isMd ? 100 : 75,\n  lg: isMd ? 180 : 135,\n});\n\nconst Result: FC<ResultProps> = ({ icon, title, info, footer, size = \"lg\", ...rest }) => {\n  const { md } = useResponsive();\n  const Icon = icon;\n  const iconSize = getIconSize(md);\n\n  return (\n    <article\n      data-testid=\"empty-state-container\"\n      css={(theme): SerializedStyles => container(theme, { size })}\n      {...rest}\n    >\n      {Icon && <Icon height={iconSize[size]} data-testid=\"result-icon\" />}\n      <div className=\"body\">\n        <Heading as=\"h3\">{title}</Heading>\n        {info && (\n          <Text fontSize={size as TypographyLevels} as=\"p\">\n            {info}\n          </Text>\n        )}\n      </div>\n      {footer && <footer>{footer}</footer>}\n    </article>\n  );\n};\n\nexport default Result;\n"],"names":["getIconSize","isMd","md","lg","Result","icon","title","info","footer","size","rest","useResponsive","Icon","iconSize","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAA;AAAA,EAA8B,OAAA;AAChDC,IAAAA,EAAE,EAAED,IAAI,GAAG,GAAH,GAAS,EAD+B;AAEhDE,IAAAA,EAAE,EAAEF,IAAI,GAAG,GAAH,GAAS,GAAA;AAF+B,GAA9B,CAAA;AAAA,CAApB,CAAA;;AAKA,IAAMG,MAAuB,GAAG,SAA1BA,MAA0B,CAAyD,IAAA,EAAA;AAAA,EAAtDC,IAAAA,IAAsD,QAAtDA,IAAsD;AAAA,MAAhDC,KAAgD,QAAhDA,KAAgD;AAAA,MAAzCC,IAAyC,QAAzCA,IAAyC;AAAA,MAAnCC,MAAmC,QAAnCA,MAAmC;AAAA,MAAA,SAAA,GAAA,IAAA,CAA3BC,IAA2B;AAAA,MAA3BA,IAA2B,0BAApB,IAAoB,GAAA,SAAA;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AACvF,EAAA,IAAA,cAAA,GAAeC,aAAa,EAA5B;AAAA,MAAQT,EAAR,kBAAQA,EAAR,CAAA;;AACA,EAAMU,IAAAA,IAAI,GAAGP,IAAb,CAAA;AACA,EAAA,IAAMQ,QAAQ,GAAGb,WAAW,CAACE,EAAD,CAA5B,CAAA;AAEA,EACE,OAAAY,GAAA,CAAA,SAAA,EAAA,QAAA,CAAA;AACE,IAAA,aAAA,EAAY,uBADd;AAEE,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAA6BC,OAAAA,SAAS,CAACD,KAAD,EAAQ;AAAEN,QAAAA,IAAI,EAAJA,IAAAA;AAAF,OAAR,CAAtC,CAAA;AAAA,KAAA;AAFP,GAAA,EAGMC,IAHN,CAAA,EAKGE,IAAI,IAAIE,IAAC,IAAD,EAAA;AAAM,IAAA,MAAM,EAAED,QAAQ,CAACJ,IAAD,CAAtB;AAA8B,IAAY,aAAA,EAAA,aAAA;AAA1C,GAAA,CALX,EAMEK,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,MAAA;AAAf,GAAA,EACEA,IAAC,OAAD,EAAA;AAAS,IAAA,EAAE,EAAC,IAAA;AAAZ,GAAA,EAAkBR,KAAlB,CADF,EAEGC,IAAI,IACHO,IAAC,IAAD,EAAA;AAAM,IAAA,QAAQ,EAAEL,IAAhB;AAA0C,IAAA,EAAE,EAAC,GAAA;AAA7C,GACGF,EAAAA,IADH,CAHJ,CANF,EAcGC,MAAM,IAAIM,GAAA,CAAA,QAAA,EAAA,IAAA,EAASN,MAAT,CAdb,CADF,CAAA;AAkBD;;;;"}
+{"version":3,"file":"Result.js","sources":["../../../../../src/components/Result/Result.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { useResponsive } from \"ahooks\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Heading from \"../Heading/Heading\";\nimport Text from \"../Text/Text\";\nimport { container } from \"./styles\";\nimport { IconType } from \"types/common\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ResultProps = React.HTMLAttributes<HTMLElement> & {\n  icon?: IconType;\n  title: string;\n  info?: string;\n  size?: Size;\n  footer?: ReactNode;\n};\n\ntype IconSize = {\n  md: number;\n  lg: number;\n};\n\nconst getIconSize = (isMd: boolean): IconSize => ({\n  md: isMd ? 100 : 75,\n  lg: isMd ? 180 : 135,\n});\n\nconst Result: FC<ResultProps> = ({ icon, title, info, footer, size = \"lg\", ...rest }) => {\n  const { md } = useResponsive();\n  const Icon = icon;\n  const iconSize = getIconSize(md);\n\n  return (\n    <article\n      data-testid=\"empty-state-container\"\n      css={(theme): SerializedStyles => container(theme, { size })}\n      {...rest}\n    >\n      {Icon && <Icon height={iconSize[size]} data-testid=\"result-icon\" />}\n      <div className=\"body\">\n        <Heading as=\"h3\">{title}</Heading>\n        {info && (\n          <Text fontSize={size as TypographyLevels} as=\"p\">\n            {info}\n          </Text>\n        )}\n      </div>\n      {footer && <footer>{footer}</footer>}\n    </article>\n  );\n};\n\nexport default Result;\n"],"names":["getIconSize","isMd","md","lg","Result","icon","title","info","footer","size","rest","useResponsive","Icon","iconSize","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,IAAa,EAAA;EAAA,OAAgB;AAChDC,IAAAA,EAAE,EAAED,IAAI,GAAG,GAAG,GAAG,EAAE;AACnBE,IAAAA,EAAE,EAAEF,IAAI,GAAG,GAAG,GAAG,GAAA;GAClB,CAAA;AAAA,CAAC,CAAA;AAEF,IAAMG,MAAuB,GAAG,SAA1BA,MAAuB,CAA4D,IAAA,EAAA;EAAA,IAAtDC,IAAI,QAAJA,IAAI;AAAEC,IAAAA,KAAK,QAALA,KAAK;AAAEC,IAAAA,IAAI,QAAJA,IAAI;AAAEC,IAAAA,MAAM,QAANA,MAAM;AAAA,IAAA,SAAA,GAAA,IAAA,CAAEC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,IAAI,GAAA,SAAA;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAChF,EAAA,IAAA,cAAA,GAAeC,aAAa,EAAE;AAAtBT,IAAAA,EAAE,kBAAFA,EAAE,CAAA;EACV,IAAMU,IAAI,GAAGP,IAAI,CAAA;AACjB,EAAA,IAAMQ,QAAQ,GAAGb,WAAW,CAACE,EAAE,CAAC,CAAA;EAEhC,OACEY,GAAA,CAAA,SAAA,EAAA,QAAA,CAAA;AACE,IAAA,aAAA,EAAY,uBAAuB;IACnC,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAuBC,SAAS,CAACD,KAAK,EAAE;AAAEN,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EACzDC,IAAI,CAAA,EAEPE,IAAI,IAAIE,IAAC,IAAI,EAAA;AAAC,IAAA,MAAM,EAAED,QAAQ,CAACJ,IAAI,CAAE;IAAC,aAAY,EAAA,aAAA;AAAa,GAAA,CAAG,EACnEK,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,MAAA;AAAM,GAAA,EACnBA,IAAC,OAAO,EAAA;AAAC,IAAA,EAAE,EAAC,IAAA;AAAI,GAAA,EAAER,KAAK,CAAW,EACjCC,IAAI,IACHO,IAAC,IAAI,EAAA;AAAC,IAAA,QAAQ,EAAEL,IAAyB;AAAC,IAAA,EAAE,EAAC,GAAA;GAC1CF,EAAAA,IAAI,CAER,CACG,EACLC,MAAM,IAAIM,GAAA,CAAA,QAAA,EAAA,IAAA,EAASN,MAAM,CAAU,CAC5B,CAAA;AAEd;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -11,11 +11,10 @@ import { mq } from '../../theme/utils/breakpoints.js';
 
 var container = function container(_ref, _ref2) {
   var typeScaleSizes = _ref.typeScaleSizes,
-      result = _ref.result;
+    result = _ref.result;
   var size = _ref2.size;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0;.body{text-align:center;margin-top:2rem;h3{line-height:1;color:", result.titleColor, ";margin-bottom:1rem;", mq["sm"], "{font-size:", size === "lg" ? typeScaleSizes.xl : typeScaleSizes.md, ";}}p{color:", result.infoColor, ";}}footer{margin-top:1rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBTaXplIH0gZnJvbSBcIi4vUmVzdWx0XCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCJAdGhlbWUvdXRpbHMvYnJlYWtwb2ludHNcIjtcblxuZXhwb3J0IGNvbnN0IGNvbnRhaW5lciA9IChcbiAgeyB0eXBlU2NhbGVTaXplcywgcmVzdWx0IH06IFRoZW1lLFxuICB7IHNpemUgfTogeyBzaXplOiBTaXplIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMXJlbSAwO1xuXG4gICAgLmJvZHkge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgbWFyZ2luLXRvcDogMnJlbTtcblxuICAgICAgaDMge1xuICAgICAgICBsaW5lLWhlaWdodDogMTtcbiAgICAgICAgY29sb3I6ICR7cmVzdWx0LnRpdGxlQ29sb3J9O1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuXG4gICAgICAgICR7bXFbXCJzbVwiXX0ge1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHtzaXplID09PSBcImxnXCIgPyB0eXBlU2NhbGVTaXplcy54bCA6IHR5cGVTY2FsZVNpemVzLm1kfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBwIHtcbiAgICAgICAgY29sb3I6ICR7cmVzdWx0LmluZm9Db2xvcn07XG4gICAgICB9XG4gICAgfVxuXG4gICAgZm9vdGVyIHtcbiAgICAgIG1hcmdpbi10b3A6IDFyZW07XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
   );

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Result/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./Result\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const container = (\n  { typeScaleSizes, result }: Theme,\n  { size }: { size: Size },\n): SerializedStyles => {\n  return css`\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 1rem 0;\n\n    .body {\n      text-align: center;\n      margin-top: 2rem;\n\n      h3 {\n        line-height: 1;\n        color: ${result.titleColor};\n        margin-bottom: 1rem;\n\n        ${mq[\"sm\"]} {\n          font-size: ${size === \"lg\" ? typeScaleSizes.xl : typeScaleSizes.md};\n        }\n      }\n\n      p {\n        color: ${result.infoColor};\n      }\n    }\n\n    footer {\n      margin-top: 1rem;\n    }\n  `;\n};\n"],"names":["container","typeScaleSizes","result","size","css","titleColor","mq","xl","md","infoColor"],"mappings":";;;;;;;;;;;AAIaA,IAAAA,SAAS,GAAG,SAAZA,SAAY,CAGF,IAAA,EAAA,KAAA,EAAA;AAAA,EAFnBC,IAAAA,cAEmB,QAFnBA,cAEmB;AAAA,MAFHC,MAEG,QAFHA,MAEG,CAAA;AAAA,EADnBC,IAAAA,IACmB,SADnBA,IACmB,CAAA;AACrB,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAceF,yKAAAA,EAAAA,MAAM,CAACG,UAdtB,0BAiBQC,EAAE,CAAC,IAAD,CAjBV,EAkBqBH,aAAAA,EAAAA,IAAI,KAAK,IAAT,GAAgBF,cAAc,CAACM,EAA/B,GAAoCN,cAAc,CAACO,EAlBxE,EAAA,aAAA,EAuBeN,MAAM,CAACO,SAvBtB,EAAA,6BAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q1CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AA+BD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Result/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./Result\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const container = (\n  { typeScaleSizes, result }: Theme,\n  { size }: { size: Size },\n): SerializedStyles => {\n  return css`\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 1rem 0;\n\n    .body {\n      text-align: center;\n      margin-top: 2rem;\n\n      h3 {\n        line-height: 1;\n        color: ${result.titleColor};\n        margin-bottom: 1rem;\n\n        ${mq[\"sm\"]} {\n          font-size: ${size === \"lg\" ? typeScaleSizes.xl : typeScaleSizes.md};\n        }\n      }\n\n      p {\n        color: ${result.infoColor};\n      }\n    }\n\n    footer {\n      margin-top: 1rem;\n    }\n  `;\n};\n"],"names":["container","typeScaleSizes","result","size","css","titleColor","mq","xl","md","infoColor"],"mappings":";;;;;;;;;;;AAIaA,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAGC,IAAA,EAAA,KAAA,EAAA;EAAA,IAFnBC,cAAc,QAAdA,cAAc;AAAEC,IAAAA,MAAM,QAANA,MAAM,CAAA;EAAA,IACtBC,IAAI,SAAJA,IAAI,CAAA;AAEN,EAAA;AAAA;AAAA;IAAOC,GAAG,CAAA,yKAAA,EAcKF,MAAM,CAACG,UAAU,EAAA,sBAAA,EAGxBC,EAAE,CAAC,IAAI,CAAC,EAAA,aAAA,EACKH,IAAI,KAAK,IAAI,GAAGF,cAAc,CAACM,EAAE,GAAGN,cAAc,CAACO,EAAE,EAAA,aAAA,EAK3DN,MAAM,CAACO,SAAS,EAAA,6BAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q1CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAQjC;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -14,9 +14,9 @@ import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/
 
 var NavHandle = function NavHandle(_ref) {
   var isExpanded = _ref.isExpanded,
-      toggleMainNav = _ref.toggleMainNav,
-      _ref$navItemLabel = _ref.navItemLabel,
-      navItemLabel = _ref$navItemLabel === void 0 ? "" : _ref$navItemLabel;
+    toggleMainNav = _ref.toggleMainNav,
+    _ref$navItemLabel = _ref.navItemLabel,
+    navItemLabel = _ref$navItemLabel === void 0 ? "" : _ref$navItemLabel;
   return jsx("button", {
     className: "nav-handle",
     css: navHandleContainer,

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

@@ -1 +1 @@
-{"version":3,"file":"NavHandle.js","sources":["../../../../../src/components/Sidebar/NavHandle.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { HamburgerSVG } from \"../../icons/\";\nimport NavItem from \"./NavItem\";\nimport { navHandleContainer } from \"./styles\";\n\nexport type NavHandleProps = {\n  isExpanded: boolean;\n  navItemLabel?: string;\n  toggleMainNav: () => void;\n};\n\nconst NavHandle: FC<NavHandleProps> = ({ isExpanded, toggleMainNav, navItemLabel = \"\" }) => {\n  return (\n    <button className=\"nav-handle\" css={navHandleContainer} onClick={toggleMainNav}>\n      <NavItem label={navItemLabel} isExpanded={isExpanded} icon={<HamburgerSVG height={32} />} />\n    </button>\n  );\n};\n\nexport default NavHandle;\n"],"names":["NavHandle","isExpanded","toggleMainNav","navItemLabel","___EmotionJSX","navHandleContainer","HamburgerSVG"],"mappings":";;;;;;;;;;;;;;AAWA,IAAMA,SAA6B,GAAG,SAAhCA,SAAgC,CAAsD,IAAA,EAAA;AAAA,EAAnDC,IAAAA,UAAmD,QAAnDA,UAAmD;AAAA,MAAvCC,aAAuC,QAAvCA,aAAuC;AAAA,MAAA,iBAAA,GAAA,IAAA,CAAxBC,YAAwB;AAAA,MAAxBA,YAAwB,kCAAT,EAAS,GAAA,iBAAA,CAAA;AAC1F,EACE,OAAAC,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,SAAS,EAAC,YAAlB;AAA+B,IAAA,GAAG,EAAEC,kBAApC;AAAwD,IAAA,OAAO,EAAEH,aAAAA;AAAjE,GAAA,EACEE,IAAC,OAAD,EAAA;AAAS,IAAA,KAAK,EAAED,YAAhB;AAA8B,IAAA,UAAU,EAAEF,UAA1C;AAAsD,IAAA,IAAI,EAAEG,GAAA,CAACE,YAAD,EAAA;AAAc,MAAA,MAAM,EAAE,EAAA;AAAtB,KAAA,CAAA;AAA5D,GAAA,CADF,CADF,CAAA;AAKD;;;;"}
+{"version":3,"file":"NavHandle.js","sources":["../../../../../src/components/Sidebar/NavHandle.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { HamburgerSVG } from \"../../icons/\";\nimport NavItem from \"./NavItem\";\nimport { navHandleContainer } from \"./styles\";\n\nexport type NavHandleProps = {\n  isExpanded: boolean;\n  navItemLabel?: string;\n  toggleMainNav: () => void;\n};\n\nconst NavHandle: FC<NavHandleProps> = ({ isExpanded, toggleMainNav, navItemLabel = \"\" }) => {\n  return (\n    <button className=\"nav-handle\" css={navHandleContainer} onClick={toggleMainNav}>\n      <NavItem label={navItemLabel} isExpanded={isExpanded} icon={<HamburgerSVG height={32} />} />\n    </button>\n  );\n};\n\nexport default NavHandle;\n"],"names":["NavHandle","isExpanded","toggleMainNav","navItemLabel","___EmotionJSX","navHandleContainer","HamburgerSVG"],"mappings":";;;;;;;;;;;;;;AAWA,IAAMA,SAA6B,GAAG,SAAhCA,SAA6B,CAAyD,IAAA,EAAA;EAAA,IAAnDC,UAAU,QAAVA,UAAU;AAAEC,IAAAA,aAAa,QAAbA,aAAa;AAAA,IAAA,iBAAA,GAAA,IAAA,CAAEC,YAAY;AAAZA,IAAAA,YAAY,kCAAG,EAAE,GAAA,iBAAA,CAAA;EACnF,OACEC,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,SAAS,EAAC,YAAY;AAAC,IAAA,GAAG,EAAEC,kBAAmB;AAAC,IAAA,OAAO,EAAEH,aAAAA;AAAc,GAAA,EAC7EE,IAAC,OAAO,EAAA;AAAC,IAAA,KAAK,EAAED,YAAa;AAAC,IAAA,UAAU,EAAEF,UAAW;IAAC,IAAI,EAAEG,IAACE,YAAY,EAAA;AAAC,MAAA,MAAM,EAAE,EAAA;AAAG,KAAA,CAAA;AAAI,GAAA,CAAG,CACrF,CAAA;AAEb;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -11,8 +11,8 @@ import classNames from '../../../node_modules/classnames/index.js';
 import { navItemContainer } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 import { useReducedMotion } from '../../../node_modules/framer-motion/dist/es/utils/use-reduced-motion.mjs.js';
-import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.mjs.js';
 import { AnimatePresence } from '../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs.js';
+import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.mjs.js';
 
 var labelVariants = {
   hidden: {
@@ -46,13 +46,12 @@ var labelVariants = {
     };
   }
 };
-
 var NavItem = function NavItem(_ref3) {
   var isExpanded = _ref3.isExpanded,
-      label = _ref3.label,
-      icon = _ref3.icon,
-      _ref3$isActive = _ref3.isActive,
-      isActive = _ref3$isActive === void 0 ? false : _ref3$isActive;
+    label = _ref3.label,
+    icon = _ref3.icon,
+    _ref3$isActive = _ref3.isActive,
+    isActive = _ref3$isActive === void 0 ? false : _ref3$isActive;
   var isReducedMotion = useReducedMotion();
   var containerClassNames = classNames({
     selected: isActive,

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

@@ -1 +1 @@
-{"version":3,"file":"NavItem.js","sources":["../../../../../src/components/Sidebar/NavItem.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { m, AnimatePresence, Variants, useReducedMotion } from \"framer-motion\";\nimport classNames from \"classnames\";\nimport { navItemContainer } from \"./styles\";\n\nexport type NavItemProps = FC<{\n  isExpanded: boolean;\n  icon: ReactNode;\n  label: string | JSX.Element;\n  isActive?: boolean;\n}>;\n\nconst labelVariants: Variants = {\n  hidden: {\n    display: \"none\",\n    opacity: 0,\n    x: -10,\n  },\n  visible: ({ isReducedMotion }) => ({\n    display: \"block\",\n    opacity: 1,\n    x: 0,\n    transition: {\n      duration: isReducedMotion ? 0 : 0.1,\n      delay: isReducedMotion ? 0 : 0.2,\n    },\n  }),\n  exit: ({ isReducedMotion }) => ({\n    opacity: 0,\n    x: -10,\n    transition: {\n      duration: isReducedMotion ? 0 : 0.1,\n    },\n    transitionEnd: {\n      display: \"none\",\n    },\n  }),\n};\n\nconst NavItem: NavItemProps = ({ isExpanded, label, icon, isActive = false }) => {\n  const isReducedMotion = useReducedMotion();\n  const containerClassNames = classNames({\n    selected: isActive,\n    \"nav-item\": true,\n  });\n\n  return (\n    <div css={navItemContainer} className={containerClassNames}>\n      {icon}\n      <AnimatePresence>\n        {isExpanded && (\n          <m.div\n            className=\"title\"\n            initial=\"hidden\"\n            animate=\"visible\"\n            exit=\"exit\"\n            variants={labelVariants}\n            custom={{ isReducedMotion }}\n          >\n            {label}\n          </m.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport default NavItem;\n"],"names":["labelVariants","hidden","display","opacity","x","visible","isReducedMotion","transition","duration","delay","exit","transitionEnd","NavItem","isExpanded","label","icon","isActive","useReducedMotion","containerClassNames","classNames","selected","___EmotionJSX","navItemContainer"],"mappings":";;;;;;;;;;;;;;;;AAYA,IAAMA,aAAuB,GAAG;AAC9BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,MADH;AAENC,IAAAA,OAAO,EAAE,CAFH;AAGNC,IAAAA,CAAC,EAAE,CAAC,EAAA;AAHE,GADsB;AAM9BC,EAAAA,OAAO,EAAE,SAAA,OAAA,CAAA,IAAA,EAAA;AAAA,IAAGC,IAAAA,eAAH,QAAGA,eAAH,CAAA;AAAA,IAA0B,OAAA;AACjCJ,MAAAA,OAAO,EAAE,OADwB;AAEjCC,MAAAA,OAAO,EAAE,CAFwB;AAGjCC,MAAAA,CAAC,EAAE,CAH8B;AAIjCG,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAEF,eAAe,GAAG,CAAH,GAAO,GADtB;AAEVG,QAAAA,KAAK,EAAEH,eAAe,GAAG,CAAH,GAAO,GAAA;AAFnB,OAAA;AAJqB,KAA1B,CAAA;AAAA,GANqB;AAe9BI,EAAAA,IAAI,EAAE,SAAA,IAAA,CAAA,KAAA,EAAA;AAAA,IAAGJ,IAAAA,eAAH,SAAGA,eAAH,CAAA;AAAA,IAA0B,OAAA;AAC9BH,MAAAA,OAAO,EAAE,CADqB;AAE9BC,MAAAA,CAAC,EAAE,CAAC,EAF0B;AAG9BG,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAEF,eAAe,GAAG,CAAH,GAAO,GAAA;AADtB,OAHkB;AAM9BK,MAAAA,aAAa,EAAE;AACbT,QAAAA,OAAO,EAAE,MAAA;AADI,OAAA;AANe,KAA1B,CAAA;AAAA,GAAA;AAfwB,CAAhC,CAAA;;AA2BA,IAAMU,OAAqB,GAAG,SAAxBA,OAAwB,CAAmD,KAAA,EAAA;AAAA,EAAhDC,IAAAA,UAAgD,SAAhDA,UAAgD;AAAA,MAApCC,KAAoC,SAApCA,KAAoC;AAAA,MAA7BC,IAA6B,SAA7BA,IAA6B;AAAA,MAAA,cAAA,GAAA,KAAA,CAAvBC,QAAuB;AAAA,MAAvBA,QAAuB,+BAAZ,KAAY,GAAA,cAAA,CAAA;AAC/E,EAAMV,IAAAA,eAAe,GAAGW,gBAAgB,EAAxC,CAAA;AACA,EAAMC,IAAAA,mBAAmB,GAAGC,UAAU,CAAC;AACrCC,IAAAA,QAAQ,EAAEJ,QAD2B;AAErC,IAAY,UAAA,EAAA,IAAA;AAFyB,GAAD,CAAtC,CAAA;AAKA,EACE,OAAAK,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEC,gBAAV;AAA4B,IAAA,SAAS,EAAEJ,mBAAAA;AAAvC,GACGH,EAAAA,IADH,EAEEM,GAAA,CAAC,eAAD,EAAA,IAAA,EACGR,UAAU,IACTQ,GAAA,CAAC,CAAD,CAAG,GAAH,EAAA;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,OAAO,EAAC,QAFV;AAGE,IAAA,OAAO,EAAC,SAHV;AAIE,IAAA,IAAI,EAAC,MAJP;AAKE,IAAA,QAAQ,EAAErB,aALZ;AAME,IAAA,MAAM,EAAE;AAAEM,MAAAA,eAAe,EAAfA,eAAAA;AAAF,KAAA;AANV,GAQGQ,EAAAA,KARH,CAFJ,CAFF,CADF,CAAA;AAmBD;;;;"}
+{"version":3,"file":"NavItem.js","sources":["../../../../../src/components/Sidebar/NavItem.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { m, AnimatePresence, Variants, useReducedMotion } from \"framer-motion\";\nimport classNames from \"classnames\";\nimport { navItemContainer } from \"./styles\";\n\nexport type NavItemProps = FC<{\n  isExpanded: boolean;\n  icon: ReactNode;\n  label: string | JSX.Element;\n  isActive?: boolean;\n}>;\n\nconst labelVariants: Variants = {\n  hidden: {\n    display: \"none\",\n    opacity: 0,\n    x: -10,\n  },\n  visible: ({ isReducedMotion }) => ({\n    display: \"block\",\n    opacity: 1,\n    x: 0,\n    transition: {\n      duration: isReducedMotion ? 0 : 0.1,\n      delay: isReducedMotion ? 0 : 0.2,\n    },\n  }),\n  exit: ({ isReducedMotion }) => ({\n    opacity: 0,\n    x: -10,\n    transition: {\n      duration: isReducedMotion ? 0 : 0.1,\n    },\n    transitionEnd: {\n      display: \"none\",\n    },\n  }),\n};\n\nconst NavItem: NavItemProps = ({ isExpanded, label, icon, isActive = false }) => {\n  const isReducedMotion = useReducedMotion();\n  const containerClassNames = classNames({\n    selected: isActive,\n    \"nav-item\": true,\n  });\n\n  return (\n    <div css={navItemContainer} className={containerClassNames}>\n      {icon}\n      <AnimatePresence>\n        {isExpanded && (\n          <m.div\n            className=\"title\"\n            initial=\"hidden\"\n            animate=\"visible\"\n            exit=\"exit\"\n            variants={labelVariants}\n            custom={{ isReducedMotion }}\n          >\n            {label}\n          </m.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport default NavItem;\n"],"names":["labelVariants","hidden","display","opacity","x","visible","isReducedMotion","transition","duration","delay","exit","transitionEnd","NavItem","isExpanded","label","icon","isActive","useReducedMotion","containerClassNames","classNames","selected","___EmotionJSX","navItemContainer"],"mappings":";;;;;;;;;;;;;;;;AAYA,IAAMA,aAAuB,GAAG;AAC9BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,OAAO,EAAE,CAAC;AACVC,IAAAA,CAAC,EAAE,CAAC,EAAA;GACL;AACDC,EAAAA,OAAO,EAAE,SAAA,OAAA,CAAA,IAAA,EAAA;IAAA,IAAGC,eAAe,QAAfA,eAAe,CAAA;IAAA,OAAQ;AACjCJ,MAAAA,OAAO,EAAE,OAAO;AAChBC,MAAAA,OAAO,EAAE,CAAC;AACVC,MAAAA,CAAC,EAAE,CAAC;AACJG,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAEF,eAAe,GAAG,CAAC,GAAG,GAAG;AACnCG,QAAAA,KAAK,EAAEH,eAAe,GAAG,CAAC,GAAG,GAAA;AAC/B,OAAA;KACD,CAAA;GAAC;AACFI,EAAAA,IAAI,EAAE,SAAA,IAAA,CAAA,KAAA,EAAA;IAAA,IAAGJ,eAAe,SAAfA,eAAe,CAAA;IAAA,OAAQ;AAC9BH,MAAAA,OAAO,EAAE,CAAC;MACVC,CAAC,EAAE,CAAC,EAAE;AACNG,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAEF,eAAe,GAAG,CAAC,GAAG,GAAA;OACjC;AACDK,MAAAA,aAAa,EAAE;AACbT,QAAAA,OAAO,EAAE,MAAA;AACX,OAAA;KACD,CAAA;AAAA,GAAA;AACH,CAAC,CAAA;AAED,IAAMU,OAAqB,GAAG,SAAxBA,OAAqB,CAAsD,KAAA,EAAA;EAAA,IAAhDC,UAAU,SAAVA,UAAU;AAAEC,IAAAA,KAAK,SAALA,KAAK;AAAEC,IAAAA,IAAI,SAAJA,IAAI;AAAA,IAAA,cAAA,GAAA,KAAA,CAAEC,QAAQ;AAARA,IAAAA,QAAQ,+BAAG,KAAK,GAAA,cAAA,CAAA;EACxE,IAAMV,eAAe,GAAGW,gBAAgB,EAAE,CAAA;EAC1C,IAAMC,mBAAmB,GAAGC,UAAU,CAAC;AACrCC,IAAAA,QAAQ,EAAEJ,QAAQ;AAClB,IAAA,UAAU,EAAE,IAAA;AACd,GAAC,CAAC,CAAA;EAEF,OACEK,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEC,gBAAiB;AAAC,IAAA,SAAS,EAAEJ,mBAAAA;GACpCH,EAAAA,IAAI,EACLM,GAAA,CAAC,eAAe,EAAA,IAAA,EACbR,UAAU,IACTQ,GAAA,CAAC,CAAC,CAAC,GAAG,EAAA;AACJ,IAAA,SAAS,EAAC,OAAO;AACjB,IAAA,OAAO,EAAC,QAAQ;AAChB,IAAA,OAAO,EAAC,SAAS;AACjB,IAAA,IAAI,EAAC,MAAM;AACX,IAAA,QAAQ,EAAErB,aAAc;AACxB,IAAA,MAAM,EAAE;AAAEM,MAAAA,eAAe,EAAfA,eAAAA;AAAgB,KAAA;GAEzBQ,EAAAA,KAAK,CAET,CACe,CACd,CAAA;AAEV;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -13,9 +13,9 @@ import NavItem from './NavItem.js';
 import NavHandle from './NavHandle.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 import { useReducedMotion } from '../../../node_modules/framer-motion/dist/es/utils/use-reduced-motion.mjs.js';
-import { LazyMotion } from '../../../node_modules/framer-motion/dist/es/components/LazyMotion/index.mjs.js';
-import { domAnimation } from '../../../node_modules/framer-motion/dist/es/render/dom/features-animation.mjs.js';
 import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.mjs.js';
+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 = {
@@ -47,28 +47,24 @@ var navVariants = {
     }
   }
 };
-
 var Sidebar = function Sidebar(_ref) {
   var _ref$isCollapsed = _ref.isCollapsed,
-      isCollapsed = _ref$isCollapsed === void 0 ? false : _ref$isCollapsed,
-      _ref$navHandleLabel = _ref.navHandleLabel,
-      navHandleLabel = _ref$navHandleLabel === void 0 ? "Menu" : _ref$navHandleLabel,
-      _ref$onToggle = _ref.onToggle,
-      onToggle = _ref$onToggle === void 0 ? function () {
-    return void 0;
-  } : _ref$onToggle,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    isCollapsed = _ref$isCollapsed === void 0 ? false : _ref$isCollapsed,
+    _ref$navHandleLabel = _ref.navHandleLabel,
+    navHandleLabel = _ref$navHandleLabel === void 0 ? "Menu" : _ref$navHandleLabel,
+    _ref$onToggle = _ref.onToggle,
+    onToggle = _ref$onToggle === void 0 ? function () {
+      return void 0;
+    } : _ref$onToggle,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var isReducedMotion = useReducedMotion();
   var animate;
-
   if (isReducedMotion) {
     animate = isCollapsed ? "a11yCollapsed" : "a11yExpanded";
   } else {
     animate = isCollapsed ? "collapsed" : "expanded";
   }
-
   return jsx(LazyMotion, {
     features: domAnimation
   }, jsx(m.nav, _extends({
@@ -85,7 +81,6 @@ var Sidebar = function Sidebar(_ref) {
     toggleMainNav: onToggle
   }), children)));
 };
-
 Sidebar.Item = NavItem;
 
 export { Sidebar as default };

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,OADF;AAERC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,WADI;AAEVC,MAAAA,QAAQ,EAAE,GAAA;AAFA,KAAA;AAFJ,GADkB;AAQ5BC,EAAAA,SAAS,EAAE;AACTJ,IAAAA,QAAQ,EAAE,SADD;AAETC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,WADI;AAEVC,MAAAA,QAAQ,EAAE,GAFA;AAGVE,MAAAA,KAAK,EAAE,GAAA;AAHG,KAAA;AAFH,GARiB;AAgB5BC,EAAAA,YAAY,EAAE;AACZN,IAAAA,QAAQ,EAAE,OADE;AAEZC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE,CAAA;AADA,KAAA;AAFA,GAhBc;AAsB5BI,EAAAA,aAAa,EAAE;AACbP,IAAAA,QAAQ,EAAE,SADG;AAEbC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE,CAAA;AADA,KAAA;AAFC,GAAA;AAtBa,CAA9B,CAAA;;AA8BA,IAAMK,OAAgD,GAAG,SAAnDA,OAAmD,CAMnD,IAAA,EAAA;AAAA,EAAA,IAAA,gBAAA,GAAA,IAAA,CALJC,WAKI;AAAA,MALJA,WAKI,iCALU,KAKV,GAAA,gBAAA;AAAA,MAAA,mBAAA,GAAA,IAAA,CAJJC,cAII;AAAA,MAJJA,cAII,oCAJa,MAIb,GAAA,mBAAA;AAAA,MAAA,aAAA,GAAA,IAAA,CAHJC,QAGI;AAAA,MAHJA,QAGI,GAHO,aAAA,KAAA,KAAA,CAAA,GAAA,YAAA;AAAA,IAAA,OAAM,KAAK,CAAX,CAAA;AAAA,GAGP,GAAA,aAAA;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,IACC,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AACJ,EAAMC,IAAAA,eAAe,GAAGC,gBAAgB,EAAxC,CAAA;AACA,EAAA,IAAIC,OAAJ,CAAA;;AAEA,EAAA,IAAIF,eAAJ,EAAqB;AACnBE,IAAAA,OAAO,GAAGP,WAAW,GAAG,eAAH,GAAqB,cAA1C,CAAA;AACD,GAFD,MAEO;AACLO,IAAAA,OAAO,GAAGP,WAAW,GAAG,WAAH,GAAiB,UAAtC,CAAA;AACD,GAAA;;AAED,EAAA,OACEQ,IAAC,UAAD,EAAA;AAAY,IAAA,QAAQ,EAAEC,YAAAA;AAAtB,GACE,EAAAD,GAAA,CAAC,CAAD,CAAG,GAAH,EAAA,QAAA,CAAA;AACE,IAAA,GAAG,EAAEE,gBADP;AAEE,IAAA,OAAO,EAAE,KAFX;AAGE,IAAA,OAAO,EAAEH,OAHX;AAIE,IAAA,QAAQ,EAAElB,WAJZ;AAKE,IAAA,EAAE,EAAC,SAAA;AALL,GAAA,EAMMe,IANN,CAQE,EAAAI,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,mBAAA;AAAf,GAAA,EACEA,IAAC,SAAD,EAAA;AACE,IAAA,UAAU,EAAE,CAACR,WADf;AAEE,IAAA,YAAY,EAAEC,cAFhB;AAGE,IAAA,aAAa,EAAEC,QAAAA;AAHjB,GAAA,CADF,EAMGC,QANH,CARF,CADF,CADF,CAAA;AAqBD,EArCD;;AAuCAJ,OAAO,CAACY,IAAR,GAAeC,OAAf;;;;"}
+{"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;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -12,7 +12,6 @@ var mainNavContainer = function mainNavContainer(_ref) {
   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;")
   );
@@ -21,7 +20,6 @@ var navHandleContainer = function navHandleContainer(_ref2) {
   var sidebar = _ref2.sidebar;
   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;")
   );
@@ -30,7 +28,6 @@ var navItemContainer = function navItemContainer(_ref3) {
   var sidebar = _ref3.sidebar;
   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;")
   );

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,gBAAmB,CAAA,IAAA,EAAA;AAAA,EAAGC,IAAAA,OAAH,QAAGA,OAAH,CAAA;AAAA,EAAA;AAAA;;AAAA;AAA0CC,IAAAA,GAA1C,sFAMhBD,OAAO,CAACE,UANQ,EAOrBF,SAAAA,EAAAA,OAAO,CAACG,KAPa,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,EAAzB;AAkBMC,IAAAA,kBAAkB,GAAG,SAArBA,kBAAqB,CAAA,KAAA,EAAA;AAAA,EAAGJ,IAAAA,OAAH,SAAGA,OAAH,CAAA;AAAA,EAAA;AAAA;;AAAA;AAA0CC,IAAAA,GAA1C,CAAA,6HAAA,EASHD,OAAO,CAACK,MATL,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,EAA3B;AAaMC,IAAAA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAA,KAAA,EAAA;AAAA,EAAGN,IAAAA,OAAH,SAAGA,OAAH,CAAA;AAAA,EAAA;AAAA;;AAAA;AAA0CC,IAAAA,GAA1C,CAAA,wCAAA,EAGrBD,OAAO,CAACG,KAHa,EAAA,yEAAA,EASdH,OAAO,CAACO,eATM,EAAA,SAAA,EAUnBP,OAAO,CAACQ,UAVW,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\";\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;;;;"}

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

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

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

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