@commercetools-uikit/tooltip 16.0.0 → 16.1.1

package/dist/commercetools-uikit-tooltip.cjs.dev.js

@@ -42,42 +42,36 @@ var usePopper__default = /*#__PURE__*/_interopDefault(usePopper);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 const getOffsetMargin = _ref => {
   let placement = _ref.placement;
   const position = placement && placement.split('-')[0] || '';
-
   switch (position) {
     case 'left':
     case 'right':
       return "0 ".concat(designSystem.designTokens.spacing10);
-
     case 'top':
     case 'bottom':
       return "".concat(designSystem.designTokens.spacing10, " 0");
-
     default:
       return '';
   }
 };
-
 const Body = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "e14le4p1"
 } : {
   target: "e14le4p1",
   label: "Body"
-})("font-family:inherit;border-radius:", designSystem.designTokens.borderRadius6, ";padding:", designSystem.designTokens.paddingForTooltip, ";border:none;box-shadow:", designSystem.designTokens.shadowForTooltip, ";font-size:", designSystem.designTokens.fontSize20, ";opacity:0.95;color:", designSystem.designTokens.colorSurface, ";background-color:", designSystem.designTokens.backgroundColorForTooltip, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvb2x0aXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEIiLCJmaWxlIjoidG9vbHRpcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRUb29sdGlwUHJvcHMgfSBmcm9tICcuL3Rvb2x0aXAnO1xuXG50eXBlIFREZXNpZ25Ub2tlbk5hbWUgPSBrZXlvZiB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5jb25zdCBnZXRPZmZzZXRNYXJnaW4gPSAoeyBwbGFjZW1lbnQgfTogeyBwbGFjZW1lbnQ6IHN0cmluZyB9KSA9PiB7XG4gIGNvbnN0IHBvc2l0aW9uID0gKHBsYWNlbWVudCAmJiBwbGFjZW1lbnQuc3BsaXQoJy0nKVswXSkgfHwgJyc7XG4gIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICBjYXNlICdsZWZ0JzpcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfWA7XG4gICAgY2FzZSAndG9wJzpcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9IDBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBCb2R5ID0gc3R5bGVkLmRpdmBcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVG9vbHRpcH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93Rm9yVG9vbHRpcH07XG4gIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUyMH07XG4gIG9wYWNpdHk6IDAuOTU7XG4gIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JUb29sdGlwfTtcbmA7XG5cbi8vIGhlcmUgd2UgdXNlIG9iamVjdCBzdHlsZXMgc28gd2UgY2FuIHNwcmVhZCB0aGVzZVxuLy8gd2l0aCB0aGUgc3R5bGVzIHdlIGdldCBmcm9tIHJlYWN0LXBvcHBlciA6RFxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCBjb25zdCBnZXRCb2R5U3R5bGVzID0gKHtcbiAgY29uc3RyYWludCxcbiAgcGxhY2VtZW50LFxuICBjdXN0b21TdHlsZXMsXG59OiB7XG4gIGNvbnN0cmFpbnQ6IFRUb29sdGlwUHJvcHNbJ2hvcml6b250YWxDb25zdHJhaW50J107XG4gIHBsYWNlbWVudDogc3RyaW5nO1xuICBjdXN0b21TdHlsZXM/OiBDU1NQcm9wZXJ0aWVzO1xufSk6IENTU1Byb3BlcnRpZXMgPT4ge1xuICBjb25zdCBjb25zdHJhaW50VG9rZW5OYW1lID0gYGNvbnN0cmFpbnQke2NvbnN0cmFpbnR9YDtcbiAgcmV0dXJuIHtcbiAgICBmb250RmFtaWx5OiAnaW5oZXJpdCcsXG4gICAgbWFyZ2luOiBgJHtnZXRPZmZzZXRNYXJnaW4oeyBwbGFjZW1lbnQgfSl9ICFpbXBvcnRhbnRgLFxuICAgIG1heFdpZHRoOlxuICAgICAgY29uc3RyYWludFRva2VuTmFtZSBpbiBkZXNpZ25Ub2tlbnNcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnNbY29uc3RyYWludFRva2VuTmFtZSBhcyBURGVzaWduVG9rZW5OYW1lXVxuICAgICAgICA6ICdhdXRvJyxcbiAgICAvLyBzbyBob3ZlcmluZyBvdmVyIHRoZSB0b29sdGlwIHdoZW4gdGhlIHRvb2x0aXAgb3ZlcmxhcHMgdGhlIGNvbXBvbmVudFxuICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICB3aWR0aDogY29uc3RyYWludCA9PT0gJ2F1dG8nID8gJ2F1dG8nIDogdW5kZWZpbmVkLFxuICAgIHpJbmRleDogMTAwMCxcbiAgICAuLi5jdXN0b21TdHlsZXMsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgPiA6ZGlzYWJsZWQge1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuIl19 */")); // here we use object styles so we can spread these
+})("font-family:inherit;border-radius:", designSystem.designTokens.borderRadius6, ";padding:", designSystem.designTokens.paddingForTooltip, ";border:none;box-shadow:", designSystem.designTokens.shadowForTooltip, ";font-size:", designSystem.designTokens.fontSize20, ";opacity:0.95;color:", designSystem.designTokens.colorSurface, ";background-color:", designSystem.designTokens.backgroundColorForTooltip, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvb2x0aXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEIiLCJmaWxlIjoidG9vbHRpcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRUb29sdGlwUHJvcHMgfSBmcm9tICcuL3Rvb2x0aXAnO1xuXG50eXBlIFREZXNpZ25Ub2tlbk5hbWUgPSBrZXlvZiB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5jb25zdCBnZXRPZmZzZXRNYXJnaW4gPSAoeyBwbGFjZW1lbnQgfTogeyBwbGFjZW1lbnQ6IHN0cmluZyB9KSA9PiB7XG4gIGNvbnN0IHBvc2l0aW9uID0gKHBsYWNlbWVudCAmJiBwbGFjZW1lbnQuc3BsaXQoJy0nKVswXSkgfHwgJyc7XG4gIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICBjYXNlICdsZWZ0JzpcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfWA7XG4gICAgY2FzZSAndG9wJzpcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9IDBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBCb2R5ID0gc3R5bGVkLmRpdmBcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVG9vbHRpcH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93Rm9yVG9vbHRpcH07XG4gIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUyMH07XG4gIG9wYWNpdHk6IDAuOTU7XG4gIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JUb29sdGlwfTtcbmA7XG5cbi8vIGhlcmUgd2UgdXNlIG9iamVjdCBzdHlsZXMgc28gd2UgY2FuIHNwcmVhZCB0aGVzZVxuLy8gd2l0aCB0aGUgc3R5bGVzIHdlIGdldCBmcm9tIHJlYWN0LXBvcHBlciA6RFxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCBjb25zdCBnZXRCb2R5U3R5bGVzID0gKHtcbiAgY29uc3RyYWludCxcbiAgcGxhY2VtZW50LFxuICBjdXN0b21TdHlsZXMsXG59OiB7XG4gIGNvbnN0cmFpbnQ6IFRUb29sdGlwUHJvcHNbJ2hvcml6b250YWxDb25zdHJhaW50J107XG4gIHBsYWNlbWVudDogc3RyaW5nO1xuICBjdXN0b21TdHlsZXM/OiBDU1NQcm9wZXJ0aWVzO1xufSk6IENTU1Byb3BlcnRpZXMgPT4ge1xuICBjb25zdCBjb25zdHJhaW50VG9rZW5OYW1lID0gYGNvbnN0cmFpbnQke2NvbnN0cmFpbnR9YDtcbiAgcmV0dXJuIHtcbiAgICBmb250RmFtaWx5OiAnaW5oZXJpdCcsXG4gICAgbWFyZ2luOiBgJHtnZXRPZmZzZXRNYXJnaW4oeyBwbGFjZW1lbnQgfSl9ICFpbXBvcnRhbnRgLFxuICAgIG1heFdpZHRoOlxuICAgICAgY29uc3RyYWludFRva2VuTmFtZSBpbiBkZXNpZ25Ub2tlbnNcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnNbY29uc3RyYWludFRva2VuTmFtZSBhcyBURGVzaWduVG9rZW5OYW1lXVxuICAgICAgICA6ICdhdXRvJyxcbiAgICAvLyBzbyBob3ZlcmluZyBvdmVyIHRoZSB0b29sdGlwIHdoZW4gdGhlIHRvb2x0aXAgb3ZlcmxhcHMgdGhlIGNvbXBvbmVudFxuICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICB3aWR0aDogY29uc3RyYWludCA9PT0gJ2F1dG8nID8gJ2F1dG8nIDogdW5kZWZpbmVkLFxuICAgIHpJbmRleDogMTAwMCxcbiAgICAuLi5jdXN0b21TdHlsZXMsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgPiA6ZGlzYWJsZWQge1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuIl19 */"));
+
+// here we use object styles so we can spread these
 // with the styles we get from react-popper :D
 // eslint-disable-next-line import/prefer-default-export
-
 const getBodyStyles = _ref2 => {
   let constraint = _ref2.constraint,
-      placement = _ref2.placement,
-      customStyles = _ref2.customStyles;
+    placement = _ref2.placement,
+    customStyles = _ref2.customStyles;
   const constraintTokenName = "constraint".concat(constraint);
   return _objectSpread$1({
     fontFamily: 'inherit',
@@ -107,14 +101,11 @@ const Wrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE
 });
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const sequentialId = utils.createSequentialId('tooltip-');
-
 const TooltipWrapper = props => jsxRuntime.jsx(jsxRuntime.Fragment, {
   children: props.children
 });
-
 TooltipWrapper.displayName = 'TooltipWrapperComponent';
 const tooltipDefaultProps = {
   closeAfter: 0,
@@ -122,25 +113,19 @@ const tooltipDefaultProps = {
   off: false,
   placement: 'top'
 };
-
 const Tooltip = props => {
   var _props$components, _props$components2, _props$components3, _props$components4, _props$components5, _props$components6, _props$styles;
-
   const leaveTimer = react.useRef();
   const childrenRef = react.useRef();
-
   if ((_props$components = props.components) !== null && _props$components !== void 0 && _props$components.BodyComponent) {
     process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.BodyComponent), "ui-kit/Tooltip: the prop 'components.BodyComponent' is not a valid React element.") : void 0;
   }
-
   if ((_props$components2 = props.components) !== null && _props$components2 !== void 0 && _props$components2.TooltipWrapperComponent) {
     process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.TooltipWrapperComponent), "ui-kit/Tooltip: the prop 'components.TooltipWrapperComponent' is not a valid React element.") : void 0;
   }
-
   if ((_props$components3 = props.components) !== null && _props$components3 !== void 0 && _props$components3.WrapperComponent) {
     process.env.NODE_ENV !== "production" ? utils.warning(reactIs.isValidElementType(props.components.WrapperComponent), "ui-kit/Tooltip: the prop 'components.WrapperComponent' is not a valid React element.") : void 0;
   }
-
   react.useEffect(() => {
     return () => {
       if (leaveTimer.current) {
@@ -148,19 +133,16 @@ const Tooltip = props => {
       }
     };
   }, []);
-
   const _usePopper = usePopper__default["default"]({
-    placement: props.placement,
-    modifiers: props.modifiers
-  }),
-        reference = _usePopper.reference,
-        popper = _usePopper.popper;
-
+      placement: props.placement,
+      modifiers: props.modifiers
+    }),
+    reference = _usePopper.reference,
+    popper = _usePopper.popper;
   const _useToggleState = hooks.useToggleState(false),
-        _useToggleState2 = _slicedToArray(_useToggleState, 2),
-        isOpen = _useToggleState2[0],
-        toggle = _useToggleState2[1];
-
+    _useToggleState2 = _slicedToArray(_useToggleState, 2),
+    isOpen = _useToggleState2[0],
+    toggle = _useToggleState2[1];
   const closeTooltip = react.useCallback(() => {
     toggle(false);
   }, [toggle]);
@@ -175,14 +157,13 @@ const Tooltip = props => {
     if (!isControlled) {
       closeTooltip();
     }
-
     if (onClose) {
       onClose(event);
     }
   }, [isControlled, closeTooltip, onClose]);
   const _props$children$props = props.children.props,
-        onFocus = _props$children$props.onFocus,
-        onMouseOver = _props$children$props.onMouseOver;
+    onFocus = _props$children$props.onFocus,
+    onMouseOver = _props$children$props.onMouseOver;
   const onOpen = props.onOpen;
   const handleEnter = react.useCallback(event => {
     // Remove the title ahead of time.
@@ -192,45 +173,37 @@ const Tooltip = props => {
       // @ts-ignore
       childrenRef.setAttribute('title', '');
     }
-
     if (event) {
       if (event.type === 'mouseover' && onMouseOver) {
         onMouseOver(event);
       }
-
       if (event.type === 'focus' && onFocus) {
         onFocus(event);
       }
-
       if (!isOpen && !isControlled) {
         openTooltip();
       }
-
       if (onOpen) {
         onOpen(event);
       }
-
       event.preventDefault();
       event.stopPropagation();
     }
   }, [onFocus, onOpen, onMouseOver, isControlled, isOpen, openTooltip]);
   const _props$children$props2 = props.children.props,
-        onBlur = _props$children$props2.onBlur,
-        onMouseLeave = _props$children$props2.onMouseLeave;
+    onBlur = _props$children$props2.onBlur,
+    onMouseLeave = _props$children$props2.onMouseLeave;
   const closeAfter = props.closeAfter;
   const handleLeave = react.useCallback(event => {
     if (leaveTimer.current) {
       clearTimeout(leaveTimer.current);
     }
-
     if (event.type === 'mouseleave' && onMouseLeave) {
       onMouseLeave(event);
     }
-
     if (event.type === 'blur' && onBlur) {
       onBlur(event);
     }
-
     if (closeAfter) {
       leaveTimer.current = _setTimeout__default["default"](() => {
         handleClose(event);
@@ -297,7 +270,6 @@ const Tooltip = props => {
     })]
   });
 };
-
 Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt__default["default"].element.isRequired,
   closeAfter: _pt__default["default"].number.isRequired,
@@ -322,7 +294,7 @@ Tooltip.defaultProps = tooltipDefaultProps;
 var Tooltip$1 = Tooltip;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.0.0";
+var version = "16.1.1";
 
 exports["default"] = Tooltip$1;
 exports.version = version;

package/dist/commercetools-uikit-tooltip.cjs.prod.js

@@ -41,37 +41,32 @@ var usePopper__default = /*#__PURE__*/_interopDefault(usePopper);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
 const getOffsetMargin = _ref => {
   let placement = _ref.placement;
   const position = placement && placement.split('-')[0] || '';
-
   switch (position) {
     case 'left':
     case 'right':
       return "0 ".concat(designSystem.designTokens.spacing10);
-
     case 'top':
     case 'bottom':
       return "".concat(designSystem.designTokens.spacing10, " 0");
-
     default:
       return '';
   }
 };
-
 const Body = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e14le4p1"
-} )("font-family:inherit;border-radius:", designSystem.designTokens.borderRadius6, ";padding:", designSystem.designTokens.paddingForTooltip, ";border:none;box-shadow:", designSystem.designTokens.shadowForTooltip, ";font-size:", designSystem.designTokens.fontSize20, ";opacity:0.95;color:", designSystem.designTokens.colorSurface, ";background-color:", designSystem.designTokens.backgroundColorForTooltip, ";" + ("" )); // here we use object styles so we can spread these
+} )("font-family:inherit;border-radius:", designSystem.designTokens.borderRadius6, ";padding:", designSystem.designTokens.paddingForTooltip, ";border:none;box-shadow:", designSystem.designTokens.shadowForTooltip, ";font-size:", designSystem.designTokens.fontSize20, ";opacity:0.95;color:", designSystem.designTokens.colorSurface, ";background-color:", designSystem.designTokens.backgroundColorForTooltip, ";" + ("" ));
+
+// here we use object styles so we can spread these
 // with the styles we get from react-popper :D
 // eslint-disable-next-line import/prefer-default-export
-
 const getBodyStyles = _ref2 => {
   let constraint = _ref2.constraint,
-      placement = _ref2.placement,
-      customStyles = _ref2.customStyles;
+    placement = _ref2.placement,
+    customStyles = _ref2.customStyles;
   const constraintTokenName = "constraint".concat(constraint);
   return _objectSpread$1({
     fontFamily: 'inherit',
@@ -93,14 +88,11 @@ const Wrapper = /*#__PURE__*/_styled__default["default"]("div", {
 } );
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const sequentialId = utils.createSequentialId('tooltip-');
-
 const TooltipWrapper = props => jsxRuntime.jsx(jsxRuntime.Fragment, {
   children: props.children
 });
-
 TooltipWrapper.displayName = 'TooltipWrapperComponent';
 const tooltipDefaultProps = {
   closeAfter: 0,
@@ -108,19 +100,13 @@ const tooltipDefaultProps = {
   off: false,
   placement: 'top'
 };
-
 const Tooltip = props => {
   var _props$components, _props$components2, _props$components3, _props$components4, _props$components5, _props$components6, _props$styles;
-
   const leaveTimer = react.useRef();
   const childrenRef = react.useRef();
-
   if ((_props$components = props.components) !== null && _props$components !== void 0 && _props$components.BodyComponent) ;
-
   if ((_props$components2 = props.components) !== null && _props$components2 !== void 0 && _props$components2.TooltipWrapperComponent) ;
-
   if ((_props$components3 = props.components) !== null && _props$components3 !== void 0 && _props$components3.WrapperComponent) ;
-
   react.useEffect(() => {
     return () => {
       if (leaveTimer.current) {
@@ -128,19 +114,16 @@ const Tooltip = props => {
       }
     };
   }, []);
-
   const _usePopper = usePopper__default["default"]({
-    placement: props.placement,
-    modifiers: props.modifiers
-  }),
-        reference = _usePopper.reference,
-        popper = _usePopper.popper;
-
+      placement: props.placement,
+      modifiers: props.modifiers
+    }),
+    reference = _usePopper.reference,
+    popper = _usePopper.popper;
   const _useToggleState = hooks.useToggleState(false),
-        _useToggleState2 = _slicedToArray(_useToggleState, 2),
-        isOpen = _useToggleState2[0],
-        toggle = _useToggleState2[1];
-
+    _useToggleState2 = _slicedToArray(_useToggleState, 2),
+    isOpen = _useToggleState2[0],
+    toggle = _useToggleState2[1];
   const closeTooltip = react.useCallback(() => {
     toggle(false);
   }, [toggle]);
@@ -155,14 +138,13 @@ const Tooltip = props => {
     if (!isControlled) {
       closeTooltip();
     }
-
     if (onClose) {
       onClose(event);
     }
   }, [isControlled, closeTooltip, onClose]);
   const _props$children$props = props.children.props,
-        onFocus = _props$children$props.onFocus,
-        onMouseOver = _props$children$props.onMouseOver;
+    onFocus = _props$children$props.onFocus,
+    onMouseOver = _props$children$props.onMouseOver;
   const onOpen = props.onOpen;
   const handleEnter = react.useCallback(event => {
     // Remove the title ahead of time.
@@ -172,45 +154,37 @@ const Tooltip = props => {
       // @ts-ignore
       childrenRef.setAttribute('title', '');
     }
-
     if (event) {
       if (event.type === 'mouseover' && onMouseOver) {
         onMouseOver(event);
       }
-
       if (event.type === 'focus' && onFocus) {
         onFocus(event);
       }
-
       if (!isOpen && !isControlled) {
         openTooltip();
       }
-
       if (onOpen) {
         onOpen(event);
       }
-
       event.preventDefault();
       event.stopPropagation();
     }
   }, [onFocus, onOpen, onMouseOver, isControlled, isOpen, openTooltip]);
   const _props$children$props2 = props.children.props,
-        onBlur = _props$children$props2.onBlur,
-        onMouseLeave = _props$children$props2.onMouseLeave;
+    onBlur = _props$children$props2.onBlur,
+    onMouseLeave = _props$children$props2.onMouseLeave;
   const closeAfter = props.closeAfter;
   const handleLeave = react.useCallback(event => {
     if (leaveTimer.current) {
       clearTimeout(leaveTimer.current);
     }
-
     if (event.type === 'mouseleave' && onMouseLeave) {
       onMouseLeave(event);
     }
-
     if (event.type === 'blur' && onBlur) {
       onBlur(event);
     }
-
     if (closeAfter) {
       leaveTimer.current = _setTimeout__default["default"](() => {
         handleClose(event);
@@ -277,14 +251,13 @@ const Tooltip = props => {
     })]
   });
 };
-
 Tooltip.propTypes = {};
 Tooltip.displayName = 'ToolTip';
 Tooltip.defaultProps = tooltipDefaultProps;
 var Tooltip$1 = Tooltip;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.0.0";
+var version = "16.1.1";
 
 exports["default"] = Tooltip$1;
 exports.version = version;

package/dist/commercetools-uikit-tooltip.esm.js

@@ -22,42 +22,36 @@ import { designTokens } from '@commercetools-uikit/design-system';
 import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
 
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 const getOffsetMargin = _ref => {
   let placement = _ref.placement;
   const position = placement && placement.split('-')[0] || '';
-
   switch (position) {
     case 'left':
     case 'right':
       return "0 ".concat(designTokens.spacing10);
-
     case 'top':
     case 'bottom':
       return "".concat(designTokens.spacing10, " 0");
-
     default:
       return '';
   }
 };
-
 const Body = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e14le4p1"
 } : {
   target: "e14le4p1",
   label: "Body"
-})("font-family:inherit;border-radius:", designTokens.borderRadius6, ";padding:", designTokens.paddingForTooltip, ";border:none;box-shadow:", designTokens.shadowForTooltip, ";font-size:", designTokens.fontSize20, ";opacity:0.95;color:", designTokens.colorSurface, ";background-color:", designTokens.backgroundColorForTooltip, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvb2x0aXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEIiLCJmaWxlIjoidG9vbHRpcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRUb29sdGlwUHJvcHMgfSBmcm9tICcuL3Rvb2x0aXAnO1xuXG50eXBlIFREZXNpZ25Ub2tlbk5hbWUgPSBrZXlvZiB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5jb25zdCBnZXRPZmZzZXRNYXJnaW4gPSAoeyBwbGFjZW1lbnQgfTogeyBwbGFjZW1lbnQ6IHN0cmluZyB9KSA9PiB7XG4gIGNvbnN0IHBvc2l0aW9uID0gKHBsYWNlbWVudCAmJiBwbGFjZW1lbnQuc3BsaXQoJy0nKVswXSkgfHwgJyc7XG4gIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICBjYXNlICdsZWZ0JzpcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfWA7XG4gICAgY2FzZSAndG9wJzpcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9IDBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBCb2R5ID0gc3R5bGVkLmRpdmBcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVG9vbHRpcH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93Rm9yVG9vbHRpcH07XG4gIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUyMH07XG4gIG9wYWNpdHk6IDAuOTU7XG4gIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JUb29sdGlwfTtcbmA7XG5cbi8vIGhlcmUgd2UgdXNlIG9iamVjdCBzdHlsZXMgc28gd2UgY2FuIHNwcmVhZCB0aGVzZVxuLy8gd2l0aCB0aGUgc3R5bGVzIHdlIGdldCBmcm9tIHJlYWN0LXBvcHBlciA6RFxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCBjb25zdCBnZXRCb2R5U3R5bGVzID0gKHtcbiAgY29uc3RyYWludCxcbiAgcGxhY2VtZW50LFxuICBjdXN0b21TdHlsZXMsXG59OiB7XG4gIGNvbnN0cmFpbnQ6IFRUb29sdGlwUHJvcHNbJ2hvcml6b250YWxDb25zdHJhaW50J107XG4gIHBsYWNlbWVudDogc3RyaW5nO1xuICBjdXN0b21TdHlsZXM/OiBDU1NQcm9wZXJ0aWVzO1xufSk6IENTU1Byb3BlcnRpZXMgPT4ge1xuICBjb25zdCBjb25zdHJhaW50VG9rZW5OYW1lID0gYGNvbnN0cmFpbnQke2NvbnN0cmFpbnR9YDtcbiAgcmV0dXJuIHtcbiAgICBmb250RmFtaWx5OiAnaW5oZXJpdCcsXG4gICAgbWFyZ2luOiBgJHtnZXRPZmZzZXRNYXJnaW4oeyBwbGFjZW1lbnQgfSl9ICFpbXBvcnRhbnRgLFxuICAgIG1heFdpZHRoOlxuICAgICAgY29uc3RyYWludFRva2VuTmFtZSBpbiBkZXNpZ25Ub2tlbnNcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnNbY29uc3RyYWludFRva2VuTmFtZSBhcyBURGVzaWduVG9rZW5OYW1lXVxuICAgICAgICA6ICdhdXRvJyxcbiAgICAvLyBzbyBob3ZlcmluZyBvdmVyIHRoZSB0b29sdGlwIHdoZW4gdGhlIHRvb2x0aXAgb3ZlcmxhcHMgdGhlIGNvbXBvbmVudFxuICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICB3aWR0aDogY29uc3RyYWludCA9PT0gJ2F1dG8nID8gJ2F1dG8nIDogdW5kZWZpbmVkLFxuICAgIHpJbmRleDogMTAwMCxcbiAgICAuLi5jdXN0b21TdHlsZXMsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgPiA6ZGlzYWJsZWQge1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuIl19 */")); // here we use object styles so we can spread these
+})("font-family:inherit;border-radius:", designTokens.borderRadius6, ";padding:", designTokens.paddingForTooltip, ";border:none;box-shadow:", designTokens.shadowForTooltip, ";font-size:", designTokens.fontSize20, ";opacity:0.95;color:", designTokens.colorSurface, ";background-color:", designTokens.backgroundColorForTooltip, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvb2x0aXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEIiLCJmaWxlIjoidG9vbHRpcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRUb29sdGlwUHJvcHMgfSBmcm9tICcuL3Rvb2x0aXAnO1xuXG50eXBlIFREZXNpZ25Ub2tlbk5hbWUgPSBrZXlvZiB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5jb25zdCBnZXRPZmZzZXRNYXJnaW4gPSAoeyBwbGFjZW1lbnQgfTogeyBwbGFjZW1lbnQ6IHN0cmluZyB9KSA9PiB7XG4gIGNvbnN0IHBvc2l0aW9uID0gKHBsYWNlbWVudCAmJiBwbGFjZW1lbnQuc3BsaXQoJy0nKVswXSkgfHwgJyc7XG4gIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICBjYXNlICdsZWZ0JzpcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfWA7XG4gICAgY2FzZSAndG9wJzpcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9IDBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBCb2R5ID0gc3R5bGVkLmRpdmBcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVG9vbHRpcH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93Rm9yVG9vbHRpcH07XG4gIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUyMH07XG4gIG9wYWNpdHk6IDAuOTU7XG4gIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JUb29sdGlwfTtcbmA7XG5cbi8vIGhlcmUgd2UgdXNlIG9iamVjdCBzdHlsZXMgc28gd2UgY2FuIHNwcmVhZCB0aGVzZVxuLy8gd2l0aCB0aGUgc3R5bGVzIHdlIGdldCBmcm9tIHJlYWN0LXBvcHBlciA6RFxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCBjb25zdCBnZXRCb2R5U3R5bGVzID0gKHtcbiAgY29uc3RyYWludCxcbiAgcGxhY2VtZW50LFxuICBjdXN0b21TdHlsZXMsXG59OiB7XG4gIGNvbnN0cmFpbnQ6IFRUb29sdGlwUHJvcHNbJ2hvcml6b250YWxDb25zdHJhaW50J107XG4gIHBsYWNlbWVudDogc3RyaW5nO1xuICBjdXN0b21TdHlsZXM/OiBDU1NQcm9wZXJ0aWVzO1xufSk6IENTU1Byb3BlcnRpZXMgPT4ge1xuICBjb25zdCBjb25zdHJhaW50VG9rZW5OYW1lID0gYGNvbnN0cmFpbnQke2NvbnN0cmFpbnR9YDtcbiAgcmV0dXJuIHtcbiAgICBmb250RmFtaWx5OiAnaW5oZXJpdCcsXG4gICAgbWFyZ2luOiBgJHtnZXRPZmZzZXRNYXJnaW4oeyBwbGFjZW1lbnQgfSl9ICFpbXBvcnRhbnRgLFxuICAgIG1heFdpZHRoOlxuICAgICAgY29uc3RyYWludFRva2VuTmFtZSBpbiBkZXNpZ25Ub2tlbnNcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnNbY29uc3RyYWludFRva2VuTmFtZSBhcyBURGVzaWduVG9rZW5OYW1lXVxuICAgICAgICA6ICdhdXRvJyxcbiAgICAvLyBzbyBob3ZlcmluZyBvdmVyIHRoZSB0b29sdGlwIHdoZW4gdGhlIHRvb2x0aXAgb3ZlcmxhcHMgdGhlIGNvbXBvbmVudFxuICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICB3aWR0aDogY29uc3RyYWludCA9PT0gJ2F1dG8nID8gJ2F1dG8nIDogdW5kZWZpbmVkLFxuICAgIHpJbmRleDogMTAwMCxcbiAgICAuLi5jdXN0b21TdHlsZXMsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgPiA6ZGlzYWJsZWQge1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuIl19 */"));
+
+// here we use object styles so we can spread these
 // with the styles we get from react-popper :D
 // eslint-disable-next-line import/prefer-default-export
-
 const getBodyStyles = _ref2 => {
   let constraint = _ref2.constraint,
-      placement = _ref2.placement,
-      customStyles = _ref2.customStyles;
+    placement = _ref2.placement,
+    customStyles = _ref2.customStyles;
   const constraintTokenName = "constraint".concat(constraint);
   return _objectSpread$1({
     fontFamily: 'inherit',
@@ -87,14 +81,11 @@ const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production
 });
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 const sequentialId = createSequentialId('tooltip-');
-
 const TooltipWrapper = props => jsx(Fragment, {
   children: props.children
 });
-
 TooltipWrapper.displayName = 'TooltipWrapperComponent';
 const tooltipDefaultProps = {
   closeAfter: 0,
@@ -102,25 +93,19 @@ const tooltipDefaultProps = {
   off: false,
   placement: 'top'
 };
-
 const Tooltip = props => {
   var _props$components, _props$components2, _props$components3, _props$components4, _props$components5, _props$components6, _props$styles;
-
   const leaveTimer = useRef();
   const childrenRef = useRef();
-
   if ((_props$components = props.components) !== null && _props$components !== void 0 && _props$components.BodyComponent) {
     process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.BodyComponent), "ui-kit/Tooltip: the prop 'components.BodyComponent' is not a valid React element.") : void 0;
   }
-
   if ((_props$components2 = props.components) !== null && _props$components2 !== void 0 && _props$components2.TooltipWrapperComponent) {
     process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.TooltipWrapperComponent), "ui-kit/Tooltip: the prop 'components.TooltipWrapperComponent' is not a valid React element.") : void 0;
   }
-
   if ((_props$components3 = props.components) !== null && _props$components3 !== void 0 && _props$components3.WrapperComponent) {
     process.env.NODE_ENV !== "production" ? warning(isValidElementType(props.components.WrapperComponent), "ui-kit/Tooltip: the prop 'components.WrapperComponent' is not a valid React element.") : void 0;
   }
-
   useEffect(() => {
     return () => {
       if (leaveTimer.current) {
@@ -128,19 +113,16 @@ const Tooltip = props => {
       }
     };
   }, []);
-
   const _usePopper = usePopper({
-    placement: props.placement,
-    modifiers: props.modifiers
-  }),
-        reference = _usePopper.reference,
-        popper = _usePopper.popper;
-
+      placement: props.placement,
+      modifiers: props.modifiers
+    }),
+    reference = _usePopper.reference,
+    popper = _usePopper.popper;
   const _useToggleState = useToggleState(false),
-        _useToggleState2 = _slicedToArray(_useToggleState, 2),
-        isOpen = _useToggleState2[0],
-        toggle = _useToggleState2[1];
-
+    _useToggleState2 = _slicedToArray(_useToggleState, 2),
+    isOpen = _useToggleState2[0],
+    toggle = _useToggleState2[1];
   const closeTooltip = useCallback(() => {
     toggle(false);
   }, [toggle]);
@@ -155,14 +137,13 @@ const Tooltip = props => {
     if (!isControlled) {
       closeTooltip();
     }
-
     if (onClose) {
       onClose(event);
     }
   }, [isControlled, closeTooltip, onClose]);
   const _props$children$props = props.children.props,
-        onFocus = _props$children$props.onFocus,
-        onMouseOver = _props$children$props.onMouseOver;
+    onFocus = _props$children$props.onFocus,
+    onMouseOver = _props$children$props.onMouseOver;
   const onOpen = props.onOpen;
   const handleEnter = useCallback(event => {
     // Remove the title ahead of time.
@@ -172,45 +153,37 @@ const Tooltip = props => {
       // @ts-ignore
       childrenRef.setAttribute('title', '');
     }
-
     if (event) {
       if (event.type === 'mouseover' && onMouseOver) {
         onMouseOver(event);
       }
-
       if (event.type === 'focus' && onFocus) {
         onFocus(event);
       }
-
       if (!isOpen && !isControlled) {
         openTooltip();
       }
-
       if (onOpen) {
         onOpen(event);
       }
-
       event.preventDefault();
       event.stopPropagation();
     }
   }, [onFocus, onOpen, onMouseOver, isControlled, isOpen, openTooltip]);
   const _props$children$props2 = props.children.props,
-        onBlur = _props$children$props2.onBlur,
-        onMouseLeave = _props$children$props2.onMouseLeave;
+    onBlur = _props$children$props2.onBlur,
+    onMouseLeave = _props$children$props2.onMouseLeave;
   const closeAfter = props.closeAfter;
   const handleLeave = useCallback(event => {
     if (leaveTimer.current) {
       clearTimeout(leaveTimer.current);
     }
-
     if (event.type === 'mouseleave' && onMouseLeave) {
       onMouseLeave(event);
     }
-
     if (event.type === 'blur' && onBlur) {
       onBlur(event);
     }
-
     if (closeAfter) {
       leaveTimer.current = _setTimeout(() => {
         handleClose(event);
@@ -277,7 +250,6 @@ const Tooltip = props => {
     })]
   });
 };
-
 Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt.element.isRequired,
   closeAfter: _pt.number.isRequired,
@@ -302,6 +274,6 @@ Tooltip.defaultProps = tooltipDefaultProps;
 var Tooltip$1 = Tooltip;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.0.0";
+var version = "16.1.1";
 
 export { Tooltip$1 as default, version };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/tooltip",
   "description": "Tooltips display informative text when users hover over or focus on an element.",
-  "version": "16.0.0",
+  "version": "16.1.1",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,10 +21,10 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/constraints": "16.0.0",
-    "@commercetools-uikit/design-system": "16.0.0",
-    "@commercetools-uikit/hooks": "16.0.0",
-    "@commercetools-uikit/utils": "16.0.0",
+    "@commercetools-uikit/constraints": "16.1.1",
+    "@commercetools-uikit/design-system": "16.1.1",
+    "@commercetools-uikit/hooks": "16.1.1",
+    "@commercetools-uikit/utils": "16.1.1",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "lodash": "4.17.21",