@commercetools-uikit/tooltip 15.2.4 → 15.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -54,11 +54,11 @@ var getOffsetMargin = function getOffsetMargin(_ref) {
|
|
|
54
54
|
switch (position) {
|
|
55
55
|
case 'left':
|
|
56
56
|
case 'right':
|
|
57
|
-
return "0 ".concat(designSystem.
|
|
57
|
+
return "0 ".concat(designSystem.designTokens.spacingXs);
|
|
58
58
|
|
|
59
59
|
case 'top':
|
|
60
60
|
case 'bottom':
|
|
61
|
-
return "".concat(designSystem.
|
|
61
|
+
return "".concat(designSystem.designTokens.spacingXs, " 0");
|
|
62
62
|
|
|
63
63
|
default:
|
|
64
64
|
return '';
|
|
@@ -70,7 +70,7 @@ var Body = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV
|
|
|
70
70
|
} : {
|
|
71
71
|
target: "e14le4p1",
|
|
72
72
|
label: "Body"
|
|
73
|
-
})("font-family:inherit;border-radius:", designSystem.
|
|
73
|
+
})("font-family:inherit;border-radius:", designSystem.designTokens.borderRadius6, ";padding:", designSystem.designTokens.spacingXs, " ", designSystem.designTokens.spacingS, ";border:'none';box-shadow:", designSystem.designTokens.shadow15, ";font-size:0.857rem;opacity:0.95;color:", designSystem.designTokens.colorSurface, ";background-color:", designSystem.designTokens.colorAccent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvb2x0aXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEIiLCJmaWxlIjoidG9vbHRpcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRUb29sdGlwUHJvcHMgfSBmcm9tICcuL3Rvb2x0aXAnO1xuXG50eXBlIFREZXNpZ25Ub2tlbk5hbWUgPSBrZXlvZiB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5jb25zdCBnZXRPZmZzZXRNYXJnaW4gPSAoeyBwbGFjZW1lbnQgfTogeyBwbGFjZW1lbnQ6IHN0cmluZyB9KSA9PiB7XG4gIGNvbnN0IHBvc2l0aW9uID0gKHBsYWNlbWVudCAmJiBwbGFjZW1lbnQuc3BsaXQoJy0nKVswXSkgfHwgJyc7XG4gIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICBjYXNlICdsZWZ0JzpcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ1hzfWA7XG4gICAgY2FzZSAndG9wJzpcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9IDBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBCb2R5ID0gc3R5bGVkLmRpdmBcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbiAgYm9yZGVyOiAnbm9uZSc7XG4gIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzE1fTtcbiAgZm9udC1zaXplOiAwLjg1N3JlbTtcbiAgb3BhY2l0eTogMC45NTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50fTtcbmA7XG5cbi8vIGhlcmUgd2UgdXNlIG9iamVjdCBzdHlsZXMgc28gd2UgY2FuIHNwcmVhZCB0aGVzZVxuLy8gd2l0aCB0aGUgc3R5bGVzIHdlIGdldCBmcm9tIHJlYWN0LXBvcHBlciA6RFxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCBjb25zdCBnZXRCb2R5U3R5bGVzID0gKHtcbiAgY29uc3RyYWludCxcbiAgcGxhY2VtZW50LFxuICBjdXN0b21TdHlsZXMsXG59OiB7XG4gIGNvbnN0cmFpbnQ6IFRUb29sdGlwUHJvcHNbJ2hvcml6b250YWxDb25zdHJhaW50J107XG4gIHBsYWNlbWVudDogc3RyaW5nO1xuICBjdXN0b21TdHlsZXM/OiBDU1NQcm9wZXJ0aWVzO1xufSk6IENTU1Byb3BlcnRpZXMgPT4ge1xuICBjb25zdCBjb25zdHJhaW50VG9rZW5OYW1lID0gYGNvbnN0cmFpbnQke2NvbnN0cmFpbnR9YDtcbiAgcmV0dXJuIHtcbiAgICBmb250RmFtaWx5OiAnaW5oZXJpdCcsXG4gICAgbWFyZ2luOiBgJHtnZXRPZmZzZXRNYXJnaW4oeyBwbGFjZW1lbnQgfSl9ICFpbXBvcnRhbnRgLFxuICAgIG1heFdpZHRoOlxuICAgICAgY29uc3RyYWludFRva2VuTmFtZSBpbiBkZXNpZ25Ub2tlbnNcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnNbY29uc3RyYWludFRva2VuTmFtZSBhcyBURGVzaWduVG9rZW5OYW1lXVxuICAgICAgICA6ICdhdXRvJyxcbiAgICAvLyBzbyBob3ZlcmluZyBvdmVyIHRoZSB0b29sdGlwIHdoZW4gdGhlIHRvb2x0aXAgb3ZlcmxhcHMgdGhlIGNvbXBvbmVudFxuICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICB3aWR0aDogY29uc3RyYWludCA9PT0gJ2F1dG8nID8gJ2F1dG8nIDogdW5kZWZpbmVkLFxuICAgIHpJbmRleDogMSxcbiAgICAuLi5jdXN0b21TdHlsZXMsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgPiA6ZGlzYWJsZWQge1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuIl19 */")); // here we use object styles so we can spread these
|
|
74
74
|
// with the styles we get from react-popper :D
|
|
75
75
|
// eslint-disable-next-line import/prefer-default-export
|
|
76
76
|
|
|
@@ -78,12 +78,13 @@ var getBodyStyles = function getBodyStyles(_ref2) {
|
|
|
78
78
|
var constraint = _ref2.constraint,
|
|
79
79
|
placement = _ref2.placement,
|
|
80
80
|
customStyles = _ref2.customStyles;
|
|
81
|
+
var constraintTokenName = "constraint".concat(constraint);
|
|
81
82
|
return _objectSpread$1({
|
|
82
83
|
fontFamily: 'inherit',
|
|
83
84
|
margin: "".concat(getOffsetMargin({
|
|
84
85
|
placement: placement
|
|
85
86
|
}), " !important"),
|
|
86
|
-
maxWidth: designSystem.
|
|
87
|
+
maxWidth: constraintTokenName in designSystem.designTokens ? designSystem.designTokens[constraintTokenName] : 'auto',
|
|
87
88
|
// so hovering over the tooltip when the tooltip overlaps the component
|
|
88
89
|
pointerEvents: 'none',
|
|
89
90
|
width: constraint === 'auto' ? 'auto' : undefined,
|
|
@@ -101,7 +102,7 @@ var Wrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_E
|
|
|
101
102
|
} : {
|
|
102
103
|
name: "18fwu9s",
|
|
103
104
|
styles: "display:inline-block;cursor:not-allowed;>:disabled{pointer-events:none;}",
|
|
104
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
105
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvb2x0aXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEaUMiLCJmaWxlIjoidG9vbHRpcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRUb29sdGlwUHJvcHMgfSBmcm9tICcuL3Rvb2x0aXAnO1xuXG50eXBlIFREZXNpZ25Ub2tlbk5hbWUgPSBrZXlvZiB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5jb25zdCBnZXRPZmZzZXRNYXJnaW4gPSAoeyBwbGFjZW1lbnQgfTogeyBwbGFjZW1lbnQ6IHN0cmluZyB9KSA9PiB7XG4gIGNvbnN0IHBvc2l0aW9uID0gKHBsYWNlbWVudCAmJiBwbGFjZW1lbnQuc3BsaXQoJy0nKVswXSkgfHwgJyc7XG4gIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICBjYXNlICdsZWZ0JzpcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ1hzfWA7XG4gICAgY2FzZSAndG9wJzpcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9IDBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBCb2R5ID0gc3R5bGVkLmRpdmBcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbiAgYm9yZGVyOiAnbm9uZSc7XG4gIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzE1fTtcbiAgZm9udC1zaXplOiAwLjg1N3JlbTtcbiAgb3BhY2l0eTogMC45NTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50fTtcbmA7XG5cbi8vIGhlcmUgd2UgdXNlIG9iamVjdCBzdHlsZXMgc28gd2UgY2FuIHNwcmVhZCB0aGVzZVxuLy8gd2l0aCB0aGUgc3R5bGVzIHdlIGdldCBmcm9tIHJlYWN0LXBvcHBlciA6RFxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCBjb25zdCBnZXRCb2R5U3R5bGVzID0gKHtcbiAgY29uc3RyYWludCxcbiAgcGxhY2VtZW50LFxuICBjdXN0b21TdHlsZXMsXG59OiB7XG4gIGNvbnN0cmFpbnQ6IFRUb29sdGlwUHJvcHNbJ2hvcml6b250YWxDb25zdHJhaW50J107XG4gIHBsYWNlbWVudDogc3RyaW5nO1xuICBjdXN0b21TdHlsZXM/OiBDU1NQcm9wZXJ0aWVzO1xufSk6IENTU1Byb3BlcnRpZXMgPT4ge1xuICBjb25zdCBjb25zdHJhaW50VG9rZW5OYW1lID0gYGNvbnN0cmFpbnQke2NvbnN0cmFpbnR9YDtcbiAgcmV0dXJuIHtcbiAgICBmb250RmFtaWx5OiAnaW5oZXJpdCcsXG4gICAgbWFyZ2luOiBgJHtnZXRPZmZzZXRNYXJnaW4oeyBwbGFjZW1lbnQgfSl9ICFpbXBvcnRhbnRgLFxuICAgIG1heFdpZHRoOlxuICAgICAgY29uc3RyYWludFRva2VuTmFtZSBpbiBkZXNpZ25Ub2tlbnNcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnNbY29uc3RyYWludFRva2VuTmFtZSBhcyBURGVzaWduVG9rZW5OYW1lXVxuICAgICAgICA6ICdhdXRvJyxcbiAgICAvLyBzbyBob3ZlcmluZyBvdmVyIHRoZSB0b29sdGlwIHdoZW4gdGhlIHRvb2x0aXAgb3ZlcmxhcHMgdGhlIGNvbXBvbmVudFxuICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICB3aWR0aDogY29uc3RyYWludCA9PT0gJ2F1dG8nID8gJ2F1dG8nIDogdW5kZWZpbmVkLFxuICAgIHpJbmRleDogMSxcbiAgICAuLi5jdXN0b21TdHlsZXMsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgPiA6ZGlzYWJsZWQge1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuIl19 */",
|
|
105
106
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
106
107
|
});
|
|
107
108
|
|
|
@@ -323,7 +324,7 @@ Tooltip.defaultProps = tooltipDefaultProps;
|
|
|
323
324
|
var Tooltip$1 = Tooltip;
|
|
324
325
|
|
|
325
326
|
// NOTE: This string will be replaced on build time with the package version.
|
|
326
|
-
var version = "15.
|
|
327
|
+
var version = "15.3.0";
|
|
327
328
|
|
|
328
329
|
exports["default"] = Tooltip$1;
|
|
329
330
|
exports.version = version;
|
|
@@ -51,11 +51,11 @@ var getOffsetMargin = function getOffsetMargin(_ref) {
|
|
|
51
51
|
switch (position) {
|
|
52
52
|
case 'left':
|
|
53
53
|
case 'right':
|
|
54
|
-
return "0 ".concat(designSystem.
|
|
54
|
+
return "0 ".concat(designSystem.designTokens.spacingXs);
|
|
55
55
|
|
|
56
56
|
case 'top':
|
|
57
57
|
case 'bottom':
|
|
58
|
-
return "".concat(designSystem.
|
|
58
|
+
return "".concat(designSystem.designTokens.spacingXs, " 0");
|
|
59
59
|
|
|
60
60
|
default:
|
|
61
61
|
return '';
|
|
@@ -64,7 +64,7 @@ var getOffsetMargin = function getOffsetMargin(_ref) {
|
|
|
64
64
|
|
|
65
65
|
var Body = /*#__PURE__*/_styled__default["default"]("div", {
|
|
66
66
|
target: "e14le4p1"
|
|
67
|
-
} )("font-family:inherit;border-radius:", designSystem.
|
|
67
|
+
} )("font-family:inherit;border-radius:", designSystem.designTokens.borderRadius6, ";padding:", designSystem.designTokens.spacingXs, " ", designSystem.designTokens.spacingS, ";border:'none';box-shadow:", designSystem.designTokens.shadow15, ";font-size:0.857rem;opacity:0.95;color:", designSystem.designTokens.colorSurface, ";background-color:", designSystem.designTokens.colorAccent, ";" + ("" )); // here we use object styles so we can spread these
|
|
68
68
|
// with the styles we get from react-popper :D
|
|
69
69
|
// eslint-disable-next-line import/prefer-default-export
|
|
70
70
|
|
|
@@ -72,12 +72,13 @@ var getBodyStyles = function getBodyStyles(_ref2) {
|
|
|
72
72
|
var constraint = _ref2.constraint,
|
|
73
73
|
placement = _ref2.placement,
|
|
74
74
|
customStyles = _ref2.customStyles;
|
|
75
|
+
var constraintTokenName = "constraint".concat(constraint);
|
|
75
76
|
return _objectSpread$1({
|
|
76
77
|
fontFamily: 'inherit',
|
|
77
78
|
margin: "".concat(getOffsetMargin({
|
|
78
79
|
placement: placement
|
|
79
80
|
}), " !important"),
|
|
80
|
-
maxWidth: designSystem.
|
|
81
|
+
maxWidth: constraintTokenName in designSystem.designTokens ? designSystem.designTokens[constraintTokenName] : 'auto',
|
|
81
82
|
// so hovering over the tooltip when the tooltip overlaps the component
|
|
82
83
|
pointerEvents: 'none',
|
|
83
84
|
width: constraint === 'auto' ? 'auto' : undefined,
|
|
@@ -285,7 +286,7 @@ Tooltip.defaultProps = tooltipDefaultProps;
|
|
|
285
286
|
var Tooltip$1 = Tooltip;
|
|
286
287
|
|
|
287
288
|
// NOTE: This string will be replaced on build time with the package version.
|
|
288
|
-
var version = "15.
|
|
289
|
+
var version = "15.3.0";
|
|
289
290
|
|
|
290
291
|
exports["default"] = Tooltip$1;
|
|
291
292
|
exports.version = version;
|
|
@@ -18,7 +18,7 @@ import usePopper from 'use-popper';
|
|
|
18
18
|
import { useToggleState, useFieldId } from '@commercetools-uikit/hooks';
|
|
19
19
|
import { createSequentialId, warning } from '@commercetools-uikit/utils';
|
|
20
20
|
import _styled from '@emotion/styled/base';
|
|
21
|
-
import {
|
|
21
|
+
import { designTokens } from '@commercetools-uikit/design-system';
|
|
22
22
|
import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
|
|
23
23
|
|
|
24
24
|
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; }
|
|
@@ -34,11 +34,11 @@ var getOffsetMargin = function getOffsetMargin(_ref) {
|
|
|
34
34
|
switch (position) {
|
|
35
35
|
case 'left':
|
|
36
36
|
case 'right':
|
|
37
|
-
return "0 ".concat(
|
|
37
|
+
return "0 ".concat(designTokens.spacingXs);
|
|
38
38
|
|
|
39
39
|
case 'top':
|
|
40
40
|
case 'bottom':
|
|
41
|
-
return "".concat(
|
|
41
|
+
return "".concat(designTokens.spacingXs, " 0");
|
|
42
42
|
|
|
43
43
|
default:
|
|
44
44
|
return '';
|
|
@@ -50,7 +50,7 @@ var Body = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
|
50
50
|
} : {
|
|
51
51
|
target: "e14le4p1",
|
|
52
52
|
label: "Body"
|
|
53
|
-
})("font-family:inherit;border-radius:",
|
|
53
|
+
})("font-family:inherit;border-radius:", designTokens.borderRadius6, ";padding:", designTokens.spacingXs, " ", designTokens.spacingS, ";border:'none';box-shadow:", designTokens.shadow15, ";font-size:0.857rem;opacity:0.95;color:", designTokens.colorSurface, ";background-color:", designTokens.colorAccent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvb2x0aXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEIiLCJmaWxlIjoidG9vbHRpcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRUb29sdGlwUHJvcHMgfSBmcm9tICcuL3Rvb2x0aXAnO1xuXG50eXBlIFREZXNpZ25Ub2tlbk5hbWUgPSBrZXlvZiB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5jb25zdCBnZXRPZmZzZXRNYXJnaW4gPSAoeyBwbGFjZW1lbnQgfTogeyBwbGFjZW1lbnQ6IHN0cmluZyB9KSA9PiB7XG4gIGNvbnN0IHBvc2l0aW9uID0gKHBsYWNlbWVudCAmJiBwbGFjZW1lbnQuc3BsaXQoJy0nKVswXSkgfHwgJyc7XG4gIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICBjYXNlICdsZWZ0JzpcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ1hzfWA7XG4gICAgY2FzZSAndG9wJzpcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9IDBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBCb2R5ID0gc3R5bGVkLmRpdmBcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbiAgYm9yZGVyOiAnbm9uZSc7XG4gIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzE1fTtcbiAgZm9udC1zaXplOiAwLjg1N3JlbTtcbiAgb3BhY2l0eTogMC45NTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50fTtcbmA7XG5cbi8vIGhlcmUgd2UgdXNlIG9iamVjdCBzdHlsZXMgc28gd2UgY2FuIHNwcmVhZCB0aGVzZVxuLy8gd2l0aCB0aGUgc3R5bGVzIHdlIGdldCBmcm9tIHJlYWN0LXBvcHBlciA6RFxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCBjb25zdCBnZXRCb2R5U3R5bGVzID0gKHtcbiAgY29uc3RyYWludCxcbiAgcGxhY2VtZW50LFxuICBjdXN0b21TdHlsZXMsXG59OiB7XG4gIGNvbnN0cmFpbnQ6IFRUb29sdGlwUHJvcHNbJ2hvcml6b250YWxDb25zdHJhaW50J107XG4gIHBsYWNlbWVudDogc3RyaW5nO1xuICBjdXN0b21TdHlsZXM/OiBDU1NQcm9wZXJ0aWVzO1xufSk6IENTU1Byb3BlcnRpZXMgPT4ge1xuICBjb25zdCBjb25zdHJhaW50VG9rZW5OYW1lID0gYGNvbnN0cmFpbnQke2NvbnN0cmFpbnR9YDtcbiAgcmV0dXJuIHtcbiAgICBmb250RmFtaWx5OiAnaW5oZXJpdCcsXG4gICAgbWFyZ2luOiBgJHtnZXRPZmZzZXRNYXJnaW4oeyBwbGFjZW1lbnQgfSl9ICFpbXBvcnRhbnRgLFxuICAgIG1heFdpZHRoOlxuICAgICAgY29uc3RyYWludFRva2VuTmFtZSBpbiBkZXNpZ25Ub2tlbnNcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnNbY29uc3RyYWludFRva2VuTmFtZSBhcyBURGVzaWduVG9rZW5OYW1lXVxuICAgICAgICA6ICdhdXRvJyxcbiAgICAvLyBzbyBob3ZlcmluZyBvdmVyIHRoZSB0b29sdGlwIHdoZW4gdGhlIHRvb2x0aXAgb3ZlcmxhcHMgdGhlIGNvbXBvbmVudFxuICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICB3aWR0aDogY29uc3RyYWludCA9PT0gJ2F1dG8nID8gJ2F1dG8nIDogdW5kZWZpbmVkLFxuICAgIHpJbmRleDogMSxcbiAgICAuLi5jdXN0b21TdHlsZXMsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgPiA6ZGlzYWJsZWQge1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuIl19 */")); // here we use object styles so we can spread these
|
|
54
54
|
// with the styles we get from react-popper :D
|
|
55
55
|
// eslint-disable-next-line import/prefer-default-export
|
|
56
56
|
|
|
@@ -58,12 +58,13 @@ var getBodyStyles = function getBodyStyles(_ref2) {
|
|
|
58
58
|
var constraint = _ref2.constraint,
|
|
59
59
|
placement = _ref2.placement,
|
|
60
60
|
customStyles = _ref2.customStyles;
|
|
61
|
+
var constraintTokenName = "constraint".concat(constraint);
|
|
61
62
|
return _objectSpread$1({
|
|
62
63
|
fontFamily: 'inherit',
|
|
63
64
|
margin: "".concat(getOffsetMargin({
|
|
64
65
|
placement: placement
|
|
65
66
|
}), " !important"),
|
|
66
|
-
maxWidth:
|
|
67
|
+
maxWidth: constraintTokenName in designTokens ? designTokens[constraintTokenName] : 'auto',
|
|
67
68
|
// so hovering over the tooltip when the tooltip overlaps the component
|
|
68
69
|
pointerEvents: 'none',
|
|
69
70
|
width: constraint === 'auto' ? 'auto' : undefined,
|
|
@@ -81,7 +82,7 @@ var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
|
|
|
81
82
|
} : {
|
|
82
83
|
name: "18fwu9s",
|
|
83
84
|
styles: "display:inline-block;cursor:not-allowed;>:disabled{pointer-events:none;}",
|
|
84
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
85
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvb2x0aXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEaUMiLCJmaWxlIjoidG9vbHRpcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRUb29sdGlwUHJvcHMgfSBmcm9tICcuL3Rvb2x0aXAnO1xuXG50eXBlIFREZXNpZ25Ub2tlbk5hbWUgPSBrZXlvZiB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5jb25zdCBnZXRPZmZzZXRNYXJnaW4gPSAoeyBwbGFjZW1lbnQgfTogeyBwbGFjZW1lbnQ6IHN0cmluZyB9KSA9PiB7XG4gIGNvbnN0IHBvc2l0aW9uID0gKHBsYWNlbWVudCAmJiBwbGFjZW1lbnQuc3BsaXQoJy0nKVswXSkgfHwgJyc7XG4gIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICBjYXNlICdsZWZ0JzpcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ1hzfWA7XG4gICAgY2FzZSAndG9wJzpcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9IDBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBCb2R5ID0gc3R5bGVkLmRpdmBcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbiAgYm9yZGVyOiAnbm9uZSc7XG4gIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzE1fTtcbiAgZm9udC1zaXplOiAwLjg1N3JlbTtcbiAgb3BhY2l0eTogMC45NTtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50fTtcbmA7XG5cbi8vIGhlcmUgd2UgdXNlIG9iamVjdCBzdHlsZXMgc28gd2UgY2FuIHNwcmVhZCB0aGVzZVxuLy8gd2l0aCB0aGUgc3R5bGVzIHdlIGdldCBmcm9tIHJlYWN0LXBvcHBlciA6RFxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCBjb25zdCBnZXRCb2R5U3R5bGVzID0gKHtcbiAgY29uc3RyYWludCxcbiAgcGxhY2VtZW50LFxuICBjdXN0b21TdHlsZXMsXG59OiB7XG4gIGNvbnN0cmFpbnQ6IFRUb29sdGlwUHJvcHNbJ2hvcml6b250YWxDb25zdHJhaW50J107XG4gIHBsYWNlbWVudDogc3RyaW5nO1xuICBjdXN0b21TdHlsZXM/OiBDU1NQcm9wZXJ0aWVzO1xufSk6IENTU1Byb3BlcnRpZXMgPT4ge1xuICBjb25zdCBjb25zdHJhaW50VG9rZW5OYW1lID0gYGNvbnN0cmFpbnQke2NvbnN0cmFpbnR9YDtcbiAgcmV0dXJuIHtcbiAgICBmb250RmFtaWx5OiAnaW5oZXJpdCcsXG4gICAgbWFyZ2luOiBgJHtnZXRPZmZzZXRNYXJnaW4oeyBwbGFjZW1lbnQgfSl9ICFpbXBvcnRhbnRgLFxuICAgIG1heFdpZHRoOlxuICAgICAgY29uc3RyYWludFRva2VuTmFtZSBpbiBkZXNpZ25Ub2tlbnNcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnNbY29uc3RyYWludFRva2VuTmFtZSBhcyBURGVzaWduVG9rZW5OYW1lXVxuICAgICAgICA6ICdhdXRvJyxcbiAgICAvLyBzbyBob3ZlcmluZyBvdmVyIHRoZSB0b29sdGlwIHdoZW4gdGhlIHRvb2x0aXAgb3ZlcmxhcHMgdGhlIGNvbXBvbmVudFxuICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICB3aWR0aDogY29uc3RyYWludCA9PT0gJ2F1dG8nID8gJ2F1dG8nIDogdW5kZWZpbmVkLFxuICAgIHpJbmRleDogMSxcbiAgICAuLi5jdXN0b21TdHlsZXMsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgPiA6ZGlzYWJsZWQge1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuIl19 */",
|
|
85
86
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
86
87
|
});
|
|
87
88
|
|
|
@@ -303,6 +304,6 @@ Tooltip.defaultProps = tooltipDefaultProps;
|
|
|
303
304
|
var Tooltip$1 = Tooltip;
|
|
304
305
|
|
|
305
306
|
// NOTE: This string will be replaced on build time with the package version.
|
|
306
|
-
var version = "15.
|
|
307
|
+
var version = "15.3.0";
|
|
307
308
|
|
|
308
309
|
export { Tooltip$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/tooltip",
|
|
3
3
|
"description": "Tooltips display informative text when users hover over or focus on an element.",
|
|
4
|
-
"version": "15.
|
|
4
|
+
"version": "15.3.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.19.0",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.19.1",
|
|
24
|
-
"@commercetools-uikit/constraints": "15.
|
|
25
|
-
"@commercetools-uikit/design-system": "15.
|
|
26
|
-
"@commercetools-uikit/hooks": "15.
|
|
27
|
-
"@commercetools-uikit/utils": "15.
|
|
24
|
+
"@commercetools-uikit/constraints": "15.3.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "15.3.0",
|
|
26
|
+
"@commercetools-uikit/hooks": "15.3.0",
|
|
27
|
+
"@commercetools-uikit/utils": "15.3.0",
|
|
28
28
|
"@emotion/react": "^11.4.0",
|
|
29
29
|
"@emotion/styled": "^11.3.0",
|
|
30
30
|
"lodash": "4.17.21",
|