@epignosis_llc/gnosis 3.0.2 → 3.1.0

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

@@ -2,34 +2,48 @@
   /**
    * @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 { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 import 'react';
 import { container } from './styles.js';
-import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
+import { u as useTheme } from '../../../node_modules/@emotion/react/dist/emotion-element-6a883da9.browser.esm.js';
 import PulseLoader from '../../../node_modules/react-spinners/esm/PulseLoader.js';
 
 var _excluded = ["fullScreen", "size"];
+var loaderSize = {
+  md: "0.375rem",
+  lg: "0.75rem"
+};
+var loaderMargin = {
+  md: "0.0625rem",
+  lg: "0.625rem"
+};
 var Loader = function Loader(_ref) {
   var _ref$fullScreen = _ref.fullScreen,
     fullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "lg" : _ref$size,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var _useTheme = useTheme(),
+    loader = _useTheme.loader;
   return jsx("div", _extends({
-    css: function css(theme) {
-      return container(theme, {
-        fullScreen: fullScreen,
-        size: size
+    css: function css() {
+      return container({
+        fullScreen: fullScreen
       });
     },
     "data-testid": "loader"
   }, rest, {
-    className: "loading-container".concat(rest !== null && rest !== void 0 && rest.className ? " ".concat(rest === null || rest === void 0 ? void 0 : rest.className) : "")
-  }), jsx(PulseLoader, null));
+    className: "loading-container".concat(rest !== null && rest !== void 0 && rest.className ? "".concat(rest === null || rest === void 0 ? void 0 : rest.className) : "")
+  }), jsx(PulseLoader, {
+    color: loader.color,
+    size: loaderSize[size],
+    margin: loaderMargin[size]
+  }));
 };
 
 export { Loader as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../../../src/components/Loaders/Loader.tsx"],"sourcesContent":["import { SerializedStyles } from \"@emotion/react\";\nimport React, { FC } from \"react\";\nimport { PulseLoader } from \"react-spinners\";\nimport { container } from \"./styles\";\n\nexport type LoaderSize = \"md\" | \"lg\";\n\nexport type LoaderProps = React.HTMLAttributes<HTMLDivElement> & {\n  fullScreen?: boolean;\n  size?: \"md\" | \"lg\";\n};\n\nconst Loader: FC<LoaderProps> = ({ fullScreen = false, size = \"lg\", ...rest }) => (\n  <div\n    css={(theme): SerializedStyles => container(theme, { fullScreen, size })}\n    data-testid=\"loader\"\n    {...rest}\n    className={`loading-container${rest?.className ? ` ${rest?.className}` : \"\"}`}\n  >\n    <PulseLoader />\n  </div>\n);\n\nexport default Loader;\n"],"names":["Loader","fullScreen","size","rest","___EmotionJSX","theme","container","className"],"mappings":";;;;;;;;;;;;;;;AAYMA,IAAAA,MAAuB,GAAG,SAA1BA,MAAuB,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,eAAA,GAAA,IAAA,CAAMC,UAAU;AAAVA,IAAAA,UAAU,gCAAG,KAAK,GAAA,eAAA;AAAA,IAAA,SAAA,GAAA,IAAA,CAAEC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,IAAI,GAAA,SAAA;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAAA,OACzEC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;IACE,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAuBC,SAAS,CAACD,KAAK,EAAE;AAAEJ,QAAAA,UAAU,EAAVA,UAAU;AAAEC,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAA;KAAC;IACzE,aAAY,EAAA,QAAA;AAAQ,GAAA,EAChBC,IAAI,EAAA;AACR,IAAA,SAAS,6BAAsBA,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,IAAJA,IAAI,CAAEI,SAAS,GAAOJ,GAAAA,CAAAA,MAAAA,CAAAA,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEI,SAAS,IAAK,EAAE,CAAA;GAE3E,CAAA,EAAAH,GAAA,CAAC,WAAW,EAAA,IAAA,CAAG,CACX,CAAA;AAAA;;;;"}
+{"version":3,"file":"Loader.js","sources":["../../../../../src/components/Loaders/Loader.tsx"],"sourcesContent":["import { SerializedStyles, useTheme } from \"@emotion/react\";\nimport React, { FC } from \"react\";\nimport { PulseLoader } from \"react-spinners\";\nimport { container } from \"./styles\";\n\nexport type LoaderSize = \"md\" | \"lg\";\n\nexport type LoaderProps = React.HTMLAttributes<HTMLDivElement> & {\n  fullScreen?: boolean;\n  size?: \"md\" | \"lg\";\n};\n\nconst loaderSize = {\n  md: \"0.375rem\",\n  lg: \"0.75rem\",\n};\n\nconst loaderMargin = {\n  md: \"0.0625rem\",\n  lg: \"0.625rem\",\n};\n\nconst Loader: FC<LoaderProps> = ({ fullScreen = false, size = \"lg\", ...rest }) => {\n  const { loader } = useTheme();\n  return (\n    <div\n      css={(): SerializedStyles => container({ fullScreen })}\n      data-testid=\"loader\"\n      {...rest}\n      className={`loading-container${rest?.className ? `${rest?.className}` : \"\"}`}\n    >\n      <PulseLoader color={loader.color} size={loaderSize[size]} margin={loaderMargin[size]} />\n    </div>\n  );\n};\n\nexport default Loader;\n"],"names":["loaderSize","md","lg","loaderMargin","Loader","fullScreen","size","rest","useTheme","loader","___EmotionJSX","container","className","color"],"mappings":";;;;;;;;;;;;;;;;AAYA,IAAMA,UAAU,GAAG;AACjBC,EAAAA,EAAE,EAAE,UAAU;AACdC,EAAAA,EAAE,EAAE,SAAA;AACN,CAAC,CAAA;AAED,IAAMC,YAAY,GAAG;AACnBF,EAAAA,EAAE,EAAE,WAAW;AACfC,EAAAA,EAAE,EAAE,UAAA;AACN,CAAC,CAAA;AAED,IAAME,MAAuB,GAAG,SAA1BA,MAAuB,CAAqD,IAAA,EAAA;AAAA,EAAA,IAAA,eAAA,GAAA,IAAA,CAA/CC,UAAU;AAAVA,IAAAA,UAAU,gCAAG,KAAK,GAAA,eAAA;AAAA,IAAA,SAAA,GAAA,IAAA,CAAEC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,IAAI,GAAA,SAAA;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AACzE,EAAA,IAAA,SAAA,GAAmBC,QAAQ,EAAE;AAArBC,IAAAA,MAAM,aAANA,MAAM,CAAA;EACd,OACEC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AACE,IAAA,GAAG,EAAE,SAAA,GAAA,GAAA;AAAA,MAAA,OAAwBC,SAAS,CAAC;AAAEN,QAAAA,UAAU,EAAVA,UAAAA;AAAW,OAAC,CAAC,CAAA;KAAC;IACvD,aAAY,EAAA,QAAA;AAAQ,GAAA,EAChBE,IAAI,EAAA;AACR,IAAA,SAAS,6BAAsBA,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,IAAJA,IAAI,CAAEK,SAAS,GAAML,EAAAA,CAAAA,MAAAA,CAAAA,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEK,SAAS,IAAK,EAAE,CAAA;AAAG,GAAA,CAAA,EAE7EF,IAAC,WAAW,EAAA;IAAC,KAAK,EAAED,MAAM,CAACI,KAAM;AAAC,IAAA,IAAI,EAAEb,UAAU,CAACM,IAAI,CAAE;IAAC,MAAM,EAAEH,YAAY,CAACG,IAAI,CAAA;AAAE,GAAA,CAAG,CACpF,CAAA;AAEV;;;;"}

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

@@ -2,28 +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 loaderMargin = {
-  md: "0.0625rem",
-  lg: "0.625rem"
-};
-var loaderSize = {
-  md: "0.375rem",
-  lg: "0.75rem"
-};
-var container = function container(_ref, _ref2) {
-  var loader = _ref.loader;
-  var fullScreen = _ref2.fullScreen,
-    size = _ref2.size;
+var container = function container(_ref) {
+  var fullScreen = _ref.fullScreen;
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("display:flex;justify-content:center;align-items:center;width:100%;height:", fullScreen ? "100vh" : "auto", ";&.loading-container{span>span{width:", loaderSize[size], ";height:", loaderSize[size], ";background:", loader.color, ";margin:", loaderMargin[size], ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IExvYWRlclNpemUgfSBmcm9tIFwiLi9Mb2FkZXJcIjtcblxuY29uc3QgbG9hZGVyTWFyZ2luID0ge1xuICBtZDogXCIwLjA2MjVyZW1cIixcbiAgbGc6IFwiMC42MjVyZW1cIixcbn07XG5cbmNvbnN0IGxvYWRlclNpemUgPSB7XG4gIG1kOiBcIjAuMzc1cmVtXCIsXG4gIGxnOiBcIjAuNzVyZW1cIixcbn07XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoXG4gIHsgbG9hZGVyIH06IFRoZW1lLFxuICB7IGZ1bGxTY3JlZW4sIHNpemUgfTogeyBmdWxsU2NyZWVuOiBib29sZWFuOyBzaXplOiBMb2FkZXJTaXplIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7ZnVsbFNjcmVlbiA/IFwiMTAwdmhcIiA6IFwiYXV0b1wifTtcblxuICAmLmxvYWRpbmctY29udGFpbmVyIHtcbiAgICBzcGFuID4gc3BhbiB7XG4gICAgICB3aWR0aDogJHtsb2FkZXJTaXplW3NpemVdfTtcbiAgICAgIGhlaWdodDogJHtsb2FkZXJTaXplW3NpemVdfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7bG9hZGVyLmNvbG9yfTtcbiAgICAgIG1hcmdpbjogJHtsb2FkZXJNYXJnaW5bc2l6ZV19O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
+    css("display:flex;justify-content:center;align-items:center;width:100%;height:", fullScreen ? "100vh" : "auto", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMkYiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoeyBmdWxsU2NyZWVuIH06IHsgZnVsbFNjcmVlbjogYm9vbGVhbiB9KTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke2Z1bGxTY3JlZW4gPyBcIjEwMHZoXCIgOiBcImF1dG9cIn07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Loaders/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { LoaderSize } from \"./Loader\";\n\nconst loaderMargin = {\n  md: \"0.0625rem\",\n  lg: \"0.625rem\",\n};\n\nconst loaderSize = {\n  md: \"0.375rem\",\n  lg: \"0.75rem\",\n};\n\nexport const container = (\n  { loader }: Theme,\n  { fullScreen, size }: { fullScreen: boolean; size: LoaderSize },\n): SerializedStyles => css`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: ${fullScreen ? \"100vh\" : \"auto\"};\n\n  &.loading-container {\n    span > span {\n      width: ${loaderSize[size]};\n      height: ${loaderSize[size]};\n      background: ${loader.color};\n      margin: ${loaderMargin[size]};\n    }\n  }\n`;\n"],"names":["loaderMargin","md","lg","loaderSize","container","loader","fullScreen","size","css","color"],"mappings":";;;;;;;;;;AAGA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,EAAE,EAAE,WAAW;AACfC,EAAAA,EAAE,EAAE,UAAA;AACN,CAAC,CAAA;AAED,IAAMC,UAAU,GAAG;AACjBF,EAAAA,EAAE,EAAE,UAAU;AACdC,EAAAA,EAAE,EAAE,SAAA;AACN,CAAC,CAAA;AAEYE,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAAA,IAAA,EAAA,KAAA,EAAA;EAAA,IAClBC,MAAM,QAANA,MAAM,CAAA;EAAA,IACNC,UAAU,SAAVA,UAAU;AAAEC,IAAAA,IAAI,SAAJA,IAAI,CAAA;AAAA,EAAA;AAAA;AAAA;IACGC,GAAG,CAAA,2EAAA,EAKdF,UAAU,GAAG,OAAO,GAAG,MAAM,EAI1BH,uCAAAA,EAAAA,UAAU,CAACI,IAAI,CAAC,EAAA,UAAA,EACfJ,UAAU,CAACI,IAAI,CAAC,EAAA,cAAA,EACZF,MAAM,CAACI,KAAK,EAChBT,UAAAA,EAAAA,YAAY,CAACO,IAAI,CAAC,EAAA,KAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qrCAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Loaders/styles.ts"],"sourcesContent":["import { css, SerializedStyles } from \"@emotion/react\";\n\nexport const container = ({ fullScreen }: { fullScreen: boolean }): SerializedStyles => css`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: ${fullScreen ? \"100vh\" : \"auto\"};\n`;\n"],"names":["container","fullScreen","css"],"mappings":";;;;;;;;;;AAEaA,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAAA,IAAA,EAAA;EAAA,IAAMC,UAAU,QAAVA,UAAU,CAAA;AAAA,EAAA;AAAA;AAAA;AAAkDC,IAAAA,GAAG,CAK/ED,2EAAAA,EAAAA,UAAU,GAAG,OAAO,GAAG,MAAM,EAAA,GAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6lBAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

package/dist/esm/src/components/MediaPlayer/AudioPlayer/AudioPlayer.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/MediaPlayer/MediaPlayer.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/MediaPlayer/VideoPlayer/VideoPlayer.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/MediaPlayer/VideoPlayer/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/Modal/Modal.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/Modal/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/Pagination/Pagination.js

@@ -2,11 +2,11 @@
   /**
    * @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 { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../../node_modules/core-js/modules/es.array.map.js';
 import '../../../node_modules/core-js/modules/es.date.to-string.js';
 import '../../../node_modules/core-js/modules/es.object.to-string.js';
@@ -20,20 +20,23 @@ import { container } from './styles.js';
 import { usePagination, ellipsis } from './usePagination.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["current", "onChange", "totalPages", "dir"];
+var classNamesContainer = function classNamesContainer(pageNumber, current) {
+  return classNames({
+    isActive: pageNumber === current
+  });
+};
 var Pagination = function Pagination(_ref) {
   var current = _ref.current,
     onChange = _ref.onChange,
     totalPages = _ref.totalPages,
-    containerAttrs = _ref.containerAttrs;
+    _ref$dir = _ref.dir,
+    dir = _ref$dir === void 0 ? "ltr" : _ref$dir,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var paginationRange = usePagination(current, totalPages);
-  var classNamesContainer = function classNamesContainer(pageNumber) {
-    return classNames({
-      isActive: pageNumber === current
-    });
-  };
   return jsx("div", _extends({
     css: container
-  }, containerAttrs), jsx(Button, {
+  }, rest), jsx(Button, {
     className: "previous-page-btn",
     "data-testid": "previous-page-btn",
     name: "Previous page",
@@ -43,7 +46,9 @@ var Pagination = function Pagination(_ref) {
     color: "secondary",
     noGutters: true,
     disabled: current === 1
-  }, jsx(SvgArrowLeft, {
+  }, dir === "rtl" ? jsx(SvgArrowRight, {
+    height: 22
+  }) : jsx(SvgArrowLeft, {
     height: 22
   })), jsx("div", {
     className: "pagination-options"
@@ -61,7 +66,7 @@ var Pagination = function Pagination(_ref) {
       },
       variant: "ghost",
       noGutters: true,
-      className: classNamesContainer(pageNumber)
+      className: classNamesContainer(pageNumber, current)
     }, pageNumber);
   })), jsx(Button, {
     className: "next-page-btn",
@@ -73,7 +78,9 @@ var Pagination = function Pagination(_ref) {
     color: "secondary",
     noGutters: true,
     disabled: current === totalPages
-  }, jsx(SvgArrowRight, {
+  }, dir === "rtl" ? jsx(SvgArrowLeft, {
+    height: 22
+  }) : jsx(SvgArrowRight, {
     height: 22
   })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\nimport Button from \"../Button/Button\";\nimport { ArrowLeftSVG, ArrowRightSVG } from \"../../icons/\";\nimport { container } from \"./styles\";\nimport { usePagination, ellipsis } from \"./usePagination\";\n\nexport type PaginationProps = {\n  current: number;\n  totalPages: number;\n  onChange: (page: number) => void;\n  containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n};\n\nconst Pagination: FC<PaginationProps> = ({ current, onChange, totalPages, containerAttrs }) => {\n  const paginationRange = usePagination(current, totalPages);\n\n  const classNamesContainer = (pageNumber: number) =>\n    classNames({\n      isActive: pageNumber === current,\n    });\n\n  return (\n    <div css={container} {...containerAttrs}>\n      <Button\n        className=\"previous-page-btn\"\n        data-testid=\"previous-page-btn\"\n        name=\"Previous page\"\n        onClick={(): void => onChange(current - 1)}\n        color=\"secondary\"\n        noGutters\n        disabled={current === 1}\n      >\n        <ArrowLeftSVG height={22} />\n      </Button>\n\n      <div className=\"pagination-options\">\n        {paginationRange.map((pageNumber) => {\n          if (pageNumber === ellipsis) {\n            return ellipsis;\n          }\n\n          return (\n            <Button\n              type=\"button\"\n              key={pageNumber}\n              id={pageNumber.toString()}\n              data-testid=\"pagination-page\"\n              onClick={(): void => onChange(pageNumber as number)}\n              variant=\"ghost\"\n              noGutters\n              className={classNamesContainer(pageNumber as number)}\n            >\n              {pageNumber}\n            </Button>\n          );\n        })}\n      </div>\n\n      <Button\n        className=\"next-page-btn\"\n        data-testid=\"next-page-btn\"\n        name=\"Next page\"\n        onClick={(): void => onChange(current + 1)}\n        color=\"secondary\"\n        noGutters\n        disabled={current === totalPages}\n      >\n        <ArrowRightSVG height={22} />\n      </Button>\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","current","onChange","totalPages","containerAttrs","paginationRange","usePagination","classNamesContainer","pageNumber","classNames","isActive","___EmotionJSX","container","ArrowLeftSVG","map","ellipsis","toString","ArrowRightSVG"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA,IAAMA,UAA+B,GAAG,SAAlCA,UAA+B,CAA0D,IAAA,EAAA;EAAA,IAApDC,OAAO,QAAPA,OAAO;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,UAAU,QAAVA,UAAU;AAAEC,IAAAA,cAAc,QAAdA,cAAc,CAAA;AACtF,EAAA,IAAMC,eAAe,GAAGC,aAAa,CAACL,OAAO,EAAEE,UAAU,CAAC,CAAA;AAE1D,EAAA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,UAAkB,EAAA;AAAA,IAAA,OAC7CC,UAAU,CAAC;MACTC,QAAQ,EAAEF,UAAU,KAAKP,OAAAA;AAC3B,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;EAEJ,OACEU,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAEC,SAAAA;GAAeR,EAAAA,cAAc,CACrC,EAAAO,GAAA,CAAC,MAAM,EAAA;AACL,IAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,aAAA,EAAY,mBAAmB;AAC/B,IAAA,IAAI,EAAC,eAAe;AACpB,IAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,MAAA,OAAYT,QAAQ,CAACD,OAAO,GAAG,CAAC,CAAC,CAAA;KAAC;AAC3C,IAAA,KAAK,EAAC,WAAW;IACjB,SAAS,EAAA,IAAA;IACT,QAAQ,EAAEA,OAAO,KAAK,CAAA;AAAE,GAAA,EAExBU,IAACE,YAAY,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;AAAG,GAAA,CAAG,CACrB,EAETF,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,oBAAA;AAAoB,GAAA,EAChCN,eAAe,CAACS,GAAG,CAAC,UAACN,UAAU,EAAK;IACnC,IAAIA,UAAU,KAAKO,QAAQ,EAAE;AAC3B,MAAA,OAAOA,QAAQ,CAAA;AACjB,KAAA;AAEA,IAAA,OACEJ,IAAC,MAAM,EAAA;AACL,MAAA,IAAI,EAAC,QAAQ;AACb,MAAA,GAAG,EAAEH,UAAW;AAChB,MAAA,EAAE,EAAEA,UAAU,CAACQ,QAAQ,EAAG;AAC1B,MAAA,aAAA,EAAY,iBAAiB;AAC7B,MAAA,OAAO,EAAE,SAAA,OAAA,GAAA;QAAA,OAAYd,QAAQ,CAACM,UAAU,CAAW,CAAA;OAAC;AACpD,MAAA,OAAO,EAAC,OAAO;MACf,SAAS,EAAA,IAAA;MACT,SAAS,EAAED,mBAAmB,CAACC,UAAU,CAAA;AAAY,KAAA,EAEpDA,UAAU,CACJ,CAAA;AAEb,GAAC,CAAC,CACE,EAENG,GAAA,CAAC,MAAM,EAAA;AACL,IAAA,SAAS,EAAC,eAAe;AACzB,IAAA,aAAA,EAAY,eAAe;AAC3B,IAAA,IAAI,EAAC,WAAW;AAChB,IAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,MAAA,OAAYT,QAAQ,CAACD,OAAO,GAAG,CAAC,CAAC,CAAA;KAAC;AAC3C,IAAA,KAAK,EAAC,WAAW;IACjB,SAAS,EAAA,IAAA;IACT,QAAQ,EAAEA,OAAO,KAAKE,UAAAA;AAAW,GAAA,EAEjCQ,IAACM,aAAa,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;AAAG,GAAA,CAAG,CACtB,CACL,CAAA;AAEV;;;;"}
+{"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\nimport Button from \"../Button/Button\";\nimport { ArrowLeftSVG, ArrowRightSVG } from \"../../icons/\";\nimport { container } from \"./styles\";\nimport { usePagination, ellipsis } from \"./usePagination\";\nimport { ExtendableProps } from \"types/utils\";\n\nexport type PaginationProps = ExtendableProps<\n  React.HTMLAttributes<HTMLDivElement>,\n  {\n    current: number;\n    totalPages: number;\n    onChange: (page: number) => void;\n  }\n>;\n\nconst classNamesContainer = (pageNumber: number, current: number) =>\n  classNames({\n    isActive: pageNumber === current,\n  });\n\nconst Pagination: FC<PaginationProps> = ({\n  current,\n  onChange,\n  totalPages,\n  dir = \"ltr\",\n  ...rest\n}) => {\n  const paginationRange = usePagination(current, totalPages);\n\n  return (\n    <div css={container} {...rest}>\n      <Button\n        className=\"previous-page-btn\"\n        data-testid=\"previous-page-btn\"\n        name=\"Previous page\"\n        onClick={(): void => onChange(current - 1)}\n        color=\"secondary\"\n        noGutters\n        disabled={current === 1}\n      >\n        {dir === \"rtl\" ? <ArrowRightSVG height={22} /> : <ArrowLeftSVG height={22} />}\n      </Button>\n\n      <div className=\"pagination-options\">\n        {paginationRange.map((pageNumber) => {\n          if (pageNumber === ellipsis) {\n            return ellipsis;\n          }\n\n          return (\n            <Button\n              type=\"button\"\n              key={pageNumber}\n              id={pageNumber.toString()}\n              data-testid=\"pagination-page\"\n              onClick={(): void => onChange(pageNumber as number)}\n              variant=\"ghost\"\n              noGutters\n              className={classNamesContainer(pageNumber as number, current)}\n            >\n              {pageNumber}\n            </Button>\n          );\n        })}\n      </div>\n\n      <Button\n        className=\"next-page-btn\"\n        data-testid=\"next-page-btn\"\n        name=\"Next page\"\n        onClick={(): void => onChange(current + 1)}\n        color=\"secondary\"\n        noGutters\n        disabled={current === totalPages}\n      >\n        {dir === \"rtl\" ? <ArrowLeftSVG height={22} /> : <ArrowRightSVG height={22} />}\n      </Button>\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["classNamesContainer","pageNumber","current","classNames","isActive","Pagination","onChange","totalPages","dir","rest","paginationRange","usePagination","___EmotionJSX","container","ArrowRightSVG","ArrowLeftSVG","map","ellipsis","toString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,UAAkB,EAAEC,OAAe,EAAA;AAAA,EAAA,OAC9DC,UAAU,CAAC;IACTC,QAAQ,EAAEH,UAAU,KAAKC,OAAAA;AAC3B,GAAC,CAAC,CAAA;AAAA,CAAA,CAAA;AAEJ,IAAMG,UAA+B,GAAG,SAAlCA,UAA+B,CAM/B,IAAA,EAAA;EAAA,IALJH,OAAO,QAAPA,OAAO;AACPI,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,UAAU,QAAVA,UAAU;AAAA,IAAA,QAAA,GAAA,IAAA,CACVC,GAAG;AAAHA,IAAAA,GAAG,yBAAG,KAAK,GAAA,QAAA;IACRC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,eAAe,GAAGC,aAAa,CAACT,OAAO,EAAEK,UAAU,CAAC,CAAA;EAE1D,OACEK,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAEC,SAAAA;GAAeJ,EAAAA,IAAI,CAC3B,EAAAG,GAAA,CAAC,MAAM,EAAA;AACL,IAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,aAAA,EAAY,mBAAmB;AAC/B,IAAA,IAAI,EAAC,eAAe;AACpB,IAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,MAAA,OAAYN,QAAQ,CAACJ,OAAO,GAAG,CAAC,CAAC,CAAA;KAAC;AAC3C,IAAA,KAAK,EAAC,WAAW;IACjB,SAAS,EAAA,IAAA;IACT,QAAQ,EAAEA,OAAO,KAAK,CAAA;AAAE,GAAA,EAEvBM,GAAG,KAAK,KAAK,GAAGI,IAACE,aAAa,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;GAAM,CAAA,GAAGF,IAACG,YAAY,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;AAAG,GAAA,CAAG,CACtE,EAETH,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,oBAAA;AAAoB,GAAA,EAChCF,eAAe,CAACM,GAAG,CAAC,UAACf,UAAU,EAAK;IACnC,IAAIA,UAAU,KAAKgB,QAAQ,EAAE;AAC3B,MAAA,OAAOA,QAAQ,CAAA;AACjB,KAAA;AAEA,IAAA,OACEL,IAAC,MAAM,EAAA;AACL,MAAA,IAAI,EAAC,QAAQ;AACb,MAAA,GAAG,EAAEX,UAAW;AAChB,MAAA,EAAE,EAAEA,UAAU,CAACiB,QAAQ,EAAG;AAC1B,MAAA,aAAA,EAAY,iBAAiB;AAC7B,MAAA,OAAO,EAAE,SAAA,OAAA,GAAA;QAAA,OAAYZ,QAAQ,CAACL,UAAU,CAAW,CAAA;OAAC;AACpD,MAAA,OAAO,EAAC,OAAO;MACf,SAAS,EAAA,IAAA;AACT,MAAA,SAAS,EAAED,mBAAmB,CAACC,UAAU,EAAYC,OAAO,CAAA;AAAE,KAAA,EAE7DD,UAAU,CACJ,CAAA;AAEb,GAAC,CAAC,CACE,EAENW,GAAA,CAAC,MAAM,EAAA;AACL,IAAA,SAAS,EAAC,eAAe;AACzB,IAAA,aAAA,EAAY,eAAe;AAC3B,IAAA,IAAI,EAAC,WAAW;AAChB,IAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,MAAA,OAAYN,QAAQ,CAACJ,OAAO,GAAG,CAAC,CAAC,CAAA;KAAC;AAC3C,IAAA,KAAK,EAAC,WAAW;IACjB,SAAS,EAAA,IAAA;IACT,QAAQ,EAAEA,OAAO,KAAKK,UAAAA;AAAW,GAAA,EAEhCC,GAAG,KAAK,KAAK,GAAGI,IAACG,YAAY,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;GAAM,CAAA,GAAGH,IAACE,aAAa,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;AAAG,GAAA,CAAG,CACtE,CACL,CAAA;AAEV;;;;"}

package/dist/esm/src/components/Pagination/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.
    */
 
@@ -14,7 +14,7 @@ var container = function container(_ref) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("display:flex;justify-content:center;align-items:center;.pagination-options{margin:0 1rem;button{margin-right:0.5rem;&:last-of-type{margin:0;}}.isActive{background:", hexToRGBA(pagination.background, 0.16), ";color:", pagination.color, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMsIFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JHQkEgfSBmcm9tIFwiQHRoZW1lL2RlZmF1bHQvY29sb3JzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoeyBwYWdpbmF0aW9uIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgLnBhZ2luYXRpb24tb3B0aW9ucyB7XG4gICAgICBtYXJnaW46IDAgMXJlbTtcblxuICAgICAgYnV0dG9uIHtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG5cbiAgICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAuaXNBY3RpdmUge1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2hleFRvUkdCQShwYWdpbmF0aW9uLmJhY2tncm91bmQsIDAuMTYpfTtcbiAgICAgICAgY29sb3I6ICR7cGFnaW5hdGlvbi5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
+    css("display:flex;justify-content:center;align-items:center;.pagination-options{margin:0 1rem;button{margin-inline-end:0.5rem;&:last-of-type{margin:0;}}.isActive{background:", hexToRGBA(pagination.background, 0.16), ";color:", pagination.color, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMsIFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JHQkEgfSBmcm9tIFwiQHRoZW1lL2RlZmF1bHQvY29sb3JzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoeyBwYWdpbmF0aW9uIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgLnBhZ2luYXRpb24tb3B0aW9ucyB7XG4gICAgICBtYXJnaW46IDAgMXJlbTtcblxuICAgICAgYnV0dG9uIHtcbiAgICAgICAgbWFyZ2luLWlubGluZS1lbmQ6IDAuNXJlbTtcblxuICAgICAgICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5pc0FjdGl2ZSB7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7aGV4VG9SR0JBKHBhZ2luYXRpb24uYmFja2dyb3VuZCwgMC4xNil9O1xuICAgICAgICBjb2xvcjogJHtwYWdpbmF0aW9uLmNvbG9yfTtcbiAgICAgIH1cbiAgICB9XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pagination/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { hexToRGBA } from \"@theme/default/colors\";\n\nexport const container = ({ pagination }: Theme): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .pagination-options {\n      margin: 0 1rem;\n\n      button {\n        margin-right: 0.5rem;\n\n        &:last-of-type {\n          margin: 0;\n        }\n      }\n\n      .isActive {\n        background: ${hexToRGBA(pagination.background, 0.16)};\n        color: ${pagination.color};\n      }\n    }\n  `;\n};\n"],"names":["container","pagination","css","hexToRGBA","background","color"],"mappings":";;;;;;;;;;;AAGaA,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAAgD,IAAA,EAAA;EAAA,IAA1CC,UAAU,QAAVA,UAAU,CAAA;AACpC,EAAA;AAAA;AAAA;AAAOC,IAAAA,GAAG,CAiBUC,qKAAAA,EAAAA,SAAS,CAACF,UAAU,CAACG,UAAU,EAAE,IAAI,CAAC,EAAA,SAAA,EAC3CH,UAAU,CAACI,KAAK,EAAA,KAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6/BAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAIjC;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pagination/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { hexToRGBA } from \"@theme/default/colors\";\n\nexport const container = ({ pagination }: Theme): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .pagination-options {\n      margin: 0 1rem;\n\n      button {\n        margin-inline-end: 0.5rem;\n\n        &:last-of-type {\n          margin: 0;\n        }\n      }\n\n      .isActive {\n        background: ${hexToRGBA(pagination.background, 0.16)};\n        color: ${pagination.color};\n      }\n    }\n  `;\n};\n"],"names":["container","pagination","css","hexToRGBA","background","color"],"mappings":";;;;;;;;;;;AAGaA,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAAgD,IAAA,EAAA;EAAA,IAA1CC,UAAU,QAAVA,UAAU,CAAA;AACpC,EAAA;AAAA;AAAA;AAAOC,IAAAA,GAAG,CAiBUC,0KAAAA,EAAAA,SAAS,CAACF,UAAU,CAACG,UAAU,EAAE,IAAI,CAAC,EAAA,SAAA,EAC3CH,UAAU,CAACI,KAAK,EAAA,KAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,igCAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAIjC;;;;"}

package/dist/esm/src/components/Pagination/usePagination.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/ProgressBar/ProgressBar.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/ProgressBar/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.
    */
 
@@ -20,7 +20,7 @@ var container = function container(_ref, _ref2) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("position:relative;height:", progressBarSize[size], ";width:100%;background-color:", progressBar.background, ";", rounded && "border-radius: 5px", ";overflow:hidden;&::after{content:\" \";position:absolute;top:0;left:0;height:100%;min-width:", percent ? "20%" : "0%", ";width:", percent, "%;background-color:", progressBar.progressBackground, ";}div{position:absolute;z-index:1;height:100%;width:", percent - 5, "%;max-width:95%;min-width:", percent ? "13%" : "0%", ";display:flex;padding-left:1rem;justify-content:flex-end;align-items:center;color:", progressBar.percentColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBTaXplIH0gZnJvbSBcIi4vUHJvZ3Jlc3NCYXJcIjtcblxuY29uc3QgcHJvZ3Jlc3NCYXJTaXplID0ge1xuICBtZDogXCIyOHB4XCIsXG4gIGxnOiBcIjQwcHhcIixcbn07XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoXG4gIHsgcHJvZ3Jlc3NCYXIgfTogVGhlbWUsXG4gIHsgcGVyY2VudCwgc2l6ZSwgcm91bmRlZCB9OiB7IHBlcmNlbnQ6IG51bWJlcjsgc2l6ZTogU2l6ZTsgcm91bmRlZDogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogJHtwcm9ncmVzc0JhclNpemVbc2l6ZV19O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvZ3Jlc3NCYXIuYmFja2dyb3VuZH07XG4gICAgJHtyb3VuZGVkICYmIFwiYm9yZGVyLXJhZGl1czogNXB4XCJ9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAmOjphZnRlciB7XG4gICAgICBjb250ZW50OiBcIiBcIjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBtaW4td2lkdGg6ICR7cGVyY2VudCA/IFwiMjAlXCIgOiBcIjAlXCJ9O1xuICAgICAgd2lkdGg6ICR7cGVyY2VudH0lO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9ncmVzc0Jhci5wcm9ncmVzc0JhY2tncm91bmR9O1xuICAgIH1cblxuICAgIGRpdiB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB6LWluZGV4OiAxO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6ICR7cGVyY2VudCAtIDV9JTtcbiAgICAgIG1heC13aWR0aDogOTUlO1xuICAgICAgbWluLXdpZHRoOiAke3BlcmNlbnQgPyBcIjEzJVwiIDogXCIwJVwifTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBwYWRkaW5nLWxlZnQ6IDFyZW07XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke3Byb2dyZXNzQmFyLnBlcmNlbnRDb2xvcn07XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
+    css("position:relative;height:", progressBarSize[size], ";width:100%;background-color:", progressBar.background, ";", rounded && "border-radius: 5px", ";overflow:hidden;&::after{content:\" \";position:absolute;top:0;inset-inline-start:0;height:100%;min-width:", percent ? "20%" : "0%", ";width:", percent, "%;background-color:", progressBar.progressBackground, ";}div{position:absolute;z-index:1;height:100%;width:", percent - 5, "%;max-width:95%;min-width:", percent ? "13%" : "0%", ";display:flex;padding-inline-start:1rem;justify-content:flex-end;align-items:center;color:", progressBar.percentColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBTaXplIH0gZnJvbSBcIi4vUHJvZ3Jlc3NCYXJcIjtcblxuY29uc3QgcHJvZ3Jlc3NCYXJTaXplID0ge1xuICBtZDogXCIyOHB4XCIsXG4gIGxnOiBcIjQwcHhcIixcbn07XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoXG4gIHsgcHJvZ3Jlc3NCYXIgfTogVGhlbWUsXG4gIHsgcGVyY2VudCwgc2l6ZSwgcm91bmRlZCB9OiB7IHBlcmNlbnQ6IG51bWJlcjsgc2l6ZTogU2l6ZTsgcm91bmRlZDogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogJHtwcm9ncmVzc0JhclNpemVbc2l6ZV19O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvZ3Jlc3NCYXIuYmFja2dyb3VuZH07XG4gICAgJHtyb3VuZGVkICYmIFwiYm9yZGVyLXJhZGl1czogNXB4XCJ9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAmOjphZnRlciB7XG4gICAgICBjb250ZW50OiBcIiBcIjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIG1pbi13aWR0aDogJHtwZXJjZW50ID8gXCIyMCVcIiA6IFwiMCVcIn07XG4gICAgICB3aWR0aDogJHtwZXJjZW50fSU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb2dyZXNzQmFyLnByb2dyZXNzQmFja2dyb3VuZH07XG4gICAgfVxuXG4gICAgZGl2IHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHotaW5kZXg6IDE7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogJHtwZXJjZW50IC0gNX0lO1xuICAgICAgbWF4LXdpZHRoOiA5NSU7XG4gICAgICBtaW4td2lkdGg6ICR7cGVyY2VudCA/IFwiMTMlXCIgOiBcIjAlXCJ9O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAxcmVtO1xuICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtwcm9ncmVzc0Jhci5wZXJjZW50Q29sb3J9O1xuICAgIH1cbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
   );
 };
 

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,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;;;;"}
+{"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      inset-inline-start: 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-inline-start: 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,iHASlBF,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,4FAAAA,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,ywDAAA,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,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/Result/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/Sidebar/NavHandle.js

@@ -2,32 +2,22 @@
   /**
    * @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 'react';
-import SvgHamburger from '../../icons/hamburger.svg.js';
-import NavItem from './NavItem.js';
 import { navHandleContainer } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var NavHandle = function NavHandle(_ref) {
-  var isExpanded = _ref.isExpanded,
-    toggleMainNav = _ref.toggleMainNav,
-    _ref$navItemLabel = _ref.navItemLabel,
-    navItemLabel = _ref$navItemLabel === void 0 ? "" : _ref$navItemLabel;
+  var toggleMainNav = _ref.toggleMainNav,
+    children = _ref.children;
   return jsx("button", {
     className: "nav-handle",
     css: navHandleContainer,
     onClick: toggleMainNav
-  }, jsx(NavItem, {
-    label: navItemLabel,
-    isExpanded: isExpanded,
-    icon: jsx(SvgHamburger, {
-      height: 32
-    })
-  }));
+  }, children);
 };
 
 export { NavHandle as default };

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,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;;;;"}
+{"version":3,"file":"NavHandle.js","sources":["../../../../../src/components/Sidebar/NavHandle.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { navHandleContainer } from \"./styles\";\n\nexport type NavHandleProps = {\n  toggleMainNav: () => void;\n};\n\nconst NavHandle: FC<NavHandleProps> = ({ toggleMainNav, children }) => {\n  return (\n    <button className=\"nav-handle\" css={navHandleContainer} onClick={toggleMainNav}>\n      {children}\n    </button>\n  );\n};\n\nexport default NavHandle;\n"],"names":["NavHandle","toggleMainNav","children","___EmotionJSX","navHandleContainer"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,SAA6B,GAAG,SAAhCA,SAA6B,CAAoC,IAAA,EAAA;EAAA,IAA9BC,aAAa,QAAbA,aAAa;AAAEC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;EAC9D,OACEC,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,SAAS,EAAC,YAAY;AAAC,IAAA,GAAG,EAAEC,kBAAmB;AAAC,IAAA,OAAO,EAAEH,aAAAA;AAAc,GAAA,EAC5EC,QAAQ,CACF,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.1
+   * @epignosis_llc/gnosis.js v3.0.3
    * Released under the MIT license.
    */
 
@@ -23,7 +23,7 @@ var labelVariants = {
   visible: function visible(_ref) {
     var isReducedMotion = _ref.isReducedMotion;
     return {
-      display: "block",
+      display: "-webkit-box",
       opacity: 1,
       x: 0,
       transition: {
@@ -49,6 +49,8 @@ var labelVariants = {
 var NavItem = function NavItem(_ref3) {
   var isExpanded = _ref3.isExpanded,
     label = _ref3.label,
+    _ref3$fontSize = _ref3.fontSize,
+    fontSize = _ref3$fontSize === void 0 ? "md" : _ref3$fontSize,
     icon = _ref3.icon,
     _ref3$isActive = _ref3.isActive,
     isActive = _ref3$isActive === void 0 ? false : _ref3$isActive;
@@ -58,9 +60,13 @@ var NavItem = function NavItem(_ref3) {
     "nav-item": true
   });
   return jsx("div", {
-    css: navItemContainer,
+    css: function css(theme) {
+      return navItemContainer(theme, fontSize);
+    },
     className: containerClassNames
-  }, icon, jsx(AnimatePresence, null, isExpanded && jsx(m.div, {
+  }, jsx("div", {
+    className: "icon-container"
+  }, icon), jsx(AnimatePresence, null, isExpanded && jsx(m.div, {
     className: "title",
     initial: "hidden",
     animate: "visible",

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,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;;;;"}
+{"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\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type NavItemProps = FC<{\n  isExpanded: boolean;\n  icon: ReactNode;\n  label: string | JSX.Element;\n  fontSize?: TypographyLevels;\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: \"-webkit-box\",\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, fontSize = \"md\", 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={(theme) => navItemContainer(theme, fontSize)} className={containerClassNames}>\n      <div className=\"icon-container\">{icon}</div>\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","fontSize","icon","isActive","useReducedMotion","containerClassNames","classNames","selected","___EmotionJSX","theme","navItemContainer"],"mappings":";;;;;;;;;;;;;;;;AAcA,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,aAAa;AACtBC,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,CAAuE,KAAA,EAAA;EAAA,IAAjEC,UAAU,SAAVA,UAAU;AAAEC,IAAAA,KAAK,SAALA,KAAK;AAAA,IAAA,cAAA,GAAA,KAAA,CAAEC,QAAQ;AAARA,IAAAA,QAAQ,+BAAG,IAAI,GAAA,cAAA;AAAEC,IAAAA,IAAI,SAAJA,IAAI;AAAA,IAAA,cAAA,GAAA,KAAA,CAAEC,QAAQ;AAARA,IAAAA,QAAQ,+BAAG,KAAK,GAAA,cAAA,CAAA;EACzF,IAAMX,eAAe,GAAGY,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;IAAK,GAAG,EAAE,aAACC,KAAK,EAAA;AAAA,MAAA,OAAKC,gBAAgB,CAACD,KAAK,EAAER,QAAQ,CAAC,CAAA;KAAC;AAAC,IAAA,SAAS,EAAEI,mBAAAA;GACjE,EAAAG,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,gBAAA;GAAkBN,EAAAA,IAAI,CAAO,EAC5CM,GAAC,CAAA,eAAe,EACbT,IAAAA,EAAAA,UAAU,IACTS,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,EAAEtB,aAAc;AACxB,IAAA,MAAM,EAAE;AAAEM,MAAAA,eAAe,EAAfA,eAAAA;AAAgB,KAAA;GAEzBQ,EAAAA,KAAK,CAET,CACe,CACd,CAAA;AAEV;;;;"}