@atlaskit/progress-tracker 8.0.3 → 8.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/progress-tracker",
-  "version": "8.0.3",
+  "version": "8.2.0",
   "description": "A progress tracker displays the steps and progress through a journey.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -13,31 +13,28 @@
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
   "sideEffects": false,
-  "atlaskit:src": "src/index.ts",
+  "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
-    "deprecatedAutoEntryPoints": true,
-    "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
       "name": "Progress tracker"
     }
   },
   "dependencies": {
-    "@atlaskit/page": "^12.0.0",
-    "@atlaskit/theme": "^11.5.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tokens": "^0.7.0",
     "@babel/runtime": "^7.0.0",
+    "@emotion/core": "^10.0.9",
     "react-transition-group": "^4.4.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0",
-    "styled-components": "^3.2.6"
+    "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/build-utils": "*",
-    "@atlaskit/button": "^16.0.0",
+    "@atlaskit/button": "^16.2.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/icon": "^21.8.0",
+    "@atlaskit/icon": "^21.10.0",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
@@ -52,8 +49,23 @@
   "techstack": {
     "@atlassian/frontend": {
       "import-structure": "atlassian-conventions"
+    },
+    "@repo/internal": {
+      "design-system": "v1",
+      "theming": "tokens",
+      "styling": [
+        "static",
+        "emotion"
+      ],
+      "analytics": "analytics-next",
+      "deprecation": "no-deprecated-imports"
     }
   },
+  "af:exports": {
+    "./constants": "./src/constants.tsx",
+    "./types": "./src/types.tsx",
+    ".": "./src/index.tsx"
+  },
   "homepage": "https://atlassian.design/components/progress-tracker/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }

package/dist/cjs/ProgressTracker/styled.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ProgressTrackerContainer = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
-var ProgressTrackerContainer = _styledComponents.default.ul(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n\n  && {\n    margin-top: 40px;\n  }\n\n  list-style-type: none;\n  padding: 0px;\n"])));
-
-exports.ProgressTrackerContainer = ProgressTrackerContainer;
-var _default = ProgressTrackerContainer;
-exports.default = _default;

package/dist/cjs/ProgressTrackerLink/index.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styled = require("./styled");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-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 _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; } }
-
-var ProgressTrackerLink = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(ProgressTrackerLink, _PureComponent);
-
-  var _super = _createSuper(ProgressTrackerLink);
-
-  function ProgressTrackerLink() {
-    (0, _classCallCheck2.default)(this, ProgressTrackerLink);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(ProgressTrackerLink, [{
-    key: "render",
-    value: function render() {
-      var _this$props$item = this.props.item,
-          href = _this$props$item.href,
-          onClick = _this$props$item.onClick,
-          label = _this$props$item.label;
-      return /*#__PURE__*/_react.default.createElement(_styled.Link, {
-        href: href,
-        onClick: onClick
-      }, label);
-    }
-  }]);
-  return ProgressTrackerLink;
-}(_react.PureComponent);
-
-exports.default = ProgressTrackerLink;

package/dist/cjs/ProgressTrackerLink/styled.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Link = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _templateObject;
-
-var Link = _styledComponents.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  color: ", ";\n"])), _colors.N800);
-
-exports.Link = Link;
-var _default = Link;
-exports.default = _default;

package/dist/cjs/ProgressTrackerStage/index.js

@@ -1,199 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactTransitionGroup = require("react-transition-group");
-
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-
-var _styled = require("./styled");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-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 _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 _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; } }
-
-var semibold = '600';
-var regular = '400';
-
-var getMarkerColor = function getMarkerColor(status) {
-  switch (status) {
-    case 'unvisited':
-      return colors.N70;
-
-    case 'current':
-    case 'visited':
-    case 'disabled':
-      return colors.B300;
-
-    default:
-      return;
-  }
-};
-
-var getTextColor = function getTextColor(status) {
-  switch (status) {
-    case 'unvisited':
-      return colors.N300;
-
-    case 'current':
-      return colors.B300;
-
-    case 'visited':
-      return colors.N800;
-
-    case 'disabled':
-      return colors.N70;
-
-    default:
-      return;
-  }
-};
-
-var getFontWeight = function getFontWeight(status) {
-  switch (status) {
-    case 'unvisited':
-      return regular;
-
-    case 'current':
-    case 'visited':
-    case 'disabled':
-      return semibold;
-
-    default:
-      return;
-  }
-};
-
-var ProgressTrackerStage = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(ProgressTrackerStage, _PureComponent);
-
-  var _super = _createSuper(ProgressTrackerStage);
-
-  function ProgressTrackerStage(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, ProgressTrackerStage);
-    _this = _super.call(this, props);
-    _this.state = {
-      transitioning: false,
-      oldMarkerColor: getMarkerColor(_this.props.item.status),
-      oldPercentageComplete: 0
-    };
-    return _this;
-  }
-
-  (0, _createClass2.default)(ProgressTrackerStage, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      this.setState(_objectSpread(_objectSpread({}, this.state), {}, {
-        transitioning: true
-      }));
-    }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps() {
-      this.setState(_objectSpread(_objectSpread({}, this.state), {}, {
-        transitioning: true
-      }));
-    }
-  }, {
-    key: "shouldShowLink",
-    value: function shouldShowLink() {
-      return this.props.item.status === 'visited' && !this.props.item.noLink;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          item = _this$props.item,
-          render = _this$props.render,
-          transitionDelay = _this$props.transitionDelay,
-          transitionSpeed = _this$props.transitionSpeed,
-          transitionEasing = _this$props.transitionEasing;
-
-      var onEntered = function onEntered() {
-        _this2.setState({
-          transitioning: false,
-          oldMarkerColor: getMarkerColor(item.status),
-          oldPercentageComplete: item.percentageComplete
-        });
-      };
-
-      var ariaCurrent = item.status === 'current' ? 'step' : 'false';
-      return /*#__PURE__*/_react.default.createElement(_styled.ProgressTrackerListItem, {
-        "aria-current": ariaCurrent
-      }, /*#__PURE__*/_react.default.createElement(_styled.ProgressTrackerStageContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
-        appear: true,
-        in: this.state.transitioning,
-        onEntered: onEntered,
-        timeout: transitionDelay + transitionSpeed,
-        classNames: "fade"
-      }, /*#__PURE__*/_react.default.createElement(_styled.ProgressTrackerStageMarker, {
-        oldMarkerColor: this.state.oldMarkerColor,
-        color: getMarkerColor(item.status),
-        transitionSpeed: transitionSpeed,
-        transitionDelay: transitionDelay,
-        transitionEasing: transitionEasing
-      })), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
-        appear: true,
-        in: this.state.transitioning,
-        onEntered: onEntered,
-        timeout: transitionDelay + transitionSpeed,
-        classNames: "fade"
-      }, /*#__PURE__*/_react.default.createElement(_styled.ProgressTrackerStageBar, {
-        oldPercentageComplete: this.state.oldPercentageComplete,
-        percentageComplete: item.percentageComplete,
-        transitionSpeed: transitionSpeed,
-        transitionDelay: transitionDelay,
-        transitionEasing: transitionEasing
-      })), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
-        appear: true,
-        in: this.state.transitioning,
-        onEntered: onEntered,
-        timeout: transitionDelay + transitionSpeed,
-        classNames: "fade"
-      }, /*#__PURE__*/_react.default.createElement(_styled.ProgressTrackerStageTitle, {
-        color: getTextColor(item.status),
-        fontweight: getFontWeight(item.status),
-        transitionSpeed: transitionSpeed,
-        transitionDelay: transitionDelay
-      }, this.shouldShowLink() ? render.link({
-        item: item
-      }) : item.label))));
-    }
-  }]);
-  return ProgressTrackerStage;
-}(_react.PureComponent);
-
-exports.default = ProgressTrackerStage;

package/dist/cjs/ProgressTrackerStage/styled.js

@@ -1,133 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ProgressTrackerListItem = exports.ProgressTrackerStageTitle = exports.ProgressTrackerStageBar = exports.ProgressTrackerStageMarker = exports.ProgressTrackerStageContainer = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _constants2 = require("../constants");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-var halfGridSize = (0, _constants.gridSize)() / 2;
-var progressBarHeight = (0, _constants.gridSize)();
-var labelTopSpacing = (0, _constants.gridSize)() + 20; // Labels sit 20px from bottom of progress bar.
-
-var ProgressTrackerStageContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  width: 100%;\n"])));
-
-exports.ProgressTrackerStageContainer = ProgressTrackerStageContainer;
-
-var ProgressTrackerStageMarker = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -", "px);\n  background-color: ", ";\n  height: ", "px;\n  width: ", "px;\n  border-radius: ", "px;\n\n  &.fade-appear {\n    opacity: 0.01;\n  }\n\n  &.fade-appear.fade-appear-active {\n    opacity: 1;\n    transition: opacity ", "ms\n      ", ";\n    transition-delay: ", "ms;\n  }\n\n  &.fade-enter {\n    background-color: ", ";\n  }\n\n  &.fade-enter.fade-enter-active {\n    background-color: ", ";\n    transition: background-color ", "ms\n      ", ";\n    transition-delay: ", "ms;\n  }\n"])), labelTopSpacing, function (props) {
-  return props.color;
-}, progressBarHeight, progressBarHeight, progressBarHeight, function (props) {
-  return props.transitionSpeed;
-}, function (props) {
-  return props.transitionEasing;
-}, function (props) {
-  return props.transitionDelay;
-}, function (props) {
-  return props.oldMarkerColor;
-}, function (props) {
-  return props.color;
-}, function (props) {
-  return props.transitionSpeed;
-}, function (props) {
-  return props.transitionEasing;
-}, function (props) {
-  return props.transitionDelay;
-});
-
-exports.ProgressTrackerStageMarker = ProgressTrackerStageMarker;
-
-var ProgressTrackerStageBar = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  left: 50%;\n  transform: translate(0, -", "px);\n  background-color: ", ";\n  height: ", "px;\n  width: calc(\n    ", "% +\n      ", " / 100 *\n      ", "px\n  ); /* account for spacing and radius of marker */\n  border-top-right-radius: ", "px;\n  border-bottom-right-radius: ", "px;\n\n  &.fade-appear {\n    width: calc(\n      ", "% +\n        ", " / 100 *\n        ", "px\n    ); /* account for spacing and radius of marker */\n  }\n\n  &.fade-appear.fade-appear-active {\n    width: calc(\n      ", "% +\n        ", " / 100 *\n        ", "px\n    ); /* account for spacing and radius of marker */\n    transition: width ", "ms\n      ", ";\n    transition-delay: ", "ms;\n  }\n\n  &.fade-enter {\n    width: calc(\n      ", "% +\n        ", " / 100 *\n        ", "px\n    ); /* account for spacing and radius of marker */\n  }\n\n  &.fade-enter.fade-enter-active {\n    width: calc(\n      ", "% +\n        ", " / 100 *\n        ", "px\n    ); /* account for spacing and radius of marker */\n    transition: width ", "ms\n      ", ";\n    transition-delay: ", "ms;\n  }\n"])), labelTopSpacing, _colors.B300, progressBarHeight, function (props) {
-  return props.percentageComplete;
-}, function (props) {
-  return props.percentageComplete;
-}, function (props) {
-  return halfGridSize + _constants2.spacing[props.theme.spacing];
-}, _constants.gridSize, _constants.gridSize, function (props) {
-  return props.oldPercentageComplete;
-}, function (props) {
-  return props.oldPercentageComplete;
-}, function (props) {
-  return halfGridSize + _constants2.spacing[props.theme.spacing];
-}, function (props) {
-  return props.percentageComplete;
-}, function (props) {
-  return props.percentageComplete;
-}, function (props) {
-  return halfGridSize + _constants2.spacing[props.theme.spacing];
-}, function (props) {
-  return props.transitionSpeed;
-}, function (props) {
-  return props.transitionEasing;
-}, function (props) {
-  return props.transitionDelay;
-}, function (props) {
-  return props.oldPercentageComplete;
-}, function (props) {
-  return props.oldPercentageComplete;
-}, function (props) {
-  return halfGridSize + _constants2.spacing[props.theme.spacing];
-}, function (props) {
-  return props.percentageComplete;
-}, function (props) {
-  return props.percentageComplete;
-}, function (props) {
-  return halfGridSize + _constants2.spacing[props.theme.spacing];
-}, function (props) {
-  return props.transitionSpeed;
-}, function (props) {
-  return props.transitionEasing;
-}, function (props) {
-  return props.transitionDelay;
-});
-
-exports.ProgressTrackerStageBar = ProgressTrackerStageBar;
-
-var ProgressTrackerStageTitle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: ", ";\n  line-height: 16px;\n  color: ", ";\n  text-align: center;\n  font-size: ", "px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: ", "px;\n\n  &.fade-appear {\n    opacity: 0.01;\n  }\n\n  &.fade-appear.fade-appear-active {\n    opacity: 1;\n    transition: opacity ", "ms\n      cubic-bezier(0.2, 0, 0, 1);\n  }\n"])), function (props) {
-  return props.fontweight;
-}, function (props) {
-  return props.color;
-}, _constants.fontSize, labelTopSpacing, function (props) {
-  return props.transitionSpeed;
-});
-
-exports.ProgressTrackerStageTitle = ProgressTrackerStageTitle;
-
-// Copied styles of GridColumn from @atlaskit/page
-var availableColumns = function availableColumns(props) {
-  return props.theme.columns;
-};
-
-var columns = function columns(props) {
-  return Math.min(availableColumns(props), 2);
-};
-
-var gridSpacing = function gridSpacing(props) {
-  return _constants2.spacing[props.theme.spacing];
-};
-
-var getMaxWidthColumnRatio = function getMaxWidthColumnRatio(props) {
-  if (columns(props) >= availableColumns(props)) {
-    return '100%';
-  }
-
-  return "99.9999% / ".concat(availableColumns(props), " * ").concat(columns(props));
-};
-
-var ProgressTrackerListItem = _styledComponents.default.li(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  flex-shrink: 0;\n  margin: 0 ", "px;\n  word-wrap: break-word;\n\n  max-width: calc(", " - ", "px);\n  min-width: calc(99.9999% / ", " - ", "px);\n"])), function (props) {
-  return _constants2.spacing[props.theme.spacing] / 2;
-}, getMaxWidthColumnRatio, gridSpacing, availableColumns, gridSpacing);
-
-exports.ProgressTrackerListItem = ProgressTrackerListItem;

package/dist/es2019/ProgressTracker/styled.js

@@ -1,13 +0,0 @@
-import styled from 'styled-components';
-export const ProgressTrackerContainer = styled.ul`
-  display: flex;
-  width: 100%;
-
-  && {
-    margin-top: 40px;
-  }
-
-  list-style-type: none;
-  padding: 0px;
-`;
-export default ProgressTrackerContainer;

package/dist/es2019/ProgressTrackerLink/index.js

@@ -1,16 +0,0 @@
-import React, { PureComponent } from 'react';
-import { Link } from './styled';
-export default class ProgressTrackerLink extends PureComponent {
-  render() {
-    const {
-      href,
-      onClick,
-      label
-    } = this.props.item;
-    return /*#__PURE__*/React.createElement(Link, {
-      href: href,
-      onClick: onClick
-    }, label);
-  }
-
-}

package/dist/es2019/ProgressTrackerLink/styled.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-import { N800 } from '@atlaskit/theme/colors';
-export const Link = styled.a`
-  cursor: pointer;
-  color: ${N800};
-`;
-export default Link;