@luscii-healthtech/web-ui 0.1.26 → 0.1.29

package/dist/components/ButtonV2/ButtonV2.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { ButtonProps } from "./ButtonProps.type";
-export declare const ButtonV2: (props: ButtonProps) => JSX.Element;
+export declare const ButtonV2: ({ onClick, text, icon, isDisabled, isPending, className, ...otherAttributes }: ButtonProps) => JSX.Element;

package/dist/web-ui.cjs.development.css

@@ -1,3 +1,38 @@
+.cweb-acknowledgement {
+  position: fixed;
+  left: 0;
+  right: 0;
+  z-index: 10000;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  top: 0;
+  margin: 0 auto;
+  opacity: 0;
+  width: 354px;
+  max-width: calc(100% - 6px);
+  box-shadow: 0 0 20px 0 rgba(106, 191, 165, 0.2);
+  padding: 16px;
+  border-radius: 8px;
+  transform: translateY(-100%);
+  transition: transform ease-out 400ms, opacity 1ms linear 500ms; }
+  .cweb-acknowledgement > .acknowledgement-icon-container {
+    width: 48px;
+    height: 48px;
+    margin-bottom: 12px; }
+    .cweb-acknowledgement > .acknowledgement-icon-container > .acknowledgement-icon {
+      width: 100%;
+      height: 100%; }
+  .cweb-acknowledgement.type-success {
+    background: #e7f5ec; }
+  .cweb-acknowledgement.type-failure {
+    background: #fff1f1; }
+  .cweb-acknowledgement.is-visible {
+    opacity: 1;
+    transform: translateY(32px);
+    transition: transform ease-in 150ms; }
+
 .cweb-avatar {
   display: flex;
   justify-content: flex-start;
@@ -83,41 +118,6 @@
       .cweb-avatar.size-large.display-initials > .avatar-content-container {
         border-width: 0.5px; } }
 
-.cweb-acknowledgement {
-  position: fixed;
-  left: 0;
-  right: 0;
-  z-index: 10000;
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  align-items: center;
-  top: 0;
-  margin: 0 auto;
-  opacity: 0;
-  width: 354px;
-  max-width: calc(100% - 6px);
-  box-shadow: 0 0 20px 0 rgba(106, 191, 165, 0.2);
-  padding: 16px;
-  border-radius: 8px;
-  transform: translateY(-100%);
-  transition: transform ease-out 400ms, opacity 1ms linear 500ms; }
-  .cweb-acknowledgement > .acknowledgement-icon-container {
-    width: 48px;
-    height: 48px;
-    margin-bottom: 12px; }
-    .cweb-acknowledgement > .acknowledgement-icon-container > .acknowledgement-icon {
-      width: 100%;
-      height: 100%; }
-  .cweb-acknowledgement.type-success {
-    background: #e7f5ec; }
-  .cweb-acknowledgement.type-failure {
-    background: #fff1f1; }
-  .cweb-acknowledgement.is-visible {
-    opacity: 1;
-    transform: translateY(32px);
-    transition: transform ease-in 150ms; }
-
 .cweb-checkbox {
   outline: none;
   transition: all 0.3s ease; }
@@ -798,17 +798,6 @@
     width: 32px;
     height: 32px; }
 
-.ql-editor {
-  resize: vertical;
-  min-height: 10rem; }
-
-.ql-snow.ql-toolbar {
-  display: block;
-  background: #f1f5f9;
-  border-top-left-radius: 0.5em;
-  border-top-right-radius: 0.5em;
-  margin-top: 0.5em; }
-
 .cweb-textarea {
   border: 1px solid #cccccc;
   border-radius: 4px;
@@ -840,6 +829,17 @@
     border: 1px solid #ff6266;
     color: #ff6266; }
 
+.ql-editor {
+  resize: vertical;
+  min-height: 10rem; }
+
+.ql-snow.ql-toolbar {
+  display: block;
+  background: #f1f5f9;
+  border-top-left-radius: 0.5em;
+  border-top-right-radius: 0.5em;
+  margin-top: 0.5em; }
+
 .editor .rdw-editor {
   overflow-y: auto; }
   .editor .rdw-editor .rdw-link-modal {

package/dist/web-ui.cjs.development.js

@@ -238,6 +238,53 @@ var Badge = function Badge(props) {
   }, props.badgeCount));
 };
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
 var Spinner = function Spinner(props) {
   return /*#__PURE__*/React__default.createElement("svg", {
     className: "w-5 h-5 animate-spin " + props.className,
@@ -258,30 +305,39 @@ var Spinner = function Spinner(props) {
   }));
 };
 
-var ButtonV2 = function ButtonV2(props) {
-  if (!props.text && !props.icon) {
+var _excluded = ["onClick", "text", "icon", "isDisabled", "isPending", "className"];
+var ButtonV2 = function ButtonV2(_ref) {
+  var onClick = _ref.onClick,
+      text = _ref.text,
+      icon = _ref.icon,
+      isDisabled = _ref.isDisabled,
+      isPending = _ref.isPending,
+      className = _ref.className,
+      otherAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  if (!text && !icon) {
     console.error("A text or an icon is required to use this component, please make sure to pass at least one of them as a prop.");
     return /*#__PURE__*/React__default.createElement("span", null, "Invalid props passed to this component.");
   }
 
   var buttonClassName = classNames(["h-11", "relative flex flex-row justify-center items-center", "border", "transition-outline transition-colors duration-300 ease-in-out", "rounded-full", "leading-none", "shadow-sm", "cursor-pointer", "focus:outline-primary"], {
-    "w-11": !props.text && props.icon,
-    "px-4": props.text,
-    "py-2": props.text && props.icon,
-    "py-3": props.text && !props.icon
+    "w-11": !text && icon,
+    "px-4": text,
+    "py-2.5": text && icon,
+    "py-3": text && !icon
   }, {
-    "opacity-50": props.isDisabled,
-    "pointer-events-none": props.isDisabled || props.isPending
-  }, props.className);
-  return /*#__PURE__*/React__default.createElement("button", Object.assign({}, props, {
+    "opacity-50": isDisabled,
+    "pointer-events-none": isDisabled || isPending
+  }, className);
+  return /*#__PURE__*/React__default.createElement("button", Object.assign({}, otherAttributes, {
     className: buttonClassName,
     type: "button",
-    onClick: props.onClick,
-    disabled: props.isDisabled,
-    "aria-disabled": props.isDisabled
-  }), props.icon && /*#__PURE__*/React__default.createElement(props.icon, {
-    className: "w-5 h-5"
-  }), props.isPending && /*#__PURE__*/React__default.createElement("span", {
+    onClick: onClick,
+    disabled: isDisabled,
+    "aria-disabled": isDisabled
+  }), icon && /*#__PURE__*/React__default.createElement(icon, {
+    className: "w-6 h-6"
+  }), isPending && /*#__PURE__*/React__default.createElement("span", {
     className: "opacity-100",
     // IE11 center translate fix
     style: {
@@ -292,12 +348,12 @@ var ButtonV2 = function ButtonV2(props) {
     }
   }, /*#__PURE__*/React__default.createElement(Spinner, {
     className: "text-white"
-  })), props.text && /*#__PURE__*/React__default.createElement("span", {
+  })), text && /*#__PURE__*/React__default.createElement("span", {
     className: classNames("text-sm font-medium", {
-      invisible: props.isPending,
-      "ml-1": props.icon
+      invisible: isPending,
+      "ml-1": icon
     })
-  }, props.text));
+  }, text));
 };
 
 var PrimaryButton = function PrimaryButton(props) {
@@ -318,53 +374,6 @@ var TertiaryButton = function TertiaryButton(props) {
   }));
 };
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-
-  _setPrototypeOf(subClass, superClass);
-}
-
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
 var AddIcon = function AddIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", {
     className: props.className,
@@ -561,7 +570,7 @@ var BUTTON_ROLES = {
   ICON: "icon"
 };
 
-var _excluded = ["text", "role", "type", "title", "link", "isPending", "isDisabled", "onClick", "className", "iconName", "hasIcon", "dynamicIcon"];
+var _excluded$1 = ["text", "role", "type", "title", "link", "isPending", "isDisabled", "onClick", "className", "iconName", "hasIcon", "dynamicIcon"];
 
 function Button(props) {
   var _props$text = props.text,
@@ -586,7 +595,7 @@ function Button(props) {
       _props$hasIcon = props.hasIcon,
       hasIconProps = _props$hasIcon === void 0 ? false : _props$hasIcon,
       dynamicIcon = props.dynamicIcon,
-      otherAttributes = _objectWithoutPropertiesLoose(props, _excluded);
+      otherAttributes = _objectWithoutPropertiesLoose(props, _excluded$1);
 
   var hasAddIcon = className.includes("add-button");
   var hasEditIcon = className.includes("edit-button");
@@ -1034,13 +1043,13 @@ function Modal(_ref) {
   }, children) : null);
 }
 
-var _excluded$1 = ["buttons", "buttonsAlignment", "children"];
+var _excluded$2 = ["buttons", "buttonsAlignment", "children"];
 var ModalWithButtons = function ModalWithButtons(props) {
   var buttons = props.buttons,
       _props$buttonsAlignme = props.buttonsAlignment,
       buttonsAlignment = _props$buttonsAlignme === void 0 ? "justify-between" : _props$buttonsAlignme,
       children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$2);
 
   return /*#__PURE__*/React__default.createElement(Modal, Object.assign({}, rest, {
     withPadding: false
@@ -1105,7 +1114,7 @@ ConfirmationDialog.defaultProps = {
   showHeader: true
 };
 
-var _excluded$2 = ["className", "hasCloseButton", "closeButtonText", "adjustDateOnChange", "showMonthDropdown", "showYearDropdown", "shouldCloseOnSelect", "allowSameDay", "minDate", "maxDate", "isDisabled", "selected"];
+var _excluded$3 = ["className", "hasCloseButton", "closeButtonText", "adjustDateOnChange", "showMonthDropdown", "showYearDropdown", "shouldCloseOnSelect", "allowSameDay", "minDate", "maxDate", "isDisabled", "selected"];
 
 var Datepicker = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Datepicker, _Component);
@@ -1160,7 +1169,7 @@ var Datepicker = /*#__PURE__*/function (_Component) {
         _this$props2$isDisabl = _this$props2.isDisabled,
         isDisabled = _this$props2$isDisabl === void 0 ? false : _this$props2$isDisabl,
         selected = _this$props2.selected,
-        otherProps = _objectWithoutPropertiesLoose(_this$props2, _excluded$2);
+        otherProps = _objectWithoutPropertiesLoose(_this$props2, _excluded$3);
 
     var dateFormat = this.getDateFormat();
     var pickerClassName = classNames("cweb-datepicker text-slate-700 text-sm", className);
@@ -1218,7 +1227,7 @@ Datepicker.propTypes = {
 
 var doubleChevron = "<svg width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z\" fill=\"#9CA3AF\"/>\n</svg>";
 
-var _excluded$3 = ["placeholder", "className", "initialSelectedItemId", "onItemSelect", "items", "wider"];
+var _excluded$4 = ["placeholder", "className", "initialSelectedItemId", "onItemSelect", "items", "wider"];
 var ITEM_QUERY_FIELD_NAMES = {
   ID: "id",
   HIGHLIGHT_INDEX: "highlightIndex"
@@ -1490,7 +1499,7 @@ var Dropdown = /*#__PURE__*/function (_PureComponent) {
         _this$props$placehold = _this$props.placeholder,
         placeholder = _this$props$placehold === void 0 ? "" : _this$props$placehold,
         className = _this$props.className,
-        otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded$3);
+        otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded$4);
 
     var _this$state2 = this.state,
         selectedItem = _this$state2.selectedItem,
@@ -1610,7 +1619,7 @@ var EmptyListMessage = function EmptyListMessage(_ref) {
   }));
 };
 
-var _excluded$4 = ["message", "className"];
+var _excluded$5 = ["message", "className"];
 ErrorBlock.propTypes = {
   message: PropTypes.string.isRequired,
   className: PropTypes.string
@@ -1620,7 +1629,7 @@ function ErrorBlock(_ref) {
   var message = _ref.message,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
   var containerClassName = classNames("cweb-error-block", className);
   return /*#__PURE__*/React__default.createElement("div", {
@@ -1720,7 +1729,7 @@ InfoField.defaultProps = {
 
 var cross = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.4194 5.66942C14.7681 6.0181 14.7681 6.58343 14.4194 6.93211L11.2627 10.0888L14.4194 13.2456C14.7681 13.5942 14.7681 14.1596 14.4194 14.5083C14.0707 14.8569 13.5054 14.8569 13.1567 14.5083L10 11.3515L6.84327 14.5083C6.49459 14.8569 5.92927 14.8569 5.58058 14.5083C5.2319 14.1596 5.2319 13.5942 5.58058 13.2456L8.73731 10.0888L5.58058 6.93211C5.2319 6.58343 5.2319 6.0181 5.58058 5.66942C5.92927 5.32073 6.49459 5.32073 6.84327 5.66942L10 8.82614L13.1567 5.66942C13.5054 5.32073 14.0707 5.32073 14.4194 5.66942Z\" fill=\"#D1D5DB\"/>\n</svg>";
 
-var _excluded$5 = ["withSuffix", "withPrefix", "className", "clearable", "type", "isDisabled", "icon", "setRef", "onChange", "name", "value"];
+var _excluded$6 = ["withSuffix", "withPrefix", "className", "clearable", "type", "isDisabled", "icon", "setRef", "onChange", "name", "value"];
 var INPUT_TYPES = {
   EMAIL: "email",
   NUMBER: "number",
@@ -1769,7 +1778,7 @@ function Input(_ref) {
       onChange = _ref.onChange,
       name = _ref.name,
       value = _ref.value,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$6);
 
   var hasNoExtraContent = withPrefix === "" && withSuffix === "";
   var style;
@@ -1872,12 +1881,12 @@ Line.propTypes = {
   className: PropTypes.string
 };
 
-var _excluded$6 = ["children", "className", "onClick"];
+var _excluded$7 = ["children", "className", "onClick"];
 var ListItem = function ListItem(props) {
   var children = props.children,
       className = props.className,
       onClick = props.onClick,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$6);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$7);
 
   var classes = classNames("cweb-list-item", className, {
     "cweb-list-item-clickable": !!onClick
@@ -2148,7 +2157,7 @@ var spinner = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://ww
 
 var graySpinner = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin: auto; background: none; display: block; shape-rendering: auto;\" width=\"200px\" height=\"200px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n<circle cx=\"50\" cy=\"50\" fill=\"none\" stroke=\"#cbd5e1\" stroke-width=\"16\" r=\"36\" stroke-dasharray=\"169.64600329384882 58.548667764616276\">\n  <animateTransform attributeName=\"transform\" type=\"rotate\" repeatCount=\"indefinite\" dur=\"1.1111111111111112s\" values=\"0 50 50;360 50 50\" keyTimes=\"0;1\"></animateTransform>\n</circle>\n<!-- [ldio] generated by https://loading.io/ --></svg>";
 
-var _excluded$7 = ["asModal", "asSpinner", "className", "spinnerColor"];
+var _excluded$8 = ["asModal", "asSpinner", "className", "spinnerColor"];
 function LoadingIndicator(_ref) {
   var _ref$asModal = _ref.asModal,
       asModal = _ref$asModal === void 0 ? false : _ref$asModal,
@@ -2158,7 +2167,7 @@ function LoadingIndicator(_ref) {
       className = _ref$className === void 0 ? "" : _ref$className,
       _ref$spinnerColor = _ref.spinnerColor,
       spinnerColor = _ref$spinnerColor === void 0 ? "blue" : _ref$spinnerColor,
-      restProps = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+      restProps = _objectWithoutPropertiesLoose(_ref, _excluded$8);
 
   var spinnerToRender = spinnerColor === "blue" ? spinner : graySpinner;
   var containerClassName = classNames("cweb-loading", className, {
@@ -2278,7 +2287,7 @@ function ListTableHeader(_ref) {
   })));
 }
 
-var _excluded$8 = ["items", "configuration", "pageCount", "currentPage", "onPageClick", "onRowClick", "isLoading", "showHeader", "className", "localization"];
+var _excluded$9 = ["items", "configuration", "pageCount", "currentPage", "onPageClick", "onRowClick", "isLoading", "showHeader", "className", "localization"];
 function ListTable(_ref) {
   var _ref$items = _ref.items,
       items = _ref$items === void 0 ? [] : _ref$items,
@@ -2295,7 +2304,7 @@ function ListTable(_ref) {
       showHeader = _ref$showHeader === void 0 ? true : _ref$showHeader,
       className = _ref.className,
       localization = _ref.localization,
-      restProps = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+      restProps = _objectWithoutPropertiesLoose(_ref, _excluded$9);
 
   // For not displaying empty view at creation
   var _useState = React.useState(true),
@@ -2427,7 +2436,7 @@ Menu.propTypes = {
   children: PropTypes.node.isRequired
 };
 
-var _excluded$9 = ["text", "type", "level", "className", "containsDangerousHtml"];
+var _excluded$a = ["text", "type", "level", "className", "containsDangerousHtml"];
 var TEXT_TYPE_OPTIONS = {
   DEFAULT: "default",
   STRONG: "strong",
@@ -2464,7 +2473,7 @@ function LegacyText(_ref) {
       className = _ref$className === void 0 ? "" : _ref$className,
       _ref$containsDangerou = _ref.containsDangerousHtml,
       containsDangerousHtml = _ref$containsDangerou === void 0 ? false : _ref$containsDangerou,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$9);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$a);
 
   var containerClassName = classNames("cweb-text", className, {
     "type-default": type === TEXT_TYPE_OPTIONS.DEFAULT,
@@ -2906,7 +2915,7 @@ Page.propTypes = {
   navLayoutProps: PropTypes.object
 };
 
-var _excluded$a = ["text", "type", "className"];
+var _excluded$b = ["text", "type", "className"];
 var TITLE_TYPE_OPTIONS = {
   DEFAULT: "default",
   BIG: "big",
@@ -2925,7 +2934,7 @@ function LegacyTitle(_ref) {
       type = _ref.type,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$b);
 
   var ContainerElement;
   var containerClassName = classNames("cweb-title", className, {
@@ -3297,7 +3306,7 @@ Radio.propTypes = {
   onChange: PropTypes.func
 };
 
-var _excluded$b = ["className", "radioClassName", "name", "selectedOption", "isVertical", "radioOptions", "onChange", "error", "isDisabled"];
+var _excluded$c = ["className", "radioClassName", "name", "selectedOption", "isVertical", "radioOptions", "onChange", "error", "isDisabled"];
 
 function RadioGroup(_ref) {
   var className = _ref.className,
@@ -3309,7 +3318,7 @@ function RadioGroup(_ref) {
       onChange = _ref.onChange,
       error = _ref.error,
       isDisabled = _ref.isDisabled,
-      otherOptions = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+      otherOptions = _objectWithoutPropertiesLoose(_ref, _excluded$c);
 
   var containerClassName = classNames("cweb-radio-group", {
     vertical: isVertical
@@ -3352,7 +3361,7 @@ RadioGroup.propTypes = {
   onChange: PropTypes.func
 };
 
-var _excluded$c = ["title", "buttons", "children", "className", "isLoading", "loadingIndicatorProps"];
+var _excluded$d = ["title", "buttons", "children", "className", "isLoading", "loadingIndicatorProps"];
 function Section(_ref) {
   var title = _ref.title,
       buttons = _ref.buttons,
@@ -3361,7 +3370,7 @@ function Section(_ref) {
       _ref$isLoading = _ref.isLoading,
       isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
       loadingIndicatorProps = _ref.loadingIndicatorProps,
-      restProps = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+      restProps = _objectWithoutPropertiesLoose(_ref, _excluded$d);
 
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, restProps, {
     className: classNames("cweb-section", "flex justify-start flex-col items-start", "rounded-lg", "mx-0 my-4", "bg-white", "w-full", className)
@@ -3786,7 +3795,7 @@ var Tag = function Tag(_ref) {
   }));
 };
 
-var _excluded$d = ["className", "value", "name", "placeholder", "maxLength", "rows", "resizable", "isDisabled", "icon", "onChange", "onBlur", "onFocus", "onKeyPress", "onKeyDown", "onCtrlEnter"];
+var _excluded$e = ["className", "value", "name", "placeholder", "maxLength", "rows", "resizable", "isDisabled", "icon", "onChange", "onBlur", "onFocus", "onKeyPress", "onKeyDown", "onCtrlEnter"];
 var RESIZE_TYPES = {
   NONE: "none",
   BOTH: "both",
@@ -3830,7 +3839,7 @@ function Textarea(props) {
       onKeyPress = props.onKeyPress,
       _onKeyDown = props.onKeyDown,
       onCtrlEnter = props.onCtrlEnter,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$d);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$e);
 
   var style;
 
@@ -3972,7 +3981,7 @@ var TextEditorV2 = function TextEditorV2(_ref) {
   }));
 };
 
-var _excluded$e = ["text", "icon", "className", "iconClass", "onClick"];
+var _excluded$f = ["text", "icon", "className", "iconClass", "onClick"];
 
 function TextListItem(props) {
   var text = props.text,
@@ -3980,7 +3989,7 @@ function TextListItem(props) {
       className = props.className,
       iconClass = props.iconClass,
       onClick = props.onClick,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$e);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$f);
 
   var mergedClasses = classNames("cweb-text-list-item", className);
   var iconClasses = classNames("cweb-text-list-item-icon", iconClass);
@@ -4004,7 +4013,7 @@ TextListItem.propTypes = {
   onClick: PropTypes.func
 };
 
-var _excluded$f = ["titleProps", "title", "titleAccessory", "contentProps", "content", "defaultContent", "className", "buttons"];
+var _excluded$g = ["titleProps", "title", "titleAccessory", "contentProps", "content", "defaultContent", "className", "buttons"];
 function ViewItem(_ref) {
   var titleProps = _ref.titleProps,
       title = _ref.title,
@@ -4015,7 +4024,7 @@ function ViewItem(_ref) {
       defaultContent = _ref$defaultContent === void 0 ? "-" : _ref$defaultContent,
       className = _ref.className,
       buttons = _ref.buttons,
-      restProps = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+      restProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
 
   var titlePropsMerged = titleProps != null ? titleProps : {
     text: title != null ? title : defaultContent
@@ -4845,13 +4854,13 @@ var SearchIcon$1 = function SearchIcon(props) {
     className: props.className,
     onClick: props.onClick,
     role: props.onClick ? "button" : undefined,
-    width: "18",
-    height: "18",
-    viewBox: "0 0 18 18",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M12.5006 11.0006H11.7106L11.4306 10.7306C12.6306 9.33063 13.2506 7.42063 12.9106 5.39063C12.4406 2.61063 10.1206 0.390626 7.32063 0.0506256C3.09063 -0.469374 -0.469374 3.09063 0.0506256 7.32063C0.390626 10.1206 2.61063 12.4406 5.39063 12.9106C7.42063 13.2506 9.33063 12.6306 10.7306 11.4306L11.0006 11.7106V12.5006L15.2506 16.7506C15.6606 17.1606 16.3306 17.1606 16.7406 16.7506C17.1506 16.3406 17.1506 15.6706 16.7406 15.2606L12.5006 11.0006ZM6.50063 11.0006C4.01063 11.0006 2.00063 8.99063 2.00063 6.50063C2.00063 4.01063 4.01063 2.00063 6.50063 2.00063C8.99063 2.00063 11.0006 4.01063 11.0006 6.50063C11.0006 8.99063 8.99063 11.0006 6.50063 11.0006Z",
+    d: "M15.5 13.9996H14.71L14.43 13.7296C15.63 12.3296 16.25 10.4196 15.91 8.38965C15.44 5.60965 13.12 3.38965 10.32 3.04965C6.09001 2.52965 2.53002 6.08965 3.05002 10.3196C3.39002 13.1196 5.61002 15.4396 8.39002 15.9096C10.42 16.2496 12.33 15.6296 13.73 14.4296L14 14.7096V15.4996L18.25 19.7496C18.66 20.1596 19.33 20.1596 19.74 19.7496C20.15 19.3396 20.15 18.6696 19.74 18.2596L15.5 13.9996ZM9.50002 13.9996C7.01002 13.9996 5.00002 11.9896 5.00002 9.49965C5.00002 7.00965 7.01002 4.99965 9.50002 4.99965C11.99 4.99965 14 7.00965 14 9.49965C14 11.9896 11.99 13.9996 9.50002 13.9996Z",
     fill: "currentColor"
   }));
 };