@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 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
@@ -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.7"
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 ? void 0 : _apiRef$current.requestHide({
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;
@@ -20,7 +20,7 @@ const tooltipZIndex = layers.tooltip();
20
20
  const analyticsAttributes = {
21
21
  componentName: 'tooltip',
22
22
  packageName: "@atlaskit/tooltip",
23
- packageVersion: "17.8.7"
23
+ packageVersion: "17.8.8"
24
24
  };
25
25
 
26
26
  // Inverts motion direction
@@ -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})`,
@@ -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.7"
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 ? void 0 : _apiRef$current.requestHide({
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.7",
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.25.0",
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",