@luminati-io/uikit 3.5.1 → 3.5.3

package/dist/umd/uikit.development.js

@@ -261,16 +261,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _upload_svg__WEBPACK_IMPORTED_MODULE_236__ = __webpack_require__(/*! ./upload.svg */ "./assets/icons/upload.svg");
 /* harmony import */ var _url_svg__WEBPACK_IMPORTED_MODULE_237__ = __webpack_require__(/*! ./url.svg */ "./assets/icons/url.svg");
 /* harmony import */ var _verify_svg__WEBPACK_IMPORTED_MODULE_238__ = __webpack_require__(/*! ./verify.svg */ "./assets/icons/verify.svg");
-/* harmony import */ var _verify_warning_svg__WEBPACK_IMPORTED_MODULE_239__ = __webpack_require__(/*! ./verify_warning.svg */ "./assets/icons/verify_warning.svg");
-/* harmony import */ var _video_svg__WEBPACK_IMPORTED_MODULE_240__ = __webpack_require__(/*! ./video.svg */ "./assets/icons/video.svg");
-/* harmony import */ var _visa_svg__WEBPACK_IMPORTED_MODULE_241__ = __webpack_require__(/*! ./visa.svg */ "./assets/icons/visa.svg");
-/* harmony import */ var _warning_svg__WEBPACK_IMPORTED_MODULE_242__ = __webpack_require__(/*! ./warning.svg */ "./assets/icons/warning.svg");
-/* harmony import */ var _warning_solid_svg__WEBPACK_IMPORTED_MODULE_243__ = __webpack_require__(/*! ./warning_solid.svg */ "./assets/icons/warning_solid.svg");
-/* harmony import */ var _web_scrapper_svg__WEBPACK_IMPORTED_MODULE_244__ = __webpack_require__(/*! ./web_scrapper.svg */ "./assets/icons/web_scrapper.svg");
-/* harmony import */ var _web_scrapper_small_svg__WEBPACK_IMPORTED_MODULE_245__ = __webpack_require__(/*! ./web_scrapper_small.svg */ "./assets/icons/web_scrapper_small.svg");
-/* harmony import */ var _web_unlock_svg__WEBPACK_IMPORTED_MODULE_246__ = __webpack_require__(/*! ./web_unlock.svg */ "./assets/icons/web_unlock.svg");
-/* harmony import */ var _web_unlock_small_svg__WEBPACK_IMPORTED_MODULE_247__ = __webpack_require__(/*! ./web_unlock_small.svg */ "./assets/icons/web_unlock_small.svg");
-/* harmony import */ var _wire_svg__WEBPACK_IMPORTED_MODULE_248__ = __webpack_require__(/*! ./wire.svg */ "./assets/icons/wire.svg");
+/* harmony import */ var _verify_solid_svg__WEBPACK_IMPORTED_MODULE_239__ = __webpack_require__(/*! ./verify_solid.svg */ "./assets/icons/verify_solid.svg");
+/* harmony import */ var _verify_warning_svg__WEBPACK_IMPORTED_MODULE_240__ = __webpack_require__(/*! ./verify_warning.svg */ "./assets/icons/verify_warning.svg");
+/* harmony import */ var _video_svg__WEBPACK_IMPORTED_MODULE_241__ = __webpack_require__(/*! ./video.svg */ "./assets/icons/video.svg");
+/* harmony import */ var _visa_svg__WEBPACK_IMPORTED_MODULE_242__ = __webpack_require__(/*! ./visa.svg */ "./assets/icons/visa.svg");
+/* harmony import */ var _warning_svg__WEBPACK_IMPORTED_MODULE_243__ = __webpack_require__(/*! ./warning.svg */ "./assets/icons/warning.svg");
+/* harmony import */ var _warning_solid_svg__WEBPACK_IMPORTED_MODULE_244__ = __webpack_require__(/*! ./warning_solid.svg */ "./assets/icons/warning_solid.svg");
+/* harmony import */ var _web_scrapper_svg__WEBPACK_IMPORTED_MODULE_245__ = __webpack_require__(/*! ./web_scrapper.svg */ "./assets/icons/web_scrapper.svg");
+/* harmony import */ var _web_scrapper_small_svg__WEBPACK_IMPORTED_MODULE_246__ = __webpack_require__(/*! ./web_scrapper_small.svg */ "./assets/icons/web_scrapper_small.svg");
+/* harmony import */ var _web_unlock_svg__WEBPACK_IMPORTED_MODULE_247__ = __webpack_require__(/*! ./web_unlock.svg */ "./assets/icons/web_unlock.svg");
+/* harmony import */ var _web_unlock_small_svg__WEBPACK_IMPORTED_MODULE_248__ = __webpack_require__(/*! ./web_unlock_small.svg */ "./assets/icons/web_unlock_small.svg");
+/* harmony import */ var _wire_svg__WEBPACK_IMPORTED_MODULE_249__ = __webpack_require__(/*! ./wire.svg */ "./assets/icons/wire.svg");
 // LICENSE_CODE ZON
  /*jslint react:true*/
 
@@ -522,6 +523,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
@@ -764,16 +766,17 @@ __webpack_require__.r(__webpack_exports__);
   Upload: _upload_svg__WEBPACK_IMPORTED_MODULE_236__["default"],
   Url: _url_svg__WEBPACK_IMPORTED_MODULE_237__["default"],
   Verify: _verify_svg__WEBPACK_IMPORTED_MODULE_238__["default"],
-  VerifyWarning: _verify_warning_svg__WEBPACK_IMPORTED_MODULE_239__["default"],
-  Video: _video_svg__WEBPACK_IMPORTED_MODULE_240__["default"],
-  Visa: _visa_svg__WEBPACK_IMPORTED_MODULE_241__["default"],
-  Warning: _warning_svg__WEBPACK_IMPORTED_MODULE_242__["default"],
-  WarningSolid: _warning_solid_svg__WEBPACK_IMPORTED_MODULE_243__["default"],
-  WebScrapper: _web_scrapper_svg__WEBPACK_IMPORTED_MODULE_244__["default"],
-  WebScrapperSmall: _web_scrapper_small_svg__WEBPACK_IMPORTED_MODULE_245__["default"],
-  WebUnlock: _web_unlock_svg__WEBPACK_IMPORTED_MODULE_246__["default"],
-  WebUnlockSmall: _web_unlock_small_svg__WEBPACK_IMPORTED_MODULE_247__["default"],
-  Wire: _wire_svg__WEBPACK_IMPORTED_MODULE_248__["default"],
+  VerifySolid: _verify_solid_svg__WEBPACK_IMPORTED_MODULE_239__["default"],
+  VerifyWarning: _verify_warning_svg__WEBPACK_IMPORTED_MODULE_240__["default"],
+  Video: _video_svg__WEBPACK_IMPORTED_MODULE_241__["default"],
+  Visa: _visa_svg__WEBPACK_IMPORTED_MODULE_242__["default"],
+  Warning: _warning_svg__WEBPACK_IMPORTED_MODULE_243__["default"],
+  WarningSolid: _warning_solid_svg__WEBPACK_IMPORTED_MODULE_244__["default"],
+  WebScrapper: _web_scrapper_svg__WEBPACK_IMPORTED_MODULE_245__["default"],
+  WebScrapperSmall: _web_scrapper_small_svg__WEBPACK_IMPORTED_MODULE_246__["default"],
+  WebUnlock: _web_unlock_svg__WEBPACK_IMPORTED_MODULE_247__["default"],
+  WebUnlockSmall: _web_unlock_small_svg__WEBPACK_IMPORTED_MODULE_248__["default"],
+  Wire: _wire_svg__WEBPACK_IMPORTED_MODULE_249__["default"],
 });
 
 
@@ -32225,7 +32228,7 @@ __webpack_require__.r(__webpack_exports__);
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 
-var _excluded = ["id", "styles", "size", "async", "creatable", "isOptionDisabled", "className", "label", "labelIcon", "required", "necessityIndicator", "invalid", "helperText", "placeholder", "disabled"];
+var _excluded = ["id", "styles", "size", "async", "creatable", "isOptionDisabled", "className", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "invalid", "helperText", "placeholder", "disabled"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -32257,6 +32260,7 @@ var CheckboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().for
     className = props.className,
     label = props.label,
     labelIcon = props.labelIcon,
+    labelTooltip = props.labelTooltip,
     required = props.required,
     necessityIndicator = props.necessityIndicator,
     invalid = props.invalid,
@@ -32291,6 +32295,7 @@ var CheckboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().for
     id: labelId,
     label: label,
     labelIcon: labelIcon,
+    labelTooltip: labelTooltip,
     required: required,
     necessityIndicator: necessityIndicator
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SelectComp, _extends({}, selectProps, {
@@ -32326,6 +32331,7 @@ CheckboxList.propTypes = {
   invalid: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   label: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   helperText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
   virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
@@ -33526,7 +33532,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["id", "label", "labelIcon", "required", "necessityIndicator", "placeholder", "multiselect", "creatable", "clearable", "disabled", "invalid", "helperText", "className", "classNamePrefix", "hideSelectedOptions", "isOptionDisabled", "async", "searchable", "closeMenuOnSelect"];
+var _excluded = ["id", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "placeholder", "multiselect", "creatable", "clearable", "disabled", "invalid", "helperText", "className", "classNamePrefix", "hideSelectedOptions", "isOptionDisabled", "async", "searchable", "closeMenuOnSelect"];
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
@@ -33560,6 +33566,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
   var id = restProps.id,
     label = restProps.label,
     labelIcon = restProps.labelIcon,
+    labelTooltip = restProps.labelTooltip,
     required = restProps.required,
     necessityIndicator = restProps.necessityIndicator,
     placeholder = restProps.placeholder,
@@ -33595,6 +33602,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     id: labelId,
     label: label,
     labelIcon: labelIcon,
+    labelTooltip: labelTooltip,
     required: required,
     necessityIndicator: necessityIndicator,
     classNamePrefix: className
@@ -33637,6 +33645,7 @@ Dropdown.propTypes = {
   invalid: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   helperText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
   options: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)),
@@ -34363,6 +34372,7 @@ Number.propTypes = {
   rightOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
   label: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   helperText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg']),
   changeOnBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
@@ -34406,7 +34416,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "classNamePrefix", "value", "onChange", "disabled", "options", "variant", "size", "label", "labelIcon", "helperText", "invalid", "required", "necessityIndicator"],
+var _excluded = ["className", "classNamePrefix", "value", "onChange", "disabled", "options", "variant", "size", "label", "labelIcon", "labelTooltip", "helperText", "invalid", "required", "necessityIndicator"],
   _excluded2 = ["classNamePrefix", "value", "checked", "onClick", "label", "disabled", "size", "tooltip", "interactive_tooltip", "verticalAlign"];
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -34436,6 +34446,7 @@ var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwa
     size = props.size,
     label = props.label,
     labelIcon = props.labelIcon,
+    labelTooltip = props.labelTooltip,
     helperText = props.helperText,
     invalid = props.invalid,
     required = props.required,
@@ -34457,6 +34468,7 @@ var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwa
     id: labelId,
     label: label,
     labelIcon: labelIcon,
+    labelTooltip: labelTooltip,
     required: required,
     necessityIndicator: necessityIndicator,
     variant: "lg"
@@ -34497,6 +34509,7 @@ RadioGroup.propTypes = {
   invalid: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   helperText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md']),
   options: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({
@@ -34648,16 +34661,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
 /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["id", "value", "leftInnerContent", "leftOuterContent", "rightInnerContent", "rightOuterContent", "heightCalculationCallback", "Field", "onChange", "onFocus", "onBlur", "placeholder", "disabled", "invalid", "autofocus", "helperText", "label", "labelIcon", "required", "necessityIndicator", "autoresize", "verticalAlign", "innerWrapper"];
+var _excluded = ["id", "value", "leftInnerContent", "leftOuterContent", "rightInnerContent", "rightOuterContent", "heightCalculationCallback", "Field", "onChange", "onFocus", "onBlur", "placeholder", "disabled", "invalid", "autofocus", "helperText", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "autoresize", "verticalAlign", "innerWrapper"];
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -34681,6 +34695,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var inputVerticalPadding = 4;
 var inputHorizontalPadding = 12;
 var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
@@ -34702,6 +34717,7 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     helperText = props.helperText,
     label = props.label,
     labelIcon = props.labelIcon,
+    labelTooltip = props.labelTooltip,
     required = props.required,
     necessityIndicator = props.necessityIndicator,
     autoresize = props.autoresize,
@@ -34731,18 +34747,19 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
   }, []);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     // XXX vadimv: hack to autoresize textarea
-    if (autoresize) field.current.style.height = (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(field.current.scrollHeight);
+    if (autoresize) field.current.style.height = (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(field.current.scrollHeight);
   }, [autoresize, value]);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(id);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, _extends({
     ref: ref
-  }, (0,_util__WEBPACK_IMPORTED_MODULE_9__.getCommonProps)(rest), {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_10__.getCommonProps)(rest), {
     flex_direction: "column",
     gap: "4px"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputLabel, {
     id: labelId,
     label: label,
     labelIcon: labelIcon,
+    labelTooltip: labelTooltip,
     required: required,
     necessityIndicator: necessityIndicator
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputContentWrapper, {
@@ -34788,6 +34805,8 @@ FieldWrapper.propTypes = {
   rightInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   rightOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   helperText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   inputProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
   Field: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().elementType)
@@ -34803,17 +34822,18 @@ var InputLabel = function InputLabel(props) {
     id = props.id,
     label = props.label,
     labelIcon = props.labelIcon,
+    labelTooltip = props.labelTooltip,
     required = props.required,
     necessityIndicator = props.necessityIndicator,
     variant = props.variant;
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useReactTranslate)();
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_8__.useReactTranslate)();
   if (!label) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(LabelWrapper, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.classNames)(classNamePrefix, {
       label: true
     }, className)
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_8__.Label, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, _defineProperty({
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_9__.Label, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.classNames)(classNamePrefix, _defineProperty({
       labelText: true
     }, 'labelText--is-required', required)),
     id: id,
@@ -34823,14 +34843,17 @@ var InputLabel = function InputLabel(props) {
   }, t(label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(NecessityIndicator, {
     required: required,
     indicator: necessityIndicator
-  })), labelIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
+  })), labelIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_7__.Tooltip, {
+    tooltip: labelTooltip,
+    noWrap: true
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.classNames)(classNamePrefix, {
       labelIcon: true
     }),
     name: labelIcon,
     size: "xs",
     color: "gray_9"
-  }));
+  })));
 };
 InputLabel.displayName = 'InputLabel';
 InputLabel.defaultProps = {
@@ -34839,6 +34862,7 @@ InputLabel.defaultProps = {
 InputLabel.propTypes = {
   label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   required: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   necessityIndicator: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['asterisk', 'text']),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'lg'])
@@ -34853,7 +34877,7 @@ var LabelWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
 var NecessityIndicator = function NecessityIndicator(props) {
   var required = props.required,
     indicator = props.indicator;
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useReactTranslate)();
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_8__.useReactTranslate)();
   if (indicator == 'text') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Indicator, null, t(required ? '(required)' : '(optional)'));
   return required ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Asterisk, null) : null;
 };
@@ -34861,7 +34885,7 @@ var Indicator = styled_components__WEBPACK_IMPORTED_MODULE_2___default().span.wi
   displayName: "Indicator",
   componentId: "sc-r60v1b-2"
 })(["color:", ";margin-left:", ";"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing['02']);
-var Asterisk = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_8__.Label).attrs({
+var Asterisk = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_9__.Label).attrs({
   tag: 'span',
   variant: 'xs',
   color: 'red_11',
@@ -34906,7 +34930,7 @@ var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
     borderTopRightRadius = borderBottomRightRadius = 0;
     borderRightWidth = 0;
   }
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["border-left-width:", ";border-right-width:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(borderLeftWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(borderRightWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(borderTopLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(borderBottomLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(borderTopRightRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(borderBottomRightRadius));
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["border-left-width:", ";border-right-width:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(borderLeftWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(borderRightWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(borderTopLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(borderBottomLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(borderTopRightRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(borderBottomRightRadius));
 }, function (props) {
   var _props$$heightCalcula;
   return (_props$$heightCalcula = props.$heightCalculationCallback) === null || _props$$heightCalcula === void 0 ? void 0 : _props$$heightCalcula.call(props);
@@ -34936,7 +34960,7 @@ var HelperText = function HelperText(props) {
     invalid = props.invalid;
   if (!children) return null;
   var color = invalid ? 'red_11' : 'gray_11_50';
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_8__.Label, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_9__.Label, {
     "data-role": "description",
     variant: "xs",
     color: color
@@ -34954,7 +34978,7 @@ var useHeightCalculationCallback = function useHeightCalculationCallback(size) {
       md: 40,
       lg: 48
     };
-    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(height[size] || height.sm));
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(height[size] || height.sm));
   }, [size]);
 };
 
@@ -35036,6 +35060,7 @@ Textarea.propTypes = {
   rightOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   helperText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   rows: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)
 };
@@ -35111,6 +35136,7 @@ Textbox.propTypes = {
   rightOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
   label: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   helperText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg']),
   autofocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
@@ -35409,7 +35435,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint node:true, react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "size", "label", "labelIcon", "required", "necessityIndicator", "disabled", "buttonText", "onButtonClick", "invalid", "helperText", "placeholder", "value", "onFocus", "onBlur", "onValidate", "onRemoveItem", "onChange", "maxItems", "itemRenderer", "isItemDisabled", "defaultInputValue", "defaultValue"];
+var _excluded = ["className", "size", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "disabled", "buttonText", "onButtonClick", "invalid", "helperText", "placeholder", "value", "onFocus", "onBlur", "onValidate", "onRemoveItem", "onChange", "maxItems", "itemRenderer", "isItemDisabled", "defaultInputValue", "defaultValue"];
 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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -35439,6 +35465,7 @@ var TextboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
     size = props.size,
     label = props.label,
     labelIcon = props.labelIcon,
+    labelTooltip = props.labelTooltip,
     required = props.required,
     necessityIndicator = props.necessityIndicator,
     disabled = props.disabled,
@@ -35556,6 +35583,7 @@ var TextboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
     id: labelId,
     label: label,
     labelIcon: labelIcon,
+    labelTooltip: labelTooltip,
     required: required,
     necessityIndicator: necessityIndicator,
     classNamePrefix: className
@@ -35598,6 +35626,7 @@ TextboxList.propTypes = {
   invalid: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   label: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   helperText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
   buttonText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
@@ -37756,7 +37785,7 @@ __webpack_require__.r(__webpack_exports__);
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 
-var _excluded = ["data", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "ExpandHandleComp", "noDataText", "loadingText", "isLoading", "onPageChange", "manualPagination", "totalCount", "paginateExpandedRows", "getHeaderProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps", "selectedRowIds", "canOrderColumns", "rowActions", "columnSort", "onColumnSortChanged", "isCellEditable", "onStartEdit"];
+var _excluded = ["columns", "data", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "ExpandHandleComp", "noDataText", "loadingText", "isLoading", "onPageChange", "manualPagination", "totalCount", "paginateExpandedRows", "getHeaderProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps", "selectedRowIds", "canOrderColumns", "rowActions", "columnSort", "onColumnSortChanged", "isCellEditable", "onStartEdit"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -37801,13 +37830,15 @@ var Cell = function Cell(props) {
   }, String(props.value));
 };
 var Provider = function Provider(props) {
+  var _columns$;
   var defaultColumn = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
     return {
       minWidth: 100,
       Cell: Cell
     };
   }, []);
-  var data = props.data,
+  var columns = props.columns,
+    data = props.data,
     pageSize = props.pageSize,
     pageSizes = props.pageSizes,
     children = props.children,
@@ -37860,6 +37891,7 @@ var Provider = function Provider(props) {
     selectedRowIds: selectedRowIds
   });
   var table = react_table__WEBPACK_IMPORTED_MODULE_3__.useTable.apply(void 0, [_objectSpread({
+    columns: columns,
     data: data,
     defaultColumn: defaultColumn,
     initialState: initialState,
@@ -37875,7 +37907,7 @@ var Provider = function Provider(props) {
     getCellProps: getCellProps,
     getFooterProps: getFooterProps,
     ExpandHandleComp: ExpandHandleComp
-  }, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'initialState', 'hiddenColumns', 'pinnedColumns', 'columnOrder')), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_3__.useExpanded, _expandable_rows__WEBPACK_IMPORTED_MODULE_10__.useExpandHandle, react_table__WEBPACK_IMPORTED_MODULE_3__.usePagination, props.fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_3__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_3__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_3__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_3__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_9__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_8__.useEditableColumns, react_table__WEBPACK_IMPORTED_MODULE_3__.useRowSelect, _select_rows__WEBPACK_IMPORTED_MODULE_11__.useSelectRows].concat(_toConsumableArray(rowActions !== null && rowActions !== void 0 && rowActions.length ? [_row_menu__WEBPACK_IMPORTED_MODULE_12__.useRowMenu] : []), _toConsumableArray(hooks)));
+  }, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'initialState', 'hiddenColumns', 'pinnedColumns', 'columnOrder', 'expandColumnId')), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_3__.useExpanded, _expandable_rows__WEBPACK_IMPORTED_MODULE_10__.useExpandHandle, react_table__WEBPACK_IMPORTED_MODULE_3__.usePagination, props.fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_3__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_3__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_3__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_3__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_9__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_8__.useEditableColumns, react_table__WEBPACK_IMPORTED_MODULE_3__.useRowSelect, _select_rows__WEBPACK_IMPORTED_MODULE_11__.useSelectRows].concat(_toConsumableArray(rowActions !== null && rowActions !== void 0 && rowActions.length ? [_row_menu__WEBPACK_IMPORTED_MODULE_12__.useRowMenu] : []), _toConsumableArray(hooks)));
   var _table$state = table.state,
     pageIndex = _table$state.pageIndex,
     _pageSize = _table$state.pageSize;
@@ -37893,6 +37925,7 @@ var Provider = function Provider(props) {
   var _LoadingComp = useComp(loadingText, LoadingComp);
   var _NoDataComp = useComp(noDataText, NoDataComp);
   var orderLogic = (0,_order_logic__WEBPACK_IMPORTED_MODULE_13__.useOrderLogic)(table);
+  var expandColumnId = (0,_util__WEBPACK_IMPORTED_MODULE_7__.firstDefined)(props.expandColumnId, (_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.id);
   var value = _objectSpread(_objectSpread({
     columnSort: columnSort,
     onColumnSortChanged: onColumnSortChanged,
@@ -37903,7 +37936,8 @@ var Provider = function Provider(props) {
     orderLogic: orderLogic,
     LoadingComp: _LoadingComp,
     NoDataComp: _NoDataComp,
-    rowActions: rowActions
+    rowActions: rowActions,
+    expandColumnId: expandColumnId
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableContext.Provider, {
     value: value
@@ -37989,7 +38023,8 @@ Provider.propTypes = {
   canOrderColumns: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   rowActions: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().array),
   scrollable: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  scrollHeight: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
+  scrollHeight: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  expandColumnId: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
 };
 var calcPageCount = function calcPageCount(totalCount, pageSize) {
   return Math.ceil(totalCount / pageSize);
@@ -38862,7 +38897,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
 /* harmony import */ var _sort_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./sort_icon */ "./src/table/sort_icon.js");
-/* harmony import */ var _order_logic__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./order_logic */ "./src/table/order_logic.js");
+/* harmony import */ var _sys_columns__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./sys_columns */ "./src/table/sys_columns.js");
 // LICENSE_CODE ZON
 
 
@@ -38885,7 +38920,7 @@ var HeaderFunctions = function HeaderFunctions(props) {
     orderLogic = props.orderLogic,
     canSort = props.canSort,
     onSortChanged = props.onSortChanged;
-  if ((0,_order_logic__WEBPACK_IMPORTED_MODULE_9__.isSysColumn)(header.id)) return null;
+  if ((0,_sys_columns__WEBPACK_IMPORTED_MODULE_9__.isSysColumn)(header)) return null;
   var id = header.id,
     canHide = header.canHide,
     canPin = header.canPin,
@@ -39136,11 +39171,11 @@ _table__WEBPACK_IMPORTED_MODULE_3__.Table.plugins = _plugin__WEBPACK_IMPORTED_MO
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   isSysColumn: () => (/* binding */ isSysColumn),
 /* harmony export */   useOrderLogic: () => (/* binding */ useOrderLogic)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _sys_columns__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./sys_columns */ "./src/table/sys_columns.js");
 // LICENSE_CODE ZON
 
 
@@ -39162,10 +39197,7 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 
-var sysColumns = ['selection', 'row_menu'];
-var isSysColumn = function isSysColumn(id) {
-  return sysColumns.includes(id);
-};
+
 var useOrderLogic = function useOrderLogic(table) {
   var _table$state = table.state,
     columnOrder = _table$state.columnOrder,
@@ -39174,12 +39206,12 @@ var useOrderLogic = function useOrderLogic(table) {
     setColumnOrder = table.setColumnOrder,
     setHiddenColumns = table.setHiddenColumns,
     togglePinColumn = table.togglePinColumn,
-    _allColumns = table.allColumns;
+    all = table.allColumns;
   var allColumns = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return _allColumns.filter(function (col) {
-      return !isSysColumn(col.id);
+    return all.filter(function (c) {
+      return !(0,_sys_columns__WEBPACK_IMPORTED_MODULE_1__.isSysColumn)(c);
     });
-  }, [_allColumns]);
+  }, [all]);
   var getColumnCategory = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (id) {
     if (hiddenColumns.includes(id)) return 'hidden';
     if (pinnedColumns.includes(id)) return 'pinned';
@@ -39229,7 +39261,7 @@ var useOrderLogic = function useOrderLogic(table) {
     return setColumnOrder([].concat(_toConsumableArray(pinned), _toConsumableArray(visible), _toConsumableArray(hidden)));
   }, [setColumnOrder]);
   var moveBackwards = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (id) {
-    if (isSysColumn(id)) return;
+    if ((0,_sys_columns__WEBPACK_IMPORTED_MODULE_1__.isSysColumn)(id)) return;
     var category = getColumnCategory(id);
     var arr = orders[category];
     var n = arr.indexOf(id);
@@ -39241,7 +39273,7 @@ var useOrderLogic = function useOrderLogic(table) {
     setOrders(newOrder);
   }, [getColumnCategory, orders, setOrders]);
   var moveForward = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (id) {
-    if (isSysColumn(id)) return;
+    if ((0,_sys_columns__WEBPACK_IMPORTED_MODULE_1__.isSysColumn)(id)) return;
     var category = getColumnCategory(id);
     var arr = orders[category];
     var n = arr.indexOf(id);
@@ -39253,7 +39285,7 @@ var useOrderLogic = function useOrderLogic(table) {
     setOrders(newOrder);
   }, [getColumnCategory, orders, setOrders]);
   var moveColumn = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (id, cat, n) {
-    if (isSysColumn(id)) return;
+    if ((0,_sys_columns__WEBPACK_IMPORTED_MODULE_1__.isSysColumn)(id)) return;
     var srcCat = getColumnCategory(id);
     if (srcCat == cat && orders[srcCat][n] == id) return;
     var newOrders = _objectSpread({}, orders);
@@ -39806,16 +39838,19 @@ var renderRow = function renderRow(opt) {
     rowDensity = opt.rowDensity,
     isLast = opt.isLast,
     renderRowSubComponent = opt.renderRowSubComponent;
+  var isExpanded = row.isExpanded,
+    isPinned = row.isPinned,
+    original = row.original;
   var rowProps = row.getRowProps(getRowProps === null || getRowProps === void 0 ? void 0 : getRowProps(row));
   var onClick = onRowClick ? function (evt) {
-    if (!evt.target.matches(".".concat(preventOnClickClass, " *"))) onRowClick(row.original, evt);
+    if (!evt.target.matches(".".concat(preventOnClickClass, " *"))) onRowClick(original, evt);
   } : undefined;
   var cursor = onRowClick ? 'pointer' : undefined;
   var tableRow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableRow, _extends({}, rowProps, {
     onClick: onClick,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
       tableRow: true,
-      'tableRow--is-pinned': row.isPinned,
+      'tableRow--is-pinned': isPinned,
       'tableRow--is-last': isLast
     }, rowProps.className),
     $cursor: cursor,
@@ -39828,7 +39863,7 @@ var renderRow = function renderRow(opt) {
       className: className
     });
   }));
-  if (!row.isExpanded || !renderRowSubComponent) return tableRow;
+  if (!isExpanded || !renderRowSubComponent) return tableRow;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
     key: "".concat(rowProps.key, "_fragment")
   }, tableRow, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableRow, _extends({}, rowProps, {
@@ -40433,6 +40468,29 @@ _plugin__WEBPACK_IMPORTED_MODULE_2__.plugins.stickyRows = function () {
 
 /***/ }),
 
+/***/ "./src/table/sys_columns.js":
+/*!**********************************!*\
+  !*** ./src/table/sys_columns.js ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   isSysColumn: () => (/* binding */ isSysColumn)
+/* harmony export */ });
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var SYS_COLUMNS = ['selection', 'row_menu'];
+var isSysColumn = function isSysColumn(_ref) {
+  var id = _ref.id;
+  return SYS_COLUMNS.includes(id);
+};
+
+/***/ }),
+
 /***/ "./src/table/table.js":
 /*!****************************!*\
   !*** ./src/table/table.js ***!
@@ -40593,6 +40651,7 @@ var TableBody = function TableBody(props) {
         rowDensity: rowDensity,
         onRowClick: onRowClick,
         isLast: i == page.length - 1,
+        showExpand: row.canExpand,
         className: className,
         getRowProps: getRowProps,
         renderRowSubComponent: renderRowSubComponent
@@ -40665,7 +40724,10 @@ var TableCell = function TableCell(props) {
   var row = cell.row,
     column = cell.column,
     isEditing = cell.isEditing;
-  var rowId = row.id;
+  var rowId = row.id,
+    canExpand = row.canExpand,
+    isExpanded = row.isExpanded,
+    depth = row.depth;
   var columnId = column.id,
     _column$type = column.type,
     type = _column$type === void 0 ? 'string' : _column$type,
@@ -40677,8 +40739,9 @@ var TableCell = function TableCell(props) {
     getColumnProps = _useTableContext.getColumnProps,
     getCellProps = _useTableContext.getCellProps,
     isCellEditable = _useTableContext.isCellEditable,
-    onStartEdit = _useTableContext.onStartEdit;
-  var cellEditable = canEdit && isCellEditable(cell);
+    onStartEdit = _useTableContext.onStartEdit,
+    expandColumnId = _useTableContext.expandColumnId;
+  var isEditable = canEdit && isCellEditable(cell);
   var startEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
     columnStartEditing(columnId, rowId);
   }, [columnStartEditing, columnId, rowId]);
@@ -40686,26 +40749,29 @@ var TableCell = function TableCell(props) {
     columnDoneEditing(columnId, rowId);
   }, [columnDoneEditing, columnId, rowId]);
   var onClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
-    if (cellEditable) {
+    if (isEditable) {
       evt.stopPropagation();
       onStartEdit === null || onStartEdit === void 0 || onStartEdit(cell, {
         startEditing: startEditing,
         doneEditing: doneEditing
       });
     }
-  }, [cellEditable, onStartEdit, startEditing, doneEditing]);
+  }, [isEditable, onStartEdit, startEditing, doneEditing]);
   var cellProps = cell.getCellProps([getColumnProps(column), getCellProps(cell)]);
   cellProps.className = (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, null, (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(column.className, {
     cell: true
   }), (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
     tableCell: true
   }), (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
-    'tableCell--is-editable': cellEditable
+    'tableCell--is-editable': isEditable
+  }), (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
+    'tableCell--is-expanded': canExpand && isExpanded
   }), cellProps.className);
-  var Comp = cellEditable ? EditableCellContent : CellContent;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableCellContent, _extends({
+  var Wrapper = expandColumnId == columnId && (canExpand && isExpanded || depth > 0) ? ExpandedTableCellContent : TableCellContent;
+  var Content = isEditable ? EditableCellContent : CellContent;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Wrapper, _extends({}, cellProps, {
     $isLastPinned: isLastPinned
-  }, cellProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Comp, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Content, {
     $type: type,
     $isEditing: isEditing,
     onClick: onClick
@@ -40722,15 +40788,19 @@ var TableCellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default().
 })(["background-color:", ";border-right:", ";"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, function (props) {
   return props.$isLastPinned ? "2px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3) : 'none';
 });
+var ExpandedTableCellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(TableCellContent).withConfig({
+  displayName: "ExpandedTableCellContent",
+  componentId: "sc-1gdt4qg-1"
+})(["position:relative;&::before{content:'';position:absolute;left:0;top:0;height:calc(100% + 1px);border-left:4px solid ", ";}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_6);
 var CellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "CellContent",
-  componentId: "sc-1gdt4qg-1"
+  componentId: "sc-1gdt4qg-2"
 })(["box-sizing:border-box;display:flex;align-items:center;padding:4px 16px;overflow:clip;", ""], function (props) {
   return props.$type == 'number' ? 'text-align: right;' : null;
 });
 var EditableCellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(CellContent).withConfig({
   displayName: "EditableCellContent",
-  componentId: "sc-1gdt4qg-2"
+  componentId: "sc-1gdt4qg-3"
 })(["padding:3px 15px;border:1px solid transparent;&:hover{background-color:", ";border-color:", ";}", ""], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_9, function (props) {
   return props.$isEditing ? (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";border:1px solid ", " !important;box-shadow:inset 0px 0px 0px 3px rgba(0,106,220,0.4);"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11) : undefined;
 });
@@ -41247,6 +41317,12 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -41268,7 +41344,8 @@ var Tooltip = function Tooltip(props) {
     tooltip = props.tooltip,
     placement = props.placement,
     noWrap = props.noWrap,
-    interactive = props.interactive;
+    interactive = props.interactive,
+    trigger = props.trigger;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null),
     _useState2 = _slicedToArray(_useState, 2),
     referenceElement = _useState2[0],
@@ -41323,14 +41400,19 @@ var Tooltip = function Tooltip(props) {
   if (visible && tooltip != tooltipRef.current && typeof update == 'function') update();
   tooltipRef.current = tooltip;
   if (!tooltip) return children;
+  var triggerProps = {};
+  if (trigger == 'hover') {
+    triggerProps.onPointerEnter = show;
+    triggerProps.onPointerLeave = hide;
+  } else if (trigger == 'focus') {
+    triggerProps.onFocus = show;
+    triggerProps.onBlur = hide;
+  }
   var tooltipNode = visible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledTooltipBody, _extends({
     ref: setPopperElement,
     role: "tooltip",
     style: styles.popper
-  }, attributes.popper, {
-    onPointerEnter: interactive ? show : undefined,
-    onPointerLeave: interactive ? hide : undefined
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
+  }, attributes.popper, interactive ? triggerProps : {}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
     variant: "sm",
     color: "white"
   }, tooltip), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledTooltipArrow, _extends({
@@ -41339,26 +41421,24 @@ var Tooltip = function Tooltip(props) {
   }, attributes.arrow))) : null;
   if (noWrap) {
     var child = react__WEBPACK_IMPORTED_MODULE_1__.Children.only(children);
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.cloneElement)(child, {
-      ref: setReferenceElement,
-      onPointerEnter: show,
-      onPointerLeave: hide
-    }), tooltipNode);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.cloneElement)(child, _objectSpread({
+      ref: setReferenceElement
+    }, triggerProps)), tooltipNode);
   }
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledTooltipReference, {
-    ref: setReferenceElement,
-    onPointerEnter: show,
-    onPointerLeave: hide
-  }, children), tooltipNode);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledTooltipReference, _extends({
+    ref: setReferenceElement
+  }, triggerProps), children), tooltipNode);
 };
 Tooltip.defaultProps = {
-  placement: 'top'
+  placement: 'top',
+  trigger: 'hover'
 };
 Tooltip.propTypes = {
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   placement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_5__.tooltipPlacements),
   noWrap: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  interactive: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+  interactive: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  trigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['hover', 'focus'])
 };
 var withTooltip = function withTooltip(Comp, tooltipProps) {
   return function WithTooltip(props) {
@@ -88070,6 +88150,34 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "./assets/icons/verify_solid.svg":
+/*!***************************************!*\
+  !*** ./assets/icons/verify_solid.svg ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/svg-baker-runtime/browser-symbol.js */ "./node_modules/svg-baker-runtime/browser-symbol.js");
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js */ "./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js");
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default())({
+  "id": "verify_solid_uikit_icon",
+  "use": "verify_solid_uikit_icon-usage",
+  "viewBox": "0 0 24 24",
+  "content": "<symbol fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" id=\"verify_solid_uikit_icon\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.436 21.764a.879.879 0 01-.872 0C9.895 20.826 4 17.148 4 11.998V5.691a1 1 0 01.649-.936l7-2.625a1 1 0 01.702 0l7 2.625a1 1 0 01.649.936v6.307c0 5.15-5.895 8.828-7.564 9.766zm3.888-12.282a.75.75 0 10-1.148-.964l-3.842 4.573-1.765-2.057a.75.75 0 10-1.138.977l2.34 2.727a.75.75 0 001.144-.006l4.41-5.25z\" fill=\"currentColor\" /></symbol>"
+});
+var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default().add(symbol);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (symbol);
+
+/***/ }),
+
 /***/ "./assets/icons/verify_warning.svg":
 /*!*****************************************!*\
   !*** ./assets/icons/verify_warning.svg ***!