@epignosis_llc/gnosis 3.5.7 → 3.5.9

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

@@ -2,87 +2,143 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.5.6
+   * @epignosis_llc/gnosis.js v3.5.8
    * Released under the MIT license.
    */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../../node_modules/core-js/modules/es.array.map.js';
-import '../../../node_modules/core-js/modules/es.date.to-string.js';
-import '../../../node_modules/core-js/modules/es.object.to-string.js';
-import '../../../node_modules/core-js/modules/es.regexp.to-string.js';
-import 'react';
+import '../../../node_modules/core-js/modules/es.array.reverse.js';
+import '../../../node_modules/core-js/modules/es.array.slice.js';
+import React__default, { useState, useRef } from 'react';
 import classNames from '../../../node_modules/classnames/index.js';
 import Button from '../Button/Button.js';
-import SvgArrowRight from '../../icons/arrow_right.svg.js';
-import SvgArrowLeft from '../../icons/arrow_left.svg.js';
+import SvgIconChevronDown from '../../icons/icon_chevron_down.svg.js';
+import SvgRightArrowIcon from '../../icons/right-arrow-icon.svg.js';
+import Text from '../Text/Text.js';
 import { container } from './styles.js';
-import { usePagination, ellipsis } from './usePagination.js';
+import { usePagination } from './usePagination.js';
+import useClickOutside from './hooks.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) {
+var _excluded = ["current", "list", "totalPages", "size", "selectionText", "handlePaginationSizeChanged", "handlePaginationNumberChanged", "dir"];
+var SelectedOptionClasses = function SelectedOptionClasses(isSelected) {
   return classNames({
-    isActive: pageNumber === current
+    "is-selected": isSelected
   });
 };
 var Pagination = function Pagination(_ref) {
   var current = _ref.current,
-    onChange = _ref.onChange,
+    list = _ref.list,
     totalPages = _ref.totalPages,
+    size = _ref.size,
+    selectionText = _ref.selectionText,
+    handlePaginationSizeChanged = _ref.handlePaginationSizeChanged,
+    handlePaginationNumberChanged = _ref.handlePaginationNumberChanged,
     _ref$dir = _ref.dir,
     dir = _ref$dir === void 0 ? "ltr" : _ref$dir,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isListOpen = _useState2[0],
+    setIsListOpen = _useState2[1];
+  var wrapperRef = useRef(null);
+  var _useState3 = useState(size),
+    _useState4 = _slicedToArray(_useState3, 2),
+    listItemSelected = _useState4[0],
+    handleListItemSelected = _useState4[1];
   var paginationRange = usePagination(current, totalPages);
-  return jsx("div", _extends({
-    css: container
+  var hasItems = paginationRange.length > 0;
+  useClickOutside(wrapperRef, function () {
+    return setIsListOpen(false);
+  });
+  var toggleList = function toggleList() {
+    // We want to reset the dropdown list every time it opens
+    setIsListOpen(function (prevState) {
+      return !prevState;
+    });
+  };
+  var handleListItemSelect = function handleListItemSelect(item) {
+    if (isListOpen) {
+      handlePaginationSizeChanged(item);
+      handleListItemSelected(item);
+      setIsListOpen(false);
+    }
+  };
+  var mapOptions = function mapOptions(items) {
+    return items.slice().reverse().map(function (item) {
+      var isSelected = item.id === listItemSelected;
+      return jsx("li", {
+        "data-testid": "pagination-page",
+        key: "item" + item,
+        onClick: function onClick() {
+          return handleListItemSelect(item.id);
+        }
+      }, jsx(Text, {
+        fontSize: "sm",
+        className: SelectedOptionClasses(isSelected)
+      }, item.value));
+    });
+  };
+  return jsx(React__default.Fragment, null, hasItems && jsx("div", _extends({
+    css: function css(theme) {
+      return container(theme, {
+        isOpen: isListOpen
+      });
+    }
   }, rest), jsx(Button, {
     className: "previous-page-btn",
     "data-testid": "previous-page-btn",
     name: "Previous page",
     onClick: function onClick() {
-      return onChange(current - 1);
+      return handlePaginationNumberChanged(current - 1);
     },
-    color: "secondary",
+    variant: "ghost",
     noGutters: true,
     disabled: current === 1
-  }, dir === "rtl" ? jsx(SvgArrowRight, {
-    height: 22
-  }) : jsx(SvgArrowLeft, {
-    height: 22
+  }, dir === "rtl" ? jsx(SvgIconChevronDown, {
+    className: "left",
+    height: 32
+  }) : jsx(SvgIconChevronDown, {
+    className: "right",
+    height: 32
   })), jsx("div", {
     className: "pagination-options"
-  }, paginationRange.map(function (pageNumber) {
-    if (pageNumber === ellipsis) {
-      return ellipsis;
-    }
-    return jsx(Button, {
-      type: "button",
-      key: pageNumber,
-      id: pageNumber.toString(),
-      "data-testid": "pagination-page",
-      onClick: function onClick() {
-        return onChange(pageNumber);
-      },
-      variant: "ghost",
-      noGutters: true,
-      className: classNamesContainer(pageNumber, current)
-    }, pageNumber);
-  })), jsx(Button, {
+  }, jsx("div", {
+    className: "dropdown",
+    ref: wrapperRef
+  }, jsx("div", {
+    className: "dropdown-button",
+    onClick: toggleList
+  }, jsx(Button, {
+    iconAfter: SvgRightArrowIcon,
+    variant: "ghost"
+  }, jsx(Text, {
+    fontSize: "sm"
+  }, selectionText))), isListOpen && list.length > 0 && jsx("div", {
+    className: "open-list-container"
+  }, jsx("div", {
+    className: "dropdown-wrapper"
+  }, jsx("ul", {
+    role: "list",
+    className: "dropdown-list"
+  }, mapOptions(list)))))), jsx(Button, {
     className: "next-page-btn",
     "data-testid": "next-page-btn",
     name: "Next page",
     onClick: function onClick() {
-      return onChange(current + 1);
+      return handlePaginationNumberChanged(current + 1);
     },
-    color: "secondary",
+    variant: "ghost",
     noGutters: true,
-    disabled: current === totalPages
-  }, dir === "rtl" ? jsx(SvgArrowLeft, {
-    height: 22
-  }) : jsx(SvgArrowRight, {
-    height: 22
-  })));
+    disabled: current === paginationRange.length
+  }, dir === "rtl" ? jsx(SvgIconChevronDown, {
+    className: "right",
+    height: 32
+  }) : jsx(SvgIconChevronDown, {
+    className: "left",
+    height: 32
+  }))));
 };
 
 export { Pagination as default };

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\";\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":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC, useRef, useState } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Button from \"../Button/Button\";\nimport { IconChevronDownSVG, RightArrowSVG } from \"../../icons/\";\nimport Text from \"../Text/Text\";\nimport { container } from \"./styles\";\nimport { PaginationProps, RowItem } from \"./types\";\nimport { usePagination } from \"./usePagination\";\nimport useClickOutside from \"./hooks\";\n\nconst SelectedOptionClasses = (isSelected: boolean): string =>\n  classNames({\n    \"is-selected\": isSelected,\n  });\n\nconst Pagination: FC<PaginationProps> = ({\n  current,\n  list,\n  totalPages,\n  size,\n  selectionText,\n  handlePaginationSizeChanged,\n  handlePaginationNumberChanged,\n  dir = \"ltr\",\n  ...rest\n}) => {\n  const [isListOpen, setIsListOpen] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const [listItemSelected, handleListItemSelected] = useState<number>(size);\n  const paginationRange = usePagination(current, totalPages);\n  const hasItems = paginationRange.length > 0;\n\n  useClickOutside(wrapperRef, () => setIsListOpen(false));\n\n  const toggleList = (): void => {\n    // We want to reset the dropdown list every time it opens\n    setIsListOpen((prevState) => !prevState);\n  };\n\n  const handleListItemSelect = (item: number): void => {\n    if (isListOpen) {\n      handlePaginationSizeChanged(item);\n      handleListItemSelected(item);\n      setIsListOpen(false);\n    }\n  };\n\n  const mapOptions = (items: RowItem[]): JSX.Element[] => {\n    return items\n      .slice()\n      .reverse()\n      .map((item) => {\n        const isSelected = item.id === listItemSelected;\n\n        return (\n          <li\n            data-testid=\"pagination-page\"\n            key={\"item\" + item}\n            onClick={(): void => handleListItemSelect(item.id)}\n          >\n            <Text fontSize={\"sm\"} className={SelectedOptionClasses(isSelected)}>\n              {item.value}\n            </Text>\n          </li>\n        );\n      });\n  };\n\n  return (\n    <>\n      {hasItems && (\n        <div css={(theme): SerializedStyles => container(theme, { isOpen: isListOpen })} {...rest}>\n          <Button\n            className=\"previous-page-btn\"\n            data-testid=\"previous-page-btn\"\n            name=\"Previous page\"\n            onClick={(): void => handlePaginationNumberChanged(current - 1)}\n            variant=\"ghost\"\n            noGutters\n            disabled={current === 1}\n          >\n            {dir === \"rtl\" ? (\n              <IconChevronDownSVG className=\"left\" height={32} />\n            ) : (\n              <IconChevronDownSVG className=\"right\" height={32} />\n            )}\n          </Button>\n\n          <div className=\"pagination-options\">\n            <div className=\"dropdown\" ref={wrapperRef}>\n              <div className=\"dropdown-button\" onClick={toggleList}>\n                <Button iconAfter={RightArrowSVG} variant=\"ghost\">\n                  <Text fontSize=\"sm\">{selectionText}</Text>\n                </Button>\n              </div>\n\n              {isListOpen && list.length > 0 && (\n                <div className=\"open-list-container\">\n                  <div className=\"dropdown-wrapper\">\n                    <ul role=\"list\" className=\"dropdown-list\">\n                      {mapOptions(list)}\n                    </ul>\n                  </div>\n                </div>\n              )}\n            </div>\n          </div>\n\n          <Button\n            className=\"next-page-btn\"\n            data-testid=\"next-page-btn\"\n            name=\"Next page\"\n            onClick={(): void => handlePaginationNumberChanged(current + 1)}\n            variant=\"ghost\"\n            noGutters\n            disabled={current === paginationRange.length}\n          >\n            {dir === \"rtl\" ? (\n              <IconChevronDownSVG className=\"right\" height={32} />\n            ) : (\n              <IconChevronDownSVG className=\"left\" height={32} />\n            )}\n          </Button>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default Pagination;\n"],"names":["SelectedOptionClasses","isSelected","classNames","Pagination","current","list","totalPages","size","selectionText","handlePaginationSizeChanged","handlePaginationNumberChanged","dir","rest","useState","isListOpen","setIsListOpen","wrapperRef","useRef","listItemSelected","handleListItemSelected","paginationRange","usePagination","hasItems","length","useClickOutside","toggleList","prevState","handleListItemSelect","item","mapOptions","items","slice","reverse","map","id","___EmotionJSX","value","React","theme","container","isOpen","IconChevronDownSVG","RightArrowSVG"],"mappings":"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"}

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

@@ -0,0 +1,39 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v3.5.8
+   * Released under the MIT license.
+   */
+
+import { useEffect } from 'react';
+
+// Improved version of https://usehooks.com/useOnClickOutside/
+var useClickOutside = function useClickOutside(ref, handler) {
+  useEffect(function () {
+    var startedInside = false;
+    var startedWhenMounted = false;
+    var listener = function listener(event) {
+      // Do nothing if `mousedown` or `touchstart` started inside ref element
+      if (startedInside || !startedWhenMounted) return;
+      // Do nothing if clicking ref's element or descendent elements
+      if (!ref.current || ref.current.contains(event.target)) return;
+      handler(event);
+    };
+    var validateEventStart = function validateEventStart(event) {
+      startedWhenMounted = Boolean(ref.current);
+      startedInside = Boolean(ref.current && ref.current.contains(event === null || event === void 0 ? void 0 : event.target));
+    };
+    document.addEventListener("mousedown", validateEventStart);
+    document.addEventListener("touchstart", validateEventStart);
+    document.addEventListener("click", listener);
+    return function () {
+      document.removeEventListener("mousedown", validateEventStart);
+      document.removeEventListener("touchstart", validateEventStart);
+      document.removeEventListener("click", listener);
+    };
+  }, [ref, handler]);
+};
+
+export { useClickOutside as default };
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":["../../../../../src/components/Pagination/hooks.ts"],"sourcesContent":["import { RefObject, useEffect } from \"react\";\n\ntype Handler = (event: MouseEvent) => void;\n\n// Improved version of https://usehooks.com/useOnClickOutside/\nconst useClickOutside = (ref: RefObject<HTMLElement>, handler: Handler): void => {\n  useEffect(() => {\n    let startedInside = false;\n    let startedWhenMounted = false;\n\n    const listener = (event: MouseEvent): void => {\n      // Do nothing if `mousedown` or `touchstart` started inside ref element\n      if (startedInside || !startedWhenMounted) return;\n      // Do nothing if clicking ref's element or descendent elements\n      if (!ref.current || ref.current.contains(event.target as Node)) return;\n\n      handler(event);\n    };\n\n    const validateEventStart = (event: TouchEvent | MouseEvent): void => {\n      startedWhenMounted = Boolean(ref.current);\n      startedInside = Boolean(ref.current && ref.current.contains(event?.target as Node));\n    };\n\n    document.addEventListener(\"mousedown\", validateEventStart);\n    document.addEventListener(\"touchstart\", validateEventStart);\n    document.addEventListener(\"click\", listener);\n\n    return (): void => {\n      document.removeEventListener(\"mousedown\", validateEventStart);\n      document.removeEventListener(\"touchstart\", validateEventStart);\n      document.removeEventListener(\"click\", listener);\n    };\n  }, [ref, handler]);\n};\n\nexport default useClickOutside;\n"],"names":["useClickOutside","ref","handler","useEffect","startedInside","startedWhenMounted","listener","event","current","contains","target","validateEventStart","Boolean","document","addEventListener","removeEventListener"],"mappings":";;;;;;;;;;AAIA;AACMA,IAAAA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,GAA2B,EAAEC,OAAgB,EAAW;AAC/EC,EAAAA,SAAS,CAAC,YAAM;IACd,IAAIC,aAAa,GAAG,KAAK,CAAA;IACzB,IAAIC,kBAAkB,GAAG,KAAK,CAAA;AAE9B,IAAA,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,KAAiB,EAAW;AAC5C;AACA,MAAA,IAAIH,aAAa,IAAI,CAACC,kBAAkB,EAAE,OAAA;AAC1C;AACA,MAAA,IAAI,CAACJ,GAAG,CAACO,OAAO,IAAIP,GAAG,CAACO,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAS,EAAE,OAAA;MAEhER,OAAO,CAACK,KAAK,CAAC,CAAA;KACf,CAAA;AAED,IAAA,IAAMI,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIJ,KAA8B,EAAW;AACnEF,MAAAA,kBAAkB,GAAGO,OAAO,CAACX,GAAG,CAACO,OAAO,CAAC,CAAA;MACzCJ,aAAa,GAAGQ,OAAO,CAACX,GAAG,CAACO,OAAO,IAAIP,GAAG,CAACO,OAAO,CAACC,QAAQ,CAACF,KAAK,KAALA,IAAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEG,MAAM,CAAS,CAAC,CAAA;KACpF,CAAA;AAEDG,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEH,kBAAkB,CAAC,CAAA;AAC1DE,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,YAAY,EAAEH,kBAAkB,CAAC,CAAA;AAC3DE,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAER,QAAQ,CAAC,CAAA;AAE5C,IAAA,OAAO,YAAY;AACjBO,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEJ,kBAAkB,CAAC,CAAA;AAC7DE,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,YAAY,EAAEJ,kBAAkB,CAAC,CAAA;AAC9DE,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAET,QAAQ,CAAC,CAAA;KAChD,CAAA;AACH,GAAC,EAAE,CAACL,GAAG,EAAEC,OAAO,CAAC,CAAC,CAAA;AACpB;;;;"}

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

@@ -2,19 +2,19 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.5.6
+   * @epignosis_llc/gnosis.js v3.5.8
    * Released under the MIT license.
    */
 
 import { css } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
-import { hexToRGBA } from '../../theme/default/colors.js';
 
-var container = function container(_ref) {
+var container = function container(_ref, _ref2) {
   var pagination = _ref.pagination;
+  var isOpen = _ref2.isOpen;
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    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;")
+    css("display:flex;justify-content:center;align-items:center;.previous-page-btn,.next-page-btn{&:hover,&:active,&:link,&:focus{background-color:", pagination.hoverBackground, "!important;svg{fill:", pagination.color, ";}}.left{height:24px;transform:rotateZ(-90deg);}.right{height:24px;transform:rotateZ(90deg);}&.disabled{background-color:transparent;svg{fill:currentColor;}}&:hover{&.disabled{background-color:transparent!important;svg{fill:currentColor;}}}}.pagination-options{.dropdown{position:relative;display:inline-block;.dropdown-header{cursor:pointer;}button{color:", pagination.textColor, ";padding-inline-start:1rem;font-style:", isOpen ? "italic" : "normal", ";&:hover{background-color:", pagination.hoverBackground, ";border:1px solid ", pagination.color, ";}&:focus{border:1px solid ", pagination.color, ";}svg{margin-left:1rem;height:12px;transform:", isOpen ? "rotateZ(90deg)" : "rotateZ(-90deg)", ";}}.dropdown-list{list-style:none;margin:0;min-width:14rem;box-sizing:border-box;white-space:nowrap;user-select:none;cursor:pointer;max-height:21rem;overflow-y:auto;width:100%;padding:0;.empty-state{cursor:default;color:", pagination.emptyState, ";padding:0.25rem 0.75rem;}::-webkit-scrollbar{width:5px;}li{padding:0.5rem 1rem;.is-selected{font-weight:bold;}}}.open-list-container{position:absolute;padding:0;z-index:100;border-radius:5px;box-shadow:0px -2px 6px ", pagination.boxShadowColor, ";background-color:", pagination.emptyState, ";max-width:50rem;width:100%;bottom:100%;inset-inline-start:0;margin-bottom:0.3rem;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMsIFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoXG4gIHsgcGFnaW5hdGlvbiB9OiBUaGVtZSxcbiAgeyBpc09wZW4gfTogeyBpc09wZW46IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIC5wcmV2aW91cy1wYWdlLWJ0bixcbiAgICAubmV4dC1wYWdlLWJ0biB7XG4gICAgICAmOmhvdmVyLFxuICAgICAgJjphY3RpdmUsXG4gICAgICAmOmxpbmssXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke3BhZ2luYXRpb24uY29sb3J9O1xuICAgICAgICB9XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFnaW5hdGlvbi5ob3ZlckJhY2tncm91bmR9IWltcG9ydGFudDtcbiAgICAgIH1cblxuICAgICAgLmxlZnQge1xuICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlWigtOTBkZWcpO1xuICAgICAgfVxuXG4gICAgICAucmlnaHQge1xuICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlWig5MGRlZyk7XG4gICAgICB9XG5cbiAgICAgICYuZGlzYWJsZWQge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgICYuZGlzYWJsZWQge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAucGFnaW5hdGlvbi1vcHRpb25zIHtcbiAgICAgIC5kcm9wZG93biB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXG4gICAgICAgIC5kcm9wZG93bi1oZWFkZXIge1xuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIGJ1dHRvbiB7XG4gICAgICAgICAgY29sb3I6ICR7cGFnaW5hdGlvbi50ZXh0Q29sb3J9O1xuICAgICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAxcmVtO1xuICAgICAgICAgIGZvbnQtc3R5bGU6ICR7aXNPcGVuID8gXCJpdGFsaWNcIiA6IFwibm9ybWFsXCJ9O1xuXG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhZ2luYXRpb24uaG92ZXJCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7cGFnaW5hdGlvbi5jb2xvcn07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3BhZ2luYXRpb24uY29sb3J9O1xuICAgICAgICAgIH1cblxuICAgICAgICAgIHN2ZyB7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogMXJlbTtcbiAgICAgICAgICAgIGhlaWdodDogMTJweDtcblxuICAgICAgICAgICAgdHJhbnNmb3JtOiAke2lzT3BlbiA/IFwicm90YXRlWig5MGRlZylcIiA6IFwicm90YXRlWigtOTBkZWcpXCJ9O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC5kcm9wZG93bi1saXN0IHtcbiAgICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBtaW4td2lkdGg6IDE0cmVtO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogMjFyZW07XG4gICAgICAgICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICAgICAgLmVtcHR5LXN0YXRlIHtcbiAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgIGNvbG9yOiAke3BhZ2luYXRpb24uZW1wdHlTdGF0ZX07XG4gICAgICAgICAgICBwYWRkaW5nOiAwLjI1cmVtIDAuNzVyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICB3aWR0aDogNXB4O1xuICAgICAgICAgIH1cblxuICAgICAgICAgIGxpIHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAuNXJlbSAxcmVtO1xuXG4gICAgICAgICAgICAuaXMtc2VsZWN0ZWQge1xuICAgICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAub3Blbi1saXN0LWNvbnRhaW5lciB7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgei1pbmRleDogMTAwO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgICBib3gtc2hhZG93OiAwcHggLTJweCA2cHggJHtwYWdpbmF0aW9uLmJveFNoYWRvd0NvbG9yfTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhZ2luYXRpb24uZW1wdHlTdGF0ZX07XG4gICAgICAgICAgbWF4LXdpZHRoOiA1MHJlbTtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBib3R0b206IDEwMCU7XG4gICAgICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgICAgIG1hcmdpbi1ib3R0b206IDAuM3JlbTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG4iXX0= */", 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-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;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pagination/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\n\nexport const container = (\n  { pagination }: Theme,\n  { isOpen }: { isOpen: boolean },\n): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .previous-page-btn,\n    .next-page-btn {\n      &:hover,\n      &:active,\n      &:link,\n      &:focus {\n        svg {\n          fill: ${pagination.color};\n        }\n        background-color: ${pagination.hoverBackground}!important;\n      }\n\n      .left {\n        height: 24px;\n        transform: rotateZ(-90deg);\n      }\n\n      .right {\n        height: 24px;\n        transform: rotateZ(90deg);\n      }\n\n      &.disabled {\n        background-color: transparent;\n        svg {\n          fill: currentColor;\n        }\n      }\n\n      &:hover {\n        &.disabled {\n          background-color: transparent !important;\n          svg {\n            fill: currentColor;\n          }\n        }\n      }\n    }\n\n    .pagination-options {\n      .dropdown {\n        position: relative;\n        display: inline-block;\n\n        .dropdown-header {\n          cursor: pointer;\n        }\n\n        button {\n          color: ${pagination.textColor};\n          padding-inline-start: 1rem;\n          font-style: ${isOpen ? \"italic\" : \"normal\"};\n\n          &:hover {\n            background-color: ${pagination.hoverBackground};\n            border: 1px solid ${pagination.color};\n          }\n\n          &:focus {\n            border: 1px solid ${pagination.color};\n          }\n\n          svg {\n            margin-left: 1rem;\n            height: 12px;\n\n            transform: ${isOpen ? \"rotateZ(90deg)\" : \"rotateZ(-90deg)\"};\n          }\n        }\n\n        .dropdown-list {\n          list-style: none;\n          margin: 0;\n          min-width: 14rem;\n          box-sizing: border-box;\n          white-space: nowrap;\n          user-select: none;\n          cursor: pointer;\n          max-height: 21rem;\n          overflow-y: auto;\n          width: 100%;\n          padding: 0;\n\n          .empty-state {\n            cursor: default;\n            color: ${pagination.emptyState};\n            padding: 0.25rem 0.75rem;\n          }\n\n          ::-webkit-scrollbar {\n            width: 5px;\n          }\n\n          li {\n            padding: 0.5rem 1rem;\n\n            .is-selected {\n              font-weight: bold;\n            }\n          }\n        }\n\n        .open-list-container {\n          position: absolute;\n          padding: 0;\n          z-index: 100;\n          border-radius: 5px;\n          box-shadow: 0px -2px 6px ${pagination.boxShadowColor};\n          background-color: ${pagination.emptyState};\n          max-width: 50rem;\n          width: 100%;\n          bottom: 100%;\n          inset-inline-start: 0;\n          margin-bottom: 0.3rem;\n        }\n      }\n    }\n  `;\n};\n"],"names":["container","pagination","isOpen","css","hoverBackground","color","textColor","emptyState","boxShadowColor"],"mappings":";;;;;;;;;;AAEaA,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAGC,IAAA,EAAA,KAAA,EAAA;EAAA,IAFnBC,UAAU,QAAVA,UAAU,CAAA;EAAA,IACVC,MAAM,SAANA,MAAM,CAAA;AAER,EAAA;AAAA;AAAA;IAAOC,GAAG,CAAA,4IAAA,EAcgBF,UAAU,CAACG,eAAe,0BAFpCH,UAAU,CAACI,KAAK,EA0CfJ,sWAAAA,EAAAA,UAAU,CAACK,SAAS,EAAA,wCAAA,EAEfJ,MAAM,GAAG,QAAQ,GAAG,QAAQ,EAAA,4BAAA,EAGpBD,UAAU,CAACG,eAAe,EAAA,oBAAA,EAC1BH,UAAU,CAACI,KAAK,iCAIhBJ,UAAU,CAACI,KAAK,EAOvBH,+CAAAA,EAAAA,MAAM,GAAG,gBAAgB,GAAG,iBAAiB,kOAmBjDD,UAAU,CAACM,UAAU,EAsBLN,0NAAAA,EAAAA,UAAU,CAACO,cAAc,EAAA,oBAAA,EAChCP,UAAU,CAACM,UAAU,EAAA,uFAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6iIAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAUnD;;;;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/src/components/Table/components/Body.js

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

package/dist/esm/src/components/Table/components/Cell.js

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

package/dist/esm/src/components/Table/components/Header.js

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

package/dist/esm/src/components/Table/constants.js

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

package/dist/esm/src/components/Table/reducer.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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