@orfium/ictinus 4.8.1 → 4.9.3

package/dist/components/Drawer/Drawer.style.js

@@ -15,7 +15,7 @@ var drawerContainerStyle = function drawerContainerStyle(expanded, isDesktop, is
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)((0, _functions.transition)(0.2), ";width:", expanded ? (0, _utils.rem)('308px') : isDesktop ? (0, _utils.rem)('112px') : (0, _utils.rem)('0px'), ";background-color:white;overflow:hidden;flex-grow:0;flex-shrink:0;height:100%;min-height:100%;z-index:100;position:", isSmallDesktop ? 'absolute' : 'relative', ";border-right:", (0, _utils.rem)(1), " solid ", theme.utils.getColor('lightGrey', 250), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:drawerContainerStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RyYXdlci9EcmF3ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTRDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RyYXdlci9EcmF3ZXIuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJDb250YWluZXJTdHlsZSA9IChcbiAgZXhwYW5kZWQ6IGJvb2xlYW4sXG4gIGlzRGVza3RvcDogYm9vbGVhbixcbiAgaXNTbWFsbERlc2t0b3A6IGJvb2xlYW5cbikgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke3RyYW5zaXRpb24oMC4yKX07XG4gIHdpZHRoOiAke2V4cGFuZGVkID8gcmVtKCczMDhweCcpIDogaXNEZXNrdG9wID8gcmVtKCcxMTJweCcpIDogcmVtKCcwcHgnKX07XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBmbGV4LWdyb3c6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gIHotaW5kZXg6IDEwMDtcbiAgcG9zaXRpb246ICR7aXNTbWFsbERlc2t0b3AgPyAnYWJzb2x1dGUnIDogJ3JlbGF0aXZlJ307XG4gIGJvcmRlci1yaWdodDogJHtyZW0oMSl9IHNvbGlkICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDI1MCl9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:drawerContainerStyle;")
+      (0, _react.css)((0, _functions.transition)(0.2), ";width:", expanded ? (0, _utils.rem)('308px') : isDesktop ? (0, _utils.rem)('112px') : (0, _utils.rem)('0px'), ";background-color:white;overflow:hidden;flex-grow:0;flex-shrink:0;height:100%;min-height:100%;z-index:100;position:", isSmallDesktop ? 'absolute' : 'relative', ";border-right:", (0, _utils.rem)(1), " solid ", theme.utils.getColor('lightGrey', 200), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:drawerContainerStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RyYXdlci9EcmF3ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTRDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RyYXdlci9EcmF3ZXIuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJDb250YWluZXJTdHlsZSA9IChcbiAgZXhwYW5kZWQ6IGJvb2xlYW4sXG4gIGlzRGVza3RvcDogYm9vbGVhbixcbiAgaXNTbWFsbERlc2t0b3A6IGJvb2xlYW5cbikgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke3RyYW5zaXRpb24oMC4yKX07XG4gIHdpZHRoOiAke2V4cGFuZGVkID8gcmVtKCczMDhweCcpIDogaXNEZXNrdG9wID8gcmVtKCcxMTJweCcpIDogcmVtKCcwcHgnKX07XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBmbGV4LWdyb3c6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gIHotaW5kZXg6IDEwMDtcbiAgcG9zaXRpb246ICR7aXNTbWFsbERlc2t0b3AgPyAnYWJzb2x1dGUnIDogJ3JlbGF0aXZlJ307XG4gIGJvcmRlci1yaWdodDogJHtyZW0oMSl9IHNvbGlkICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDIwMCl9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:drawerContainerStyle;")
     );
   };
 };

package/dist/components/List/List.style.d.ts

@@ -4,3 +4,8 @@ export declare const wrapperStyle: ({ width, isSearchable, }: {
     width: number | undefined;
     isSearchable?: boolean | undefined;
 }) => (theme: Theme) => SerializedStyles;
+export declare const listStyle: ({ width, height, isSearchable, }: {
+    width?: number | undefined;
+    height?: number | undefined;
+    isSearchable?: boolean | undefined;
+}) => (theme: Theme) => SerializedStyles;

package/dist/components/List/List.style.js

@@ -1,10 +1,12 @@
 "use strict";
 
 exports.__esModule = true;
-exports.wrapperStyle = void 0;
+exports.listStyle = exports.wrapperStyle = void 0;
 
 var _react = require("@emotion/react");
 
+var _utils = require("../../theme/utils");
+
 var wrapperStyle = function wrapperStyle(_ref) {
   var width = _ref.width,
       isSearchable = _ref.isSearchable;
@@ -13,9 +15,25 @@ var wrapperStyle = function wrapperStyle(_ref) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("border:", isSearchable ? 'initial' : "1px solid " + theme.utils.getColor('lightGrey', 100), ";border-radius:", isSearchable ? 'initial' : theme.spacing.xsm, ";width:", width + "px" || '100%', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTNkMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGUgPSAoe1xuICB3aWR0aCxcbiAgaXNTZWFyY2hhYmxlLFxufToge1xuICB3aWR0aDogbnVtYmVyIHwgdW5kZWZpbmVkO1xuICBpc1NlYXJjaGFibGU/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBib3JkZXI6ICR7aXNTZWFyY2hhYmxlID8gJ2luaXRpYWwnIDogYDFweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfWB9O1xuICBib3JkZXItcmFkaXVzOiAke2lzU2VhcmNoYWJsZSA/ICdpbml0aWFsJyA6IHRoZW1lLnNwYWNpbmcueHNtfTtcbiAgd2lkdGg6ICR7YCR7d2lkdGh9cHhgIHx8ICcxMDAlJ307XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyle;")
+      (0, _react.css)("border:", isSearchable ? 'initial' : "1px solid " + theme.utils.getColor('lightGrey', 100), ";border-radius:", isSearchable ? 'initial' : theme.spacing.xsm, ";width:", width + "px" || '100%', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVNkMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGUgPSAoe1xuICB3aWR0aCxcbiAgaXNTZWFyY2hhYmxlLFxufToge1xuICB3aWR0aDogbnVtYmVyIHwgdW5kZWZpbmVkO1xuICBpc1NlYXJjaGFibGU/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBib3JkZXI6ICR7aXNTZWFyY2hhYmxlID8gJ2luaXRpYWwnIDogYDFweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfWB9O1xuICBib3JkZXItcmFkaXVzOiAke2lzU2VhcmNoYWJsZSA/ICdpbml0aWFsJyA6IHRoZW1lLnNwYWNpbmcueHNtfTtcbiAgd2lkdGg6ICR7YCR7d2lkdGh9cHhgIHx8ICcxMDAlJ307XG5gO1xuXG5leHBvcnQgY29uc3QgbGlzdFN0eWxlID0gKHtcbiAgd2lkdGgsXG4gIGhlaWdodCxcbiAgaXNTZWFyY2hhYmxlLFxufToge1xuICB3aWR0aD86IG51bWJlcjtcbiAgaGVpZ2h0PzogbnVtYmVyO1xuICBpc1NlYXJjaGFibGU/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nLWxlZnQ6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGJvcmRlci1yYWRpdXM6ICR7aXNTZWFyY2hhYmxlID8gJ2luaXRpYWwnIDogdGhlbWUuc3BhY2luZy54c219O1xuICB3aWR0aDogJHt3aWR0aCA/IHJlbSh3aWR0aCkgOiAnMTAwJSd9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0ID8gcmVtKGhlaWdodCkgOiAnMTAwJSd9O1xuICBvdmVyZmxvdzogYXV0bztcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyle;")
+    );
+  };
+};
+
+exports.wrapperStyle = wrapperStyle;
+
+var listStyle = function listStyle(_ref2) {
+  var width = _ref2.width,
+      height = _ref2.height,
+      isSearchable = _ref2.isSearchable;
+  return function (theme) {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("padding-left:0;margin-top:0;margin-bottom:0;border-radius:", isSearchable ? 'initial' : theme.spacing.xsm, ";width:", width ? (0, _utils.rem)(width) : '100%', ";height:", height ? (0, _utils.rem)(height) : '100%', ";overflow:auto;overflow-x:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:listStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QjZDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlID0gKHtcbiAgd2lkdGgsXG4gIGlzU2VhcmNoYWJsZSxcbn06IHtcbiAgd2lkdGg6IG51bWJlciB8IHVuZGVmaW5lZDtcbiAgaXNTZWFyY2hhYmxlPzogYm9vbGVhbjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke2lzU2VhcmNoYWJsZSA/ICdpbml0aWFsJyA6IGAxcHggc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX1gfTtcbiAgYm9yZGVyLXJhZGl1czogJHtpc1NlYXJjaGFibGUgPyAnaW5pdGlhbCcgOiB0aGVtZS5zcGFjaW5nLnhzbX07XG4gIHdpZHRoOiAke2Ake3dpZHRofXB4YCB8fCAnMTAwJSd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGxpc3RTdHlsZSA9ICh7XG4gIHdpZHRoLFxuICBoZWlnaHQsXG4gIGlzU2VhcmNoYWJsZSxcbn06IHtcbiAgd2lkdGg/OiBudW1iZXI7XG4gIGhlaWdodD86IG51bWJlcjtcbiAgaXNTZWFyY2hhYmxlPzogYm9vbGVhbjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1sZWZ0OiAwO1xuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBib3JkZXItcmFkaXVzOiAke2lzU2VhcmNoYWJsZSA/ICdpbml0aWFsJyA6IHRoZW1lLnNwYWNpbmcueHNtfTtcbiAgd2lkdGg6ICR7d2lkdGggPyByZW0od2lkdGgpIDogJzEwMCUnfTtcbiAgaGVpZ2h0OiAke2hlaWdodCA/IHJlbShoZWlnaHQpIDogJzEwMCUnfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:listStyle;")
     );
   };
 };
 
-exports.wrapperStyle = wrapperStyle;
+exports.listStyle = listStyle;

package/dist/components/List/ListItem/ListItem.d.ts

@@ -7,7 +7,7 @@ declare const ListItem: React.ForwardRefExoticComponent<{
     /** Content of the ListItem */
     content: ListItemType;
     /** Index, for test-id calculation */
-    index: number;
+    index: number | string;
     /** Selected state */
     selected?: boolean | undefined;
     /** Whether the text of the ListItem is highlighted or not. eg: Filter - Default Value */
@@ -18,5 +18,7 @@ declare const ListItem: React.ForwardRefExoticComponent<{
     searchTerm?: string | undefined;
     /** Option Click handler for SelectOption[] data case */
     handleOptionClick?: SelectHandlerType | undefined;
+    /** Determines the left padding */
+    isGroupItem?: boolean | undefined;
 } & TestProps & React.RefAttributes<HTMLDivElement>>;
 export default ListItem;

package/dist/components/List/ListItem/ListItem.js

@@ -5,7 +5,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactHighlightWords = _interopRequireDefault(require("react-highlight-words"));
+var _utils = require("../utils");
 
 var _ListItem = require("./ListItem.style");
 
@@ -25,7 +25,8 @@ var ListItem = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       handleOptionClick = _ref.handleOptionClick,
       searchTerm = _ref.searchTerm,
-      dataTestId = _ref.dataTestId;
+      dataTestId = _ref.dataTestId,
+      isGroupItem = _ref.isGroupItem;
 
   var handleListItemSelect = function handleListItemSelect() {
     if (content && handleOptionClick) {
@@ -33,41 +34,13 @@ var ListItem = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     }
   };
 
-  var renderContent = function renderContent(content) {
-    /**
-     * Check if list item is not react element because it can be
-     * and also checks if its object with property 'value'
-     * @TODO Typescript 4.4 will solve this in one constant
-     * **/
-    if (searchTerm && content && ! /*#__PURE__*/_react["default"].isValidElement(content) && typeof content === 'object' && !Array.isArray(content) && 'label' in content && content != null && content.label) {
-      return (0, _react2.jsx)(_reactHighlightWords["default"], {
-        highlightClassName: "search-text",
-        highlightTag: 'strong',
-        searchWords: [searchTerm],
-        autoEscape: true,
-        textToHighlight: content.label
-      });
-    }
-    /**
-     * Check if list item is not react element because it can be
-     * and also checks if its object with property 'value'
-     * @TODO Typescript 4.4 will solve this in one constant
-     * **/
-
-
-    if (content && ! /*#__PURE__*/_react["default"].isValidElement(content) && typeof content === 'object' && !Array.isArray(content) && 'label' in content && content != null && content.label) {
-      return content.label;
-    }
-
-    return content;
-  };
-
   return (0, _react2.jsx)("div", {
     css: (0, _ListItem.listItemStyle)({
       size: size,
       selected: selected,
       highlighted: highlighted,
-      disabled: disabled
+      disabled: disabled,
+      isGroupItem: isGroupItem
     }),
     ref: selected ? ref : null,
     onClick: handleListItemSelect,
@@ -79,7 +52,7 @@ var ListItem = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     css: (0, _ListItem.contentStyle)()
   },
   /** @TODO latest version typescript 4.4 is solving this as a constant */
-  renderContent(content)));
+  (0, _utils.renderContent)(content, searchTerm)));
 });
 
 ListItem.displayName = 'ListItem';

package/dist/components/List/ListItem/ListItem.style.d.ts

@@ -1,10 +1,11 @@
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
 import { ListRowSize } from '../types';
-export declare const listItemStyle: ({ size, selected, highlighted, disabled, }: {
+export declare const listItemStyle: ({ size, selected, highlighted, disabled, isGroupItem, }: {
     size: ListRowSize;
     selected: boolean;
     highlighted: boolean;
     disabled: boolean;
+    isGroupItem?: boolean | undefined;
 }) => (theme: Theme) => SerializedStyles;
 export declare const contentStyle: () => SerializedStyles;

package/dist/components/List/ListItem/ListItem.style.js

@@ -13,13 +13,14 @@ var listItemStyle = function listItemStyle(_ref2) {
   var size = _ref2.size,
       selected = _ref2.selected,
       highlighted = _ref2.highlighted,
-      disabled = _ref2.disabled;
+      disabled = _ref2.disabled,
+      isGroupItem = _ref2.isGroupItem;
   return function (theme) {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("height:", size === 'normal' ? (0, _utils.rem)(56) : (0, _utils.rem)(46), ";font-size:", theme.typography.fontSizes[size === 'normal' ? '16' : '14'], ";background-color:", selected ? theme.utils.getColor('blue', 50) : theme.palette.white, ";display:flex;align-items:center;padding:0px ", theme.spacing.md, ";font-weight:", selected && theme.typography.weights.medium, ";", highlighted && 'font-weight: 500;', " &:hover{background-color:", theme.utils.getColor('lightGrey', 50), ";}", disabled && "\n        opacity: 0.5;\n        cursor: not-allowed;\n    ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG59OiB7XG4gIHNpemU6IExpc3RSb3dTaXplO1xuICBzZWxlY3RlZDogYm9vbGVhbjtcbiAgaGlnaGxpZ2h0ZWQ6IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7c2VsZWN0ZWQgJiYgdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG5cbiAgJHtoaWdobGlnaHRlZCAmJiAnZm9udC13ZWlnaHQ6IDUwMDsnfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDUwKX07XG4gIH1cblxuICAke2Rpc2FibGVkICYmXG4gICAgYFxuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;")
+      (0, _react.css)("height:", size === 'normal' ? (0, _utils.rem)(56) : (0, _utils.rem)(46), ";font-size:", theme.typography.fontSizes[size === 'normal' ? '16' : '14'], ";background-color:", selected ? theme.utils.getColor('blue', 50) : theme.palette.white, ";display:flex;align-items:center;padding:0px ", theme.spacing.md, " 0px ", isGroupItem ? theme.spacing.xl : theme.spacing.md, ";font-weight:", selected && theme.typography.weights.medium, ";", highlighted && 'font-weight: 500;', " &:hover{background-color:", theme.utils.getColor('lightGrey', 50), ";}", disabled && "\n        opacity: 0.5;\n        cursor: not-allowed;\n    ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG4gIGlzR3JvdXBJdGVtLFxufToge1xuICBzaXplOiBMaXN0Um93U2l6ZTtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGhpZ2hsaWdodGVkOiBib29sZWFuO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNHcm91cEl0ZW0/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfSAwcHggJHtpc0dyb3VwSXRlbSA/IHRoZW1lLnNwYWNpbmcueGwgOiB0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7c2VsZWN0ZWQgJiYgdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG5cbiAgJHtoaWdobGlnaHRlZCAmJiAnZm9udC13ZWlnaHQ6IDUwMDsnfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDUwKX07XG4gIH1cblxuICAke2Rpc2FibGVkICYmXG4gICAgYFxuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;")
     );
   };
 };
@@ -32,7 +33,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "4irdtt-contentStyle",
   styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;label:contentStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0N1RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG59OiB7XG4gIHNpemU6IExpc3RSb3dTaXplO1xuICBzZWxlY3RlZDogYm9vbGVhbjtcbiAgaGlnaGxpZ2h0ZWQ6IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7c2VsZWN0ZWQgJiYgdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG5cbiAgJHtoaWdobGlnaHRlZCAmJiAnZm9udC13ZWlnaHQ6IDUwMDsnfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDUwKX07XG4gIH1cblxuICAke2Rpc2FibGVkICYmXG4gICAgYFxuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0N1RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG4gIGlzR3JvdXBJdGVtLFxufToge1xuICBzaXplOiBMaXN0Um93U2l6ZTtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGhpZ2hsaWdodGVkOiBib29sZWFuO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNHcm91cEl0ZW0/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfSAwcHggJHtpc0dyb3VwSXRlbSA/IHRoZW1lLnNwYWNpbmcueGwgOiB0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7c2VsZWN0ZWQgJiYgdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG5cbiAgJHtoaWdobGlnaHRlZCAmJiAnZm9udC13ZWlnaHQ6IDUwMDsnfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDUwKX07XG4gIH1cblxuICAke2Rpc2FibGVkICYmXG4gICAgYFxuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 

package/dist/components/List/ListItemGroup/ListGroupTitle/ListGroupTitle.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TestProps } from 'utils/types';
+import { ListItemType, ListRowSize } from 'components/List/types';
+declare const ListGroupTitle: React.ForwardRefExoticComponent<{
+    /** Size of the ListGroupTitle (translates to height) */
+    size: ListRowSize;
+    /** Content of the ListItem */
+    content: ListItemType;
+    /** Index, for test-id calculation */
+    index: number;
+    /** Search Term to be highlighted in list items */
+    searchTerm?: string | undefined;
+} & TestProps & React.RefAttributes<HTMLDivElement>>;
+export default ListGroupTitle;

package/dist/components/List/ListItemGroup/ListGroupTitle/ListGroupTitle.js

@@ -0,0 +1,36 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ListGroupTitle = require("./ListGroupTitle.style");
+
+var _utils = require("../../utils");
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var ListGroupTitle = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
+  var size = _ref.size,
+      content = _ref.content,
+      index = _ref.index,
+      searchTerm = _ref.searchTerm,
+      dataTestId = _ref.dataTestId;
+  return (0, _react2.jsx)("div", {
+    css: (0, _ListGroupTitle.listGroupTitleStyle)({
+      size: size,
+      disabled: content.isDisabled
+    }),
+    ref: ref,
+    "data-testid": dataTestId != null ? dataTestId : 'ictinus_list' + ('_group_title_' + index)
+  }, (0, _react2.jsx)("div", {
+    css: (0, _ListGroupTitle.contentStyle)()
+  }, (0, _utils.renderContent)(content, searchTerm)));
+});
+
+ListGroupTitle.displayName = 'ListGroupTitle';
+var _default = ListGroupTitle;
+exports["default"] = _default;

package/dist/components/List/ListItemGroup/ListGroupTitle/ListGroupTitle.style.d.ts

@@ -0,0 +1,8 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+import { ListRowSize } from '../../types';
+export declare const listGroupTitleStyle: ({ size, disabled, }: {
+    size: ListRowSize;
+    disabled?: boolean | undefined;
+}) => (theme: Theme) => SerializedStyles;
+export declare const contentStyle: () => SerializedStyles;

package/dist/components/List/ListItemGroup/ListGroupTitle/ListGroupTitle.style.js

@@ -0,0 +1,41 @@
+"use strict";
+
+exports.__esModule = true;
+exports.contentStyle = exports.listGroupTitleStyle = void 0;
+
+var _react = require("@emotion/react");
+
+var _utils = require("../../../../theme/utils");
+
+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 listGroupTitleStyle = function listGroupTitleStyle(_ref2) {
+  var size = _ref2.size,
+      disabled = _ref2.disabled;
+  return function (theme) {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("height:", size === 'normal' ? (0, _utils.rem)(56) : (0, _utils.rem)(46), ";font-size:", theme.typography.fontSizes[size === 'normal' ? '13' : '11'], ";background-color:", theme.palette.white, ";color:", theme.utils.getColor('lightGrey', 650), ";display:flex;align-items:center;padding:0px ", theme.spacing.md, ";font-weight:", theme.typography.weights.bold, ";", disabled && "\n        opacity: 0.5;\n        cursor: not-allowed;\n    ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listGroupTitleStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW1Hcm91cC9MaXN0R3JvdXBUaXRsZS9MaXN0R3JvdXBUaXRsZS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNkMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0SXRlbUdyb3VwL0xpc3RHcm91cFRpdGxlL0xpc3RHcm91cFRpdGxlLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEdyb3VwVGl0bGVTdHlsZSA9ICh7XG4gIHNpemUsXG4gIGRpc2FibGVkLFxufToge1xuICBzaXplOiBMaXN0Um93U2l6ZTtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxMycgOiAnMTEnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gIGNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMHB4ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkfTtcblxuICAke2Rpc2FibGVkICYmXG4gICAgYFxuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:listGroupTitleStyle;")
+    );
+  };
+};
+
+exports.listGroupTitleStyle = listGroupTitleStyle;
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "l8l8b8",
+  styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
+} : {
+  name: "4irdtt-contentStyle",
+  styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;label:contentStyle;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW1Hcm91cC9MaXN0R3JvdXBUaXRsZS9MaXN0R3JvdXBUaXRsZS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnVEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW1Hcm91cC9MaXN0R3JvdXBUaXRsZS9MaXN0R3JvdXBUaXRsZS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBMaXN0Um93U2l6ZSB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IGxpc3RHcm91cFRpdGxlU3R5bGUgPSAoe1xuICBzaXplLFxuICBkaXNhYmxlZCxcbn06IHtcbiAgc2l6ZTogTGlzdFJvd1NpemU7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgaGVpZ2h0OiAke3NpemUgPT09ICdub3JtYWwnID8gcmVtKDU2KSA6IHJlbSg0Nil9O1xuICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbc2l6ZSA9PT0gJ25vcm1hbCcgPyAnMTMnIDogJzExJ119O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBmb250LXdlaWdodDogJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH07XG5cbiAgJHtkaXNhYmxlZCAmJlxuICAgIGBcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgY29udGVudFN0eWxlID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var contentStyle = function contentStyle() {
+  return _ref;
+};
+
+exports.contentStyle = contentStyle;

package/dist/components/List/ListItemGroup/ListGroupTitle/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ListGroupTitle';

package/dist/components/List/ListItemGroup/ListGroupTitle/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _ListGroupTitle = _interopRequireDefault(require("./ListGroupTitle"));
+
+exports["default"] = _ListGroupTitle["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/components/List/ListItemGroup/ListItemGroup.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TestProps } from 'utils/types';
+import { ListItemType, ListRowSize, SelectHandlerType } from '../types';
+declare const ListItemGroup: React.ForwardRefExoticComponent<{
+    /** Size of the ListItem (translates to height) */
+    size: ListRowSize;
+    /** Content of the ListItemGroup */
+    content: ListItemType;
+    /** groupIndex, for test-id calculation */
+    groupIndex: number;
+    /** Selected Item */
+    selectedItem?: ListItemType;
+    /** Search Term to be highlighted in list items */
+    searchTerm?: string | undefined;
+    /** Option Click handler for SelectOption[] data case */
+    handleOptionClick?: SelectHandlerType | undefined;
+} & TestProps & React.RefAttributes<HTMLDivElement>>;
+export default ListItemGroup;

package/dist/components/List/ListItemGroup/ListItemGroup.js

@@ -0,0 +1,64 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../../utils/helpers");
+
+var _List = require("../List.style");
+
+var _ListItem = _interopRequireDefault(require("../ListItem"));
+
+var _utils = require("../utils");
+
+var _ListGroupTitle = _interopRequireDefault(require("./ListGroupTitle"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var ListItemGroup = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
+  var _options;
+
+  var size = _ref.size,
+      content = _ref.content,
+      groupIndex = _ref.groupIndex,
+      selectedItem = _ref.selectedItem,
+      searchTerm = _ref.searchTerm,
+      handleOptionClick = _ref.handleOptionClick,
+      dataTestId = _ref.dataTestId;
+  return (0, _react2.jsx)("li", null, (0, _react2.jsx)(_ListGroupTitle["default"], {
+    content: content,
+    size: size,
+    index: groupIndex,
+    ref: ref,
+    searchTerm: searchTerm,
+    dataTestId: dataTestId
+  }), (0, _react2.jsx)("ul", {
+    css: (0, _List.listStyle)({})
+  }, (_options = content.options) == null ? void 0 : _options.map(function (option, index) {
+    return (0, _react2.jsx)("li", {
+      key: (0, _helpers.generateUniqueID)('list_item' + groupIndex + index)
+    }, (0, _react2.jsx)(_ListItem["default"], {
+      content: option,
+      size: size,
+      index: '' + groupIndex + index,
+      ref: ref,
+      searchTerm: searchTerm,
+      disabled: option == null ? void 0 : option.isDisabled,
+      dataTestId: dataTestId,
+      handleOptionClick: handleOptionClick,
+      selected: (0, _utils.isSelected)({
+        item: option,
+        selectedItem: selectedItem
+      }),
+      isGroupItem: true
+    }));
+  })));
+});
+
+ListItemGroup.displayName = 'ListItemGroup';
+var _default = ListItemGroup;
+exports["default"] = _default;

package/dist/components/List/ListItemGroup/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ListItemGroup';

package/dist/components/List/ListItemGroup/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _ListItemGroup = _interopRequireDefault(require("./ListItemGroup"));
+
+exports["default"] = _ListItemGroup["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/components/List/NormalList/NormalList.js

@@ -9,11 +9,13 @@ var _react = _interopRequireDefault(require("react"));
 
 var _helpers = require("../../../utils/helpers");
 
+var _List = require("../List.style");
+
 var _ListItem = _interopRequireDefault(require("../ListItem"));
 
-var _utils = require("../utils");
+var _ListItemGroup = _interopRequireDefault(require("../ListItemGroup"));
 
-var _NormalList = require("./NormalList.style");
+var _utils = require("../utils");
 
 var _react2 = require("@emotion/react");
 
@@ -34,13 +36,22 @@ var NormalList = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref)
   return (0, _react2.jsx)("div", {
     "data-testid": dataTestId ? dataTestId + "_list" : 'ictinus_list'
   }, (0, _react2.jsx)("ul", {
-    css: (0, _NormalList.listStyle)({
+    css: (0, _List.listStyle)({
       width: width,
       height: height,
       isSearchable: isSearchable
     })
   }, newItems.map(function (item, index) {
-    return (0, _react2.jsx)("li", {
+    return item != null && item.options ? (0, _react2.jsx)(_ListItemGroup["default"], {
+      content: item,
+      size: rowSize,
+      groupIndex: index,
+      ref: ref,
+      searchTerm: searchTerm,
+      dataTestId: dataTestId,
+      handleOptionClick: handleOptionClick,
+      selectedItem: selectedItem
+    }) : (0, _react2.jsx)("li", {
       key: (0, _helpers.generateUniqueID)('list_item' + index)
     }, (0, _react2.jsx)(_ListItem["default"], {
       content: item,

package/dist/components/List/NormalList/NormalList.style.d.ts

@@ -1,7 +0,0 @@
-import { SerializedStyles } from '@emotion/react';
-import { Theme } from 'theme';
-export declare const listStyle: ({ width, height, isSearchable, }: {
-    width?: number | undefined;
-    height?: number | undefined;
-    isSearchable?: boolean | undefined;
-}) => (theme: Theme) => SerializedStyles;

package/dist/components/List/NormalList/NormalList.style.js

@@ -1,24 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.listStyle = void 0;
-
-var _react = require("@emotion/react");
-
-var _utils = require("../../../theme/utils");
-
-var listStyle = function listStyle(_ref) {
-  var width = _ref.width,
-      height = _ref.height,
-      isSearchable = _ref.isSearchable;
-  return function (theme) {
-    return (
-      /*#__PURE__*/
-
-      /*#__PURE__*/
-      (0, _react.css)("padding-left:0;margin-top:0;margin-bottom:0;border-radius:", isSearchable ? 'initial' : theme.spacing.xsm, ";width:", width ? (0, _utils.rem)(width) : '100%', ";height:", height ? (0, _utils.rem)(height) : '100%', ";overflow:auto;overflow-x:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:listStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTm9ybWFsTGlzdC9Ob3JtYWxMaXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVk2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L05vcm1hbExpc3QvTm9ybWFsTGlzdC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgbGlzdFN0eWxlID0gKHtcbiAgd2lkdGgsXG4gIGhlaWdodCxcbiAgaXNTZWFyY2hhYmxlLFxufToge1xuICB3aWR0aD86IG51bWJlcjtcbiAgaGVpZ2h0PzogbnVtYmVyO1xuICBpc1NlYXJjaGFibGU/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nLWxlZnQ6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGJvcmRlci1yYWRpdXM6ICR7aXNTZWFyY2hhYmxlID8gJ2luaXRpYWwnIDogdGhlbWUuc3BhY2luZy54c219O1xuICB3aWR0aDogJHt3aWR0aCA/IHJlbSh3aWR0aCkgOiAnMTAwJSd9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0ID8gcmVtKGhlaWdodCkgOiAnMTAwJSd9O1xuICBvdmVyZmxvdzogYXV0bztcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:listStyle;")
-    );
-  };
-};
-
-exports.listStyle = listStyle;
+"use strict";

package/dist/components/List/VirtualizedList/VirtualizedList.js

@@ -9,8 +9,12 @@ var _react2 = _interopRequireWildcard(require("react"));
 
 var _reactWindow = require("react-window");
 
+var _List = require("../List.style");
+
 var _ListItem = _interopRequireDefault(require("../ListItem"));
 
+var _ListItemGroup = _interopRequireDefault(require("../ListItemGroup"));
+
 var _utils = require("../utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -29,7 +33,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "pczpeh-VirtualizedList",
   styles: "overflow-x:hidden;label:VirtualizedList;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEVRIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZpeGVkU2l6ZUxpc3QgYXMgVkxpc3QgfSBmcm9tICdyZWFjdC13aW5kb3cnO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7IFRlc3RQcm9wcyB9IGZyb20gJ3V0aWxzL3R5cGVzJztcblxuaW1wb3J0IHsgU2VsZWN0T3B0aW9uIH0gZnJvbSAnLi4vLi4vU2VsZWN0L1NlbGVjdCc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnLi4vTGlzdEl0ZW0nO1xuaW1wb3J0IHsgTGlzdEl0ZW1UeXBlLCBMaXN0Um93U2l6ZSwgU2VsZWN0SGFuZGxlclR5cGUgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBpc1NlbGVjdGVkLCBNQVhfTEFSR0VfSEVJR0hULCBNQVhfU01BTExfSEVJR0hUIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG50eXBlIFByb3BzID0ge1xuICBpdGVtczogTGlzdEl0ZW1UeXBlW107XG4gIC8qKiBTaXplIG9mIHRoZSBsaXN0J3Mgcm93IChoZWlnaHQgb2YgTGlzdEl0ZW0gQ29tcG9uZW50KSAgKi9cbiAgcm93U2l6ZTogTGlzdFJvd1NpemU7XG4gIC8qKiBXaWR0aCBvZiB0aGUgbGlzdCAqL1xuICBjdXN0b21XaWR0aD86IG51bWJlcjtcbiAgLyoqIEhlaWdodCBvZiB0aGUgbGlzdCAqL1xuICBjdXN0b21IZWlnaHQ/OiBudW1iZXI7XG4gIC8qKiBTZWxlY3RlZCBJdGVtICovXG4gIHNlbGVjdGVkSXRlbT86IExpc3RJdGVtVHlwZTtcbiAgLyoqIERlZmF1bHQgb3B0aW9uLiBSZW5kZXJzIG9uIHRvcCBvZiB0aGUgbGlzdCwgaGlnaGxpZ2h0ZWQgKi9cbiAgZGVmYXVsdE9wdGlvbj86IExpc3RJdGVtVHlwZTtcbiAgLyoqIFNlYXJjaCBUZXJtIHRvIGJlIGhpZ2hsaWdodGVkIGluIGxpc3QgaXRlbXMgKi9cbiAgc2VhcmNoVGVybT86IHN0cmluZztcbiAgLyoqIE9wdGlvbiBDbGljayBoYW5kbGVyIGZvciBTZWxlY3RPcHRpb25bXSBkYXRhIGNhc2UgKi9cbiAgaGFuZGxlT3B0aW9uQ2xpY2s/OiBTZWxlY3RIYW5kbGVyVHlwZTtcbn0gJiBUZXN0UHJvcHM7XG5cbmNvbnN0IFZpcnR1YWxpemVkTGlzdCA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFByb3BzPihcbiAgKFxuICAgIHtcbiAgICAgIGl0ZW1zLFxuICAgICAgY3VzdG9tV2lkdGgsXG4gICAgICBjdXN0b21IZWlnaHQsXG4gICAgICByb3dTaXplLFxuICAgICAgc2VsZWN0ZWRJdGVtLFxuICAgICAgZGVmYXVsdE9wdGlvbixcbiAgICAgIHNlYXJjaFRlcm0sXG4gICAgICBoYW5kbGVPcHRpb25DbGljayxcbiAgICAgIGRhdGFUZXN0SWQsXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgZGF0YSA9IHVzZU1lbW8oKCkgPT4gKGRlZmF1bHRPcHRpb24gPyBbZGVmYXVsdE9wdGlvbiwgLi4uaXRlbXNdIDogaXRlbXMpLCBbXG4gICAgICBkZWZhdWx0T3B0aW9uLFxuICAgICAgaXRlbXMsXG4gICAgXSk7XG5cbiAgICBjb25zdCByb3dSZW5kZXJlciA9ICh7IGluZGV4LCBzdHlsZSB9OiB7IGluZGV4OiBudW1iZXI7IHN0eWxlOiBDU1NQcm9wZXJ0aWVzIH0pID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIGNzcz17eyAuLi5zdHlsZSB9fT5cbiAgICAgICAgICA8TGlzdEl0ZW1cbiAgICAgICAgICAgIHNpemU9e3Jvd1NpemV9XG4gICAgICAgICAgICBjb250ZW50PXtkYXRhW2luZGV4XX1cbiAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgZGlzYWJsZWQ9eyhkYXRhW2luZGV4XSBhcyBTZWxlY3RPcHRpb24pPy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWQoeyBpdGVtOiBkYXRhW2luZGV4XSwgc2VsZWN0ZWRJdGVtIH0pfVxuICAgICAgICAgICAgc2VhcmNoVGVybT17c2VhcmNoVGVybX1cbiAgICAgICAgICAgIGRhdGFUZXN0SWQ9e2RhdGFUZXN0SWQgKyBgJHtkZWZhdWx0T3B0aW9uICYmIGluZGV4ID09PSAwICYmICdkZWZhdWx0J31gfVxuICAgICAgICAgICAgaGlnaGxpZ2h0ZWQ9e0Jvb2xlYW4oZGVmYXVsdE9wdGlvbiAmJiBpbmRleCA9PT0gMCl9XG4gICAgICAgICAgICBoYW5kbGVPcHRpb25DbGljaz17aGFuZGxlT3B0aW9uQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxWTGlzdFxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9X2xpc3RgIDogJ2ljdGludXNfbGlzdCd9XG4gICAgICAgIGhlaWdodD17Y3VzdG9tSGVpZ2h0IHx8IHJvd1NpemUgPT09ICdub3JtYWwnID8gTUFYX0xBUkdFX0hFSUdIVCA6IE1BWF9TTUFMTF9IRUlHSFR9XG4gICAgICAgIHdpZHRoPXtjdXN0b21XaWR0aCB8fCAnMTAwJSd9XG4gICAgICAgIGl0ZW1Db3VudD17ZGF0YS5sZW5ndGh9XG4gICAgICAgIGl0ZW1TaXplPXtyb3dTaXplID09PSAnbm9ybWFsJyA/IDU2IDogNDZ9XG4gICAgICAgIGNzcz17eyBvdmVyZmxvd1g6ICdoaWRkZW4nIH19XG4gICAgICA+XG4gICAgICAgIHtyb3dSZW5kZXJlcn1cbiAgICAgIDwvVkxpc3Q+XG4gICAgKTtcbiAgfVxuKTtcblZpcnR1YWxpemVkTGlzdC5kaXNwbGF5TmFtZSA9ICdWaXJ0dWFsaXplZExpc3QnO1xuXG5leHBvcnQgZGVmYXVsdCBWaXJ0dWFsaXplZExpc3Q7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdRIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBWYXJpYWJsZVNpemVMaXN0IGFzIFZMaXN0IH0gZnJvbSAncmVhY3Qtd2luZG93JztcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgeyBUZXN0UHJvcHMgfSBmcm9tICd1dGlscy90eXBlcyc7XG5cbmltcG9ydCB7IFNlbGVjdE9wdGlvbiB9IGZyb20gJy4uLy4uL1NlbGVjdC9TZWxlY3QnO1xuaW1wb3J0IHsgbGlzdFN0eWxlIH0gZnJvbSAnLi4vTGlzdC5zdHlsZSc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnLi4vTGlzdEl0ZW0nO1xuaW1wb3J0IExpc3RJdGVtR3JvdXAgZnJvbSAnLi4vTGlzdEl0ZW1Hcm91cCc7XG5pbXBvcnQgeyBMaXN0SXRlbVR5cGUsIExpc3RSb3dTaXplLCBTZWxlY3RIYW5kbGVyVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGlzU2VsZWN0ZWQsIE1BWF9MQVJHRV9IRUlHSFQsIE1BWF9TTUFMTF9IRUlHSFQgfSBmcm9tICcuLi91dGlscyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGl0ZW1zOiBMaXN0SXRlbVR5cGVbXTtcbiAgLyoqIFNpemUgb2YgdGhlIGxpc3QncyByb3cgKGhlaWdodCBvZiBMaXN0SXRlbSBDb21wb25lbnQpICAqL1xuICByb3dTaXplOiBMaXN0Um93U2l6ZTtcbiAgLyoqIFdpZHRoIG9mIHRoZSBsaXN0ICovXG4gIGN1c3RvbVdpZHRoPzogbnVtYmVyO1xuICAvKiogSGVpZ2h0IG9mIHRoZSBsaXN0ICovXG4gIGN1c3RvbUhlaWdodD86IG51bWJlcjtcbiAgLyoqIFNlbGVjdGVkIEl0ZW0gKi9cbiAgc2VsZWN0ZWRJdGVtPzogTGlzdEl0ZW1UeXBlO1xuICAvKiogRGVmYXVsdCBvcHRpb24uIFJlbmRlcnMgb24gdG9wIG9mIHRoZSBsaXN0LCBoaWdobGlnaHRlZCAqL1xuICBkZWZhdWx0T3B0aW9uPzogTGlzdEl0ZW1UeXBlO1xuICAvKiogU2VhcmNoIFRlcm0gdG8gYmUgaGlnaGxpZ2h0ZWQgaW4gbGlzdCBpdGVtcyAqL1xuICBzZWFyY2hUZXJtPzogc3RyaW5nO1xuICAvKiogT3B0aW9uIENsaWNrIGhhbmRsZXIgZm9yIFNlbGVjdE9wdGlvbltdIGRhdGEgY2FzZSAqL1xuICBoYW5kbGVPcHRpb25DbGljaz86IFNlbGVjdEhhbmRsZXJUeXBlO1xufSAmIFRlc3RQcm9wcztcblxuY29uc3QgVmlydHVhbGl6ZWRMaXN0ID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgaXRlbXMsXG4gICAgICBjdXN0b21XaWR0aCxcbiAgICAgIGN1c3RvbUhlaWdodCxcbiAgICAgIHJvd1NpemUsXG4gICAgICBzZWxlY3RlZEl0ZW0sXG4gICAgICBkZWZhdWx0T3B0aW9uLFxuICAgICAgc2VhcmNoVGVybSxcbiAgICAgIGhhbmRsZU9wdGlvbkNsaWNrLFxuICAgICAgZGF0YVRlc3RJZCxcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBkYXRhID0gdXNlTWVtbygoKSA9PiAoZGVmYXVsdE9wdGlvbiA/IFtkZWZhdWx0T3B0aW9uLCAuLi5pdGVtc10gOiBpdGVtcyksIFtcbiAgICAgIGRlZmF1bHRPcHRpb24sXG4gICAgICBpdGVtcyxcbiAgICBdKTtcblxuICAgIGNvbnN0IGl0ZW1TaXplID0gdXNlQ2FsbGJhY2soKGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgIGNvbnN0IHNpemVCYXNlID0gcm93U2l6ZSA9PT0gJ25vcm1hbCcgPyA1NiA6IDQ2O1xuXG4gICAgICBpZiAoKGRhdGFbaW5kZXhdIGFzIFNlbGVjdE9wdGlvbik/Lm9wdGlvbnMpIHtcbiAgICAgICAgcmV0dXJuICgoKGRhdGFbaW5kZXhdIGFzIFNlbGVjdE9wdGlvbik/Lm9wdGlvbnM/Lmxlbmd0aCBhcyBudW1iZXIpICsgMSkgKiBzaXplQmFzZTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHNpemVCYXNlO1xuICAgIH0sIFtkYXRhLCByb3dTaXplXSk7XG5cbiAgICBjb25zdCByb3dSZW5kZXJlciA9ICh7IGluZGV4LCBzdHlsZSB9OiB7IGluZGV4OiBudW1iZXI7IHN0eWxlOiBDU1NQcm9wZXJ0aWVzIH0pID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIGNzcz17eyAuLi5zdHlsZSB9fT5cbiAgICAgICAgICB7KGRhdGFbaW5kZXhdIGFzIFNlbGVjdE9wdGlvbik/Lm9wdGlvbnMgPyAoXG4gICAgICAgICAgICA8dWwgY3NzPXtsaXN0U3R5bGUoe30pfT5cbiAgICAgICAgICAgICAgPExpc3RJdGVtR3JvdXBcbiAgICAgICAgICAgICAgICBzaXplPXtyb3dTaXplfVxuICAgICAgICAgICAgICAgIGNvbnRlbnQ9e2RhdGFbaW5kZXhdfVxuICAgICAgICAgICAgICAgIGdyb3VwSW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgIHNlYXJjaFRlcm09e3NlYXJjaFRlcm19XG4gICAgICAgICAgICAgICAgZGF0YVRlc3RJZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgICAgICBoYW5kbGVPcHRpb25DbGljaz17aGFuZGxlT3B0aW9uQ2xpY2t9XG4gICAgICAgICAgICAgICAgc2VsZWN0ZWRJdGVtPXtzZWxlY3RlZEl0ZW19XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L3VsPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8TGlzdEl0ZW1cbiAgICAgICAgICAgICAgc2l6ZT17cm93U2l6ZX1cbiAgICAgICAgICAgICAgY29udGVudD17ZGF0YVtpbmRleF19XG4gICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXsoZGF0YVtpbmRleF0gYXMgU2VsZWN0T3B0aW9uKT8uaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWQoeyBpdGVtOiBkYXRhW2luZGV4XSwgc2VsZWN0ZWRJdGVtIH0pfVxuICAgICAgICAgICAgICBzZWFyY2hUZXJtPXtzZWFyY2hUZXJtfVxuICAgICAgICAgICAgICBkYXRhVGVzdElkPXtkYXRhVGVzdElkICsgYCR7ZGVmYXVsdE9wdGlvbiAmJiBpbmRleCA9PT0gMCAmJiAnZGVmYXVsdCd9YH1cbiAgICAgICAgICAgICAgaGlnaGxpZ2h0ZWQ9e0Jvb2xlYW4oZGVmYXVsdE9wdGlvbiAmJiBpbmRleCA9PT0gMCl9XG4gICAgICAgICAgICAgIGhhbmRsZU9wdGlvbkNsaWNrPXtoYW5kbGVPcHRpb25DbGlja31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxWTGlzdFxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9X2xpc3RgIDogJ2ljdGludXNfbGlzdCd9XG4gICAgICAgIGhlaWdodD17Y3VzdG9tSGVpZ2h0IHx8IHJvd1NpemUgPT09ICdub3JtYWwnID8gTUFYX0xBUkdFX0hFSUdIVCA6IE1BWF9TTUFMTF9IRUlHSFR9XG4gICAgICAgIHdpZHRoPXtjdXN0b21XaWR0aCB8fCAnMTAwJSd9XG4gICAgICAgIGl0ZW1Db3VudD17ZGF0YS5sZW5ndGh9XG4gICAgICAgIGl0ZW1TaXplPXtpdGVtU2l6ZX1cbiAgICAgICAgY3NzPXt7IG92ZXJmbG93WDogJ2hpZGRlbicgfX1cbiAgICAgID5cbiAgICAgICAge3Jvd1JlbmRlcmVyfVxuICAgICAgPC9WTGlzdD5cbiAgICApO1xuICB9XG4pO1xuVmlydHVhbGl6ZWRMaXN0LmRpc3BsYXlOYW1lID0gJ1ZpcnR1YWxpemVkTGlzdCc7XG5cbmV4cG9ydCBkZWZhdWx0IFZpcnR1YWxpemVkTGlzdDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -46,20 +50,44 @@ var VirtualizedList = /*#__PURE__*/_react2["default"].forwardRef(function (_ref,
   var data = (0, _react2.useMemo)(function () {
     return defaultOption ? [defaultOption].concat(items) : items;
   }, [defaultOption, items]);
+  var itemSize = (0, _react2.useCallback)(function (index) {
+    var _data$index;
+
+    var sizeBase = rowSize === 'normal' ? 56 : 46;
+
+    if ((_data$index = data[index]) != null && _data$index.options) {
+      var _data$index2, _data$index2$options;
+
+      return (((_data$index2 = data[index]) == null ? void 0 : (_data$index2$options = _data$index2.options) == null ? void 0 : _data$index2$options.length) + 1) * sizeBase;
+    }
+
+    return sizeBase;
+  }, [data, rowSize]);
 
   var rowRenderer = function rowRenderer(_ref2) {
-    var _data$index;
+    var _data$index3, _data$index4;
 
     var index = _ref2.index,
         style = _ref2.style;
     return (0, _react.jsx)("span", {
-      css: /*#__PURE__*/(0, _react.css)(_extends({}, style), process.env.NODE_ENV === "production" ? "" : ";label:rowRenderer;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RjIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZpeGVkU2l6ZUxpc3QgYXMgVkxpc3QgfSBmcm9tICdyZWFjdC13aW5kb3cnO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7IFRlc3RQcm9wcyB9IGZyb20gJ3V0aWxzL3R5cGVzJztcblxuaW1wb3J0IHsgU2VsZWN0T3B0aW9uIH0gZnJvbSAnLi4vLi4vU2VsZWN0L1NlbGVjdCc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnLi4vTGlzdEl0ZW0nO1xuaW1wb3J0IHsgTGlzdEl0ZW1UeXBlLCBMaXN0Um93U2l6ZSwgU2VsZWN0SGFuZGxlclR5cGUgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBpc1NlbGVjdGVkLCBNQVhfTEFSR0VfSEVJR0hULCBNQVhfU01BTExfSEVJR0hUIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG50eXBlIFByb3BzID0ge1xuICBpdGVtczogTGlzdEl0ZW1UeXBlW107XG4gIC8qKiBTaXplIG9mIHRoZSBsaXN0J3Mgcm93IChoZWlnaHQgb2YgTGlzdEl0ZW0gQ29tcG9uZW50KSAgKi9cbiAgcm93U2l6ZTogTGlzdFJvd1NpemU7XG4gIC8qKiBXaWR0aCBvZiB0aGUgbGlzdCAqL1xuICBjdXN0b21XaWR0aD86IG51bWJlcjtcbiAgLyoqIEhlaWdodCBvZiB0aGUgbGlzdCAqL1xuICBjdXN0b21IZWlnaHQ/OiBudW1iZXI7XG4gIC8qKiBTZWxlY3RlZCBJdGVtICovXG4gIHNlbGVjdGVkSXRlbT86IExpc3RJdGVtVHlwZTtcbiAgLyoqIERlZmF1bHQgb3B0aW9uLiBSZW5kZXJzIG9uIHRvcCBvZiB0aGUgbGlzdCwgaGlnaGxpZ2h0ZWQgKi9cbiAgZGVmYXVsdE9wdGlvbj86IExpc3RJdGVtVHlwZTtcbiAgLyoqIFNlYXJjaCBUZXJtIHRvIGJlIGhpZ2hsaWdodGVkIGluIGxpc3QgaXRlbXMgKi9cbiAgc2VhcmNoVGVybT86IHN0cmluZztcbiAgLyoqIE9wdGlvbiBDbGljayBoYW5kbGVyIGZvciBTZWxlY3RPcHRpb25bXSBkYXRhIGNhc2UgKi9cbiAgaGFuZGxlT3B0aW9uQ2xpY2s/OiBTZWxlY3RIYW5kbGVyVHlwZTtcbn0gJiBUZXN0UHJvcHM7XG5cbmNvbnN0IFZpcnR1YWxpemVkTGlzdCA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFByb3BzPihcbiAgKFxuICAgIHtcbiAgICAgIGl0ZW1zLFxuICAgICAgY3VzdG9tV2lkdGgsXG4gICAgICBjdXN0b21IZWlnaHQsXG4gICAgICByb3dTaXplLFxuICAgICAgc2VsZWN0ZWRJdGVtLFxuICAgICAgZGVmYXVsdE9wdGlvbixcbiAgICAgIHNlYXJjaFRlcm0sXG4gICAgICBoYW5kbGVPcHRpb25DbGljayxcbiAgICAgIGRhdGFUZXN0SWQsXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgZGF0YSA9IHVzZU1lbW8oKCkgPT4gKGRlZmF1bHRPcHRpb24gPyBbZGVmYXVsdE9wdGlvbiwgLi4uaXRlbXNdIDogaXRlbXMpLCBbXG4gICAgICBkZWZhdWx0T3B0aW9uLFxuICAgICAgaXRlbXMsXG4gICAgXSk7XG5cbiAgICBjb25zdCByb3dSZW5kZXJlciA9ICh7IGluZGV4LCBzdHlsZSB9OiB7IGluZGV4OiBudW1iZXI7IHN0eWxlOiBDU1NQcm9wZXJ0aWVzIH0pID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIGNzcz17eyAuLi5zdHlsZSB9fT5cbiAgICAgICAgICA8TGlzdEl0ZW1cbiAgICAgICAgICAgIHNpemU9e3Jvd1NpemV9XG4gICAgICAgICAgICBjb250ZW50PXtkYXRhW2luZGV4XX1cbiAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgZGlzYWJsZWQ9eyhkYXRhW2luZGV4XSBhcyBTZWxlY3RPcHRpb24pPy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWQoeyBpdGVtOiBkYXRhW2luZGV4XSwgc2VsZWN0ZWRJdGVtIH0pfVxuICAgICAgICAgICAgc2VhcmNoVGVybT17c2VhcmNoVGVybX1cbiAgICAgICAgICAgIGRhdGFUZXN0SWQ9e2RhdGFUZXN0SWQgKyBgJHtkZWZhdWx0T3B0aW9uICYmIGluZGV4ID09PSAwICYmICdkZWZhdWx0J31gfVxuICAgICAgICAgICAgaGlnaGxpZ2h0ZWQ9e0Jvb2xlYW4oZGVmYXVsdE9wdGlvbiAmJiBpbmRleCA9PT0gMCl9XG4gICAgICAgICAgICBoYW5kbGVPcHRpb25DbGljaz17aGFuZGxlT3B0aW9uQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxWTGlzdFxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9X2xpc3RgIDogJ2ljdGludXNfbGlzdCd9XG4gICAgICAgIGhlaWdodD17Y3VzdG9tSGVpZ2h0IHx8IHJvd1NpemUgPT09ICdub3JtYWwnID8gTUFYX0xBUkdFX0hFSUdIVCA6IE1BWF9TTUFMTF9IRUlHSFR9XG4gICAgICAgIHdpZHRoPXtjdXN0b21XaWR0aCB8fCAnMTAwJSd9XG4gICAgICAgIGl0ZW1Db3VudD17ZGF0YS5sZW5ndGh9XG4gICAgICAgIGl0ZW1TaXplPXtyb3dTaXplID09PSAnbm9ybWFsJyA/IDU2IDogNDZ9XG4gICAgICAgIGNzcz17eyBvdmVyZmxvd1g6ICdoaWRkZW4nIH19XG4gICAgICA+XG4gICAgICAgIHtyb3dSZW5kZXJlcn1cbiAgICAgIDwvVkxpc3Q+XG4gICAgKTtcbiAgfVxuKTtcblZpcnR1YWxpemVkTGlzdC5kaXNwbGF5TmFtZSA9ICdWaXJ0dWFsaXplZExpc3QnO1xuXG5leHBvcnQgZGVmYXVsdCBWaXJ0dWFsaXplZExpc3Q7XG4iXX0= */")
-    }, (0, _react.jsx)(_ListItem["default"], {
+      css: /*#__PURE__*/(0, _react.css)(_extends({}, style), process.env.NODE_ENV === "production" ? "" : ";label:rowRenderer;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERjIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBWYXJpYWJsZVNpemVMaXN0IGFzIFZMaXN0IH0gZnJvbSAncmVhY3Qtd2luZG93JztcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgeyBUZXN0UHJvcHMgfSBmcm9tICd1dGlscy90eXBlcyc7XG5cbmltcG9ydCB7IFNlbGVjdE9wdGlvbiB9IGZyb20gJy4uLy4uL1NlbGVjdC9TZWxlY3QnO1xuaW1wb3J0IHsgbGlzdFN0eWxlIH0gZnJvbSAnLi4vTGlzdC5zdHlsZSc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnLi4vTGlzdEl0ZW0nO1xuaW1wb3J0IExpc3RJdGVtR3JvdXAgZnJvbSAnLi4vTGlzdEl0ZW1Hcm91cCc7XG5pbXBvcnQgeyBMaXN0SXRlbVR5cGUsIExpc3RSb3dTaXplLCBTZWxlY3RIYW5kbGVyVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGlzU2VsZWN0ZWQsIE1BWF9MQVJHRV9IRUlHSFQsIE1BWF9TTUFMTF9IRUlHSFQgfSBmcm9tICcuLi91dGlscyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGl0ZW1zOiBMaXN0SXRlbVR5cGVbXTtcbiAgLyoqIFNpemUgb2YgdGhlIGxpc3QncyByb3cgKGhlaWdodCBvZiBMaXN0SXRlbSBDb21wb25lbnQpICAqL1xuICByb3dTaXplOiBMaXN0Um93U2l6ZTtcbiAgLyoqIFdpZHRoIG9mIHRoZSBsaXN0ICovXG4gIGN1c3RvbVdpZHRoPzogbnVtYmVyO1xuICAvKiogSGVpZ2h0IG9mIHRoZSBsaXN0ICovXG4gIGN1c3RvbUhlaWdodD86IG51bWJlcjtcbiAgLyoqIFNlbGVjdGVkIEl0ZW0gKi9cbiAgc2VsZWN0ZWRJdGVtPzogTGlzdEl0ZW1UeXBlO1xuICAvKiogRGVmYXVsdCBvcHRpb24uIFJlbmRlcnMgb24gdG9wIG9mIHRoZSBsaXN0LCBoaWdobGlnaHRlZCAqL1xuICBkZWZhdWx0T3B0aW9uPzogTGlzdEl0ZW1UeXBlO1xuICAvKiogU2VhcmNoIFRlcm0gdG8gYmUgaGlnaGxpZ2h0ZWQgaW4gbGlzdCBpdGVtcyAqL1xuICBzZWFyY2hUZXJtPzogc3RyaW5nO1xuICAvKiogT3B0aW9uIENsaWNrIGhhbmRsZXIgZm9yIFNlbGVjdE9wdGlvbltdIGRhdGEgY2FzZSAqL1xuICBoYW5kbGVPcHRpb25DbGljaz86IFNlbGVjdEhhbmRsZXJUeXBlO1xufSAmIFRlc3RQcm9wcztcblxuY29uc3QgVmlydHVhbGl6ZWRMaXN0ID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgaXRlbXMsXG4gICAgICBjdXN0b21XaWR0aCxcbiAgICAgIGN1c3RvbUhlaWdodCxcbiAgICAgIHJvd1NpemUsXG4gICAgICBzZWxlY3RlZEl0ZW0sXG4gICAgICBkZWZhdWx0T3B0aW9uLFxuICAgICAgc2VhcmNoVGVybSxcbiAgICAgIGhhbmRsZU9wdGlvbkNsaWNrLFxuICAgICAgZGF0YVRlc3RJZCxcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBkYXRhID0gdXNlTWVtbygoKSA9PiAoZGVmYXVsdE9wdGlvbiA/IFtkZWZhdWx0T3B0aW9uLCAuLi5pdGVtc10gOiBpdGVtcyksIFtcbiAgICAgIGRlZmF1bHRPcHRpb24sXG4gICAgICBpdGVtcyxcbiAgICBdKTtcblxuICAgIGNvbnN0IGl0ZW1TaXplID0gdXNlQ2FsbGJhY2soKGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgIGNvbnN0IHNpemVCYXNlID0gcm93U2l6ZSA9PT0gJ25vcm1hbCcgPyA1NiA6IDQ2O1xuXG4gICAgICBpZiAoKGRhdGFbaW5kZXhdIGFzIFNlbGVjdE9wdGlvbik/Lm9wdGlvbnMpIHtcbiAgICAgICAgcmV0dXJuICgoKGRhdGFbaW5kZXhdIGFzIFNlbGVjdE9wdGlvbik/Lm9wdGlvbnM/Lmxlbmd0aCBhcyBudW1iZXIpICsgMSkgKiBzaXplQmFzZTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHNpemVCYXNlO1xuICAgIH0sIFtkYXRhLCByb3dTaXplXSk7XG5cbiAgICBjb25zdCByb3dSZW5kZXJlciA9ICh7IGluZGV4LCBzdHlsZSB9OiB7IGluZGV4OiBudW1iZXI7IHN0eWxlOiBDU1NQcm9wZXJ0aWVzIH0pID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIGNzcz17eyAuLi5zdHlsZSB9fT5cbiAgICAgICAgICB7KGRhdGFbaW5kZXhdIGFzIFNlbGVjdE9wdGlvbik/Lm9wdGlvbnMgPyAoXG4gICAgICAgICAgICA8dWwgY3NzPXtsaXN0U3R5bGUoe30pfT5cbiAgICAgICAgICAgICAgPExpc3RJdGVtR3JvdXBcbiAgICAgICAgICAgICAgICBzaXplPXtyb3dTaXplfVxuICAgICAgICAgICAgICAgIGNvbnRlbnQ9e2RhdGFbaW5kZXhdfVxuICAgICAgICAgICAgICAgIGdyb3VwSW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgIHNlYXJjaFRlcm09e3NlYXJjaFRlcm19XG4gICAgICAgICAgICAgICAgZGF0YVRlc3RJZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgICAgICBoYW5kbGVPcHRpb25DbGljaz17aGFuZGxlT3B0aW9uQ2xpY2t9XG4gICAgICAgICAgICAgICAgc2VsZWN0ZWRJdGVtPXtzZWxlY3RlZEl0ZW19XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L3VsPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8TGlzdEl0ZW1cbiAgICAgICAgICAgICAgc2l6ZT17cm93U2l6ZX1cbiAgICAgICAgICAgICAgY29udGVudD17ZGF0YVtpbmRleF19XG4gICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXsoZGF0YVtpbmRleF0gYXMgU2VsZWN0T3B0aW9uKT8uaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWQoeyBpdGVtOiBkYXRhW2luZGV4XSwgc2VsZWN0ZWRJdGVtIH0pfVxuICAgICAgICAgICAgICBzZWFyY2hUZXJtPXtzZWFyY2hUZXJtfVxuICAgICAgICAgICAgICBkYXRhVGVzdElkPXtkYXRhVGVzdElkICsgYCR7ZGVmYXVsdE9wdGlvbiAmJiBpbmRleCA9PT0gMCAmJiAnZGVmYXVsdCd9YH1cbiAgICAgICAgICAgICAgaGlnaGxpZ2h0ZWQ9e0Jvb2xlYW4oZGVmYXVsdE9wdGlvbiAmJiBpbmRleCA9PT0gMCl9XG4gICAgICAgICAgICAgIGhhbmRsZU9wdGlvbkNsaWNrPXtoYW5kbGVPcHRpb25DbGlja31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxWTGlzdFxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9X2xpc3RgIDogJ2ljdGludXNfbGlzdCd9XG4gICAgICAgIGhlaWdodD17Y3VzdG9tSGVpZ2h0IHx8IHJvd1NpemUgPT09ICdub3JtYWwnID8gTUFYX0xBUkdFX0hFSUdIVCA6IE1BWF9TTUFMTF9IRUlHSFR9XG4gICAgICAgIHdpZHRoPXtjdXN0b21XaWR0aCB8fCAnMTAwJSd9XG4gICAgICAgIGl0ZW1Db3VudD17ZGF0YS5sZW5ndGh9XG4gICAgICAgIGl0ZW1TaXplPXtpdGVtU2l6ZX1cbiAgICAgICAgY3NzPXt7IG92ZXJmbG93WDogJ2hpZGRlbicgfX1cbiAgICAgID5cbiAgICAgICAge3Jvd1JlbmRlcmVyfVxuICAgICAgPC9WTGlzdD5cbiAgICApO1xuICB9XG4pO1xuVmlydHVhbGl6ZWRMaXN0LmRpc3BsYXlOYW1lID0gJ1ZpcnR1YWxpemVkTGlzdCc7XG5cbmV4cG9ydCBkZWZhdWx0IFZpcnR1YWxpemVkTGlzdDtcbiJdfQ== */")
+    }, (_data$index3 = data[index]) != null && _data$index3.options ? (0, _react.jsx)("ul", {
+      css: (0, _List.listStyle)({})
+    }, (0, _react.jsx)(_ListItemGroup["default"], {
+      size: rowSize,
+      content: data[index],
+      groupIndex: index,
+      ref: ref,
+      searchTerm: searchTerm,
+      dataTestId: dataTestId,
+      handleOptionClick: handleOptionClick,
+      selectedItem: selectedItem
+    })) : (0, _react.jsx)(_ListItem["default"], {
       size: rowSize,
       content: data[index],
       index: index,
       ref: ref,
-      disabled: (_data$index = data[index]) == null ? void 0 : _data$index.isDisabled,
+      disabled: (_data$index4 = data[index]) == null ? void 0 : _data$index4.isDisabled,
       selected: (0, _utils.isSelected)({
         item: data[index],
         selectedItem: selectedItem
@@ -71,12 +99,12 @@ var VirtualizedList = /*#__PURE__*/_react2["default"].forwardRef(function (_ref,
     }));
   };
 
-  return (0, _react.jsx)(_reactWindow.FixedSizeList, {
+  return (0, _react.jsx)(_reactWindow.VariableSizeList, {
     "data-testid": dataTestId ? dataTestId + "_list" : 'ictinus_list',
     height: customHeight || rowSize === 'normal' ? _utils.MAX_LARGE_HEIGHT : _utils.MAX_SMALL_HEIGHT,
     width: customWidth || '100%',
     itemCount: data.length,
-    itemSize: rowSize === 'normal' ? 56 : 46,
+    itemSize: itemSize,
     css: _ref3
   }, rowRenderer);
 });

package/dist/components/List/utils.d.ts

@@ -9,3 +9,4 @@ export declare const isSelected: ({ item, selectedItem, }: {
     item: ListItemType;
     selectedItem: ListItemType | undefined;
 }) => boolean;
+export declare const renderContent: (content: ListItemType, searchTerm?: string | undefined) => {} | null | undefined;

package/dist/components/List/utils.js

@@ -1,10 +1,14 @@
 "use strict";
 
 exports.__esModule = true;
-exports.isSelected = exports.MAX_SMALL_HEIGHT = exports.MAX_LARGE_HEIGHT = exports.MAX_NON_VIRTUALIZED_ITEMS_SELECT = exports.MAX_NON_VIRTUALIZED_ITEMS_FILTER = void 0;
+exports.renderContent = exports.isSelected = exports.MAX_SMALL_HEIGHT = exports.MAX_LARGE_HEIGHT = exports.MAX_NON_VIRTUALIZED_ITEMS_SELECT = exports.MAX_NON_VIRTUALIZED_ITEMS_FILTER = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _reactHighlightWords = _interopRequireDefault(require("react-highlight-words"));
+
+var _react2 = require("@emotion/react");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 /** For this amount of List Items the list of Filter will be non-virtualized */
@@ -45,4 +49,24 @@ var isSelected = function isSelected(_ref) {
   return itemValue === selectedItemValue;
 };
 
-exports.isSelected = isSelected;
+exports.isSelected = isSelected;
+
+var renderContent = function renderContent(content, searchTerm) {
+  if (searchTerm && content && ! /*#__PURE__*/_react["default"].isValidElement(content) && typeof content === 'object' && !Array.isArray(content) && 'label' in content && content != null && content.label) {
+    return (0, _react2.jsx)(_reactHighlightWords["default"], {
+      highlightClassName: "search-text",
+      highlightTag: 'strong',
+      searchWords: [searchTerm],
+      autoEscape: true,
+      textToHighlight: content.label
+    });
+  }
+
+  if (content && ! /*#__PURE__*/_react["default"].isValidElement(content) && typeof content === 'object' && !Array.isArray(content) && 'label' in content && content != null && content.label) {
+    return content.label;
+  }
+
+  return content;
+};
+
+exports.renderContent = renderContent;

package/dist/components/Select/Select.d.ts

@@ -5,6 +5,7 @@ export declare type SelectOption = {
     label: string;
     isDisabled?: boolean;
     tooltipInfo?: string;
+    options?: SelectOption[];
 };
 export declare type Props = {
     /** The function that is used to return the selected options */

package/dist/components/Select/Select.js

@@ -145,7 +145,19 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
     }
 
     return options.filter(function (option) {
-      return !searchValue || option.label.toLowerCase().includes(searchValue.toLowerCase());
+      var _option$options;
+
+      return !searchValue || option.label.toLowerCase().includes(searchValue.toLowerCase()) || !!((_option$options = option.options) != null && _option$options.find(function (option) {
+        return option.label.toLowerCase().includes(searchValue.toLowerCase());
+      }));
+    }).map(function (option) {
+      var _option$options2;
+
+      return option.label.toLowerCase().includes(searchValue.toLowerCase()) ? option : _extends({}, option, {
+        options: (_option$options2 = option.options) == null ? void 0 : _option$options2.filter(function (option) {
+          return option.label.toLowerCase().includes(searchValue.toLowerCase());
+        })
+      });
     });
   }, [searchValue, options, isAsync]);
   var rightIconRender = (0, _react2.useMemo)(function () {
@@ -154,7 +166,7 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("display:flex;gap:", (0, _utils.rem)(25), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconRender;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNKa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0LCB1c2VNZW1vLCBLZXlib2FyZEV2ZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuaW1wb3J0IHsgZ2VuZXJhdGVUZXN0RGF0YUlkIH0gZnJvbSAndXRpbHMvaGVscGVycyc7XG5cbmltcG9ydCB1c2VDb21iaW5lZFJlZnMgZnJvbSAnLi4vLi4vaG9va3MvdXNlQ29tYmluZWRSZWZzJztcbmltcG9ydCB1c2VUaGVtZSBmcm9tICcuLi8uLi9ob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgeyBDaGFuZ2VFdmVudCB9IGZyb20gJy4uLy4uL3V0aWxzL2NvbW1vbic7XG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJztcbmltcG9ydCBUZXh0RmllbGQgZnJvbSAnLi4vVGV4dEZpZWxkJztcbmltcG9ydCB7IFByb3BzIGFzIFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vVGV4dEZpZWxkL1RleHRGaWVsZCc7XG5pbXBvcnQgQ2xpY2tBd2F5TGlzdGVuZXIgZnJvbSAnLi4vdXRpbHMvQ2xpY2tBd2F5TGlzdGVuZXInO1xuaW1wb3J0IGhhbmRsZVNlYXJjaCBmcm9tICcuLi91dGlscy9oYW5kbGVTZWFyY2gnO1xuaW1wb3J0IFNlbGVjdE1lbnUgZnJvbSAnLi9jb21wb25lbnRzL1NlbGVjdE1lbnUvU2VsZWN0TWVudSc7XG5pbXBvcnQgeyBzZWxlY3RXcmFwcGVyIH0gZnJvbSAnLi9TZWxlY3Quc3R5bGUnO1xuaW1wb3J0IExvYWRlciBmcm9tICdjb21wb25lbnRzL0xvYWRlcic7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbiA9IHtcbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWw6IHN0cmluZztcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIHRvb2x0aXBJbmZvPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIC8qKiBUaGUgZnVuY3Rpb24gdGhhdCBpcyB1c2VkIHRvIHJldHVybiB0aGUgc2VsZWN0ZWQgb3B0aW9ucyAqL1xuICBoYW5kbGVTZWxlY3RlZE9wdGlvbj86IChzZWxlY3RlZE9wdGlvbjogU2VsZWN0T3B0aW9uKSA9PiB2b2lkO1xuICAvKiogdGhlIGRlZmF1bHQgdmFsdWUgb2YgdGhlIHNlbGVjdCBpZiBuZWVkZWQgKi9cbiAgLyoqIFRPRE86IGRlZmF1bHRWYWx1ZSBpcyBkdXBsaWNhdGlvbiBvZiBzZWxlY3RlZE9wdGlvbiovXG4gIGRlZmF1bHRWYWx1ZT86IFNlbGVjdE9wdGlvbjtcbiAgLyoqIHRoZSB2YWx1ZSBvZiB0aGUgc2VsZWN0IGlmIHNlbGVjdCBpcyBjb250cm9sbGVkICovXG4gIHNlbGVjdGVkT3B0aW9uPzogU2VsZWN0T3B0aW9uO1xuICAvKiogaWYgdGhlIHNlbGVjdCBoYXMgdGFncyAqL1xuICBtdWx0aT86IGJvb2xlYW47XG4gIC8qKiBPcHRpb25zIGZvciB0aGUgc2VsZWN0IGRyb3Bkb3duICovXG4gIG9wdGlvbnM6IFNlbGVjdE9wdGlvbltdO1xuICAvKiogaWYgdGhlIGNvbXBvbmVudCBpcyB1c2VkIGFzeW5jaHJvbm91c2x5ICovXG4gIGlzQXN5bmM/OiBib29sZWFuO1xuICAvKiogdGhlIGZ1bmN0aW9uIHRvIGZldGNoIG5ldyBvcHRpb25zICovXG4gIGFzeW5jU2VhcmNoPzogKHRlcm06IHN0cmluZykgPT4gdm9pZDtcbiAgLyoqIGFmdGVyIGhvdyBtYW55IGNoYXJhY3RlcnMgdG8gc3RhcnQgc2VhcmNoaW5nIChkZWZhdWx0ID0gMCkgKi9cbiAgbWluQ2hhcmFjdGVyc1RvU2VhcmNoPzogbnVtYmVyO1xuICAvKiogaWYgc2VhcmNoZWQgdGV4dCBzaG91bGQgYmUgaGlnaGxpZ2h0ZWQgaW4gYXZhaWxhYmxlIG9wdGlvbnMgKi9cbiAgaGlnaGxpZ2h0U2VhcmNoPzogYm9vbGVhbjtcbiAgLyoqIGlmIHRoZSBvcHRpb25zIGFyZSBzZWFyY2hhYmxlICovXG4gIGlzU2VhcmNoYWJsZT86IGJvb2xlYW47XG4gIC8qKiBkYXRhLXRlc3RpZCBzdWZmaXggKi9cbiAgZGF0YVRlc3RJZD86IHN0cmluZztcbiAgLyoqIGlmIGNvbXBvbmVudCBpcyBsb2FkaW5nICovXG4gIGlzTG9hZGluZz86IGJvb2xlYW47XG4gIC8qKiBpZiBvcHRpb25zIGxpc3QgaXMgdmlydHVhbGl6ZWQgKi9cbiAgaXNWaXJ0dWFsaXplZD86IGJvb2xlYW47XG59ICYgVGV4dEZpZWxkUHJvcHM7XG5cbmNvbnN0IGVtcHR5VmFsdWUgPSB7IGxhYmVsOiAnJywgdmFsdWU6ICcnIH07XG5cbi8vIE1vY2tzIG9uQ2hhbmdlIHRvIGF2b2lkIHJlYWRvbmx5IHdhcm5pbmcgZm9yIFRleHRGaWVsZCBDb21wb25lbnRcbmNvbnN0IE9OX0NIQU5HRV9NT0NLID0gKCkgPT4ge307XG5cbnR5cGUgSW5wdXRQcm9wcyA9IFBhcnRpYWw8T21pdDxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnc2l6ZSc+PjtcblxuY29uc3QgU2VsZWN0ID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBQcm9wcyAmIElucHV0UHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgaGFuZGxlU2VsZWN0ZWRPcHRpb24gPSAoKSA9PiB7fSxcbiAgICAgIGRlZmF1bHRWYWx1ZSA9IHVuZGVmaW5lZCxcbiAgICAgIHNlbGVjdGVkT3B0aW9uID0gZW1wdHlWYWx1ZSxcbiAgICAgIG11bHRpID0gZmFsc2UsXG4gICAgICBvcHRpb25zLFxuICAgICAgaXNBc3luYyA9IGZhbHNlLFxuICAgICAgaXNMb2FkaW5nID0gZmFsc2UsXG4gICAgICBhc3luY1NlYXJjaCA9ICgpID0+IHt9LFxuICAgICAgc3RhdHVzID0gJ25vcm1hbCcsXG4gICAgICBtaW5DaGFyYWN0ZXJzVG9TZWFyY2ggPSAwLFxuICAgICAgaGlnaGxpZ2h0U2VhcmNoID0gZmFsc2UsXG4gICAgICBpc1NlYXJjaGFibGUgPSB0cnVlLFxuICAgICAgaXNWaXJ0dWFsaXplZCA9IGZhbHNlLFxuICAgICAgc3R5bGVUeXBlLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBsb2NrZWQsXG4gICAgICBkYXRhVGVzdElkLFxuICAgICAgLi4ucmVzdElucHV0UHJvcHNcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IGlucHV0UmVmID0gUmVhY3QudXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICAgIGNvbnN0IGNvbWJpbmVkUmVmcyA9IHVzZUNvbWJpbmVkUmVmcyhpbnB1dFJlZiwgcmVmKTtcbiAgICBjb25zdCBbaW5wdXRWYWx1ZSwgc2V0SW5wdXRWYWx1ZV0gPSBSZWFjdC51c2VTdGF0ZShkZWZhdWx0VmFsdWUgfHwgc2VsZWN0ZWRPcHRpb24pO1xuICAgIGNvbnN0IFtzZWFyY2hWYWx1ZSwgc2V0U2VhcmNoVmFsdWVdID0gUmVhY3QudXNlU3RhdGUoJycpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNldElucHV0VmFsdWUoZGVmYXVsdFZhbHVlIHx8IHNlbGVjdGVkT3B0aW9uKTtcbiAgICB9LCBbZGVmYXVsdFZhbHVlLCBzZWxlY3RlZE9wdGlvbl0pO1xuXG4gICAgY29uc3QgaGFuZGxlT3B0aW9uQ2xpY2sgPSAob3B0aW9uOiBTZWxlY3RPcHRpb24pID0+IHtcbiAgICAgIHNldElucHV0VmFsdWUob3B0aW9uKTtcbiAgICAgIHNldE9wZW4oZmFsc2UpO1xuXG4gICAgICBpZiAoaXNTZWFyY2hhYmxlKSB7XG4gICAgICAgIHNldFNlYXJjaFZhbHVlKCcnKTtcbiAgICAgIH1cbiAgICAgIGhhbmRsZVNlbGVjdGVkT3B0aW9uKG9wdGlvbik7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU9uS2V5RG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICBjb25zdCBpc0JhY2tzcGFjZUtleSA9IGUua2V5Q29kZSA9PT0gODtcblxuICAgICAgaWYgKGlzQmFja3NwYWNlS2V5KSB7XG4gICAgICAgIHNldElucHV0VmFsdWUoZW1wdHlWYWx1ZSk7XG4gICAgICAgIGRlYm91bmNlZE9uQ2hhbmdlKCcnKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgZGVib3VuY2VkT25DaGFuZ2UgPSBSZWFjdC51c2VDYWxsYmFjayhcbiAgICAgIGRlYm91bmNlKHRlcm0gPT4ge1xuICAgICAgICBhc3luY1NlYXJjaCh0ZXJtKTtcbiAgICAgIH0sIDQwMCksXG4gICAgICBbXVxuICAgICk7XG5cbiAgICBjb25zdCBoYW5kbGVPbklucHV0ID0gUmVhY3QudXNlQ2FsbGJhY2soXG4gICAgICAoZXZlbnQ6IENoYW5nZUV2ZW50KSA9PiB7XG4gICAgICAgIGhhbmRsZVNlYXJjaCh7XG4gICAgICAgICAgZXZlbnQsXG4gICAgICAgICAgaXNTZWFyY2hhYmxlLFxuICAgICAgICAgIGlzQXN5bmMsXG4gICAgICAgICAgc2V0U2VhcmNoVmFsdWUsXG4gICAgICAgICAgb25DaGFuZ2U6IGRlYm91bmNlZE9uQ2hhbmdlLFxuICAgICAgICAgIG1pbkNoYXJhY3RlcnNUb1NlYXJjaCxcbiAgICAgICAgfSk7XG4gICAgICB9LFxuICAgICAgW2RlYm91bmNlZE9uQ2hhbmdlLCBpc0FzeW5jLCBpc1NlYXJjaGFibGUsIG1pbkNoYXJhY3RlcnNUb1NlYXJjaF1cbiAgICApO1xuXG4gICAgY29uc3QgZmlsdGVyZWRPcHRpb25zID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBpZiAoaXNBc3luYykge1xuICAgICAgICByZXR1cm4gb3B0aW9ucztcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIG9wdGlvbnMuZmlsdGVyKFxuICAgICAgICBvcHRpb24gPT4gIXNlYXJjaFZhbHVlIHx8IG9wdGlvbi5sYWJlbC50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHNlYXJjaFZhbHVlLnRvTG93ZXJDYXNlKCkpXG4gICAgICApO1xuICAgIH0sIFtzZWFyY2hWYWx1ZSwgb3B0aW9ucywgaXNBc3luY10pO1xuXG4gICAgY29uc3QgcmlnaHRJY29uUmVuZGVyID0gdXNlTWVtbyhcbiAgICAgICgpID0+IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogJHtyZW0oMjUpfTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2lzTG9hZGluZyAmJiA8TG9hZGVyIC8+fVxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPXsyMH1cbiAgICAgICAgICAgIG5hbWU9e29wZW4gPyAnY2hldnJvbkxhcmdlVXAnIDogJ2NoZXZyb25MYXJnZURvd24nfVxuICAgICAgICAgICAgY29sb3I9e3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaXNTZWFyY2hhYmxlICYmIG9wZW4gJiYgc2V0T3Blbighb3Blbil9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApLFxuICAgICAgW29wZW4sIHRoZW1lLnV0aWxzLCBzZXRPcGVuLCBpc1NlYXJjaGFibGUsIGlzTG9hZGluZ11cbiAgICApO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoKSA9PiB7XG4gICAgICBpZiAoIW9wZW4pIHtcbiAgICAgICAgc2V0T3Blbih0cnVlKTtcbiAgICAgICAgY29tYmluZWRSZWZzPy5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgfSBlbHNlIGlmICghaXNTZWFyY2hhYmxlKSB7XG4gICAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgICAgICBjb21iaW5lZFJlZnM/LmN1cnJlbnQ/LmJsdXIoKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxDbGlja0F3YXlMaXN0ZW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgICAgc2V0U2VhcmNoVmFsdWUoJycpO1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgey4uLighKGRpc2FibGVkIHx8IGxvY2tlZCkgJiYgeyBvbkNsaWNrOiBoYW5kbGVDbGljayB9KX1cbiAgICAgICAgICBjc3M9e3NlbGVjdFdyYXBwZXIoeyBvcGVuLCBzdGF0dXMsIHN0eWxlVHlwZSwgaXNTZWFyY2hhYmxlIH0pfVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgc3R5bGVUeXBlPXtzdHlsZVR5cGV9XG4gICAgICAgICAgICByaWdodEljb249e3JpZ2h0SWNvblJlbmRlcn1cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlT25LZXlEb3dufVxuICAgICAgICAgICAgb25JbnB1dD17aGFuZGxlT25JbnB1dH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtPTl9DSEFOR0VfTU9DS31cbiAgICAgICAgICAgIHJlYWRPbmx5PXshaXNTZWFyY2hhYmxlfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgbG9ja2VkPXtsb2NrZWR9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17Z2VuZXJhdGVUZXN0RGF0YUlkKCdzZWxlY3QtaW5wdXQnLCBkYXRhVGVzdElkKX1cbiAgICAgICAgICAgIHsuLi5yZXN0SW5wdXRQcm9wc31cbiAgICAgICAgICAgIHN0YXR1cz17c3RhdHVzfVxuICAgICAgICAgICAgdmFsdWU9e3NlYXJjaFZhbHVlIHx8IGlucHV0VmFsdWUubGFiZWx9XG4gICAgICAgICAgICByZWY9e2NvbWJpbmVkUmVmc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtvcGVuICYmIChcbiAgICAgICAgICAgIDxTZWxlY3RNZW51XG4gICAgICAgICAgICAgIGZpbHRlcmVkT3B0aW9ucz17ZmlsdGVyZWRPcHRpb25zfVxuICAgICAgICAgICAgICBoYW5kbGVPcHRpb25DbGljaz17aGFuZGxlT3B0aW9uQ2xpY2t9XG4gICAgICAgICAgICAgIHNlbGVjdGVkT3B0aW9uPXtpbnB1dFZhbHVlLnZhbHVlfVxuICAgICAgICAgICAgICBzaXplPXtyZXN0SW5wdXRQcm9wcy5zaXplfVxuICAgICAgICAgICAgICBzdGF0dXM9e3N0YXR1c31cbiAgICAgICAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgICAgICAgIGlzVmlydHVhbGl6ZWQ9e2lzVmlydHVhbGl6ZWR9XG4gICAgICAgICAgICAgIHNlYXJjaFRlcm09e2hpZ2hsaWdodFNlYXJjaCA/IHNlYXJjaFZhbHVlIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvQ2xpY2tBd2F5TGlzdGVuZXI+XG4gICAgKTtcbiAgfVxuKTtcblxuU2VsZWN0LmRpc3BsYXlOYW1lID0gJ1NlbGVjdCc7XG5cbmV4cG9ydCBkZWZhdWx0IFNlbGVjdDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconRender;")
+      (0, _react.css)("display:flex;gap:", (0, _utils.rem)(25), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconRender;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVLa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0LCB1c2VNZW1vLCBLZXlib2FyZEV2ZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuaW1wb3J0IHsgZ2VuZXJhdGVUZXN0RGF0YUlkIH0gZnJvbSAndXRpbHMvaGVscGVycyc7XG5cbmltcG9ydCB1c2VDb21iaW5lZFJlZnMgZnJvbSAnLi4vLi4vaG9va3MvdXNlQ29tYmluZWRSZWZzJztcbmltcG9ydCB1c2VUaGVtZSBmcm9tICcuLi8uLi9ob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgeyBDaGFuZ2VFdmVudCB9IGZyb20gJy4uLy4uL3V0aWxzL2NvbW1vbic7XG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJztcbmltcG9ydCBUZXh0RmllbGQgZnJvbSAnLi4vVGV4dEZpZWxkJztcbmltcG9ydCB7IFByb3BzIGFzIFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vVGV4dEZpZWxkL1RleHRGaWVsZCc7XG5pbXBvcnQgQ2xpY2tBd2F5TGlzdGVuZXIgZnJvbSAnLi4vdXRpbHMvQ2xpY2tBd2F5TGlzdGVuZXInO1xuaW1wb3J0IGhhbmRsZVNlYXJjaCBmcm9tICcuLi91dGlscy9oYW5kbGVTZWFyY2gnO1xuaW1wb3J0IFNlbGVjdE1lbnUgZnJvbSAnLi9jb21wb25lbnRzL1NlbGVjdE1lbnUvU2VsZWN0TWVudSc7XG5pbXBvcnQgeyBzZWxlY3RXcmFwcGVyIH0gZnJvbSAnLi9TZWxlY3Quc3R5bGUnO1xuaW1wb3J0IExvYWRlciBmcm9tICdjb21wb25lbnRzL0xvYWRlcic7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbiA9IHtcbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWw6IHN0cmluZztcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIHRvb2x0aXBJbmZvPzogc3RyaW5nO1xuICBvcHRpb25zPzogU2VsZWN0T3B0aW9uW107XG59O1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IGlzIHVzZWQgdG8gcmV0dXJuIHRoZSBzZWxlY3RlZCBvcHRpb25zICovXG4gIGhhbmRsZVNlbGVjdGVkT3B0aW9uPzogKHNlbGVjdGVkT3B0aW9uOiBTZWxlY3RPcHRpb24pID0+IHZvaWQ7XG4gIC8qKiB0aGUgZGVmYXVsdCB2YWx1ZSBvZiB0aGUgc2VsZWN0IGlmIG5lZWRlZCAqL1xuICAvKiogVE9ETzogZGVmYXVsdFZhbHVlIGlzIGR1cGxpY2F0aW9uIG9mIHNlbGVjdGVkT3B0aW9uKi9cbiAgZGVmYXVsdFZhbHVlPzogU2VsZWN0T3B0aW9uO1xuICAvKiogdGhlIHZhbHVlIG9mIHRoZSBzZWxlY3QgaWYgc2VsZWN0IGlzIGNvbnRyb2xsZWQgKi9cbiAgc2VsZWN0ZWRPcHRpb24/OiBTZWxlY3RPcHRpb247XG4gIC8qKiBpZiB0aGUgc2VsZWN0IGhhcyB0YWdzICovXG4gIG11bHRpPzogYm9vbGVhbjtcbiAgLyoqIE9wdGlvbnMgZm9yIHRoZSBzZWxlY3QgZHJvcGRvd24gKi9cbiAgb3B0aW9uczogU2VsZWN0T3B0aW9uW107XG4gIC8qKiBpZiB0aGUgY29tcG9uZW50IGlzIHVzZWQgYXN5bmNocm9ub3VzbHkgKi9cbiAgaXNBc3luYz86IGJvb2xlYW47XG4gIC8qKiB0aGUgZnVuY3Rpb24gdG8gZmV0Y2ggbmV3IG9wdGlvbnMgKi9cbiAgYXN5bmNTZWFyY2g/OiAodGVybTogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogYWZ0ZXIgaG93IG1hbnkgY2hhcmFjdGVycyB0byBzdGFydCBzZWFyY2hpbmcgKGRlZmF1bHQgPSAwKSAqL1xuICBtaW5DaGFyYWN0ZXJzVG9TZWFyY2g/OiBudW1iZXI7XG4gIC8qKiBpZiBzZWFyY2hlZCB0ZXh0IHNob3VsZCBiZSBoaWdobGlnaHRlZCBpbiBhdmFpbGFibGUgb3B0aW9ucyAqL1xuICBoaWdobGlnaHRTZWFyY2g/OiBib29sZWFuO1xuICAvKiogaWYgdGhlIG9wdGlvbnMgYXJlIHNlYXJjaGFibGUgKi9cbiAgaXNTZWFyY2hhYmxlPzogYm9vbGVhbjtcbiAgLyoqIGRhdGEtdGVzdGlkIHN1ZmZpeCAqL1xuICBkYXRhVGVzdElkPzogc3RyaW5nO1xuICAvKiogaWYgY29tcG9uZW50IGlzIGxvYWRpbmcgKi9cbiAgaXNMb2FkaW5nPzogYm9vbGVhbjtcbiAgLyoqIGlmIG9wdGlvbnMgbGlzdCBpcyB2aXJ0dWFsaXplZCAqL1xuICBpc1ZpcnR1YWxpemVkPzogYm9vbGVhbjtcbn0gJiBUZXh0RmllbGRQcm9wcztcblxuY29uc3QgZW1wdHlWYWx1ZSA9IHsgbGFiZWw6ICcnLCB2YWx1ZTogJycgfTtcblxuLy8gTW9ja3Mgb25DaGFuZ2UgdG8gYXZvaWQgcmVhZG9ubHkgd2FybmluZyBmb3IgVGV4dEZpZWxkIENvbXBvbmVudFxuY29uc3QgT05fQ0hBTkdFX01PQ0sgPSAoKSA9PiB7fTtcblxudHlwZSBJbnB1dFByb3BzID0gUGFydGlhbDxPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdzaXplJz4+O1xuXG5jb25zdCBTZWxlY3QgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFByb3BzICYgSW5wdXRQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBoYW5kbGVTZWxlY3RlZE9wdGlvbiA9ICgpID0+IHt9LFxuICAgICAgZGVmYXVsdFZhbHVlID0gdW5kZWZpbmVkLFxuICAgICAgc2VsZWN0ZWRPcHRpb24gPSBlbXB0eVZhbHVlLFxuICAgICAgbXVsdGkgPSBmYWxzZSxcbiAgICAgIG9wdGlvbnMsXG4gICAgICBpc0FzeW5jID0gZmFsc2UsXG4gICAgICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgICAgIGFzeW5jU2VhcmNoID0gKCkgPT4ge30sXG4gICAgICBzdGF0dXMgPSAnbm9ybWFsJyxcbiAgICAgIG1pbkNoYXJhY3RlcnNUb1NlYXJjaCA9IDAsXG4gICAgICBoaWdobGlnaHRTZWFyY2ggPSBmYWxzZSxcbiAgICAgIGlzU2VhcmNoYWJsZSA9IHRydWUsXG4gICAgICBpc1ZpcnR1YWxpemVkID0gZmFsc2UsXG4gICAgICBzdHlsZVR5cGUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGxvY2tlZCxcbiAgICAgIGRhdGFUZXN0SWQsXG4gICAgICAuLi5yZXN0SW5wdXRQcm9wc1xuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBbb3Blbiwgc2V0T3Blbl0gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSBSZWFjdC51c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG4gICAgY29uc3QgY29tYmluZWRSZWZzID0gdXNlQ29tYmluZWRSZWZzKGlucHV0UmVmLCByZWYpO1xuICAgIGNvbnN0IFtpbnB1dFZhbHVlLCBzZXRJbnB1dFZhbHVlXSA9IFJlYWN0LnVzZVN0YXRlKGRlZmF1bHRWYWx1ZSB8fCBzZWxlY3RlZE9wdGlvbik7XG4gICAgY29uc3QgW3NlYXJjaFZhbHVlLCBzZXRTZWFyY2hWYWx1ZV0gPSBSZWFjdC51c2VTdGF0ZSgnJyk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0SW5wdXRWYWx1ZShkZWZhdWx0VmFsdWUgfHwgc2VsZWN0ZWRPcHRpb24pO1xuICAgIH0sIFtkZWZhdWx0VmFsdWUsIHNlbGVjdGVkT3B0aW9uXSk7XG5cbiAgICBjb25zdCBoYW5kbGVPcHRpb25DbGljayA9IChvcHRpb246IFNlbGVjdE9wdGlvbikgPT4ge1xuICAgICAgc2V0SW5wdXRWYWx1ZShvcHRpb24pO1xuICAgICAgc2V0T3BlbihmYWxzZSk7XG5cbiAgICAgIGlmIChpc1NlYXJjaGFibGUpIHtcbiAgICAgICAgc2V0U2VhcmNoVmFsdWUoJycpO1xuICAgICAgfVxuICAgICAgaGFuZGxlU2VsZWN0ZWRPcHRpb24ob3B0aW9uKTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlT25LZXlEb3duID0gKGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IGlzQmFja3NwYWNlS2V5ID0gZS5rZXlDb2RlID09PSA4O1xuXG4gICAgICBpZiAoaXNCYWNrc3BhY2VLZXkpIHtcbiAgICAgICAgc2V0SW5wdXRWYWx1ZShlbXB0eVZhbHVlKTtcbiAgICAgICAgZGVib3VuY2VkT25DaGFuZ2UoJycpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBkZWJvdW5jZWRPbkNoYW5nZSA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgICAgZGVib3VuY2UodGVybSA9PiB7XG4gICAgICAgIGFzeW5jU2VhcmNoKHRlcm0pO1xuICAgICAgfSwgNDAwKSxcbiAgICAgIFtdXG4gICAgKTtcblxuICAgIGNvbnN0IGhhbmRsZU9uSW5wdXQgPSBSZWFjdC51c2VDYWxsYmFjayhcbiAgICAgIChldmVudDogQ2hhbmdlRXZlbnQpID0+IHtcbiAgICAgICAgaGFuZGxlU2VhcmNoKHtcbiAgICAgICAgICBldmVudCxcbiAgICAgICAgICBpc1NlYXJjaGFibGUsXG4gICAgICAgICAgaXNBc3luYyxcbiAgICAgICAgICBzZXRTZWFyY2hWYWx1ZSxcbiAgICAgICAgICBvbkNoYW5nZTogZGVib3VuY2VkT25DaGFuZ2UsXG4gICAgICAgICAgbWluQ2hhcmFjdGVyc1RvU2VhcmNoLFxuICAgICAgICB9KTtcbiAgICAgIH0sXG4gICAgICBbZGVib3VuY2VkT25DaGFuZ2UsIGlzQXN5bmMsIGlzU2VhcmNoYWJsZSwgbWluQ2hhcmFjdGVyc1RvU2VhcmNoXVxuICAgICk7XG5cbiAgICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmIChpc0FzeW5jKSB7XG4gICAgICAgIHJldHVybiBvcHRpb25zO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gb3B0aW9uc1xuICAgICAgICAuZmlsdGVyKFxuICAgICAgICAgIG9wdGlvbiA9PlxuICAgICAgICAgICAgIXNlYXJjaFZhbHVlIHx8XG4gICAgICAgICAgICBvcHRpb24ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzZWFyY2hWYWx1ZS50b0xvd2VyQ2FzZSgpKSB8fFxuICAgICAgICAgICAgISFvcHRpb24ub3B0aW9ucz8uZmluZChvcHRpb24gPT5cbiAgICAgICAgICAgICAgb3B0aW9uLmxhYmVsLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoc2VhcmNoVmFsdWUudG9Mb3dlckNhc2UoKSlcbiAgICAgICAgICAgIClcbiAgICAgICAgKVxuICAgICAgICAubWFwKG9wdGlvbiA9PiB7XG4gICAgICAgICAgcmV0dXJuIG9wdGlvbi5sYWJlbC50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHNlYXJjaFZhbHVlLnRvTG93ZXJDYXNlKCkpXG4gICAgICAgICAgICA/IG9wdGlvblxuICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgLi4ub3B0aW9uLFxuICAgICAgICAgICAgICAgIG9wdGlvbnM6IG9wdGlvbi5vcHRpb25zPy5maWx0ZXIob3B0aW9uID0+XG4gICAgICAgICAgICAgICAgICBvcHRpb24ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzZWFyY2hWYWx1ZS50b0xvd2VyQ2FzZSgpKVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH0sIFtzZWFyY2hWYWx1ZSwgb3B0aW9ucywgaXNBc3luY10pO1xuXG4gICAgY29uc3QgcmlnaHRJY29uUmVuZGVyID0gdXNlTWVtbyhcbiAgICAgICgpID0+IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogJHtyZW0oMjUpfTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2lzTG9hZGluZyAmJiA8TG9hZGVyIC8+fVxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPXsyMH1cbiAgICAgICAgICAgIG5hbWU9e29wZW4gPyAnY2hldnJvbkxhcmdlVXAnIDogJ2NoZXZyb25MYXJnZURvd24nfVxuICAgICAgICAgICAgY29sb3I9e3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaXNTZWFyY2hhYmxlICYmIG9wZW4gJiYgc2V0T3Blbighb3Blbil9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApLFxuICAgICAgW29wZW4sIHRoZW1lLnV0aWxzLCBzZXRPcGVuLCBpc1NlYXJjaGFibGUsIGlzTG9hZGluZ11cbiAgICApO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoKSA9PiB7XG4gICAgICBpZiAoIW9wZW4pIHtcbiAgICAgICAgc2V0T3Blbih0cnVlKTtcbiAgICAgICAgY29tYmluZWRSZWZzPy5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgfSBlbHNlIGlmICghaXNTZWFyY2hhYmxlKSB7XG4gICAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgICAgICBjb21iaW5lZFJlZnM/LmN1cnJlbnQ/LmJsdXIoKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxDbGlja0F3YXlMaXN0ZW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgICAgc2V0U2VhcmNoVmFsdWUoJycpO1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgey4uLighKGRpc2FibGVkIHx8IGxvY2tlZCkgJiYgeyBvbkNsaWNrOiBoYW5kbGVDbGljayB9KX1cbiAgICAgICAgICBjc3M9e3NlbGVjdFdyYXBwZXIoeyBvcGVuLCBzdGF0dXMsIHN0eWxlVHlwZSwgaXNTZWFyY2hhYmxlIH0pfVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgc3R5bGVUeXBlPXtzdHlsZVR5cGV9XG4gICAgICAgICAgICByaWdodEljb249e3JpZ2h0SWNvblJlbmRlcn1cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlT25LZXlEb3dufVxuICAgICAgICAgICAgb25JbnB1dD17aGFuZGxlT25JbnB1dH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtPTl9DSEFOR0VfTU9DS31cbiAgICAgICAgICAgIHJlYWRPbmx5PXshaXNTZWFyY2hhYmxlfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgbG9ja2VkPXtsb2NrZWR9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17Z2VuZXJhdGVUZXN0RGF0YUlkKCdzZWxlY3QtaW5wdXQnLCBkYXRhVGVzdElkKX1cbiAgICAgICAgICAgIHsuLi5yZXN0SW5wdXRQcm9wc31cbiAgICAgICAgICAgIHN0YXR1cz17c3RhdHVzfVxuICAgICAgICAgICAgdmFsdWU9e3NlYXJjaFZhbHVlIHx8IGlucHV0VmFsdWUubGFiZWx9XG4gICAgICAgICAgICByZWY9e2NvbWJpbmVkUmVmc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtvcGVuICYmIChcbiAgICAgICAgICAgIDxTZWxlY3RNZW51XG4gICAgICAgICAgICAgIGZpbHRlcmVkT3B0aW9ucz17ZmlsdGVyZWRPcHRpb25zfVxuICAgICAgICAgICAgICBoYW5kbGVPcHRpb25DbGljaz17aGFuZGxlT3B0aW9uQ2xpY2t9XG4gICAgICAgICAgICAgIHNlbGVjdGVkT3B0aW9uPXtpbnB1dFZhbHVlLnZhbHVlfVxuICAgICAgICAgICAgICBzaXplPXtyZXN0SW5wdXRQcm9wcy5zaXplfVxuICAgICAgICAgICAgICBzdGF0dXM9e3N0YXR1c31cbiAgICAgICAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgICAgICAgIGlzVmlydHVhbGl6ZWQ9e2lzVmlydHVhbGl6ZWR9XG4gICAgICAgICAgICAgIHNlYXJjaFRlcm09e2hpZ2hsaWdodFNlYXJjaCA/IHNlYXJjaFZhbHVlIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvQ2xpY2tBd2F5TGlzdGVuZXI+XG4gICAgKTtcbiAgfVxuKTtcblxuU2VsZWN0LmRpc3BsYXlOYW1lID0gJ1NlbGVjdCc7XG5cbmV4cG9ydCBkZWZhdWx0IFNlbGVjdDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconRender;")
     }, isLoading && (0, _react.jsx)(_Loader["default"], null), (0, _react.jsx)(_Icon["default"], {
       size: 20,
       name: open ? 'chevronLargeUp' : 'chevronLargeDown',

package/dist/components/Tooltip/Tooltip.style.js

@@ -33,7 +33,7 @@ var tooltipStyle = function tooltipStyle(_ref) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("background:transparent;.tippy-content{color:", (0, _palette.pickTextColorFromSwatches)(color, shade), ";background-color:", backgroundColor, ";max-width:", (0, _utils.rem)(256), ";padding:", theme.spacing.sm, ";font-size:", defineFontSizeBasedOnTooltipSize(size), ";line-height:110%;border-radius:", theme.spacing.sm, ";text-align:justify;}.tippy-arrow{color:", backgroundColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QlkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IHBpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IFRvb2x0aXBTaXplIH0gZnJvbSAnLi9Ub29sdGlwJztcbmltcG9ydCAndGlwcHkuanMvZGlzdC90aXBweS5jc3MnO1xuXG5leHBvcnQgY29uc3QgdG9vbHRpcFN0eWxlID0gKHtcbiAgc2l6ZSxcbiAgaXNUcmFuc3BhcmVudCxcbn06IHtcbiAgc2l6ZTogVG9vbHRpcFNpemU7XG4gIGlzVHJhbnNwYXJlbnQ6IGJvb2xlYW47XG59KSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGNvbG9yID0gJ2RhcmtHcmV5JztcbiAgY29uc3Qgc2hhZGUgPSA4NTA7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IGlzVHJhbnNwYXJlbnQgPyAndHJhbnNwYXJlbnQnIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoY29sb3IsIHNoYWRlKTtcblxuICBjb25zdCBkZWZpbmVGb250U2l6ZUJhc2VkT25Ub29sdGlwU2l6ZSA9IChzaXplOiBUb29sdGlwU2l6ZSkgPT4ge1xuICAgIGlmIChzaXplID09PSAnbGFyZ2UnKSB7XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE2J107XG4gICAgfSBlbHNlIGlmIChzaXplID09PSAnc21hbGwnKSB7XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEyJ107XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxNCddO1xuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgLnRpcHB5LWNvbnRlbnQge1xuICAgICAgY29sb3I6ICR7cGlja1RleHRDb2xvckZyb21Td2F0Y2hlcyhjb2xvciwgc2hhZGUpfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZENvbG9yfTtcbiAgICAgIG1heC13aWR0aDogJHtyZW0oMjU2KX07XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219O1xuICAgICAgZm9udC1zaXplOiAke2RlZmluZUZvbnRTaXplQmFzZWRPblRvb2x0aXBTaXplKHNpemUpfTtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxMTAlO1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICAgIHRleHQtYWxpZ246IGp1c3RpZnk7XG4gICAgfVxuICAgIC50aXBweS1hcnJvdyB7XG4gICAgICBjb2xvcjogJHtiYWNrZ3JvdW5kQ29sb3J9O1xuICAgIH1cbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;")
+      (0, _react.css)("background:transparent;.tippy-content{color:", (0, _palette.pickTextColorFromSwatches)(color, shade), ";background-color:", backgroundColor, ";max-width:", (0, _utils.rem)(256), ";padding:", theme.spacing.sm, ";font-size:", defineFontSizeBasedOnTooltipSize(size), ";line-height:110%;border-radius:", theme.spacing.sm, ";text-align:start;}.tippy-arrow{color:", backgroundColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QlkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IHBpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IFRvb2x0aXBTaXplIH0gZnJvbSAnLi9Ub29sdGlwJztcbmltcG9ydCAndGlwcHkuanMvZGlzdC90aXBweS5jc3MnO1xuXG5leHBvcnQgY29uc3QgdG9vbHRpcFN0eWxlID0gKHtcbiAgc2l6ZSxcbiAgaXNUcmFuc3BhcmVudCxcbn06IHtcbiAgc2l6ZTogVG9vbHRpcFNpemU7XG4gIGlzVHJhbnNwYXJlbnQ6IGJvb2xlYW47XG59KSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGNvbG9yID0gJ2RhcmtHcmV5JztcbiAgY29uc3Qgc2hhZGUgPSA4NTA7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IGlzVHJhbnNwYXJlbnQgPyAndHJhbnNwYXJlbnQnIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoY29sb3IsIHNoYWRlKTtcblxuICBjb25zdCBkZWZpbmVGb250U2l6ZUJhc2VkT25Ub29sdGlwU2l6ZSA9IChzaXplOiBUb29sdGlwU2l6ZSkgPT4ge1xuICAgIGlmIChzaXplID09PSAnbGFyZ2UnKSB7XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE2J107XG4gICAgfSBlbHNlIGlmIChzaXplID09PSAnc21hbGwnKSB7XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEyJ107XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxNCddO1xuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgLnRpcHB5LWNvbnRlbnQge1xuICAgICAgY29sb3I6ICR7cGlja1RleHRDb2xvckZyb21Td2F0Y2hlcyhjb2xvciwgc2hhZGUpfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZENvbG9yfTtcbiAgICAgIG1heC13aWR0aDogJHtyZW0oMjU2KX07XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219O1xuICAgICAgZm9udC1zaXplOiAke2RlZmluZUZvbnRTaXplQmFzZWRPblRvb2x0aXBTaXplKHNpemUpfTtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxMTAlO1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICAgIHRleHQtYWxpZ246IHN0YXJ0O1xuICAgIH1cbiAgICAudGlwcHktYXJyb3cge1xuICAgICAgY29sb3I6ICR7YmFja2dyb3VuZENvbG9yfTtcbiAgICB9XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;")
     );
   };
 };

package/dist/theme/elevation.js

@@ -3,10 +3,10 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 var elevation = {
-  '01': '0px 2px 4px rgba(0, 0, 0, 0.07)',
-  '02': '0px 4px 8px rgba(0, 0, 0, 0.07)',
-  '03': '0px 8px 16px rgba(0, 0, 0, 0.07)',
-  '04': '0px 16px 24px rgba(0, 0, 0, 0.07)'
+  '01': '0px 2px 5px rgba(16, 48, 102, 0.07)',
+  '02': '0px 4px 8px rgba(16, 48, 102, 0.07)',
+  '03': '0px 8px 16px rgba(16, 48, 102, 0.07)',
+  '04': '0px 16px 24px rgba(16, 48, 102, 0.07)'
 };
 var _default = elevation;
 exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.8.1",
+  "version": "4.9.3",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",