@atlaskit/tooltip 20.5.1 → 20.6.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/tooltip
 
+## 20.6.0
+
+### Minor Changes
+
+- [`6915142a30a40`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6915142a30a40) -
+  The tooltip keyboard shortcut component has been updated to protect against global styles in apps,
+  by unsetting styles. Minor tweaks to the keyboard shortcut styling have also been made - font
+  size, height, and center alignment.
+
+  The `shortcut` prop is still behind the feature flag `platform-dst-tooltip-shortcuts`.
+
+## 20.5.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 20.5.1
 
 ### Patch Changes
@@ -995,7 +1012,6 @@
   [`d36905cfe9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d36905cfe9) - Fixed
   incorrect function signature for onShow and onHide props, and added improved typing for these
   props.
-
   - **old:** analyticsEvent was the first argument
   - **change:** analyticsEvent became the second argument unintentionally (bug introduced 17.0.0)
   - **now:** restoring old behavior, analyticsEvent as the first argument
@@ -1045,7 +1061,6 @@
 - [#4424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4424)
   [`83586f015e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83586f015e) - Tooltip
   has been refactored to improve performance and be compliant with the lite-mode specification.
-
   - Removed `react-transition-group` in favor of `@atlaskit/motion` to reduce bundle size
   - Removed `react-node-resolver` because of its use of `React.findDOMNode` which has been marked as
     deprecated by the React team (more below...)
@@ -1203,7 +1218,6 @@
 
   Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
   [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
-
   - @atlaskit/docs@8.3.2
   - @atlaskit/visual-regression@0.1.9
   - @atlaskit/analytics-next@6.3.5
@@ -1413,12 +1427,10 @@
   safety. Flow types are no longer provided. No behavioural changes.
 
   **Breaking changes**
-
   - `withAnalyticsForSumTypeProps` alias has been removed, please use `withAnalyticsEvents`
   - `AnalyticsContextWrappedComp` alias has been removed, please use `withAnalyticsContext`
 
   **Breaking changes to TypeScript annotations**
-
   - `withAnalyticsEvents` now infers proptypes automatically, consumers no longer need to provide
     props as a generic type.
   - `withAnalyticsContext` now infers proptypes automatically, consumers no longer need to provide
@@ -1518,7 +1530,6 @@
 ### Major Changes
 
 - [major][67f06f58dd](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/67f06f58dd):
-
   - @atlaskit/tooltip has been converted to Typescript. Typescript consumers will now get static
     type safety. Flow types are no longer provided. No API or behavioural changes.
 
@@ -1534,7 +1545,6 @@
 ## 14.0.2
 
 - [patch][b0ef06c685](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b0ef06c685):
-
   - This is just a safety release in case anything strange happened in in the previous one. See Pull
     Request #5942 for details
 
@@ -1547,7 +1557,6 @@
 ## 14.0.0
 
 - [major][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
-
   - Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
     this package, please ensure you use at least this version of react and react-dom.
 
@@ -1603,7 +1612,6 @@
 ## 13.0.0
 
 - [major][76299208e6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/76299208e6):
-
   - Drop ES5 from all the flow modules
 
   ### Dropping CJS support in all @atlaskit packages
@@ -1648,7 +1656,6 @@
 ## 12.1.17
 
 - [patch][c4edb3ab4d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c4edb3ab4d):
-
   - Move tooltip to render popper in portal to maintain ref that Popper needs to initially position
     the tooltip
 
@@ -1670,7 +1677,6 @@
 ## 12.1.14
 
 - [patch][8f179c4](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/8f179c4):
-
   - Remove scroll listener in componentWillMount in Tooltip to fix potential memory leak from
     'close' tooltip not properly unmounting when hiding Examples modal via the X button
 
@@ -1726,7 +1732,6 @@
 ## 12.1.7
 
 - [patch][3b03f52](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3b03f52):
-
   - Use @atlaskit/popper internally instead of a custom approach to position management
 
 ## 12.1.6

package/dist/cjs/tooltip-primitive.js

@@ -40,9 +40,9 @@ var TooltipPrimitive = /*#__PURE__*/(0, _react.forwardRef)(function TooltipPrimi
     ,
     className: (0, _runtime.ax)(["_80om73ad", className])
     // Because the tooltip should not be focusable, there is no reason to have key events.
-    /* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */,
+    /* eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events */,
     onMouseOut: onMouseOut
-    /* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */,
+    /* eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events */,
     onMouseOver: onMouseOver,
     "data-placement": placement,
     "data-testid": testId,

package/dist/cjs/tooltip-shortcut.compiled.css

@@ -1,12 +1,27 @@
 ._11c81u0j{font:var(--ds-font-code,normal 400 .875em/1 ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
+._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
 ._zulpv77o{gap:var(--ds-space-025,2px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d7jlr{border-color:var(--ds-border-bold,#758195)}
+._1254n7od{-webkit-box-shadow:unset}
+._12l2n7od{margin-inline-end:unset}
+._16qsn7od{box-shadow:unset}
 ._1e0c1txw{display:flex}
+._1pfhn7od{margin-block-start:unset}
 ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
 ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
+._1ul9n7od{min-width:unset}
+._4cvr1h6o{align-items:center}
+._4t3i1k92{height:1.25rem}
+._6rthn7od{margin-block-end:unset}
 ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
+._ahbqn7od{margin-inline-start:unset}
+._bfhk261p{background-color:unset!important}
 ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
+._cgnln7od{-moz-box-shadow:unset}
+._syazn7od{color:unset}
+._vchhusvi{box-sizing:border-box}
+._w19jn7od{text-shadow:unset}
 ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}

package/dist/cjs/tooltip-shortcut.js

@@ -11,8 +11,8 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  shortcutSegmentsContainer: "_zulpv77o _1e0c1txw _1q511b66 _85i5v77o",
-  shortcutSegment: "_11c81u0j _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d7jlr _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7"
+  shortcutSegmentsContainer: "_zulpv77o _11c82smr _1e0c1txw _1q511b66 _85i5v77o",
+  shortcutSegment: "_11c81u0j _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d7jlr _1e0c1txw _4cvr1h6o _4t3i1k92 _vchhusvi _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7 _16qsn7od _1254n7od _cgnln7od _syazn7od _ahbqn7od _12l2n7od _1pfhn7od _6rthn7od _1ul9n7od _w19jn7od _bfhk261p"
 };
 /**
  * __Tooltip shortcut__

package/dist/es2019/tooltip-primitive.js

@@ -33,9 +33,9 @@ const TooltipPrimitive = /*#__PURE__*/forwardRef(function TooltipPrimitive({
     ,
     className: ax(["_80om73ad", className])
     // Because the tooltip should not be focusable, there is no reason to have key events.
-    /* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */,
+    /* eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events */,
     onMouseOut: onMouseOut
-    /* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */,
+    /* eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events */,
     onMouseOver: onMouseOver,
     "data-placement": placement,
     "data-testid": testId,

package/dist/es2019/tooltip-shortcut.compiled.css

@@ -1,12 +1,27 @@
 ._11c81u0j{font:var(--ds-font-code,normal 400 .875em/1 ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
+._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
 ._zulpv77o{gap:var(--ds-space-025,2px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d7jlr{border-color:var(--ds-border-bold,#758195)}
+._1254n7od{-webkit-box-shadow:unset}
+._12l2n7od{margin-inline-end:unset}
+._16qsn7od{box-shadow:unset}
 ._1e0c1txw{display:flex}
+._1pfhn7od{margin-block-start:unset}
 ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
 ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
+._1ul9n7od{min-width:unset}
+._4cvr1h6o{align-items:center}
+._4t3i1k92{height:1.25rem}
+._6rthn7od{margin-block-end:unset}
 ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
+._ahbqn7od{margin-inline-start:unset}
+._bfhk261p{background-color:unset!important}
 ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
+._cgnln7od{-moz-box-shadow:unset}
+._syazn7od{color:unset}
+._vchhusvi{box-sizing:border-box}
+._w19jn7od{text-shadow:unset}
 ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}

package/dist/es2019/tooltip-shortcut.js

@@ -3,8 +3,8 @@ import "./tooltip-shortcut.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 const styles = {
-  shortcutSegmentsContainer: "_zulpv77o _1e0c1txw _1q511b66 _85i5v77o",
-  shortcutSegment: "_11c81u0j _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d7jlr _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7"
+  shortcutSegmentsContainer: "_zulpv77o _11c82smr _1e0c1txw _1q511b66 _85i5v77o",
+  shortcutSegment: "_11c81u0j _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d7jlr _1e0c1txw _4cvr1h6o _4t3i1k92 _vchhusvi _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7 _16qsn7od _1254n7od _cgnln7od _syazn7od _ahbqn7od _12l2n7od _1pfhn7od _6rthn7od _1ul9n7od _w19jn7od _bfhk261p"
 };
 /**
  * __Tooltip shortcut__

package/dist/esm/tooltip-primitive.js

@@ -32,9 +32,9 @@ var TooltipPrimitive = /*#__PURE__*/forwardRef(function TooltipPrimitive(_ref, r
     ,
     className: ax(["_80om73ad", className])
     // Because the tooltip should not be focusable, there is no reason to have key events.
-    /* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */,
+    /* eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events */,
     onMouseOut: onMouseOut
-    /* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */,
+    /* eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events */,
     onMouseOver: onMouseOver,
     "data-placement": placement,
     "data-testid": testId,

package/dist/esm/tooltip-shortcut.compiled.css

@@ -1,12 +1,27 @@
 ._11c81u0j{font:var(--ds-font-code,normal 400 .875em/1 ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
+._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
 ._zulpv77o{gap:var(--ds-space-025,2px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d7jlr{border-color:var(--ds-border-bold,#758195)}
+._1254n7od{-webkit-box-shadow:unset}
+._12l2n7od{margin-inline-end:unset}
+._16qsn7od{box-shadow:unset}
 ._1e0c1txw{display:flex}
+._1pfhn7od{margin-block-start:unset}
 ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
 ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
+._1ul9n7od{min-width:unset}
+._4cvr1h6o{align-items:center}
+._4t3i1k92{height:1.25rem}
+._6rthn7od{margin-block-end:unset}
 ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
+._ahbqn7od{margin-inline-start:unset}
+._bfhk261p{background-color:unset!important}
 ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
+._cgnln7od{-moz-box-shadow:unset}
+._syazn7od{color:unset}
+._vchhusvi{box-sizing:border-box}
+._w19jn7od{text-shadow:unset}
 ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}

package/dist/esm/tooltip-shortcut.js

@@ -3,8 +3,8 @@ import "./tooltip-shortcut.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 var styles = {
-  shortcutSegmentsContainer: "_zulpv77o _1e0c1txw _1q511b66 _85i5v77o",
-  shortcutSegment: "_11c81u0j _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d7jlr _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7"
+  shortcutSegmentsContainer: "_zulpv77o _11c82smr _1e0c1txw _1q511b66 _85i5v77o",
+  shortcutSegment: "_11c81u0j _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d7jlr _1e0c1txw _4cvr1h6o _4t3i1k92 _vchhusvi _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7 _16qsn7od _1254n7od _cgnln7od _syazn7od _ahbqn7od _12l2n7od _1pfhn7od _6rthn7od _1ul9n7od _w19jn7od _bfhk261p"
 };
 /**
  * __Tooltip shortcut__

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tooltip",
-	"version": "20.5.1",
+	"version": "20.6.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/"
@@ -34,15 +34,15 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/ds-lib": "^5.1.0",
-		"@atlaskit/layering": "^3.0.0",
+		"@atlaskit/layering": "^3.1.0",
 		"@atlaskit/motion": "^5.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/portal": "^5.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^6.4.0",
+		"@atlaskit/tokens": "^7.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.3",
+		"@compiled/react": "^0.18.6",
 		"bind-event-listener": "^3.0.0"
 	},
 	"peerDependencies": {
@@ -53,12 +53,12 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.4.0",
-		"@atlaskit/css": "^0.14.0",
-		"@atlaskit/docs": "^11.1.0",
-		"@atlaskit/icon": "^28.3.0",
+		"@atlaskit/button": "^23.5.0",
+		"@atlaskit/css": "^0.15.0",
+		"@atlaskit/docs": "^11.2.0",
+		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/primitives": "^14.15.0",
+		"@atlaskit/primitives": "^16.0.0",
 		"@atlaskit/section-message": "^8.7.0",
 		"@atlassian/ssr-tests": "^0.3.0",
 		"@testing-library/react": "^13.4.0",