@atlaskit/tooltip 20.7.1 → 20.8.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/tooltip
 
+## 20.8.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 20.8.0
+
+### Minor Changes
+
+- [`8f79c1a030071`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8f79c1a030071) -
+  The built-in support for displaying keyboard shortcuts via the `shortcut` prop is now available
+  for use. It was previously behind the `platform-dst-tooltip-shortcuts` feature flag, which has now
+  been cleaned up.
+
+  The top and bottom padding of the tooltip container has also been increased from `2px` to `4px` -
+  this change previously also behind the same feature flag.
+
 ## 20.7.1
 
 ### Patch Changes

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

@@ -6,10 +6,8 @@
 ._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
 ._1i4q1hna{overflow-wrap:break-word}
 ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
-._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
 ._1reo15vq{overflow-x:hidden}
 ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
-._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
 ._bfhkgkf6{background-color:var(--ds-background-neutral-bold,#172b4d)}
 ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
 ._o5721q9c{white-space:nowrap}

package/dist/cjs/tooltip-container.js

@@ -11,12 +11,10 @@ require("./tooltip-container.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltipPrimitive = _interopRequireDefault(require("./tooltip-primitive"));
 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 = {
-  base: "_2rkofajl _11c8dcr7 _vchhusvi _p12fp3fh _bfhkgkf6 _syaz15cr _152tze3t _1e02ze3t _1i4q1hna _85i5v77o _1q51v77o _y4ti12x7 _bozg12x7 _slp31hna",
-  baseRefreshedPadding: "_1q511b66 _85i51b66",
+  base: "_2rkofajl _11c8dcr7 _vchhusvi _p12fp3fh _bfhkgkf6 _syaz15cr _152tze3t _1e02ze3t _1i4q1hna _1q511b66 _85i51b66 _y4ti12x7 _bozg12x7 _slp31hna",
   truncate: "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c"
 };
 
@@ -42,7 +40,7 @@ var TooltipContainer = /*#__PURE__*/(0, _react.forwardRef)(function TooltipConta
     style: style
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: (0, _runtime.ax)([styles.base, (0, _platformFeatureFlags.fg)('platform-dst-tooltip-shortcuts') && styles.baseRefreshedPadding, truncate && styles.truncate, className]),
+    className: (0, _runtime.ax)([styles.base, truncate && styles.truncate, className]),
     placement: placement,
     testId: testId,
     id: id,

package/dist/cjs/tooltip-primitive.js

@@ -10,7 +10,6 @@ require("./tooltip-primitive.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltipShortcut = require("./tooltip-shortcut");
 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 primitiveStyles = null;
@@ -47,7 +46,7 @@ var TooltipPrimitive = /*#__PURE__*/(0, _react.forwardRef)(function TooltipPrimi
     "data-placement": placement,
     "data-testid": testId,
     id: id
-  }, children, shortcut && (0, _platformFeatureFlags.fg)('platform-dst-tooltip-shortcuts') && /*#__PURE__*/React.createElement(_tooltipShortcut.TooltipShortcut, {
+  }, children, shortcut && /*#__PURE__*/React.createElement(_tooltipShortcut.TooltipShortcut, {
     shortcut: shortcut
   })));
 });

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

@@ -3,7 +3,7 @@
 ._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)}
+._1h6d1ihb{border-color:var(--ds-border-bold,#7d818a)}
 ._1254n7od{-webkit-box-shadow:unset}
 ._12l2n7od{margin-inline-end:unset}
 ._16qsn7od{box-shadow:unset}

package/dist/cjs/tooltip-shortcut.js

@@ -12,7 +12,7 @@ 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 _1e0c1txw _4cvr1h6o _4t3i1k92 _vchhusvi _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7 _16qsn7od _1254n7od _cgnln7od _syazn7od _ahbqn7od _12l2n7od _1pfhn7od _6rthn7od _1ul9n7od _w19jn7od _bfhk261p"
+  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"
 };
 /**
  * __Tooltip shortcut__

package/dist/cjs/tooltip.js

@@ -33,7 +33,7 @@ var tooltipZIndex = _constants.layers.tooltip();
 var analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "20.7.0"
+  packageVersion: "0.0.0-development"
 };
 
 // Inverts motion direction

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

@@ -6,10 +6,8 @@
 ._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
 ._1i4q1hna{overflow-wrap:break-word}
 ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
-._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
 ._1reo15vq{overflow-x:hidden}
 ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
-._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
 ._bfhkgkf6{background-color:var(--ds-background-neutral-bold,#172b4d)}
 ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
 ._o5721q9c{white-space:nowrap}

package/dist/es2019/tooltip-container.js

@@ -3,11 +3,9 @@ import "./tooltip-container.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import TooltipPrimitive from './tooltip-primitive';
 const styles = {
-  base: "_2rkofajl _11c8dcr7 _vchhusvi _p12fp3fh _bfhkgkf6 _syaz15cr _152tze3t _1e02ze3t _1i4q1hna _85i5v77o _1q51v77o _y4ti12x7 _bozg12x7 _slp31hna",
-  baseRefreshedPadding: "_1q511b66 _85i51b66",
+  base: "_2rkofajl _11c8dcr7 _vchhusvi _p12fp3fh _bfhkgkf6 _syaz15cr _152tze3t _1e02ze3t _1i4q1hna _1q511b66 _85i51b66 _y4ti12x7 _bozg12x7 _slp31hna",
   truncate: "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c"
 };
 
@@ -34,7 +32,7 @@ const TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer({
     style: style
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax([styles.base, fg('platform-dst-tooltip-shortcuts') && styles.baseRefreshedPadding, truncate && styles.truncate, className]),
+    className: ax([styles.base, truncate && styles.truncate, className]),
     placement: placement,
     testId: testId,
     id: id,

package/dist/es2019/tooltip-primitive.js

@@ -3,7 +3,6 @@ import "./tooltip-primitive.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { TooltipShortcut } from './tooltip-shortcut';
 const primitiveStyles = null;
 
@@ -40,7 +39,7 @@ const TooltipPrimitive = /*#__PURE__*/forwardRef(function TooltipPrimitive({
     "data-placement": placement,
     "data-testid": testId,
     id: id
-  }, children, shortcut && fg('platform-dst-tooltip-shortcuts') && /*#__PURE__*/React.createElement(TooltipShortcut, {
+  }, children, shortcut && /*#__PURE__*/React.createElement(TooltipShortcut, {
     shortcut: shortcut
   })));
 });

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

@@ -3,7 +3,7 @@
 ._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)}
+._1h6d1ihb{border-color:var(--ds-border-bold,#7d818a)}
 ._1254n7od{-webkit-box-shadow:unset}
 ._12l2n7od{margin-inline-end:unset}
 ._16qsn7od{box-shadow:unset}

package/dist/es2019/tooltip-shortcut.js

@@ -4,7 +4,7 @@ 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 _1e0c1txw _4cvr1h6o _4t3i1k92 _vchhusvi _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7 _16qsn7od _1254n7od _cgnln7od _syazn7od _ahbqn7od _12l2n7od _1pfhn7od _6rthn7od _1ul9n7od _w19jn7od _bfhk261p"
+  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"
 };
 /**
  * __Tooltip shortcut__

package/dist/es2019/tooltip.js

@@ -20,7 +20,7 @@ const tooltipZIndex = layers.tooltip();
 const analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "20.7.0"
+  packageVersion: "0.0.0-development"
 };
 
 // Inverts motion direction

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

@@ -6,10 +6,8 @@
 ._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
 ._1i4q1hna{overflow-wrap:break-word}
 ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
-._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
 ._1reo15vq{overflow-x:hidden}
 ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
-._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
 ._bfhkgkf6{background-color:var(--ds-background-neutral-bold,#172b4d)}
 ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
 ._o5721q9c{white-space:nowrap}

package/dist/esm/tooltip-container.js

@@ -3,11 +3,9 @@ import "./tooltip-container.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import TooltipPrimitive from './tooltip-primitive';
 var styles = {
-  base: "_2rkofajl _11c8dcr7 _vchhusvi _p12fp3fh _bfhkgkf6 _syaz15cr _152tze3t _1e02ze3t _1i4q1hna _85i5v77o _1q51v77o _y4ti12x7 _bozg12x7 _slp31hna",
-  baseRefreshedPadding: "_1q511b66 _85i51b66",
+  base: "_2rkofajl _11c8dcr7 _vchhusvi _p12fp3fh _bfhkgkf6 _syaz15cr _152tze3t _1e02ze3t _1i4q1hna _1q511b66 _85i51b66 _y4ti12x7 _bozg12x7 _slp31hna",
   truncate: "_1reo15vq _18m915vq _p12f1pna _1bto1l2s _o5721q9c"
 };
 
@@ -33,7 +31,7 @@ var TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer(_ref, r
     style: style
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax([styles.base, fg('platform-dst-tooltip-shortcuts') && styles.baseRefreshedPadding, truncate && styles.truncate, className]),
+    className: ax([styles.base, truncate && styles.truncate, className]),
     placement: placement,
     testId: testId,
     id: id,

package/dist/esm/tooltip-primitive.js

@@ -3,7 +3,6 @@ import "./tooltip-primitive.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { TooltipShortcut } from './tooltip-shortcut';
 var primitiveStyles = null;
 
@@ -39,7 +38,7 @@ var TooltipPrimitive = /*#__PURE__*/forwardRef(function TooltipPrimitive(_ref, r
     "data-placement": placement,
     "data-testid": testId,
     id: id
-  }, children, shortcut && fg('platform-dst-tooltip-shortcuts') && /*#__PURE__*/React.createElement(TooltipShortcut, {
+  }, children, shortcut && /*#__PURE__*/React.createElement(TooltipShortcut, {
     shortcut: shortcut
   })));
 });

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

@@ -3,7 +3,7 @@
 ._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)}
+._1h6d1ihb{border-color:var(--ds-border-bold,#7d818a)}
 ._1254n7od{-webkit-box-shadow:unset}
 ._12l2n7od{margin-inline-end:unset}
 ._16qsn7od{box-shadow:unset}

package/dist/esm/tooltip-shortcut.js

@@ -4,7 +4,7 @@ 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 _1e0c1txw _4cvr1h6o _4t3i1k92 _vchhusvi _1q51v77o _85i5v77o _bozg12x7 _y4ti12x7 _16qsn7od _1254n7od _cgnln7od _syazn7od _ahbqn7od _12l2n7od _1pfhn7od _6rthn7od _1ul9n7od _w19jn7od _bfhk261p"
+  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"
 };
 /**
  * __Tooltip shortcut__

package/dist/esm/tooltip.js

@@ -24,7 +24,7 @@ var tooltipZIndex = layers.tooltip();
 var analyticsAttributes = {
   componentName: 'tooltip',
   packageName: "@atlaskit/tooltip",
-  packageVersion: "20.7.0"
+  packageVersion: "0.0.0-development"
 };
 
 // Inverts motion direction

package/dist/types/types.d.ts

@@ -136,8 +136,6 @@ export interface TooltipProps {
      * Display a keyboard shortcut in the tooltip.
      *
      * Keys will be displayed as individual keyboard key segments after the tooltip content.
-     *
-     * This prop requires the `platform-dst-tooltip-shortcuts` feature flag to be enabled.
      */
     shortcut?: string[];
 }

package/dist/types-ts4.5/types.d.ts

@@ -136,8 +136,6 @@ export interface TooltipProps {
      * Display a keyboard shortcut in the tooltip.
      *
      * Keys will be displayed as individual keyboard key segments after the tooltip content.
-     *
-     * This prop requires the `platform-dst-tooltip-shortcuts` feature flag to be enabled.
      */
     shortcut?: string[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tooltip",
-	"version": "20.7.1",
+	"version": "20.8.1",
 	"description": "A tooltip describes an interactive element on mouse hover or keyboard focus.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,14 +33,14 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/ds-lib": "^5.1.0",
+		"@atlaskit/ds-lib": "^5.2.0",
 		"@atlaskit/layering": "^3.2.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": "^7.0.0",
+		"@atlaskit/tokens": "^8.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
 		"bind-event-listener": "^3.0.0"
@@ -53,7 +53,7 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.5.0",
+		"@atlaskit/button": "^23.6.0",
 		"@atlaskit/css": "^0.15.0",
 		"@atlaskit/docs": "^11.2.0",
 		"@atlaskit/icon": "^28.5.0",
@@ -61,7 +61,7 @@
 		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/section-message": "^8.9.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
-		"@atlassian/ssr-tests": "^0.3.0",
+		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/testing-library": "^0.4.0",
 		"@testing-library/react": "^13.4.0",
 		"react-dom": "^18.2.0",
@@ -100,9 +100,6 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
-		"platform-dst-tooltip-shortcuts": {
-			"type": "boolean"
-		},
 		"should-render-to-parent-should-be-true-design-syst": {
 			"type": "boolean"
 		}