@luminati-io/uikit 6.2.8-beta.4 → 6.2.8

package/dist/umd/uikit.development.js

@@ -42590,13 +42590,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _global_config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../global_config */ "./src/global_config.js");
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
-/* harmony import */ var _modal2__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./modal2 */ "./src/modal/modal2.js");
+/* harmony import */ var _modal2__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./modal2 */ "./src/modal/modal2.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["className", "classNamePrefix", "closeOnOutsideClick", "zIndex", "show", "afterClose", "closable", "onClose", "onConfirm", "okLabel", "cancelLabel", "okProps", "cancelProps", "size", "content", "type"];
+var _excluded = ["className", "classNamePrefix", "closeOnOutsideClick", "zIndex", "show", "afterClose", "closable", "onClose", "onConfirm", "okLabel", "cancelLabel", "okProps", "cancelProps", "size", "content", "title"];
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
@@ -42619,7 +42618,6 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
-
 var destroyFns = [];
 var withWarn = function withWarn(props) {
   return _objectSpread(_objectSpread({}, props), {}, {
@@ -42727,14 +42725,10 @@ var ConfirmModal = function ConfirmModal(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'sm' : _ref$size,
     content = _ref.content,
-    type = _ref.type,
+    title = _ref.title,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var icon = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(rest.icon, getIconByType(type));
-  var title = rest.title && icon ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_7__.Flex, {
-    gap: "03",
-    align_items: "center"
-  }, icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, rest.title)) : rest.title;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modal2__WEBPACK_IMPORTED_MODULE_8__.Modal2, {
+  var icon = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(rest.icon, getIconByType(rest.type));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modal2__WEBPACK_IMPORTED_MODULE_7__.Modal2, {
     className: className,
     classNamePrefix: classNamePrefix,
     onClose: function onClose() {
@@ -42745,6 +42739,7 @@ var ConfirmModal = function ConfirmModal(_ref) {
     },
     show: show,
     title: title,
+    icon: icon,
     closeOnOutsideClick: closeOnOutsideClick,
     size: size,
     zIndex: zIndex,
@@ -42959,8 +42954,7 @@ var Popup = (0,_with_backdrop__WEBPACK_IMPORTED_MODULE_4__.withBackdrop)(General
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Modal2: () => (/* binding */ Modal2),
-/* harmony export */   ModalFooter: () => (/* binding */ ModalFooter)
+/* harmony export */   Modal2: () => (/* binding */ Modal2)
 /* harmony export */ });
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
@@ -42981,7 +42975,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["className", "classNamePrefix", "size", "footerVariant", "show", "closable", "closeOnOutsideClick", "title", "subtitle", "footer", "onClose", "okLabel", "onOk", "okProps", "cancelLabel", "onCancel", "cancelProps", "zIndex", "children", "minHeight", "afterClose"];
+var _excluded = ["className", "classNamePrefix", "size", "footerVariant", "show", "closable", "closeOnOutsideClick", "title", "subtitle", "footer", "onClose", "okLabel", "onOk", "okProps", "cancelLabel", "onCancel", "cancelProps", "icon", "zIndex", "children", "minHeight", "afterClose"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
@@ -43019,6 +43013,7 @@ var Modal2 = function Modal2(_ref) {
     cancelLabel = _ref.cancelLabel,
     onCancel = _ref.onCancel,
     cancelProps = _ref.cancelProps,
+    icon = _ref.icon,
     _ref$zIndex = _ref.zIndex,
     zIndex = _ref$zIndex === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_7__.Z_INDEX.popover : _ref$zIndex,
     children = _ref.children,
@@ -43031,13 +43026,7 @@ var Modal2 = function Modal2(_ref) {
   var _useWindowSize = (0,_hooks__WEBPACK_IMPORTED_MODULE_8__.useWindowSize)(),
     windowHeight = _useWindowSize.height;
   var maxHeight = "".concat(Math.max(windowHeight * 0.8, minHeight), "px");
-  var dialogTitle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Header, {
-    color: "text"
-  }, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
-    padding_right: "04",
-    color: "text_tertiary"
-  }, subtitle));
-  var dialogFooter = footer !== null ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ModalFooter, {
+  var dialogFooter = footer !== null ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DialogFooter, {
     onOk: onOk,
     onCancel: onCancel,
     okLabel: okLabel,
@@ -43060,7 +43049,12 @@ var Modal2 = function Modal2(_ref) {
     closeIcon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CloseIcon, null),
     size: size,
     maskClosable: closeOnOutsideClick && onClose,
-    title: dialogTitle,
+    title: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DialogHeader, {
+      icon: icon,
+      title: title,
+      subtitle: subtitle,
+      prefixCls: classNamePrefix
+    }),
     footer: dialogFooter,
     zIndex: zIndex,
     width: width,
@@ -43072,7 +43066,8 @@ var Modal2 = function Modal2(_ref) {
     afterClose: afterClose,
     keyboard: false,
     animation: "zoom",
-    maskAnimation: "fade"
+    maskAnimation: "fade",
+    rootClassName: "test"
   }, (0,_util__WEBPACK_IMPORTED_MODULE_9__.getCommonProps)(rest)), children));
 };
 Modal2.propTypes = {
@@ -43095,9 +43090,10 @@ Modal2.propTypes = {
   cancelProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
   zIndex: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
   minHeight: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
-  afterClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
+  afterClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  icon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node)
 };
-var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobalStyle)([".", "{&-root{div[role=\"dialog\"]{margin:10vh auto 0;}}&-mask{position:fixed;inset:0;height:100%;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:none;&-hidden{display:none;}}&-fade-enter,&-fade-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-enter&-fade-enter-active,&-fade-appear&-fade-appear-active{animation-name:rcDialogFadeIn;animation-play-state:running;}&-fade-leave&-fade-leave-active{animation-name:rcDialogFadeOut;animation-play-state:running;}@keyframes rcDialogFadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes rcDialogFadeOut{0%{opacity:1;}100%{opacity:0;}}&-wrap{position:fixed;inset:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;}&-content{position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding-top:", ";background-color:", ";border-radius:", ";font-family:", ";box-shadow:", ";pointer-events:auto;}&-close{position:absolute;top:", ";inset-inline-end:", ";z-index:1;padding:0;text-decoration:none;background:transparent;border-radius:4px;width:32px;height:32px;border:0;outline:0;cursor:pointer;}&-header{display:flex;flex-direction:column;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";gap:", ";}&-title{display:flex;flex-direction:column;gap:", ";}&-body{overflow-y:auto;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";color:", ";", "}&-footer{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";border-top:1px solid ", ";}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-zoom-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.6,0.04,0.98,0.34);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcDialogZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcDialogZoomOut;animation-play-state:running;}@keyframes rcDialogZoomIn{0%{opacity:0;transform:scale(0,0);}100%{opacity:1;transform:scale(1,1);}}@keyframes rcDialogZoomOut{0%{transform:scale(1,1);}100%{opacity:0;transform:scale(0,0);}}}"], function (_ref2) {
+var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobalStyle)([".", "{&-root{div[role=\"dialog\"]{margin:10vh auto 0;}}&-mask{position:fixed;inset:0;height:100%;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:none;&-hidden{display:none;}}&-fade-enter,&-fade-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-enter&-fade-enter-active,&-fade-appear&-fade-appear-active{animation-name:rcDialogFadeIn;animation-play-state:running;}&-fade-leave&-fade-leave-active{animation-name:rcDialogFadeOut;animation-play-state:running;}@keyframes rcDialogFadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes rcDialogFadeOut{0%{opacity:1;}100%{opacity:0;}}&-wrap{position:fixed;inset:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;}&-content{position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding-top:", ";background-color:", ";border-radius:", ";font-family:", ";box-shadow:", ";pointer-events:auto;}&-close{position:absolute;margin-top:8px;inset-inline-end:16px;z-index:1;padding:4px;text-decoration:none;background:transparent;border-radius:4px;width:24px;height:24px;border:0;outline:0;cursor:pointer;background-color:", ";svg{color:", ";}&:hover{background-color:", ";svg{color:", ";}}}&-header{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";}&-title{display:flex;flex-direction:column;gap:", ";}&-title-wrap{display:flex;flex-direction:row;align-items:center;gap:", ";}&-body{overflow-y:auto;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";color:", ";", "}&-footer{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";border-top:1px solid ", ";}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-zoom-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.6,0.04,0.98,0.34);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcDialogZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcDialogZoomOut;animation-play-state:running;}@keyframes rcDialogZoomIn{0%{opacity:0;transform:scale(0,0);}100%{opacity:1;transform:scale(1,1);}}@keyframes rcDialogZoomOut{0%{transform:scale(1,1);}100%{opacity:0;transform:scale(0,0);}}}"], function (_ref2) {
   var $prefixCls = _ref2.$prefixCls;
   return $prefixCls;
 }, function (_ref3) {
@@ -43122,17 +43118,17 @@ var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobal
   var $theme = _ref9.$theme;
   return $theme.shadow.large;
 }, function (_ref10) {
-  var $theme = _ref10.$theme;
-  return $theme.spacing['05'];
+  var color = _ref10.theme.color;
+  return color.icon_button_bg;
 }, function (_ref11) {
-  var $theme = _ref11.$theme;
-  return $theme.spacing['02'];
+  var color = _ref11.theme.color;
+  return color.icon_button_icon_default;
 }, function (_ref12) {
-  var $theme = _ref12.$theme;
-  return $theme.spacing['03'];
+  var color = _ref12.theme.color;
+  return color.icon_button_bg_hover;
 }, function (_ref13) {
-  var $theme = _ref13.$theme;
-  return $theme.spacing['07'];
+  var color = _ref13.theme.color;
+  return color.icon_button_icon_hover;
 }, function (_ref14) {
   var $theme = _ref14.$theme;
   return $theme.spacing['03'];
@@ -43144,31 +43140,31 @@ var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobal
   return $theme.spacing['03'];
 }, function (_ref17) {
   var $theme = _ref17.$theme;
-  return $theme.spacing['03'];
+  return $theme.spacing['07'];
 }, function (_ref18) {
   var $theme = _ref18.$theme;
-  return $theme.spacing['06'];
+  return $theme.spacing['03'];
 }, function (_ref19) {
   var $theme = _ref19.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['03'];
 }, function (_ref20) {
   var $theme = _ref20.$theme;
-  return $theme.spacing['08'];
+  return $theme.spacing['06'];
 }, function (_ref21) {
   var $theme = _ref21.$theme;
   return $theme.spacing['07'];
 }, function (_ref22) {
   var $theme = _ref22.$theme;
-  return $theme.color.text_secondary;
+  return $theme.spacing['08'];
 }, function (_ref23) {
   var $theme = _ref23.$theme;
-  return $theme.scrollbars.thin;
+  return $theme.spacing['07'];
 }, function (_ref24) {
   var $theme = _ref24.$theme;
-  return $theme.spacing['04'];
+  return $theme.color.text_secondary;
 }, function (_ref25) {
   var $theme = _ref25.$theme;
-  return $theme.spacing['07'];
+  return $theme.scrollbars.thin;
 }, function (_ref26) {
   var $theme = _ref26.$theme;
   return $theme.spacing['04'];
@@ -43177,17 +43173,37 @@ var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobal
   return $theme.spacing['07'];
 }, function (_ref28) {
   var $theme = _ref28.$theme;
+  return $theme.spacing['04'];
+}, function (_ref29) {
+  var $theme = _ref29.$theme;
+  return $theme.spacing['07'];
+}, function (_ref30) {
+  var $theme = _ref30.$theme;
   return $theme.color.border_secondary;
 });
-var ModalFooter = function ModalFooter(_ref29) {
-  var onOk = _ref29.onOk,
-    onCancel = _ref29.onCancel,
-    okLabel = _ref29.okLabel,
-    cancelLabel = _ref29.cancelLabel,
-    okProps = _ref29.okProps,
-    cancelProps = _ref29.cancelProps,
-    variant = _ref29.variant,
-    footer = _ref29.footer;
+var DialogHeader = function DialogHeader(_ref31) {
+  var icon = _ref31.icon,
+    title = _ref31.title,
+    subtitle = _ref31.subtitle,
+    prefixCls = _ref31.prefixCls;
+  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("div", {
+    className: "".concat(prefixCls, "-title-wrap")
+  }, icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Header, {
+    color: "text"
+  }, title)), !!subtitle && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
+    padding_right: "04",
+    color: "text_tertiary"
+  }, subtitle));
+};
+var DialogFooter = function DialogFooter(_ref32) {
+  var onOk = _ref32.onOk,
+    onCancel = _ref32.onCancel,
+    okLabel = _ref32.okLabel,
+    cancelLabel = _ref32.cancelLabel,
+    okProps = _ref32.okProps,
+    cancelProps = _ref32.cancelProps,
+    variant = _ref32.variant,
+    footer = _ref32.footer;
   var renderCancel = !footer && !!(onCancel && cancelLabel);
   var renderOk = !footer && !!(onOk && okLabel);
   var renderFooter = !!footer || renderOk || renderCancel;
@@ -43242,26 +43258,13 @@ var footerLayout = {
   horizontal_full: FooterFullHorizontal,
   vertical: FooterVertical
 };
-var CloseIcon = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon_js__WEBPACK_IMPORTED_MODULE_5__.Icon).attrs({
-  name: 'CloseSmall',
-  size: 'xs',
-  'data-testid': 'modal_header_close_button'
-}).withConfig({
-  displayName: "CloseIcon",
-  componentId: "sc-1p3wums-3"
-})(["background-color:", ";color:", ";&:hover{background-color:", ";color:", ";}"], function (_ref30) {
-  var color = _ref30.theme.color;
-  return color.icon_button_bg;
-}, function (_ref31) {
-  var color = _ref31.theme.color;
-  return color.icon_button_icon_default;
-}, function (_ref32) {
-  var color = _ref32.theme.color;
-  return color.icon_button_bg_hover;
-}, function (_ref33) {
-  var color = _ref33.theme.color;
-  return color.icon_button_icon_hover;
-});
+var CloseIcon = function CloseIcon() {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_js__WEBPACK_IMPORTED_MODULE_5__.Icon, {
+    name: "Close",
+    size: "xs",
+    "data-testid": "modal_header_close_button"
+  });
+};
 
 /***/ }),
 
@@ -49729,7 +49732,7 @@ _Tooltip.propTypes = {
 };
 _Tooltip.showDelay = 0.1;
 _Tooltip.hideDelay = 0.1;
-var Tooltip2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.createGlobalStyle)([".", "{&_white,&_black{position:absolute;display:block;visibility:visible;font-family:", ";font-size:", ";font-weight:", ";line-height:", ";padding:1px;width:fit-content;max-width:min(500px,80vw);background-color:transparent;&-hidden{display:none;}&-inner{padding:8px 10px;text-align:left;text-decoration:none;border-radius:", ";box-shadow:", ";min-height:", ";}&-arrow,&-arrow-inner{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{transform:translate(-50%,5px);margin-left:-6px;border-width:6px 6px 0;}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{bottom:1px;margin-left:-6px;border-width:6px 6px 0;}&-placement-top &-arrow{left:50%;}&-placement-topLeft &-arrow{left:15%;}&-placement-topRight &-arrow{right:15%;}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{left:-5px;margin-top:-6px;border-width:6px 6px 6px 0;transform:translateX(calc(-100% + 1px));}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{left:1px;margin-top:-6px;border-width:6px 6px 6px 0;}&-placement-right &-arrow{top:50%;}&-placement-rightTop &-arrow{top:15%;margin-top:0;}&-placement-rightBottom &-arrow{bottom:15%;}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{right:-5px;margin-top:-6px;border-width:6px 0 6px 6px;transform:translateX(calc(100% - 1px));}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{right:1px;margin-top:-6px;border-width:6px 0 6px 6px;}&-placement-left &-arrow{top:50%;}&-placement-leftTop &-arrow{top:15%;margin-top:0;}&-placement-leftBottom &-arrow{bottom:15%;}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{transform:translate(-50%,-5px);margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{top:1px;margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom &-arrow{left:50%;}&-placement-bottomLeft &-arrow{left:15%;}&-placement-bottomRight &-arrow{right:15%;}&&-zoom-appear,&&-zoom-enter{opacity:0;}&&-zoom-enter,&&-zoom-leave{display:block;}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-zoom-leave{animation-duration:0.1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.78,0.14,0.15,0.86);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcToolTipZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running;}@keyframes rcToolTipZoomIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}100%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}}}&_white{&-inner{color:", ";background-color:", ";border:1px solid ", ";}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{border-top-color:", ";}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{border-top-color:", ";}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{border-right-color:", ";}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{border-right-color:", ";}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{border-left-color:", ";}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{border-left-color:", ";}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{border-bottom-color:", ";}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{border-bottom-color:", ";}}&_black{&-inner{color:", ";background-color:", ";border:1px solid ", ";}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{border-top-color:", ";}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{border-top-color:", ";}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{border-right-color:", ";}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{border-right-color:", ";}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{border-left-color:", ";}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{border-left-color:", ";}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{border-bottom-color:", ";}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{border-bottom-color:", ";}}}"], function (_ref2) {
+var Tooltip2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.createGlobalStyle)([".", "{&_white,&_black{position:absolute;display:block;visibility:visible;font-family:", ";font-size:", ";font-weight:", ";line-height:", ";padding:1px;width:fit-content;max-width:min(500px,80vw);background-color:transparent;&-hidden{display:none;}&-inner{padding:8px 10px;text-align:left;text-decoration:none;border-radius:", ";box-shadow:", ";min-height:", ";}&-arrow,&-arrow::before{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{transform:translate(-50%,5px);margin-left:-6px;border-width:6px 6px 0;}&-placement-top &-arrow::before,&-placement-topLeft &-arrow::before,&-placement-topRight &-arrow::before{bottom:1px;margin-left:-6px;border-width:6px 6px 0;}&-placement-top &-arrow{left:50%;}&-placement-topLeft &-arrow{left:15%;}&-placement-topRight &-arrow{right:15%;}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{left:-5px;margin-top:-6px;border-width:6px 6px 6px 0;transform:translateX(calc(-100% + 1px));}&-placement-right &-arrow::before,&-placement-rightTop &-arrow::before,&-placement-rightBottom &-arrow::before{left:1px;margin-top:-6px;border-width:6px 6px 6px 0;}&-placement-right &-arrow{top:50%;}&-placement-rightTop &-arrow{top:15%;margin-top:0;}&-placement-rightBottom &-arrow{bottom:15%;}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{right:-5px;margin-top:-6px;border-width:6px 0 6px 6px;transform:translateX(calc(100% - 1px));}&-placement-left &-arrow::before,&-placement-leftTop &-arrow::before,&-placement-leftBottom &-arrow::before{right:1px;margin-top:-6px;border-width:6px 0 6px 6px;}&-placement-left &-arrow{top:50%;}&-placement-leftTop &-arrow{top:15%;margin-top:0;}&-placement-leftBottom &-arrow{bottom:15%;}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{transform:translate(-50%,-5px);margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom &-arrow::before,&-placement-bottomLeft &-arrow::before,&-placement-bottomRight &-arrow::before{top:1px;margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom &-arrow{left:50%;}&-placement-bottomLeft &-arrow{left:15%;}&-placement-bottomRight &-arrow{right:15%;}&&-zoom-appear,&&-zoom-enter{opacity:0;}&&-zoom-enter,&&-zoom-leave{display:block;}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-zoom-leave{animation-duration:0.1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.78,0.14,0.15,0.86);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcToolTipZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running;}@keyframes rcToolTipZoomIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}100%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}}}&_white{&-inner{color:", ";background-color:", ";border:1px solid ", ";}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{border-top-color:", ";}&-placement-top &-arrow::before,&-placement-topLeft &-arrow::before,&-placement-topRight &-arrow::before{content:'';border-top-color:", ";}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{border-right-color:", ";}&-placement-right &-arrow::before,&-placement-rightTop &-arrow::before,&-placement-rightBottom &-arrow::before{content:'';border-right-color:", ";}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{border-left-color:", ";}&-placement-left &-arrow::before,&-placement-leftTop &-arrow::before,&-placement-leftBottom &-arrow::before{content:'';border-left-color:", ";}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{border-bottom-color:", ";}&-placement-bottom &-arrow::before,&-placement-bottomLeft &-arrow::before,&-placement-bottomRight &-arrow::before{content:'';border-bottom-color:", ";}}&_black{&-inner{color:", ";background-color:", ";border:1px solid ", ";}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{border-top-color:", ";}&-placement-top &-arrow::before,&-placement-topLeft &-arrow::before,&-placement-topRight &-arrow::before{border-top-color:", ";}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{border-right-color:", ";}&-placement-right &-arrow::before,&-placement-rightTop &-arrow::before,&-placement-rightBottom &-arrow::before{border-right-color:", ";}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{border-left-color:", ";}&-placement-left &-arrow::before,&-placement-leftTop &-arrow::before,&-placement-leftBottom &-arrow::before{border-left-color:", ";}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{border-bottom-color:", ";}&-placement-bottom &-arrow::before,&-placement-bottomLeft &-arrow::before,&-placement-bottomRight &-arrow::before{border-bottom-color:", ";}}}"], function (_ref2) {
   var $prefixCls = _ref2.$prefixCls;
   return $prefixCls;
 }, function (_ref3) {
@@ -49743,7 +49746,7 @@ var Tooltip2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.createGlob
   return $theme.font_weight.regular;
 }, function (_ref6) {
   var $theme = _ref6.$theme;
-  return $theme.line_height.none;
+  return $theme.line_height.snug;
 }, function (_ref7) {
   var $theme = _ref7.$theme;
   return $theme.spacing['02'];