@atlaskit/tooltip 17.5.0 → 17.5.4

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/tooltip
 
+## 17.5.4
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
+- Updated dependencies
+
+## 17.5.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 17.5.2
+
+### Patch Changes
+
+- [`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.
+- Updated dependencies
+
+## 17.5.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 17.5.0
 
 ### Minor Changes

package/dist/cjs/Tooltip.js

@@ -45,16 +45,16 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var tooltipZIndex = _constants.layers.tooltip();
 
 var analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "17.5.0"
+  packageVersion: "17.5.4"
 };
 
 function noop() {}

package/dist/cjs/TooltipContainer.js

@@ -19,8 +19,6 @@ var _components = _interopRequireDefault(require("@atlaskit/theme/components"));
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _TooltipPrimitive = _interopRequireDefault(require("./TooltipPrimitive"));
 
 var _templateObject, _templateObject2, _templateObject3;
@@ -49,7 +47,7 @@ var TooltipContainer = /*#__PURE__*/(0, _react.forwardRef)(function TooltipConta
         id: id,
         onMouseOut: onMouseOut,
         onMouseOver: onMouseOver,
-        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))]
+        css: [baseCss, truncate ? truncateCss : null, (0, _core.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n                background-color: ", ";\n                color: ", ";\n              "])), mode === 'light' ? "var(--ds-background-neutral-bold, ".concat(_colors.N800, ")") : "var(--ds-background-neutral-bold, ".concat(_colors.DN0, ")"), mode === 'light' ? "var(--ds-text-inverse, ".concat(_colors.N0, ")") : "var(--ds-text-inverse, ".concat(_colors.DN600, ")"))]
       }, children)
     );
   });

package/dist/cjs/index.js

@@ -5,16 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "TooltipPrimitive", {
   enumerable: true,
   get: function get() {
-    return _Tooltip.default;
+    return _TooltipPrimitive.default;
   }
 });
-Object.defineProperty(exports, "TooltipPrimitive", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _TooltipPrimitive.default;
+    return _Tooltip.default;
   }
 });
 

package/dist/cjs/version.json

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

package/dist/es2019/Tooltip.js

@@ -18,7 +18,7 @@ const tooltipZIndex = layers.tooltip();
 const analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "17.5.0"
+  packageVersion: "17.5.4"
 };
 
 function noop() {}

package/dist/es2019/TooltipContainer.js

@@ -4,7 +4,6 @@ import { css, jsx } from '@emotion/core';
 import { DN0, DN600, N0, N800 } from '@atlaskit/theme/colors';
 import GlobalTheme from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import TooltipPrimitive from './TooltipPrimitive';
 const baseCss = css`
   border-radius: ${borderRadius()}px;
@@ -48,8 +47,8 @@ const TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer({
     onMouseOut: onMouseOut,
     onMouseOver: onMouseOver,
     css: [baseCss, truncate ? truncateCss : null, css`
-                background-color: ${mode === 'light' ? token('color.background.boldNeutral.resting', N800) : token('color.background.boldNeutral.resting', DN0)};
-                color: ${mode === 'light' ? token('color.text.onBold', N0) : token('color.text.onBold', DN600)};
+                background-color: ${mode === 'light' ? `var(--ds-background-neutral-bold, ${N800})` : `var(--ds-background-neutral-bold, ${DN0})`};
+                color: ${mode === 'light' ? `var(--ds-text-inverse, ${N0})` : `var(--ds-text-inverse, ${DN600})`};
               `]
   }, children));
 });

package/dist/es2019/version.json

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

package/dist/esm/Tooltip.js

@@ -2,9 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /** @jsx jsx */
 import React, { useCallback, useEffect, useRef, useState } from 'react';
@@ -24,7 +24,7 @@ var tooltipZIndex = layers.tooltip();
 var analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "17.5.0"
+  packageVersion: "17.5.4"
 };
 
 function noop() {}

package/dist/esm/TooltipContainer.js

@@ -8,7 +8,6 @@ import { css, jsx } from '@emotion/core';
 import { DN0, DN600, N0, N800 } from '@atlaskit/theme/colors';
 import GlobalTheme from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import TooltipPrimitive from './TooltipPrimitive';
 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());
 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
         id: id,
         onMouseOut: onMouseOut,
         onMouseOver: onMouseOver,
-        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))]
+        css: [baseCss, truncate ? truncateCss : null, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                background-color: ", ";\n                color: ", ";\n              "])), mode === 'light' ? "var(--ds-background-neutral-bold, ".concat(N800, ")") : "var(--ds-background-neutral-bold, ".concat(DN0, ")"), mode === 'light' ? "var(--ds-text-inverse, ".concat(N0, ")") : "var(--ds-text-inverse, ".concat(DN600, ")"))]
       }, children)
     );
   });

package/dist/esm/version.json

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

package/dist/types/Tooltip.d.ts

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+/// <reference types="react" />
 import { TooltipProps } from './types';
 declare function Tooltip({ children, position, mousePosition, content, truncate, component: Container, tag: TargetContainer, testId, delay, onShow, onHide, hideTooltipOnClick, hideTooltipOnMouseDown, analyticsContext, strategy, }: TooltipProps): JSX.Element;
 declare namespace Tooltip {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tooltip",
-  "version": "17.5.0",
+  "version": "17.5.4",
   "description": "A tooltip is a floating, non-actionable label used to explain a user interface element or feature.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -17,7 +17,6 @@
   "atlassian": {
     "team": "Design System Team",
     "deprecatedAutoEntryPoints": true,
-    "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
       "name": "Tooltip"
@@ -29,8 +28,8 @@
     "@atlaskit/motion": "^1.0.0",
     "@atlaskit/popper": "^5.0.0",
     "@atlaskit/portal": "^4.1.0",
-    "@atlaskit/theme": "^12.0.0",
-    "@atlaskit/tokens": "^0.2.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tokens": "^0.6.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "bind-event-listener": "^1.0.2",
@@ -41,10 +40,9 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/build-utils": "*",
     "@atlaskit/button": "^16.1.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/icon": "^21.9.0",
+    "@atlaskit/icon": "^21.10.0",
     "@atlaskit/section-message": "^6.1.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
@@ -73,7 +71,10 @@
       "ui-components": "lite-mode",
       "analytics": "analytics-next",
       "theming": "tokens",
-      "deprecation": "no-deprecated-imports"
+      "deprecation": "no-deprecated-imports",
+      "styling": [
+        "emotion"
+      ]
     }
   },
   "homepage": "https://atlassian.design/components/tooltip/",