@epignosis_llc/gnosis 3.0.3 → 3.1.0

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.2
+   * @epignosis_llc/gnosis.js v3.0.3
    * Released under the MIT license.
    */
 
@@ -19,7 +19,7 @@ var inputContainerBaseStyles = function inputContainerBaseStyles(_ref) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css(block && "width: 100%", ";display:inline-flex;flex-direction:column;&.inline{flex-direction:row;align-items:center;label{margin:0 0.75rem 0 0;}}label{margin:0 0 0.5rem 0.5rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainerBaseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMkIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSW5wdXRTaXplIH0gZnJvbSBcIi4vSW5wdXQvSW5wdXRcIjtcblxuY29uc3QgaW5wdXRIZWlnaHQgPSB7XG4gIHNtOiBcIjEuODc1cmVtXCIsXG4gIG1kOiBcIjIuNXJlbVwiLFxuICBsZzogXCIzcmVtXCIsXG59O1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXJCYXNlU3R5bGVzID0gKHtcbiAgYmxvY2sgPSB0cnVlLFxufToge1xuICBibG9jazogYm9vbGVhbjtcbn0pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtibG9jayAmJiBcIndpZHRoOiAxMDAlXCJ9O1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAmLmlubGluZSB7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgbGFiZWwge1xuICAgICAgbWFyZ2luOiAwIDAuNzVyZW0gMCAwO1xuICAgIH1cbiAgfVxuXG4gIGxhYmVsIHtcbiAgICBtYXJnaW46IDAgMCAwLjVyZW0gMC41cmVtO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgaW5wdXRCYXNlU3R5bGVzID0gKFxuICBmb3JtRWxlbWVudHM6IFRoZW1lW1wiZm9ybUVsZW1lbnRzXCJdLFxuICB7IGJsb2NrLCBzaXplIH06IHsgYmxvY2s/OiBib29sZWFuOyBzaXplPzogSW5wdXRTaXplIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtzaXplICYmIGBoZWlnaHQ6ICR7aW5wdXRIZWlnaHRbc2l6ZV19YH07XG4gICR7YmxvY2sgJiYgXCJ3aWR0aDogMTAwJVwifTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgcGFkZGluZzogMCAwLjc1cmVtO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5pbnB1dEJvcmRlckNvbG9yfTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmhvdmVyQ29sb3J9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuYm9yZGVySG92ZXJDb2xvcn07XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5ib3JkZXJIb3ZlckNvbG9yfTtcbiAgfVxuXG4gICY6Zm9jdXMsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmJhY2tncm91bmRGb2N1c307XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAmLFxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmRpc2FibGVkQmFja2dyb3VuZH07XG4gICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmRpc2FibGVkQm9yZGVyfTtcbiAgICB9XG4gIH1cblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgZm9udC1zdHlsZTogaXRhbGljO1xuICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5wbGFjZWhvbGRlckNvbG9yfTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainerBaseStyles;")
+    css(block && "width: 100%", ";display:inline-flex;flex-direction:column;&.inline{flex-direction:row;align-items:center;label{margin-inline:0 0.75rem;margin-block:0;}}label{margin-inline:0.5rem 0;margin-block:0 0.5rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainerBaseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMkIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSW5wdXRTaXplIH0gZnJvbSBcIi4vSW5wdXQvSW5wdXRcIjtcblxuY29uc3QgaW5wdXRIZWlnaHQgPSB7XG4gIHNtOiBcIjEuODc1cmVtXCIsXG4gIG1kOiBcIjIuNXJlbVwiLFxuICBsZzogXCIzcmVtXCIsXG59O1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXJCYXNlU3R5bGVzID0gKHtcbiAgYmxvY2sgPSB0cnVlLFxufToge1xuICBibG9jazogYm9vbGVhbjtcbn0pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtibG9jayAmJiBcIndpZHRoOiAxMDAlXCJ9O1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAmLmlubGluZSB7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgbGFiZWwge1xuICAgICAgbWFyZ2luLWlubGluZTogMCAwLjc1cmVtO1xuICAgICAgbWFyZ2luLWJsb2NrOiAwO1xuICAgIH1cbiAgfVxuXG4gIGxhYmVsIHtcbiAgICBtYXJnaW4taW5saW5lOiAwLjVyZW0gMDtcbiAgICBtYXJnaW4tYmxvY2s6IDAgMC41cmVtO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgaW5wdXRCYXNlU3R5bGVzID0gKFxuICBmb3JtRWxlbWVudHM6IFRoZW1lW1wiZm9ybUVsZW1lbnRzXCJdLFxuICB7IGJsb2NrLCBzaXplIH06IHsgYmxvY2s/OiBib29sZWFuOyBzaXplPzogSW5wdXRTaXplIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtzaXplICYmIGBoZWlnaHQ6ICR7aW5wdXRIZWlnaHRbc2l6ZV19YH07XG4gICR7YmxvY2sgJiYgXCJ3aWR0aDogMTAwJVwifTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgcGFkZGluZzogMCAwLjc1cmVtO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5pbnB1dEJvcmRlckNvbG9yfTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmhvdmVyQ29sb3J9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuYm9yZGVySG92ZXJDb2xvcn07XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5ib3JkZXJIb3ZlckNvbG9yfTtcbiAgfVxuXG4gICY6Zm9jdXMsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmJhY2tncm91bmRGb2N1c307XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAmLFxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmRpc2FibGVkQmFja2dyb3VuZH07XG4gICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmRpc2FibGVkQm9yZGVyfTtcbiAgICB9XG4gIH1cblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgZm9udC1zdHlsZTogaXRhbGljO1xuICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5wbGFjZWhvbGRlckNvbG9yfTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainerBaseStyles;")
   );
 };
 var inputBaseStyles = function inputBaseStyles(formElements, _ref2) {
@@ -28,7 +28,7 @@ var inputBaseStyles = function inputBaseStyles(formElements, _ref2) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css(size && "height: ".concat(inputHeight[size]), ";", block && "width: 100%", ";display:inline-block;background-color:", formElements.input.background, ";padding:0 0.75rem;border:1px solid ", formElements.input.inputBorderColor, ";border-radius:5px;&:hover{background:", formElements.input.hoverColor, ";}&:hover{border:1px solid ", formElements.input.borderHoverColor, ";}&:focus{border:2px solid ", formElements.input.borderHoverColor, ";}&:focus,&:focus-visible{outline:none;}&:focus{background-color:", formElements.input.backgroundFocus, ";}&:disabled{&,&:hover{cursor:not-allowed;background-color:", formElements.input.disabledBackground, ";border-color:", formElements.input.disabledBorder, ";}}&::placeholder{font-style:italic;color:", formElements.input.placeholderColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputBaseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQzBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0U2l6ZSB9IGZyb20gXCIuL0lucHV0L0lucHV0XCI7XG5cbmNvbnN0IGlucHV0SGVpZ2h0ID0ge1xuICBzbTogXCIxLjg3NXJlbVwiLFxuICBtZDogXCIyLjVyZW1cIixcbiAgbGc6IFwiM3JlbVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IGlucHV0Q29udGFpbmVyQmFzZVN0eWxlcyA9ICh7XG4gIGJsb2NrID0gdHJ1ZSxcbn06IHtcbiAgYmxvY2s6IGJvb2xlYW47XG59KTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7YmxvY2sgJiYgXCJ3aWR0aDogMTAwJVwifTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJi5pbmxpbmUge1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGxhYmVsIHtcbiAgICAgIG1hcmdpbjogMCAwLjc1cmVtIDAgMDtcbiAgICB9XG4gIH1cblxuICBsYWJlbCB7XG4gICAgbWFyZ2luOiAwIDAgMC41cmVtIDAuNXJlbTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGlucHV0QmFzZVN0eWxlcyA9IChcbiAgZm9ybUVsZW1lbnRzOiBUaGVtZVtcImZvcm1FbGVtZW50c1wiXSxcbiAgeyBibG9jaywgc2l6ZSB9OiB7IGJsb2NrPzogYm9vbGVhbjsgc2l6ZT86IElucHV0U2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7c2l6ZSAmJiBgaGVpZ2h0OiAke2lucHV0SGVpZ2h0W3NpemVdfWB9O1xuICAke2Jsb2NrICYmIFwid2lkdGg6IDEwMCVcIn07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuaW5wdXRCb3JkZXJDb2xvcn07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5ob3ZlckNvbG9yfTtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmlucHV0LmJvcmRlckhvdmVyQ29sb3J9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyOiAycHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuYm9yZGVySG92ZXJDb2xvcn07XG4gIH1cblxuICAmOmZvY3VzLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kRm9jdXN9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgJixcbiAgICAmOmhvdmVyIHtcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5kaXNhYmxlZEJhY2tncm91bmR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5kaXNhYmxlZEJvcmRlcn07XG4gICAgfVxuICB9XG5cbiAgJjo6cGxhY2Vob2xkZXIge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQucGxhY2Vob2xkZXJDb2xvcn07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:inputBaseStyles;")
+    css(size && "height: ".concat(inputHeight[size]), ";", block && "width: 100%", ";display:inline-block;background-color:", formElements.input.background, ";padding:0 0.75rem;border:1px solid ", formElements.input.inputBorderColor, ";border-radius:5px;&:hover{background:", formElements.input.hoverColor, ";}&:hover{border:1px solid ", formElements.input.borderHoverColor, ";}&:focus{border:2px solid ", formElements.input.borderHoverColor, ";}&:focus,&:focus-visible{outline:none;}&:focus{background-color:", formElements.input.backgroundFocus, ";}&:disabled{&,&:hover{cursor:not-allowed;background-color:", formElements.input.disabledBackground, ";border-color:", formElements.input.disabledBorder, ";}}&::placeholder{font-style:italic;color:", formElements.input.placeholderColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputBaseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0U2l6ZSB9IGZyb20gXCIuL0lucHV0L0lucHV0XCI7XG5cbmNvbnN0IGlucHV0SGVpZ2h0ID0ge1xuICBzbTogXCIxLjg3NXJlbVwiLFxuICBtZDogXCIyLjVyZW1cIixcbiAgbGc6IFwiM3JlbVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IGlucHV0Q29udGFpbmVyQmFzZVN0eWxlcyA9ICh7XG4gIGJsb2NrID0gdHJ1ZSxcbn06IHtcbiAgYmxvY2s6IGJvb2xlYW47XG59KTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7YmxvY2sgJiYgXCJ3aWR0aDogMTAwJVwifTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJi5pbmxpbmUge1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGxhYmVsIHtcbiAgICAgIG1hcmdpbi1pbmxpbmU6IDAgMC43NXJlbTtcbiAgICAgIG1hcmdpbi1ibG9jazogMDtcbiAgICB9XG4gIH1cblxuICBsYWJlbCB7XG4gICAgbWFyZ2luLWlubGluZTogMC41cmVtIDA7XG4gICAgbWFyZ2luLWJsb2NrOiAwIDAuNXJlbTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGlucHV0QmFzZVN0eWxlcyA9IChcbiAgZm9ybUVsZW1lbnRzOiBUaGVtZVtcImZvcm1FbGVtZW50c1wiXSxcbiAgeyBibG9jaywgc2l6ZSB9OiB7IGJsb2NrPzogYm9vbGVhbjsgc2l6ZT86IElucHV0U2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7c2l6ZSAmJiBgaGVpZ2h0OiAke2lucHV0SGVpZ2h0W3NpemVdfWB9O1xuICAke2Jsb2NrICYmIFwid2lkdGg6IDEwMCVcIn07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuaW5wdXRCb3JkZXJDb2xvcn07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5ob3ZlckNvbG9yfTtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmlucHV0LmJvcmRlckhvdmVyQ29sb3J9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyOiAycHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuYm9yZGVySG92ZXJDb2xvcn07XG4gIH1cblxuICAmOmZvY3VzLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kRm9jdXN9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgJixcbiAgICAmOmhvdmVyIHtcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5kaXNhYmxlZEJhY2tncm91bmR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5kaXNhYmxlZEJvcmRlcn07XG4gICAgfVxuICB9XG5cbiAgJjo6cGxhY2Vob2xkZXIge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQucGxhY2Vob2xkZXJDb2xvcn07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:inputBaseStyles;")
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/FormElements/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { InputSize } from \"./Input/Input\";\n\nconst inputHeight = {\n  sm: \"1.875rem\",\n  md: \"2.5rem\",\n  lg: \"3rem\",\n};\n\nexport const inputContainerBaseStyles = ({\n  block = true,\n}: {\n  block: boolean;\n}): SerializedStyles => css`\n  ${block && \"width: 100%\"};\n  display: inline-flex;\n  flex-direction: column;\n\n  &.inline {\n    flex-direction: row;\n    align-items: center;\n\n    label {\n      margin: 0 0.75rem 0 0;\n    }\n  }\n\n  label {\n    margin: 0 0 0.5rem 0.5rem;\n  }\n`;\n\nexport const inputBaseStyles = (\n  formElements: Theme[\"formElements\"],\n  { block, size }: { block?: boolean; size?: InputSize },\n): SerializedStyles => css`\n  ${size && `height: ${inputHeight[size]}`};\n  ${block && \"width: 100%\"};\n  display: inline-block;\n  background-color: ${formElements.input.background};\n  padding: 0 0.75rem;\n  border: 1px solid ${formElements.input.inputBorderColor};\n  border-radius: 5px;\n\n  &:hover {\n    background: ${formElements.input.hoverColor};\n  }\n\n  &:hover {\n    border: 1px solid ${formElements.input.borderHoverColor};\n  }\n\n  &:focus {\n    border: 2px solid ${formElements.input.borderHoverColor};\n  }\n\n  &:focus,\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:focus {\n    background-color: ${formElements.input.backgroundFocus};\n  }\n\n  &:disabled {\n    &,\n    &:hover {\n      cursor: not-allowed;\n      background-color: ${formElements.input.disabledBackground};\n      border-color: ${formElements.input.disabledBorder};\n    }\n  }\n\n  &::placeholder {\n    font-style: italic;\n    color: ${formElements.input.placeholderColor};\n  }\n`;\n"],"names":["inputHeight","sm","md","lg","inputContainerBaseStyles","block","css","inputBaseStyles","formElements","size","input","background","inputBorderColor","hoverColor","borderHoverColor","backgroundFocus","disabledBackground","disabledBorder","placeholderColor"],"mappings":";;;;;;;;;;AAGA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,EAAE,EAAE,UAAU;AACdC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,MAAA;AACN,CAAC,CAAA;AAEYC,IAAAA,wBAAwB,GAAG,SAA3BA,wBAAwB,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,UAAA,GAAA,IAAA,CACnCC,KAAK;AAALA,IAAAA,KAAK,2BAAG,IAAI,GAAA,UAAA,CAAA;AAAA,EAAA;AAAA;AAAA;IAGUC,GAAG,CACvBD,KAAK,IAAI,aAAa,EAAA,yJAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,kCAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,y7EAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,kCAAA,CAAA;AAAA,IAAA;AAAA,EAgBzB;IAEYE,eAAe,GAAG,SAAlBA,eAAe,CAC1BC,YAAmC,EAAA,KAAA,EAAA;EAAA,IACjCH,KAAK,SAALA,KAAK;AAAEI,IAAAA,IAAI,SAAJA,IAAI,CAAA;AAAA,EAAA;AAAA;AAAA;AACQH,IAAAA,GAAG,CACtBG,IAAI,IAAeT,UAAAA,CAAAA,MAAAA,CAAAA,WAAW,CAACS,IAAI,CAAC,CAAE,EACtCJ,GAAAA,EAAAA,KAAK,IAAI,aAAa,6CAEJG,YAAY,CAACE,KAAK,CAACC,UAAU,EAAA,sCAAA,EAE7BH,YAAY,CAACE,KAAK,CAACE,gBAAgB,EAAA,wCAAA,EAIvCJ,YAAY,CAACE,KAAK,CAACG,UAAU,EAIvBL,6BAAAA,EAAAA,YAAY,CAACE,KAAK,CAACI,gBAAgB,EAInCN,6BAAAA,EAAAA,YAAY,CAACE,KAAK,CAACI,gBAAgB,EASnCN,mEAAAA,EAAAA,YAAY,CAACE,KAAK,CAACK,eAAe,EAAA,6DAAA,EAOhCP,YAAY,CAACE,KAAK,CAACM,kBAAkB,EAAA,gBAAA,EACzCR,YAAY,CAACE,KAAK,CAACO,cAAc,EAM1CT,4CAAAA,EAAAA,YAAY,CAACE,KAAK,CAACQ,gBAAgB,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,y7EAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/FormElements/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { InputSize } from \"./Input/Input\";\n\nconst inputHeight = {\n  sm: \"1.875rem\",\n  md: \"2.5rem\",\n  lg: \"3rem\",\n};\n\nexport const inputContainerBaseStyles = ({\n  block = true,\n}: {\n  block: boolean;\n}): SerializedStyles => css`\n  ${block && \"width: 100%\"};\n  display: inline-flex;\n  flex-direction: column;\n\n  &.inline {\n    flex-direction: row;\n    align-items: center;\n\n    label {\n      margin-inline: 0 0.75rem;\n      margin-block: 0;\n    }\n  }\n\n  label {\n    margin-inline: 0.5rem 0;\n    margin-block: 0 0.5rem;\n  }\n`;\n\nexport const inputBaseStyles = (\n  formElements: Theme[\"formElements\"],\n  { block, size }: { block?: boolean; size?: InputSize },\n): SerializedStyles => css`\n  ${size && `height: ${inputHeight[size]}`};\n  ${block && \"width: 100%\"};\n  display: inline-block;\n  background-color: ${formElements.input.background};\n  padding: 0 0.75rem;\n  border: 1px solid ${formElements.input.inputBorderColor};\n  border-radius: 5px;\n\n  &:hover {\n    background: ${formElements.input.hoverColor};\n  }\n\n  &:hover {\n    border: 1px solid ${formElements.input.borderHoverColor};\n  }\n\n  &:focus {\n    border: 2px solid ${formElements.input.borderHoverColor};\n  }\n\n  &:focus,\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:focus {\n    background-color: ${formElements.input.backgroundFocus};\n  }\n\n  &:disabled {\n    &,\n    &:hover {\n      cursor: not-allowed;\n      background-color: ${formElements.input.disabledBackground};\n      border-color: ${formElements.input.disabledBorder};\n    }\n  }\n\n  &::placeholder {\n    font-style: italic;\n    color: ${formElements.input.placeholderColor};\n  }\n`;\n"],"names":["inputHeight","sm","md","lg","inputContainerBaseStyles","block","css","inputBaseStyles","formElements","size","input","background","inputBorderColor","hoverColor","borderHoverColor","backgroundFocus","disabledBackground","disabledBorder","placeholderColor"],"mappings":";;;;;;;;;;AAGA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,EAAE,EAAE,UAAU;AACdC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,MAAA;AACN,CAAC,CAAA;AAEYC,IAAAA,wBAAwB,GAAG,SAA3BA,wBAAwB,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,UAAA,GAAA,IAAA,CACnCC,KAAK;AAALA,IAAAA,KAAK,2BAAG,IAAI,GAAA,UAAA,CAAA;AAAA,EAAA;AAAA;AAAA;IAGUC,GAAG,CACvBD,KAAK,IAAI,aAAa,EAAA,+LAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,kCAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,igFAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,kCAAA,CAAA;AAAA,IAAA;AAAA,EAkBzB;IAEYE,eAAe,GAAG,SAAlBA,eAAe,CAC1BC,YAAmC,EAAA,KAAA,EAAA;EAAA,IACjCH,KAAK,SAALA,KAAK;AAAEI,IAAAA,IAAI,SAAJA,IAAI,CAAA;AAAA,EAAA;AAAA;AAAA;AACQH,IAAAA,GAAG,CACtBG,IAAI,IAAeT,UAAAA,CAAAA,MAAAA,CAAAA,WAAW,CAACS,IAAI,CAAC,CAAE,EACtCJ,GAAAA,EAAAA,KAAK,IAAI,aAAa,6CAEJG,YAAY,CAACE,KAAK,CAACC,UAAU,EAAA,sCAAA,EAE7BH,YAAY,CAACE,KAAK,CAACE,gBAAgB,EAAA,wCAAA,EAIvCJ,YAAY,CAACE,KAAK,CAACG,UAAU,EAIvBL,6BAAAA,EAAAA,YAAY,CAACE,KAAK,CAACI,gBAAgB,EAInCN,6BAAAA,EAAAA,YAAY,CAACE,KAAK,CAACI,gBAAgB,EASnCN,mEAAAA,EAAAA,YAAY,CAACE,KAAK,CAACK,eAAe,EAAA,6DAAA,EAOhCP,YAAY,CAACE,KAAK,CAACM,kBAAkB,EAAA,gBAAA,EACzCR,YAAY,CAACE,KAAK,CAACO,cAAc,EAM1CT,4CAAAA,EAAAA,YAAY,CAACE,KAAK,CAACQ,gBAAgB,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,igFAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.2
+   * @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.2
+   * @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.2
+   * @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.2
+   * @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.2
+   * @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.2
+   * @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.2
+   * @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.2
+   * @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.2
+   * @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.2
+   * @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.2
+   * @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.2
+   * @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.2
+   * @epignosis_llc/gnosis.js v3.0.3
    * 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.0.2
+   * @epignosis_llc/gnosis.js v3.0.3
    * 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.0.2
+   * @epignosis_llc/gnosis.js v3.0.3
    * 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.0.2
+   * @epignosis_llc/gnosis.js v3.0.3
    * 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.0.2
+   * @epignosis_llc/gnosis.js v3.0.3
    * Released under the MIT license.
    */
 
@@ -13,7 +13,7 @@ var mainNavContainer = function mainNavContainer(_ref, width) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("position:sticky;top:0;display:flex;flex-direction:column;height:100vh;background:", sidebar.background, ";color:", sidebar.color, ";z-index:1001;max-width:", width, ";.nav-items-wrapper{display:flex;flex-direction:column;flex:1;margin:1.5rem 0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEYiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeUxldmVscyB9IGZyb20gXCJAdGhlbWUvdXRpbHMvdHlwb2dyYXBoeVwiO1xuXG5leHBvcnQgY29uc3QgbWFpbk5hdkNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUsIHdpZHRoOiBzdHJpbmcpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgdG9wOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBoZWlnaHQ6IDEwMHZoO1xuICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZH07XG4gIGNvbG9yOiAke3NpZGViYXIuY29sb3J9O1xuICB6LWluZGV4OiAxMDAxO1xuICBtYXgtd2lkdGg6ICR7d2lkdGh9O1xuXG4gIC5uYXYtaXRlbXMtd3JhcHBlciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgbWFyZ2luOiAxLjVyZW0gMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IG5hdkhhbmRsZUNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlcjogMDtcblxuICAubmF2LWl0ZW0ge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtzaWRlYmFyLmJvcmRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZJdGVtQ29udGFpbmVyID0gKFxuICB7IHNpZGViYXIsIHR5cGVTY2FsZVNpemVzIH06IFRoZW1lLFxuICBmb250U2l6ZTogVHlwb2dyYXBoeUxldmVscyxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgcGFkZGluZzogMC4yNXJlbSAxLjVyZW07XG5cbiAgLmljb24tY29udGFpbmVyIHtcbiAgICBoZWlnaHQ6IDJyZW07XG4gIH1cblxuICAmOmhvdmVyLFxuICAmLnNlbGVjdGVkLFxuICAmLmZvY3VzLXZpc2libGUge1xuICAgIGJhY2tncm91bmQ6ICR7c2lkZWJhci5iYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGNvbG9yOiAke3NpZGViYXIuY29sb3JIb3Zlcn07XG4gIH1cblxuICAmLnByb2ZpbGUtaXRlbSB7XG4gICAgcGFkZGluZzogMC41cmVtIDEuMTI1cmVtO1xuXG4gICAgaW1nIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG5cbiAgICAudGl0bGUge1xuICAgICAgbWFyZ2luLWxlZnQ6IDAuMjVyZW07XG4gICAgfVxuICB9XG5cbiAgLnRpdGxlIHtcbiAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICAgIGZvbnQtc2l6ZTogJHt0eXBlU2NhbGVTaXplc1tmb250U2l6ZV19O1xuICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgIC13ZWJraXQtbGluZS1jbGFtcDogMjtcbiAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;")
+    css("position:sticky;top:0;display:flex;flex-direction:column;height:100vh;background:", sidebar.background, ";color:", sidebar.color, ";z-index:1001;max-width:", width, ";.nav-items-wrapper{display:flex;flex-direction:column;flex:1;margin:1.5rem 0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEYiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeUxldmVscyB9IGZyb20gXCJAdGhlbWUvdXRpbHMvdHlwb2dyYXBoeVwiO1xuXG5leHBvcnQgY29uc3QgbWFpbk5hdkNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUsIHdpZHRoOiBzdHJpbmcpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgdG9wOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBoZWlnaHQ6IDEwMHZoO1xuICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZH07XG4gIGNvbG9yOiAke3NpZGViYXIuY29sb3J9O1xuICB6LWluZGV4OiAxMDAxO1xuICBtYXgtd2lkdGg6ICR7d2lkdGh9O1xuXG4gIC5uYXYtaXRlbXMtd3JhcHBlciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgbWFyZ2luOiAxLjVyZW0gMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IG5hdkhhbmRsZUNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlcjogMDtcblxuICAubmF2LWl0ZW0ge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtzaWRlYmFyLmJvcmRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZJdGVtQ29udGFpbmVyID0gKFxuICB7IHNpZGViYXIsIHR5cGVTY2FsZVNpemVzIH06IFRoZW1lLFxuICBmb250U2l6ZTogVHlwb2dyYXBoeUxldmVscyxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgcGFkZGluZzogMC4yNXJlbSAxLjVyZW07XG5cbiAgLmljb24tY29udGFpbmVyIHtcbiAgICBoZWlnaHQ6IDJyZW07XG4gIH1cblxuICAmOmhvdmVyLFxuICAmLnNlbGVjdGVkLFxuICAmLmZvY3VzLXZpc2libGUge1xuICAgIGJhY2tncm91bmQ6ICR7c2lkZWJhci5iYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGNvbG9yOiAke3NpZGViYXIuY29sb3JIb3Zlcn07XG4gIH1cblxuICAudGl0bGUge1xuICAgIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IDAuNXJlbTtcbiAgICBmb250LXNpemU6ICR7dHlwZVNjYWxlU2l6ZXNbZm9udFNpemVdfTtcbiAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;")
   );
 };
 var navHandleContainer = function navHandleContainer(_ref2) {
@@ -21,7 +21,7 @@ var navHandleContainer = function navHandleContainer(_ref2) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("background-color:transparent;padding:0;border:0;.nav-item{height:100%;border-bottom:1px solid ", sidebar.border, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQitFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlMZXZlbHMgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL3R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lLCB3aWR0aDogc3RyaW5nKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcbiAgbWF4LXdpZHRoOiAke3dpZHRofTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMS41cmVtIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9IChcbiAgeyBzaWRlYmFyLCB0eXBlU2NhbGVTaXplcyB9OiBUaGVtZSxcbiAgZm9udFNpemU6IFR5cG9ncmFwaHlMZXZlbHMsXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMS41cmVtO1xuXG4gIC5pY29uLWNvbnRhaW5lciB7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJi5zZWxlY3RlZCxcbiAgJi5mb2N1cy12aXNpYmxlIHtcbiAgICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZEhvdmVyfTtcbiAgICBjb2xvcjogJHtzaWRlYmFyLmNvbG9ySG92ZXJ9O1xuICB9XG5cbiAgJi5wcm9maWxlLWl0ZW0ge1xuICAgIHBhZGRpbmc6IDAuNXJlbSAxLjEyNXJlbTtcblxuICAgIGltZyB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuXG4gICAgLnRpdGxlIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwLjI1cmVtO1xuICAgIH1cbiAgfVxuXG4gIC50aXRsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgICBmb250LXNpemU6ICR7dHlwZVNjYWxlU2l6ZXNbZm9udFNpemVdfTtcbiAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;")
+    css("background-color:transparent;padding:0;border:0;.nav-item{height:100%;border-bottom:1px solid ", sidebar.border, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQitFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlMZXZlbHMgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL3R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lLCB3aWR0aDogc3RyaW5nKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcbiAgbWF4LXdpZHRoOiAke3dpZHRofTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMS41cmVtIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9IChcbiAgeyBzaWRlYmFyLCB0eXBlU2NhbGVTaXplcyB9OiBUaGVtZSxcbiAgZm9udFNpemU6IFR5cG9ncmFwaHlMZXZlbHMsXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMS41cmVtO1xuXG4gIC5pY29uLWNvbnRhaW5lciB7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJi5zZWxlY3RlZCxcbiAgJi5mb2N1cy12aXNpYmxlIHtcbiAgICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZEhvdmVyfTtcbiAgICBjb2xvcjogJHtzaWRlYmFyLmNvbG9ySG92ZXJ9O1xuICB9XG5cbiAgLnRpdGxlIHtcbiAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiAwLjVyZW07XG4gICAgZm9udC1zaXplOiAke3R5cGVTY2FsZVNpemVzW2ZvbnRTaXplXX07XG4gICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgLXdlYmtpdC1saW5lLWNsYW1wOiAyO1xuICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;")
   );
 };
 var navItemContainer = function navItemContainer(_ref3, fontSize) {
@@ -30,7 +30,7 @@ var navItemContainer = function navItemContainer(_ref3, fontSize) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("display:flex;align-items:center;color:", sidebar.color, ";padding:0.25rem 1.5rem;.icon-container{height:2rem;}&:hover,&.selected,&.focus-visible{background:", sidebar.backgroundHover, ";color:", sidebar.colorHover, ";}&.profile-item{padding:0.5rem 1.125rem;img{border:none;}.title{margin-left:0.25rem;}}.title{margin-left:0.5rem;font-size:", typeScaleSizes[fontSize], ";display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQzBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlMZXZlbHMgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL3R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lLCB3aWR0aDogc3RyaW5nKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcbiAgbWF4LXdpZHRoOiAke3dpZHRofTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMS41cmVtIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9IChcbiAgeyBzaWRlYmFyLCB0eXBlU2NhbGVTaXplcyB9OiBUaGVtZSxcbiAgZm9udFNpemU6IFR5cG9ncmFwaHlMZXZlbHMsXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMS41cmVtO1xuXG4gIC5pY29uLWNvbnRhaW5lciB7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJi5zZWxlY3RlZCxcbiAgJi5mb2N1cy12aXNpYmxlIHtcbiAgICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZEhvdmVyfTtcbiAgICBjb2xvcjogJHtzaWRlYmFyLmNvbG9ySG92ZXJ9O1xuICB9XG5cbiAgJi5wcm9maWxlLWl0ZW0ge1xuICAgIHBhZGRpbmc6IDAuNXJlbSAxLjEyNXJlbTtcblxuICAgIGltZyB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuXG4gICAgLnRpdGxlIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwLjI1cmVtO1xuICAgIH1cbiAgfVxuXG4gIC50aXRsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgICBmb250LXNpemU6ICR7dHlwZVNjYWxlU2l6ZXNbZm9udFNpemVdfTtcbiAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;")
+    css("display:flex;align-items:center;color:", sidebar.color, ";padding:0.25rem 1.5rem;.icon-container{height:2rem;}&:hover,&.selected,&.focus-visible{background:", sidebar.backgroundHover, ";color:", sidebar.colorHover, ";}.title{margin-inline-start:0.5rem;font-size:", typeScaleSizes[fontSize], ";display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQzBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlMZXZlbHMgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL3R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lLCB3aWR0aDogc3RyaW5nKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcbiAgbWF4LXdpZHRoOiAke3dpZHRofTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMS41cmVtIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9IChcbiAgeyBzaWRlYmFyLCB0eXBlU2NhbGVTaXplcyB9OiBUaGVtZSxcbiAgZm9udFNpemU6IFR5cG9ncmFwaHlMZXZlbHMsXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMS41cmVtO1xuXG4gIC5pY29uLWNvbnRhaW5lciB7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJi5zZWxlY3RlZCxcbiAgJi5mb2N1cy12aXNpYmxlIHtcbiAgICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZEhvdmVyfTtcbiAgICBjb2xvcjogJHtzaWRlYmFyLmNvbG9ySG92ZXJ9O1xuICB9XG5cbiAgLnRpdGxlIHtcbiAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiAwLjVyZW07XG4gICAgZm9udC1zaXplOiAke3R5cGVTY2FsZVNpemVzW2ZvbnRTaXplXX07XG4gICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgLXdlYmtpdC1saW5lLWNsYW1wOiAyO1xuICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;")
   );
 };
 

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

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

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.2
+   * @epignosis_llc/gnosis.js v3.0.3
    * Released under the MIT license.
    */
 
@@ -23,9 +23,7 @@ var TabPane = function TabPane() {
 };
 var scrollToTab = function scrollToTab(tabIndex) {
   var _document$querySelect;
-  var tabOffset = (_document$querySelect = document.querySelector("#tab-".concat(tabIndex))) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getBoundingClientRect().x;
-  var tablist = document.getElementsByTagName("nav")[0];
-  tabOffset && tablist.scrollTo(tabOffset > 0 ? tabOffset - 16 : 0, 0);
+  (_document$querySelect = document.querySelector("#tab-".concat(tabIndex))) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.scrollIntoView();
 };
 var Tabs = function Tabs(_ref) {
   var children = _ref.children,
@@ -44,6 +42,7 @@ var Tabs = function Tabs(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     isOverflowActive = _useState4[0],
     setIsOverflowActive = _useState4[1];
+  var dir = document.dir;
   var tabTitles = Children.map(children, function (child, i) {
     return {
       index: i,
@@ -126,7 +125,9 @@ var Tabs = function Tabs(_ref) {
     color: "secondary",
     noGutters: true,
     onClick: handLeftArrowClick
-  }, jsx(SvgArrowLeft, {
+  }, dir === "rtl" ? jsx(SvgArrowRight, {
+    height: 22
+  }) : jsx(SvgArrowLeft, {
     height: 22
   })), jsx("nav", {
     css: function css(theme) {
@@ -152,7 +153,9 @@ var Tabs = function Tabs(_ref) {
     color: "secondary",
     noGutters: true,
     onClick: handRightArrowClick
-  }, jsx(SvgArrowRight, {
+  }, dir === "rtl" ? jsx(SvgArrowLeft, {
+    height: 22
+  }) : jsx(SvgArrowRight, {
     height: 22
   }))), jsx("section", {
     id: "content",