@atlaskit/tooltip 18.7.3 → 18.8.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/tooltip
 
+## 18.8.0
+
+### Minor Changes
+
+- [#148344](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/148344)
+  [`025feb57ca48b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/025feb57ca48b) -
+  Adds usage of the useNotifyLayerObserver hook from the layering package. The hook is behind a
+  feature flag.
+
 ## 18.7.3
 
 ### Patch Changes

package/Tooltip/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@atlaskit/tooltip/Tooltip",
-  "main": "../dist/cjs/Tooltip.js",
-  "module": "../dist/esm/Tooltip.js",
-  "module:es2019": "../dist/es2019/Tooltip.js",
+  "main": "../dist/cjs/tooltip.js",
+  "module": "../dist/esm/tooltip.js",
+  "module:es2019": "../dist/es2019/tooltip.js",
   "sideEffects": false,
-  "types": "../dist/types/Tooltip.d.ts",
+  "types": "../dist/types/tooltip.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {
       "*": [
-        "../dist/types-ts4.5/Tooltip.d.ts"
+        "../dist/types-ts4.5/tooltip.d.ts"
       ]
     }
   }

package/TooltipContainer/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@atlaskit/tooltip/TooltipContainer",
-  "main": "../dist/cjs/TooltipContainer.js",
-  "module": "../dist/esm/TooltipContainer.js",
-  "module:es2019": "../dist/es2019/TooltipContainer.js",
+  "main": "../dist/cjs/tooltip-container.js",
+  "module": "../dist/esm/tooltip-container.js",
+  "module:es2019": "../dist/es2019/tooltip-container.js",
   "sideEffects": false,
-  "types": "../dist/types/TooltipContainer.d.ts",
+  "types": "../dist/types/tooltip-container.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {
       "*": [
-        "../dist/types-ts4.5/TooltipContainer.d.ts"
+        "../dist/types-ts4.5/tooltip-container.d.ts"
       ]
     }
   }

package/TooltipPrimitive/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@atlaskit/tooltip/TooltipPrimitive",
-  "main": "../dist/cjs/TooltipPrimitive.js",
-  "module": "../dist/esm/TooltipPrimitive.js",
-  "module:es2019": "../dist/es2019/TooltipPrimitive.js",
+  "main": "../dist/cjs/tooltip-primitive.js",
+  "module": "../dist/esm/tooltip-primitive.js",
+  "module:es2019": "../dist/es2019/tooltip-primitive.js",
   "sideEffects": false,
-  "types": "../dist/types/TooltipPrimitive.d.ts",
+  "types": "../dist/types/tooltip-primitive.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {
       "*": [
-        "../dist/types-ts4.5/TooltipPrimitive.d.ts"
+        "../dist/types-ts4.5/tooltip-primitive.d.ts"
       ]
     }
   }

package/dist/cjs/index.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "TooltipPrimitive", {
   enumerable: true,
   get: function get() {
-    return _TooltipPrimitive.default;
+    return _tooltipPrimitive.default;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _Tooltip.default;
+    return _tooltip.default;
   }
 });
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
-var _TooltipPrimitive = _interopRequireDefault(require("./TooltipPrimitive"));
+var _tooltip = _interopRequireDefault(require("./tooltip"));
+var _tooltipPrimitive = _interopRequireDefault(require("./tooltip-primitive"));

package/dist/cjs/{TooltipContainer.js → tooltip-container.js}

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
-var _TooltipPrimitive = _interopRequireDefault(require("./TooltipPrimitive"));
+var _tooltipPrimitive = _interopRequireDefault(require("./tooltip-primitive"));
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -20,14 +20,14 @@ var baseStyles = (0, _react2.css)({
   boxSizing: 'border-box',
   maxWidth: '240px',
   padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
-  insetBlockStart: "var(--ds-space-0, 0px)",
-  insetInlineStart: "var(--ds-space-0, 0px)",
+  backgroundColor: "var(--ds-background-neutral-bold, ".concat(_colors.N800, ")"),
   borderRadius: "var(--ds-border-radius, 3px)",
+  color: "var(--ds-text-inverse, ".concat(_colors.N0, ")"),
   font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  insetBlockStart: "var(--ds-space-0, 0px)",
+  insetInlineStart: "var(--ds-space-0, 0px)",
   overflowWrap: 'break-word',
-  wordWrap: 'break-word',
-  backgroundColor: "var(--ds-background-neutral-bold, ".concat(_colors.N800, ")"),
-  color: "var(--ds-text-inverse, ".concat(_colors.N0, ")")
+  wordWrap: 'break-word'
 });
 var truncateStyles = (0, _react2.css)({
   maxWidth: '420px',
@@ -35,6 +35,11 @@ var truncateStyles = (0, _react2.css)({
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 });
+
+/**
+ * Used as the default tooltip container component for the exported `Tooltip` component.
+ * Adds some styles to the tooltip primitive.
+ */
 var TooltipContainer = /*#__PURE__*/(0, _react.forwardRef)(function TooltipContainer(_ref, ref) {
   var style = _ref.style,
     className = _ref.className,
@@ -45,7 +50,7 @@ var TooltipContainer = /*#__PURE__*/(0, _react.forwardRef)(function TooltipConta
     onMouseOut = _ref.onMouseOut,
     onMouseOver = _ref.onMouseOver,
     id = _ref.id;
-  return (0, _react2.jsx)(_TooltipPrimitive.default, {
+  return (0, _react2.jsx)(_tooltipPrimitive.default, {
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,

package/dist/cjs/{TooltipPrimitive.js → tooltip-primitive.js}

@@ -19,6 +19,10 @@ var primitiveStyles = (0, _react2.css)({
   zindex: "var(".concat(VAR_PRIMITIVE_ZINDEX, ")"),
   cursor: "default"
 });
+
+/**
+ * The lower level component for rendering a tooltip.
+ */
 var TooltipPrimitive = /*#__PURE__*/(0, _react.forwardRef)(function TooltipPrimitive(_ref, ref) {
   var style = _ref.style,
     className = _ref.className,

package/dist/cjs/{Tooltip.js → tooltip.js}

@@ -14,6 +14,7 @@ var _bindEventListener = require("bind-event-listener");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _useCloseOnEscapePress = _interopRequireDefault(require("@atlaskit/ds-lib/use-close-on-escape-press"));
+var _openLayerObserver = require("@atlaskit/layering/experimental/open-layer-observer");
 var _motion = require("@atlaskit/motion");
 var _durations = require("@atlaskit/motion/durations");
 var _popper = require("@atlaskit/popper");
@@ -22,7 +23,7 @@ var _constants = require("@atlaskit/theme/constants");
 var _dragManager = require("./internal/drag-manager");
 var _tooltipManager = require("./internal/tooltip-manager");
 var _useUniqueId = _interopRequireDefault(require("./internal/use-unique-id"));
-var _TooltipContainer = _interopRequireDefault(require("./TooltipContainer"));
+var _tooltipContainer = _interopRequireDefault(require("./tooltip-container"));
 var _utilities = require("./utilities");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -32,7 +33,7 @@ var tooltipZIndex = _constants.layers.tooltip();
 var analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "18.7.3"
+  packageVersion: "18.8.0"
 };
 
 // Inverts motion direction
@@ -52,6 +53,11 @@ var invertedDirection = {
 var getDirectionFromPlacement = function getDirectionFromPlacement(placement) {
   return placement.split('-')[0];
 };
+/**
+ * __Tooltip__
+ *
+ * A tooltip is a floating, non-actionable label used to explain a user interface element or feature.
+ */
 function Tooltip(_ref) {
   var children = _ref.children,
     _ref$position = _ref.position,
@@ -62,7 +68,7 @@ function Tooltip(_ref) {
     _ref$truncate = _ref.truncate,
     truncate = _ref$truncate === void 0 ? false : _ref$truncate,
     _ref$component = _ref.component,
-    Container = _ref$component === void 0 ? _TooltipContainer.default : _ref$component,
+    Container = _ref$component === void 0 ? _tooltipContainer.default : _ref$component,
     _ref$tag = _ref.tag,
     TargetContainer = _ref$tag === void 0 ? 'div' : _ref$tag,
     testId = _ref.testId,
@@ -372,6 +378,9 @@ function Tooltip(_ref) {
   var CastTargetContainer = TargetContainer;
   var shouldRenderTooltipContainer = state !== 'hide' && Boolean(content);
   var shouldRenderTooltipChildren = state !== 'hide' && state !== 'fade-out';
+  (0, _openLayerObserver.useNotifyOpenLayerObserver)({
+    isOpen: shouldRenderTooltipContainer
+  });
   var getReferenceElement = function getReferenceElement() {
     var _apiRef$current4;
     if (position === 'mouse' && (_apiRef$current4 = apiRef.current) !== null && _apiRef$current4 !== void 0 && _apiRef$current4.mousePosition) {

package/dist/es2019/index.js

@@ -1,2 +1,2 @@
-export { default } from './Tooltip';
-export { default as TooltipPrimitive } from './TooltipPrimitive';
+export { default } from './tooltip';
+export { default as TooltipPrimitive } from './tooltip-primitive';

package/dist/es2019/{TooltipContainer.js → tooltip-container.js}

@@ -7,19 +7,19 @@ import { forwardRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { N0, N800 } from '@atlaskit/theme/colors';
-import TooltipPrimitive from './TooltipPrimitive';
+import TooltipPrimitive from './tooltip-primitive';
 const baseStyles = css({
   boxSizing: 'border-box',
   maxWidth: '240px',
   padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"}`,
-  insetBlockStart: "var(--ds-space-0, 0px)",
-  insetInlineStart: "var(--ds-space-0, 0px)",
+  backgroundColor: `var(--ds-background-neutral-bold, ${N800})`,
   borderRadius: "var(--ds-border-radius, 3px)",
+  color: `var(--ds-text-inverse, ${N0})`,
   font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  insetBlockStart: "var(--ds-space-0, 0px)",
+  insetInlineStart: "var(--ds-space-0, 0px)",
   overflowWrap: 'break-word',
-  wordWrap: 'break-word',
-  backgroundColor: `var(--ds-background-neutral-bold, ${N800})`,
-  color: `var(--ds-text-inverse, ${N0})`
+  wordWrap: 'break-word'
 });
 const truncateStyles = css({
   maxWidth: '420px',
@@ -27,6 +27,11 @@ const truncateStyles = css({
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 });
+
+/**
+ * Used as the default tooltip container component for the exported `Tooltip` component.
+ * Adds some styles to the tooltip primitive.
+ */
 const TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer({
   style,
   className,

package/dist/es2019/{TooltipPrimitive.js → tooltip-primitive.js}

@@ -12,6 +12,10 @@ const primitiveStyles = css({
   zindex: `var(${VAR_PRIMITIVE_ZINDEX})`,
   cursor: `default`
 });
+
+/**
+ * The lower level component for rendering a tooltip.
+ */
 const TooltipPrimitive = /*#__PURE__*/forwardRef(function TooltipPrimitive({
   style,
   className,

package/dist/es2019/{Tooltip.js → tooltip.js}

@@ -4,6 +4,7 @@ import { bind } from 'bind-event-listener';
 import { usePlatformLeafSyntheticEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
 import useCloseOnEscapePress from '@atlaskit/ds-lib/use-close-on-escape-press';
+import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
 import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
 import { mediumDurationMs } from '@atlaskit/motion/durations';
 import { Popper } from '@atlaskit/popper';
@@ -12,13 +13,13 @@ import { layers } from '@atlaskit/theme/constants';
 import { register } from './internal/drag-manager';
 import { show } from './internal/tooltip-manager';
 import useUniqueId from './internal/use-unique-id';
-import TooltipContainer from './TooltipContainer';
+import TooltipContainer from './tooltip-container';
 import { getMousePosition } from './utilities';
 const tooltipZIndex = layers.tooltip();
 const analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "18.7.3"
+  packageVersion: "18.8.0"
 };
 
 // Inverts motion direction
@@ -36,6 +37,11 @@ const invertedDirection = {
  * @returns Popper Direction, e.g. 'top'
  */
 const getDirectionFromPlacement = placement => placement.split('-')[0];
+/**
+ * __Tooltip__
+ *
+ * A tooltip is a floating, non-actionable label used to explain a user interface element or feature.
+ */
 function Tooltip({
   children,
   position = 'bottom',
@@ -348,6 +354,9 @@ function Tooltip({
   const CastTargetContainer = TargetContainer;
   const shouldRenderTooltipContainer = state !== 'hide' && Boolean(content);
   const shouldRenderTooltipChildren = state !== 'hide' && state !== 'fade-out';
+  useNotifyOpenLayerObserver({
+    isOpen: shouldRenderTooltipContainer
+  });
   const getReferenceElement = () => {
     var _apiRef$current4;
     if (position === 'mouse' && (_apiRef$current4 = apiRef.current) !== null && _apiRef$current4 !== void 0 && _apiRef$current4.mousePosition) {

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { default } from './Tooltip';
-export { default as TooltipPrimitive } from './TooltipPrimitive';
+export { default } from './tooltip';
+export { default as TooltipPrimitive } from './tooltip-primitive';

package/dist/esm/{TooltipContainer.js → tooltip-container.js}

@@ -7,19 +7,19 @@ import { forwardRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { N0, N800 } from '@atlaskit/theme/colors';
-import TooltipPrimitive from './TooltipPrimitive';
+import TooltipPrimitive from './tooltip-primitive';
 var baseStyles = css({
   boxSizing: 'border-box',
   maxWidth: '240px',
   padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
-  insetBlockStart: "var(--ds-space-0, 0px)",
-  insetInlineStart: "var(--ds-space-0, 0px)",
+  backgroundColor: "var(--ds-background-neutral-bold, ".concat(N800, ")"),
   borderRadius: "var(--ds-border-radius, 3px)",
+  color: "var(--ds-text-inverse, ".concat(N0, ")"),
   font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  insetBlockStart: "var(--ds-space-0, 0px)",
+  insetInlineStart: "var(--ds-space-0, 0px)",
   overflowWrap: 'break-word',
-  wordWrap: 'break-word',
-  backgroundColor: "var(--ds-background-neutral-bold, ".concat(N800, ")"),
-  color: "var(--ds-text-inverse, ".concat(N0, ")")
+  wordWrap: 'break-word'
 });
 var truncateStyles = css({
   maxWidth: '420px',
@@ -27,6 +27,11 @@ var truncateStyles = css({
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 });
+
+/**
+ * Used as the default tooltip container component for the exported `Tooltip` component.
+ * Adds some styles to the tooltip primitive.
+ */
 var TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer(_ref, ref) {
   var style = _ref.style,
     className = _ref.className,

package/dist/esm/{TooltipPrimitive.js → tooltip-primitive.js}

@@ -15,6 +15,10 @@ var primitiveStyles = css({
   zindex: "var(".concat(VAR_PRIMITIVE_ZINDEX, ")"),
   cursor: "default"
 });
+
+/**
+ * The lower level component for rendering a tooltip.
+ */
 var TooltipPrimitive = /*#__PURE__*/forwardRef(function TooltipPrimitive(_ref, ref) {
   var style = _ref.style,
     className = _ref.className,

package/dist/esm/{Tooltip.js → tooltip.js}

@@ -8,6 +8,7 @@ import { bind } from 'bind-event-listener';
 import { usePlatformLeafSyntheticEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
 import useCloseOnEscapePress from '@atlaskit/ds-lib/use-close-on-escape-press';
+import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
 import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
 import { mediumDurationMs } from '@atlaskit/motion/durations';
 import { Popper } from '@atlaskit/popper';
@@ -16,13 +17,13 @@ import { layers } from '@atlaskit/theme/constants';
 import { register } from './internal/drag-manager';
 import { show } from './internal/tooltip-manager';
 import useUniqueId from './internal/use-unique-id';
-import TooltipContainer from './TooltipContainer';
+import TooltipContainer from './tooltip-container';
 import { getMousePosition } from './utilities';
 var tooltipZIndex = layers.tooltip();
 var analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "18.7.3"
+  packageVersion: "18.8.0"
 };
 
 // Inverts motion direction
@@ -42,6 +43,11 @@ var invertedDirection = {
 var getDirectionFromPlacement = function getDirectionFromPlacement(placement) {
   return placement.split('-')[0];
 };
+/**
+ * __Tooltip__
+ *
+ * A tooltip is a floating, non-actionable label used to explain a user interface element or feature.
+ */
 function Tooltip(_ref) {
   var children = _ref.children,
     _ref$position = _ref.position,
@@ -362,6 +368,9 @@ function Tooltip(_ref) {
   var CastTargetContainer = TargetContainer;
   var shouldRenderTooltipContainer = state !== 'hide' && Boolean(content);
   var shouldRenderTooltipChildren = state !== 'hide' && state !== 'fade-out';
+  useNotifyOpenLayerObserver({
+    isOpen: shouldRenderTooltipContainer
+  });
   var getReferenceElement = function getReferenceElement() {
     var _apiRef$current4;
     if (position === 'mouse' && (_apiRef$current4 = apiRef.current) !== null && _apiRef$current4 !== void 0 && _apiRef$current4.mousePosition) {

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export { default } from './Tooltip';
-export { default as TooltipPrimitive } from './TooltipPrimitive';
-export type { TooltipPrimitiveProps } from './TooltipPrimitive';
+export { default } from './tooltip';
+export { default as TooltipPrimitive } from './tooltip-primitive';
+export type { TooltipPrimitiveProps } from './tooltip-primitive';
 export type { PositionType, TooltipProps, TriggerProps } from './types';

package/dist/{types-ts4.5/TooltipContainer.d.ts → types/tooltip-container.d.ts}

@@ -1,6 +1,10 @@
 /// <reference types="react" />
-import { type TooltipPrimitiveProps } from './TooltipPrimitive';
+import { type TooltipPrimitiveProps } from './tooltip-primitive';
 export interface TooltipContainerProps extends TooltipPrimitiveProps {
 }
+/**
+ * Used as the default tooltip container component for the exported `Tooltip` component.
+ * Adds some styles to the tooltip primitive.
+ */
 declare const TooltipContainer: import("react").ForwardRefExoticComponent<Pick<TooltipContainerProps, "style" | "className" | "children" | "placement" | "testId" | "onMouseOut" | "onMouseOver" | "id" | "truncate"> & import("react").RefAttributes<HTMLDivElement>>;
 export default TooltipContainer;

package/dist/{types-ts4.5/TooltipPrimitive.d.ts → types/tooltip-primitive.d.ts}

@@ -16,5 +16,8 @@ export interface TooltipPrimitiveProps {
     onMouseOut?: (e: React.MouseEvent<HTMLElement>) => void;
     id?: string;
 }
+/**
+ * The lower level component for rendering a tooltip.
+ */
 declare const TooltipPrimitive: import("react").ForwardRefExoticComponent<Pick<TooltipPrimitiveProps, "style" | "className" | "children" | "placement" | "testId" | "onMouseOut" | "onMouseOver" | "id" | "truncate"> & import("react").RefAttributes<HTMLDivElement>>;
 export default TooltipPrimitive;

package/dist/types/{Tooltip.d.ts → tooltip.d.ts}

@@ -1,5 +1,10 @@
 /// <reference types="react" />
 import { type TooltipProps } from './types';
+/**
+ * __Tooltip__
+ *
+ * A tooltip is a floating, non-actionable label used to explain a user interface element or feature.
+ */
 declare function Tooltip({ children, position, mousePosition, content, truncate, component: Container, tag: TargetContainer, testId, delay, onShow, onHide, hideTooltipOnClick, hideTooltipOnMouseDown, analyticsContext, strategy, ignoreTooltipPointerEvents, }: TooltipProps): JSX.Element;
 declare namespace Tooltip {
     var displayName: string;

package/dist/types/types.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentType, type ReactNode } from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type Placement } from '@atlaskit/popper';
-import { type TooltipPrimitiveProps } from './TooltipPrimitive';
+import { type TooltipPrimitiveProps } from './tooltip-primitive';
 export type PositionTypeBase = Placement;
 export type PositionType = PositionTypeBase | 'mouse';
 export interface TriggerProps {

package/dist/types-ts4.5/index.d.ts

@@ -1,4 +1,4 @@
-export { default } from './Tooltip';
-export { default as TooltipPrimitive } from './TooltipPrimitive';
-export type { TooltipPrimitiveProps } from './TooltipPrimitive';
+export { default } from './tooltip';
+export { default as TooltipPrimitive } from './tooltip-primitive';
+export type { TooltipPrimitiveProps } from './tooltip-primitive';
 export type { PositionType, TooltipProps, TriggerProps } from './types';

package/dist/{types/TooltipContainer.d.ts → types-ts4.5/tooltip-container.d.ts}

@@ -1,6 +1,10 @@
 /// <reference types="react" />
-import { type TooltipPrimitiveProps } from './TooltipPrimitive';
+import { type TooltipPrimitiveProps } from './tooltip-primitive';
 export interface TooltipContainerProps extends TooltipPrimitiveProps {
 }
+/**
+ * Used as the default tooltip container component for the exported `Tooltip` component.
+ * Adds some styles to the tooltip primitive.
+ */
 declare const TooltipContainer: import("react").ForwardRefExoticComponent<Pick<TooltipContainerProps, "style" | "className" | "children" | "placement" | "testId" | "onMouseOut" | "onMouseOver" | "id" | "truncate"> & import("react").RefAttributes<HTMLDivElement>>;
 export default TooltipContainer;

package/dist/{types/TooltipPrimitive.d.ts → types-ts4.5/tooltip-primitive.d.ts}

@@ -16,5 +16,8 @@ export interface TooltipPrimitiveProps {
     onMouseOut?: (e: React.MouseEvent<HTMLElement>) => void;
     id?: string;
 }
+/**
+ * The lower level component for rendering a tooltip.
+ */
 declare const TooltipPrimitive: import("react").ForwardRefExoticComponent<Pick<TooltipPrimitiveProps, "style" | "className" | "children" | "placement" | "testId" | "onMouseOut" | "onMouseOver" | "id" | "truncate"> & import("react").RefAttributes<HTMLDivElement>>;
 export default TooltipPrimitive;

package/dist/types-ts4.5/{Tooltip.d.ts → tooltip.d.ts}

@@ -1,5 +1,10 @@
 /// <reference types="react" />
 import { type TooltipProps } from './types';
+/**
+ * __Tooltip__
+ *
+ * A tooltip is a floating, non-actionable label used to explain a user interface element or feature.
+ */
 declare function Tooltip({ children, position, mousePosition, content, truncate, component: Container, tag: TargetContainer, testId, delay, onShow, onHide, hideTooltipOnClick, hideTooltipOnMouseDown, analyticsContext, strategy, ignoreTooltipPointerEvents, }: TooltipProps): JSX.Element;
 declare namespace Tooltip {
     var displayName: string;

package/dist/types-ts4.5/types.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentType, type ReactNode } from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type Placement } from '@atlaskit/popper';
-import { type TooltipPrimitiveProps } from './TooltipPrimitive';
+import { type TooltipPrimitiveProps } from './tooltip-primitive';
 export type PositionTypeBase = Placement;
 export type PositionType = PositionTypeBase | 'mouse';
 export interface TriggerProps {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tooltip",
-	"version": "18.7.3",
+	"version": "18.8.0",
 	"description": "A tooltip is a floating, non-actionable label used to explain a user interface element or feature.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,15 +32,16 @@
 	},
 	"af:exports": {
 		".": "./src/index.ts",
-		"./Tooltip": "./src/Tooltip.tsx",
-		"./TooltipContainer": "./src/TooltipContainer.tsx",
-		"./TooltipPrimitive": "./src/TooltipPrimitive.tsx",
+		"./Tooltip": "./src/tooltip.tsx",
+		"./TooltipContainer": "./src/tooltip-container.tsx",
+		"./TooltipPrimitive": "./src/tooltip-primitive.tsx",
 		"./types": "./src/types.tsx",
 		"./utilities": "./src/utilities.ts"
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/ds-lib": "^2.6.0",
+		"@atlaskit/layering": "^0.5.0",
 		"@atlaskit/motion": "^1.9.0",
 		"@atlaskit/popper": "^6.3.0",
 		"@atlaskit/portal": "^4.9.0",