@atlaskit/tooltip 17.8.4 → 17.8.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/tooltip
 
+## 17.8.5
+
+### Patch Changes
+
+- [`56b444b56a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56b444b56a8) - Fix a bug where text descenders were cut off at high zoom levels on Windows
+
 ## 17.8.4
 
 ### Patch Changes

package/dist/cjs/Tooltip.js

@@ -32,7 +32,7 @@ var tooltipZIndex = _constants.layers.tooltip();
 var analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "17.8.4"
+  packageVersion: "17.8.5"
 };
 
 // Inverts motion direction

package/dist/cjs/TooltipContainer.js

@@ -26,9 +26,15 @@ var baseStyles = (0, _react2.css)({
 });
 var truncateStyles = (0, _react2.css)({
   maxWidth: '420px',
-  overflow: 'hidden',
   textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
+  whiteSpace: 'nowrap',
+  // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
+  '@supports not (overflow-x: clip)': {
+    overflow: 'hidden'
+  },
+  '@supports (overflow-x: clip)': {
+    overflowX: 'clip'
+  }
 });
 var lightStyles = (0, _react2.css)({
   backgroundColor: "var(--ds-background-neutral-bold, ".concat(_colors.N800, ")"),

package/dist/es2019/Tooltip.js

@@ -20,7 +20,7 @@ const tooltipZIndex = layers.tooltip();
 const analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "17.8.4"
+  packageVersion: "17.8.5"
 };
 
 // Inverts motion direction

package/dist/es2019/TooltipContainer.js

@@ -18,9 +18,15 @@ const baseStyles = css({
 });
 const truncateStyles = css({
   maxWidth: '420px',
-  overflow: 'hidden',
   textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
+  whiteSpace: 'nowrap',
+  // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
+  '@supports not (overflow-x: clip)': {
+    overflow: 'hidden'
+  },
+  '@supports (overflow-x: clip)': {
+    overflowX: 'clip'
+  }
 });
 const lightStyles = css({
   backgroundColor: `var(--ds-background-neutral-bold, ${N800})`,

package/dist/esm/Tooltip.js

@@ -24,7 +24,7 @@ var tooltipZIndex = layers.tooltip();
 var analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "17.8.4"
+  packageVersion: "17.8.5"
 };
 
 // Inverts motion direction

package/dist/esm/TooltipContainer.js

@@ -18,9 +18,15 @@ var baseStyles = css({
 });
 var truncateStyles = css({
   maxWidth: '420px',
-  overflow: 'hidden',
   textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
+  whiteSpace: 'nowrap',
+  // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
+  '@supports not (overflow-x: clip)': {
+    overflow: 'hidden'
+  },
+  '@supports (overflow-x: clip)': {
+    overflowX: 'clip'
+  }
 });
 var lightStyles = css({
   backgroundColor: "var(--ds-background-neutral-bold, ".concat(N800, ")"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tooltip",
-  "version": "17.8.4",
+  "version": "17.8.5",
   "description": "A tooltip is a floating, non-actionable label used to explain a user interface element or feature.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -45,7 +45,7 @@
     "@atlaskit/popper": "^5.5.0",
     "@atlaskit/portal": "^4.3.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/tokens": "^1.14.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",
@@ -57,7 +57,7 @@
   },
   "devDependencies": {
     "@af/accessibility-testing": "*",
-    "@atlaskit/button": "^16.8.0",
+    "@atlaskit/button": "^16.9.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,106 @@
+## API Report File for "@atlaskit/tooltip"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { ComponentType } from 'react';
+import { CSSProperties } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { jsx } from '@emotion/react';
+import { Placement } from '@atlaskit/popper';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+
+// @public (undocumented)
+export type PositionType = 'mouse' | PositionTypeBase;
+
+// @public (undocumented)
+type PositionTypeBase = Placement;
+
+// @public (undocumented)
+function Tooltip({ children, position, mousePosition, content, truncate, component: Container, tag: TargetContainer, testId, delay, onShow, onHide, hideTooltipOnClick, hideTooltipOnMouseDown, analyticsContext, strategy, }: TooltipProps): jsx.JSX.Element;
+
+// @public (undocumented)
+namespace Tooltip {
+    var // (undocumented)
+    displayName: string;
+}
+export default Tooltip;
+
+// @public (undocumented)
+export const TooltipPrimitive: ForwardRefExoticComponent<Pick<TooltipPrimitiveProps, "children" | "className" | "id" | "onMouseOut" | "onMouseOver" | "placement" | "style" | "testId" | "truncate"> & RefAttributes<HTMLDivElement>>;
+
+// @public (undocumented)
+export interface TooltipPrimitiveProps {
+    // (undocumented)
+    children: ReactNode;
+    // (undocumented)
+    className?: string;
+    // (undocumented)
+    id?: string;
+    // (undocumented)
+    onMouseOut?: (e: React.MouseEvent<HTMLElement>) => void;
+    // (undocumented)
+    onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;
+    // (undocumented)
+    placement: PositionType;
+    // (undocumented)
+    ref: React.Ref<any>;
+    // (undocumented)
+    style?: CSSProperties;
+    // (undocumented)
+    testId?: string;
+    // (undocumented)
+    truncate?: boolean;
+}
+
+// @public (undocumented)
+export interface TooltipProps {
+    analyticsContext?: Record<string, any>;
+    children: ((props: TriggerProps) => ReactNode) | ReactNode;
+    component?: ComponentType<TooltipPrimitiveProps>;
+    content: (({ update }: {
+        update: () => void;
+    }) => ReactNode) | ReactNode;
+    delay?: number;
+    hideTooltipOnClick?: boolean;
+    hideTooltipOnMouseDown?: boolean;
+    mousePosition?: PositionTypeBase;
+    onHide?: (analyticsEvent: UIAnalyticsEvent) => void;
+    onShow?: (analyticsEvent: UIAnalyticsEvent) => void;
+    position?: PositionType;
+    strategy?: 'absolute' | 'fixed' | undefined;
+    tag?: React.ComponentType<React.AllHTMLAttributes<HTMLElement> & {
+        ref: React.Ref<HTMLElement>;
+    }> | keyof JSX.IntrinsicElements;
+    testId?: string;
+    truncate?: boolean;
+}
+
+// @public (undocumented)
+interface TriggerProps {
+    // (undocumented)
+    'aria-describedby'?: string | undefined;
+    // (undocumented)
+    onBlur: (event: React.FocusEvent<HTMLElement>) => void;
+    // (undocumented)
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    // (undocumented)
+    onFocus: (event: React.FocusEvent<HTMLElement>) => void;
+    // (undocumented)
+    onMouseDown: (event: React.MouseEvent<HTMLElement>) => void;
+    // (undocumented)
+    onMouseMove: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
+    // (undocumented)
+    onMouseOut: (event: React.MouseEvent<HTMLElement>) => void;
+    // (undocumented)
+    onMouseOver: (event: React.MouseEvent<HTMLElement>) => void;
+    // (undocumented)
+    ref: (node: HTMLElement | null) => void;
+}
+
+// (No @packageDocumentation comment for this package)
+
+```

package/dist/cjs/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/tooltip",
-	"version": "17.8.4",
-	"sideEffects": false
-}

package/dist/es2019/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/tooltip",
-	"version": "17.8.4",
-	"sideEffects": false
-}

package/dist/esm/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/tooltip",
-	"version": "17.8.4",
-	"sideEffects": false
-}