@atlaskit/tooltip 20.5.2 → 20.6.1

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.
Files changed (11) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/cjs/tooltip-shortcut.compiled.css +15 -0
  3. package/dist/cjs/tooltip-shortcut.js +2 -2
  4. package/dist/cjs/tooltip.js +4 -1
  5. package/dist/es2019/tooltip-shortcut.compiled.css +15 -0
  6. package/dist/es2019/tooltip-shortcut.js +2 -2
  7. package/dist/es2019/tooltip.js +4 -1
  8. package/dist/esm/tooltip-shortcut.compiled.css +15 -0
  9. package/dist/esm/tooltip-shortcut.js +2 -2
  10. package/dist/esm/tooltip.js +4 -1
  11. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/tooltip
2
2
 
3
+ ## 20.6.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`e336b1e1861e5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e336b1e1861e5) -
8
+ ts-expect-error was replaced with ts-ignore to fix typecheck issues with help-center local
9
+ consumption
10
+
11
+ ## 20.6.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [`6915142a30a40`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6915142a30a40) -
16
+ The tooltip keyboard shortcut component has been updated to protect against global styles in apps,
17
+ by unsetting styles. Minor tweaks to the keyboard shortcut styling have also been made - font
18
+ size, height, and center alignment.
19
+
20
+ The `shortcut` prop is still behind the feature flag `platform-dst-tooltip-shortcuts`.
21
+
3
22
  ## 20.5.2
4
23
 
5
24
  ### Patch Changes
package/dist/cjs/tooltip-shortcut.compiled.css CHANGED
@@ -1,12 +1,27 @@
1
1
  ._11c81u0j{font:var(--ds-font-code,normal 400 .875em/1 ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
2
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
3
  ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
3
4
  ._zulpv77o{gap:var(--ds-space-025,2px)}
4
5
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
5
6
  ._1dqonqa1{border-style:solid}
6
7
  ._1h6d7jlr{border-color:var(--ds-border-bold,#758195)}
8
+ ._1254n7od{-webkit-box-shadow:unset}
9
+ ._12l2n7od{margin-inline-end:unset}
10
+ ._16qsn7od{box-shadow:unset}
7
11
  ._1e0c1txw{display:flex}
12
+ ._1pfhn7od{margin-block-start:unset}
8
13
  ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
9
14
  ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
15
+ ._1ul9n7od{min-width:unset}
16
+ ._4cvr1h6o{align-items:center}
17
+ ._4t3i1k92{height:1.25rem}
18
+ ._6rthn7od{margin-block-end:unset}
10
19
  ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
20
+ ._ahbqn7od{margin-inline-start:unset}
21
+ ._bfhk261p{background-color:unset!important}
11
22
  ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
23
+ ._cgnln7od{-moz-box-shadow:unset}
24
+ ._syazn7od{color:unset}
25
+ ._vchhusvi{box-sizing:border-box}
26
+ ._w19jn7od{text-shadow:unset}
12
27
  ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
package/dist/cjs/tooltip-shortcut.js CHANGED
@@ -11,8 +11,8 @@ var React = _interopRequireWildcard(require("react"));
11
11
  var _runtime = require("@compiled/react/runtime");
12
12
  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); }
13
13
  var styles = {
14
- shortcutSegmentsContainer: "_zulpv77o _1e0c1txw _1q511b66 _85i5v77o",
15
- shortcutSegment: "_11c81u0j _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d7jlr _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7"
14
+ shortcutSegmentsContainer: "_zulpv77o _11c82smr _1e0c1txw _1q511b66 _85i5v77o",
15
+ 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"
16
16
  };
17
17
  /**
18
18
  * __Tooltip shortcut__
package/dist/cjs/tooltip.js CHANGED
@@ -489,7 +489,10 @@ function Tooltip(_ref) {
489
489
  _react.default.createElement(_react.default.Fragment, null, children(_objectSpread(_objectSpread({}, tooltipTriggerProps), {}, {
490
490
  'aria-describedby': tooltipIdForHiddenContent,
491
491
  ref: setDirectRef
492
- })), hiddenContent) : /*#__PURE__*/_react.default.createElement(CastTargetContainer, (0, _extends2.default)({}, tooltipTriggerProps, {
492
+ })), hiddenContent) :
493
+ /*#__PURE__*/
494
+ // @ts-ignore
495
+ _react.default.createElement(CastTargetContainer, (0, _extends2.default)({}, tooltipTriggerProps, {
493
496
  ref: setImplicitRefFromChildren
494
497
  /**
495
498
  * TODO: Why is role="presentation" added?
package/dist/es2019/tooltip-shortcut.compiled.css CHANGED
@@ -1,12 +1,27 @@
1
1
  ._11c81u0j{font:var(--ds-font-code,normal 400 .875em/1 ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
2
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
3
  ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
3
4
  ._zulpv77o{gap:var(--ds-space-025,2px)}
4
5
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
5
6
  ._1dqonqa1{border-style:solid}
6
7
  ._1h6d7jlr{border-color:var(--ds-border-bold,#758195)}
8
+ ._1254n7od{-webkit-box-shadow:unset}
9
+ ._12l2n7od{margin-inline-end:unset}
10
+ ._16qsn7od{box-shadow:unset}
7
11
  ._1e0c1txw{display:flex}
12
+ ._1pfhn7od{margin-block-start:unset}
8
13
  ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
9
14
  ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
15
+ ._1ul9n7od{min-width:unset}
16
+ ._4cvr1h6o{align-items:center}
17
+ ._4t3i1k92{height:1.25rem}
18
+ ._6rthn7od{margin-block-end:unset}
10
19
  ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
20
+ ._ahbqn7od{margin-inline-start:unset}
21
+ ._bfhk261p{background-color:unset!important}
11
22
  ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
23
+ ._cgnln7od{-moz-box-shadow:unset}
24
+ ._syazn7od{color:unset}
25
+ ._vchhusvi{box-sizing:border-box}
26
+ ._w19jn7od{text-shadow:unset}
12
27
  ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
package/dist/es2019/tooltip-shortcut.js CHANGED
@@ -3,8 +3,8 @@ import "./tooltip-shortcut.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  const styles = {
6
- shortcutSegmentsContainer: "_zulpv77o _1e0c1txw _1q511b66 _85i5v77o",
7
- shortcutSegment: "_11c81u0j _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d7jlr _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7"
6
+ shortcutSegmentsContainer: "_zulpv77o _11c82smr _1e0c1txw _1q511b66 _85i5v77o",
7
+ 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"
8
8
  };
9
9
  /**
10
10
  * __Tooltip shortcut__
package/dist/es2019/tooltip.js CHANGED
@@ -464,7 +464,10 @@ function Tooltip({
464
464
  ...tooltipTriggerProps,
465
465
  'aria-describedby': tooltipIdForHiddenContent,
466
466
  ref: setDirectRef
467
- }), hiddenContent) : /*#__PURE__*/React.createElement(CastTargetContainer, _extends({}, tooltipTriggerProps, {
467
+ }), hiddenContent) :
468
+ /*#__PURE__*/
469
+ // @ts-ignore
470
+ React.createElement(CastTargetContainer, _extends({}, tooltipTriggerProps, {
468
471
  ref: setImplicitRefFromChildren
469
472
  /**
470
473
  * TODO: Why is role="presentation" added?
package/dist/esm/tooltip-shortcut.compiled.css CHANGED
@@ -1,12 +1,27 @@
1
1
  ._11c81u0j{font:var(--ds-font-code,normal 400 .875em/1 ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
2
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
3
  ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
3
4
  ._zulpv77o{gap:var(--ds-space-025,2px)}
4
5
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
5
6
  ._1dqonqa1{border-style:solid}
6
7
  ._1h6d7jlr{border-color:var(--ds-border-bold,#758195)}
8
+ ._1254n7od{-webkit-box-shadow:unset}
9
+ ._12l2n7od{margin-inline-end:unset}
10
+ ._16qsn7od{box-shadow:unset}
7
11
  ._1e0c1txw{display:flex}
12
+ ._1pfhn7od{margin-block-start:unset}
8
13
  ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
9
14
  ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
15
+ ._1ul9n7od{min-width:unset}
16
+ ._4cvr1h6o{align-items:center}
17
+ ._4t3i1k92{height:1.25rem}
18
+ ._6rthn7od{margin-block-end:unset}
10
19
  ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
20
+ ._ahbqn7od{margin-inline-start:unset}
21
+ ._bfhk261p{background-color:unset!important}
11
22
  ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
23
+ ._cgnln7od{-moz-box-shadow:unset}
24
+ ._syazn7od{color:unset}
25
+ ._vchhusvi{box-sizing:border-box}
26
+ ._w19jn7od{text-shadow:unset}
12
27
  ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
package/dist/esm/tooltip-shortcut.js CHANGED
@@ -3,8 +3,8 @@ import "./tooltip-shortcut.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  var styles = {
6
- shortcutSegmentsContainer: "_zulpv77o _1e0c1txw _1q511b66 _85i5v77o",
7
- shortcutSegment: "_11c81u0j _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d7jlr _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7"
6
+ shortcutSegmentsContainer: "_zulpv77o _11c82smr _1e0c1txw _1q511b66 _85i5v77o",
7
+ 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"
8
8
  };
9
9
  /**
10
10
  * __Tooltip shortcut__
package/dist/esm/tooltip.js CHANGED
@@ -480,7 +480,10 @@ function Tooltip(_ref) {
480
480
  React.createElement(React.Fragment, null, children(_objectSpread(_objectSpread({}, tooltipTriggerProps), {}, {
481
481
  'aria-describedby': tooltipIdForHiddenContent,
482
482
  ref: setDirectRef
483
- })), hiddenContent) : /*#__PURE__*/React.createElement(CastTargetContainer, _extends({}, tooltipTriggerProps, {
483
+ })), hiddenContent) :
484
+ /*#__PURE__*/
485
+ // @ts-ignore
486
+ React.createElement(CastTargetContainer, _extends({}, tooltipTriggerProps, {
484
487
  ref: setImplicitRefFromChildren
485
488
  /**
486
489
  * TODO: Why is role="presentation" added?
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tooltip",
3
- "version": "20.5.2",
3
+ "version": "20.6.1",
4
4
  "description": "A tooltip is a floating, non-actionable label used to explain a user interface element or feature.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -58,7 +58,7 @@
58
58
  "@atlaskit/docs": "^11.2.0",
59
59
  "@atlaskit/icon": "^28.5.0",
60
60
  "@atlaskit/link": "^3.2.0",
61
- "@atlaskit/primitives": "^15.0.0",
61
+ "@atlaskit/primitives": "^16.0.0",
62
62
  "@atlaskit/section-message": "^8.7.0",
63
63
  "@atlassian/ssr-tests": "^0.3.0",
64
64
  "@testing-library/react": "^13.4.0",