@atlaskit/tooltip 19.1.0 → 19.1.2

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.
Files changed (13) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/tooltip-container.compiled.css +5 -2
  3. package/dist/cjs/tooltip-container.js +1 -2
  4. package/dist/cjs/tooltip.js +2 -3
  5. package/dist/es2019/tooltip-container.compiled.css +5 -2
  6. package/dist/es2019/tooltip-container.js +1 -1
  7. package/dist/es2019/tooltip.js +2 -3
  8. package/dist/esm/tooltip-container.compiled.css +5 -2
  9. package/dist/esm/tooltip-container.js +1 -2
  10. package/dist/esm/tooltip.js +2 -3
  11. package/dist/types/tooltip.d.ts +2 -2
  12. package/dist/types-ts4.5/tooltip.d.ts +2 -2
  13. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/tooltip
2
2
 
3
+ ## 19.1.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 19.1.1
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 19.1.0
4
16
 
5
17
  ### Minor Changes
package/dist/cjs/tooltip-container.compiled.css CHANGED
@@ -1,16 +1,19 @@
1
1
  ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
2
- ._1yt4nmcz{padding:var(--_a5vo3x)}
3
2
  ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
4
3
  ._152tze3t{inset-block-start:var(--ds-space-0,0)}
5
4
  ._18m915vq{overflow-y:hidden}
6
5
  ._1bto1l2s{text-overflow:ellipsis}
7
6
  ._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
8
7
  ._1i4q1hna{overflow-wrap:break-word}
8
+ ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
9
9
  ._1reo15vq{overflow-x:hidden}
10
+ ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
10
11
  ._bfhkpioe{background-color:var(--_yr7xfv)}
12
+ ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
11
13
  ._o5721q9c{white-space:nowrap}
12
14
  ._p12f1pna{max-width:420px}
13
15
  ._p12fp3fh{max-width:15pc}
14
16
  ._slp31hna{word-wrap:break-word}
15
17
  ._syaz1i9p{color:var(--_ywovvi)}
16
- ._vchhusvi{box-sizing:border-box}
18
+ ._vchhusvi{box-sizing:border-box}
19
+ ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
package/dist/cjs/tooltip-container.js CHANGED
@@ -41,14 +41,13 @@ var TooltipContainer = /*#__PURE__*/(0, _react.forwardRef)(function TooltipConta
41
41
  ,
42
42
 
43
43
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
44
- className: (0, _runtime.ax)(["_1yt4nmcz _2rko1sit _11c8qk37 _vchhusvi _p12fp3fh _bfhkpioe _syaz1i9p _152tze3t _1e02ze3t _1i4q1hna _slp31hna", truncate && "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c", className]),
44
+ className: (0, _runtime.ax)(["_2rko1sit _11c8qk37 _vchhusvi _p12fp3fh _bfhkpioe _syaz1i9p _152tze3t _1e02ze3t _1i4q1hna _85i5v77o _1q51v77o _y4ti12x7 _bozg12x7 _slp31hna", truncate && "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c", className]),
45
45
  placement: placement,
46
46
  testId: testId,
47
47
  id: id,
48
48
  onMouseOut: onMouseOut,
49
49
  onMouseOver: onMouseOver,
50
50
  style: _objectSpread(_objectSpread({}, style), {}, {
51
- "--_a5vo3x": (0, _runtime.ix)("var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)")),
52
51
  "--_yr7xfv": (0, _runtime.ix)("var(--ds-background-neutral-bold, ".concat(_colors.N800, ")")),
53
52
  "--_ywovvi": (0, _runtime.ix)("var(--ds-text-inverse, ".concat(_colors.N0, ")"))
54
53
  })
package/dist/cjs/tooltip.js CHANGED
@@ -17,7 +17,6 @@ var _useCloseOnEscapePress = _interopRequireDefault(require("@atlaskit/ds-lib/us
17
17
  var _useStableRef = _interopRequireDefault(require("@atlaskit/ds-lib/use-stable-ref"));
18
18
  var _openLayerObserver = require("@atlaskit/layering/experimental/open-layer-observer");
19
19
  var _motion = require("@atlaskit/motion");
20
- var _durations = require("@atlaskit/motion/durations");
21
20
  var _popper = require("@atlaskit/popper");
22
21
  var _portal = _interopRequireDefault(require("@atlaskit/portal"));
23
22
  var _constants = require("@atlaskit/theme/constants");
@@ -34,7 +33,7 @@ var tooltipZIndex = _constants.layers.tooltip();
34
33
  var analyticsAttributes = {
35
34
  componentName: 'tooltip',
36
35
  packageName: "@atlaskit/tooltip",
37
- packageVersion: "19.1.0"
36
+ packageVersion: "19.1.2"
38
37
  };
39
38
 
40
39
  // Inverts motion direction
@@ -493,7 +492,7 @@ function Tooltip(_ref) {
493
492
  entranceDirection: direction,
494
493
  exitDirection: direction,
495
494
  onFinish: onAnimationFinished,
496
- duration: state === 'show-immediate' ? 0 : _durations.mediumDurationMs
495
+ duration: state !== 'show-immediate' ? 'medium' : 'none'
497
496
  }, function (_ref6) {
498
497
  var className = _ref6.className;
499
498
  return /*#__PURE__*/_react.default.createElement(Container, {
package/dist/es2019/tooltip-container.compiled.css CHANGED
@@ -1,16 +1,19 @@
1
1
  ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
2
- ._1yt41ppf{padding:var(--ds-space-025,2px) var(--ds-space-075,6px)}
3
2
  ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
4
3
  ._152tze3t{inset-block-start:var(--ds-space-0,0)}
5
4
  ._18m915vq{overflow-y:hidden}
6
5
  ._1bto1l2s{text-overflow:ellipsis}
7
6
  ._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
8
7
  ._1i4q1hna{overflow-wrap:break-word}
8
+ ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
9
9
  ._1reo15vq{overflow-x:hidden}
10
+ ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
10
11
  ._bfhkgkf6{background-color:var(--ds-background-neutral-bold,#172b4d)}
12
+ ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
11
13
  ._o5721q9c{white-space:nowrap}
12
14
  ._p12f1pna{max-width:420px}
13
15
  ._p12fp3fh{max-width:15pc}
14
16
  ._slp31hna{word-wrap:break-word}
15
17
  ._syaz15cr{color:var(--ds-text-inverse,#fff)}
16
- ._vchhusvi{box-sizing:border-box}
18
+ ._vchhusvi{box-sizing:border-box}
19
+ ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
package/dist/es2019/tooltip-container.js CHANGED
@@ -30,7 +30,7 @@ const TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer({
30
30
  style: style
31
31
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
32
32
  ,
33
- className: ax(["_1yt41ppf _2rko1sit _11c8qk37 _vchhusvi _p12fp3fh _bfhkgkf6 _syaz15cr _152tze3t _1e02ze3t _1i4q1hna _slp31hna", truncate && "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c", className]),
33
+ className: ax(["_2rko1sit _11c8qk37 _vchhusvi _p12fp3fh _bfhkgkf6 _syaz15cr _152tze3t _1e02ze3t _1i4q1hna _85i5v77o _1q51v77o _y4ti12x7 _bozg12x7 _slp31hna", truncate && "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c", className]),
34
34
  placement: placement,
35
35
  testId: testId,
36
36
  id: id,
package/dist/es2019/tooltip.js CHANGED
@@ -7,7 +7,6 @@ import useCloseOnEscapePress from '@atlaskit/ds-lib/use-close-on-escape-press';
7
7
  import useStableRef from '@atlaskit/ds-lib/use-stable-ref';
8
8
  import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
9
9
  import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
10
- import { mediumDurationMs } from '@atlaskit/motion/durations';
11
10
  import { Popper } from '@atlaskit/popper';
12
11
  import Portal from '@atlaskit/portal';
13
12
  import { layers } from '@atlaskit/theme/constants';
@@ -20,7 +19,7 @@ const tooltipZIndex = layers.tooltip();
20
19
  const analyticsAttributes = {
21
20
  componentName: 'tooltip',
22
21
  packageName: "@atlaskit/tooltip",
23
- packageVersion: "19.1.0"
22
+ packageVersion: "19.1.2"
24
23
  };
25
24
 
26
25
  // Inverts motion direction
@@ -468,7 +467,7 @@ function Tooltip({
468
467
  entranceDirection: direction,
469
468
  exitDirection: direction,
470
469
  onFinish: onAnimationFinished,
471
- duration: state === 'show-immediate' ? 0 : mediumDurationMs
470
+ duration: state !== 'show-immediate' ? 'medium' : 'none'
472
471
  }, ({
473
472
  className
474
473
  }) => /*#__PURE__*/React.createElement(Container, {
package/dist/esm/tooltip-container.compiled.css CHANGED
@@ -1,16 +1,19 @@
1
1
  ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
2
- ._1yt4nmcz{padding:var(--_a5vo3x)}
3
2
  ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
4
3
  ._152tze3t{inset-block-start:var(--ds-space-0,0)}
5
4
  ._18m915vq{overflow-y:hidden}
6
5
  ._1bto1l2s{text-overflow:ellipsis}
7
6
  ._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
8
7
  ._1i4q1hna{overflow-wrap:break-word}
8
+ ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
9
9
  ._1reo15vq{overflow-x:hidden}
10
+ ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
10
11
  ._bfhkpioe{background-color:var(--_yr7xfv)}
12
+ ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
11
13
  ._o5721q9c{white-space:nowrap}
12
14
  ._p12f1pna{max-width:420px}
13
15
  ._p12fp3fh{max-width:15pc}
14
16
  ._slp31hna{word-wrap:break-word}
15
17
  ._syaz1i9p{color:var(--_ywovvi)}
16
- ._vchhusvi{box-sizing:border-box}
18
+ ._vchhusvi{box-sizing:border-box}
19
+ ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
package/dist/esm/tooltip-container.js CHANGED
@@ -31,14 +31,13 @@ var TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer(_ref, r
31
31
  ,
32
32
 
33
33
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
34
- className: ax(["_1yt4nmcz _2rko1sit _11c8qk37 _vchhusvi _p12fp3fh _bfhkpioe _syaz1i9p _152tze3t _1e02ze3t _1i4q1hna _slp31hna", truncate && "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c", className]),
34
+ className: ax(["_2rko1sit _11c8qk37 _vchhusvi _p12fp3fh _bfhkpioe _syaz1i9p _152tze3t _1e02ze3t _1i4q1hna _85i5v77o _1q51v77o _y4ti12x7 _bozg12x7 _slp31hna", truncate && "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c", className]),
35
35
  placement: placement,
36
36
  testId: testId,
37
37
  id: id,
38
38
  onMouseOut: onMouseOut,
39
39
  onMouseOver: onMouseOver,
40
40
  style: _objectSpread(_objectSpread({}, style), {}, {
41
- "--_a5vo3x": ix("var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)")),
42
41
  "--_yr7xfv": ix("var(--ds-background-neutral-bold, ".concat(N800, ")")),
43
42
  "--_ywovvi": ix("var(--ds-text-inverse, ".concat(N0, ")"))
44
43
  })
package/dist/esm/tooltip.js CHANGED
@@ -11,7 +11,6 @@ import useCloseOnEscapePress from '@atlaskit/ds-lib/use-close-on-escape-press';
11
11
  import useStableRef from '@atlaskit/ds-lib/use-stable-ref';
12
12
  import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
13
13
  import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
14
- import { mediumDurationMs } from '@atlaskit/motion/durations';
15
14
  import { Popper } from '@atlaskit/popper';
16
15
  import Portal from '@atlaskit/portal';
17
16
  import { layers } from '@atlaskit/theme/constants';
@@ -24,7 +23,7 @@ var tooltipZIndex = layers.tooltip();
24
23
  var analyticsAttributes = {
25
24
  componentName: 'tooltip',
26
25
  packageName: "@atlaskit/tooltip",
27
- packageVersion: "19.1.0"
26
+ packageVersion: "19.1.2"
28
27
  };
29
28
 
30
29
  // Inverts motion direction
@@ -483,7 +482,7 @@ function Tooltip(_ref) {
483
482
  entranceDirection: direction,
484
483
  exitDirection: direction,
485
484
  onFinish: onAnimationFinished,
486
- duration: state === 'show-immediate' ? 0 : mediumDurationMs
485
+ duration: state !== 'show-immediate' ? 'medium' : 'none'
487
486
  }, function (_ref6) {
488
487
  var className = _ref6.className;
489
488
  return /*#__PURE__*/React.createElement(Container, {
package/dist/types/tooltip.d.ts CHANGED
@@ -1,11 +1,11 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type TooltipProps } from './types';
3
3
  /**
4
4
  * __Tooltip__
5
5
  *
6
6
  * A tooltip is a floating, non-actionable label used to explain a user interface element or feature.
7
7
  */
8
- declare function Tooltip({ children, position, mousePosition, content, truncate, component: Container, tag: TargetContainer, testId, delay, onShow, onHide, canAppear, hideTooltipOnClick, hideTooltipOnMouseDown, analyticsContext, strategy, ignoreTooltipPointerEvents, isScreenReaderAnnouncementDisabled, }: TooltipProps): JSX.Element;
8
+ declare function Tooltip({ children, position, mousePosition, content, truncate, component: Container, tag: TargetContainer, testId, delay, onShow, onHide, canAppear, hideTooltipOnClick, hideTooltipOnMouseDown, analyticsContext, strategy, ignoreTooltipPointerEvents, isScreenReaderAnnouncementDisabled, }: TooltipProps): React.JSX.Element;
9
9
  declare namespace Tooltip {
10
10
  var displayName: string;
11
11
  }
package/dist/types-ts4.5/tooltip.d.ts CHANGED
@@ -1,11 +1,11 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type TooltipProps } from './types';
3
3
  /**
4
4
  * __Tooltip__
5
5
  *
6
6
  * A tooltip is a floating, non-actionable label used to explain a user interface element or feature.
7
7
  */
8
- declare function Tooltip({ children, position, mousePosition, content, truncate, component: Container, tag: TargetContainer, testId, delay, onShow, onHide, canAppear, hideTooltipOnClick, hideTooltipOnMouseDown, analyticsContext, strategy, ignoreTooltipPointerEvents, isScreenReaderAnnouncementDisabled, }: TooltipProps): JSX.Element;
8
+ declare function Tooltip({ children, position, mousePosition, content, truncate, component: Container, tag: TargetContainer, testId, delay, onShow, onHide, canAppear, hideTooltipOnClick, hideTooltipOnMouseDown, analyticsContext, strategy, ignoreTooltipPointerEvents, isScreenReaderAnnouncementDisabled, }: TooltipProps): React.JSX.Element;
9
9
  declare namespace Tooltip {
10
10
  var displayName: string;
11
11
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tooltip",
3
- "version": "19.1.0",
3
+ "version": "19.1.2",
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/"
@@ -44,10 +44,10 @@
44
44
  "@atlaskit/analytics-next": "^10.3.0",
45
45
  "@atlaskit/ds-lib": "^3.5.0",
46
46
  "@atlaskit/layering": "^1.1.0",
47
- "@atlaskit/motion": "^1.10.0",
47
+ "@atlaskit/motion": "^2.0.0",
48
48
  "@atlaskit/popper": "^6.4.0",
49
49
  "@atlaskit/portal": "^4.11.0",
50
- "@atlaskit/theme": "^14.1.0",
50
+ "@atlaskit/theme": "^15.0.0",
51
51
  "@atlaskit/tokens": "^3.3.0",
52
52
  "@babel/runtime": "^7.0.0",
53
53
  "@compiled/react": "^0.18.1",
@@ -61,7 +61,7 @@
61
61
  "devDependencies": {
62
62
  "@af/accessibility-testing": "*",
63
63
  "@af/integration-testing": "*",
64
- "@atlaskit/button": "^20.4.0",
64
+ "@atlaskit/button": "^20.5.0",
65
65
  "@atlaskit/css": "^0.8.0",
66
66
  "@atlaskit/ssr": "*",
67
67
  "@atlaskit/visual-regression": "*",