@atlaskit/tooltip 20.4.6 → 20.4.8

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/tooltip
 
+## 20.4.8
+
+### Patch Changes
+
+- [`6d3595e270d09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6d3595e270d09) -
+  Minor fixes to Tooltip's component prop and DropdownMenu types to be more compatible with React
+  18.3.1
+- Updated dependencies
+
+## 20.4.7
+
+### Patch Changes
+
+- [`042005250a589`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/042005250a589) -
+  Typescript fixes
+- Updated dependencies
+
 ## 20.4.6
 
 ### Patch Changes

package/dist/cjs/tooltip-container.js

@@ -1,4 +1,4 @@
-/* tooltip-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tooltip-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/tooltip-primitive.js

@@ -1,4 +1,4 @@
-/* tooltip-primitive.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tooltip-primitive.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/tooltip.js

@@ -451,7 +451,7 @@ function Tooltip(_ref) {
 
   // Don't set `data-testid` unless it's defined, as it's not in the interface.
   if (testId) {
-    // @ts-expect-error - Adding `data-testid` to the TriggerProps interface breaks Buttons.
+    // Adding `data-testid` to the TriggerProps interface breaks Buttons, so we use type assertion
     tooltipTriggerProps['data-testid'] = "".concat(testId, "--container");
   }
 

package/dist/es2019/tooltip-container.js

@@ -1,4 +1,4 @@
-/* tooltip-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tooltip-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./tooltip-container.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/tooltip-primitive.js

@@ -1,4 +1,4 @@
-/* tooltip-primitive.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tooltip-primitive.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./tooltip-primitive.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/tooltip.js

@@ -427,7 +427,7 @@ function Tooltip({
 
   // Don't set `data-testid` unless it's defined, as it's not in the interface.
   if (testId) {
-    // @ts-expect-error - Adding `data-testid` to the TriggerProps interface breaks Buttons.
+    // Adding `data-testid` to the TriggerProps interface breaks Buttons, so we use type assertion
     tooltipTriggerProps['data-testid'] = `${testId}--container`;
   }
 

package/dist/esm/tooltip-container.js

@@ -1,4 +1,4 @@
-/* tooltip-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tooltip-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./tooltip-container.compiled.css";
 import * as React from 'react';

package/dist/esm/tooltip-primitive.js

@@ -1,4 +1,4 @@
-/* tooltip-primitive.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tooltip-primitive.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./tooltip-primitive.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/tooltip.js

@@ -442,7 +442,7 @@ function Tooltip(_ref) {
 
   // Don't set `data-testid` unless it's defined, as it's not in the interface.
   if (testId) {
-    // @ts-expect-error - Adding `data-testid` to the TriggerProps interface breaks Buttons.
+    // Adding `data-testid` to the TriggerProps interface breaks Buttons, so we use type assertion
     tooltipTriggerProps['data-testid'] = "".concat(testId, "--container");
   }
 

package/dist/types/tooltip-primitive.d.ts

@@ -11,9 +11,9 @@ export interface TooltipPrimitiveProps {
     children: ReactNode;
     testId?: string;
     placement: PositionType;
-    ref: React.Ref<any>;
-    onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;
-    onMouseOut?: (e: React.MouseEvent<HTMLElement>) => void;
+    ref?: React.Ref<HTMLDivElement>;
+    onMouseOver?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseOut?: (e: React.MouseEvent<HTMLDivElement>) => void;
     id?: string;
 }
 /**

package/dist/types/types.d.ts

@@ -34,7 +34,7 @@ export interface TooltipProps {
     /**
      * Extend `TooltipPrimitive` to create your own tooltip and pass it as component.
      */
-    component?: ComponentType<TooltipPrimitiveProps> | React.ForwardRefExoticComponent<React.PropsWithoutRef<TooltipPrimitiveProps> & React.RefAttributes<HTMLElement>>;
+    component?: ComponentType<TooltipPrimitiveProps> | React.ForwardRefExoticComponent<React.PropsWithoutRef<TooltipPrimitiveProps> & React.RefAttributes<HTMLDivElement>>;
     /**
      * Time in milliseconds to wait before showing and hiding the tooltip. Defaults to 300.
      */

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

@@ -11,9 +11,9 @@ export interface TooltipPrimitiveProps {
     children: ReactNode;
     testId?: string;
     placement: PositionType;
-    ref: React.Ref<any>;
-    onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;
-    onMouseOut?: (e: React.MouseEvent<HTMLElement>) => void;
+    ref?: React.Ref<HTMLDivElement>;
+    onMouseOver?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseOut?: (e: React.MouseEvent<HTMLDivElement>) => void;
     id?: string;
 }
 /**

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

@@ -34,7 +34,7 @@ export interface TooltipProps {
     /**
      * Extend `TooltipPrimitive` to create your own tooltip and pass it as component.
      */
-    component?: ComponentType<TooltipPrimitiveProps> | React.ForwardRefExoticComponent<React.PropsWithoutRef<TooltipPrimitiveProps> & React.RefAttributes<HTMLElement>>;
+    component?: ComponentType<TooltipPrimitiveProps> | React.ForwardRefExoticComponent<React.PropsWithoutRef<TooltipPrimitiveProps> & React.RefAttributes<HTMLDivElement>>;
     /**
      * Time in milliseconds to wait before showing and hiding the tooltip. Defaults to 300.
      */

package/offerings.json

@@ -0,0 +1,37 @@
+[
+	{
+		"name": "Tooltip",
+		"package": "@atlaskit/tooltip",
+		"import": {
+			"name": "Tooltip",
+			"package": "@atlaskit/tooltip",
+			"type": "default"
+		},
+		"keywords": ["tooltip", "hint", "help", "floating", "label", "explanation"],
+		"categories": ["overlays-and-layering"],
+		"shortDescription": "A tooltip is a floating, non-actionable label used to explain a user interface element or feature.",
+		"status": "general-availability",
+		"accessibilityGuidelines": [
+			"Ensure tooltip content is announced by screen readers",
+			"Use appropriate hover/focus triggers",
+			"Provide keyboard access to tooltip content",
+			"Use clear, descriptive tooltip text",
+			"Consider tooltip timing and persistence"
+		],
+		"usageGuidelines": [
+			"Use to provide additional context or explanation",
+			"Keep tooltip content concise and helpful",
+			"Position tooltips appropriately to avoid obstruction",
+			"Use consistent tooltip behavior across the interface",
+			"Consider mobile touch interactions"
+		],
+		"contentGuidelines": [
+			"Write clear, concise explanatory text",
+			"Use helpful, actionable information",
+			"Avoid redundant information already visible",
+			"Use consistent tone and style"
+		],
+		"generativeInstructions": "./docs/ai/tooltip-instructions.md",
+		"examples": ["./examples/default-tooltip.tsx"]
+	}
+]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tooltip",
-	"version": "20.4.6",
+	"version": "20.4.8",
 	"description": "A tooltip is a floating, non-actionable label used to explain a user interface element or feature.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/ds-lib": "^5.0.0",
+		"@atlaskit/ds-lib": "^5.1.0",
 		"@atlaskit/layering": "^3.0.0",
 		"@atlaskit/motion": "^5.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -55,10 +55,10 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/css": "^0.14.0",
-		"@atlaskit/docs": "^11.0.0",
-		"@atlaskit/icon": "^28.1.0",
+		"@atlaskit/docs": "^11.1.0",
+		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/primitives": "^14.14.0",
+		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/section-message": "^8.7.0",
 		"@atlassian/ssr-tests": "^0.3.0",
 		"@testing-library/react": "^13.4.0",