@luminati-io/uikit 3.8.1 → 3.8.3

package/dist/umd/uikit.development.js

@@ -28567,7 +28567,11 @@ var Badge = function Badge(props) {
     shape = props.shape,
     variant = props.variant,
     icon = props.icon,
-    iconPlacement = props.iconPlacement;
+    iconPlacement = props.iconPlacement,
+    onClick = props.onClick;
+  var handleClick = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
+    onClick === null || onClick === void 0 || onClick();
+  }, [onClick]);
   var bgColor = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return {
       "default": _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_3,
@@ -28594,7 +28598,8 @@ var Badge = function Badge(props) {
   }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, {
     name: icon,
     size: "xxs",
-    color: color
+    color: color,
+    onClick: handleClick
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
     variant: "xs",
     color: color
@@ -44788,7 +44793,8 @@ var Tooltip = function Tooltip(props) {
     noWrap = props.noWrap,
     interactive = props.interactive,
     trigger = props.trigger,
-    className = props.className;
+    className = props.className,
+    variant = props.variant;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null),
     _useState2 = _slicedToArray(_useState, 2),
     referenceElement = _useState2[0],
@@ -44854,10 +44860,11 @@ var Tooltip = function Tooltip(props) {
   var tooltipNode = visible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledTooltipBody, _extends({
     ref: setPopperElement,
     role: "tooltip",
+    $variant: variant,
     style: styles.popper
   }, attributes.popper, interactive ? triggerProps : {}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
     variant: "sm",
-    color: "white"
+    color: variant == 'white' ? 'black' : 'white'
   }, tooltip), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledTooltipArrow, _extends({
     ref: setArrowElement,
     style: styles.arrow
@@ -44875,14 +44882,16 @@ var Tooltip = function Tooltip(props) {
 };
 Tooltip.defaultProps = {
   placement: 'top',
-  trigger: 'hover'
+  trigger: 'hover',
+  variant: 'black'
 };
 Tooltip.propTypes = {
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   placement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_util__WEBPACK_IMPORTED_MODULE_5__.tooltipPlacement),
   noWrap: (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'])
+  trigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['hover', 'focus']),
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['black', 'white'])
 };
 var withTooltip = function withTooltip(Comp, tooltipProps) {
   return function WithTooltip(props) {
@@ -44892,7 +44901,9 @@ var withTooltip = function withTooltip(Comp, tooltipProps) {
 var StyledTooltipBody = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "StyledTooltipBody",
   componentId: "sc-146jrck-0"
-})(["background-color:", ";padding:", ";width:fit-content;max-width:500px;border-radius:", ";transition:opacity 200ms;z-index:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing['03'], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing['02'], _constants__WEBPACK_IMPORTED_MODULE_6__.Z_INDEX.tooltip);
+})(["background-color:", ";padding:", ";width:fit-content;max-width:500px;border-radius:", ";transition:opacity 200ms;z-index:", ";", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing['03'], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing['02'], _constants__WEBPACK_IMPORTED_MODULE_6__.Z_INDEX.tooltip, function (props) {
+  return props.$variant == 'white' && (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["background-color:", ";border:1px solid  ", ";box-shadow:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_4, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].box_shadow['md']);
+});
 var StyledTooltipArrow = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "StyledTooltipArrow",
   componentId: "sc-146jrck-1"