@luminati-io/uikit 6.3.0 → 6.3.1

package/dist/umd/uikit.development.js

@@ -36833,8 +36833,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["text", "variant", "size", "disabled", "loading", "loadingText", "icon", "iconPlacement"],
-  _excluded2 = ["isLeft", "isRight"];
+var _excluded = ["className", "classNamePrefix", "variant", "size", "disabled", "loading", "loadingText", "icon", "iconPlacement", "text", "children"],
+  _excluded2 = ["isLeft", "isRight", "size"];
 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; }
@@ -36847,7 +36847,9 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
-  var text = _ref.text,
+  var className = _ref.className,
+    _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'uikit_button' : _ref$classNamePrefix,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
     _ref$size = _ref.size,
@@ -36859,6 +36861,8 @@ var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRe
     icon = _ref.icon,
     _ref$iconPlacement = _ref.iconPlacement,
     iconPlacement = _ref$iconPlacement === void 0 ? 'left' : _ref$iconPlacement,
+    text = _ref.text,
+    children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getIconProps)('Button', {
       size: size,
@@ -36867,25 +36871,44 @@ var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRe
     }),
     isLeft = _getIconProps.isLeft,
     isRight = _getIconProps.isRight,
+    iconSize = _getIconProps.size,
     iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
+  var iconContent = !loading && (isLeft || isRight) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, _extends({
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
+      '-icon': true,
+      '-icon-left': isLeft,
+      '-icon-right': isRight
+    }),
+    size: iconSize
+  }, iconProps));
+  var buttonText = loading ? loadingText : text || children;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledButton, _extends({
     ref: ref
   }, rest, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(null, null, className, classNamePrefix),
     disabled: loading || disabled,
     $variant: variant,
     $size: size,
     $iconPlacement: isLeft || loading ? 'left' : isRight ? 'right' : ''
   }), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_loading_icon__WEBPACK_IMPORTED_MODULE_7__.LoadingIcon, {
-    size: iconProps.size
-  }), isLeft && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
+      '-icon': true,
+      '-icon-loading': true
+    }),
+    size: iconSize
+  }), isLeft && iconContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
+      '-text': true
+    }),
     variant: size == 'xs' ? 'sm' : 'lg',
     no_wrap: true,
     "data-label": true
-  }, loading ? loadingText : text), isRight && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, iconProps));
+  }, buttonText), isRight && iconContent);
 });
 Button.displayName = 'Button';
 Button.propTypes = {
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node).isRequired,
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['xs', 'sm', 'md', 'lg']),
   icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_6__.iconNames),
@@ -39915,6 +39938,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Link: () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_13__.Link),
 /* harmony export */   Menu: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_14__.Menu),
 /* harmony export */   Modal: () => (/* reexport module object */ _modal__WEBPACK_IMPORTED_MODULE_3__),
+/* harmony export */   Popover: () => (/* reexport safe */ _popover__WEBPACK_IMPORTED_MODULE_25__.Popover),
 /* harmony export */   Progress: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_15__.Progress),
 /* harmony export */   ProgressBar: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_15__.ProgressBar),
 /* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_18__.RemovableTag),
@@ -39923,17 +39947,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_17__.Table),
 /* harmony export */   Tabs: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_23__.Tabs),
 /* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_18__.TagGroup),
-/* harmony export */   ThemeProvider: () => (/* reexport safe */ _themes__WEBPACK_IMPORTED_MODULE_25__.ThemeProvider),
+/* harmony export */   ThemeProvider: () => (/* reexport safe */ _themes__WEBPACK_IMPORTED_MODULE_26__.ThemeProvider),
 /* harmony export */   Toast: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_19__.Toast),
 /* harmony export */   Toaster: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_19__.Toaster),
 /* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_24__.Tooltip),
 /* harmony export */   Tooltip2: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_24__.Tooltip2),
 /* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_5__),
-/* harmony export */   globalConfig: () => (/* reexport safe */ _global_config__WEBPACK_IMPORTED_MODULE_26__.globalConfig),
-/* harmony export */   setGlobalConfig: () => (/* reexport safe */ _global_config__WEBPACK_IMPORTED_MODULE_26__.setGlobalConfig),
-/* harmony export */   theme: () => (/* reexport safe */ _themes__WEBPACK_IMPORTED_MODULE_25__.lightTheme),
+/* harmony export */   globalConfig: () => (/* reexport safe */ _global_config__WEBPACK_IMPORTED_MODULE_27__.globalConfig),
+/* harmony export */   setGlobalConfig: () => (/* reexport safe */ _global_config__WEBPACK_IMPORTED_MODULE_27__.setGlobalConfig),
+/* harmony export */   theme: () => (/* reexport safe */ _themes__WEBPACK_IMPORTED_MODULE_26__.lightTheme),
 /* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_4__["default"]),
-/* harmony export */   useTheme: () => (/* reexport safe */ _themes__WEBPACK_IMPORTED_MODULE_25__.useTheme),
+/* harmony export */   useTheme: () => (/* reexport safe */ _themes__WEBPACK_IMPORTED_MODULE_26__.useTheme),
 /* harmony export */   useToaster: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_19__.useToaster),
 /* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_12__.withPopover)
 /* harmony export */ });
@@ -39962,8 +39986,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _infochip__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./infochip */ "./src/infochip.js");
 /* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./tab */ "./src/tab/index.js");
 /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip/index.js");
-/* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./themes */ "./src/themes/index.js");
-/* harmony import */ var _global_config__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./global_config */ "./src/global_config.js");
+/* harmony import */ var _popover__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./popover */ "./src/popover/index.js");
+/* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./themes */ "./src/themes/index.js");
+/* harmony import */ var _global_config__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./global_config */ "./src/global_config.js");
 // LICENSE_CODE ZON
 
 
@@ -39995,6 +40020,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 /***/ }),
@@ -47271,13 +47297,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __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 = ["text", "variant", "size", "underline", "icon", "iconPlacement", "as", "href", "target", "rel", "newTab"],
+var _excluded = ["className", "classNamePrefix", "variant", "size", "underline", "icon", "iconPlacement", "as", "href", "target", "rel", "newTab", "text", "children"],
   _excluded2 = ["isLeft", "isRight"];
 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 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; }
@@ -47293,8 +47320,11 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
+
 var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
-  var text = _ref.text,
+  var className = _ref.className,
+    _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'uikit_link' : _ref$classNamePrefix,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
     _ref$size = _ref.size,
@@ -47308,8 +47338,11 @@ var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(
     target = _ref.target,
     rel = _ref.rel,
     newTab = _ref.newTab,
+    text = _ref.text,
+    children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var linkProps = _objectSpread(_objectSpread({}, rest), getLinkProps({
+  var mergedText = text || children;
+  var lnkProps = _objectSpread(_objectSpread({}, rest), getLinkProps({
     as: as,
     href: href,
     target: target,
@@ -47318,8 +47351,8 @@ var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(
   }));
   if (variant == 'inline') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InlineLink, _extends({
     ref: ref
-  }, linkProps), text);
-  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_5__.getIconProps)('Link', {
+  }, lnkProps), mergedText);
+  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getIconProps)('Link', {
       size: size,
       icon: icon,
       iconPlacement: iconPlacement
@@ -47327,29 +47360,42 @@ var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(
     isLeft = _getIconProps.isLeft,
     isRight = _getIconProps.isRight,
     iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
-  var labelProps = {
-    variant: {
-      lg: 'lg',
-      sm: 'xs'
-    }[size] || 'base',
-    children: text,
-    no_wrap: true,
-    'data-label': true
-  };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledLink, _extends({
     ref: ref
-  }, linkProps, {
+  }, lnkProps, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(null, null, className, classNamePrefix),
     $variant: variant,
     $underline: underline,
     $size: size
-  }), isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, labelProps), isRight && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, iconProps));
+  }), isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, _extends({
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
+      '-icon': true,
+      '-icon-left': true
+    })
+  }, iconProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
+      '-text': true
+    }),
+    variant: {
+      lg: 'lg',
+      sm: 'xs'
+    }[size] || 'base',
+    no_wrap: true,
+    "data-label": "true"
+  }, mergedText), isRight && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, _extends({
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
+      '-icon': true,
+      '-icon-right': true
+    })
+  }, iconProps)));
 });
 Link.displayName = 'Link';
 Link.propTypes = {
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node).isRequired,
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['primary', 'secondary', 'inline']),
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_5__.iconNames),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_6__.iconNames),
   iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'right']),
   href: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   newTab: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
@@ -47377,7 +47423,7 @@ var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_2___default().a.with
   displayName: "StyledLink",
   componentId: "sc-1ilmd36-0"
 })(["display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:0 none;border:0 none;padding:0;gap:", ";color:", ";[data-label]{text-decoration:", ";}cursor:pointer;&:disabled{cursor:not-allowed;}&:hover:not(:disabled){color:", ";[data-label]{text-decoration:", ";}}&:hover,:visited,:focus{text-decoration:none;}"], function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.$size == 'lg' ? 8 : 4);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(props.$size == 'lg' ? 8 : 4);
 }, function (_ref2) {
   var $variant = _ref2.$variant,
     color = _ref2.theme.color;
@@ -49232,6 +49278,241 @@ var CompContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div
 
 /***/ }),
 
+/***/ "./src/popover/index.js":
+/*!******************************!*\
+  !*** ./src/popover/index.js ***!
+  \******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Popover: () => (/* reexport safe */ _popover__WEBPACK_IMPORTED_MODULE_0__.Popover)
+/* harmony export */ });
+/* harmony import */ var _popover__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./popover */ "./src/popover/popover.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+/***/ }),
+
+/***/ "./src/popover/placements.js":
+/*!***********************************!*\
+  !*** ./src/popover/placements.js ***!
+  \***********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   placements: () => (/* binding */ placements)
+/* harmony export */ });
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var autoAdjustOverflowTopBottom = {
+  shiftX: 64,
+  adjustY: 1
+};
+var autoAdjustOverflowLeftRight = {
+  adjustX: 1,
+  shiftY: true
+};
+var targetOffset = [0, 0];
+var placements = {
+  top: {
+    points: ['bc', 'tc'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [0, -6],
+    targetOffset: targetOffset
+  },
+  topLeft: {
+    points: ['bl', 'tl'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [0, -6],
+    targetOffset: targetOffset
+  },
+  topRight: {
+    points: ['br', 'tr'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [0, -6],
+    targetOffset: targetOffset
+  },
+  bottom: {
+    points: ['tc', 'bc'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [0, 6],
+    targetOffset: targetOffset
+  },
+  bottomLeft: {
+    points: ['tl', 'bl'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [0, 6],
+    targetOffset: targetOffset
+  },
+  bottomRight: {
+    points: ['tr', 'br'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [0, 6],
+    targetOffset: targetOffset
+  },
+  left: {
+    points: ['cr', 'cl'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [-6, 0],
+    targetOffset: targetOffset
+  },
+  leftTop: {
+    points: ['tr', 'tl'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [-6, 0],
+    targetOffset: targetOffset
+  },
+  leftBottom: {
+    points: ['br', 'bl'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [-6, 0],
+    targetOffset: targetOffset
+  },
+  right: {
+    points: ['cl', 'cr'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [6, 0],
+    targetOffset: targetOffset
+  },
+  rightTop: {
+    points: ['tl', 'tr'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [6, 0],
+    targetOffset: targetOffset
+  },
+  rightBottom: {
+    points: ['bl', 'br'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [6, 0],
+    targetOffset: targetOffset
+  }
+};
+
+/***/ }),
+
+/***/ "./src/popover/popover.js":
+/*!********************************!*\
+  !*** ./src/popover/popover.js ***!
+  \********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Popover: () => (/* binding */ _Popover)
+/* 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__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _rc_component_trigger__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @rc-component/trigger */ "./node_modules/@rc-component/trigger/es/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _placements__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./placements */ "./src/popover/placements.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var _excluded = ["className", "classNamePrefix", "style", "trigger", "visible", "placement", "popover", "onVisibleChange", "afterVisibleChange", "children"];
+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; }
+
+
+
+
+
+
+
+var _Popover = function Popover(_ref) {
+  var className = _ref.className,
+    _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'uikit_popover' : _ref$classNamePrefix,
+    style = _ref.style,
+    trigger = _ref.trigger,
+    visible = _ref.visible,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
+    popover = _ref.popover,
+    onVisibleChange = _ref.onVisibleChange,
+    afterVisibleChange = _ref.afterVisibleChange,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var theme = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.useTheme)();
+  var mouseEnterDelay = (0,_util__WEBPACK_IMPORTED_MODULE_4__.firstDefined)(rest.showDelay, _Popover.showDelay);
+  var mouseLeaveDelay = (0,_util__WEBPACK_IMPORTED_MODULE_4__.firstDefined)(rest.hideDelay, _Popover.hideDelay);
+  var popupMotion = {
+    motionName: "".concat(classNamePrefix, "-motion"),
+    motionAppear: true,
+    motionEnter: true,
+    motionLeave: true,
+    motionDeadline: 500
+  };
+  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(PopoverStyle, {
+    $prefixCls: classNamePrefix,
+    $theme: theme
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_rc_component_trigger__WEBPACK_IMPORTED_MODULE_3__["default"], {
+    prefixCls: classNamePrefix,
+    mask: true,
+    action: trigger,
+    popupPlacement: placement,
+    popupMotion: popupMotion,
+    popupClassName: className,
+    popupStyle: style,
+    popupVisible: visible,
+    onPopupVisibleChange: onVisibleChange,
+    builtinPlacements: _placements__WEBPACK_IMPORTED_MODULE_6__.placements,
+    zIndex: _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.popover,
+    afterPopupVisibleChange: afterVisibleChange,
+    mouseEnterDelay: mouseEnterDelay,
+    mouseLeaveDelay: mouseLeaveDelay,
+    popup: popover
+  }, children));
+};
+
+_Popover.propTypes = {
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  style: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
+  trigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([_constants__WEBPACK_IMPORTED_MODULE_5__.PT_TRIGGER, prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(_constants__WEBPACK_IMPORTED_MODULE_5__.PT_TRIGGER)]),
+  visible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  placement: _constants__WEBPACK_IMPORTED_MODULE_5__.PT_TOOLTIP_PLACEMENT,
+  popover: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  showDelay: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+  hideDelay: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+  onVisibleChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  afterVisibleChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
+};
+_Popover.showDelay = 0.1;
+_Popover.hideDelay = 0.1;
+var prefixCls = function prefixCls(p) {
+  return p.$prefixCls;
+};
+var theme = function theme(cb) {
+  return function (p) {
+    return cb(p.$theme);
+  };
+};
+var PopoverStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobalStyle)([".", "{position:absolute;display:block;visibility:visible;width:fit-content;border-radius:4px;border:1px solid ", ";background:", ";box-shadow:", ";&-hidden{display:none;}&-mask{position:fixed;inset:0;pointer-events:none;&-hidden{display:none;}}&-motion{&-enter,&-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;}&-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;}&-enter&-enter-active,&-appear&-appear-active{animation-name:rcPopoverZoomIn;animation-play-state:running;}&-leave&-leave-active{animation-name:rcPopoverZoomOut;animation-play-state:running;}}@keyframes rcPopoverZoomIn{0%{opacity:0;transform:scale(0,0);}100%{opacity:1;transform:scale(1,1);}}@keyframes rcPopoverZoomOut{0%{opacity:1;transform:scale(1,1);}100%{opacity:0;transform:scale(0,0);}}}"], prefixCls, theme(function (t) {
+  return t.color.border_secondary;
+}), theme(function (t) {
+  return t.color.bg_elevated;
+}), theme(function (t) {
+  return t.shadow.medium;
+}));
+
+/***/ }),
+
 /***/ "./src/progress/index.js":
 /*!*******************************!*\
   !*** ./src/progress/index.js ***!
@@ -50001,7 +50282,7 @@ var theme = function theme(cb) {
     return cb(p.$theme);
   };
 };
-var TabsStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.createGlobalStyle)([".", "{box-sizing:border-box;margin:0;padding:0;list-style:none;display:flex;&-top,&-bottom{flex-direction:column;.", "-nav-list{flex-direction:row;}}&-left,&-right{flex-direction:row;.", "-nav-list{flex-direction:column;}}&-nav{position:relative;display:flex;flex:none;align-items:center;&-wrap{position:relative;display:flex;flex:auto;align-self:stretch;white-space:nowrap;transform:translate(0);}&-list{position:relative;display:flex;transition:opacity 0.3s;justify-content:flex-start;align-items:center;box-sizing:border-box;width:fit-content;}}&-content-holder{flex:auto;min-width:0;min-height:0;box-sizing:border-box;}&-content{position:relative;width:100%;}&-tabpane{outline:none;&-hidden{display:none;}}&-tab{&-btn{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:0 none;background:transparent;min-width:0;width:fit-content;cursor:pointer;white-space:nowrap;font-family:", ";line-height:", ";letter-spacing:", ";}&-disabled{.", "-tab-btn{cursor:not-allowed;}}}&-main{.", "-nav-list{gap:24px;}.", "-tab{.", "-tab-btn{height:36px;padding:0;justify-content:center;gap:4px;color:", ";box-shadow:0px -1px 0px 0px ", " inset;font-size:", ";font-weight:", ";&:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-active{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -1px 0px 0px ", " inset;}}}}&-underline{.", "-tab{.", "-tab-btn{height:24px;padding:0 16px;justify-content:center;gap:4px;color:", ";box-shadow:0px -1px 0px 0px ", " inset;font-size:", ";font-weight:", ";&:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-active{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -1px 0px 0px ", " inset;}}}}&-contain{.", "-nav-list{padding:2px;gap:2px;border-radius:4px;background:", ";}.", "-tab{.", "-tab-btn{height:32px;padding:0px 8px;justify-content:center;gap:6px;border-radius:4px;color:", ";font-size:", ";font-weight:", ";&:hover{color:", ";background:", ";}}&-active{.", "-tab-btn,.", "-tab-btn:hover{background:", ";border:1px solid ", ";box-shadow:", ";font-weight:", ";}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";background:", ";}}}}&-vertical{.", "-tab{.", "-tab-btn{width:200px;height:40px;padding:0 12px;justify-content:flex-start;gap:4px;border-radius:0 4px 4px 0;border-left:1px solid transparent;color:", ";overflow-x:clip;text-overflow:ellipsis;&:hover{border-left-color:", ";}}&-active{.", "-tab-btn{background:", ";border-left-color:", ";}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";border-left-color:transparent;}}}}}"], prefixCls, prefixCls, prefixCls, theme(function (t) {
+var TabsStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.createGlobalStyle)([".", "{box-sizing:border-box;margin:0;padding:0;list-style:none;display:flex;&-top,&-bottom{flex-direction:column;.", "-nav-list{flex-direction:row;}}&-left,&-right{flex-direction:row;.", "-nav-list{flex-direction:column;}}&-nav{position:relative;display:flex;flex:none;align-items:center;&-wrap{position:relative;display:flex;flex:auto;align-self:stretch;white-space:nowrap;transform:translate(0);}&-list{position:relative;display:flex;transition:opacity 0.3s;justify-content:flex-start;align-items:center;box-sizing:border-box;width:fit-content;}&-operations{display:flex;align-self:stretch;&-hidden{position:absolute;visibility:hidden;pointer-events:none;}}}&-content-holder{flex:auto;min-width:0;min-height:0;box-sizing:border-box;}&-content{position:relative;width:100%;}&-tabpane{outline:none;&-hidden{display:none;}}&-tab{&-btn{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:0 none;background:transparent;min-width:0;width:fit-content;cursor:pointer;white-space:nowrap;font-family:", ";line-height:", ";letter-spacing:", ";}&-disabled{.", "-tab-btn{cursor:not-allowed;}}}&-main{.", "-nav-list{gap:24px;}.", "-tab{.", "-tab-btn{height:36px;padding:0;justify-content:center;gap:4px;color:", ";box-shadow:0px -1px 0px 0px ", " inset;font-size:", ";font-weight:", ";&:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-active{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -1px 0px 0px ", " inset;}}}}&-underline{.", "-tab{.", "-tab-btn{height:24px;padding:0 16px;justify-content:center;gap:4px;color:", ";box-shadow:0px -1px 0px 0px ", " inset;font-size:", ";font-weight:", ";&:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-active{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -2px 0px 0px ", " inset;}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";box-shadow:0px -1px 0px 0px ", " inset;}}}}&-contain{.", "-nav-list{padding:2px;gap:2px;border-radius:4px;background:", ";}.", "-tab{.", "-tab-btn{height:32px;padding:0px 8px;justify-content:center;gap:6px;border-radius:4px;color:", ";font-size:", ";font-weight:", ";&:hover{color:", ";background:", ";}}&-active{.", "-tab-btn,.", "-tab-btn:hover{background:", ";border:1px solid ", ";box-shadow:", ";font-weight:", ";}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";background:", ";}}}}&-vertical{.", "-tab{.", "-tab-btn{width:200px;height:40px;padding:0 12px;justify-content:flex-start;gap:4px;border-radius:0 4px 4px 0;border-left:1px solid transparent;color:", ";overflow-x:clip;text-overflow:ellipsis;&:hover{border-left-color:", ";}}&-active{.", "-tab-btn{background:", ";border-left-color:", ";}}&-disabled{.", "-tab-btn,.", "-tab-btn:hover{color:", ";border-left-color:transparent;}}}}&-ink-bar{display:none;position:absolute;pointer-events:none;}}"], prefixCls, prefixCls, prefixCls, theme(function (t) {
   return t.font_family.sans;
 }), theme(function (t) {
   return t.line_height.none;
@@ -143670,6 +143951,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Link: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Link),
 /* harmony export */   Menu: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Menu),
 /* harmony export */   Modal: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Modal),
+/* harmony export */   Popover: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Popover),
 /* harmony export */   Progress: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Progress),
 /* harmony export */   ProgressBar: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.ProgressBar),
 /* harmony export */   RemovableTag: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.RemovableTag),