npm - @epignosis_llc/gnosis - Versions diffs - 5.0.2 → 5.0.4 - Mend

@epignosis_llc/gnosis 5.0.2 → 5.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (700) hide show

package/dist/esm/src/components/Dropdown/styles.js ADDED Viewed

@@ -0,0 +1,57 @@
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v5.0.3
+   * Released under the MIT license.
+   */
+import { css } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
+var getInlinePaddingStart = function getInlinePaddingStart(level, isSearchable) {
+  var initialPadding = isSearchable ? 0.25 : 1;
+  return initialPadding + level * 0.75;
+};
+var DropdownContainer = function DropdownContainer(_ref, _ref2) {
+  var dropdown = _ref.dropdown;
+  var isSearchable = _ref2.isSearchable,
+    fullWidth = _ref2.fullWidth;
+  return (
+    /*#__PURE__*/
+    /*#__PURE__*/
+    css("position:relative;display:inline-block;.dropdown-wrapper{position:absolute;z-index:100;border-radius:5px;box-shadow:0 3px 6px ", dropdown.boxShadowColor, ";background-color:", dropdown.backgroundColor, ";padding:", isSearchable ? "0.75rem" : "0", ";width:", fullWidth ? isSearchable ? "auto" : "100%" : "auto", ";max-width:", fullWidth ? "50" : "19.5", "rem;&.bottom-start{inset-inline-start:0;}&.bottom-end{inset-inline-end:0;}&.top-start{bottom:100%;inset-inline-start:0;margin-bottom:0.5rem;}&.top-end{bottom:100%;inset-inline-end:100%;margin-bottom:0.5rem;}&.end-top{inset-inline-start:100%;top:0;margin:0;}.input-wrapper{min-width:18rem;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXUSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUaGVtZSwgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmNvbnN0IGdldElubGluZVBhZGRpbmdTdGFydCA9IChsZXZlbDogbnVtYmVyLCBpc1NlYXJjaGFibGU6IGJvb2xlYW4pID0+IHtcbiAgY29uc3QgaW5pdGlhbFBhZGRpbmcgPSBpc1NlYXJjaGFibGUgPyAwLjI1IDogMTtcblxuICByZXR1cm4gaW5pdGlhbFBhZGRpbmcgKyBsZXZlbCAqIDAuNzU7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25Db250YWluZXIgPSAoXG4gIHsgZHJvcGRvd24gfTogVGhlbWUsXG4gIHsgaXNTZWFyY2hhYmxlLCBmdWxsV2lkdGggfTogeyBpc1NlYXJjaGFibGU6IGJvb2xlYW47IGZ1bGxXaWR0aDogYm9vbGVhbiB9LFxuKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXG4gIC5kcm9wZG93bi13cmFwcGVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTAwO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBib3gtc2hhZG93OiAwIDNweCA2cHggJHtkcm9wZG93bi5ib3hTaGFkb3dDb2xvcn07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtkcm9wZG93bi5iYWNrZ3JvdW5kQ29sb3J9O1xuICAgIHBhZGRpbmc6ICR7aXNTZWFyY2hhYmxlID8gXCIwLjc1cmVtXCIgOiBcIjBcIn07XG4gICAgd2lkdGg6ICR7ZnVsbFdpZHRoID8gKGlzU2VhcmNoYWJsZSA/IFwiYXV0b1wiIDogXCIxMDAlXCIpIDogXCJhdXRvXCJ9O1xuICAgIG1heC13aWR0aDogJHtmdWxsV2lkdGggPyBcIjUwXCIgOiBcIjE5LjVcIn1yZW07XG5cbiAgICAmLmJvdHRvbS1zdGFydCB7XG4gICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgfVxuXG4gICAgJi5ib3R0b20tZW5kIHtcbiAgICAgIGluc2V0LWlubGluZS1lbmQ6IDA7XG4gICAgfVxuXG4gICAgJi50b3Atc3RhcnQge1xuICAgICAgYm90dG9tOiAxMDAlO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xuICAgIH1cblxuICAgICYudG9wLWVuZCB7XG4gICAgICBib3R0b206IDEwMCU7XG4gICAgICBpbnNldC1pbmxpbmUtZW5kOiAxMDAlO1xuICAgICAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xuICAgIH1cblxuICAgICYuZW5kLXRvcCB7XG4gICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDEwMCU7XG4gICAgICB0b3A6IDA7XG4gICAgICBtYXJnaW46IDA7XG4gICAgfVxuXG4gICAgLmlucHV0LXdyYXBwZXIge1xuICAgICAgbWluLXdpZHRoOiAxOHJlbTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEcm9wZG93bkxpc3QgPSAoXG4gIHsgZHJvcGRvd24sIHNjcm9sbGJhciB9OiBUaGVtZSxcbiAgeyBmdWxsV2lkdGgsIGlzU2VhcmNoYWJsZSB9OiB7IGZ1bGxXaWR0aDogYm9vbGVhbjsgaXNTZWFyY2hhYmxlOiBib29sZWFuIH0sXG4pID0+IGNzc2BcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgbWFyZ2luOiAke2lzU2VhcmNoYWJsZSA/IFwiMC41cmVtIDAgMFwiIDogXCIwXCJ9O1xuICBwYWRkaW5nOiAke2lzU2VhcmNoYWJsZSA/IFwiMFwiIDogXCIwLjVyZW0gMFwifTtcbiAgbWF4LWhlaWdodDogMjFyZW07XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIHdpZHRoOiAke2Z1bGxXaWR0aCA/IFwiMTAwJVwiIDogXCJhdXRvXCJ9O1xuICBtaW4td2lkdGg6ICR7ZnVsbFdpZHRoID8gXCIycmVtXCIgOiBcIjE0cmVtXCJ9O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG5cbiAgLyogV29ya3Mgb24gRmlyZWZveCAqL1xuICBzY3JvbGxiYXItd2lkdGg6IDVweDtcbiAgc2Nyb2xsYmFyLWNvbG9yOiAke3Njcm9sbGJhci5jb2xvcn0gJHtzY3JvbGxiYXIuYmFja2dyb3VuZH07XG5cbiAgLyogV29ya3Mgb24gQ2hyb21lLCBFZGdlLCBhbmQgU2FmYXJpICovXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIHdpZHRoOiA1cHg7XG4gIH1cblxuICA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcbiAgICBiYWNrZ3JvdW5kOiAke3Njcm9sbGJhci5iYWNrZ3JvdW5kfTtcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtzY3JvbGxiYXIuY29sb3J9O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIH1cblxuICAuZW1wdHktc3RhdGUge1xuICAgIGNvbG9yOiAke2Ryb3Bkb3duLmVtcHR5U3RhdGVDb2xvcn07XG4gICAgcGFkZGluZzogMCAwLjc1cmVtO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBoZWlnaHQ6IDJyZW07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEcm9wZG93blRpdGxlID0gKHtcbiAgbGV2ZWwsXG4gIGlzU2VhcmNoYWJsZSxcbn06IHtcbiAgbGV2ZWw6IG51bWJlcjtcbiAgaXNTZWFyY2hhYmxlOiBib29sZWFuO1xufSkgPT4gY3NzYFxuICBwYWRkaW5nLWlubGluZTogJHtnZXRJbmxpbmVQYWRkaW5nU3RhcnQobGV2ZWwsIGlzU2VhcmNoYWJsZSl9cmVtIDFyZW07XG4gIHBhZGRpbmctYmxvY2s6IDAuMjVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25MaXN0SXRlbSA9IChcbiAgeyBkcm9wZG93biB9OiBUaGVtZSxcbiAgeyBpc1NlYXJjaGFibGUsIGxldmVsIH06IHsgaXNTZWFyY2hhYmxlOiBib29sZWFuOyBsZXZlbDogbnVtYmVyIH0sXG4pID0+IGNzc2BcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0SW5saW5lUGFkZGluZ1N0YXJ0KGxldmVsLCBpc1NlYXJjaGFibGUpfXJlbSAxcmVtO1xuICBwYWRkaW5nLWJsb2NrOiAwLjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1heC1oZWlnaHQ6IDJyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLWlubGluZS1lbmQ6ICR7aXNTZWFyY2hhYmxlID8gXCIwLjVyZW1cIiA6IFwiMFwifTtcblxuICAmLnNlcGFyYXRvciB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7ZHJvcGRvd24uYm9yZGVyQm90dG9tQ29sb3J9O1xuICB9XG5cbiAgc3BhbiB7XG4gICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDE7XG4gICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgfVxuXG4gIHN2ZyB7XG4gICAgd2lkdGg6IDMycHg7XG4gICAgbWFyZ2luLWlubGluZS1lbmQ6IDAuNXJlbTtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZHJvcGRvd24uaG92ZXJCYWNrZ3JvdW5kQ29sb3J9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7aXNTZWFyY2hhYmxlID8gXCI1cHhcIiA6IFwiMFwifTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:DropdownContainer;")
+  );
+};
+var DropdownList = function DropdownList(_ref3, _ref4) {
+  var dropdown = _ref3.dropdown,
+    scrollbar = _ref3.scrollbar;
+  var fullWidth = _ref4.fullWidth,
+    isSearchable = _ref4.isSearchable;
+  return (
+    /*#__PURE__*/
+    /*#__PURE__*/
+    css("list-style:none;width:max-content;box-sizing:border-box;white-space:nowrap;user-select:none;margin:", isSearchable ? "0.5rem 0 0" : "0", ";padding:", isSearchable ? "0" : "0.5rem 0", ";max-height:21rem;overflow-y:auto;width:", fullWidth ? "100%" : "auto", ";min-width:", fullWidth ? "2rem" : "14rem", ";border-radius:5px;scrollbar-width:5px;scrollbar-color:", scrollbar.color, " ", scrollbar.background, ";::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:", scrollbar.background, ";border-radius:10px;}::-webkit-scrollbar-thumb{background-color:", scrollbar.color, ";border-radius:10px;}.empty-state{color:", dropdown.emptyStateColor, ";padding:0 0.75rem;display:flex;align-items:center;height:2rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownList;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RFEiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGhlbWUsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5jb25zdCBnZXRJbmxpbmVQYWRkaW5nU3RhcnQgPSAobGV2ZWw6IG51bWJlciwgaXNTZWFyY2hhYmxlOiBib29sZWFuKSA9PiB7XG4gIGNvbnN0IGluaXRpYWxQYWRkaW5nID0gaXNTZWFyY2hhYmxlID8gMC4yNSA6IDE7XG5cbiAgcmV0dXJuIGluaXRpYWxQYWRkaW5nICsgbGV2ZWwgKiAwLjc1O1xufTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duQ29udGFpbmVyID0gKFxuICB7IGRyb3Bkb3duIH06IFRoZW1lLFxuICB7IGlzU2VhcmNoYWJsZSwgZnVsbFdpZHRoIH06IHsgaXNTZWFyY2hhYmxlOiBib29sZWFuOyBmdWxsV2lkdGg6IGJvb2xlYW4gfSxcbikgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAuZHJvcGRvd24td3JhcHBlciB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDEwMDtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYm94LXNoYWRvdzogMCAzcHggNnB4ICR7ZHJvcGRvd24uYm94U2hhZG93Q29sb3J9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZHJvcGRvd24uYmFja2dyb3VuZENvbG9yfTtcbiAgICBwYWRkaW5nOiAke2lzU2VhcmNoYWJsZSA/IFwiMC43NXJlbVwiIDogXCIwXCJ9O1xuICAgIHdpZHRoOiAke2Z1bGxXaWR0aCA/IChpc1NlYXJjaGFibGUgPyBcImF1dG9cIiA6IFwiMTAwJVwiKSA6IFwiYXV0b1wifTtcbiAgICBtYXgtd2lkdGg6ICR7ZnVsbFdpZHRoID8gXCI1MFwiIDogXCIxOS41XCJ9cmVtO1xuXG4gICAgJi5ib3R0b20tc3RhcnQge1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgIH1cblxuICAgICYuYm90dG9tLWVuZCB7XG4gICAgICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICAgIH1cblxuICAgICYudG9wLXN0YXJ0IHtcbiAgICAgIGJvdHRvbTogMTAwJTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICB9XG5cbiAgICAmLnRvcC1lbmQge1xuICAgICAgYm90dG9tOiAxMDAlO1xuICAgICAgaW5zZXQtaW5saW5lLWVuZDogMTAwJTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICB9XG5cbiAgICAmLmVuZC10b3Age1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAxMDAlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgIG1pbi13aWR0aDogMThyZW07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25MaXN0ID0gKFxuICB7IGRyb3Bkb3duLCBzY3JvbGxiYXIgfTogVGhlbWUsXG4gIHsgZnVsbFdpZHRoLCBpc1NlYXJjaGFibGUgfTogeyBmdWxsV2lkdGg6IGJvb2xlYW47IGlzU2VhcmNoYWJsZTogYm9vbGVhbiB9LFxuKSA9PiBjc3NgXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1hcmdpbjogJHtpc1NlYXJjaGFibGUgPyBcIjAuNXJlbSAwIDBcIiA6IFwiMFwifTtcbiAgcGFkZGluZzogJHtpc1NlYXJjaGFibGUgPyBcIjBcIiA6IFwiMC41cmVtIDBcIn07XG4gIG1heC1oZWlnaHQ6IDIxcmVtO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICB3aWR0aDogJHtmdWxsV2lkdGggPyBcIjEwMCVcIiA6IFwiYXV0b1wifTtcbiAgbWluLXdpZHRoOiAke2Z1bGxXaWR0aCA/IFwiMnJlbVwiIDogXCIxNHJlbVwifTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gIC8qIFdvcmtzIG9uIEZpcmVmb3ggKi9cbiAgc2Nyb2xsYmFyLXdpZHRoOiA1cHg7XG4gIHNjcm9sbGJhci1jb2xvcjogJHtzY3JvbGxiYXIuY29sb3J9ICR7c2Nyb2xsYmFyLmJhY2tncm91bmR9O1xuXG4gIC8qIFdvcmtzIG9uIENocm9tZSwgRWRnZSwgYW5kIFNhZmFyaSAqL1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICB3aWR0aDogNXB4O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgYmFja2dyb3VuZDogJHtzY3JvbGxiYXIuYmFja2dyb3VuZH07XG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7c2Nyb2xsYmFyLmNvbG9yfTtcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICB9XG5cbiAgLmVtcHR5LXN0YXRlIHtcbiAgICBjb2xvcjogJHtkcm9wZG93bi5lbXB0eVN0YXRlQ29sb3J9O1xuICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25UaXRsZSA9ICh7XG4gIGxldmVsLFxuICBpc1NlYXJjaGFibGUsXG59OiB7XG4gIGxldmVsOiBudW1iZXI7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+IGNzc2BcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0SW5saW5lUGFkZGluZ1N0YXJ0KGxldmVsLCBpc1NlYXJjaGFibGUpfXJlbSAxcmVtO1xuICBwYWRkaW5nLWJsb2NrOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTGlzdEl0ZW0gPSAoXG4gIHsgZHJvcGRvd24gfTogVGhlbWUsXG4gIHsgaXNTZWFyY2hhYmxlLCBsZXZlbCB9OiB7IGlzU2VhcmNoYWJsZTogYm9vbGVhbjsgbGV2ZWw6IG51bWJlciB9LFxuKSA9PiBjc3NgXG4gIHBhZGRpbmctaW5saW5lOiAke2dldElubGluZVBhZGRpbmdTdGFydChsZXZlbCwgaXNTZWFyY2hhYmxlKX1yZW0gMXJlbTtcbiAgcGFkZGluZy1ibG9jazogMC41cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXgtaGVpZ2h0OiAycmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1pbmxpbmUtZW5kOiAke2lzU2VhcmNoYWJsZSA/IFwiMC41cmVtXCIgOiBcIjBcIn07XG5cbiAgJi5zZXBhcmF0b3Ige1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2Ryb3Bkb3duLmJvcmRlckJvdHRvbUNvbG9yfTtcbiAgfVxuXG4gIHNwYW4ge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAzMnB4O1xuICAgIG1hcmdpbi1pbmxpbmUtZW5kOiAwLjVyZW07XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Ryb3Bkb3duLmhvdmVyQmFja2dyb3VuZENvbG9yfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2lzU2VhcmNoYWJsZSA/IFwiNXB4XCIgOiBcIjBcIn07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:DropdownList;")
+  );
+};
+var DropdownTitle = function DropdownTitle(_ref5) {
+  var level = _ref5.level,
+    isSearchable = _ref5.isSearchable;
+  return (
+    /*#__PURE__*/
+    /*#__PURE__*/
+    css("padding-inline:", getInlinePaddingStart(level, isSearchable), "rem 1rem;padding-block:0.25rem;" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownTitle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0R1MiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGhlbWUsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5jb25zdCBnZXRJbmxpbmVQYWRkaW5nU3RhcnQgPSAobGV2ZWw6IG51bWJlciwgaXNTZWFyY2hhYmxlOiBib29sZWFuKSA9PiB7XG4gIGNvbnN0IGluaXRpYWxQYWRkaW5nID0gaXNTZWFyY2hhYmxlID8gMC4yNSA6IDE7XG5cbiAgcmV0dXJuIGluaXRpYWxQYWRkaW5nICsgbGV2ZWwgKiAwLjc1O1xufTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duQ29udGFpbmVyID0gKFxuICB7IGRyb3Bkb3duIH06IFRoZW1lLFxuICB7IGlzU2VhcmNoYWJsZSwgZnVsbFdpZHRoIH06IHsgaXNTZWFyY2hhYmxlOiBib29sZWFuOyBmdWxsV2lkdGg6IGJvb2xlYW4gfSxcbikgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAuZHJvcGRvd24td3JhcHBlciB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDEwMDtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYm94LXNoYWRvdzogMCAzcHggNnB4ICR7ZHJvcGRvd24uYm94U2hhZG93Q29sb3J9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZHJvcGRvd24uYmFja2dyb3VuZENvbG9yfTtcbiAgICBwYWRkaW5nOiAke2lzU2VhcmNoYWJsZSA/IFwiMC43NXJlbVwiIDogXCIwXCJ9O1xuICAgIHdpZHRoOiAke2Z1bGxXaWR0aCA/IChpc1NlYXJjaGFibGUgPyBcImF1dG9cIiA6IFwiMTAwJVwiKSA6IFwiYXV0b1wifTtcbiAgICBtYXgtd2lkdGg6ICR7ZnVsbFdpZHRoID8gXCI1MFwiIDogXCIxOS41XCJ9cmVtO1xuXG4gICAgJi5ib3R0b20tc3RhcnQge1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgIH1cblxuICAgICYuYm90dG9tLWVuZCB7XG4gICAgICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICAgIH1cblxuICAgICYudG9wLXN0YXJ0IHtcbiAgICAgIGJvdHRvbTogMTAwJTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICB9XG5cbiAgICAmLnRvcC1lbmQge1xuICAgICAgYm90dG9tOiAxMDAlO1xuICAgICAgaW5zZXQtaW5saW5lLWVuZDogMTAwJTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICB9XG5cbiAgICAmLmVuZC10b3Age1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAxMDAlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgIG1pbi13aWR0aDogMThyZW07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25MaXN0ID0gKFxuICB7IGRyb3Bkb3duLCBzY3JvbGxiYXIgfTogVGhlbWUsXG4gIHsgZnVsbFdpZHRoLCBpc1NlYXJjaGFibGUgfTogeyBmdWxsV2lkdGg6IGJvb2xlYW47IGlzU2VhcmNoYWJsZTogYm9vbGVhbiB9LFxuKSA9PiBjc3NgXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1hcmdpbjogJHtpc1NlYXJjaGFibGUgPyBcIjAuNXJlbSAwIDBcIiA6IFwiMFwifTtcbiAgcGFkZGluZzogJHtpc1NlYXJjaGFibGUgPyBcIjBcIiA6IFwiMC41cmVtIDBcIn07XG4gIG1heC1oZWlnaHQ6IDIxcmVtO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICB3aWR0aDogJHtmdWxsV2lkdGggPyBcIjEwMCVcIiA6IFwiYXV0b1wifTtcbiAgbWluLXdpZHRoOiAke2Z1bGxXaWR0aCA/IFwiMnJlbVwiIDogXCIxNHJlbVwifTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gIC8qIFdvcmtzIG9uIEZpcmVmb3ggKi9cbiAgc2Nyb2xsYmFyLXdpZHRoOiA1cHg7XG4gIHNjcm9sbGJhci1jb2xvcjogJHtzY3JvbGxiYXIuY29sb3J9ICR7c2Nyb2xsYmFyLmJhY2tncm91bmR9O1xuXG4gIC8qIFdvcmtzIG9uIENocm9tZSwgRWRnZSwgYW5kIFNhZmFyaSAqL1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICB3aWR0aDogNXB4O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgYmFja2dyb3VuZDogJHtzY3JvbGxiYXIuYmFja2dyb3VuZH07XG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7c2Nyb2xsYmFyLmNvbG9yfTtcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICB9XG5cbiAgLmVtcHR5LXN0YXRlIHtcbiAgICBjb2xvcjogJHtkcm9wZG93bi5lbXB0eVN0YXRlQ29sb3J9O1xuICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25UaXRsZSA9ICh7XG4gIGxldmVsLFxuICBpc1NlYXJjaGFibGUsXG59OiB7XG4gIGxldmVsOiBudW1iZXI7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+IGNzc2BcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0SW5saW5lUGFkZGluZ1N0YXJ0KGxldmVsLCBpc1NlYXJjaGFibGUpfXJlbSAxcmVtO1xuICBwYWRkaW5nLWJsb2NrOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTGlzdEl0ZW0gPSAoXG4gIHsgZHJvcGRvd24gfTogVGhlbWUsXG4gIHsgaXNTZWFyY2hhYmxlLCBsZXZlbCB9OiB7IGlzU2VhcmNoYWJsZTogYm9vbGVhbjsgbGV2ZWw6IG51bWJlciB9LFxuKSA9PiBjc3NgXG4gIHBhZGRpbmctaW5saW5lOiAke2dldElubGluZVBhZGRpbmdTdGFydChsZXZlbCwgaXNTZWFyY2hhYmxlKX1yZW0gMXJlbTtcbiAgcGFkZGluZy1ibG9jazogMC41cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXgtaGVpZ2h0OiAycmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1pbmxpbmUtZW5kOiAke2lzU2VhcmNoYWJsZSA/IFwiMC41cmVtXCIgOiBcIjBcIn07XG5cbiAgJi5zZXBhcmF0b3Ige1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2Ryb3Bkb3duLmJvcmRlckJvdHRvbUNvbG9yfTtcbiAgfVxuXG4gIHNwYW4ge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAzMnB4O1xuICAgIG1hcmdpbi1pbmxpbmUtZW5kOiAwLjVyZW07XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Ryb3Bkb3duLmhvdmVyQmFja2dyb3VuZENvbG9yfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2lzU2VhcmNoYWJsZSA/IFwiNXB4XCIgOiBcIjBcIn07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:DropdownTitle;")
+  );
+};
+var DropdownListItem = function DropdownListItem(_ref6, _ref7) {
+  var dropdown = _ref6.dropdown;
+  var isSearchable = _ref7.isSearchable,
+    level = _ref7.level;
+  return (
+    /*#__PURE__*/
+    /*#__PURE__*/
+    css("padding-inline:", getInlinePaddingStart(level, isSearchable), "rem 1rem;padding-block:0.5rem;display:flex;align-items:center;max-height:2rem;cursor:pointer;margin-inline-end:", isSearchable ? "0.5rem" : "0", ";&.separator{border-bottom:1px solid ", dropdown.borderBottomColor, ";}span{word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:inline-block;-webkit-line-clamp:1;-webkit-box-orient:vertical;}svg{width:32px;margin-inline-end:0.5rem;}&:hover{background-color:", dropdown.hoverBackgroundColor, ";border-radius:", isSearchable ? "5px" : "0", ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownListItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvSFEiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGhlbWUsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5jb25zdCBnZXRJbmxpbmVQYWRkaW5nU3RhcnQgPSAobGV2ZWw6IG51bWJlciwgaXNTZWFyY2hhYmxlOiBib29sZWFuKSA9PiB7XG4gIGNvbnN0IGluaXRpYWxQYWRkaW5nID0gaXNTZWFyY2hhYmxlID8gMC4yNSA6IDE7XG5cbiAgcmV0dXJuIGluaXRpYWxQYWRkaW5nICsgbGV2ZWwgKiAwLjc1O1xufTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duQ29udGFpbmVyID0gKFxuICB7IGRyb3Bkb3duIH06IFRoZW1lLFxuICB7IGlzU2VhcmNoYWJsZSwgZnVsbFdpZHRoIH06IHsgaXNTZWFyY2hhYmxlOiBib29sZWFuOyBmdWxsV2lkdGg6IGJvb2xlYW4gfSxcbikgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAuZHJvcGRvd24td3JhcHBlciB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDEwMDtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYm94LXNoYWRvdzogMCAzcHggNnB4ICR7ZHJvcGRvd24uYm94U2hhZG93Q29sb3J9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZHJvcGRvd24uYmFja2dyb3VuZENvbG9yfTtcbiAgICBwYWRkaW5nOiAke2lzU2VhcmNoYWJsZSA/IFwiMC43NXJlbVwiIDogXCIwXCJ9O1xuICAgIHdpZHRoOiAke2Z1bGxXaWR0aCA/IChpc1NlYXJjaGFibGUgPyBcImF1dG9cIiA6IFwiMTAwJVwiKSA6IFwiYXV0b1wifTtcbiAgICBtYXgtd2lkdGg6ICR7ZnVsbFdpZHRoID8gXCI1MFwiIDogXCIxOS41XCJ9cmVtO1xuXG4gICAgJi5ib3R0b20tc3RhcnQge1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgIH1cblxuICAgICYuYm90dG9tLWVuZCB7XG4gICAgICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICAgIH1cblxuICAgICYudG9wLXN0YXJ0IHtcbiAgICAgIGJvdHRvbTogMTAwJTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICB9XG5cbiAgICAmLnRvcC1lbmQge1xuICAgICAgYm90dG9tOiAxMDAlO1xuICAgICAgaW5zZXQtaW5saW5lLWVuZDogMTAwJTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICB9XG5cbiAgICAmLmVuZC10b3Age1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAxMDAlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgIG1pbi13aWR0aDogMThyZW07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25MaXN0ID0gKFxuICB7IGRyb3Bkb3duLCBzY3JvbGxiYXIgfTogVGhlbWUsXG4gIHsgZnVsbFdpZHRoLCBpc1NlYXJjaGFibGUgfTogeyBmdWxsV2lkdGg6IGJvb2xlYW47IGlzU2VhcmNoYWJsZTogYm9vbGVhbiB9LFxuKSA9PiBjc3NgXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1hcmdpbjogJHtpc1NlYXJjaGFibGUgPyBcIjAuNXJlbSAwIDBcIiA6IFwiMFwifTtcbiAgcGFkZGluZzogJHtpc1NlYXJjaGFibGUgPyBcIjBcIiA6IFwiMC41cmVtIDBcIn07XG4gIG1heC1oZWlnaHQ6IDIxcmVtO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICB3aWR0aDogJHtmdWxsV2lkdGggPyBcIjEwMCVcIiA6IFwiYXV0b1wifTtcbiAgbWluLXdpZHRoOiAke2Z1bGxXaWR0aCA/IFwiMnJlbVwiIDogXCIxNHJlbVwifTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gIC8qIFdvcmtzIG9uIEZpcmVmb3ggKi9cbiAgc2Nyb2xsYmFyLXdpZHRoOiA1cHg7XG4gIHNjcm9sbGJhci1jb2xvcjogJHtzY3JvbGxiYXIuY29sb3J9ICR7c2Nyb2xsYmFyLmJhY2tncm91bmR9O1xuXG4gIC8qIFdvcmtzIG9uIENocm9tZSwgRWRnZSwgYW5kIFNhZmFyaSAqL1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICB3aWR0aDogNXB4O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgYmFja2dyb3VuZDogJHtzY3JvbGxiYXIuYmFja2dyb3VuZH07XG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7c2Nyb2xsYmFyLmNvbG9yfTtcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICB9XG5cbiAgLmVtcHR5LXN0YXRlIHtcbiAgICBjb2xvcjogJHtkcm9wZG93bi5lbXB0eVN0YXRlQ29sb3J9O1xuICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25UaXRsZSA9ICh7XG4gIGxldmVsLFxuICBpc1NlYXJjaGFibGUsXG59OiB7XG4gIGxldmVsOiBudW1iZXI7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+IGNzc2BcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0SW5saW5lUGFkZGluZ1N0YXJ0KGxldmVsLCBpc1NlYXJjaGFibGUpfXJlbSAxcmVtO1xuICBwYWRkaW5nLWJsb2NrOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTGlzdEl0ZW0gPSAoXG4gIHsgZHJvcGRvd24gfTogVGhlbWUsXG4gIHsgaXNTZWFyY2hhYmxlLCBsZXZlbCB9OiB7IGlzU2VhcmNoYWJsZTogYm9vbGVhbjsgbGV2ZWw6IG51bWJlciB9LFxuKSA9PiBjc3NgXG4gIHBhZGRpbmctaW5saW5lOiAke2dldElubGluZVBhZGRpbmdTdGFydChsZXZlbCwgaXNTZWFyY2hhYmxlKX1yZW0gMXJlbTtcbiAgcGFkZGluZy1ibG9jazogMC41cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXgtaGVpZ2h0OiAycmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1pbmxpbmUtZW5kOiAke2lzU2VhcmNoYWJsZSA/IFwiMC41cmVtXCIgOiBcIjBcIn07XG5cbiAgJi5zZXBhcmF0b3Ige1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2Ryb3Bkb3duLmJvcmRlckJvdHRvbUNvbG9yfTtcbiAgfVxuXG4gIHNwYW4ge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAzMnB4O1xuICAgIG1hcmdpbi1pbmxpbmUtZW5kOiAwLjVyZW07XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Ryb3Bkb3duLmhvdmVyQmFja2dyb3VuZENvbG9yfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2lzU2VhcmNoYWJsZSA/IFwiNXB4XCIgOiBcIjBcIn07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:DropdownListItem;")
+  );
+};
+export { DropdownContainer, DropdownList, DropdownListItem, DropdownTitle };
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/components/Dropdown/styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styles.js","sources":["../../../../../src/components/Dropdown/styles.ts"],"sourcesContent":["import { Theme, css } from \"@emotion/react\";\n\nconst getInlinePaddingStart = (level: number, isSearchable: boolean) => {\n const initialPadding = isSearchable ? 0.25 : 1;\n\n return initialPadding + level * 0.75;\n};\n\nexport const DropdownContainer = (\n { dropdown }: Theme,\n { isSearchable, fullWidth }: { isSearchable: boolean; fullWidth: boolean },\n) => css`\n position: relative;\n display: inline-block;\n\n .dropdown-wrapper {\n position: absolute;\n z-index: 100;\n border-radius: 5px;\n box-shadow: 0 3px 6px ${dropdown.boxShadowColor};\n background-color: ${dropdown.backgroundColor};\n padding: ${isSearchable ? \"0.75rem\" : \"0\"};\n width: ${fullWidth ? (isSearchable ? \"auto\" : \"100%\") : \"auto\"};\n max-width: ${fullWidth ? \"50\" : \"19.5\"}rem;\n\n &.bottom-start {\n inset-inline-start: 0;\n }\n\n &.bottom-end {\n inset-inline-end: 0;\n }\n\n &.top-start {\n bottom: 100%;\n inset-inline-start: 0;\n margin-bottom: 0.5rem;\n }\n\n &.top-end {\n bottom: 100%;\n inset-inline-end: 100%;\n margin-bottom: 0.5rem;\n }\n\n &.end-top {\n inset-inline-start: 100%;\n top: 0;\n margin: 0;\n }\n\n .input-wrapper {\n min-width: 18rem;\n }\n }\n`;\n\nexport const DropdownList = (\n { dropdown, scrollbar }: Theme,\n { fullWidth, isSearchable }: { fullWidth: boolean; isSearchable: boolean },\n) => css`\n list-style: none;\n width: max-content;\n box-sizing: border-box;\n white-space: nowrap;\n user-select: none;\n margin: ${isSearchable ? \"0.5rem 0 0\" : \"0\"};\n padding: ${isSearchable ? \"0\" : \"0.5rem 0\"};\n max-height: 21rem;\n overflow-y: auto;\n width: ${fullWidth ? \"100%\" : \"auto\"};\n min-width: ${fullWidth ? \"2rem\" : \"14rem\"};\n border-radius: 5px;\n\n /* Works on Firefox */\n scrollbar-width: 5px;\n scrollbar-color: ${scrollbar.color} ${scrollbar.background};\n\n /* Works on Chrome, Edge, and Safari */\n ::-webkit-scrollbar {\n width: 5px;\n }\n\n ::-webkit-scrollbar-track {\n background: ${scrollbar.background};\n border-radius: 10px;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: ${scrollbar.color};\n border-radius: 10px;\n }\n\n .empty-state {\n color: ${dropdown.emptyStateColor};\n padding: 0 0.75rem;\n display: flex;\n align-items: center;\n height: 2rem;\n }\n`;\n\nexport const DropdownTitle = ({\n level,\n isSearchable,\n}: {\n level: number;\n isSearchable: boolean;\n}) => css`\n padding-inline: ${getInlinePaddingStart(level, isSearchable)}rem 1rem;\n padding-block: 0.25rem;\n`;\n\nexport const DropdownListItem = (\n { dropdown }: Theme,\n { isSearchable, level }: { isSearchable: boolean; level: number },\n) => css`\n padding-inline: ${getInlinePaddingStart(level, isSearchable)}rem 1rem;\n padding-block: 0.5rem;\n display: flex;\n align-items: center;\n max-height: 2rem;\n cursor: pointer;\n margin-inline-end: ${isSearchable ? \"0.5rem\" : \"0\"};\n\n &.separator {\n border-bottom: 1px solid ${dropdown.borderBottomColor};\n }\n\n span {\n word-break: break-word;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n }\n\n svg {\n width: 32px;\n margin-inline-end: 0.5rem;\n }\n\n &:hover {\n background-color: ${dropdown.hoverBackgroundColor};\n border-radius: ${isSearchable ? \"5px\" : \"0\"};\n }\n`;\n"],"names":["getInlinePaddingStart","level","isSearchable","initialPadding","DropdownContainer","dropdown","fullWidth","css","boxShadowColor","backgroundColor","DropdownList","scrollbar","color","background","emptyStateColor","DropdownTitle","DropdownListItem","borderBottomColor","hoverBackgroundColor"],"mappings":"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"}

package/dist/esm/src/components/FormElements/CheckboxGroup/Checkbox.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/CheckboxGroup/CheckboxGroup.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/CheckboxGroup/styles.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/FormError/FormError.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/FormError/styles.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/Input/Input.js CHANGED Viewed

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.1
+   * @epignosis_llc/gnosis.js v5.0.3
    * Released under the MIT license.
    */
@@ -58,8 +58,8 @@ var Input = function Input(_ref, forwardedRef) {
     var _internalRef$current;
     (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.focus();
   };
-  var handleClear = function handleClear() {
-    if (onClear) onClear();
+  var handleClear = function handleClear(e) {
+    if (onClear) onClear(e);
     setFocus();
   };
   return jsx("div", _extends({
@@ -101,7 +101,9 @@ var Input = function Input(_ref, forwardedRef) {
     height: iconHeight
   }))), isClearable && value && jsx("div", {
     className: "close-icon",
-    onClick: handleClear
+    onClick: function onClick(e) {
+      return handleClear(e);
+    }
   }, jsx(SvgClose, {
     height: 16
   }))));

package/dist/esm/src/components/FormElements/Input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sources":["../../../../../../src/components/FormElements/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefRenderFunction, useImperativeHandle, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Label from \"../Label/Label\";\nimport { InfoCircledSVG, CloseSVG } from \"../../../icons/index\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { inputContainer } from \"./styles\";\nimport { ExtendableProps, IconType } from \"types/common\";\n\nexport type InputSize = \"sm\" \| \"md\" \| \"lg\";\n\nexport type InputProps = ExtendableProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n {\n id: string;\n status?: \"valid\" \| \"error\";\n size?: InputSize;\n iconBefore?: IconType;\n iconAfter?: IconType;\n label?: string;\n inline?: boolean;\n containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n css?: SerializedStyles;\n tooltipContent?: string;\n showVerticalLine?: boolean;\n isClearable?: boolean;\n onClear?: () => void;\n }\n>;\n\nconst Input: ForwardRefRenderFunction<HTMLInputElement, InputProps> = (\n {\n size = \"md\",\n status = \"valid\",\n iconBefore,\n iconAfter,\n label,\n inline = false,\n id,\n containerAttrs,\n tooltipContent = \"\",\n value,\n isClearable = false,\n showVerticalLine = true,\n onClear,\n ...rest\n },\n forwardedRef,\n) => {\n const internalRef = useRef<HTMLInputElement>(null);\n\n const IconBefore = iconBefore;\n const IconAfter = iconAfter;\n const hasLabel = Boolean(label);\n const containerClasses = classNames({\n valid: status === \"valid\",\n error: status === \"error\",\n \"with-prefix-icon\": Boolean(iconBefore),\n \"with-suffix-icon\": Boolean(iconAfter),\n inline: hasLabel && inline,\n disabled: Boolean(rest?.disabled),\n });\n const iconHeight = size === \"sm\" ? 28 : 32;\n\n useImperativeHandle<HTMLInputElement \| null, HTMLInputElement \| null>(\n forwardedRef,\n () => internalRef.current,\n );\n\n const setFocus = () => {\n internalRef.current?.focus();\n };\n\n const handleClear = () => {\n if (onClear) onClear();\n setFocus();\n };\n\n return (\n <div\n css={(theme): SerializedStyles =>\n inputContainer(theme, {\n size,\n hasIconAfter: Boolean(iconAfter),\n isClearable,\n showVerticalLine,\n })\n }\n className={containerClasses}\n {...containerAttrs}\n >\n {hasLabel && (\n <div className=\"label-container\">\n <Label htmlFor={id}>{label}</Label>\n {tooltipContent?.length > 0 && (\n <Tooltip content={tooltipContent}>\n <InfoCircledSVG height={20} />\n </Tooltip>\n )}\n </div>\n )}\n <div className=\"input-wrapper\">\n {IconBefore && (\n <span className=\"prefix-icon\" data-testid=\"input-icon-before\">\n <IconBefore height={iconHeight} />\n </span>\n )}\n <input value={value} ref={internalRef} id={id} {...rest} />\n {IconAfter && (\n <>\n {showVerticalLine && <div className=\"vertical-line\" />}\n <span className=\"suffix-icon\" data-testid=\"input-icon-after\" onClick={setFocus}>\n <IconAfter height={iconHeight} />\n </span>\n </>\n )}\n {isClearable && value && (\n <div className=\"close-icon\" onClick={handleClear}>\n <CloseSVG height={16} />\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default forwardRef(Input);\n"],"names":["Input","forwardedRef","size","status","iconBefore","iconAfter","label","inline","id","containerAttrs","tooltipContent","value","isClearable","showVerticalLine","onClear","rest","internalRef","useRef","IconBefore","IconAfter","hasLabel","Boolean","containerClasses","classNames","valid","error","disabled","iconHeight","useImperativeHandle","current","setFocus","focus","handleClear","___EmotionJSX","theme","inputContainer","hasIconAfter","length","InfoCircledSVG","React","CloseSVG","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;~~AA8BA~~,IAAMA,KAA6D,GAAG,SAAhEA,KAA6D,CAAA,IAAA,EAiBjEC,YAAY,EACT;AAAA,EAAA,IAAA,SAAA,GAAA,IAAA,CAhBDC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,IAAI,GAAA,SAAA;AAAA,IAAA,WAAA,GAAA,IAAA,CACXC,MAAM;AAANA,IAAAA,MAAM,4BAAG,OAAO,GAAA,WAAA;AAChBC,IAAAA,UAAU,QAAVA,UAAU;AACVC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,KAAK,QAALA,KAAK;AAAA,IAAA,WAAA,GAAA,IAAA,CACLC,MAAM;AAANA,IAAAA,MAAM,4BAAG,KAAK,GAAA,WAAA;AACdC,IAAAA,EAAE,QAAFA,EAAE;AACFC,IAAAA,cAAc,QAAdA,cAAc;AAAA,IAAA,mBAAA,GAAA,IAAA,CACdC,cAAc;AAAdA,IAAAA,cAAc,oCAAG,EAAE,GAAA,mBAAA;AACnBC,IAAAA,KAAK,QAALA,KAAK;AAAA,IAAA,gBAAA,GAAA,IAAA,CACLC,WAAW;AAAXA,IAAAA,WAAW,iCAAG,KAAK,GAAA,gBAAA;AAAA,IAAA,qBAAA,GAAA,IAAA,CACnBC,gBAAgB;AAAhBA,IAAAA,gBAAgB,sCAAG,IAAI,GAAA,qBAAA;AACvBC,IAAAA,OAAO,QAAPA,OAAO;IACJC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAIT,EAAA,IAAMC,WAAW,GAAGC,MAAM,CAAmB,IAAI,CAAC,CAAA;EAElD,IAAMC,UAAU,GAAGd,UAAU,CAAA;EAC7B,IAAMe,SAAS,GAAGd,SAAS,CAAA;AAC3B,EAAA,IAAMe,QAAQ,GAAGC,OAAO,CAACf,KAAK,CAAC,CAAA;EAC/B,IAAMgB,gBAAgB,GAAGC,UAAU,CAAC;IAClCC,KAAK,EAAErB,MAAM,KAAK,OAAO;IACzBsB,KAAK,EAAEtB,MAAM,KAAK,OAAO;AACzB,IAAA,kBAAkB,EAAEkB,OAAO,CAACjB,UAAU,CAAC;AACvC,IAAA,kBAAkB,EAAEiB,OAAO,CAAChB,SAAS,CAAC;IACtCE,MAAM,EAAEa,QAAQ,IAAIb,MAAM;IAC1BmB,QAAQ,EAAEL,OAAO,CAACN,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEW,QAAQ,CAAA;AAClC,GAAC,CAAC,CAAA;EACF,IAAMC,UAAU,GAAGzB,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,CAAA;EAE1C0B,mBAAmB,CACjB3B,YAAY,EACZ,YAAA;IAAA,OAAMe,WAAW,CAACa,OAAO,CAAA;GAC1B,CAAA,CAAA;AAED,EAAA,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,GAAS;AAAA,IAAA,IAAA,oBAAA,CAAA;AACrB,IAAA,CAAA,oBAAA,GAAAd,WAAW,CAACa,OAAO,MAAnB,IAAA,IAAA,oBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,oBAAA,CAAqBE,KAAK,EAAE,CAAA;GAC7B,CAAA;AAED,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAW,~~GAAS~~;~~IACxB~~,~~IAAIlB~~,OAAO,EAAEA,OAAO,~~EAAE~~,CAAA;~~AACtBgB~~,IAAAA,QAAQ,EAAE,CAAA;GACX,CAAA;EAED,~~OACEG~~,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;IACE,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OACTC,cAAc,CAACD,KAAK,EAAE;~~AACpBhC~~,QAAAA,IAAI,EAAJA,IAAI;~~AACJkC~~,QAAAA,YAAY,~~EAAEf~~,OAAO,CAAChB,SAAS,CAAC;AAChCO,QAAAA,WAAW,EAAXA,WAAW;AACXC,QAAAA,gBAAgB,EAAhBA,gBAAAA;AACF,OAAC,CAAC,CAAA;KACH;AACD,IAAA,SAAS,EAAES,gBAAAA;GACPb,EAAAA,cAAc,CAEjBW,EAAAA,QAAQ,~~IACPa~~,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,iBAAA;AAAiB,GAAA,EAC9BA,IAAC,KAAK,EAAA;AAAC,IAAA,OAAO,~~EAAEzB~~,EAAAA;AAAG,GAAA,EAAEF,KAAK,CAAS,EAClC,CAAAI,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAdA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAc,~~CAAE2B~~,MAAM,IAAG,CAAC,IACzBJ,IAAC,OAAO,EAAA;AAAC,IAAA,OAAO,~~EAAEvB~~,cAAAA;AAAe,GAAA,EAC/~~BuB~~,IAACK,cAAc,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;GAAM,CAAA,CAEjC,CAEJ,EACDL,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,eAAA;AAAe,GAAA,~~EAC3Bf~~,UAAU,~~IACTe~~,GAAA,CAAA,MAAA,EAAA;AAAM,IAAA,SAAS,EAAC,aAAa;IAAC,aAAY,EAAA,mBAAA;AAAmB,GAAA,EAC3DA,IAAC,UAAU,EAAA;AAAC,IAAA,MAAM,~~EAAEN~~,UAAAA;AAAW,GAAA,CAAG,CAErC,~~EACDM~~,GAAA,CAAA,OAAA,EAAA,QAAA,CAAA;AAAO,IAAA,KAAK,~~EAAEtB~~,KAAM;AAAC,IAAA,GAAG,EAAEK,WAAY;AAAC,IAAA,EAAE,EAAER,EAAAA;AAAG,GAAA,EAAKO,IAAI,CAAI,CAAA,EAC1DI,SAAS,~~IACRc~~,GAAA,CAAAM,cAAA,CAAA,QAAA,EAAA,IAAA,~~EACG1B~~,gBAAgB,~~IAAIoB~~,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,eAAA;AAAe,GAAA,CAAG,EACtDA,GAAA,CAAA,MAAA,EAAA;AAAM,IAAA,SAAS,EAAC,aAAa;AAAC,IAAA,aAAA,EAAY,kBAAkB;AAAC,IAAA,OAAO,~~EAAEH~~,QAAAA;AAAS,GAAA,~~EAC7EG~~,IAAC,SAAS,EAAA;AAAC,IAAA,MAAM,~~EAAEN~~,UAAAA;AAAW,GAAA,CAAG,CAC5B,CAEV,EACAf,WAAW,IAAID,KAAK,~~IACnBsB~~,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,YAAY;~~AAAC~~,~~IAAA,~~OAAO,~~EAAED~~,~~WAAAA~~;~~AAAY~~,GAAA,~~EAC/CC~~,IAACO,QAAQ,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;GAAM,CAAA,CAE3B,CACG,CACF,CAAA;AAEV,CAAC,CAAA;AAED,cAAeC,aAAAA,UAAU,~~CAACzC~~,KAAK,CAAC;;;;"}
1	+ {"version":3,"file":"Input.js","sources":["../../../../../../src/components/FormElements/Input/Input.tsx"],"sourcesContent":["import React, {\n forwardRef,\n ForwardRefRenderFunction,\n useImperativeHandle,\n useRef,\n MouseEvent,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Label from \"../Label/Label\";\nimport { InfoCircledSVG, CloseSVG } from \"../../../icons/index\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { inputContainer } from \"./styles\";\nimport { ExtendableProps, IconType } from \"types/common\";\n\nexport type InputSize = \"sm\" \| \"md\" \| \"lg\";\n\nexport type InputProps = ExtendableProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n {\n id: string;\n status?: \"valid\" \| \"error\";\n size?: InputSize;\n iconBefore?: IconType;\n iconAfter?: IconType;\n label?: string;\n inline?: boolean;\n containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n css?: SerializedStyles;\n tooltipContent?: string;\n showVerticalLine?: boolean;\n isClearable?: boolean;\n onClear?: (e?: MouseEvent<HTMLDivElement>) => void;\n }\n>;\n\nconst Input: ForwardRefRenderFunction<HTMLInputElement, InputProps> = (\n {\n size = \"md\",\n status = \"valid\",\n iconBefore,\n iconAfter,\n label,\n inline = false,\n id,\n containerAttrs,\n tooltipContent = \"\",\n value,\n isClearable = false,\n showVerticalLine = true,\n onClear,\n ...rest\n },\n forwardedRef,\n) => {\n const internalRef = useRef<HTMLInputElement>(null);\n\n const IconBefore = iconBefore;\n const IconAfter = iconAfter;\n const hasLabel = Boolean(label);\n const containerClasses = classNames({\n valid: status === \"valid\",\n error: status === \"error\",\n \"with-prefix-icon\": Boolean(iconBefore),\n \"with-suffix-icon\": Boolean(iconAfter),\n inline: hasLabel && inline,\n disabled: Boolean(rest?.disabled),\n });\n const iconHeight = size === \"sm\" ? 28 : 32;\n\n useImperativeHandle<HTMLInputElement \| null, HTMLInputElement \| null>(\n forwardedRef,\n () => internalRef.current,\n );\n\n const setFocus = () => {\n internalRef.current?.focus();\n };\n\n const handleClear = (e: MouseEvent<HTMLDivElement>) => {\n if (onClear) onClear(e);\n setFocus();\n };\n\n return (\n <div\n css={(theme): SerializedStyles =>\n inputContainer(theme, {\n size,\n hasIconAfter: Boolean(iconAfter),\n isClearable,\n showVerticalLine,\n })\n }\n className={containerClasses}\n {...containerAttrs}\n >\n {hasLabel && (\n <div className=\"label-container\">\n <Label htmlFor={id}>{label}</Label>\n {tooltipContent?.length > 0 && (\n <Tooltip content={tooltipContent}>\n <InfoCircledSVG height={20} />\n </Tooltip>\n )}\n </div>\n )}\n <div className=\"input-wrapper\">\n {IconBefore && (\n <span className=\"prefix-icon\" data-testid=\"input-icon-before\">\n <IconBefore height={iconHeight} />\n </span>\n )}\n <input value={value} ref={internalRef} id={id} {...rest} />\n {IconAfter && (\n <>\n {showVerticalLine && <div className=\"vertical-line\" />}\n <span className=\"suffix-icon\" data-testid=\"input-icon-after\" onClick={setFocus}>\n <IconAfter height={iconHeight} />\n </span>\n </>\n )}\n {isClearable && value && (\n <div className=\"close-icon\" onClick={(e: MouseEvent<HTMLDivElement>) => handleClear(e)}>\n <CloseSVG height={16} />\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default forwardRef(Input);\n"],"names":["Input","forwardedRef","size","status","iconBefore","iconAfter","label","inline","id","containerAttrs","tooltipContent","value","isClearable","showVerticalLine","onClear","rest","internalRef","useRef","IconBefore","IconAfter","hasLabel","Boolean","containerClasses","classNames","valid","error","disabled","iconHeight","useImperativeHandle","current","setFocus","focus","handleClear","e","___EmotionJSX","theme","inputContainer","hasIconAfter","length","InfoCircledSVG","React","CloseSVG","forwardRef"],"mappings":"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"}

package/dist/esm/src/components/FormElements/Input/SearchInput.js ADDED Viewed

@@ -0,0 +1,70 @@
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v5.0.3
+   * Released under the MIT license.
+   */
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useState, useEffect } from 'react';
+import useDebounceFn from '../../../../node_modules/ahooks/es/useDebounceFn/index.js';
+import SvgMagnifier from '../../../icons/magnifier.svg.js';
+import { searchInputContainer } from './styles.js';
+import Input from './Input.js';
+import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
+var _excluded = ["id", "placeholder", "onInputChanged", "delayBeforeSearch", "resetInput"];
+var SearchInput = function SearchInput(_ref) {
+  var id = _ref.id,
+    placeholder = _ref.placeholder,
+    onInputChanged = _ref.onInputChanged,
+    _ref$delayBeforeSearc = _ref.delayBeforeSearch,
+    delayBeforeSearch = _ref$delayBeforeSearc === void 0 ? 500 : _ref$delayBeforeSearc,
+    _ref$resetInput = _ref.resetInput,
+    resetInput = _ref$resetInput === void 0 ? false : _ref$resetInput,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var _useDebounceFn = useDebounceFn(function (value) {
+      onInputChanged(value);
+    }, {
+      wait: delayBeforeSearch
+    }),
+    run = _useDebounceFn.run;
+  var handleInputChange = function handleInputChange(e) {
+    var value = e.target.value;
+    setSearchValue(value);
+    run(value);
+  };
+  useEffect(function () {
+    if (resetInput) clearSearch();
+  }, [resetInput]);
+  var clearSearch = function clearSearch(e) {
+    if (e) {
+      e.stopPropagation();
+    }
+    onInputChanged("");
+    setSearchValue("");
+  };
+  return jsx("div", _extends({
+    css: searchInputContainer
+  }, rest), jsx(Input, {
+    id: id,
+    placeholder: placeholder,
+    value: searchValue,
+    onChange: handleInputChange,
+    autoComplete: "off",
+    iconAfter: SvgMagnifier,
+    showVerticalLine: false,
+    isClearable: true,
+    onClear: function onClear(e) {
+      return clearSearch(e);
+    }
+  }));
+};
+export { SearchInput as default };
+//# sourceMappingURL=SearchInput.js.map

package/dist/esm/src/components/FormElements/Input/SearchInput.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SearchInput.js","sources":["../../../../../../src/components/FormElements/Input/SearchInput.tsx"],"sourcesContent":["import React, { FC, useEffect, useState, MouseEvent } from \"react\";\nimport { useDebounceFn } from \"ahooks\";\nimport { MagnifierSVG } from \"../../../icons/\";\nimport { searchInputContainer } from \"./styles\";\nimport Input from \"./Input\";\n\ntype SearchInputProps = React.HTMLAttributes<HTMLInputElement> & {\n id: string;\n placeholder: string;\n onInputChanged: (inputValue: string) => void;\n delayBeforeSearch?: number;\n resetInput?: boolean;\n};\n\nconst SearchInput: FC<SearchInputProps> = ({\n id,\n placeholder,\n onInputChanged,\n delayBeforeSearch = 500,\n resetInput = false,\n ...rest\n}) => {\n const [searchValue, setSearchValue] = useState(\"\");\n const { run } = useDebounceFn(\n (value) => {\n onInputChanged(value);\n },\n { wait: delayBeforeSearch },\n );\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n const value = e.target.value;\n setSearchValue(value);\n run(value);\n };\n\n useEffect(() => {\n if (resetInput) clearSearch();\n }, [resetInput]);\n\n const clearSearch = (e?: MouseEvent<HTMLDivElement>): void => {\n if (e) {\n e.stopPropagation();\n }\n onInputChanged(\"\");\n setSearchValue(\"\");\n };\n\n return (\n <div css={searchInputContainer} {...rest}>\n <Input\n id={id}\n placeholder={placeholder}\n value={searchValue}\n onChange={handleInputChange}\n autoComplete=\"off\"\n iconAfter={MagnifierSVG}\n showVerticalLine={false}\n isClearable={true}\n onClear={(e?: MouseEvent<HTMLDivElement>): void => clearSearch(e)}\n />\n </div>\n );\n};\n\nexport default SearchInput;\n"],"names":["SearchInput","id","placeholder","onInputChanged","delayBeforeSearch","resetInput","rest","useState","searchValue","setSearchValue","useDebounceFn","value","wait","run","handleInputChange","e","target","useEffect","clearSearch","stopPropagation","___EmotionJSX","searchInputContainer","MagnifierSVG"],"mappings":";;;;;;;;;;;;;;;;;AAcA,IAAMA,WAAiC,GAAG,SAApCA,WAAiC,CAOjC,IAAA,EAAA;EAAA,IANJC,EAAE,QAAFA,EAAE;AACFC,IAAAA,WAAW,QAAXA,WAAW;AACXC,IAAAA,cAAc,QAAdA,cAAc;AAAA,IAAA,qBAAA,GAAA,IAAA,CACdC,iBAAiB;AAAjBA,IAAAA,iBAAiB,sCAAG,GAAG,GAAA,qBAAA;AAAA,IAAA,eAAA,GAAA,IAAA,CACvBC,UAAU;AAAVA,IAAAA,UAAU,gCAAG,KAAK,GAAA,eAAA;IACfC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAEP,IAAsCC,SAAAA,GAAAA,QAAQ,CAAC,EAAE,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAA3CC,WAAW,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,cAAc,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,EAAA,IAAA,cAAA,GAAgBC,aAAa,CAC3B,UAACC,KAAK,EAAK;MACTR,cAAc,CAACQ,KAAK,CAAC,CAAA;AACvB,KAAC,EACD;AAAEC,MAAAA,IAAI,EAAER,iBAAAA;AAAkB,KAAC,CAC5B;AALOS,IAAAA,GAAG,kBAAHA,GAAG,CAAA;AAOX,EAAA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,CAAsC,EAAW;AAC1E,IAAA,IAAMJ,KAAK,GAAGI,CAAC,CAACC,MAAM,CAACL,KAAK,CAAA;IAC5BF,cAAc,CAACE,KAAK,CAAC,CAAA;IACrBE,GAAG,CAACF,KAAK,CAAC,CAAA;GACX,CAAA;AAEDM,EAAAA,SAAS,CAAC,YAAM;IACd,IAAIZ,UAAU,EAAEa,WAAW,EAAE,CAAA;AAC/B,GAAC,EAAE,CAACb,UAAU,CAAC,CAAC,CAAA;AAEhB,EAAA,IAAMa,WAAW,GAAG,SAAdA,WAAW,CAAIH,CAA8B,EAAW;AAC5D,IAAA,IAAIA,CAAC,EAAE;MACLA,CAAC,CAACI,eAAe,EAAE,CAAA;AACrB,KAAA;IACAhB,cAAc,CAAC,EAAE,CAAC,CAAA;IAClBM,cAAc,CAAC,EAAE,CAAC,CAAA;GACnB,CAAA;EAED,OACEW,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAEC,oBAAAA;GAA0Bf,EAAAA,IAAI,CACtC,EAAAc,GAAA,CAAC,KAAK,EAAA;AACJ,IAAA,EAAE,EAAEnB,EAAG;AACP,IAAA,WAAW,EAAEC,WAAY;AACzB,IAAA,KAAK,EAAEM,WAAY;AACnB,IAAA,QAAQ,EAAEM,iBAAkB;AAC5B,IAAA,YAAY,EAAC,KAAK;AAClB,IAAA,SAAS,EAAEQ,YAAa;AACxB,IAAA,gBAAgB,EAAE,KAAM;AACxB,IAAA,WAAW,EAAE,IAAK;IAClB,OAAO,EAAE,iBAACP,CAA8B,EAAA;MAAA,OAAWG,WAAW,CAACH,CAAC,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,CAClE,CACE,CAAA;AAEV;;;;"}

package/dist/esm/src/components/FormElements/Input/styles.js CHANGED Viewed

@@ -2,13 +2,14 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.1
+   * @epignosis_llc/gnosis.js v5.0.3
    * Released under the MIT license.
    */
 import { css } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 import { inputBaseStyles, inputContainerBaseStyles } from '../styles.js';
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var inputContainer = function inputContainer(_ref, _ref2) {
   var formElements = _ref.formElements;
   var size = _ref2.size,
@@ -61,9 +62,18 @@ var inputContainer = function inputContainer(_ref, _ref2) {
     }), ";.vertical-line{position:absolute;border-left:1px solid ", formElements.input.verticalLineColor, ";top:0;inset-inline-end:3rem;height:100%;}.label-container{display:flex;justify-content:flex-start;align-items:center;gap:0.25rem;margin-bottom:0.5rem;label{margin-bottom:0;}div{display:flex;align-items:center;justify-content:center;}svg{color:", formElements.input.infoTooltipColor, ";&:hover{cursor:help;}}}&.inline{.label-container{margin-bottom:0;}}&.disabled{.input-wrapper{.prefix-icon,.suffix-icon{z-index:1;color:", formElements.input.disabledIcon, ";cursor:not-allowed;}}}&.error{.input-wrapper input{border-color:", formElements.errors.errorBorderColor, ";}}&.with-prefix-icon{.input-wrapper input{padding-inline-start:3.2rem;}}&.with-suffix-icon{.input-wrapper input{padding-inline-end:", calculatePaddingWithSuffixIcon(), ";}}.input-wrapper{width:100%;position:relative;background-color:", formElements.input.background, ";z-index:1;border-radius:5px;input{", inputBaseStyles(formElements, {
       block: true,
       size: size
-    }), ";background-color:transparent;padding-inline-end:", calculatePaddingWithoutSuffixIcon(), ";}.prefix-icon,.suffix-icon{height:100%;position:absolute;bottom:0;display:flex;align-items:center;}.prefix-icon{margin:0 0.75rem;color:", formElements.input.iconColor, ";}.suffix-icon{inset-inline-end:0;color:", formElements.input.iconColor, ";width:3rem;display:flex;justify-content:center;}.close-icon{cursor:pointer;position:absolute;top:0;height:100%;display:flex;align-items:center;inset-inline-end:", calculateCloseIconPosition(), ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi9JbnB1dFwiO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPSAoXG4gIHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lLFxuICB7XG4gICAgc2l6ZSxcbiAgICBoYXNJY29uQWZ0ZXIsXG4gICAgaXNDbGVhcmFibGUsXG4gICAgc2hvd1ZlcnRpY2FsTGluZSxcbiAgfTogeyBzaXplOiBJbnB1dFNpemU7IGhhc0ljb25BZnRlcjogYm9vbGVhbjsgaXNDbGVhcmFibGU6IGJvb2xlYW47IHNob3dWZXJ0aWNhbExpbmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCBjYWxjdWxhdGVQYWRkaW5nV2l0aFN1ZmZpeEljb24gPSAoKSA9PiB7XG4gICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjQuNzVyZW1cIjtcbiAgICAgIGNhc2Ugc2hvd1ZlcnRpY2FsTGluZSAmJiAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjMuNzVyZW1cIjtcbiAgICAgIGNhc2UgIXNob3dWZXJ0aWNhbExpbmUgJiYgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjQuNXJlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjNyZW1cIjtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBcIjBcIjtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2FsY3VsYXRlUGFkZGluZ1dpdGhvdXRTdWZmaXhJY29uID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgY2FzZSBpc0NsZWFyYWJsZTpcbiAgICAgICAgcmV0dXJuIFwiMnJlbVwiO1xuICAgICAgY2FzZSAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjAuNzVyZW1cIjtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBcIjBcIjtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2FsY3VsYXRlQ2xvc2VJY29uUG9zaXRpb24gPSAoKSA9PiB7XG4gICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIzLjVyZW1cIjtcbiAgICAgIGNhc2Ugc2hvd1ZlcnRpY2FsTGluZSAmJiAhaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBjYXNlICFzaG93VmVydGljYWxMaW5lICYmIGhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiM3JlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiAhaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gXCIwXCI7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgJHtpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMoeyBibG9jazogdHJ1ZSB9KX07XG5cbiAgICAudmVydGljYWwtbGluZSB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmlucHV0LnZlcnRpY2FsTGluZUNvbG9yfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGluc2V0LWlubGluZS1lbmQ6IDNyZW07XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLmxhYmVsLWNvbnRhaW5lciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogMC4yNXJlbTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcblxuICAgICAgbGFiZWwge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgICAgfVxuXG4gICAgICBkaXYge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIH1cblxuICAgICAgc3ZnIHtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmluZm9Ub29sdGlwQ29sb3J9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjdXJzb3I6IGhlbHA7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmlubGluZSB7XG4gICAgICAubGFiZWwtY29udGFpbmVyIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmRpc2FibGVkIHtcbiAgICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgICAgLnByZWZpeC1pY29uLFxuICAgICAgICAuc3VmZml4LWljb24ge1xuICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmRpc2FibGVkSWNvbn07XG4gICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYuZXJyb3Ige1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmVycm9ycy5lcnJvckJvcmRlckNvbG9yfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLndpdGgtcHJlZml4LWljb24ge1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMy4ycmVtO1xuICAgICAgfVxuICAgIH1cblxuICAgICYud2l0aC1zdWZmaXgtaWNvbiB7XG4gICAgICAuaW5wdXQtd3JhcHBlciBpbnB1dCB7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogJHtjYWxjdWxhdGVQYWRkaW5nV2l0aFN1ZmZpeEljb24oKX07XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmlucHV0LXdyYXBwZXIge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgICAgIHotaW5kZXg6IDE7XG4gICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgJHtpbnB1dEJhc2VTdHlsZXMoZm9ybUVsZW1lbnRzLCB7IGJsb2NrOiB0cnVlLCBzaXplIH0pfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogJHtjYWxjdWxhdGVQYWRkaW5nV2l0aG91dFN1ZmZpeEljb24oKX07XG4gICAgICB9XG5cbiAgICAgIC5wcmVmaXgtaWNvbixcbiAgICAgIC5zdWZmaXgtaWNvbiB7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB9XG5cbiAgICAgIC5wcmVmaXgtaWNvbiB7XG4gICAgICAgIG1hcmdpbjogMCAwLjc1cmVtO1xuICAgICAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuaWNvbkNvbG9yfTtcbiAgICAgIH1cblxuICAgICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgICAgaW5zZXQtaW5saW5lLWVuZDogMDtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgICAgIHdpZHRoOiAzcmVtO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIH1cblxuICAgICAgLmNsb3NlLWljb24ge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGluc2V0LWlubGluZS1lbmQ6ICR7Y2FsY3VsYXRlQ2xvc2VJY29uUG9zaXRpb24oKX07XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
+    }), ";background-color:transparent;padding-inline-end:", calculatePaddingWithoutSuffixIcon(), ";}.prefix-icon,.suffix-icon{height:100%;position:absolute;bottom:0;display:flex;align-items:center;}.prefix-icon{margin:0 0.75rem;color:", formElements.input.iconColor, ";}.suffix-icon{inset-inline-end:0;color:", formElements.input.iconColor, ";width:3rem;display:flex;justify-content:center;}.close-icon{cursor:pointer;position:absolute;top:0;height:100%;display:flex;align-items:center;inset-inline-end:", calculateCloseIconPosition(), ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi9JbnB1dFwiO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPSAoXG4gIHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lLFxuICB7XG4gICAgc2l6ZSxcbiAgICBoYXNJY29uQWZ0ZXIsXG4gICAgaXNDbGVhcmFibGUsXG4gICAgc2hvd1ZlcnRpY2FsTGluZSxcbiAgfTogeyBzaXplOiBJbnB1dFNpemU7IGhhc0ljb25BZnRlcjogYm9vbGVhbjsgaXNDbGVhcmFibGU6IGJvb2xlYW47IHNob3dWZXJ0aWNhbExpbmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCBjYWxjdWxhdGVQYWRkaW5nV2l0aFN1ZmZpeEljb24gPSAoKSA9PiB7XG4gICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjQuNzVyZW1cIjtcbiAgICAgIGNhc2Ugc2hvd1ZlcnRpY2FsTGluZSAmJiAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjMuNzVyZW1cIjtcbiAgICAgIGNhc2UgIXNob3dWZXJ0aWNhbExpbmUgJiYgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjQuNXJlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjNyZW1cIjtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBcIjBcIjtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2FsY3VsYXRlUGFkZGluZ1dpdGhvdXRTdWZmaXhJY29uID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgY2FzZSBpc0NsZWFyYWJsZTpcbiAgICAgICAgcmV0dXJuIFwiMnJlbVwiO1xuICAgICAgY2FzZSAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjAuNzVyZW1cIjtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBcIjBcIjtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2FsY3VsYXRlQ2xvc2VJY29uUG9zaXRpb24gPSAoKSA9PiB7XG4gICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIzLjVyZW1cIjtcbiAgICAgIGNhc2Ugc2hvd1ZlcnRpY2FsTGluZSAmJiAhaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBjYXNlICFzaG93VmVydGljYWxMaW5lICYmIGhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiM3JlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiAhaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gXCIwXCI7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgJHtpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMoeyBibG9jazogdHJ1ZSB9KX07XG5cbiAgICAudmVydGljYWwtbGluZSB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmlucHV0LnZlcnRpY2FsTGluZUNvbG9yfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGluc2V0LWlubGluZS1lbmQ6IDNyZW07XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLmxhYmVsLWNvbnRhaW5lciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogMC4yNXJlbTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcblxuICAgICAgbGFiZWwge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgICAgfVxuXG4gICAgICBkaXYge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIH1cblxuICAgICAgc3ZnIHtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmluZm9Ub29sdGlwQ29sb3J9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjdXJzb3I6IGhlbHA7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmlubGluZSB7XG4gICAgICAubGFiZWwtY29udGFpbmVyIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmRpc2FibGVkIHtcbiAgICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgICAgLnByZWZpeC1pY29uLFxuICAgICAgICAuc3VmZml4LWljb24ge1xuICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmRpc2FibGVkSWNvbn07XG4gICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYuZXJyb3Ige1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmVycm9ycy5lcnJvckJvcmRlckNvbG9yfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLndpdGgtcHJlZml4LWljb24ge1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMy4ycmVtO1xuICAgICAgfVxuICAgIH1cblxuICAgICYud2l0aC1zdWZmaXgtaWNvbiB7XG4gICAgICAuaW5wdXQtd3JhcHBlciBpbnB1dCB7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogJHtjYWxjdWxhdGVQYWRkaW5nV2l0aFN1ZmZpeEljb24oKX07XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmlucHV0LXdyYXBwZXIge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgICAgIHotaW5kZXg6IDE7XG4gICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgJHtpbnB1dEJhc2VTdHlsZXMoZm9ybUVsZW1lbnRzLCB7IGJsb2NrOiB0cnVlLCBzaXplIH0pfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogJHtjYWxjdWxhdGVQYWRkaW5nV2l0aG91dFN1ZmZpeEljb24oKX07XG4gICAgICB9XG5cbiAgICAgIC5wcmVmaXgtaWNvbixcbiAgICAgIC5zdWZmaXgtaWNvbiB7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB9XG5cbiAgICAgIC5wcmVmaXgtaWNvbiB7XG4gICAgICAgIG1hcmdpbjogMCAwLjc1cmVtO1xuICAgICAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuaWNvbkNvbG9yfTtcbiAgICAgIH1cblxuICAgICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgICAgaW5zZXQtaW5saW5lLWVuZDogMDtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgICAgIHdpZHRoOiAzcmVtO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIH1cblxuICAgICAgLmNsb3NlLWljb24ge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGluc2V0LWlubGluZS1lbmQ6ICR7Y2FsY3VsYXRlQ2xvc2VJY29uUG9zaXRpb24oKX07XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IHNlYXJjaElucHV0Q29udGFpbmVyID0gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIC5pbnB1dC13cmFwcGVyIHtcbiAgICBtaW4td2lkdGg6IDI1MHB4O1xuICB9XG5cbiAgaW5wdXQge1xuICAgIHBhZGRpbmctaW5saW5lLWVuZDogMi41cmVtO1xuICB9XG5cbiAgLmNsZWFyLWJ1dHRvbiB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0LWlubGluZS1lbmQ6IDA7XG4gICAgei1pbmRleDogMTtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgfVxuICB9XG4gIC5wcmVmaXgtaWNvbixcbiAgLnN1ZmZpeC1pY29uIHtcbiAgICBzdmcge1xuICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
   );
 };
+var searchInputContainer = process.env.NODE_ENV === "production" ? {
+  name: "5uyi2v",
+  styles: "width:100%;position:relative;.input-wrapper{min-width:250px;}input{padding-inline-end:2.5rem;}.clear-button{position:absolute;inset-inline-end:0;z-index:1;&:hover{background:transparent;}}.prefix-icon,.suffix-icon{svg{height:24px;}}"
+} : {
+  name: "g3ldtr-searchInputContainer",
+  styles: "width:100%;position:relative;.input-wrapper{min-width:250px;}input{padding-inline-end:2.5rem;}.clear-button{position:absolute;inset-inline-end:0;z-index:1;&:hover{background:transparent;}}.prefix-icon,.suffix-icon{svg{height:24px;}};label:searchInputContainer;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2S3VDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGlucHV0QmFzZVN0eWxlcywgaW5wdXRDb250YWluZXJCYXNlU3R5bGVzIH0gZnJvbSBcIi4uL3N0eWxlc1wiO1xuaW1wb3J0IHsgSW5wdXRTaXplIH0gZnJvbSBcIi4vSW5wdXRcIjtcblxuZXhwb3J0IGNvbnN0IGlucHV0Q29udGFpbmVyID0gKFxuICB7IGZvcm1FbGVtZW50cyB9OiBUaGVtZSxcbiAge1xuICAgIHNpemUsXG4gICAgaGFzSWNvbkFmdGVyLFxuICAgIGlzQ2xlYXJhYmxlLFxuICAgIHNob3dWZXJ0aWNhbExpbmUsXG4gIH06IHsgc2l6ZTogSW5wdXRTaXplOyBoYXNJY29uQWZ0ZXI6IGJvb2xlYW47IGlzQ2xlYXJhYmxlOiBib29sZWFuOyBzaG93VmVydGljYWxMaW5lOiBib29sZWFuIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgY2FsY3VsYXRlUGFkZGluZ1dpdGhTdWZmaXhJY29uID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgY2FzZSBzaG93VmVydGljYWxMaW5lICYmIGlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCI0Ljc1cmVtXCI7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgIWlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCIzLjc1cmVtXCI7XG4gICAgICBjYXNlICFzaG93VmVydGljYWxMaW5lICYmIGlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCI0LjVyZW1cIjtcbiAgICAgIGNhc2UgIXNob3dWZXJ0aWNhbExpbmUgJiYgIWlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCIzcmVtXCI7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gXCIwXCI7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGNhbGN1bGF0ZVBhZGRpbmdXaXRob3V0U3VmZml4SWNvbiA9ICgpID0+IHtcbiAgICBzd2l0Y2ggKHRydWUpIHtcbiAgICAgIGNhc2UgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjJyZW1cIjtcbiAgICAgIGNhc2UgIWlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gXCIwXCI7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGNhbGN1bGF0ZUNsb3NlSWNvblBvc2l0aW9uID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgY2FzZSBzaG93VmVydGljYWxMaW5lICYmIGhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiMy41cmVtXCI7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgIWhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiMC43NXJlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiBoYXNJY29uQWZ0ZXI6XG4gICAgICAgIHJldHVybiBcIjNyZW1cIjtcbiAgICAgIGNhc2UgIXNob3dWZXJ0aWNhbExpbmUgJiYgIWhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiMC43NXJlbVwiO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIFwiMFwiO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gY3NzYFxuICAgICR7aW5wdXRDb250YWluZXJCYXNlU3R5bGVzKHsgYmxvY2s6IHRydWUgfSl9O1xuXG4gICAgLnZlcnRpY2FsLWxpbmUge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC52ZXJ0aWNhbExpbmVDb2xvcn07XG4gICAgICB0b3A6IDA7XG4gICAgICBpbnNldC1pbmxpbmUtZW5kOiAzcmVtO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgIC5sYWJlbC1jb250YWluZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBnYXA6IDAuMjVyZW07XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjVyZW07XG5cbiAgICAgIGxhYmVsIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cblxuICAgICAgZGl2IHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICB9XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5pbmZvVG9vbHRpcENvbG9yfTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY3Vyc29yOiBoZWxwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5pbmxpbmUge1xuICAgICAgLmxhYmVsLWNvbnRhaW5lciB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5kaXNhYmxlZCB7XG4gICAgICAuaW5wdXQtd3JhcHBlciB7XG4gICAgICAgIC5wcmVmaXgtaWNvbixcbiAgICAgICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5kaXNhYmxlZEljb259O1xuICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmVycm9yIHtcbiAgICAgIC5pbnB1dC13cmFwcGVyIGlucHV0IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5lcnJvcnMuZXJyb3JCb3JkZXJDb2xvcn07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi53aXRoLXByZWZpeC1pY29uIHtcbiAgICAgIC5pbnB1dC13cmFwcGVyIGlucHV0IHtcbiAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDMuMnJlbTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLndpdGgtc3VmZml4LWljb24ge1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBwYWRkaW5nLWlubGluZS1lbmQ6ICR7Y2FsY3VsYXRlUGFkZGluZ1dpdGhTdWZmaXhJY29uKCl9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gICAgICB6LWluZGV4OiAxO1xuICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICAgICBpbnB1dCB7XG4gICAgICAgICR7aW5wdXRCYXNlU3R5bGVzKGZvcm1FbGVtZW50cywgeyBibG9jazogdHJ1ZSwgc2l6ZSB9KX07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICBwYWRkaW5nLWlubGluZS1lbmQ6ICR7Y2FsY3VsYXRlUGFkZGluZ1dpdGhvdXRTdWZmaXhJY29uKCl9O1xuICAgICAgfVxuXG4gICAgICAucHJlZml4LWljb24sXG4gICAgICAuc3VmZml4LWljb24ge1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgfVxuXG4gICAgICAucHJlZml4LWljb24ge1xuICAgICAgICBtYXJnaW46IDAgMC43NXJlbTtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgICB9XG5cbiAgICAgIC5zdWZmaXgtaWNvbiB7XG4gICAgICAgIGluc2V0LWlubGluZS1lbmQ6IDA7XG4gICAgICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5pY29uQ29sb3J9O1xuICAgICAgICB3aWR0aDogM3JlbTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICB9XG5cbiAgICAgIC5jbG9zZS1pY29uIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBpbnNldC1pbmxpbmUtZW5kOiAke2NhbGN1bGF0ZUNsb3NlSWNvblBvc2l0aW9uKCl9O1xuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBzZWFyY2hJbnB1dENvbnRhaW5lciA9IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgbWluLXdpZHRoOiAyNTBweDtcbiAgfVxuXG4gIGlucHV0IHtcbiAgICBwYWRkaW5nLWlubGluZS1lbmQ6IDIuNXJlbTtcbiAgfVxuXG4gIC5jbGVhci1idXR0b24ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIH1cbiAgfVxuICAucHJlZml4LWljb24sXG4gIC5zdWZmaXgtaWNvbiB7XG4gICAgc3ZnIHtcbiAgICAgIGhlaWdodDogMjRweDtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
-export { inputContainer };
+export { inputContainer, searchInputContainer };
 //# sourceMappingURL=styles.js.map

package/dist/esm/src/components/FormElements/Input/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Input/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { InputSize } from \"./Input\";\n\nexport const inputContainer = (\n { formElements }: Theme,\n {\n size,\n hasIconAfter,\n isClearable,\n showVerticalLine,\n }: { size: InputSize; hasIconAfter: boolean; isClearable: boolean; showVerticalLine: boolean },\n): SerializedStyles => {\n const calculatePaddingWithSuffixIcon = () => {\n switch (true) {\n case showVerticalLine && isClearable:\n return \"4.75rem\";\n case showVerticalLine && !isClearable:\n return \"3.75rem\";\n case !showVerticalLine && isClearable:\n return \"4.5rem\";\n case !showVerticalLine && !isClearable:\n return \"3rem\";\n default:\n return \"0\";\n }\n };\n\n const calculatePaddingWithoutSuffixIcon = () => {\n switch (true) {\n case isClearable:\n return \"2rem\";\n case !isClearable:\n return \"0.75rem\";\n default:\n return \"0\";\n }\n };\n\n const calculateCloseIconPosition = () => {\n switch (true) {\n case showVerticalLine && hasIconAfter:\n return \"3.5rem\";\n case showVerticalLine && !hasIconAfter:\n return \"0.75rem\";\n case !showVerticalLine && hasIconAfter:\n return \"3rem\";\n case !showVerticalLine && !hasIconAfter:\n return \"0.75rem\";\n default:\n return \"0\";\n }\n };\n\n return css`\n ${inputContainerBaseStyles({ block: true })};\n\n .vertical-line {\n position: absolute;\n border-left: 1px solid ${formElements.input.verticalLineColor};\n top: 0;\n inset-inline-end: 3rem;\n height: 100%;\n }\n\n .label-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 0.25rem;\n margin-bottom: 0.5rem;\n\n label {\n margin-bottom: 0;\n }\n\n div {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n svg {\n color: ${formElements.input.infoTooltipColor};\n &:hover {\n cursor: help;\n }\n }\n }\n\n &.inline {\n .label-container {\n margin-bottom: 0;\n }\n }\n\n &.disabled {\n .input-wrapper {\n .prefix-icon,\n .suffix-icon {\n z-index: 1;\n color: ${formElements.input.disabledIcon};\n cursor: not-allowed;\n }\n }\n }\n\n &.error {\n .input-wrapper input {\n border-color: ${formElements.errors.errorBorderColor};\n }\n }\n\n &.with-prefix-icon {\n .input-wrapper input {\n padding-inline-start: 3.2rem;\n }\n }\n\n &.with-suffix-icon {\n .input-wrapper input {\n padding-inline-end: ${calculatePaddingWithSuffixIcon()};\n }\n }\n\n .input-wrapper {\n width: 100%;\n position: relative;\n background-color: ${formElements.input.background};\n z-index: 1;\n border-radius: 5px;\n\n input {\n ${inputBaseStyles(formElements, { block: true, size })};\n background-color: transparent;\n padding-inline-end: ${calculatePaddingWithoutSuffixIcon()};\n }\n\n .prefix-icon,\n .suffix-icon {\n height: 100%;\n position: absolute;\n bottom: 0;\n display: flex;\n align-items: center;\n }\n\n .prefix-icon {\n margin: 0 0.75rem;\n color: ${formElements.input.iconColor};\n }\n\n .suffix-icon {\n inset-inline-end: 0;\n color: ${formElements.input.iconColor};\n width: 3rem;\n display: flex;\n justify-content: center;\n }\n\n .close-icon {\n cursor: pointer;\n position: absolute;\n top: 0;\n height: 100%;\n display: flex;\n align-items: center;\n inset-inline-end: ${calculateCloseIconPosition()};\n }\n }\n `;\n};\n"],"names":["inputContainer","formElements","size","hasIconAfter","isClearable","showVerticalLine","calculatePaddingWithSuffixIcon","calculatePaddingWithoutSuffixIcon","calculateCloseIconPosition","css","inputContainerBaseStyles","block","input","verticalLineColor","infoTooltipColor","disabledIcon","errors","errorBorderColor","background","inputBaseStyles","iconColor"],"mappings":"~~;;;;;;;;;;;~~AAIaA,IAAAA,cAAc,GAAG,SAAjBA,cAAc,CAQJ,IAAA,EAAA,KAAA,EAAA;EAAA,IAPnBC,YAAY,QAAZA,YAAY,CAAA;EAAA,IAEZC,IAAI,SAAJA,IAAI;AACJC,IAAAA,YAAY,SAAZA,YAAY;AACZC,IAAAA,WAAW,SAAXA,WAAW;AACXC,IAAAA,gBAAgB,SAAhBA,gBAAgB,CAAA;AAGlB,EAAA,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8B,GAAS;AAC3C,IAAA,QAAQ,IAAI;MACV,KAAKD,gBAAgB,IAAID,WAAW;AAClC,QAAA,OAAO,SAAS,CAAA;MAClB,KAAKC,gBAAgB,IAAI,CAACD,WAAW;AACnC,QAAA,OAAO,SAAS,CAAA;MAClB,KAAK,CAACC,gBAAgB,IAAID,WAAW;AACnC,QAAA,OAAO,QAAQ,CAAA;AACjB,MAAA,KAAK,CAACC,gBAAgB,IAAI,CAACD,WAAW;AACpC,QAAA,OAAO,MAAM,CAAA;AACf,MAAA;AACE,QAAA,OAAO,GAAG,CAAA;AAAC,KAAA;GAEhB,CAAA;AAED,EAAA,IAAMG,iCAAiC,GAAG,SAApCA,iCAAiC,GAAS;AAC9C,IAAA,QAAQ,IAAI;AACV,MAAA,KAAKH,WAAW;AACd,QAAA,OAAO,MAAM,CAAA;AACf,MAAA,KAAK,CAACA,WAAW;AACf,QAAA,OAAO,SAAS,CAAA;AAClB,MAAA;AACE,QAAA,OAAO,GAAG,CAAA;AAAC,KAAA;GAEhB,CAAA;AAED,EAAA,IAAMI,0BAA0B,GAAG,SAA7BA,0BAA0B,GAAS;AACvC,IAAA,QAAQ,IAAI;MACV,KAAKH,gBAAgB,IAAIF,YAAY;AACnC,QAAA,OAAO,QAAQ,CAAA;MACjB,KAAKE,gBAAgB,IAAI,CAACF,YAAY;AACpC,QAAA,OAAO,SAAS,CAAA;MAClB,KAAK,CAACE,gBAAgB,IAAIF,YAAY;AACpC,QAAA,OAAO,MAAM,CAAA;AACf,MAAA,KAAK,CAACE,gBAAgB,IAAI,CAACF,YAAY;AACrC,QAAA,OAAO,SAAS,CAAA;AAClB,MAAA;AACE,QAAA,OAAO,GAAG,CAAA;AAAC,KAAA;GAEhB,CAAA;AAED,EAAA;AAAA;AAAA;IAAOM,GAAG,CACNC,wBAAwB,CAAC;AAAEC,MAAAA,KAAK,EAAE,IAAA;AAAK,KAAC,CAAC,EAIhBV,0DAAAA,EAAAA,YAAY,CAACW,KAAK,CAACC,iBAAiB,EAAA,sPAAA,EAwBlDZ,YAAY,CAACW,KAAK,CAACE,gBAAgB,8IAkBjCb,YAAY,CAACW,KAAK,CAACG,YAAY,EAQ1Bd,mEAAAA,EAAAA,YAAY,CAACe,MAAM,CAACC,gBAAgB,EAAA,sIAAA,EAY9BX,8BAA8B,EAAE,EAAA,kEAAA,EAOpCL,YAAY,CAACW,KAAK,CAACM,UAAU,yCAK7CC,eAAe,CAAClB,YAAY,EAAE;AAAEU,MAAAA,KAAK,EAAE,IAAI;AAAET,MAAAA,IAAI,EAAJA,IAAAA;AAAK,KAAC,CAAC,EAEhCK,mDAAAA,EAAAA,iCAAiC,EAAE,EAchDN,0IAAAA,EAAAA,YAAY,CAACW,KAAK,CAACQ,SAAS,EAAA,0CAAA,EAK5BnB,YAAY,CAACW,KAAK,CAACQ,SAAS,EAAA,mKAAA,EAajBZ,0BAA0B,EAAE,EAAA,KAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,~~igLAAA~~,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA;AAAA,IAAA;AAIxD;;;;"}
1	+ {"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Input/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { InputSize } from \"./Input\";\n\nexport const inputContainer = (\n { formElements }: Theme,\n {\n size,\n hasIconAfter,\n isClearable,\n showVerticalLine,\n }: { size: InputSize; hasIconAfter: boolean; isClearable: boolean; showVerticalLine: boolean },\n): SerializedStyles => {\n const calculatePaddingWithSuffixIcon = () => {\n switch (true) {\n case showVerticalLine && isClearable:\n return \"4.75rem\";\n case showVerticalLine && !isClearable:\n return \"3.75rem\";\n case !showVerticalLine && isClearable:\n return \"4.5rem\";\n case !showVerticalLine && !isClearable:\n return \"3rem\";\n default:\n return \"0\";\n }\n };\n\n const calculatePaddingWithoutSuffixIcon = () => {\n switch (true) {\n case isClearable:\n return \"2rem\";\n case !isClearable:\n return \"0.75rem\";\n default:\n return \"0\";\n }\n };\n\n const calculateCloseIconPosition = () => {\n switch (true) {\n case showVerticalLine && hasIconAfter:\n return \"3.5rem\";\n case showVerticalLine && !hasIconAfter:\n return \"0.75rem\";\n case !showVerticalLine && hasIconAfter:\n return \"3rem\";\n case !showVerticalLine && !hasIconAfter:\n return \"0.75rem\";\n default:\n return \"0\";\n }\n };\n\n return css`\n ${inputContainerBaseStyles({ block: true })};\n\n .vertical-line {\n position: absolute;\n border-left: 1px solid ${formElements.input.verticalLineColor};\n top: 0;\n inset-inline-end: 3rem;\n height: 100%;\n }\n\n .label-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 0.25rem;\n margin-bottom: 0.5rem;\n\n label {\n margin-bottom: 0;\n }\n\n div {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n svg {\n color: ${formElements.input.infoTooltipColor};\n &:hover {\n cursor: help;\n }\n }\n }\n\n &.inline {\n .label-container {\n margin-bottom: 0;\n }\n }\n\n &.disabled {\n .input-wrapper {\n .prefix-icon,\n .suffix-icon {\n z-index: 1;\n color: ${formElements.input.disabledIcon};\n cursor: not-allowed;\n }\n }\n }\n\n &.error {\n .input-wrapper input {\n border-color: ${formElements.errors.errorBorderColor};\n }\n }\n\n &.with-prefix-icon {\n .input-wrapper input {\n padding-inline-start: 3.2rem;\n }\n }\n\n &.with-suffix-icon {\n .input-wrapper input {\n padding-inline-end: ${calculatePaddingWithSuffixIcon()};\n }\n }\n\n .input-wrapper {\n width: 100%;\n position: relative;\n background-color: ${formElements.input.background};\n z-index: 1;\n border-radius: 5px;\n\n input {\n ${inputBaseStyles(formElements, { block: true, size })};\n background-color: transparent;\n padding-inline-end: ${calculatePaddingWithoutSuffixIcon()};\n }\n\n .prefix-icon,\n .suffix-icon {\n height: 100%;\n position: absolute;\n bottom: 0;\n display: flex;\n align-items: center;\n }\n\n .prefix-icon {\n margin: 0 0.75rem;\n color: ${formElements.input.iconColor};\n }\n\n .suffix-icon {\n inset-inline-end: 0;\n color: ${formElements.input.iconColor};\n width: 3rem;\n display: flex;\n justify-content: center;\n }\n\n .close-icon {\n cursor: pointer;\n position: absolute;\n top: 0;\n height: 100%;\n display: flex;\n align-items: center;\n inset-inline-end: ${calculateCloseIconPosition()};\n }\n }\n `;\n};\n\nexport const searchInputContainer = css`\n width: 100%;\n position: relative;\n\n .input-wrapper {\n min-width: 250px;\n }\n\n input {\n padding-inline-end: 2.5rem;\n }\n\n .clear-button {\n position: absolute;\n inset-inline-end: 0;\n z-index: 1;\n\n &:hover {\n background: transparent;\n }\n }\n .prefix-icon,\n .suffix-icon {\n svg {\n height: 24px;\n }\n }\n`;\n"],"names":["inputContainer","formElements","size","hasIconAfter","isClearable","showVerticalLine","calculatePaddingWithSuffixIcon","calculatePaddingWithoutSuffixIcon","calculateCloseIconPosition","css","inputContainerBaseStyles","block","input","verticalLineColor","infoTooltipColor","disabledIcon","errors","errorBorderColor","background","inputBaseStyles","iconColor","searchInputContainer"],"mappings":"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"}

package/dist/esm/src/components/FormElements/InputError/InputError.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/InputError/styles.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/Label/Label.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/Label/styles.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButton.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButtonGroup.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/RadioButtonGroup/styles.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/RadioGroup/Radio.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/RadioGroup/RadioGroup.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/RadioGroup/styles.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/Select/Select.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/Select/styles.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/Textarea/Textarea.js CHANGED Viewed

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

package/dist/esm/src/components/FormElements/Textarea/styles.js CHANGED Viewed

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

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

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

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

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