@atlaskit/progress-tracker 8.5.1 → 8.5.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/progress-tracker
 
+## 8.5.3
+
+### Patch Changes
+
+- [`6ab9799d402`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ab9799d402) - The internal composition of this component has changed. There is no expected change in behavior.
+- [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
+- Updated dependencies
+
+## 8.5.2
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
 ## 8.5.1
 
 ### Patch Changes

package/dist/cjs/internal/bar.js

@@ -13,7 +13,7 @@ var _constants2 = require("./constants");
 var progressBarStyles = (0, _react.css)({
   height: _constants2.PROGRESS_BAR_HEIGHT,
   position: 'absolute',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   left: '50%',
   backgroundColor: "var(--ds-background-brand-bold, ".concat(_colors.B300, ")"),
   borderBottomRightRadius: _constants2.PROGRESS_BAR_HEIGHT,

package/dist/cjs/internal/marker.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("@emotion/react");
 var _constants = require("./constants");
-/* eslint-disable @repo/internal/styles/no-nested-styles */
+/* eslint-disable @atlaskit/design-system/no-nested-styles */
 /** @jsx jsx */
 
 var progressMarkerStyles = (0, _react.css)({
   width: _constants.PROGRESS_BAR_HEIGHT,
   height: _constants.PROGRESS_BAR_HEIGHT,
   position: 'absolute',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   left: '50%',
   backgroundColor: "var(".concat(_constants.varBackgroundColor, ")"),
   borderRadius: _constants.PROGRESS_BAR_HEIGHT,

package/dist/cjs/internal/stage.js

@@ -15,8 +15,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactTransitionGroup = require("react-transition-group");
-var _box = _interopRequireDefault(require("@atlaskit/ds-explorations/box"));
 var _text = _interopRequireDefault(require("@atlaskit/ds-explorations/text"));
+var _primitives = require("@atlaskit/primitives");
 var _bar = _interopRequireDefault(require("./bar"));
 var _constants = require("./constants");
 var _marker = _interopRequireDefault(require("./marker"));
@@ -24,15 +24,19 @@ var _utils = require("./utils");
 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 = 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; }
 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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @repo/internal/styles/no-nested-styles */ /** @jsx jsx */
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @atlaskit/design-system/no-nested-styles */ /** @jsx jsx */
+var listItemContentStyles = (0, _primitives.xcss)({
+  width: '100%',
+  position: 'relative'
+});
 var listItemStyles = (0, _react2.css)({
   margin: "var(--ds-space-0, 0px)",
   overflowWrap: 'break-word'
 });
 var titleStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   marginTop: _constants.LABEL_TOP_SPACING,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   lineHeight: '16px',
   textAlign: 'center',
   '&.fade-appear': {
@@ -101,11 +105,8 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
         style: listInlineStyles,
         css: listItemStyles,
         "aria-current": ariaCurrent
-      }, (0, _react2.jsx)(_box.default, {
-        display: "block",
-        UNSAFE_style: {
-          width: '100%'
-        }
+      }, (0, _react2.jsx)(_primitives.Box, {
+        xcss: listItemContentStyles
       }, (0, _react2.jsx)(_reactTransitionGroup.CSSTransition, {
         appear: true,
         in: this.state.transitioning,

package/dist/cjs/progress-tracker.js

@@ -21,14 +21,14 @@ var _stage = _interopRequireDefault(require("./internal/stage"));
 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 = 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; }
 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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @repo/internal/styles/no-nested-styles */ /** @jsx jsx */
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @atlaskit/design-system/no-nested-styles */ /** @jsx jsx */
 var containerStyles = (0, _react2.css)({
   display: 'grid',
   width: '100%',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: '0 auto',
   padding: "var(--ds-space-0, 0px)",
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   gap: "var(".concat(_constants2.varSpacing, ")"),
   listStyleType: 'none',
   '&&': {

package/dist/es2019/internal/bar.js

@@ -6,7 +6,7 @@ import { HALF_GRID_SIZE, LABEL_TOP_SPACING, PROGRESS_BAR_HEIGHT, varSpacing, var
 const progressBarStyles = css({
   height: PROGRESS_BAR_HEIGHT,
   position: 'absolute',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   left: '50%',
   backgroundColor: `var(--ds-background-brand-bold, ${B300})`,
   borderBottomRightRadius: PROGRESS_BAR_HEIGHT,

package/dist/es2019/internal/marker.js

@@ -1,4 +1,4 @@
-/* eslint-disable @repo/internal/styles/no-nested-styles */
+/* eslint-disable @atlaskit/design-system/no-nested-styles */
 /** @jsx jsx */
 
 import { css, jsx } from '@emotion/react';
@@ -7,7 +7,7 @@ const progressMarkerStyles = css({
   width: PROGRESS_BAR_HEIGHT,
   height: PROGRESS_BAR_HEIGHT,
   position: 'absolute',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   left: '50%',
   backgroundColor: `var(${varBackgroundColor})`,
   borderRadius: PROGRESS_BAR_HEIGHT,

package/dist/es2019/internal/stage.js

@@ -1,23 +1,27 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/* eslint-disable @repo/internal/styles/no-nested-styles */
+/* eslint-disable @atlaskit/design-system/no-nested-styles */
 /** @jsx jsx */
 import { PureComponent } from 'react';
 import { css, jsx } from '@emotion/react';
 import { CSSTransition } from 'react-transition-group';
-import Box from '@atlaskit/ds-explorations/box';
 import Text from '@atlaskit/ds-explorations/text';
+import { Box, xcss } from '@atlaskit/primitives';
 import ProgressBar from './bar';
 import { LABEL_TOP_SPACING, varBackgroundColor, varMarkerColor, varTransitionDelay, varTransitionEasing, varTransitionSpeed } from './constants';
 import ProgressMarker from './marker';
 import { getFontWeight, getMarkerColor, getTextColor } from './utils';
+const listItemContentStyles = xcss({
+  width: '100%',
+  position: 'relative'
+});
 const listItemStyles = css({
   margin: "var(--ds-space-0, 0px)",
   overflowWrap: 'break-word'
 });
 const titleStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   marginTop: LABEL_TOP_SPACING,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   lineHeight: '16px',
   textAlign: 'center',
   '&.fade-appear': {
@@ -82,10 +86,7 @@ export default class ProgressTrackerStage extends PureComponent {
       css: listItemStyles,
       "aria-current": ariaCurrent
     }, jsx(Box, {
-      display: "block",
-      UNSAFE_style: {
-        width: '100%'
-      }
+      xcss: listItemContentStyles
     }, jsx(CSSTransition, {
       appear: true,
       in: this.state.transitioning,

package/dist/es2019/progress-tracker.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/* eslint-disable @repo/internal/styles/no-nested-styles */
+/* eslint-disable @atlaskit/design-system/no-nested-styles */
 /** @jsx jsx */
 import { PureComponent } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -10,10 +10,10 @@ import Stage from './internal/stage';
 const containerStyles = css({
   display: 'grid',
   width: '100%',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: '0 auto',
   padding: "var(--ds-space-0, 0px)",
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   gap: `var(${varSpacing})`,
   listStyleType: 'none',
   '&&': {

package/dist/esm/internal/bar.js

@@ -6,7 +6,7 @@ import { HALF_GRID_SIZE, LABEL_TOP_SPACING, PROGRESS_BAR_HEIGHT, varSpacing, var
 var progressBarStyles = css({
   height: PROGRESS_BAR_HEIGHT,
   position: 'absolute',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   left: '50%',
   backgroundColor: "var(--ds-background-brand-bold, ".concat(B300, ")"),
   borderBottomRightRadius: PROGRESS_BAR_HEIGHT,

package/dist/esm/internal/marker.js

@@ -1,4 +1,4 @@
-/* eslint-disable @repo/internal/styles/no-nested-styles */
+/* eslint-disable @atlaskit/design-system/no-nested-styles */
 /** @jsx jsx */
 
 import { css, jsx } from '@emotion/react';
@@ -7,7 +7,7 @@ var progressMarkerStyles = css({
   width: PROGRESS_BAR_HEIGHT,
   height: PROGRESS_BAR_HEIGHT,
   position: 'absolute',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   left: '50%',
   backgroundColor: "var(".concat(varBackgroundColor, ")"),
   borderRadius: PROGRESS_BAR_HEIGHT,

package/dist/esm/internal/stage.js

@@ -9,25 +9,29 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/* eslint-disable @repo/internal/styles/no-nested-styles */
+/* eslint-disable @atlaskit/design-system/no-nested-styles */
 /** @jsx jsx */
 import { PureComponent } from 'react';
 import { css, jsx } from '@emotion/react';
 import { CSSTransition } from 'react-transition-group';
-import Box from '@atlaskit/ds-explorations/box';
 import Text from '@atlaskit/ds-explorations/text';
+import { Box, xcss } from '@atlaskit/primitives';
 import ProgressBar from './bar';
 import { LABEL_TOP_SPACING, varBackgroundColor, varMarkerColor, varTransitionDelay, varTransitionEasing, varTransitionSpeed } from './constants';
 import ProgressMarker from './marker';
 import { getFontWeight, getMarkerColor, getTextColor } from './utils';
+var listItemContentStyles = xcss({
+  width: '100%',
+  position: 'relative'
+});
 var listItemStyles = css({
   margin: "var(--ds-space-0, 0px)",
   overflowWrap: 'break-word'
 });
 var titleStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   marginTop: LABEL_TOP_SPACING,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   lineHeight: '16px',
   textAlign: 'center',
   '&.fade-appear': {
@@ -97,10 +101,7 @@ var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
         css: listItemStyles,
         "aria-current": ariaCurrent
       }, jsx(Box, {
-        display: "block",
-        UNSAFE_style: {
-          width: '100%'
-        }
+        xcss: listItemContentStyles
       }, jsx(CSSTransition, {
         appear: true,
         in: this.state.transitioning,

package/dist/esm/progress-tracker.js

@@ -9,7 +9,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/* eslint-disable @repo/internal/styles/no-nested-styles */
+/* eslint-disable @atlaskit/design-system/no-nested-styles */
 /** @jsx jsx */
 import { PureComponent } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -20,10 +20,10 @@ import Stage from './internal/stage';
 var containerStyles = css({
   display: 'grid',
   width: '100%',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: '0 auto',
   padding: "var(--ds-space-0, 0px)",
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   gap: "var(".concat(varSpacing, ")"),
   listStyleType: 'none',
   '&&': {

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

@@ -0,0 +1,9 @@
+/**
+ * Ideally these are exported by @atlaskit/page
+ */
+export declare const spacing: {
+    readonly comfortable: "var(--ds-space-500)";
+    readonly cosy: "var(--ds-space-200)";
+    readonly compact: "var(--ds-space-050)";
+};
+export type Spacing = keyof typeof spacing;

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

@@ -0,0 +1,3 @@
+export { default as ProgressTracker } from './progress-tracker';
+export type { ProgressTrackerProps } from './progress-tracker';
+export type { Stages, Stage } from './types';

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

@@ -0,0 +1,14 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+interface StageBarProps {
+    testId?: string;
+    percentageComplete: number;
+}
+/**
+ * __Progress bar__
+ *
+ * A progress bar describes the horizontal tracking bar that traverses each individual step.
+ *
+ */
+declare const ProgressBar: ({ percentageComplete, testId }: StageBarProps) => jsx.JSX.Element;
+export default ProgressBar;

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

@@ -0,0 +1,14 @@
+export declare const TRANSITION_SPEED = 300;
+export declare const LINEAR_TRANSITION_SPEED = 50;
+export declare const ANIMATION_EASE_OUT = "cubic-bezier(0.15,1,0.3,1)";
+export declare const varSpacing = "--ds--pt--sp";
+export declare const varTransitionSpeed = "--ds--pt--ts";
+export declare const varTransitionDelay = "--ds--pt--td";
+export declare const varTransitionEasing = "--ds--pt--te";
+export declare const varMarkerColor = "--ds--pt--mc";
+export declare const varBackgroundColor = "--ds--pt--bg";
+export declare const SEMI_BOLD_FONT_WEIGHT = "semibold";
+export declare const REGULAR_FONT_WEIGHT = "regular";
+export declare const HALF_GRID_SIZE: "var(--ds-space-050)";
+export declare const PROGRESS_BAR_HEIGHT: "var(--ds-space-100)";
+export declare const LABEL_TOP_SPACING: "var(--ds-space-300)";

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

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import { FC } from 'react';
+import { Stage } from '../types';
+/**
+ * __Progress tracker link__
+ */
+declare const Link: FC<Stage & {
+    testId?: string;
+}>;
+export default Link;

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

@@ -0,0 +1,11 @@
+/** @jsx jsx */
+import { FC } from 'react';
+/**
+ * __Progress marker__
+ *
+ * Similar to `@atlaskit/progress-indicator`, a small visual circle marker
+ */
+declare const ProgressMarker: FC<{
+    testId?: string;
+}>;
+export default ProgressMarker;

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

@@ -0,0 +1,18 @@
+/** @jsx jsx */
+import { PureComponent } from 'react';
+import { jsx } from '@emotion/react';
+import type { ProgressTrackerStageProps } from './types';
+interface State {
+    transitioning: boolean;
+    oldMarkerColor?: string;
+    oldPercentageComplete: number;
+}
+export type { ProgressTrackerStageProps };
+export default class ProgressTrackerStage extends PureComponent<ProgressTrackerStageProps, State> {
+    constructor(props: ProgressTrackerStageProps);
+    UNSAFE_componentWillMount(): void;
+    UNSAFE_componentWillReceiveProps(): void;
+    shouldShowLink(): boolean;
+    onEntered: () => void;
+    render(): jsx.JSX.Element;
+}

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

@@ -0,0 +1,27 @@
+import type { ProgressTrackerStageRenderProp, Stage } from '../types';
+export interface ProgressTrackerStageProps {
+    /**
+     * stage data passed to each `ProgressTrackerStage` component
+     */
+    item: Stage;
+    /**
+     * render prop to specify how to render components
+     */
+    render: ProgressTrackerStageRenderProp;
+    /**
+     * An internal hook applied to key elements for automated testing
+     */
+    testId?: string;
+    /**
+     * delay before transitioning in ms
+     */
+    transitionDelay: number;
+    /**
+     * speed at which to transition in ms
+     */
+    transitionSpeed: number;
+    /**
+     * interface of easing for transition
+     */
+    transitionEasing: string;
+}

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

@@ -0,0 +1,5 @@
+import { TextColor } from '@atlaskit/ds-explorations/text';
+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) => TextColor | undefined;
+export declare const getFontWeight: (status: Status) => "semibold" | "regular" | undefined;

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

@@ -0,0 +1,58 @@
+/** @jsx jsx */
+import { PureComponent } from 'react';
+import { jsx } from '@emotion/react';
+import type { LinkComponentProps, ProgressTrackerStageRenderProp, Spacing, Stages } from './types';
+export interface ProgressTrackerProps {
+    /**
+     * Ordered list of stage data
+     */
+    items: Stages;
+    /**
+     * Margin spacing type between steps
+     */
+    spacing: Spacing;
+    /**
+     * Render prop to specify custom implementations of components
+     */
+    render: ProgressTrackerStageRenderProp;
+    /**
+     * Turns off transition animations if set to false
+     */
+    animated: boolean;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
+     */
+    testId?: string;
+    /**
+     * Text to be used as an aria-label of progress tracker
+     */
+    label?: string;
+}
+interface State {
+    prevStages: Stages;
+}
+export default class ProgressTracker extends PureComponent<ProgressTrackerProps, State> {
+    static defaultProps: {
+        items: never[];
+        spacing: string;
+        render: {
+            link: ({ item }: LinkComponentProps) => jsx.JSX.Element;
+        };
+        animated: boolean;
+        label: string;
+    };
+    state: {
+        prevStages: {
+            percentageComplete: number;
+            id: string;
+            label: string;
+            status: import("./types").Status;
+            noLink?: boolean | undefined;
+            href?: string | undefined;
+            onClick?: (() => void) | undefined;
+        }[];
+    };
+    UNSAFE_componentWillReceiveProps(nextProps: ProgressTrackerProps): void;
+    render(): jsx.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+/**
+ * Ideally these are exported by @atlaskit/page
+ */
+export type { Spacing } from './constants';
+export type Status = 'unvisited' | 'visited' | 'current' | 'disabled';
+/**
+ * @deprecated
+ */
+export type StatusType = Status;
+export interface Stage {
+    id: string;
+    label: string;
+    percentageComplete: number;
+    status: Status;
+    noLink?: boolean;
+    href?: string;
+    onClick?: () => void;
+}
+export type Stages = Stage[];
+export interface LinkComponentProps {
+    item: Stage;
+}
+export interface ProgressTrackerStageRenderProp {
+    link: (props: LinkComponentProps) => JSX.Element;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/progress-tracker",
-  "version": "8.5.1",
+  "version": "8.5.3",
   "description": "A progress tracker displays the steps and progress through a journey.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,28 +12,21 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Progress tracker",
       "category": "Components"
     }
   },
   "dependencies": {
-    "@atlaskit/ds-explorations": "^2.1.0",
+    "@atlaskit/ds-explorations": "^2.2.0",
+    "@atlaskit/primitives": "^1.2.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.4.0",
+    "@atlaskit/tokens": "^1.15.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "react-transition-group": "^4.4.1"
@@ -42,17 +35,15 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.7.0",
-    "@atlaskit/docs": "*",
+    "@af/accessibility-testing": "*",
+    "@af/visual-regression": "*",
     "@atlaskit/ds-lib": "^2.2.0",
-    "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/primitives": "^0.9.0",
-    "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",
+    "jest-in-case": "^1.0.2",
     "react-dom": "^16.8.0",
     "react-router-dom": "^4.2.2",
     "react-test-renderer": "^16.8.0",
@@ -78,6 +69,14 @@
       "ui-components": "primitives"
     }
   },
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
   "af:exports": {
     "./constants": "./src/constants.tsx",
     "./types": "./src/types.tsx",

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,106 @@
+## API Report File for "@atlaskit/progress-tracker"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { jsx } from '@emotion/react';
+import { PureComponent } from 'react';
+
+// @public (undocumented)
+interface LinkComponentProps {
+    // (undocumented)
+    item: Stage;
+}
+
+// @public (undocumented)
+export class ProgressTracker extends PureComponent<ProgressTrackerProps, State> {
+    // (undocumented)
+    static defaultProps: {
+        items: never[];
+        spacing: string;
+        render: {
+            link: ({ item }: LinkComponentProps) => jsx.JSX.Element;
+        };
+        animated: boolean;
+        label: string;
+    };
+    // (undocumented)
+    render(): jsx.JSX.Element;
+    // (undocumented)
+    state: {
+        prevStages: {
+            percentageComplete: number;
+            id: string;
+            label: string;
+            status: Status;
+            noLink?: boolean | undefined;
+            href?: string | undefined;
+            onClick?: (() => void) | undefined;
+        }[];
+    };
+    // (undocumented)
+    UNSAFE_componentWillReceiveProps(nextProps: ProgressTrackerProps): void;
+}
+
+// @public (undocumented)
+export interface ProgressTrackerProps {
+    animated: boolean;
+    items: Stages;
+    label?: string;
+    render: ProgressTrackerStageRenderProp;
+    spacing: Spacing;
+    testId?: string;
+}
+
+// @public (undocumented)
+interface ProgressTrackerStageRenderProp {
+    // (undocumented)
+    link: (props: LinkComponentProps) => JSX.Element;
+}
+
+// @public (undocumented)
+type Spacing = keyof typeof spacing;
+
+// @public
+const spacing: {
+    readonly comfortable: "var(--ds-space-500)";
+    readonly cosy: "var(--ds-space-200)";
+    readonly compact: "var(--ds-space-050)";
+};
+
+// @public (undocumented)
+export interface Stage {
+    // (undocumented)
+    href?: string;
+    // (undocumented)
+    id: string;
+    // (undocumented)
+    label: string;
+    // (undocumented)
+    noLink?: boolean;
+    // (undocumented)
+    onClick?: () => void;
+    // (undocumented)
+    percentageComplete: number;
+    // (undocumented)
+    status: Status;
+}
+
+// @public (undocumented)
+export type Stages = Stage[];
+
+// @public (undocumented)
+interface State {
+    // (undocumented)
+    prevStages: Stages;
+}
+
+// @public (undocumented)
+type Status = 'current' | 'disabled' | 'unvisited' | 'visited';
+
+// (No @packageDocumentation comment for this package)
+
+```

package/dist/cjs/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/progress-tracker",
-	"version": "8.5.1",
-	"sideEffects": false
-}

package/dist/es2019/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/progress-tracker",
-	"version": "8.5.1",
-	"sideEffects": false
-}

package/dist/esm/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/progress-tracker",
-	"version": "8.5.1",
-	"sideEffects": false
-}