@atlaskit/tooltip 18.4.1 → 18.5.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.
@@ -5,7 +5,7 @@ import Button from '@atlaskit/button/custom-theme-button';
5
5
  import Tooltip from '../src';
6
6
 
7
7
  export default () => (
8
- <Tooltip content="Hello World">
9
- <Button appearance="primary">Hover over me</Button>
10
- </Tooltip>
8
+ <Tooltip content="Hello World">
9
+ <Button appearance="primary">Hover over me</Button>
10
+ </Tooltip>
11
11
  );
@@ -1,66 +1,59 @@
1
1
  import React, { useLayoutEffect } from 'react';
2
2
 
3
3
  import { findByTestId, fireEvent } from '@testing-library/dom';
4
- import {
5
- type InteractionTaskArgs,
6
- type PublicInteractionTask,
7
- } from 'storybook-addon-performance';
4
+ import { type InteractionTaskArgs, type PublicInteractionTask } from 'storybook-addon-performance';
8
5
 
9
6
  import Tooltip from '../src';
10
7
 
11
8
  function Child() {
12
- return <div id="tooltip-reference">New tooltip</div>;
9
+ return <div id="tooltip-reference">New tooltip</div>;
13
10
  }
14
11
 
15
12
  function DefaultTooltip() {
16
- useLayoutEffect(() => {}, []);
17
- return (
18
- <Tooltip delay={0} content="Hello World" testId="tooltip">
19
- <Child />
20
- </Tooltip>
21
- );
13
+ useLayoutEffect(() => {}, []);
14
+ return (
15
+ <Tooltip delay={0} content="Hello World" testId="tooltip">
16
+ <Child />
17
+ </Tooltip>
18
+ );
22
19
  }
23
20
 
24
21
  const tooltip = () => <DefaultTooltip />;
25
22
 
26
23
  const interactionTasks: PublicInteractionTask[] = [
27
- {
28
- name: 'Display tooltip',
29
- description: 'Hover over div and wait for tooltip to load',
30
- run: async ({
31
- container,
32
- controls,
33
- }: InteractionTaskArgs): Promise<void> => {
34
- const element: HTMLElement | null =
35
- container.querySelector('#tooltip-reference');
36
- if (!element) {
37
- throw new Error('no div found');
38
- }
39
- const parent: HTMLElement | null = container.parentElement;
40
- if (parent == null) {
41
- throw new Error('Could not find parent element');
42
- }
43
- const tooltip = parent.querySelector('[data-testid="tooltip"]');
44
- if (tooltip != null) {
45
- throw new Error('Unexpected tooltip found');
46
- }
47
-
48
- await controls.time(async () => {
49
- fireEvent.mouseOver(element);
50
-
51
- await findByTestId(parent, 'tooltip');
52
- });
53
- },
54
- },
24
+ {
25
+ name: 'Display tooltip',
26
+ description: 'Hover over div and wait for tooltip to load',
27
+ run: async ({ container, controls }: InteractionTaskArgs): Promise<void> => {
28
+ const element: HTMLElement | null = container.querySelector('#tooltip-reference');
29
+ if (!element) {
30
+ throw new Error('no div found');
31
+ }
32
+ const parent: HTMLElement | null = container.parentElement;
33
+ if (parent == null) {
34
+ throw new Error('Could not find parent element');
35
+ }
36
+ const tooltip = parent.querySelector('[data-testid="tooltip"]');
37
+ if (tooltip != null) {
38
+ throw new Error('Unexpected tooltip found');
39
+ }
40
+
41
+ await controls.time(async () => {
42
+ fireEvent.mouseOver(element);
43
+
44
+ await findByTestId(parent, 'tooltip');
45
+ });
46
+ },
47
+ },
55
48
  ];
56
49
 
57
50
  tooltip.story = {
58
- name: 'Default Tooltip',
59
- parameters: {
60
- performance: {
61
- interactions: interactionTasks,
62
- },
63
- },
51
+ name: 'Default Tooltip',
52
+ parameters: {
53
+ performance: {
54
+ interactions: interactionTasks,
55
+ },
56
+ },
64
57
  };
65
58
 
66
59
  export default tooltip;
@@ -32,7 +32,7 @@ var tooltipZIndex = _constants.layers.tooltip();
32
32
  var analyticsAttributes = {
33
33
  componentName: 'tooltip',
34
34
  packageName: "@atlaskit/tooltip",
35
- packageVersion: "18.4.1"
35
+ packageVersion: "18.5.0"
36
36
  };
37
37
 
38
38
  // Inverts motion direction
@@ -460,7 +460,9 @@ function Tooltip(_ref) {
460
460
  /**
461
461
  * "Tooltip" classname is a hook used by tests to manipulate
462
462
  * and hide tooltips, including in VR snapshots
463
- **/,
463
+ **/
464
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
465
+ ,
464
466
  className: "Tooltip ".concat(className),
465
467
  style: _objectSpread(_objectSpread({}, style), ignoreTooltipPointerEvents && {
466
468
  pointerEvents: 'none'
@@ -9,8 +9,13 @@ var _react = require("react");
9
9
  var _react2 = require("@emotion/react");
10
10
  var _colors = require("@atlaskit/theme/colors");
11
11
  var _TooltipPrimitive = _interopRequireDefault(require("./TooltipPrimitive"));
12
+ /**
13
+ * @jsxRuntime classic
14
+ */
12
15
  /** @jsx jsx */
13
16
 
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
18
+
14
19
  var baseStyles = (0, _react2.css)({
15
20
  boxSizing: 'border-box',
16
21
  maxWidth: '240px',
@@ -41,8 +46,12 @@ var TooltipContainer = /*#__PURE__*/(0, _react.forwardRef)(function TooltipConta
41
46
  onMouseOver = _ref.onMouseOver,
42
47
  id = _ref.id;
43
48
  return (0, _react2.jsx)(_TooltipPrimitive.default, {
44
- ref: ref,
45
- style: style,
49
+ ref: ref
50
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
51
+ ,
52
+ style: style
53
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
54
+ ,
46
55
  className: className,
47
56
  placement: placement,
48
57
  testId: testId,
@@ -10,7 +10,9 @@ var _react = require("react");
10
10
  var _react2 = require("@emotion/react");
11
11
  var _constants = require("@atlaskit/theme/constants");
12
12
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
13
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
13
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
14
+ * @jsxRuntime classic
15
+ */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
14
16
  var VAR_PRIMITIVE_ZINDEX = 'tooltipPrimitiveZindex';
15
17
  var primitiveStyles = (0, _react2.css)({
16
18
  zindex: "var(".concat(VAR_PRIMITIVE_ZINDEX, ")"),
@@ -27,11 +29,15 @@ var TooltipPrimitive = /*#__PURE__*/(0, _react.forwardRef)(function TooltipPrimi
27
29
  id = _ref.id;
28
30
  var styleWithZIndex = _objectSpread(_objectSpread({}, style), {}, (0, _defineProperty2.default)({}, VAR_PRIMITIVE_ZINDEX, _constants.layers.tooltip()));
29
31
  return (0, _react2.jsx)("div", {
30
- ref: ref,
32
+ ref: ref
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
34
+ ,
31
35
  style: styleWithZIndex,
32
36
  "data-testid": testId ? "".concat(testId, "--wrapper") : undefined
33
37
  }, (0, _react2.jsx)("div", {
34
- role: "tooltip",
38
+ role: "tooltip"
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
40
+ ,
35
41
  className: className
36
42
  // Because the tooltip should not be focusable, there is no reason to have key events.
37
43
  /* eslint-disable jsx-a11y/mouse-events-have-key-events */,
@@ -18,7 +18,7 @@ const tooltipZIndex = layers.tooltip();
18
18
  const analyticsAttributes = {
19
19
  componentName: 'tooltip',
20
20
  packageName: "@atlaskit/tooltip",
21
- packageVersion: "18.4.1"
21
+ packageVersion: "18.5.0"
22
22
  };
23
23
 
24
24
  // Inverts motion direction
@@ -437,10 +437,14 @@ function Tooltip({
437
437
  /**
438
438
  * "Tooltip" classname is a hook used by tests to manipulate
439
439
  * and hide tooltips, including in VR snapshots
440
- **/,
440
+ **/
441
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
442
+ ,
441
443
  className: `Tooltip ${className}`,
442
444
  style: {
445
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
443
446
  ...style,
447
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
444
448
  ...(ignoreTooltipPointerEvents && {
445
449
  pointerEvents: 'none'
446
450
  })
@@ -1,5 +1,10 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { forwardRef } from 'react';
6
+
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
8
  import { css, jsx } from '@emotion/react';
4
9
  import { N0, N800 } from '@atlaskit/theme/colors';
5
10
  import TooltipPrimitive from './TooltipPrimitive';
@@ -34,8 +39,12 @@ const TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer({
34
39
  id
35
40
  }, ref) {
36
41
  return jsx(TooltipPrimitive, {
37
- ref: ref,
38
- style: style,
42
+ ref: ref
43
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
44
+ ,
45
+ style: style
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
47
+ ,
39
48
  className: className,
40
49
  placement: placement,
41
50
  testId: testId,
@@ -1,5 +1,10 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { forwardRef } from 'react';
6
+
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
8
  import { css, jsx } from '@emotion/react';
4
9
  import { layers } from '@atlaskit/theme/constants';
5
10
  const VAR_PRIMITIVE_ZINDEX = 'tooltipPrimitiveZindex';
@@ -22,11 +27,15 @@ const TooltipPrimitive = /*#__PURE__*/forwardRef(function TooltipPrimitive({
22
27
  [VAR_PRIMITIVE_ZINDEX]: layers.tooltip()
23
28
  };
24
29
  return jsx("div", {
25
- ref: ref,
30
+ ref: ref
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
32
+ ,
26
33
  style: styleWithZIndex,
27
34
  "data-testid": testId ? `${testId}--wrapper` : undefined
28
35
  }, jsx("div", {
29
- role: "tooltip",
36
+ role: "tooltip"
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
38
+ ,
30
39
  className: className
31
40
  // Because the tooltip should not be focusable, there is no reason to have key events.
32
41
  /* eslint-disable jsx-a11y/mouse-events-have-key-events */,
@@ -22,7 +22,7 @@ var tooltipZIndex = layers.tooltip();
22
22
  var analyticsAttributes = {
23
23
  componentName: 'tooltip',
24
24
  packageName: "@atlaskit/tooltip",
25
- packageVersion: "18.4.1"
25
+ packageVersion: "18.5.0"
26
26
  };
27
27
 
28
28
  // Inverts motion direction
@@ -450,7 +450,9 @@ function Tooltip(_ref) {
450
450
  /**
451
451
  * "Tooltip" classname is a hook used by tests to manipulate
452
452
  * and hide tooltips, including in VR snapshots
453
- **/,
453
+ **/
454
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
455
+ ,
454
456
  className: "Tooltip ".concat(className),
455
457
  style: _objectSpread(_objectSpread({}, style), ignoreTooltipPointerEvents && {
456
458
  pointerEvents: 'none'
@@ -1,5 +1,10 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { forwardRef } from 'react';
6
+
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
8
  import { css, jsx } from '@emotion/react';
4
9
  import { N0, N800 } from '@atlaskit/theme/colors';
5
10
  import TooltipPrimitive from './TooltipPrimitive';
@@ -33,8 +38,12 @@ var TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer(_ref, r
33
38
  onMouseOver = _ref.onMouseOver,
34
39
  id = _ref.id;
35
40
  return jsx(TooltipPrimitive, {
36
- ref: ref,
37
- style: style,
41
+ ref: ref
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
43
+ ,
44
+ style: style
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
46
+ ,
38
47
  className: className,
39
48
  placement: placement,
40
49
  testId: testId,
@@ -1,8 +1,13 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
3
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
+ /**
5
+ * @jsxRuntime classic
6
+ */
4
7
  /** @jsx jsx */
5
8
  import { forwardRef } from 'react';
9
+
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
11
  import { css, jsx } from '@emotion/react';
7
12
  import { layers } from '@atlaskit/theme/constants';
8
13
  var VAR_PRIMITIVE_ZINDEX = 'tooltipPrimitiveZindex';
@@ -21,11 +26,15 @@ var TooltipPrimitive = /*#__PURE__*/forwardRef(function TooltipPrimitive(_ref, r
21
26
  id = _ref.id;
22
27
  var styleWithZIndex = _objectSpread(_objectSpread({}, style), {}, _defineProperty({}, VAR_PRIMITIVE_ZINDEX, layers.tooltip()));
23
28
  return jsx("div", {
24
- ref: ref,
29
+ ref: ref
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
31
+ ,
25
32
  style: styleWithZIndex,
26
33
  "data-testid": testId ? "".concat(testId, "--wrapper") : undefined
27
34
  }, jsx("div", {
28
- role: "tooltip",
35
+ role: "tooltip"
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
37
+ ,
29
38
  className: className
30
39
  // Because the tooltip should not be focusable, there is no reason to have key events.
31
40
  /* eslint-disable jsx-a11y/mouse-events-have-key-events */,
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { type CSSProperties, type ReactNode } from 'react';
3
6
  import { type PositionType } from './types';
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { type CSSProperties, type ReactNode } from 'react';
3
6
  import { type PositionType } from './types';
package/package.json CHANGED
@@ -1,105 +1,103 @@
1
1
  {
2
- "name": "@atlaskit/tooltip",
3
- "version": "18.4.1",
4
- "description": "A tooltip is a floating, non-actionable label used to explain a user interface element or feature.",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.5 <4.9": {
17
- "*": [
18
- "dist/types-ts4.5/*",
19
- "dist/types-ts4.5/index.d.ts"
20
- ]
21
- }
22
- },
23
- "sideEffects": false,
24
- "atlaskit:src": "src/index.ts",
25
- "atlassian": {
26
- "team": "Design System Team",
27
- "productPushConsumption": [
28
- "jira"
29
- ],
30
- "releaseModel": "continuous",
31
- "runReact18": true,
32
- "website": {
33
- "name": "Tooltip",
34
- "category": "Components"
35
- }
36
- },
37
- "af:exports": {
38
- ".": "./src/index.ts",
39
- "./Tooltip": "./src/Tooltip.tsx",
40
- "./TooltipContainer": "./src/TooltipContainer.tsx",
41
- "./TooltipPrimitive": "./src/TooltipPrimitive.tsx",
42
- "./types": "./src/types.tsx",
43
- "./utilities": "./src/utilities.ts"
44
- },
45
- "dependencies": {
46
- "@atlaskit/analytics-next": "^9.3.0",
47
- "@atlaskit/ds-lib": "^2.3.0",
48
- "@atlaskit/motion": "^1.6.0",
49
- "@atlaskit/popper": "^6.0.0",
50
- "@atlaskit/portal": "^4.5.0",
51
- "@atlaskit/theme": "^12.8.0",
52
- "@atlaskit/tokens": "^1.49.0",
53
- "@babel/runtime": "^7.0.0",
54
- "@emotion/react": "^11.7.1",
55
- "bind-event-listener": "^3.0.0",
56
- "react-uid": "^2.2.0"
57
- },
58
- "peerDependencies": {
59
- "react": "^16.8.0 || ^17.0.0 || ~18.2.0",
60
- "react-dom": "^16.8.0"
61
- },
62
- "devDependencies": {
63
- "@af/accessibility-testing": "*",
64
- "@atlaskit/button": "^17.16.0",
65
- "@atlaskit/ssr": "*",
66
- "@atlaskit/visual-regression": "*",
67
- "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
68
- "@emotion/styled": "^11.0.0",
69
- "@testing-library/dom": "^8.17.1",
70
- "@testing-library/react": "^12.1.5",
71
- "@types/react-redux": "^5.0.0",
72
- "jest-in-case": "^1.0.2",
73
- "react-dom": "^16.8.0",
74
- "react-redux": "^5.1.2",
75
- "storybook-addon-performance": "^0.16.0",
76
- "typescript": "~5.4.2",
77
- "wait-for-expect": "^1.2.0"
78
- },
79
- "keywords": [
80
- "atlaskit",
81
- "react",
82
- "ui"
83
- ],
84
- "techstack": {
85
- "@atlassian/frontend": {
86
- "import-structure": "atlassian-conventions"
87
- },
88
- "@repo/internal": {
89
- "dom-events": "use-bind-event-listener",
90
- "ui-components": "lite-mode",
91
- "analytics": "analytics-next",
92
- "design-tokens": [
93
- "color",
94
- "spacing"
95
- ],
96
- "deprecation": "no-deprecated-imports",
97
- "styling": [
98
- "emotion",
99
- "static"
100
- ]
101
- }
102
- },
103
- "homepage": "https://atlassian.design/components/tooltip/",
104
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
105
- }
2
+ "name": "@atlaskit/tooltip",
3
+ "version": "18.5.0",
4
+ "description": "A tooltip is a floating, non-actionable label used to explain a user interface element or feature.",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "typesVersions": {
16
+ ">=4.5 <4.9": {
17
+ "*": [
18
+ "dist/types-ts4.5/*",
19
+ "dist/types-ts4.5/index.d.ts"
20
+ ]
21
+ }
22
+ },
23
+ "sideEffects": false,
24
+ "atlaskit:src": "src/index.ts",
25
+ "atlassian": {
26
+ "team": "Design System Team",
27
+ "productPushConsumption": [
28
+ "jira"
29
+ ],
30
+ "releaseModel": "continuous",
31
+ "runReact18": true,
32
+ "website": {
33
+ "name": "Tooltip",
34
+ "category": "Components"
35
+ }
36
+ },
37
+ "af:exports": {
38
+ ".": "./src/index.ts",
39
+ "./Tooltip": "./src/Tooltip.tsx",
40
+ "./TooltipContainer": "./src/TooltipContainer.tsx",
41
+ "./TooltipPrimitive": "./src/TooltipPrimitive.tsx",
42
+ "./types": "./src/types.tsx",
43
+ "./utilities": "./src/utilities.ts"
44
+ },
45
+ "dependencies": {
46
+ "@atlaskit/analytics-next": "^9.3.0",
47
+ "@atlaskit/ds-lib": "^2.3.0",
48
+ "@atlaskit/motion": "^1.6.0",
49
+ "@atlaskit/popper": "^6.0.0",
50
+ "@atlaskit/portal": "^4.5.0",
51
+ "@atlaskit/theme": "^12.10.0",
52
+ "@atlaskit/tokens": "^1.51.0",
53
+ "@babel/runtime": "^7.0.0",
54
+ "@emotion/react": "^11.7.1",
55
+ "bind-event-listener": "^3.0.0",
56
+ "react-uid": "^2.2.0"
57
+ },
58
+ "peerDependencies": {
59
+ "react": "^16.8.0 || ^17.0.0 || ~18.2.0",
60
+ "react-dom": "^16.8.0"
61
+ },
62
+ "devDependencies": {
63
+ "@af/accessibility-testing": "*",
64
+ "@atlaskit/button": "^17.17.0",
65
+ "@atlaskit/ssr": "*",
66
+ "@atlaskit/visual-regression": "*",
67
+ "@emotion/styled": "^11.0.0",
68
+ "@testing-library/dom": "^8.17.1",
69
+ "@testing-library/react": "^12.1.5",
70
+ "@types/react-redux": "^5.0.0",
71
+ "jest-in-case": "^1.0.2",
72
+ "react-dom": "^16.8.0",
73
+ "react-redux": "^5.1.2",
74
+ "storybook-addon-performance": "^0.16.0",
75
+ "typescript": "~5.4.2",
76
+ "wait-for-expect": "^1.2.0"
77
+ },
78
+ "keywords": [
79
+ "atlaskit",
80
+ "react",
81
+ "ui"
82
+ ],
83
+ "techstack": {
84
+ "@atlassian/frontend": {
85
+ "import-structure": "atlassian-conventions"
86
+ },
87
+ "@repo/internal": {
88
+ "dom-events": "use-bind-event-listener",
89
+ "ui-components": "lite-mode",
90
+ "analytics": "analytics-next",
91
+ "design-tokens": [
92
+ "color",
93
+ "spacing"
94
+ ],
95
+ "deprecation": "no-deprecated-imports",
96
+ "styling": [
97
+ "emotion",
98
+ "static"
99
+ ]
100
+ }
101
+ },
102
+ "homepage": "https://atlassian.design/components/tooltip/"
103
+ }