@atlaskit/tooltip 20.10.0 → 20.11.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 +18 -0
  2. package/dist/cjs/tooltip-shortcut.compiled.css +0 -1
  3. package/dist/cjs/tooltip-shortcut.js +2 -4
  4. package/dist/cjs/tooltip.js +1 -1
  5. package/dist/es2019/tooltip-shortcut.compiled.css +0 -1
  6. package/dist/es2019/tooltip-shortcut.js +2 -4
  7. package/dist/es2019/tooltip.js +1 -1
  8. package/dist/esm/tooltip-shortcut.compiled.css +0 -1
  9. package/dist/esm/tooltip-shortcut.js +2 -4
  10. package/dist/esm/tooltip.js +1 -1
  11. package/package.json +8 -12
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/tooltip
2
2
 
3
+ ## 20.11.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 20.11.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`d26b520fd7859`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d26b520fd7859) -
14
+ The keyboard shortcut font has been updated to use regular fonts instead of monospace fonts, for
15
+ improved readability and distinction between characters such as the letter O and number 0. It will
16
+ now use the font.body.small font token.
17
+
18
+ This change was previously behind the feature gate `platform-tooltip-shortcuts-regular-font`,
19
+ which has now been removed.
20
+
3
21
  ## 20.10.0
4
22
 
5
23
  ### Minor Changes
package/dist/cjs/tooltip-shortcut.compiled.css CHANGED
@@ -1,5 +1,4 @@
1
1
  ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._11c81u0j{font:var(--ds-font-code,normal 400 .875em/1 ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
3
2
  ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
4
3
  ._zulpv77o{gap:var(--ds-space-025,2px)}
5
4
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
package/dist/cjs/tooltip-shortcut.js CHANGED
@@ -9,12 +9,10 @@ exports.TooltipShortcut = void 0;
9
9
  require("./tooltip-shortcut.compiled.css");
10
10
  var React = _interopRequireWildcard(require("react"));
11
11
  var _runtime = require("@compiled/react/runtime");
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
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); }
14
13
  var styles = {
15
14
  shortcutSegmentsContainer: "_zulpv77o _1e0c1txw _1q511b66 _85i5v77o",
16
- shortcutSegment: "_11c81u0j _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d1ihb _1e0c1txw _4cvr1h6o _4t3i1k92 _vchhusvi _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7 _16qsn7od _1254n7od _cgnln7od _syazn7od _ahbqn7od _12l2n7od _1pfhn7od _6rthn7od _1ul9n7od _w19jn7od _bfhk261p",
17
- regularFont: "_11c81o8v"
15
+ shortcutSegment: "_11c81o8v _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d1ihb _1e0c1txw _4cvr1h6o _4t3i1k92 _vchhusvi _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7 _16qsn7od _1254n7od _cgnln7od _syazn7od _ahbqn7od _12l2n7od _1pfhn7od _6rthn7od _1ul9n7od _w19jn7od _bfhk261p"
18
16
  };
19
17
  /**
20
18
  * __Tooltip shortcut__
@@ -29,7 +27,7 @@ var TooltipShortcut = exports.TooltipShortcut = function TooltipShortcut(_ref) {
29
27
  }, shortcut.map(function (segment, index) {
30
28
  return /*#__PURE__*/React.createElement("kbd", {
31
29
  key: "".concat(segment, "-").concat(index),
32
- className: (0, _runtime.ax)([styles.shortcutSegment, (0, _platformFeatureFlags.fg)('platform-tooltip-shortcuts-regular-font') && styles.regularFont])
30
+ className: (0, _runtime.ax)([styles.shortcutSegment])
33
31
  }, segment);
34
32
  }));
35
33
  };
package/dist/cjs/tooltip.js CHANGED
@@ -32,7 +32,7 @@ var tooltipZIndex = _constants.layers.tooltip();
32
32
  var analyticsAttributes = {
33
33
  componentName: 'tooltip',
34
34
  packageName: "@atlaskit/tooltip",
35
- packageVersion: "20.9.0"
35
+ packageVersion: "0.0.0-development"
36
36
  };
37
37
 
38
38
  // Inverts motion direction
package/dist/es2019/tooltip-shortcut.compiled.css CHANGED
@@ -1,5 +1,4 @@
1
1
  ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._11c81u0j{font:var(--ds-font-code,normal 400 .875em/1 ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
3
2
  ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
4
3
  ._zulpv77o{gap:var(--ds-space-025,2px)}
5
4
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
package/dist/es2019/tooltip-shortcut.js CHANGED
@@ -2,11 +2,9 @@
2
2
  import "./tooltip-shortcut.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
- import { fg } from '@atlaskit/platform-feature-flags';
6
5
  const styles = {
7
6
  shortcutSegmentsContainer: "_zulpv77o _1e0c1txw _1q511b66 _85i5v77o",
8
- shortcutSegment: "_11c81u0j _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d1ihb _1e0c1txw _4cvr1h6o _4t3i1k92 _vchhusvi _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7 _16qsn7od _1254n7od _cgnln7od _syazn7od _ahbqn7od _12l2n7od _1pfhn7od _6rthn7od _1ul9n7od _w19jn7od _bfhk261p",
9
- regularFont: "_11c81o8v"
7
+ shortcutSegment: "_11c81o8v _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d1ihb _1e0c1txw _4cvr1h6o _4t3i1k92 _vchhusvi _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7 _16qsn7od _1254n7od _cgnln7od _syazn7od _ahbqn7od _12l2n7od _1pfhn7od _6rthn7od _1ul9n7od _w19jn7od _bfhk261p"
10
8
  };
11
9
  /**
12
10
  * __Tooltip shortcut__
@@ -21,6 +19,6 @@ export const TooltipShortcut = ({
21
19
  className: ax([styles.shortcutSegmentsContainer])
22
20
  }, shortcut.map((segment, index) => /*#__PURE__*/React.createElement("kbd", {
23
21
  key: `${segment}-${index}`,
24
- className: ax([styles.shortcutSegment, fg('platform-tooltip-shortcuts-regular-font') && styles.regularFont])
22
+ className: ax([styles.shortcutSegment])
25
23
  }, segment)));
26
24
  };
package/dist/es2019/tooltip.js CHANGED
@@ -19,7 +19,7 @@ const tooltipZIndex = layers.tooltip();
19
19
  const analyticsAttributes = {
20
20
  componentName: 'tooltip',
21
21
  packageName: "@atlaskit/tooltip",
22
- packageVersion: "20.9.0"
22
+ packageVersion: "0.0.0-development"
23
23
  };
24
24
 
25
25
  // Inverts motion direction
package/dist/esm/tooltip-shortcut.compiled.css CHANGED
@@ -1,5 +1,4 @@
1
1
  ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._11c81u0j{font:var(--ds-font-code,normal 400 .875em/1 ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
3
2
  ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
4
3
  ._zulpv77o{gap:var(--ds-space-025,2px)}
5
4
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
package/dist/esm/tooltip-shortcut.js CHANGED
@@ -2,11 +2,9 @@
2
2
  import "./tooltip-shortcut.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
- import { fg } from '@atlaskit/platform-feature-flags';
6
5
  var styles = {
7
6
  shortcutSegmentsContainer: "_zulpv77o _1e0c1txw _1q511b66 _85i5v77o",
8
- shortcutSegment: "_11c81u0j _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d1ihb _1e0c1txw _4cvr1h6o _4t3i1k92 _vchhusvi _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7 _16qsn7od _1254n7od _cgnln7od _syazn7od _ahbqn7od _12l2n7od _1pfhn7od _6rthn7od _1ul9n7od _w19jn7od _bfhk261p",
9
- regularFont: "_11c81o8v"
7
+ shortcutSegment: "_11c81o8v _2rkolb4i _1dqonqa1 _189ee4h9 _1h6d1ihb _1e0c1txw _4cvr1h6o _4t3i1k92 _vchhusvi _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7 _16qsn7od _1254n7od _cgnln7od _syazn7od _ahbqn7od _12l2n7od _1pfhn7od _6rthn7od _1ul9n7od _w19jn7od _bfhk261p"
10
8
  };
11
9
  /**
12
10
  * __Tooltip shortcut__
@@ -21,7 +19,7 @@ export var TooltipShortcut = function TooltipShortcut(_ref) {
21
19
  }, shortcut.map(function (segment, index) {
22
20
  return /*#__PURE__*/React.createElement("kbd", {
23
21
  key: "".concat(segment, "-").concat(index),
24
- className: ax([styles.shortcutSegment, fg('platform-tooltip-shortcuts-regular-font') && styles.regularFont])
22
+ className: ax([styles.shortcutSegment])
25
23
  }, segment);
26
24
  }));
27
25
  };
package/dist/esm/tooltip.js CHANGED
@@ -23,7 +23,7 @@ var tooltipZIndex = layers.tooltip();
23
23
  var analyticsAttributes = {
24
24
  componentName: 'tooltip',
25
25
  packageName: "@atlaskit/tooltip",
26
- packageVersion: "20.9.0"
26
+ packageVersion: "0.0.0-development"
27
27
  };
28
28
 
29
29
  // Inverts motion direction
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tooltip",
3
- "version": "20.10.0",
3
+ "version": "20.11.1",
4
4
  "description": "A tooltip describes an interactive element on mouse hover or keyboard focus.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -33,14 +33,14 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/analytics-next": "^11.1.0",
36
- "@atlaskit/ds-lib": "^5.2.0",
36
+ "@atlaskit/ds-lib": "^5.3.0",
37
37
  "@atlaskit/layering": "^3.4.0",
38
38
  "@atlaskit/motion": "^5.3.0",
39
39
  "@atlaskit/platform-feature-flags": "^1.1.0",
40
40
  "@atlaskit/popper": "^7.1.0",
41
41
  "@atlaskit/portal": "^5.1.0",
42
42
  "@atlaskit/theme": "^21.0.0",
43
- "@atlaskit/tokens": "^8.0.0",
43
+ "@atlaskit/tokens": "^9.0.0",
44
44
  "@babel/runtime": "^7.0.0",
45
45
  "@compiled/react": "^0.18.6",
46
46
  "bind-event-listener": "^3.0.0"
@@ -53,14 +53,13 @@
53
53
  "@af/accessibility-testing": "workspace:^",
54
54
  "@af/integration-testing": "workspace:^",
55
55
  "@af/visual-regression": "workspace:^",
56
- "@atlaskit/button": "^23.6.0",
57
- "@atlaskit/css": "^0.15.0",
56
+ "@atlaskit/button": "^23.9.0",
57
+ "@atlaskit/css": "^0.19.0",
58
58
  "@atlaskit/docs": "^11.2.0",
59
- "@atlaskit/icon": "^29.0.0",
59
+ "@atlaskit/icon": "^29.3.0",
60
60
  "@atlaskit/link": "^3.2.0",
61
- "@atlaskit/primitives": "^16.1.0",
62
- "@atlaskit/section-message": "^8.9.0",
63
- "@atlassian/feature-flags-test-utils": "^1.0.0",
61
+ "@atlaskit/primitives": "^17.0.0",
62
+ "@atlaskit/section-message": "^8.11.0",
64
63
  "@atlassian/ssr-tests": "workspace:^",
65
64
  "@atlassian/testing-library": "^0.4.0",
66
65
  "@testing-library/react": "^13.4.0",
@@ -99,9 +98,6 @@
99
98
  },
100
99
  "should-render-to-parent-should-be-true-design-syst": {
101
100
  "type": "boolean"
102
- },
103
- "platform-tooltip-shortcuts-regular-font": {
104
- "type": "boolean"
105
101
  }
106
102
  }
107
103
  }