@atlaskit/progress-tracker 8.8.2 → 8.9.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/progress-tracker
 
+## 8.9.1
+
+### Patch Changes
+
+- [#142762](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/142762)
+  [`2bbc16219edd2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2bbc16219edd2) -
+  [ux] Disabled, visited and current step indicator font weight change from semibold to bold.
+
+## 8.9.0
+
+### Minor Changes
+
+- [`2d1da097bd763`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2d1da097bd763) -
+  DSP-20687 removing usage of findDOMNode in react-transition-group behind ff
+
 ## 8.8.2
 
 ### Patch Changes

package/dist/cjs/internal/stage.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -15,6 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactTransitionGroup = require("react-transition-group");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _bar = _interopRequireDefault(require("./bar"));
 var _constants = require("./constants");
@@ -22,7 +24,7 @@ var _marker = _interopRequireDefault(require("./marker"));
 var _utils = require("./utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @atlaskit/design-system/no-nested-styles */ /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -58,6 +60,9 @@ var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureCompone
     var _this;
     (0, _classCallCheck2.default)(this, ProgressTrackerStage);
     _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "nodeRefMarker", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "nodeRefBar", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "nodeRefTitle", /*#__PURE__*/(0, _react.createRef)());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onEntered", function () {
       _this.setState({
         transitioning: false,
@@ -113,30 +118,36 @@ var ProgressTrackerStage = exports.default = /*#__PURE__*/function (_PureCompone
         "aria-current": ariaCurrent
       }, (0, _react2.jsx)(_primitives.Box, {
         xcss: listItemContentStyles
-      }, (0, _react2.jsx)(_reactTransitionGroup.CSSTransition, {
+      }, (0, _react2.jsx)(_reactTransitionGroup.CSSTransition, (0, _extends2.default)({
         appear: true,
         in: this.state.transitioning,
         onEntered: this.onEntered,
         timeout: transitionDelay + transitionSpeed,
         classNames: "fade"
-      }, (0, _react2.jsx)(_marker.default, {
+      }, (0, _platformFeatureFlags.fg)('platform-design-system-dsp-20687-transition-group') && {
+        nodeRef: this.nodeRefMarker
+      }), (0, _react2.jsx)(_marker.default, {
         testId: testId && "".concat(testId, "-marker")
-      })), (0, _react2.jsx)(_reactTransitionGroup.CSSTransition, {
+      })), (0, _react2.jsx)(_reactTransitionGroup.CSSTransition, (0, _extends2.default)({
         appear: true,
         in: this.state.transitioning,
         onEntered: this.onEntered,
         timeout: transitionDelay + transitionSpeed,
         classNames: "fade"
-      }, (0, _react2.jsx)(_bar.default, {
+      }, (0, _platformFeatureFlags.fg)('platform-design-system-dsp-20687-transition-group') && {
+        nodeRef: this.nodeRefBar
+      }), (0, _react2.jsx)(_bar.default, {
         testId: testId && "".concat(testId, "-bar"),
         percentageComplete: item.percentageComplete
-      })), (0, _react2.jsx)(_reactTransitionGroup.CSSTransition, {
+      })), (0, _react2.jsx)(_reactTransitionGroup.CSSTransition, (0, _extends2.default)({
         appear: true,
         in: this.state.transitioning,
         onEntered: this.onEntered,
         timeout: transitionDelay + transitionSpeed,
         classNames: "fade"
-      }, (0, _react2.jsx)("div", {
+      }, (0, _platformFeatureFlags.fg)('platform-design-system-dsp-20687-transition-group') && {
+        nodeRef: this.nodeRefTitle
+      }), (0, _react2.jsx)("div", {
         css: titleStyles,
         style: {
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766

package/dist/cjs/internal/utils.js

@@ -38,7 +38,7 @@ var getFontWeight = exports.getFontWeight = function getFontWeight(status) {
     case 'current':
     case 'visited':
     case 'disabled':
-      return "var(--ds-font-weight-semibold, 600)";
+      return "var(--ds-font-weight-bold, 700)";
     default:
       return undefined;
   }

package/dist/cjs/progress-tracker.js

@@ -20,7 +20,7 @@ var _link = _interopRequireDefault(require("./internal/link"));
 var _stage = _interopRequireDefault(require("./internal/stage"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @atlaskit/design-system/no-nested-styles */ /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/es2019/internal/stage.js

@@ -1,14 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { PureComponent } from 'react';
+import { createRef, PureComponent } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { CSSTransition } from 'react-transition-group';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import ProgressBar from './bar';
 import { LABEL_TOP_SPACING, varBackgroundColor, varMarkerColor, varTransitionDelay, varTransitionEasing, varTransitionSpeed } from './constants';
@@ -41,6 +43,9 @@ const titleStyles = css({
 export default class ProgressTrackerStage extends PureComponent {
   constructor(props) {
     super(props);
+    _defineProperty(this, "nodeRefMarker", /*#__PURE__*/createRef());
+    _defineProperty(this, "nodeRefBar", /*#__PURE__*/createRef());
+    _defineProperty(this, "nodeRefTitle", /*#__PURE__*/createRef());
     _defineProperty(this, "onEntered", () => {
       this.setState({
         transitioning: false,
@@ -96,30 +101,36 @@ export default class ProgressTrackerStage extends PureComponent {
       "aria-current": ariaCurrent
     }, jsx(Box, {
       xcss: listItemContentStyles
-    }, jsx(CSSTransition, {
+    }, jsx(CSSTransition, _extends({
       appear: true,
       in: this.state.transitioning,
       onEntered: this.onEntered,
       timeout: transitionDelay + transitionSpeed,
       classNames: "fade"
-    }, jsx(ProgressMarker, {
+    }, fg('platform-design-system-dsp-20687-transition-group') && {
+      nodeRef: this.nodeRefMarker
+    }), jsx(ProgressMarker, {
       testId: testId && `${testId}-marker`
-    })), jsx(CSSTransition, {
+    })), jsx(CSSTransition, _extends({
       appear: true,
       in: this.state.transitioning,
       onEntered: this.onEntered,
       timeout: transitionDelay + transitionSpeed,
       classNames: "fade"
-    }, jsx(ProgressBar, {
+    }, fg('platform-design-system-dsp-20687-transition-group') && {
+      nodeRef: this.nodeRefBar
+    }), jsx(ProgressBar, {
       testId: testId && `${testId}-bar`,
       percentageComplete: item.percentageComplete
-    })), jsx(CSSTransition, {
+    })), jsx(CSSTransition, _extends({
       appear: true,
       in: this.state.transitioning,
       onEntered: this.onEntered,
       timeout: transitionDelay + transitionSpeed,
       classNames: "fade"
-    }, jsx("div", {
+    }, fg('platform-design-system-dsp-20687-transition-group') && {
+      nodeRef: this.nodeRefTitle
+    }), jsx("div", {
       css: titleStyles,
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766

package/dist/es2019/internal/utils.js

@@ -32,7 +32,7 @@ export const getFontWeight = status => {
     case 'current':
     case 'visited':
     case 'disabled':
-      return "var(--ds-font-weight-semibold, 600)";
+      return "var(--ds-font-weight-bold, 700)";
     default:
       return undefined;
   }

package/dist/esm/internal/stage.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -7,18 +8,19 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { PureComponent } from 'react';
+import { createRef, PureComponent } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { CSSTransition } from 'react-transition-group';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import ProgressBar from './bar';
 import { LABEL_TOP_SPACING, varBackgroundColor, varMarkerColor, varTransitionDelay, varTransitionEasing, varTransitionSpeed } from './constants';
@@ -55,6 +57,9 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
     var _this;
     _classCallCheck(this, ProgressTrackerStage);
     _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "nodeRefMarker", /*#__PURE__*/createRef());
+    _defineProperty(_assertThisInitialized(_this), "nodeRefBar", /*#__PURE__*/createRef());
+    _defineProperty(_assertThisInitialized(_this), "nodeRefTitle", /*#__PURE__*/createRef());
     _defineProperty(_assertThisInitialized(_this), "onEntered", function () {
       _this.setState({
         transitioning: false,
@@ -110,30 +115,36 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
         "aria-current": ariaCurrent
       }, jsx(Box, {
         xcss: listItemContentStyles
-      }, jsx(CSSTransition, {
+      }, jsx(CSSTransition, _extends({
         appear: true,
         in: this.state.transitioning,
         onEntered: this.onEntered,
         timeout: transitionDelay + transitionSpeed,
         classNames: "fade"
-      }, jsx(ProgressMarker, {
+      }, fg('platform-design-system-dsp-20687-transition-group') && {
+        nodeRef: this.nodeRefMarker
+      }), jsx(ProgressMarker, {
         testId: testId && "".concat(testId, "-marker")
-      })), jsx(CSSTransition, {
+      })), jsx(CSSTransition, _extends({
         appear: true,
         in: this.state.transitioning,
         onEntered: this.onEntered,
         timeout: transitionDelay + transitionSpeed,
         classNames: "fade"
-      }, jsx(ProgressBar, {
+      }, fg('platform-design-system-dsp-20687-transition-group') && {
+        nodeRef: this.nodeRefBar
+      }), jsx(ProgressBar, {
         testId: testId && "".concat(testId, "-bar"),
         percentageComplete: item.percentageComplete
-      })), jsx(CSSTransition, {
+      })), jsx(CSSTransition, _extends({
         appear: true,
         in: this.state.transitioning,
         onEntered: this.onEntered,
         timeout: transitionDelay + transitionSpeed,
         classNames: "fade"
-      }, jsx("div", {
+      }, fg('platform-design-system-dsp-20687-transition-group') && {
+        nodeRef: this.nodeRefTitle
+      }), jsx("div", {
         css: titleStyles,
         style: {
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766

package/dist/esm/internal/utils.js

@@ -32,7 +32,7 @@ export var getFontWeight = function getFontWeight(status) {
     case 'current':
     case 'visited':
     case 'disabled':
-      return "var(--ds-font-weight-semibold, 600)";
+      return "var(--ds-font-weight-bold, 700)";
     default:
       return undefined;
   }

package/dist/esm/progress-tracker.js

@@ -7,7 +7,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 /**

package/dist/types/internal/stage.d.ts

@@ -12,6 +12,9 @@ interface State {
 }
 export type { ProgressTrackerStageProps };
 export default class ProgressTrackerStage extends PureComponent<ProgressTrackerStageProps, State> {
+    nodeRefMarker: import("react").RefObject<HTMLElement>;
+    nodeRefBar: import("react").RefObject<HTMLElement>;
+    nodeRefTitle: import("react").RefObject<HTMLElement>;
     constructor(props: ProgressTrackerStageProps);
     UNSAFE_componentWillMount(): void;
     UNSAFE_componentWillReceiveProps(): void;

package/dist/types/internal/utils.d.ts

@@ -1,4 +1,4 @@
 import type { Status } from '../types';
 export declare const getMarkerColor: (status: Status) => "var(--ds-icon-subtle)" | "var(--ds-icon-brand)" | undefined;
 export declare const getTextColor: (status: Status) => "var(--ds-text)" | "var(--ds-text-subtlest)" | "var(--ds-text-brand)" | "var(--ds-text-disabled)" | undefined;
-export declare const getFontWeight: (status: Status) => "var(--ds-font-weight-regular)" | "var(--ds-font-weight-semibold)" | undefined;
+export declare const getFontWeight: (status: Status) => "var(--ds-font-weight-regular)" | "var(--ds-font-weight-bold)" | undefined;

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

@@ -12,6 +12,9 @@ interface State {
 }
 export type { ProgressTrackerStageProps };
 export default class ProgressTrackerStage extends PureComponent<ProgressTrackerStageProps, State> {
+    nodeRefMarker: import("react").RefObject<HTMLElement>;
+    nodeRefBar: import("react").RefObject<HTMLElement>;
+    nodeRefTitle: import("react").RefObject<HTMLElement>;
     constructor(props: ProgressTrackerStageProps);
     UNSAFE_componentWillMount(): void;
     UNSAFE_componentWillReceiveProps(): void;

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

@@ -1,4 +1,4 @@
 import type { Status } from '../types';
 export declare const getMarkerColor: (status: Status) => "var(--ds-icon-subtle)" | "var(--ds-icon-brand)" | undefined;
 export declare const getTextColor: (status: Status) => "var(--ds-text)" | "var(--ds-text-subtlest)" | "var(--ds-text-brand)" | "var(--ds-text-disabled)" | undefined;
-export declare const getFontWeight: (status: Status) => "var(--ds-font-weight-regular)" | "var(--ds-font-weight-semibold)" | undefined;
+export declare const getFontWeight: (status: Status) => "var(--ds-font-weight-regular)" | "var(--ds-font-weight-bold)" | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/progress-tracker",
-	"version": "8.8.2",
+	"version": "8.9.1",
 	"description": "A progress tracker displays the steps and progress through a journey.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -26,7 +26,7 @@
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.1.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tokens": "^1.59.0",
+		"@atlaskit/tokens": "^1.60.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"react-transition-group": "^4.4.1"
@@ -85,6 +85,9 @@
 	"platform-feature-flags": {
 		"platform-progress-tracker-functional-facade": {
 			"type": "boolean"
+		},
+		"platform-design-system-dsp-20687-transition-group": {
+			"type": "boolean"
 		}
 	}
 }