@atlaskit/tooltip 17.5.1 → 17.5.2

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 +7 -0
  2. package/dist/cjs/Tooltip.js +1 -1
  3. package/dist/cjs/TooltipContainer.js +1 -3
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/Tooltip.js +1 -1
  6. package/dist/es2019/TooltipContainer.js +2 -3
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/Tooltip.js +1 -1
  9. package/dist/esm/TooltipContainer.js +1 -2
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +7 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/tooltip
2
2
 
3
+ ## 17.5.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
8
+ - Updated dependencies
9
+
3
10
  ## 17.5.1
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/Tooltip.js CHANGED
@@ -54,7 +54,7 @@ var tooltipZIndex = _constants.layers.tooltip();
54
54
  var analyticsAttributes = {
55
55
  componentName: 'tooltip',
56
56
  packageName: "@atlaskit/tooltip",
57
- packageVersion: "17.5.1"
57
+ packageVersion: "17.5.2"
58
58
  };
59
59
 
60
60
  function noop() {}
package/dist/cjs/TooltipContainer.js CHANGED
@@ -19,8 +19,6 @@ var _components = _interopRequireDefault(require("@atlaskit/theme/components"));
19
19
 
20
20
  var _constants = require("@atlaskit/theme/constants");
21
21
 
22
- var _tokens = require("@atlaskit/tokens");
23
-
24
22
  var _TooltipPrimitive = _interopRequireDefault(require("./TooltipPrimitive"));
25
23
 
26
24
  var _templateObject, _templateObject2, _templateObject3;
@@ -49,7 +47,7 @@ var TooltipContainer = /*#__PURE__*/(0, _react.forwardRef)(function TooltipConta
49
47
  id: id,
50
48
  onMouseOut: onMouseOut,
51
49
  onMouseOver: onMouseOver,
52
- css: [baseCss, truncate ? truncateCss : null, (0, _core.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n color: ", ";\n "])), mode === 'light' ? (0, _tokens.token)('color.background.boldNeutral.resting', _colors.N800) : (0, _tokens.token)('color.background.boldNeutral.resting', _colors.DN0), mode === 'light' ? (0, _tokens.token)('color.text.onBold', _colors.N0) : (0, _tokens.token)('color.text.onBold', _colors.DN600))]
50
+ css: [baseCss, truncate ? truncateCss : null, (0, _core.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n color: ", ";\n "])), mode === 'light' ? "var(--ds-background-boldNeutral-resting, ".concat(_colors.N800, ")") : "var(--ds-background-boldNeutral-resting, ".concat(_colors.DN0, ")"), mode === 'light' ? "var(--ds-text-onBold, ".concat(_colors.N0, ")") : "var(--ds-text-onBold, ".concat(_colors.DN600, ")"))]
53
51
  }, children)
54
52
  );
55
53
  });
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tooltip",
3
- "version": "17.5.1",
3
+ "version": "17.5.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/Tooltip.js CHANGED
@@ -18,7 +18,7 @@ const tooltipZIndex = layers.tooltip();
18
18
  const analyticsAttributes = {
19
19
  componentName: 'tooltip',
20
20
  packageName: "@atlaskit/tooltip",
21
- packageVersion: "17.5.1"
21
+ packageVersion: "17.5.2"
22
22
  };
23
23
 
24
24
  function noop() {}
package/dist/es2019/TooltipContainer.js CHANGED
@@ -4,7 +4,6 @@ import { css, jsx } from '@emotion/core';
4
4
  import { DN0, DN600, N0, N800 } from '@atlaskit/theme/colors';
5
5
  import GlobalTheme from '@atlaskit/theme/components';
6
6
  import { borderRadius } from '@atlaskit/theme/constants';
7
- import { token } from '@atlaskit/tokens';
8
7
  import TooltipPrimitive from './TooltipPrimitive';
9
8
  const baseCss = css`
10
9
  border-radius: ${borderRadius()}px;
@@ -48,8 +47,8 @@ const TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer({
48
47
  onMouseOut: onMouseOut,
49
48
  onMouseOver: onMouseOver,
50
49
  css: [baseCss, truncate ? truncateCss : null, css`
51
- background-color: ${mode === 'light' ? token('color.background.boldNeutral.resting', N800) : token('color.background.boldNeutral.resting', DN0)};
52
- color: ${mode === 'light' ? token('color.text.onBold', N0) : token('color.text.onBold', DN600)};
50
+ background-color: ${mode === 'light' ? `var(--ds-background-boldNeutral-resting, ${N800})` : `var(--ds-background-boldNeutral-resting, ${DN0})`};
51
+ color: ${mode === 'light' ? `var(--ds-text-onBold, ${N0})` : `var(--ds-text-onBold, ${DN600})`};
53
52
  `]
54
53
  }, children));
55
54
  });
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tooltip",
3
- "version": "17.5.1",
3
+ "version": "17.5.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/Tooltip.js CHANGED
@@ -24,7 +24,7 @@ var tooltipZIndex = layers.tooltip();
24
24
  var analyticsAttributes = {
25
25
  componentName: 'tooltip',
26
26
  packageName: "@atlaskit/tooltip",
27
- packageVersion: "17.5.1"
27
+ packageVersion: "17.5.2"
28
28
  };
29
29
 
30
30
  function noop() {}
package/dist/esm/TooltipContainer.js CHANGED
@@ -8,7 +8,6 @@ import { css, jsx } from '@emotion/core';
8
8
  import { DN0, DN600, N0, N800 } from '@atlaskit/theme/colors';
9
9
  import GlobalTheme from '@atlaskit/theme/components';
10
10
  import { borderRadius } from '@atlaskit/theme/constants';
11
- import { token } from '@atlaskit/tokens';
12
11
  import TooltipPrimitive from './TooltipPrimitive';
13
12
  var baseCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border-radius: ", "px;\n box-sizing: border-box;\n font-size: 12px;\n left: 0;\n line-height: 1.3;\n max-width: 240px;\n padding: 2px 6px;\n top: 0;\n word-wrap: break-word;\n overflow-wrap: break-word;\n"])), borderRadius());
14
13
  var truncateCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n max-width: 420px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])));
@@ -34,7 +33,7 @@ var TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer(_ref, r
34
33
  id: id,
35
34
  onMouseOut: onMouseOut,
36
35
  onMouseOver: onMouseOver,
37
- css: [baseCss, truncate ? truncateCss : null, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n background-color: ", ";\n color: ", ";\n "])), mode === 'light' ? token('color.background.boldNeutral.resting', N800) : token('color.background.boldNeutral.resting', DN0), mode === 'light' ? token('color.text.onBold', N0) : token('color.text.onBold', DN600))]
36
+ css: [baseCss, truncate ? truncateCss : null, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n background-color: ", ";\n color: ", ";\n "])), mode === 'light' ? "var(--ds-background-boldNeutral-resting, ".concat(N800, ")") : "var(--ds-background-boldNeutral-resting, ".concat(DN0, ")"), mode === 'light' ? "var(--ds-text-onBold, ".concat(N0, ")") : "var(--ds-text-onBold, ".concat(DN600, ")"))]
38
37
  }, children)
39
38
  );
40
39
  });
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tooltip",
3
- "version": "17.5.1",
3
+ "version": "17.5.2",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tooltip",
3
- "version": "17.5.1",
3
+ "version": "17.5.2",
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/"
@@ -30,7 +30,7 @@
30
30
  "@atlaskit/popper": "^5.0.0",
31
31
  "@atlaskit/portal": "^4.1.0",
32
32
  "@atlaskit/theme": "^12.0.0",
33
- "@atlaskit/tokens": "^0.3.0",
33
+ "@atlaskit/tokens": "^0.4.0",
34
34
  "@babel/runtime": "^7.0.0",
35
35
  "@emotion/core": "^10.0.9",
36
36
  "bind-event-listener": "^1.0.2",
@@ -73,9 +73,12 @@
73
73
  "ui-components": "lite-mode",
74
74
  "analytics": "analytics-next",
75
75
  "theming": "tokens",
76
- "deprecation": "no-deprecated-imports"
76
+ "deprecation": "no-deprecated-imports",
77
+ "styling": [
78
+ "emotion"
79
+ ]
77
80
  }
78
81
  },
79
82
  "homepage": "https://atlassian.design/components/tooltip/",
80
83
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
81
- }
84
+ }