@atlaskit/tooltip 17.8.7 → 17.8.8
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.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/Tooltip.js +3 -4
- package/dist/cjs/TooltipContainer.js +3 -10
- package/dist/cjs/TooltipPrimitive.js +1 -2
- package/dist/es2019/Tooltip.js +1 -1
- package/dist/es2019/TooltipContainer.js +2 -8
- package/dist/esm/Tooltip.js +2 -2
- package/dist/esm/TooltipContainer.js +2 -8
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/tooltip
|
|
2
2
|
|
|
3
|
+
## 17.8.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#40650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40650) [`07aa588c8a4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07aa588c8a4) - Reverts the fix to text descender cut-off, due to incompatibilities with Firefox and Safari.
|
|
8
|
+
|
|
3
9
|
## 17.8.7
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/dist/cjs/Tooltip.js
CHANGED
|
@@ -32,7 +32,7 @@ var tooltipZIndex = _constants.layers.tooltip();
|
|
|
32
32
|
var analyticsAttributes = {
|
|
33
33
|
componentName: 'tooltip',
|
|
34
34
|
packageName: "@atlaskit/tooltip",
|
|
35
|
-
packageVersion: "17.8.
|
|
35
|
+
packageVersion: "17.8.8"
|
|
36
36
|
};
|
|
37
37
|
|
|
38
38
|
// Inverts motion direction
|
|
@@ -202,7 +202,7 @@ function Tooltip(_ref) {
|
|
|
202
202
|
}, [abort, done, start]);
|
|
203
203
|
var hideTooltipOnEsc = (0, _react.useCallback)(function () {
|
|
204
204
|
var _apiRef$current;
|
|
205
|
-
(_apiRef$current = apiRef.current) === null || _apiRef$current === void 0
|
|
205
|
+
(_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || _apiRef$current.requestHide({
|
|
206
206
|
isImmediate: true
|
|
207
207
|
});
|
|
208
208
|
}, [apiRef]);
|
|
@@ -438,5 +438,4 @@ function Tooltip(_ref) {
|
|
|
438
438
|
})) : null);
|
|
439
439
|
}
|
|
440
440
|
Tooltip.displayName = 'Tooltip';
|
|
441
|
-
var _default = Tooltip;
|
|
442
|
-
exports.default = _default;
|
|
441
|
+
var _default = exports.default = Tooltip;
|
|
@@ -26,15 +26,9 @@ var baseStyles = (0, _react2.css)({
|
|
|
26
26
|
});
|
|
27
27
|
var truncateStyles = (0, _react2.css)({
|
|
28
28
|
maxWidth: '420px',
|
|
29
|
+
overflow: 'hidden',
|
|
29
30
|
textOverflow: 'ellipsis',
|
|
30
|
-
whiteSpace: 'nowrap'
|
|
31
|
-
// Use "clip" overflow to allow ellipses on x-axis without clipping descenders
|
|
32
|
-
'@supports not (overflow-x: clip)': {
|
|
33
|
-
overflow: 'hidden'
|
|
34
|
-
},
|
|
35
|
-
'@supports (overflow-x: clip)': {
|
|
36
|
-
overflowX: 'clip'
|
|
37
|
-
}
|
|
31
|
+
whiteSpace: 'nowrap'
|
|
38
32
|
});
|
|
39
33
|
var lightStyles = (0, _react2.css)({
|
|
40
34
|
backgroundColor: "var(--ds-background-neutral-bold, ".concat(_colors.N800, ")"),
|
|
@@ -70,5 +64,4 @@ var TooltipContainer = /*#__PURE__*/(0, _react.forwardRef)(function TooltipConta
|
|
|
70
64
|
});
|
|
71
65
|
});
|
|
72
66
|
TooltipContainer.displayName = 'TooltipContainer';
|
|
73
|
-
var _default = TooltipContainer;
|
|
74
|
-
exports.default = _default;
|
|
67
|
+
var _default = exports.default = TooltipContainer;
|
|
@@ -42,5 +42,4 @@ var TooltipPrimitive = /*#__PURE__*/(0, _react.forwardRef)(function TooltipPrimi
|
|
|
42
42
|
}, children));
|
|
43
43
|
});
|
|
44
44
|
TooltipPrimitive.displayName = 'TooltipPrimitive';
|
|
45
|
-
var _default = TooltipPrimitive;
|
|
46
|
-
exports.default = _default;
|
|
45
|
+
var _default = exports.default = TooltipPrimitive;
|
package/dist/es2019/Tooltip.js
CHANGED
|
@@ -18,15 +18,9 @@ const baseStyles = css({
|
|
|
18
18
|
});
|
|
19
19
|
const truncateStyles = css({
|
|
20
20
|
maxWidth: '420px',
|
|
21
|
+
overflow: 'hidden',
|
|
21
22
|
textOverflow: 'ellipsis',
|
|
22
|
-
whiteSpace: 'nowrap'
|
|
23
|
-
// Use "clip" overflow to allow ellipses on x-axis without clipping descenders
|
|
24
|
-
'@supports not (overflow-x: clip)': {
|
|
25
|
-
overflow: 'hidden'
|
|
26
|
-
},
|
|
27
|
-
'@supports (overflow-x: clip)': {
|
|
28
|
-
overflowX: 'clip'
|
|
29
|
-
}
|
|
23
|
+
whiteSpace: 'nowrap'
|
|
30
24
|
});
|
|
31
25
|
const lightStyles = css({
|
|
32
26
|
backgroundColor: `var(--ds-background-neutral-bold, ${N800})`,
|
package/dist/esm/Tooltip.js
CHANGED
|
@@ -24,7 +24,7 @@ var tooltipZIndex = layers.tooltip();
|
|
|
24
24
|
var analyticsAttributes = {
|
|
25
25
|
componentName: 'tooltip',
|
|
26
26
|
packageName: "@atlaskit/tooltip",
|
|
27
|
-
packageVersion: "17.8.
|
|
27
|
+
packageVersion: "17.8.8"
|
|
28
28
|
};
|
|
29
29
|
|
|
30
30
|
// Inverts motion direction
|
|
@@ -194,7 +194,7 @@ function Tooltip(_ref) {
|
|
|
194
194
|
}, [abort, done, start]);
|
|
195
195
|
var hideTooltipOnEsc = useCallback(function () {
|
|
196
196
|
var _apiRef$current;
|
|
197
|
-
(_apiRef$current = apiRef.current) === null || _apiRef$current === void 0
|
|
197
|
+
(_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || _apiRef$current.requestHide({
|
|
198
198
|
isImmediate: true
|
|
199
199
|
});
|
|
200
200
|
}, [apiRef]);
|
|
@@ -18,15 +18,9 @@ var baseStyles = css({
|
|
|
18
18
|
});
|
|
19
19
|
var truncateStyles = css({
|
|
20
20
|
maxWidth: '420px',
|
|
21
|
+
overflow: 'hidden',
|
|
21
22
|
textOverflow: 'ellipsis',
|
|
22
|
-
whiteSpace: 'nowrap'
|
|
23
|
-
// Use "clip" overflow to allow ellipses on x-axis without clipping descenders
|
|
24
|
-
'@supports not (overflow-x: clip)': {
|
|
25
|
-
overflow: 'hidden'
|
|
26
|
-
},
|
|
27
|
-
'@supports (overflow-x: clip)': {
|
|
28
|
-
overflowX: 'clip'
|
|
29
|
-
}
|
|
23
|
+
whiteSpace: 'nowrap'
|
|
30
24
|
});
|
|
31
25
|
var lightStyles = css({
|
|
32
26
|
backgroundColor: "var(--ds-background-neutral-bold, ".concat(N800, ")"),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tooltip",
|
|
3
|
-
"version": "17.8.
|
|
3
|
+
"version": "17.8.8",
|
|
4
4
|
"description": "A tooltip is a floating, non-actionable label used to explain a user interface element or feature.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@atlaskit/popper": "^5.5.0",
|
|
46
46
|
"@atlaskit/portal": "^4.3.0",
|
|
47
47
|
"@atlaskit/theme": "^12.6.0",
|
|
48
|
-
"@atlaskit/tokens": "^1.
|
|
48
|
+
"@atlaskit/tokens": "^1.26.0",
|
|
49
49
|
"@babel/runtime": "^7.0.0",
|
|
50
50
|
"@emotion/react": "^11.7.1",
|
|
51
51
|
"bind-event-listener": "^2.1.1",
|